@useinsider/guido 1.0.2-beta.ad1dcd9 → 1.0.2-beta.b3c5fc9

package/dist/extensions/Blocks/Checkbox/control.js

@@ -1,104 +0,0 @@
-var E = Object.defineProperty;
-var c = (o, s, t) => s in o ? E(o, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[s] = t;
-var a = (o, s, t) => c(o, typeof s != "symbol" ? s + "" : s, t);
-import { useHttp as p } from "../../../composables/useHttp.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
-import { UEAttr as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js";
-import { UIElementType as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
-import { Control as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/Control.js";
-import { ModificationDescription as l } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js";
-const d = "ui-elements-checkbox", n = "select", { get: L } = p();
-class K extends m {
-  constructor() {
-    super(...arguments);
-    a(this, "currentNode");
-    a(this, "selectedUnsubGroup");
-    a(this, "unsubList", []);
-  }
-  getId() {
-    return d;
-  }
-  _setFormValues() {
-    this.api.updateValues({
-      [n]: ""
-    });
-  }
-  _getLabel(t, i = `${Math.random()}`) {
-    return `
-            <${r.LABEL} 
-                ${e.LABEL.text}="${t}" 
-                ${e.LABEL.name}="${i}">
-            </${r.LABEL}>
-        `;
-  }
-  _getSelectItem(t, i) {
-    return `
-            <${r.SELECT_ITEM} 
-                ${e.SELECT_ITEM.text}="${t}" 
-                ${e.SELECT_ITEM.value}="${i}">
-            </${r.SELECT_ITEM}>`;
-  }
-  _getSelect() {
-    return this.unsubList.map((t) => this._getSelectItem(t.name, t.sendGridId)).join("");
-  }
-  getTemplate() {
-    return `
-            <div class="checkbox-controls-container">
-                <div class="checkbox-select-container container two-columns stretch">
-                    <${r.LABEL}
-                        ${e.LABEL.text}="${this.api.translate("Unsubscribe Group")}"
-                        ${e.LABEL.name}="${Math.random()}">
-                    </${r.LABEL}>
-
-                    <${r.SELECTPICKER}
-                        ${e.SELECTPICKER.name}="${n}"
-                        ${e.SELECTPICKER.placeholder}="${this.api.translate("Select Unsubscribe Group")}">
-                            ${this._getSelect()}
-                    </${r.SELECTPICKER}>
-                </div>
-            </div>
-        `;
-  }
-  _onSelectChange(t) {
-    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new l(`Updated text to ${t}`));
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(n, (t) => this._onSelectChange(t));
-  }
-  onTemplateNodeUpdated(t) {
-    if (this.currentNode = t, "getAttribute" in t) {
-      const i = Number(t.getAttribute("id"));
-      i && (this.selectedUnsubGroup = i, this.api.updateValues({
-        [n]: this.selectedUnsubGroup
-      }));
-    }
-  }
-  // eslint-disable-next-line @typescript-eslint/no-misused-promises
-  async onRender() {
-    const t = await L(
-      "/unsubscribe-groups/unsubscribe-list"
-    ), i = t.data.map((u) => ({
-      [e.SELECT_ITEM.text]: u.name,
-      [e.SELECT_ITEM.value]: u.sendGridId
-    }));
-    this.unsubList = t.data, this.api.setUIEAttribute(
-      n,
-      e.SELECTPICKER.items,
-      i
-    ), this._setFormValues(), this._listenToFormUpdates();
-  }
-}
-export {
-  d as CHECKBOX_CONTROL_BLOCK_ID,
-  K as CheckboxControl
-};

package/dist/extensions/Blocks/Checkbox/extension.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("@stripoinc/ui-editor-extensions").Extension;
-export default _default;

package/dist/extensions/Blocks/Checkbox/extension.js

@@ -1,20 +0,0 @@
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
-import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/ExtensionBuilder.js";
-import { CheckboxBlock as t } from "./block.js";
-import { CheckboxControl as r } from "./control.js";
-import { CheckboxBlockSettings as i } from "./settingsPanel.js";
-const g = new o().addBlock(t).withSettingsPanelRegistry(i).addControl(r).build();
-export {
-  g as default
-};

package/dist/extensions/Blocks/Checkbox/settingsPanel.d.ts

@@ -1,4 +0,0 @@
-import { SettingsPanelRegistry, SettingsPanelTab } from '@stripoinc/ui-editor-extensions';
-export declare class CheckboxBlockSettings extends SettingsPanelRegistry {
-    registerBlockControls(blockControlsMap: Record<string, SettingsPanelTab[]>): void;
-}

package/dist/extensions/Blocks/Checkbox/settingsPanel.js

@@ -1,38 +0,0 @@
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
-import { ContainerControls as i, TextControls as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
-import { SettingsTab as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
-import { SettingsPanelRegistry as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js";
-import { SettingsPanelTab as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js";
-import { CHECKBOX_BLOCK_ID as p } from "./block.js";
-import { CHECKBOX_CONTROL_BLOCK_ID as C } from "./control.js";
-class x extends e {
-  registerBlockControls(r) {
-    r[p] = [
-      new t(
-        o.SETTINGS,
-        [
-          C,
-          i.EXTERNAL_INDENTS
-        ]
-      ),
-      new t(
-        o.STYLES,
-        [
-          m.TEXT_BLOCK_BACKGROUND_COLOR
-        ]
-      )
-    ];
-  }
-}
-export {
-  x as CheckboxBlockSettings
-};

package/dist/extensions/Blocks/Checkbox/template.d.ts

@@ -1,6 +0,0 @@
-declare const migrationTemplate = "\n    <td \n        align=\"left\" \n        esd-extension-block-id=\"checkbox-block\" \n        class=\"checkbox-block-v2 esd-block-checkbox esd-checkbox-block esd-extension-block es-p20\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n            <tr>\n                <td align=\"left\" width=\"39\" style=\"vertical-align: top\">\n                <input type=\"checkbox\">\n                </td>\n                <td align=\"left\" width=\"816\" style=\"vertical-align: top\">\n                <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                    <tbody>\n                    <tr>\n                        {-{-TITLE-}-}\n                    </tr>\n                    <tr>\n                        {-{-DESCRIPTION-}-}\n                    </tr>\n                    </tbody>\n                </table>\n                </td>\n            </tr>\n            </tbody>\n        </table>\n    </td>\n";
-/**
- * @returns The template for the default checkbox block
- */
-export declare function getDefaultTemplate(): string;
-export default migrationTemplate;

package/dist/extensions/Blocks/Checkbox/template.js

@@ -1,75 +0,0 @@
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
-import { BlockType as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
-const e = {
-  TITLE: "Unsubscribe From All Email Lists",
-  DESCRIPTION: "You will still receive important transactional and billing-related emails."
-}, l = `
-    <td align="left" class="checkbox-block-v2 esd-block-checkbox es-p20">
-        <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
-            <tbody>
-                <tr>
-                    <td align="left" width="39" style="vertical-align: top;">
-                        <input type="checkbox">
-                    </td>
-                    <td align="left" width="816" style="vertical-align: top;">
-                        <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
-                            <tbody>
-                                <${t.BLOCK_TEXT}>
-                                    {-{-TITLE-}-}
-                                </${t.BLOCK_TEXT}>
-                                <${t.BLOCK_TEXT}>
-                                    {-{-DESCRIPTION-}-}
-                                </${t.BLOCK_TEXT}>
-                            </tbody>
-                        </table>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-    </td>
-`, m = `
-    <td 
-        align="left" 
-        esd-extension-block-id="checkbox-block" 
-        class="checkbox-block-v2 esd-block-checkbox esd-checkbox-block esd-extension-block es-p20"
-    >
-        <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
-            <tbody>
-            <tr>
-                <td align="left" width="39" style="vertical-align: top">
-                <input type="checkbox">
-                </td>
-                <td align="left" width="816" style="vertical-align: top">
-                <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
-                    <tbody>
-                    <tr>
-                        {-{-TITLE-}-}
-                    </tr>
-                    <tr>
-                        {-{-DESCRIPTION-}-}
-                    </tr>
-                    </tbody>
-                </table>
-                </td>
-            </tr>
-            </tbody>
-        </table>
-    </td>
-`;
-function h() {
-  return l.replace("{-{-TITLE-}-}", `<p path="1">${e.TITLE}</p>`).replace("{-{-DESCRIPTION-}-}", `<p path="1">${e.DESCRIPTION}</p>`);
-}
-export {
-  m as default,
-  h as getDefaultTemplate
-};

package/dist/extensions/Blocks/Unsubscribe/block.d.ts

@@ -1,30 +0,0 @@
-import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
-import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
-export declare const UNSUBSCRIBE_BLOCK_ID = "unsubscribe-block";
-export declare class UnsubscribeBlock extends Block {
-    private selectEventListener;
-    private cancelEventListener;
-    private currentNode?;
-    getId(): string;
-    getIcon(): string;
-    getBlockCompositionType(): BlockCompositionType;
-    getName(): string;
-    getDescription(): string;
-    getTemplate(): string;
-    onCreated(node: ImmutableHtmlNode): void;
-    onSelect(node: ImmutableHtmlNode): undefined;
-    onDelete(node: ImmutableHtmlNode): undefined;
-    private _setupSelectEventListener;
-    private _removeSelectEventListener;
-    private _setupCancelEventListener;
-    private _removeCancelEventListener;
-    private _handleCancel;
-    private _removeEventListeners;
-    private _updateBlock;
-    private _getMergeTag;
-    private _openDrawer;
-    private _checkExistingBlocks;
-    private _loadBlockState;
-    private _resetStoreState;
-    private _removeBlockTemplatesFromStore;
-}

package/dist/extensions/Blocks/Unsubscribe/block.js

@@ -1,141 +0,0 @@
-var S = Object.defineProperty;
-var _ = (n, s, e) => s in n ? S(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
-var u = (n, s, e) => _(n, typeof s != "symbol" ? s + "" : s, e);
-import { PAGE_TYPES as E } from "../../../enums/unsubscribe.js";
-import { useUnsubscribeStore as c } from "../../../stores/unsubscribe.js";
-import { Block as d } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/blocks/Block.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
-import { BlockCompositionType as h } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
-import { ModificationDescription as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js";
-import { getDefaultTemplate as L } from "./template.js";
-import { UNSUBSCRIBE_EVENTS as a, DATA_ATTRIBUTES as o } from "./utils/constants.js";
-import { parsePageList as p } from "./utils/utils.js";
-const v = "unsubscribe-block", g = 'a[data-unsubscribe-link="true"]', f = ".unsubscribe-block-v2", B = "{{ins-unsubscribe-link}}", C = {
-  [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
-  [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
-};
-class $ extends d {
-  constructor() {
-    super(...arguments);
-    u(this, "selectEventListener", null);
-    u(this, "cancelEventListener", null);
-    u(this, "currentNode");
-  }
-  getId() {
-    return v;
-  }
-  getIcon() {
-    return "mail-info";
-  }
-  getBlockCompositionType() {
-    return h.BLOCK;
-  }
-  getName() {
-    return this.api.translate("Unsubscribe Block");
-  }
-  getDescription() {
-    return this.api.translate("Unsubscribe Block Description");
-  }
-  getTemplate() {
-    return L();
-  }
-  onCreated(e) {
-    console.debug("on created", e), !("getAttribute" in e && e.getAttribute("data-migration")) && (this.currentNode = e, this._resetStoreState(), this._setupSelectEventListener(), this._setupCancelEventListener(), this._checkExistingBlocks(), this._openDrawer());
-  }
-  onSelect(e) {
-    this.currentNode = e, this._resetStoreState(), this._loadBlockState(e), this._setupSelectEventListener();
-  }
-  onDelete(e) {
-    this._removeEventListeners(), this._removeBlockTemplatesFromStore(e), this._resetStoreState();
-  }
-  _setupSelectEventListener() {
-    this._removeSelectEventListener(), this.selectEventListener = (e) => {
-      const i = e, { collectionType: t, selectedPages: r } = i.detail;
-      this._updateBlock(t, r.join(","));
-    }, document.addEventListener(a.SELECT, this.selectEventListener);
-  }
-  _removeSelectEventListener() {
-    this.selectEventListener && (document.removeEventListener(a.SELECT, this.selectEventListener), this.selectEventListener = null);
-  }
-  _setupCancelEventListener() {
-    this._removeCancelEventListener(), this.cancelEventListener = () => {
-      this._handleCancel();
-    }, document.addEventListener(a.CANCEL, this.cancelEventListener);
-  }
-  _removeCancelEventListener() {
-    this.cancelEventListener && (document.removeEventListener(a.CANCEL, this.cancelEventListener), this.cancelEventListener = null);
-  }
-  _handleCancel() {
-    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).delete().apply(new m("Removed unsubscribe block due to cancel"));
-  }
-  _removeEventListeners() {
-    this._removeSelectEventListener(), this._removeCancelEventListener();
-  }
-  _updateBlock(e, i) {
-    if (!this.currentNode || !("querySelector" in this.currentNode))
-      return;
-    const t = this.currentNode.querySelector(g);
-    if (!t)
-      return;
-    const r = this._getMergeTag(e);
-    this.api.getDocumentModifier().modifyHtml(t).setAttribute("href", r).apply(new m(`Updated unsubscribe link to ${r}`)), this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(o.PAGE_TYPE, e.toString()).setAttribute(o.PAGE_LIST, i).apply(new m("Updated unsubscribe block metadata"));
-  }
-  _getMergeTag(e) {
-    return C[e] ?? B;
-  }
-  _openDrawer() {
-    try {
-      const e = c();
-      e.typeSelectionDrawerStatus = !0;
-    } catch (e) {
-      console.error("[UnsubscribeBlock] Failed to open drawer:", e);
-    }
-  }
-  _checkExistingBlocks() {
-    const e = c();
-    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(f).forEach((t) => {
-      if ("getAttribute" in t) {
-        const r = t.getAttribute(o.PAGE_TYPE);
-        if (r) {
-          const l = Number(r);
-          l === E.GLOBAL_UNSUBSCRIBE ? e.isGlobalUnsubscribeDisabled = !0 : l === E.SUBSCRIPTION_PREFERENCE_CENTER && (e.isSubscriptionPreferencesCenterDisabled = !0);
-        }
-      }
-    });
-  }
-  _loadBlockState(e) {
-    if (!("getAttribute" in e))
-      return;
-    const i = e.getAttribute(o.PAGE_TYPE), t = e.getAttribute(o.PAGE_LIST);
-    if (!i || !t)
-      return;
-    const r = c(), l = Number(i), b = p(t);
-    r.setCollectionWithoutAutoSelection(l), r.loadSelectedTemplates(b);
-  }
-  _resetStoreState() {
-    c().$reset();
-  }
-  _removeBlockTemplatesFromStore(e) {
-    if (!("getAttribute" in e))
-      return;
-    const i = e.getAttribute(o.PAGE_LIST);
-    if (!i)
-      return;
-    const t = c(), r = p(i);
-    t.removeUnsubscribePages(r);
-  }
-}
-export {
-  v as UNSUBSCRIBE_BLOCK_ID,
-  $ as UnsubscribeBlock
-};

package/dist/extensions/Blocks/Unsubscribe/control.d.ts

@@ -1,29 +0,0 @@
-import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
-import { Control } from '@stripoinc/ui-editor-extensions';
-export declare const UNSUBSCRIBE_CONTROL_ID = "ui-elements-unsubscribe";
-export declare class UnsubscribeControl extends Control {
-    private currentPreviewIndex;
-    private currentNode?;
-    private currentPages?;
-    private valueChangeHandlers;
-    private lastParsedAttribute?;
-    getId(): string;
-    getTemplate(): string;
-    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
-    onRender(): void;
-    onDestroy(): void;
-    private get totalTemplates();
-    private _listenToFormUpdates;
-    private _onButtonClick;
-    private _onPrevClick;
-    private _onNextClick;
-    private _updatePreview;
-    private _updateCounter;
-    private _getPreview;
-    private _getButton;
-    private _getLabel;
-    private _getIconButton;
-    private _getPrevButton;
-    private _getNextButton;
-    private _getCounterText;
-}

package/dist/extensions/Blocks/Unsubscribe/control.js

@@ -1,180 +0,0 @@
-var d = Object.defineProperty;
-var h = (o, n, t) => n in o ? d(o, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[n] = t;
-var u = (o, n, t) => h(o, typeof n != "symbol" ? n + "" : n, t);
-import { useUnsubscribeStore as l } from "../../../stores/unsubscribe.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
-import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
-import { UEAttr as i } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js";
-import { UIElementType as s } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
-import { Control as T } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/Control.js";
-import { DATA_ATTRIBUTES as p } from "./utils/constants.js";
-import { parsePageList as g } from "./utils/utils.js";
-const _ = "ui-elements-unsubscribe", r = {
-  SELECT_BUTTON: "selectTemplateButton",
-  PREV_BUTTON: "prevButton",
-  NEXT_BUTTON: "nextButton",
-  COUNTER_TEXT: "counterText",
-  PREVIEW_IMAGE: "previewImage"
-};
-class y extends T {
-  constructor() {
-    super(...arguments);
-    u(this, "currentPreviewIndex", 0);
-    u(this, "currentNode");
-    u(this, "currentPages");
-    u(this, "valueChangeHandlers", []);
-    u(this, "lastParsedAttribute");
-  }
-  getId() {
-    return _;
-  }
-  getTemplate() {
-    return `
-            <div class="unsubscribe-controls-container container stretch widest-spacing">
-                ${this._getPreview()}
-                ${this._getButton()}
-            </div>
-        `;
-  }
-  onTemplateNodeUpdated(t) {
-    if (this.currentNode = t, "getAttribute" in this.currentNode) {
-      const e = this.currentNode.getAttribute(p.PAGE_LIST);
-      e && (e !== this.lastParsedAttribute && (this.currentPages = g(e), this.lastParsedAttribute = e, this.currentPreviewIndex = 0), this._updatePreview(), this._updateCounter());
-    }
-  }
-  onRender() {
-    this._listenToFormUpdates(), this._updateCounter();
-  }
-  onDestroy() {
-    this.valueChangeHandlers.forEach((t) => {
-      typeof t == "function" && t();
-    }), this.valueChangeHandlers = [], this.currentNode = void 0, this.currentPages = void 0, this.currentPreviewIndex = 0, this.lastParsedAttribute = void 0;
-  }
-  get totalTemplates() {
-    var t;
-    return ((t = this.currentPages) == null ? void 0 : t.length) ?? 0;
-  }
-  _listenToFormUpdates() {
-    this.valueChangeHandlers.push(
-      this.api.onValueChanged(r.SELECT_BUTTON, () => this._onButtonClick())
-    ), this.valueChangeHandlers.push(
-      this.api.onValueChanged(r.PREV_BUTTON, () => this._onPrevClick())
-    ), this.valueChangeHandlers.push(
-      this.api.onValueChanged(r.NEXT_BUTTON, () => this._onNextClick())
-    );
-  }
-  _onButtonClick() {
-    try {
-      const t = l();
-      t.activeType = t.getSelectedCollection[this.currentPreviewIndex], t.pageSelectionUpdateStatus = !0, t.pageSelectionDrawerStatus = !0;
-    } catch (t) {
-      console.error("[UnsubscribeControl] Failed to open drawer:", t);
-    }
-  }
-  _onPrevClick() {
-    this.currentPreviewIndex > 0 && (this.currentPreviewIndex--, this._updatePreview(), this._updateCounter());
-  }
-  _onNextClick() {
-    this.currentPreviewIndex < this.totalTemplates - 1 && (this.currentPreviewIndex++, this._updatePreview(), this._updateCounter());
-  }
-  _updatePreview() {
-    var t;
-    if ((t = this.currentPages) != null && t.length)
-      try {
-        const e = this.currentPages[this.currentPreviewIndex], a = l().getThumbnailByTemplateId(e);
-        if (!a) {
-          console.warn("[UnsubscribeControl] No thumbnail found for page:", e);
-          return;
-        }
-        this.api.updateValues({
-          [r.PREVIEW_IMAGE]: a
-        });
-      } catch (e) {
-        console.error("[UnsubscribeControl] Failed to update preview:", e);
-      }
-  }
-  _updateCounter() {
-    const t = this.currentPreviewIndex + 1, e = this.totalTemplates, c = this.currentPreviewIndex === 0, a = this.currentPreviewIndex >= e - 1;
-    this.api.setUIEAttribute(r.PREV_BUTTON, i.BUTTON.disabled, c), this.api.setUIEAttribute(r.NEXT_BUTTON, i.BUTTON.disabled, a), this.api.setUIEAttribute(
-      r.COUNTER_TEXT,
-      i.LABEL.text,
-      `Showing ${t} of ${e}`
-    );
-  }
-  _getPreview() {
-    return `
-            <div class="unsubscribe-preview-container">
-                <div style="display: flex; justify-content: space-between; margin-bottom: 8px;">
-                    <div style="font-weight: 500;">Unsubscribe Template</div>
-                    <div style="display: flex; gap: 2px; align-items: center; color: #666;">
-                        ${this._getPrevButton()}
-                        ${this._getCounterText()}
-                        ${this._getNextButton()}
-                    </div>
-                </div>
-                <unsubscribe-preview name="${r.PREVIEW_IMAGE}"></unsubscribe-preview>
-            </div>
-        `;
-  }
-  _getButton() {
-    return `
-            <${s.BUTTON}
-                id="${r.SELECT_BUTTON}"
-                class="primary full-width"
-                ${i.BUTTON.name}="${r.SELECT_BUTTON}"
-                ${i.BUTTON.caption}="${this.api.translate("Select Template")}"
-            >
-            </${s.BUTTON}>
-        `;
-  }
-  _getLabel(t, e) {
-    return `
-            <${s.LABEL}
-                ${i.LABEL.text}="${t}"
-                ${i.LABEL.name}="${e}"
-            >
-            </${s.LABEL}>
-        `;
-  }
-  _getIconButton(t, e, c) {
-    const a = c ? `${i.BUTTON.disabled}="true"` : "";
-    return `
-            <${s.BUTTON}
-                id="${t}"
-                class="flat-inline flat-white"
-                ${i.BUTTON.name}="${t}"
-                ${a}
-            >
-                <${s.ICON}
-                    src="${e}"
-                    class="icon-button"
-                ></${s.ICON}>
-            </${s.BUTTON}>
-        `;
-  }
-  _getPrevButton() {
-    const t = this.currentPreviewIndex === 0;
-    return this._getIconButton(r.PREV_BUTTON, "arrow-back", t);
-  }
-  _getNextButton() {
-    const t = this.currentPreviewIndex >= this.totalTemplates - 1;
-    return this._getIconButton(r.NEXT_BUTTON, "arrow-right", t);
-  }
-  _getCounterText() {
-    const e = `Showing ${this.currentPreviewIndex + 1} of ${this.totalTemplates}`;
-    return this._getLabel(e, r.COUNTER_TEXT);
-  }
-}
-export {
-  _ as UNSUBSCRIBE_CONTROL_ID,
-  y as UnsubscribeControl
-};

package/dist/extensions/Blocks/Unsubscribe/elements/preview.d.ts

@@ -1,11 +0,0 @@
-import { UIElement } from '@stripoinc/ui-editor-extensions';
-export declare const PREVIEW_UI_ELEMENT_ID = "unsubscribe-preview";
-export declare class PreviewUIElement extends UIElement {
-    private imgElement?;
-    getId(): string;
-    getTemplate(): string;
-    onRender(container: HTMLElement): void;
-    setValue(value: string): void;
-    getValue(): string;
-    onDestroy(): void;
-}