@useinsider/guido 1.0.3-beta.63e6005 → 1.0.3-beta.6541b5a

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

@@ -1,180 +0,0 @@
-var h = Object.defineProperty;
-var d = (o, s, t) => s in o ? h(o, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[s] = t;
-var u = (o, s, t) => d(o, typeof s != "symbol" ? s + "" : s, 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 n } 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 = {
-  SELECT_BUTTON: "selectTemplateButton",
-  PREV_BUTTON: "prevButton",
-  NEXT_BUTTON: "nextButton",
-  COUNTER_TEXT: "counterText",
-  PREVIEW_IMAGE: "previewImage"
-};
-class R 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(t) {
-    if (this.currentNode = t, "getAttribute" in this.currentNode) {
-      const e = this.currentNode.getAttribute(p.PAGE_LIST);
-      e && (e !== this.lastParsedAttribute && (this.currentPages = _(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,
-      `${this.api.translate("Showing")} ${t} ${this.api.translate("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">
-                        ${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(t, e) {
-    return `
-            <${n.LABEL}
-                ${i.LABEL.text}="${t}"
-                ${i.LABEL.name}="${e}"
-            >
-            </${n.LABEL}>
-        `;
-  }
-  _getIconButton(t, e, c) {
-    const a = c ? `${i.BUTTON.disabled}="true"` : "";
-    return `
-            <${n.BUTTON}
-                id="${t}"
-                class="flat-inline flat-white"
-                ${i.BUTTON.name}="${t}"
-                ${a}
-            >
-                <${n.ICON}
-                    src="${e}"
-                    class="icon-button"
-                ></${n.ICON}>
-            </${n.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 {
-  g as UNSUBSCRIBE_CONTROL_ID,
-  R 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;
-}

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

@@ -1,54 +0,0 @@
-var m = Object.defineProperty;
-var s = (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) => s(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 o = "unsubscribe-preview", p = "img", E = "Unsubscribe page preview";
-class A extends n {
-  constructor() {
-    super(...arguments);
-    r(this, "imgElement");
-  }
-  getId() {
-    return o;
-  }
-  getTemplate() {
-    return `
-            <div class="unsubscribe-preview-image-container">
-                <img
-                    src=""
-                    alt="${E}"
-                    class="unsubscribe-preview-image"
-                />
-            </div>
-        `;
-  }
-  onRender(e) {
-    this.imgElement = e.querySelector(p);
-  }
-  setValue(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 {
-  o as PREVIEW_UI_ELEMENT_ID,
-  A as PreviewUIElement
-};

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

@@ -1,32 +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 i } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/ExtensionBuilder.js";
-import { UnsubscribeBlock as t } from "./block.js";
-import { UnsubscribeControl as e } from "./control.js";
-import { PreviewUIElement as o } from "./elements/preview.js";
-import { SettingsPanel as r } from "./settingsPanel.js";
-import m from "./styles.css.js";
-import { UnsubscribeTagRegistry as s } from "./tagRegistry.js";
-const x = new i().addBlock(t).withSettingsPanelRegistry(r).addControl(e).addUiElement(o).withStyles(m).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(s).build();
-export {
-  x as default
-};

package/dist/extensions/Blocks/Unsubscribe/styles.css.js

@@ -1,42 +0,0 @@
-const n = `/* Unsubscribe Extension Styles */
-
-.unsubscribe-preview-container {
-    /* Container styling handled by parent classes */
-}
-
-.unsubscribe-preview-header {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: 8px;
-}
-
-.unsubscribe-preview-title {
-    font-weight: 500;
-}
-
-.unsubscribe-preview-controls {
-    display: flex;
-    gap: 2px;
-    align-items: center;
-    color: #666;
-}
-
-/* Preview image container and image */
-.unsubscribe-preview-image-container {
-    width: 100%;
-    max-height: 400px;
-    overflow: hidden;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.unsubscribe-preview-image {
-    object-fit: cover;
-    width: 100%;
-    height: auto;
-}
-`;
-export {
-  n as default
-};

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

@@ -1,4 +0,0 @@
-import { UIElementTagRegistry } from '@stripoinc/ui-editor-extensions';
-export declare class UnsubscribeTagRegistry extends UIElementTagRegistry {
-    registerUiElements(uiElementsTagsMap: Record<string, string>): void;
-}

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

@@ -1,12 +0,0 @@
-/**
- * Migration template for legacy unsubscribe blocks.
- * This template is used to identify and migrate older versions of the unsubscribe block
- * that may exist in saved email templates. The migration is detected in the Block's
- * onCreated() lifecycle method via the 'data-migration' attribute check.
- *
- * Note: This template is currently exported but not actively used in the codebase.
- * It serves as a reference for the expected structure of legacy blocks during migration.
- */
-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/Unsubscribe/utils/constants.d.ts

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

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

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

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

package/dist/services/unsubscribeApi.d.ts

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

package/dist/services/unsubscribeApi.js

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