@useinsider/guido 1.0.2-beta.b6e86c0 → 1.0.2-beta.bcbaabf

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/_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-acae5543] .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/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;

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

@@ -1,51 +1,75 @@
-import { __exports as e } from "../../../../_virtual/Extension.js";
-var o;
-function m() {
-  if (o) return e;
-  o = 1, Object.defineProperty(e, "__esModule", { value: !0 }), e.Extension = void 0;
-  var a = (
-    /** @class */
-    (function() {
-      function t(u, l, i, y, n, p, r, s, h, g, c, f, x, E, d) {
-        i === void 0 && (i = []), n === void 0 && (n = []), r === void 0 && (r = []), s === void 0 && (s = []), this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.i18n = u, this.styles = l, this.previewStyles = c, this.uiElements = i, this.uiElementTagRegistry = y, this.controls = n, this.settingsPanelRegistry = p, this.contextActions = r, this.blocks = s, this.externalSmartElementsLibrary = h, this.externalImageLibrary = g, this.externalAiAssistant = f, this.externalDisplayConditionsLibrary = x, this.externalVideoLibrary = E, this.blocksPanel = d, this.id = Math.random().toString(36).substring(2);
-      }
-      return t.prototype.getI18n = function() {
-        return this.i18n;
-      }, t.prototype.getStyles = function() {
-        return this.styles;
-      }, t.prototype.getPreviewStyles = function() {
-        return this.previewStyles;
-      }, t.prototype.getUiElements = function() {
-        return this.uiElements;
-      }, t.prototype.getUiElementTagRegistry = function() {
-        return this.uiElementTagRegistry;
-      }, t.prototype.getControls = function() {
-        return this.controls;
-      }, t.prototype.getSettingsPanelRegistry = function() {
-        return this.settingsPanelRegistry;
-      }, t.prototype.getContextActions = function() {
-        return this.contextActions;
-      }, t.prototype.getBlocks = function() {
-        return this.blocks;
-      }, t.prototype.getId = function() {
-        return this.id;
-      }, t.prototype.getExternalSmartElementsLibrary = function() {
-        return this.externalSmartElementsLibrary;
-      }, t.prototype.getExternalImageLibrary = function() {
-        return this.externalImageLibrary;
-      }, t.prototype.getExternalAiAssistant = function() {
-        return this.externalAiAssistant;
-      }, t.prototype.getExternalDisplayConditionsLibrary = function() {
-        return this.externalDisplayConditionsLibrary;
-      }, t.prototype.getExternalVideoLibrary = function() {
-        return this.externalVideoLibrary;
-      }, t.prototype.getBlocksPanel = function() {
-        return this.blocksPanel;
-      }, t;
-    })()
-  );
-  return e.Extension = a, e;
+var E = Object.defineProperty;
+var L = (r, e, i) => e in r ? E(r, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[e] = i;
+var t = (r, e, i) => L(r, typeof e != "symbol" ? e + "" : e, i);
+class A {
+  constructor(e, i, s = [], n, a = [], l, o = [], g = [], y, h, x, u, b, c, m) {
+    t(this, "i18n");
+    t(this, "styles");
+    t(this, "previewStyles");
+    t(this, "uiElements", []);
+    t(this, "uiElementTagRegistry");
+    t(this, "controls", []);
+    t(this, "settingsPanelRegistry");
+    t(this, "contextActions", []);
+    t(this, "blocks", []);
+    t(this, "id");
+    t(this, "externalSmartElementsLibrary");
+    t(this, "externalImageLibrary");
+    t(this, "externalAiAssistant");
+    t(this, "externalDisplayConditionsLibrary");
+    t(this, "externalVideoLibrary");
+    t(this, "blocksPanel");
+    this.i18n = e, this.styles = i, this.previewStyles = x, this.uiElements = s, this.uiElementTagRegistry = n, this.controls = a, this.settingsPanelRegistry = l, this.contextActions = o, this.blocks = g, this.externalSmartElementsLibrary = y, this.externalImageLibrary = h, this.externalAiAssistant = u, this.externalDisplayConditionsLibrary = b, this.externalVideoLibrary = c, this.blocksPanel = m, this.id = Math.random().toString(36).substring(2);
+  }
+  getI18n() {
+    return this.i18n;
+  }
+  getStyles() {
+    return this.styles;
+  }
+  getPreviewStyles() {
+    return this.previewStyles;
+  }
+  getUiElements() {
+    return this.uiElements;
+  }
+  getUiElementTagRegistry() {
+    return this.uiElementTagRegistry;
+  }
+  getControls() {
+    return this.controls;
+  }
+  getSettingsPanelRegistry() {
+    return this.settingsPanelRegistry;
+  }
+  getContextActions() {
+    return this.contextActions;
+  }
+  getBlocks() {
+    return this.blocks;
+  }
+  getId() {
+    return this.id;
+  }
+  getExternalSmartElementsLibrary() {
+    return this.externalSmartElementsLibrary;
+  }
+  getExternalImageLibrary() {
+    return this.externalImageLibrary;
+  }
+  getExternalAiAssistant() {
+    return this.externalAiAssistant;
+  }
+  getExternalDisplayConditionsLibrary() {
+    return this.externalDisplayConditionsLibrary;
+  }
+  getExternalVideoLibrary() {
+    return this.externalVideoLibrary;
+  }
+  getBlocksPanel() {
+    return this.blocksPanel;
+  }
 }
 export {
-  m as __require
+  A as Extension
 };