@useinsider/guido 1.0.3-beta.bd9b940 → 1.0.3-beta.bdbafd4

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

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

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

@@ -1,22 +1,28 @@
-import { BlockType as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const s = "unsubscribe", n = "{{ins-unsubscribe-link}}", t = `
-    <${e.BLOCK_TEXT}
-        class="unsubscribe-block-v2 esd-block-unsubscribe es-p0"
-        align="center"
-        data-unsubscribe-page-type=""
-        data-unsubscribe-page-list=""
-    >
+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 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";
+const t = "unsubscribe", o = "{{ins-unsubscribe-link}}", i = `
+    <${r.BLOCK_TEXT} class="unsubscribe-block-v2 esd-block-unsubscribe es-p0" align="center">
         <p>You can <strong><a
-            href="${n}"
+            href="${o}"
             class="unsubscribe-link"
             target="_blank"
             data-unsubscribe-link="true"
-        >${s}</a></strong> from our emails, if you need to.</p>
-    </${e.BLOCK_TEXT}>
+        >${t}</a></strong> from our emails, if you need to.</p>
+    </${r.BLOCK_TEXT}>
 `;
-function r() {
-  return t;
+function E() {
+  return i;
 }
 export {
-  r as getDefaultTemplate
+  E as getDefaultTemplate
 };

package/dist/{src/extensions → extensions}/Blocks/_Boilerplate/block.d.ts

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

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

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

package/dist/extensions/DynamicContent/extension.js

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

package/dist/guido.css

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

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

@@ -0,0 +1,75 @@
+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 {
+  A as Extension
+};

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

@@ -0,0 +1,77 @@
+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 {
+  o as ExtensionBuilder
+};

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

@@ -0,0 +1,123 @@
+var t = Object.defineProperty;
+var u = (n, e, o) => e in n ? t(n, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[e] = o;
+var r = (n, e, o) => u(n, typeof e != "symbol" ? e + "" : e, o);
+import { BlockCompositionType as d } from "../constants/BlockCompositionType.js";
+class s {
+  constructor() {
+    /** Provides access to editor functionalities specific to this block instance. */
+    r(this, "api");
+  }
+  /**
+   * Determines if the block should be available for use in the editor.
+   * Override to provide custom logic based on editor state or configuration.
+   * @returns True if the block is enabled, false otherwise. Defaults to true.
+   */
+  isEnabled() {
+    return !0;
+  }
+  /**
+   * Determines if the block can be saved as a reusable module by the user.
+   * @returns True if the block can be saved as a module, false otherwise. Defaults to false.
+   */
+  canBeSavedAsModule() {
+    return !1;
+  }
+  /**
+   * Specifies the context actions available for this block.
+   * If not overridden, the editor might use a default set of actions.
+   * Use IDs from {@link ContextActionType} or custom action IDs.
+   * @returns An array of context action IDs, or undefined to use defaults (if any).
+   */
+  getContextActionsIds() {
+  }
+  /**
+   * Provides a custom renderer class for this block, allowing for specialized rendering logic.
+   * @returns A constructor for a class extending {@link BlockRenderer}, or undefined to use the default renderer.
+   */
+  getCustomRenderer() {
+  }
+  /**
+   * Gets a unique CSS class name specifically for this block type.
+   * Used for targeting styles.
+   * @returns A unique CSS class name. Defaults to `esd-{blockId}`.
+   */
+  getUniqueBlockClassname() {
+    return `esd-${this.getId()}`;
+  }
+  /**
+   * Lifecycle hook called when the editor document is initialized.
+   * Useful for performing initial setup or modifications on existing block instances in the template.
+   * @returns An optional {@link HtmlNodeModifier} to apply changes to the block's HTML structure.
+   */
+  onDocumentInit() {
+  }
+  /**
+   * Lifecycle hook called when an instance of this block is selected in the editor.
+   * @param node - The immutable HTML node representing the selected block instance.
+   * @returns An optional {@link HtmlNodeModifier} to apply changes upon selection.
+   */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  onSelect(e) {
+  }
+  /**
+   * Lifecycle hook called when an instance of this block is copied.
+   * @param targetNode - The immutable HTML node where the copy is being inserted relative to.
+   * @param sourceNode - The immutable HTML node representing the block instance being copied.
+   * @returns An optional {@link HtmlNodeModifier} to apply changes to the copied node.
+   */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  onCopy(e, o) {
+  }
+  /**
+   * Lifecycle hook called when an instance of this block is deleted.
+   * @param node - The immutable HTML node representing the block instance being deleted.
+   * @returns An optional {@link HtmlNodeModifier} to apply changes before deletion (rarely needed).
+   */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  onDelete(e) {
+  }
+  /**
+   * Lifecycle hook called after a new instance of this block is created and added to the document (e.g., via drag-and-drop).
+   * @param node - The immutable HTML node representing the newly created block instance.
+   */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  onCreated(e) {
+  }
+  /**
+   * Lifecycle hook called when any part of the document template has changed.
+   * This can be frequent; use cautiously for performance-sensitive operations.
+   */
+  onDocumentChanged() {
+  }
+  /**
+   * @description Determines if block is atomic or composite.
+   * {@link BlockCompositionType.BLOCK} - atomic block which can be inserted inside other container and cannot hold other objects
+   * {@link BlockCompositionType.STRUCTURE} - composite block which can serve as a container for another atomic block
+   * @returns The type of the block. Defaults to {@link BlockCompositionType.BLOCK}.
+   */
+  getBlockCompositionType() {
+    return d.BLOCK;
+  }
+  /**
+   * @description Determines if block should be included in empty container quick insert actions list.
+   * @returns True to show a quick-add icon for this block in empty containers, false otherwise. Defaults to false.
+   */
+  shouldDisplayQuickAddIcon() {
+    return !1;
+  }
+  /**
+   * @description Determines if nested blocks selection allowed in extension of type {@link BlockCompositionType.STRUCTURE}
+   */
+  allowInnerBlocksSelection() {
+    return !0;
+  }
+  /**
+   * @description Determines if nested blocks drag and drop allowed in extension of type {@link BlockCompositionType.STRUCTURE}
+   */
+  allowInnerBlocksDND() {
+    return !0;
+  }
+}
+export {
+  s as Block
+};

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

@@ -0,0 +1,7 @@
+var e;
+(function(E) {
+  E.SUBJECT = "subject", E.HIDDEN_PREHEADER = "hiddenPreheader", E.TEXT_BLOCK = "textBlock";
+})(e || (e = {}));
+export {
+  e as AiAssistantValueType
+};

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

@@ -0,0 +1,7 @@
+var R;
+(function(C) {
+  C.BLOCK = "BLOCK", C.STRUCTURE = "STRUCTURE";
+})(R || (R = {}));
+export {
+  R as BlockCompositionType
+};

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

@@ -0,0 +1,12 @@
+var d;
+(function(s) {
+  s.BUTTON = "esd-block-button", s.TEXT = "esd-block-text", s.IMAGE = "esd-block-image", s.STRUCTURE = "esd-structure", s.VIDEO = "esd-block-video", s.SOCIAL = "esd-block-social", s.BANNER = "esd-block-banner", s.TIMER = "esd-block-timer", s.MENU = "esd-block-menu", s.HTML = "esd-block-html", s.SPACER = "esd-block-spacer", s.CONTAINER = "esd-container-frame";
+})(d || (d = {}));
+var b;
+(function(s) {
+  s.BUTTON = ".esd-block-button", s.TEXT = ".esd-block-text", s.IMAGE = ".esd-block-image", s.STRUCTURE = ".esd-structure", s.VIDEO = ".esd-block-video", s.SOCIAL = ".esd-block-social", s.BANNER = ".esd-block-banner", s.TIMER = ".esd-block-timer", s.MENU = ".esd-block-menu", s.HTML = ".esd-block-html", s.SPACER = ".esd-block-spacer", s.CONTAINER = ".esd-container-frame", s.STRIPE = ".esd-stripe", s.FORM = ".esd-amp-form";
+})(b || (b = {}));
+export {
+  d as BlockName,
+  b as BlockSelector
+};

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

@@ -0,0 +1,7 @@
+var C;
+(function(O) {
+  O.BLOCK_IMAGE = "BLOCK_IMAGE", O.BLOCK_TEXT = "BLOCK_TEXT", O.BLOCK_BUTTON = "BLOCK_BUTTON", O.BLOCK_SPACER = "BLOCK_SPACER", O.BLOCK_VIDEO = "BLOCK_VIDEO", O.BLOCK_SOCIAL = "BLOCK_SOCIAL", O.BLOCK_BANNER = "BLOCK_BANNER", O.BLOCK_TIMER = "BLOCK_TIMER", O.BLOCK_MENU = "BLOCK_MENU", O.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", O.BLOCK_HTML = "BLOCK_HTML", O.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", O.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", O.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", O.CONTAINER = "CONTAINER", O.FORM_CONTAINER = "FORM_CONTAINER", O.STRUCTURE = "STRUCTURE", O.STRIPE = "STRIPE", O.EMPTY_CONTAINER = "EMPTY_CONTAINER", O.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", O.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", O.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT";
+})(C || (C = {}));
+export {
+  C as BlockType
+};