@useinsider/guido 1.0.3-beta.fb2b45b → 1.0.3-beta.ff71e68

package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue2.js

@@ -1,107 +0,0 @@
-import { defineComponent as h, ref as b, computed as m, watch as _ } from "vue";
-import v from "../../wrappers/WpDrawer.vue.js";
-import { useToaster as B } from "../../../composables/useToaster.js";
-import { useTranslations as N } from "../../../composables/useTranslations.js";
-import { ToasterTypeOptions as U } from "../../../enums/toaster.js";
-import { PAGE_TYPES as l, ACADEMY_LINK as w, UNSUBSCRIBE_PAGES_LINK as P, TYPE_TRANSLATIONS as R } from "../../../enums/unsubscribe.js";
-import { useUnsubscribeStore as D } from "../../../stores/unsubscribe.js";
-import { InSegments as I } from "@useinsider/design-system-vue";
-const z = /* @__PURE__ */ h({
-  __name: "UnsubscribeTypeSelection",
-  setup(G) {
-    const e = N(), { showToaster: f } = B(), t = D(), n = b(!1), i = b(!0), o = b(l.GLOBAL_UNSUBSCRIBE), S = e(
-      "unsubscription-preference.select-unsubscribe-page-description",
-      { action: `<a href="${w}" target="_blank">${e("ds-rules.visit-academy")}</a>` }
-    ), T = m(() => [
-      {
-        description: e("unsubscription-preference.type-global-unsubscribe-description"),
-        icon: "line-contact-global-unsub-page",
-        text: e("unsubscription-preference.type-global-unsubscribe"),
-        value: l.GLOBAL_UNSUBSCRIBE,
-        disable: t.isGlobalUnsubscribeDisabled,
-        position: "bottom",
-        tooltipText: t.isGlobalUnsubscribeDisabled ? e("unsubscription-preference.global-unsub-added") : ""
-      },
-      {
-        description: e("unsubscription-preference.type-subscription-preferences-center-description"),
-        icon: "line-contact-sub-pref-center-page",
-        text: e("unsubscription-preference.type-subscription-preferences-center"),
-        value: l.SUBSCRIPTION_PREFERENCE_CENTER,
-        disable: t.isSubscriptionPreferencesCenterDisabled,
-        tooltipText: t.isSubscriptionPreferencesCenterDisabled ? e("unsubscription-preference.pref-center-added") : ""
-      }
-    ]), y = m(() => ({
-      primaryButton: {
-        styling: "solid",
-        type: "primary",
-        labelText: e(
-          n.value ? "unsubscription-preference.selecting-type" : "products.select-and-continue"
-        ),
-        loadingStatus: n.value,
-        disabledStatus: !1,
-        skeletonStatus: i.value,
-        skeletonSizing: { width: 168, height: 40 }
-      },
-      cancelOrBackButton: {
-        styling: "ghost",
-        type: "secondary",
-        labelText: e("products.cancel"),
-        disabledStatus: n.value,
-        skeletonStatus: i.value,
-        skeletonSizing: { width: 78, height: 40 }
-      }
-    })), d = (s) => {
-      t.typeSelectionDrawerStatus = !1, document.dispatchEvent(new CustomEvent("unsubscribe:cancel")), s && setTimeout(() => {
-        s();
-      }, 500);
-    }, E = (s) => {
-      o.value = s;
-    }, g = () => {
-      const s = t.hasTemplatesByCollectionType, r = [];
-      if (Object.entries(s).forEach(([c, p]) => {
-        p || r.push(Number(c));
-      }), r.length === 0)
-        return !0;
-      const a = r.map((c) => R[c]);
-      let u = "";
-      if (r.length === 1)
-        u = e("unsubscription-preference.create-page-to-continue", {
-          page: a[0]
-        });
-      else if (r.length === 2)
-        u = e("unsubscription-preference.create-pages-to-continue", {
-          page1: a[0],
-          page2: a[1]
-        });
-      else {
-        const c = a.pop() ?? "", p = a.join(", ");
-        u = e("unsubscription-preference.create-multiple-pages-to-continue", {
-          pages: p,
-          lastPage: c
-        });
-      }
-      return f({
-        type: U.Warning,
-        message: u,
-        actionButton: {
-          text: "Go to Unsubscribe Pages",
-          onClick: () => {
-            window.location.href = P;
-          }
-        }
-      }), !1;
-    }, C = async () => {
-      if (n.value = !0, await t.fetchTemplates(), t.setCollection(o.value), !g()) {
-        n.value = !1, d();
-        return;
-      }
-      n.value = !1, t.typeSelectionDrawerStatus = !1, t.pageSelectionDrawerStatus = !0;
-    };
-    return _(() => t.typeSelectionDrawerStatus, (s) => {
-      s && (i.value = !0, o.value = l.GLOBAL_UNSUBSCRIBE, t.isGlobalUnsubscribeDisabled && (o.value = t.isSubscriptionPreferencesCenterDisabled ? 0 : l.SUBSCRIPTION_PREFERENCE_CENTER), i.value = !1);
-    }), { __sfc: !0, trans: e, showToaster: f, unsubscribeStore: t, isSelecting: n, skeletonStatus: i, selectedCollection: o, descriptionText: S, segmentList: T, footerButtonGroupOptions: y, closeModal: d, changeCollection: E, validateTemplates: g, selectCollection: C, WpDrawer: v, InSegments: I };
-  }
-});
-export {
-  z as default
-};

package/dist/components/organisms/unsubscribe/UnsubscribeWrapper.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/components/organisms/unsubscribe/UnsubscribeWrapper.vue.js

@@ -1,18 +0,0 @@
-import o from "./UnsubscribeWrapper.vue2.js";
-import t from "../../../_virtual/_plugin-vue2_normalizer.js";
-var _ = function() {
-  var s;
-  var e = this, n = e._self._c, r = e._self._setupProxy;
-  return (s = r.config.extensions) != null && s.unsubscribe ? n("div", [n(r.UnsubscribeTypeSelection), n(r.UnsubscribePageSelection)], 1) : e._e();
-}, c = [], i = /* @__PURE__ */ t(
-  o,
-  _,
-  c,
-  !1,
-  null,
-  null
-);
-const l = i.exports;
-export {
-  l as default
-};

package/dist/components/organisms/unsubscribe/UnsubscribeWrapper.vue2.js

@@ -1,12 +0,0 @@
-import { defineComponent as t, defineAsyncComponent as e } from "vue";
-import { useConfig as r } from "../../../composables/useConfig.js";
-const m = /* @__PURE__ */ t({
-  __name: "UnsubscribeWrapper",
-  setup(i) {
-    const n = e(() => import("./UnsubscribePageSelection.vue.js")), o = e(() => import("./UnsubscribeTypeSelection.vue.js")), { config: s } = r();
-    return { __sfc: !0, UnsubscribePageSelection: n, UnsubscribeTypeSelection: o, config: s };
-  }
-});
-export {
-  m as default
-};

package/dist/config/migrator/unsubscribeMigrator.d.ts

@@ -1 +0,0 @@
-export declare function migrateUnsubscribe(html: string): Promise<string>;

package/dist/config/migrator/unsubscribeMigrator.js

@@ -1,124 +0,0 @@
-var h = Object.defineProperty;
-var x = (l, e, t) => e in l ? h(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
-var S = (l, e, t) => x(l, typeof e != "symbol" ? e + "" : e, t);
-import { MERGE_TAGS as k, PAGE_TYPES as p } from "../../enums/unsubscribe.js";
-import { DATA_ATTRIBUTES as A } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { useUnsubscribeStore as T } from "../../stores/unsubscribe.js";
-class C {
-  constructor() {
-    S(this, "parser");
-    this.parser = new DOMParser();
-  }
-  async migrate(e) {
-    try {
-      const t = this.parser.parseFromString(e, "text/html"), i = t.querySelectorAll("td.unsubscribe-block");
-      if (!i.length)
-        return e;
-      const o = T();
-      return await o.fetchTemplates(), i.forEach((r) => {
-        const c = r.getAttribute("id"), g = this.extractPaddingClass(r), u = r.getAttribute("bgcolor") || "", n = this.extractUnsubscribeContent(r), s = this.getCollectionTypeFromMergeTag(n.linkHref), b = o.getSelectedUnsubscribePagesByCollection(s);
-        console.debug("[UnsubscribeMigrator]", {
-          mergeTag: n.linkHref,
-          collectionType: s,
-          pageIds: b,
-          paddingClass: g,
-          bgColor: u
-        });
-        const f = this.buildUnsubscribeBlock(
-          n,
-          s,
-          b,
-          g,
-          u
-        ), a = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${f}</tr></tbody></table>`,
-          "text/html"
-        ).querySelector(".unsubscribe-block-v2");
-        a && r.parentNode && (a.setAttribute("id", c || ""), r.parentNode.replaceChild(a, r));
-      }), t.documentElement.outerHTML;
-    } catch (t) {
-      return console.error("UnsubscribeMigrator failed:", t), e;
-    }
-  }
-  extractPaddingClass(e) {
-    const i = (e.getAttribute("class") || "").match(/\bes-p\d+\b/);
-    return i ? i[0] : "";
-  }
-  extractUnsubscribeContent(e) {
-    var m;
-    const t = e.querySelector("p");
-    if (!t)
-      return {
-        textBefore: "You can ",
-        linkText: "unsubscribe",
-        linkHref: "{{ins-unsubscribe-link}}",
-        linkStyle: "",
-        textAfter: " from our emails, if you need to.",
-        isBold: !1,
-        isItalic: !1,
-        align: "center",
-        paragraphStyle: ""
-      };
-    const i = e.getAttribute("align") || t.getAttribute("align") || "center", o = t.getAttribute("style") || "", r = t.querySelector("a.unsubscribe-link") || t.querySelector('a[href*="unsubscribe"]');
-    if (!r)
-      return {
-        textBefore: "You can ",
-        linkText: "unsubscribe",
-        linkHref: "{{ins-unsubscribe-link}}",
-        linkStyle: "",
-        textAfter: " from our emails, if you need to.",
-        isBold: !1,
-        isItalic: !1,
-        align: i,
-        paragraphStyle: o
-      };
-    const c = ((m = r.textContent) == null ? void 0 : m.trim()) || "unsubscribe", g = r.getAttribute("href") || "{{ins-unsubscribe-link}}", u = r.getAttribute("style") || "", n = t.textContent || "", s = n.indexOf(c), b = s >= 0 ? n.substring(0, s).trim() : "You can ", f = s >= 0 ? n.substring(s + c.length).trim() : " from our emails, if you need to.", d = !!t.querySelector("b, strong"), a = !!t.querySelector("i, em");
-    return {
-      textBefore: b,
-      linkText: c,
-      linkHref: this.normalizeUnsubscribeHref(g),
-      linkStyle: u,
-      textAfter: f,
-      isBold: d,
-      isItalic: a,
-      align: i,
-      paragraphStyle: o
-    };
-  }
-  buildUnsubscribeBlock(e, t, i, o, r) {
-    const c = e.linkStyle ? ` style="${e.linkStyle}"` : "", u = `<a ${`href="${e.linkHref}" class="unsubscribe-link" target="_blank" data-unsubscribe-link="true"`}${c}>${e.linkText}</a>`, n = [];
-    e.textBefore && n.push(e.textBefore), n.push(u), e.textAfter && n.push(e.textAfter);
-    let s = n.join(" ");
-    e.isBold && e.isItalic ? s = `<strong path="1,0"><em path="1,0,0">${s}</em></strong>` : e.isBold ? s = `<strong path="1,0">${s}</strong>` : e.isItalic && (s = `<em path="1,0">${s}</em>`);
-    const b = e.align ? ` align="${e.align}"` : "", f = r ? ` bgcolor="${r}"` : "", d = e.paragraphStyle ? ` style="${e.paragraphStyle}"` : "", a = i.length > 0 ? ` ${A.PAGE_LIST}="${i.join(",")}"` : "", m = ` ${A.PAGE_TYPE}="${t}"`, y = "esd-block-text unsubscribe-block-v2 esd-block-unsubscribe esd-unsubscribe-block esd-extension-block";
-    return `
-            <td
-                data-migration="true"
-                esd-extension-block-id="unsubscribe-block"
-                class="${o ? `${y} ${o}` : y}"
-                ${b}${f}${m}${a}
-            >
-                <p path="1"${d}>
-                    ${s}
-                </p>
-            </td>
-        `;
-  }
-  getCollectionTypeFromMergeTag(e) {
-    return e === k[p.SUBSCRIPTION_PREFERENCE_CENTER] ? p.SUBSCRIPTION_PREFERENCE_CENTER : e === k[p.GLOBAL_UNSUBSCRIBE] ? p.GLOBAL_UNSUBSCRIBE : p.GLOBAL_UNSUBSCRIBE;
-  }
-  normalizeUnsubscribeHref(e) {
-    if (Object.values(k).includes(e))
-      return e;
-    const i = e.match(/{{ins-(?:global-)?(?:preferences-)?unsubscribe-link}}/);
-    return i ? i[0] : e.includes("unsubscribe") || e.includes("unsub") ? (console.warn(
-      `[UnsubscribeMigrator] Unrecognized unsubscribe href format: "${e}". Defaulting to {{ins-unsubscribe-link}}`
-    ), "{{ins-unsubscribe-link}}") : e;
-  }
-}
-async function M(l) {
-  return new C().migrate(l);
-}
-export {
-  M as migrateUnsubscribe
-};

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

@@ -1,32 +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?;
-    constructor();
-    getId(): string;
-    getIcon(): string;
-    getBlockCompositionType(): BlockCompositionType;
-    getName(): string;
-    getDescription(): string;
-    getTemplate(): string;
-    onCreated(node: ImmutableHtmlNode): void;
-    onSelect(node: ImmutableHtmlNode): undefined;
-    onDelete(node: ImmutableHtmlNode): undefined;
-    onDestroy(): void;
-    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,131 +0,0 @@
-var _ = Object.defineProperty;
-var d = (n, i, e) => i in n ? _(n, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[i] = e;
-var u = (n, i, e) => d(n, typeof i != "symbol" ? i + "" : i, e);
-import { PAGE_TYPES as E } from "../../../enums/unsubscribe.js";
-import { useUnsubscribeStore as c } from "../../../stores/unsubscribe.js";
-import { Block as S, BlockCompositionType as h, ModificationDescription as b } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { getDefaultTemplate as L } from "./template.js";
-import { UNSUBSCRIBE_EVENTS as a, DATA_ATTRIBUTES as o } from "./utils/constants.js";
-import { parsePageList as m } from "./utils/utils.js";
-const v = "unsubscribe-block", g = 'a[data-unsubscribe-link="true"]', B = ".unsubscribe-block-v2", f = "{{ins-unsubscribe-link}}", C = {
-  [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
-  [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
-};
-class D extends S {
-  constructor() {
-    super();
-    u(this, "selectEventListener", null);
-    u(this, "cancelEventListener", null);
-    u(this, "currentNode");
-  }
-  getId() {
-    return v;
-  }
-  getIcon() {
-    return "unsubscribe-icon";
-  }
-  getBlockCompositionType() {
-    return h.BLOCK;
-  }
-  getName() {
-    return this.api.translate("Unsubscribe Block");
-  }
-  getDescription() {
-    return this.api.translate("Unsubscribe Block Description");
-  }
-  getTemplate() {
-    return L();
-  }
-  onCreated(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();
-  }
-  onDestroy() {
-    this._removeEventListeners(), this.currentNode = void 0;
-  }
-  _setupSelectEventListener() {
-    this._removeSelectEventListener(), this.selectEventListener = (e) => {
-      const r = e, { collectionType: t, selectedPages: s } = r.detail;
-      this._updateBlock(t, s.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 b("Removed unsubscribe block due to cancel"));
-  }
-  _removeEventListeners() {
-    this._removeSelectEventListener(), this._removeCancelEventListener();
-  }
-  _updateBlock(e, r) {
-    if (!this.currentNode || !("querySelector" in this.currentNode))
-      return;
-    const t = this.currentNode.querySelector(g);
-    if (!t)
-      return;
-    const s = this._getMergeTag(e);
-    this.api.getDocumentModifier().modifyHtml(t).setAttribute("href", s).apply(new b(`Updated unsubscribe link to ${s}`)), this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(o.PAGE_TYPE, e.toString()).setAttribute(o.PAGE_LIST, r).apply(new b("Updated unsubscribe block metadata"));
-  }
-  _getMergeTag(e) {
-    return C[e] ?? f;
-  }
-  _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(B).forEach((t) => {
-      if ("getAttribute" in t) {
-        const s = t.getAttribute(o.PAGE_TYPE);
-        if (s) {
-          const l = Number(s);
-          l === E.GLOBAL_UNSUBSCRIBE ? e.isGlobalUnsubscribeDisabled = !0 : l === E.SUBSCRIPTION_PREFERENCE_CENTER && (e.isSubscriptionPreferencesCenterDisabled = !0);
-        }
-      }
-    });
-  }
-  _loadBlockState(e) {
-    if (!("getAttribute" in e))
-      return;
-    const r = e.getAttribute(o.PAGE_TYPE), t = e.getAttribute(o.PAGE_LIST);
-    if (!r || !t)
-      return;
-    const s = c(), l = Number(r), p = m(t);
-    s.setCollectionWithoutAutoSelection(l), s.loadSelectedTemplates(p);
-  }
-  _resetStoreState() {
-    c().$reset();
-  }
-  _removeBlockTemplatesFromStore(e) {
-    if (!("getAttribute" in e))
-      return;
-    const r = e.getAttribute(o.PAGE_LIST);
-    if (!r)
-      return;
-    const t = c(), s = m(r);
-    t.removeUnsubscribePages(s);
-  }
-}
-export {
-  v as UNSUBSCRIBE_BLOCK_ID,
-  D 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,167 +0,0 @@
-var h = Object.defineProperty;
-var d = (a, s, e) => s in a ? h(a, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[s] = e;
-var u = (a, s, e) => d(a, typeof s != "symbol" ? s + "" : s, e);
-import { useUnsubscribeStore as l } from "../../../stores/unsubscribe.js";
-import { Control as T, UEAttr as i, UIElementType as n } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { DATA_ATTRIBUTES as p } from "./utils/constants.js";
-import { parsePageList as _ } from "./utils/utils.js";
-const g = "ui-elements-unsubscribe", r = {
-  SELECT_BUTTON: "selectTemplateButton",
-  PREV_BUTTON: "prevButton",
-  NEXT_BUTTON: "nextButton",
-  COUNTER_TEXT: "counterText",
-  PREVIEW_IMAGE: "previewImage"
-};
-class N extends T {
-  constructor() {
-    super(...arguments);
-    u(this, "currentPreviewIndex", 0);
-    u(this, "currentNode");
-    u(this, "currentPages");
-    u(this, "valueChangeHandlers", []);
-    u(this, "lastParsedAttribute");
-  }
-  getId() {
-    return g;
-  }
-  getTemplate() {
-    return `
-            <div class="unsubscribe-controls-container container stretch widest-spacing">
-                ${this._getPreview()}
-                ${this._getButton()}
-            </div>
-        `;
-  }
-  onTemplateNodeUpdated(e) {
-    if (this.currentNode = e, "getAttribute" in this.currentNode) {
-      const t = this.currentNode.getAttribute(p.PAGE_LIST);
-      t && (t !== this.lastParsedAttribute && (this.currentPages = _(t), this.lastParsedAttribute = t, this.currentPreviewIndex = 0), this._updatePreview(), this._updateCounter());
-    }
-  }
-  onRender() {
-    this._listenToFormUpdates(), this._updateCounter();
-  }
-  onDestroy() {
-    this.valueChangeHandlers.forEach((e) => {
-      typeof e == "function" && e();
-    }), this.valueChangeHandlers = [], this.currentNode = void 0, this.currentPages = void 0, this.currentPreviewIndex = 0, this.lastParsedAttribute = void 0;
-  }
-  get totalTemplates() {
-    var e;
-    return ((e = this.currentPages) == null ? void 0 : e.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 e = l();
-      e.activeType = e.getSelectedCollection[this.currentPreviewIndex], e.pageSelectionUpdateStatus = !0, e.pageSelectionDrawerStatus = !0;
-    } catch (e) {
-      console.error("[UnsubscribeControl] Failed to open drawer:", e);
-    }
-  }
-  _onPrevClick() {
-    this.currentPreviewIndex > 0 && (this.currentPreviewIndex--, this._updatePreview(), this._updateCounter());
-  }
-  _onNextClick() {
-    this.currentPreviewIndex < this.totalTemplates - 1 && (this.currentPreviewIndex++, this._updatePreview(), this._updateCounter());
-  }
-  _updatePreview() {
-    var e;
-    if ((e = this.currentPages) != null && e.length)
-      try {
-        const t = this.currentPages[this.currentPreviewIndex], o = l().getThumbnailByTemplateId(t);
-        if (!o) {
-          console.warn("[UnsubscribeControl] No thumbnail found for page:", t);
-          return;
-        }
-        this.api.updateValues({
-          [r.PREVIEW_IMAGE]: o
-        });
-      } catch (t) {
-        console.error("[UnsubscribeControl] Failed to update preview:", t);
-      }
-  }
-  _updateCounter() {
-    const e = this.currentPreviewIndex + 1, t = this.totalTemplates, c = this.currentPreviewIndex === 0, o = this.currentPreviewIndex >= t - 1;
-    this.api.setUIEAttribute(r.PREV_BUTTON, i.BUTTON.disabled, c), this.api.setUIEAttribute(r.NEXT_BUTTON, i.BUTTON.disabled, o), this.api.setUIEAttribute(
-      r.COUNTER_TEXT,
-      i.LABEL.text,
-      `${this.api.translate("Showing")} ${e} ${this.api.translate("of")} ${t}`
-    );
-  }
-  _getPreview() {
-    return `
-            <div class="unsubscribe-preview-container">
-                <div class="unsubscribe-preview-header">
-                    <div class="unsubscribe-preview-title">${this.api.translate("Unsubscribe Template")}</div>
-                    <div class="unsubscribe-preview-controls">
-                        ${this._getPrevButton()}
-                        ${this._getCounterText()}
-                        ${this._getNextButton()}
-                    </div>
-                </div>
-                <unsubscribe-preview name="${r.PREVIEW_IMAGE}"></unsubscribe-preview>
-            </div>
-        `;
-  }
-  _getButton() {
-    return `
-            <${n.BUTTON}
-                id="${r.SELECT_BUTTON}"
-                class="primary full-width"
-                ${i.BUTTON.name}="${r.SELECT_BUTTON}"
-                ${i.BUTTON.caption}="${this.api.translate("Select Template")}"
-            >
-            </${n.BUTTON}>
-        `;
-  }
-  _getLabel(e, t) {
-    return `
-            <${n.LABEL}
-                ${i.LABEL.text}="${e}"
-                ${i.LABEL.name}="${t}"
-            >
-            </${n.LABEL}>
-        `;
-  }
-  _getIconButton(e, t, c) {
-    const o = c ? `${i.BUTTON.disabled}="true"` : "";
-    return `
-            <${n.BUTTON}
-                id="${e}"
-                class="flat-inline flat-white"
-                ${i.BUTTON.name}="${e}"
-                ${o}
-            >
-                <${n.ICON}
-                    src="${t}"
-                    class="icon-button"
-                ></${n.ICON}>
-            </${n.BUTTON}>
-        `;
-  }
-  _getPrevButton() {
-    const e = this.currentPreviewIndex === 0;
-    return this._getIconButton(r.PREV_BUTTON, "arrow-back", e);
-  }
-  _getNextButton() {
-    const e = this.currentPreviewIndex >= this.totalTemplates - 1;
-    return this._getIconButton(r.NEXT_BUTTON, "arrow-right", e);
-  }
-  _getCounterText() {
-    const t = `Showing ${this.currentPreviewIndex + 1} of ${this.totalTemplates}`;
-    return this._getLabel(t, r.COUNTER_TEXT);
-  }
-}
-export {
-  g as UNSUBSCRIBE_CONTROL_ID,
-  N 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;
-}