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

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

@@ -0,0 +1,141 @@
+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

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1,180 @@
+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

@@ -0,0 +1,11 @@
+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;
+}

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

@@ -0,0 +1,54 @@
+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);
+    r(this, "imgElement");
+  }
+  getId() {
+    return s;
+  }
+  getTemplate() {
+    return `
+            <div style="${E}">
+                <img
+                    src=""
+                    alt="${c}"
+                    style="${l}"
+                />
+            </div>
+        `;
+  }
+  onRender(e) {
+    this.imgElement = e.querySelector(p);
+  }
+  setValue(e) {
+    console.debug("ui set value", e), this.imgElement && (this.imgElement.src = e);
+  }
+  getValue() {
+    var e;
+    return ((e = this.imgElement) == null ? void 0 : e.src) ?? "";
+  }
+  onDestroy() {
+    this.imgElement = void 0;
+  }
+}
+export {
+  s as PREVIEW_UI_ELEMENT_ID,
+  A as PreviewUIElement
+};

package/dist/extensions/Blocks/{RadioButton → Unsubscribe}/extension.js

@@ -11,10 +11,11 @@ import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Pre
 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 { RadioButtonCustomBlock as t } from "./block.js";
-import { RadioButtonControl as i } from "./control.js";
-import { RadioButtonBlockSettingsPanel as r } from "./settingsPanel.js";
-const C = new o().addBlock(t).withSettingsPanelRegistry(r).addControl(i).build();
+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 {
-  C as default
+  P as default
 };

package/dist/extensions/Blocks/{RadioButton → Unsubscribe}/settingsPanel.d.ts

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

package/dist/extensions/Blocks/{RadioButton → Unsubscribe}/settingsPanel.js

@@ -2,38 +2,31 @@ import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiA
 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 t, TextControls as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.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 o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.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 e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js";
-import { SettingsPanelTab as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js";
-import { BLOCK_ID as p } from "./block.js";
-import { CONTROL_BLOCK_ID as n } from "./control.js";
-class K extends e {
-  registerBlockControls(i) {
-    i[p] = [
-      new r(
-        o.SETTINGS,
+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,
         [
-          n,
-          t.EXTERNAL_INDENTS,
-          t.DISPLAY_CONDITIONS
-        ]
-      ),
-      new r(
-        o.STYLES,
-        [
-          m.TEXT_BLOCK_BACKGROUND_COLOR
+          p,
+          ...Object.values(o)
         ]
       )
     ];
   }
 }
 export {
-  K as RadioButtonBlockSettingsPanel
+  c as SettingsPanel
 };

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

@@ -0,0 +1,3 @@
+declare const migrationTemplate = "\n    <td\n        esd-extension-block-id=\"unsubscribe-block\"\n        class=\"esd-block-text unsubscribe-block-v2 esd-block-unsubscribe esd-unsubscribe-block esd-extension-block\"\n    >\n        {-{-TITLE-}-}\n    </td>\n";
+export declare function getDefaultTemplate(): string;
+export default migrationTemplate;

package/dist/extensions/Blocks/{RadioButton/block.js → Unsubscribe/template.js}

@@ -1,8 +1,7 @@
-import { Block as t } 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 o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.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 { BlockType as r } 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";
@@ -11,29 +10,19 @@ import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Pop
 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 { getDefaultTemplate as r } from "./template.js";
-const i = "radio-button-block";
-class D extends t {
-  getId() {
-    return i;
-  }
-  getIcon() {
-    return "circle";
-  }
-  getBlockCompositionType() {
-    return o.BLOCK;
-  }
-  getName() {
-    return this.api.translate("Radio Button Block");
-  }
-  getDescription() {
-    return this.api.translate("Radio Button Block Description");
-  }
-  getTemplate() {
-    return r();
-  }
+const t = "unsubscribe", o = "{{ins-unsubscribe-link}}", i = `
+    <${r.BLOCK_TEXT} class="unsubscribe-block-v2 esd-block-unsubscribe es-p0" align="center">
+        <p>You can <strong><a
+            href="${o}"
+            class="unsubscribe-link"
+            target="_blank"
+            data-unsubscribe-link="true"
+        >${t}</a></strong> from our emails, if you need to.</p>
+    </${r.BLOCK_TEXT}>
+`;
+function E() {
+  return i;
 }
 export {
-  i as BLOCK_ID,
-  D as RadioButtonCustomBlock
+  E as getDefaultTemplate
 };

package/dist/extensions/Blocks/Unsubscribe/utils/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const UNSUBSCRIBE_EVENTS: {
+    readonly SELECT: "unsubscribe:select";
+    readonly CANCEL: "unsubscribe:cancel";
+};
+export type UnsubscribeEvent = typeof UNSUBSCRIBE_EVENTS[keyof typeof UNSUBSCRIBE_EVENTS];
+export declare const DATA_ATTRIBUTES: {
+    readonly PAGE_TYPE: "data-unsubscribe-page-type";
+    readonly PAGE_LIST: "data-unsubscribe-page-list";
+};

package/dist/extensions/Blocks/Unsubscribe/utils/constants.js

@@ -0,0 +1,11 @@
+const s = {
+  SELECT: "unsubscribe:select",
+  CANCEL: "unsubscribe:cancel"
+}, e = {
+  PAGE_TYPE: "data-unsubscribe-page-type",
+  PAGE_LIST: "data-unsubscribe-page-list"
+};
+export {
+  e as DATA_ATTRIBUTES,
+  s as UNSUBSCRIBE_EVENTS
+};

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

@@ -0,0 +1,7 @@
+/**
+ * Parses a comma-separated list of page IDs into an array of numbers.
+ * Filters out invalid values (NaN, empty strings, negative numbers).
+ * @param pageList - Comma-separated string of page IDs
+ * @returns Array of valid page IDs
+ */
+export declare function parsePageList(pageList: string): number[];

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

@@ -0,0 +1,6 @@
+function t(e) {
+  return e.split(",").map((r) => Number(r.trim())).filter((r) => !Number.isNaN(r) && r > 0);
+}
+export {
+  t as parsePageList
+};

package/dist/guido.css

@@ -1 +1 @@
-[data-v-a18ac2d3] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-dced5582]{height:100%;top:75px}.guido-editor__wrapper[data-v-aca05338],.guido-editor__container[data-v-aca05338]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-aca05338]{height:calc(100vh - 75px)}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
+[data-v-a18ac2d3] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-dced5582]{height:100%;top:75px}.guido-editor__wrapper[data-v-85d64228],.guido-editor__container[data-v-85d64228]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-85d64228]{height:calc(100vh - 75px)}[data-v-70835920] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-dda47b76] .guido__verion-history-view-option-selection-desktop svg,[data-v-dda47b76] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-dda47b76] .in-segments-wrapper__button_selected,[data-v-dda47b76] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js

@@ -2,7 +2,8 @@ const t = {
   name: "name",
   disabled: "disabled"
 }, e = {
-  ...t
+  ...t,
+  caption: "caption"
 }, s = {
   ...t,
   text: "text"

package/dist/services/unsubscribeApi.d.ts

@@ -0,0 +1,4 @@
+import type { UnsubscribePage } from '@@/Types/unsubscribe';
+export declare const useUnsubscribeApi: () => {
+    getUnsubscribePages: () => Promise<UnsubscribePage[]>;
+};

package/dist/services/unsubscribeApi.js

@@ -0,0 +1,16 @@
+import { useHttp as t } from "../composables/useHttp.js";
+import { useToaster as n } from "../composables/useToaster.js";
+const u = () => {
+  const { get: r } = t(), { handleError: s } = n();
+  return { getUnsubscribePages: async () => {
+    try {
+      const { data: e = [] } = await r("/unsubscribe-pages/get-all");
+      return e;
+    } catch (e) {
+      return s(e, "Failed to fetch unsubscribe pages"), [];
+    }
+  } };
+};
+export {
+  u as useUnsubscribeApi
+};