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

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

@@ -0,0 +1,160 @@
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
+import { BlockType as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
+const e = {
+  TITLE: "This is a title text",
+  DESCRIPTION: "This is a description text",
+  YES: "Yes",
+  NO: "No"
+}, i = `
+    <td align="left" class="radio-button-v2 esd-block-radio es-p10t es-p10b es-p30r es-p30l">
+        <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
+            <tbody>
+                <tr>
+                    <td align="left" width="70%" style="vertical-align: top;">
+                        <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
+                            <tbody>
+                                    <${t.BLOCK_TEXT}>
+                                        {-{-TITLE-}-}
+                                    </${t.BLOCK_TEXT}>
+                                    <${t.BLOCK_TEXT}>
+                                        {-{-DESCRIPTION-}-}
+                                    </${t.BLOCK_TEXT}>
+                            </tbody>
+                        </table>
+                    </td>
+                    <td align="right" width="30%" style="vertical-align: middle;">
+                        <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
+                            <tbody>
+                                <tr>
+                                    <td width="50%">
+                                        <table width="100%">
+                                            <tr>
+                                                <td width="24">
+                                                    <input
+                                                        type="radio"
+                                                        id="radioYes"
+                                                        name="unsubscribe"
+                                                        data-cke-editable="1"
+                                                        style="margin: 0px; vertical-align: middle;">
+                                                </td>
+                                                <td style="padding-right: 15px;">
+                                                    <table width="100%">
+                                                        <${t.BLOCK_TEXT}>
+                                                            {-{-YES-}-}
+                                                        </${t.BLOCK_TEXT}>
+                                                    </table>
+                                                </td>
+                                            </tr>
+                                        </table>
+                                    </td>
+                                    <td width="50%">
+                                        <table width="100%">
+                                            <tr>
+                                                <td width="24">
+                                                    <input
+                                                        type="radio"
+                                                        id="radioNo"
+                                                        name="unsubscribe"
+                                                        data-cke-editable="1"
+                                                        style="margin: 0px; vertical-align: middle;">
+                                                </td>
+                                                <td style="padding-right: 15px;">
+                                                    <table width="100%">
+                                                        <${t.BLOCK_TEXT}>
+                                                            {-{-NO-}-}
+                                                        </${t.BLOCK_TEXT}>
+                                                    </table>
+                                                </td>
+                                            </tr>
+                                        </table>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </td>
+`, h = `
+    <td 
+        align="left" 
+        esd-extension-block-id="radio-button-block" 
+        esd-handler-name="esd-extension-RadioButtonBlock"
+        class="radio-button-v2 esd-block-ra esd-radio-button-block esd-extension-block es-p10t es-p10b es-p30r es-p30l"
+    >
+        <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
+            <tbody>
+                <tr>
+                    <td align="left" width="70%" style="vertical-align: top;">
+                        <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
+                            <tbody>
+                                <tr>
+                                    {-{-TITLE-}-}
+                                </tr>
+                                <tr>
+                                    {-{-DESCRIPTION-}-}
+                                </tr>
+                            </tbody>
+                        </table>
+                    </td>
+                    <td align="right" width="30%" style="vertical-align: middle;">
+                        <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
+                            <tbody>
+                                <tr>
+                                    <td width="50%">
+                                        <table width="100%">
+                                            <tr>
+                                                <td width="24">
+                                                    <input
+                                                        type="radio"
+                                                        id="radioYes"
+                                                        name="unsubscribe"
+                                                        data-cke-editable="1"
+                                                        style="margin: 0px; vertical-align: middle;>
+                                                    </td>
+                                                {-{-YES-}-}
+                                            </tr>
+                                        </table>
+                                    </td>
+                                    <td width="50%">
+                                        <table width="100%">
+                                            <tr>
+                                                <td width="24">
+                                                    <input
+                                                        type="radio"
+                                                        id="radioNo"
+                                                        name="unsubscribe"
+                                                        data-cke-editable="1"
+                                                        style="margin: 0px; vertical-align: middle;">
+                                                </td>
+                                                {-{-NO-}-}
+                                            </tr>
+                                        </table>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </td>
+`;
+function m() {
+  return i.replace("{-{-TITLE-}-}", `<p path="1">${e.TITLE}</p>`).replace("{-{-DESCRIPTION-}-}", `<p path="1">${e.DESCRIPTION}</p>`).replace("{-{-YES-}-}", `<p path="1">${e.YES}</p>`).replace("{-{-NO-}-}", `<p path="1">${e.NO}</p>`);
+}
+export {
+  h as default,
+  m 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
 };

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

@@ -1,52 +1,77 @@
-import { __exports as e } from "../../../../_virtual/ExtensionBuilder.js";
-import { __require as o } from "./Extension.js";
-var n;
-function l() {
-  if (n) return e;
-  n = 1, Object.defineProperty(e, "__esModule", { value: !0 }), e.ExtensionBuilder = void 0;
-  var r = o(), s = (
-    /** @class */
-    (function() {
-      function i() {
-        this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [];
-      }
-      return i.prototype.withLocalization = function(t) {
-        return this.i18n = t, this;
-      }, i.prototype.withStyles = function(t) {
-        return this.styles = t, this;
-      }, i.prototype.withPreviewStyles = function(t) {
-        return this.previewStyles = t, this;
-      }, i.prototype.addContextAction = function(t) {
-        return this.contextActions.push(t), this;
-      }, i.prototype.addUiElement = function(t) {
-        return this.uiElements.push(t), this;
-      }, i.prototype.withUiElementTagRegistry = function(t) {
-        return this.uiElementTagRegistry = t, this;
-      }, i.prototype.addControl = function(t) {
-        return this.controls.push(t), this;
-      }, i.prototype.withSettingsPanelRegistry = function(t) {
-        return this.settingsPanelRegistry = t, this;
-      }, i.prototype.withExternalSmartElementsLibrary = function(t) {
-        return this.externalSmartElementsLibrary = t, this;
-      }, i.prototype.withExternalImageLibrary = function(t) {
-        return this.externalImageLibrary = t, this;
-      }, i.prototype.withExternalAiAssistant = function(t) {
-        return this.externalAiAssistant = t, this;
-      }, i.prototype.withExternalDisplayCondition = function(t) {
-        return this.externalDisplayConditionsLibrary = t, this;
-      }, i.prototype.withExternalVideosLibrary = function(t) {
-        return this.externalVideoLibrary = t, this;
-      }, i.prototype.withBlocksPanel = function(t) {
-        return this.blocksPanel = t, this;
-      }, i.prototype.addBlock = function(t) {
-        return this.blocks.push(t), this;
-      }, i.prototype.build = function() {
-        return new r.Extension(this.i18n, this.styles, this.uiElements, this.uiElementTagRegistry, this.controls, this.settingsPanelRegistry, this.contextActions, this.blocks, this.externalSmartElementsLibrary, this.externalImageLibrary, this.previewStyles, this.externalAiAssistant, this.externalDisplayConditionsLibrary, this.externalVideoLibrary, this.blocksPanel);
-      }, i;
-    })()
-  );
-  return e.ExtensionBuilder = s, e;
+var r = Object.defineProperty;
+var n = (e, t, s) => t in e ? r(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var i = (e, t, s) => n(e, typeof t != "symbol" ? t + "" : t, s);
+import { Extension as a } from "./Extension.js";
+class o {
+  constructor() {
+    i(this, "i18n");
+    i(this, "styles");
+    i(this, "previewStyles");
+    i(this, "uiElements", []);
+    i(this, "uiElementTagRegistry");
+    i(this, "controls", []);
+    i(this, "settingsPanelRegistry");
+    i(this, "contextActions", []);
+    i(this, "blocks", []);
+    i(this, "externalSmartElementsLibrary");
+    i(this, "externalImageLibrary");
+    i(this, "externalAiAssistant");
+    i(this, "externalDisplayConditionsLibrary");
+    i(this, "externalVideoLibrary");
+    i(this, "blocksPanel");
+  }
+  withLocalization(t) {
+    return this.i18n = t, this;
+  }
+  withStyles(t) {
+    return this.styles = t, this;
+  }
+  /**
+   * @description defines custom developer styles to use inside the editor document preview
+   */
+  withPreviewStyles(t) {
+    return this.previewStyles = t, this;
+  }
+  addContextAction(t) {
+    return this.contextActions.push(t), this;
+  }
+  addUiElement(t) {
+    return this.uiElements.push(t), this;
+  }
+  withUiElementTagRegistry(t) {
+    return this.uiElementTagRegistry = t, this;
+  }
+  addControl(t) {
+    return this.controls.push(t), this;
+  }
+  withSettingsPanelRegistry(t) {
+    return this.settingsPanelRegistry = t, this;
+  }
+  withExternalSmartElementsLibrary(t) {
+    return this.externalSmartElementsLibrary = t, this;
+  }
+  withExternalImageLibrary(t) {
+    return this.externalImageLibrary = t, this;
+  }
+  withExternalAiAssistant(t) {
+    return this.externalAiAssistant = t, this;
+  }
+  withExternalDisplayCondition(t) {
+    return this.externalDisplayConditionsLibrary = t, this;
+  }
+  withExternalVideosLibrary(t) {
+    return this.externalVideoLibrary = t, this;
+  }
+  withBlocksPanel(t) {
+    return this.blocksPanel = t, this;
+  }
+  addBlock(t) {
+    return this.blocks.push(t), this;
+  }
+  build() {
+    return new a(this.i18n, this.styles, this.uiElements, this.uiElementTagRegistry, this.controls, this.settingsPanelRegistry, this.contextActions, this.blocks, this.externalSmartElementsLibrary, this.externalImageLibrary, this.previewStyles, this.externalAiAssistant, this.externalDisplayConditionsLibrary, this.externalVideoLibrary, this.blocksPanel);
+  }
 }
 export {
-  l as __require
+  o as ExtensionBuilder
 };