@useinsider/guido 1.0.3-beta.bd9b940 → 1.0.3-beta.bdbafd4

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

@@ -1,10 +1,21 @@
-import { BlockType as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.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 { 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: "This is a title text",
   DESCRIPTION: "This is a description text",
   YES: "Yes",
   NO: "No"
-}, d = `
+}, i = `
     <td align="left" class="radio-button-v2 esd-block-radio es-p10t es-p10b es-p30r es-p30l">
         <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
             <tbody>
@@ -12,12 +23,12 @@ const e = {
                     <td align="left" width="70%" 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}>
+                                    <${t.BLOCK_TEXT}>
+                                        {-{-TITLE-}-}
+                                    </${t.BLOCK_TEXT}>
+                                    <${t.BLOCK_TEXT}>
+                                        {-{-DESCRIPTION-}-}
+                                    </${t.BLOCK_TEXT}>
                             </tbody>
                         </table>
                     </td>
@@ -75,7 +86,7 @@ const e = {
             </tbody>
         </table>
     </td>
-`, l = `
+`, h = `
     <td 
         align="left" 
         esd-extension-block-id="radio-button-block" 
@@ -140,10 +151,10 @@ const e = {
         </table>
     </td>
 `;
-function a() {
-  return d.replace("{-{-TITLE-}-}", `<p path="1">${e.TITLE}</p>`).replace("{-{-DESCRIPTION-}-}", `<p path="1">${e.DESCRIPTION}</p>`).replace("{-{-YES-}-}", `<p path="1">${e.YES}</p>`).replace("{-{-NO-}-}", `<p path="1">${e.NO}</p>`);
+function m() {
+  return i.replace("{-{-TITLE-}-}", `<p path="1">${e.TITLE}</p>`).replace("{-{-DESCRIPTION-}-}", `<p path="1">${e.DESCRIPTION}</p>`).replace("{-{-YES-}-}", `<p path="1">${e.YES}</p>`).replace("{-{-NO-}-}", `<p path="1">${e.NO}</p>`);
 }
 export {
-  l as default,
-  a as getDefaultTemplate
+  h as default,
+  m as getDefaultTemplate
 };

package/dist/{src/extensions → extensions}/Blocks/Unsubscribe/block.d.ts

@@ -5,7 +5,6 @@ export declare class UnsubscribeBlock extends Block {
     private selectEventListener;
     private cancelEventListener;
     private currentNode?;
-    constructor();
     getId(): string;
     getIcon(): string;
     getBlockCompositionType(): BlockCompositionType;
@@ -15,7 +14,6 @@ export declare class UnsubscribeBlock extends Block {
     onCreated(node: ImmutableHtmlNode): void;
     onSelect(node: ImmutableHtmlNode): undefined;
     onDelete(node: ImmutableHtmlNode): undefined;
-    onDestroy(): void;
     private _setupSelectEventListener;
     private _removeSelectEventListener;
     private _setupCancelEventListener;

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

@@ -1,19 +1,32 @@
-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);
+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 S, BlockCompositionType as h, ModificationDescription as b } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.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 m } from "./utils/utils.js";
-const v = "unsubscribe-block", g = 'a[data-unsubscribe-link="true"]', B = ".unsubscribe-block-v2", f = "{{ins-unsubscribe-link}}", C = {
+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 D extends S {
+class $ extends d {
   constructor() {
-    super();
+    super(...arguments);
     u(this, "selectEventListener", null);
     u(this, "cancelEventListener", null);
     u(this, "currentNode");
@@ -22,7 +35,7 @@ class D extends S {
     return v;
   }
   getIcon() {
-    return "unsubscribe-icon";
+    return "mail-info";
   }
   getBlockCompositionType() {
     return h.BLOCK;
@@ -37,7 +50,7 @@ class D extends S {
     return L();
   }
   onCreated(e) {
-    "getAttribute" in e && e.getAttribute("data-migration") || (this.currentNode = e, this._resetStoreState(), this._setupSelectEventListener(), this._setupCancelEventListener(), this._checkExistingBlocks(), this._openDrawer());
+    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();
@@ -45,13 +58,10 @@ class D extends S {
   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(","));
+      const i = e, { collectionType: t, selectedPages: r } = i.detail;
+      this._updateBlock(t, r.join(","));
     }, document.addEventListener(a.SELECT, this.selectEventListener);
   }
   _removeSelectEventListener() {
@@ -66,22 +76,22 @@ class D extends S {
     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"));
+    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, r) {
+  _updateBlock(e, i) {
     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"));
+    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] ?? f;
+    return C[e] ?? B;
   }
   _openDrawer() {
     try {
@@ -93,11 +103,11 @@ class D extends S {
   }
   _checkExistingBlocks() {
     const e = c();
-    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(B).forEach((t) => {
+    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(f).forEach((t) => {
       if ("getAttribute" in t) {
-        const s = t.getAttribute(o.PAGE_TYPE);
-        if (s) {
-          const l = Number(s);
+        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);
         }
       }
@@ -106,11 +116,11 @@ class D extends S {
   _loadBlockState(e) {
     if (!("getAttribute" in e))
       return;
-    const r = e.getAttribute(o.PAGE_TYPE), t = e.getAttribute(o.PAGE_LIST);
-    if (!r || !t)
+    const i = e.getAttribute(o.PAGE_TYPE), t = e.getAttribute(o.PAGE_LIST);
+    if (!i || !t)
       return;
-    const s = c(), l = Number(r), p = m(t);
-    s.setCollectionWithoutAutoSelection(l), s.loadSelectedTemplates(p);
+    const r = c(), l = Number(i), b = p(t);
+    r.setCollectionWithoutAutoSelection(l), r.loadSelectedTemplates(b);
   }
   _resetStoreState() {
     c().$reset();
@@ -118,14 +128,14 @@ class D extends S {
   _removeBlockTemplatesFromStore(e) {
     if (!("getAttribute" in e))
       return;
-    const r = e.getAttribute(o.PAGE_LIST);
-    if (!r)
+    const i = e.getAttribute(o.PAGE_LIST);
+    if (!i)
       return;
-    const t = c(), s = m(r);
-    t.removeUnsubscribePages(s);
+    const t = c(), r = p(i);
+    t.removeUnsubscribePages(r);
   }
 }
 export {
   v as UNSUBSCRIBE_BLOCK_ID,
-  D as UnsubscribeBlock
+  $ as UnsubscribeBlock
 };

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

@@ -1,18 +1,31 @@
-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);
+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 { Control as T, UEAttr as i, UIElementType as n } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.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 _ } from "./utils/utils.js";
-const g = "ui-elements-unsubscribe", r = {
+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 N extends T {
+class y extends T {
   constructor() {
     super(...arguments);
     u(this, "currentPreviewIndex", 0);
@@ -22,7 +35,7 @@ class N extends T {
     u(this, "lastParsedAttribute");
   }
   getId() {
-    return g;
+    return _;
   }
   getTemplate() {
     return `
@@ -32,23 +45,23 @@ class N extends T {
             </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());
+  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((e) => {
-      typeof e == "function" && e();
+    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 e;
-    return ((e = this.currentPages) == null ? void 0 : e.length) ?? 0;
+    var t;
+    return ((t = this.currentPages) == null ? void 0 : t.length) ?? 0;
   }
   _listenToFormUpdates() {
     this.valueChangeHandlers.push(
@@ -61,10 +74,10 @@ class N extends T {
   }
   _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);
+      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() {
@@ -74,35 +87,35 @@ class N extends T {
     this.currentPreviewIndex < this.totalTemplates - 1 && (this.currentPreviewIndex++, this._updatePreview(), this._updateCounter());
   }
   _updatePreview() {
-    var e;
-    if ((e = this.currentPages) != null && e.length)
+    var t;
+    if ((t = this.currentPages) != null && t.length)
       try {
-        const t = this.currentPages[this.currentPreviewIndex], o = l().getThumbnailByTemplateId(t);
-        if (!o) {
-          console.warn("[UnsubscribeControl] No thumbnail found for page:", t);
+        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]: o
+          [r.PREVIEW_IMAGE]: a
         });
-      } catch (t) {
-        console.error("[UnsubscribeControl] Failed to update preview:", t);
+      } catch (e) {
+        console.error("[UnsubscribeControl] Failed to update preview:", e);
       }
   }
   _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(
+    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,
-      `${this.api.translate("Showing")} ${e} ${this.api.translate("of")} ${t}`
+      `Showing ${t} of ${e}`
     );
   }
   _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">
+                <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()}
@@ -114,54 +127,54 @@ class N extends T {
   }
   _getButton() {
     return `
-            <${n.BUTTON}
+            <${s.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}>
+            </${s.BUTTON}>
         `;
   }
-  _getLabel(e, t) {
+  _getLabel(t, e) {
     return `
-            <${n.LABEL}
-                ${i.LABEL.text}="${e}"
-                ${i.LABEL.name}="${t}"
+            <${s.LABEL}
+                ${i.LABEL.text}="${t}"
+                ${i.LABEL.name}="${e}"
             >
-            </${n.LABEL}>
+            </${s.LABEL}>
         `;
   }
-  _getIconButton(e, t, c) {
-    const o = c ? `${i.BUTTON.disabled}="true"` : "";
+  _getIconButton(t, e, c) {
+    const a = c ? `${i.BUTTON.disabled}="true"` : "";
     return `
-            <${n.BUTTON}
-                id="${e}"
+            <${s.BUTTON}
+                id="${t}"
                 class="flat-inline flat-white"
-                ${i.BUTTON.name}="${e}"
-                ${o}
+                ${i.BUTTON.name}="${t}"
+                ${a}
             >
-                <${n.ICON}
-                    src="${t}"
+                <${s.ICON}
+                    src="${e}"
                     class="icon-button"
-                ></${n.ICON}>
-            </${n.BUTTON}>
+                ></${s.ICON}>
+            </${s.BUTTON}>
         `;
   }
   _getPrevButton() {
-    const e = this.currentPreviewIndex === 0;
-    return this._getIconButton(r.PREV_BUTTON, "arrow-back", e);
+    const t = this.currentPreviewIndex === 0;
+    return this._getIconButton(r.PREV_BUTTON, "arrow-back", t);
   }
   _getNextButton() {
-    const e = this.currentPreviewIndex >= this.totalTemplates - 1;
-    return this._getIconButton(r.NEXT_BUTTON, "arrow-right", e);
+    const t = this.currentPreviewIndex >= this.totalTemplates - 1;
+    return this._getIconButton(r.NEXT_BUTTON, "arrow-right", t);
   }
   _getCounterText() {
-    const t = `Showing ${this.currentPreviewIndex + 1} of ${this.totalTemplates}`;
-    return this._getLabel(t, r.COUNTER_TEXT);
+    const e = `Showing ${this.currentPreviewIndex + 1} of ${this.totalTemplates}`;
+    return this._getLabel(e, r.COUNTER_TEXT);
   }
 }
 export {
-  g as UNSUBSCRIBE_CONTROL_ID,
-  N as UnsubscribeControl
+  _ as UNSUBSCRIBE_CONTROL_ID,
+  y as UnsubscribeControl
 };

package/dist/extensions/Blocks/Unsubscribe/elements/preview.js

@@ -1,32 +1,44 @@
-var r = Object.defineProperty;
-var n = (i, t, e) => t in i ? r(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var s = (i, t, e) => n(i, typeof t != "symbol" ? t + "" : t, e);
-import { UIElement as m } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const E = "unsubscribe-preview", l = "img", c = "Unsubscribe page preview";
-class o extends m {
+var m = Object.defineProperty;
+var o = (i, t, e) => t in i ? m(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var r = (i, t, e) => o(i, typeof t != "symbol" ? t + "" : t, e);
+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 { UIElement as n } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElement.js";
+const s = "unsubscribe-preview", E = "width: 100%; max-height: 400px; overflow: hidden; display: flex; align-items: center; justify-content: center;", l = "object-fit: cover; width: 100%; height: auto;", p = "img", c = "Unsubscribe page preview";
+class A extends n {
   constructor() {
     super(...arguments);
-    s(this, "imgElement");
+    r(this, "imgElement");
   }
   getId() {
-    return E;
+    return s;
   }
   getTemplate() {
     return `
-            <div class="unsubscribe-preview-image-container">
+            <div style="${E}">
                 <img
                     src=""
                     alt="${c}"
-                    class="unsubscribe-preview-image"
+                    style="${l}"
                 />
             </div>
         `;
   }
   onRender(e) {
-    this.imgElement = e.querySelector(l);
+    this.imgElement = e.querySelector(p);
   }
   setValue(e) {
-    this.imgElement && (this.imgElement.src = e);
+    console.debug("ui set value", e), this.imgElement && (this.imgElement.src = e);
   }
   getValue() {
     var e;
@@ -37,6 +49,6 @@ class o extends m {
   }
 }
 export {
-  E as PREVIEW_UI_ELEMENT_ID,
-  o as PreviewUIElement
+  s as PREVIEW_UI_ELEMENT_ID,
+  A as PreviewUIElement
 };

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

@@ -1,21 +1,21 @@
-import { ExtensionBuilder as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { UnsubscribeBlock as i } from "./block.js";
-import { UnsubscribeControl as t } from "./control.js";
-import { PreviewUIElement as o } from "./elements/preview.js";
-import { UnsubscribeIconsRegistry as r } from "./iconsRegistry.js";
-import { SettingsPanel as s } from "./settingsPanel.js";
-import n from "./styles.css.js";
-import { UnsubscribeTagRegistry as l } from "./tagRegistry.js";
-const f = new e().addBlock(i).withSettingsPanelRegistry(s).addControl(t).addUiElement(o).addStyles(n).withLocalization({
-  en: {
-    "Unsubscribe Block": "Unsubscribe Block",
-    "Unsubscribe Block Description": "Add an unsubscribe link to your email",
-    "Select Template": "Select Template",
-    "Unsubscribe Template": "Unsubscribe Template",
-    Showing: "Showing",
-    of: "of"
-  }
-}).withUiElementTagRegistry(l).withIconsRegistry(r).build();
+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 { UnsubscribeBlock as t } from "./block.js";
+import { UnsubscribeControl as r } from "./control.js";
+import { PreviewUIElement as i } from "./elements/preview.js";
+import { SettingsPanel as m } from "./settingsPanel.js";
+const P = new o().addBlock(t).withSettingsPanelRegistry(m).addControl(r).addUiElement(i).build();
 export {
-  f as default
+  P as default
 };

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

@@ -1,35 +1,32 @@
-import { SettingsPanelRegistry as e, SettingsPanelTab as N, SettingsTab as t, TextControls as O } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { UNSUBSCRIBE_BLOCK_ID as I } from "./block.js";
-import { UNSUBSCRIBE_CONTROL_ID as _ } from "./control.js";
-class R extends e {
-  registerBlockControls(T) {
-    T[I] = [
-      new N(
-        t.SETTINGS,
+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 { TextControls as o } 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 r } 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 i } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js";
+import { SettingsPanelTab as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js";
+import { UNSUBSCRIBE_BLOCK_ID as e } from "./block.js";
+import { UNSUBSCRIBE_CONTROL_ID as p } from "./control.js";
+class c extends i {
+  registerBlockControls(t) {
+    t[e] = [
+      new m(
+        r.SETTINGS,
         [
-          _,
-          O.FORMAT,
-          O.ALIGN,
-          O.LINE_HEIGHT,
-          O.DIRECTION,
-          O.INTERNAL_INDENTS,
-          O.HIDDEN_NODE
-        ]
-      ),
-      new N(
-        t.STYLES,
-        [
-          O.TEXT_BLOCK_BACKGROUND_COLOR,
-          O.FONT_FAMILY,
-          O.FONT_SIZE,
-          O.FONT_COLOR,
-          O.FONT_BACKGROUND_COLOR,
-          O.LINKS_COLOR
+          p,
+          ...Object.values(o)
         ]
       )
     ];
   }
 }
 export {
-  R as SettingsPanel
+  c as SettingsPanel
 };