@useinsider/guido 1.0.2-beta.86f7e79 → 1.0.2-beta.91efff4

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { Block, BlockCompositionType, BlockType } from '@stripoinc/ui-editor-extensions';
+export declare const COUPON_BLOCK_ID = "coupon-block";
+export declare class CouponBlock extends Block {
+    getId(): string;
+    getIcon(): string;
+    getBlockCompositionType(): BlockCompositionType;
+    getName(): string;
+    getDescription(): string;
+    getBlockType(): BlockType;
+    getTemplate(): string;
+}

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

@@ -0,0 +1,42 @@
+import { Block as o } 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 t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.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";
+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 { getDefaultTemplate as e } from "./template.js";
+const p = "coupon-block";
+class f extends o {
+  getId() {
+    return p;
+  }
+  getIcon() {
+    return "../../../../icons/coupon.svg";
+  }
+  getBlockCompositionType() {
+    return t.BLOCK;
+  }
+  getName() {
+    return this.api.translate("Coupon Block");
+  }
+  getDescription() {
+    return this.api.translate("Coupon lets you add a coupon code to your message design.");
+  }
+  getBlockType() {
+    return r.BLOCK_TEXT;
+  }
+  getTemplate() {
+    return e();
+  }
+}
+export {
+  p as COUPON_BLOCK_ID,
+  f as CouponBlock
+};

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

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

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

@@ -0,0 +1,19 @@
+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 { CouponBlock as t } from "./block.js";
+import { CouponBlockSettings as i } from "./settingsPanel.js";
+const x = new o().addBlock(t).withSettingsPanelRegistry(i).build();
+export {
+  x as default
+};

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

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

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

@@ -0,0 +1,37 @@
+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, ContainerControls as r } 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 i } 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 m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js";
+import { SettingsPanelTab as p } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js";
+import { COUPON_BLOCK_ID as e } from "./block.js";
+class A extends m {
+  registerBlockControls(t) {
+    t[e] = [
+      new p(
+        i.SETTINGS,
+        [
+          o.FONT_FAMILY,
+          o.FONT_SIZE,
+          o.FORMAT,
+          o.FONT_COLOR,
+          o.TEXT_BLOCK_BACKGROUND_COLOR,
+          o.ALIGN,
+          o.LINE_HEIGHT,
+          r.EXTERNAL_INDENTS
+        ]
+      )
+    ];
+  }
+}
+export {
+  A as CouponBlockSettings
+};

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

@@ -0,0 +1,3 @@
+declare const migrationTemplate = "\n    <td \n        class=\"coupon-block ins-coupon-code esd-block-text esd-extension-block\" \n        esd-extension-block-id=\"coupon-block\"\n    >\n        <p class=\"ins-title\" contenteditable=\"false\">{-{-COUPON_CODE-}-}</p>\n    </td>\n";
+export declare function getDefaultTemplate(): string;
+export default migrationTemplate;

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

@@ -0,0 +1,13 @@
+const e = {
+  COUPON_CODE: "{@COUPON_CODE}"
+}, t = `
+    <td class="coupon-block ins-coupon-code esd-block-text">
+        <p class="ins-title" contenteditable="false">{-{-COUPON_CODE-}-}</p>
+    </td>
+`;
+function O() {
+  return t.replace("{-{-COUPON_CODE-}-}", e.COUPON_CODE);
+}
+export {
+  O as getDefaultTemplate
+};

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

@@ -0,0 +1,10 @@
+import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
+export declare const BLOCK_ID = "{{your-block}}";
+export declare class CustomBlock extends Block {
+    getId(): string;
+    getIcon(): string;
+    getBlockCompositionType(): BlockCompositionType;
+    getName(): string;
+    getDescription(): string;
+    getTemplate(): string;
+}

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

@@ -0,0 +1,17 @@
+import { Control, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+export declare const CONTROL_BLOCK_ID = "ui-elements-{{your-control-block}}";
+export declare class CustomControl extends Control {
+    private currentNode?;
+    private selectedUnsubGroup?;
+    private unsubList;
+    getId(): string;
+    _setFormValues(): void;
+    _getLabel(text: string, name?: string): string;
+    _getSelectItem(text: string, value: string): string;
+    _getSelect(): string;
+    getTemplate(): string;
+    _onSelectChange(value: string | number): void;
+    _listenToFormUpdates(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    onRender(): Promise<void>;
+}

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

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

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

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

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

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

package/dist/extensions/DynamicContent/dynamic-content.js

@@ -1,16 +1,30 @@
-var o = Object.defineProperty;
-var m = (i, t, e) => t in i ? o(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var r = (i, t, e) => m(i, typeof t != "symbol" ? t + "" : t, e);
-import { dynamicContentToMergeTags as l } from "../../utils/genericUtil.js";
-import { d as n } from "../../_virtual/index.js";
-import { ExternalMergeTagsLibrary as g } from "./dynamic-content-modal.js";
-const a = "external-dynamic-content-ui-element", c = "button-add-dynamic-content";
-class p extends n.UIElementTagRegistry {
-  registerUiElements(t) {
-    t[n.UIElementType.MERGETAGS] = a;
+var a = Object.defineProperty;
+var m = (n, e, t) => e in n ? a(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var r = (n, e, t) => m(n, typeof e != "symbol" ? e + "" : e, t);
+import { dynamicContentToMergeTags as g } from "../../utils/genericUtil.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 c } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js";
+import { UIElementType as i } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
+import { UIElement as l } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElement.js";
+import { UIElementTagRegistry as d } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElementTagRegistry.js";
+import { ExternalMergeTagsLibrary as p } from "./dynamic-content-modal.js";
+const s = "external-dynamic-content-ui-element", T = "button-add-dynamic-content";
+class O extends d {
+  registerUiElements(e) {
+    e[i.MERGETAGS] = s;
   }
 }
-class u extends n.UIElement {
+class k extends l {
   constructor() {
     super(...arguments);
     r(this, "mergeTagsButton", null);
@@ -20,42 +34,42 @@ class u extends n.UIElement {
     r(this, "selectedDynamicContent", { value: "", text: "" });
   }
   getId() {
-    return a;
+    return s;
   }
-  onRender(e) {
-    var s;
-    this.listener = this._onClick.bind(this), this.mergeTagsButton = e.querySelector("#guido__btn-add-dynamic-content"), (s = this.mergeTagsButton) == null || s.addEventListener("click", this.listener);
+  onRender(t) {
+    var o;
+    this.listener = this._onClick.bind(this), this.mergeTagsButton = t.querySelector("#guido__btn-add-dynamic-content"), (o = this.mergeTagsButton) == null || o.addEventListener("click", this.listener);
   }
   onDestroy() {
-    var e;
-    (e = this.mergeTagsButton) == null || e.removeEventListener("click", this.listener);
+    var t;
+    (t = this.mergeTagsButton) == null || t.removeEventListener("click", this.listener);
   }
   _onClick() {
     this.openMergeTagLibrary();
   }
   openMergeTagLibrary() {
-    this.mergeTagsLibrary || (this.mergeTagsLibrary = new g()), this.mergeTagsLibrary.openMergeTagsLibrary(
+    this.mergeTagsLibrary || (this.mergeTagsLibrary = new p()), this.mergeTagsLibrary.openMergeTagsLibrary(
       this.selectedDynamicContent,
-      (e) => {
-        this.api.onValueChanged(l([e])[0]);
+      (t) => {
+        this.api.onValueChanged(g([t])[0]);
       }
     );
   }
   getTemplate() {
     return `
             <div>
-                <${n.UIElementType.BUTTON} 
+                <${i.BUTTON} 
                     id="guido__btn-add-dynamic-content" 
                     class="btn btn-primary"
-                    ${n.UEAttr.BUTTON.name}="${c}">
-                        <${n.UIElementType.ICON} src="plus" class="icon icon-button color-primary">
-                        </${n.UIElementType.ICON}>
+                    ${c.BUTTON.name}="${T}">
+                        <${i.ICON} src="plus" class="icon icon-button color-primary">
+                        </${i.ICON}>
                         ${this.api.translate("Add Dynamic Content")}
-                </${n.UIElementType.BUTTON}>
+                </${i.BUTTON}>
             </div>`;
   }
 }
 export {
-  p as DynamicContentTagRegistry,
-  u as DynamicContentUiElementExtension
+  O as DynamicContentTagRegistry,
+  k as DynamicContentUiElementExtension
 };

package/dist/extensions/DynamicContent/extension.js

@@ -1,11 +1,23 @@
-import { d as t } from "../../_virtual/index.js";
-import { DynamicContentUiElementExtension as n, DynamicContentTagRegistry as i } from "./dynamic-content.js";
-import e from "./dynamic-content.css.js";
-const s = new t.ExtensionBuilder().addUiElement(n).withStyles(e).withLocalization({
+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 t } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/ExtensionBuilder.js";
+import { DynamicContentUiElementExtension as i, DynamicContentTagRegistry as o } from "./dynamic-content.js";
+import n from "./dynamic-content.css.js";
+const w = new t().addUiElement(i).withStyles(n).withLocalization({
   en: {
     "Add Dynamic Content": "Add Dynamic Content"
   }
-}).withUiElementTagRegistry(i).build();
+}).withUiElementTagRegistry(o).build();
 export {
-  s as default
+  w as default
 };

package/dist/guido.css

@@ -1 +1 @@
-[data-v-a18ac2d3] .in-button-v2__wrapper{line-height:0}.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-2d4cd446]{height:calc(100% - 75px);top:75px}.guido-editor__wrapper[data-v-39783038],.guido-editor__container[data-v-39783038]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-39783038]{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-3b4afa54] .vueperslides__bullets,[data-v-bccb3b50] .vueperslides__bullets{pointer-events:none!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-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}

package/dist/icons/coupon.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.87939 0C8.56714 0.0576002 9.26998 0.793636 9.82275 1.37305L9.83057 1.38184C9.93483 1.49112 10.0343 1.5944 10.1265 1.68652L17.2573 8.79492C18.2493 9.7872 18.2493 11.3954 17.2573 12.3877L12.396 17.2471C11.9169 17.726 11.2659 17.9999 10.6157 18C9.96563 17.9999 9.31551 17.76 8.83643 17.2471L1.68896 10.1221C1.58907 10.0222 1.47548 9.91523 1.35596 9.80273C0.77939 9.26006 0.0584135 8.58144 0.00146484 7.87305L0.00439453 2.15625C-0.0298299 1.57462 0.209988 1.02683 0.620605 0.616211C1.03135 0.20572 1.57981 0 2.16162 0L7.87939 0ZM2.16162 2C2.10648 2 2.07333 2.01007 2.05908 2.01562C2.04707 2.02035 2.04069 2.02432 2.03467 2.03027C2.01884 2.04611 2.00915 2.05957 2.00342 2.06836L2.00439 2.09766L2.00146 7.59277C2.01413 7.61029 2.02975 7.63092 2.04834 7.6543C2.20264 7.84819 2.41884 8.05659 2.72705 8.34668L2.73682 8.35645C2.84844 8.46149 2.9808 8.58586 3.10205 8.70703L3.10303 8.70801L10.2739 15.8564L10.2983 15.8818C10.3564 15.9439 10.4539 15.9999 10.6157 16C10.7155 15.9998 10.8635 15.9513 10.9819 15.833L15.8433 10.9736C16.054 10.7626 16.0536 10.4212 15.8433 10.21L8.71436 3.10352L8.7124 3.10156C8.60329 2.99248 8.49054 2.8737 8.39209 2.77051L8.37549 2.75391C8.08113 2.44536 7.86049 2.21875 7.65479 2.05469C7.62752 2.03295 7.6037 2.01461 7.5835 2L2.16162 2ZM8.16748 9.83301C8.81172 9.18878 9.8571 9.18898 10.5015 9.83301L10.6265 9.71973C11.2745 9.19135 12.2304 9.22915 12.8345 9.83301C13.4787 10.4772 13.4795 11.5226 12.8354 12.167C12.8312 12.1713 12.8251 12.1745 12.8208 12.1787L11.2085 13.792C10.818 14.1825 10.185 14.1824 9.79443 13.792L8.18115 12.1797C8.1768 12.1755 8.17178 12.1713 8.16748 12.167C7.52346 11.5226 7.52325 10.4772 8.16748 9.83301ZM5.00146 4C5.55353 4.00025 6.00146 4.44787 6.00146 5C6.00146 5.55213 5.55353 5.99975 5.00146 6C4.44918 6 4.00146 5.55228 4.00146 5C4.00146 4.44772 4.44918 4 5.00146 4Z" fill="#666666"/>
+</svg>

package/dist/mock/api/unsubscribe.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("msw").HttpHandler[];
+export default _default;

package/dist/mock/api/validator.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("msw").HttpHandler[];
+export default _default;