@useinsider/guido 1.0.3-beta.63633cd → 1.0.3-beta.637a0f4

package/dist/components/Guido.vue.js

@@ -1,18 +1,18 @@
 import a from "./Guido.vue2.js";
 /* empty css           */
 import i from "../_virtual/_plugin-vue2_normalizer.js";
-var t = function() {
+var s = function() {
   var o = this, r = o._self._c, e = o._self._setupProxy;
-  return r("div", { staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
-}, s = [], d = /* @__PURE__ */ i(
+  return r("div", { staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
+}, t = [], d = /* @__PURE__ */ i(
   a,
-  t,
   s,
+  t,
   !1,
   null,
-  "e8d51dec"
+  "96687c1d"
 );
-const l = d.exports;
+const v = d.exports;
 export {
-  l as default
+  v as default
 };

package/dist/components/Guido.vue2.js

@@ -1,23 +1,22 @@
-import { defineComponent as R, defineAsyncComponent as I, ref as x, computed as U, watch as M, onMounted as z, onUnmounted as B } from "vue";
+import { defineComponent as x, defineAsyncComponent as U, ref as F, computed as I, watch as M, onMounted as z, onUnmounted as B } from "vue";
 import { provideGuidoActions as K } from "../composables/useGuidoActions.js";
 import { usePartner as O } from "../composables/usePartner.js";
 import { useStripo as j } from "../composables/useStripo.js";
 import { migrate as W } from "../config/migrator/index.js";
 import { DefaultUsername as q, DefaultMessageType as J, DefaultGuidoConfig as Q } from "../enums/defaults.js";
 import V from "./organisms/base/Toaster.vue.js";
-import X from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import Y from "./organisms/header/HeaderWrapper.vue.js";
-import Z from "./organisms/LoadingWrapper.vue.js";
-import $ from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import ee from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as oe } from "../services/stripoApi.js";
-import { useConfigStore as te } from "../stores/config.js";
-import { useDynamicContentStore as ne } from "../stores/dynamic-content.js";
-import { useEditorStore as re } from "../stores/editor.js";
-import { usePreviewStore as ae } from "../stores/preview.js";
+import X from "./organisms/header/HeaderWrapper.vue.js";
+import Y from "./organisms/LoadingWrapper.vue.js";
+import Z from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import $ from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as ee } from "../services/stripoApi.js";
+import { useConfigStore as oe } from "../stores/config.js";
+import { useDynamicContentStore as te } from "../stores/dynamic-content.js";
+import { useEditorStore as ne } from "../stores/editor.js";
+import { usePreviewStore as re } from "../stores/preview.js";
 import { useUnsubscribeStore as se } from "../stores/unsubscribe.js";
-import ie from "../node_modules/lodash-es/merge.js";
-const Ge = /* @__PURE__ */ R({
+import ae from "../node_modules/lodash-es/merge.js";
+const Ee = /* @__PURE__ */ x({
   __name: "Guido",
   props: {
     templateId: null,
@@ -33,41 +32,41 @@ const Ge = /* @__PURE__ */ R({
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready"],
   setup(_, { expose: L, emit: t }) {
-    const u = _, k = I(
+    const d = _, k = U(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), A = I(
+    ), A = U(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), l = x(), a = ne(), p = se(), g = te(), s = re(), N = ae(), n = U(() => s.hasChanges), { getPartnerName: f, getProductType: y, isTestPartner: F } = O(), v = () => {
+    ), m = F(), s = te(), u = se(), l = oe(), p = ne(), N = re(), n = I(() => p.hasChanges), { getPartnerName: g, getProductType: f, isTestPartner: H } = O(), y = () => {
       var e;
-      return (e = l.value) == null ? void 0 : e.handleSave(!0);
+      return (e = m.value) == null ? void 0 : e.handleSave(!0);
     }, {
-      templateId: i,
+      templateId: v,
       userId: b,
       guidoConfig: C,
       templateConfig: o,
       html: r = "",
       css: h = "",
-      partnerName: c = f(),
-      productType: m = y(),
+      partnerName: a = g(),
+      productType: i = f(),
       messageType: S = J,
       username: w = q
-    } = u, d = (o == null ? void 0 : o.preselectedDynamicContentList) || [];
-    s.templateId = i, window.GuidoConfig = ie(Q, C), window.GuidoConfig.partner = {
-      partnerName: c,
-      productType: m,
+    } = d, c = (o == null ? void 0 : o.preselectedDynamicContentList) || [];
+    window.GuidoConfig = ae(Q, C), window.GuidoConfig.partner = {
+      partnerName: a,
+      productType: i,
       messageType: S
-    }, g.templateConfig = o;
+    }, l.templateConfig = o;
     const { initPlugin: D } = j({
-      emailId: i,
+      emailId: v,
       userId: b,
       username: w,
-      partnerName: c,
-      productType: m,
-      preselectedDynamicContentList: d,
+      partnerName: a,
+      productType: i,
+      preselectedDynamicContentList: c,
       onReady: () => {
         console.debug("guido:ready"), t("ready");
       }
-    }), { getDefaultTemplate: T } = oe(), H = U(() => {
+    }), { getDefaultTemplate: T } = ee(), R = I(() => {
       var e;
       return !((e = window.GuidoConfig) != null && e.useHeader);
     });
@@ -83,7 +82,7 @@ const Ge = /* @__PURE__ */ R({
       }
     });
     const E = (e) => {
-      console.debug("dynamic-content:close", e), a.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
+      console.debug("dynamic-content:close", e), s.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
     }, P = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
@@ -92,14 +91,14 @@ const Ge = /* @__PURE__ */ R({
     }), z(async () => {
       console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
-        p.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
+        u.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
         let e = {
           html: r && await W(r),
           css: h,
           forceRecreate: !0
           // TODO: It should be false for old templates. We will communicate with Stripo
         };
-        e.html || (e = await T(), e.html = await W(e.html)), await D(e), a.selectedDynamicContentList = d;
+        e.html || (e = await T(), e.html = await W(e.html)), await D(e), s.selectedDynamicContentList = c;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
@@ -119,10 +118,10 @@ const Ge = /* @__PURE__ */ R({
         close: P
       },
       hasChanges: n,
-      saveSilent: v
-    }), { __sfc: !0, PreviewContainer: k, OnboardingWrapper: A, headerWrapperRef: l, dynamicContentStore: a, unsubscribeStore: p, props: u, configStore: g, editorStore: s, previewStore: N, hasChanges: n, getPartnerName: f, getProductType: y, isTestPartner: F, saveSilent: v, templateId: i, userId: b, guidoConfig: C, templateConfig: o, html: r, css: h, partnerName: c, productType: m, messageType: S, username: w, preselectedDynamicContentList: d, emit: t, initPlugin: D, getDefaultTemplate: T, noHeader: H, insertDynamicContent: E, closeDynamicContent: P, Toaster: V, FilterSelectionDrawer: X, HeaderWrapper: Y, LoadingWrapper: Z, SaveAsTemplateDrawer: $, UnsubscribeWrapper: ee };
+      saveSilent: y
+    }), { __sfc: !0, PreviewContainer: k, OnboardingWrapper: A, headerWrapperRef: m, dynamicContentStore: s, unsubscribeStore: u, props: d, configStore: l, editorStore: p, previewStore: N, hasChanges: n, getPartnerName: g, getProductType: f, isTestPartner: H, saveSilent: y, templateId: v, userId: b, guidoConfig: C, templateConfig: o, html: r, css: h, partnerName: a, productType: i, messageType: S, username: w, preselectedDynamicContentList: c, emit: t, initPlugin: D, getDefaultTemplate: T, noHeader: R, insertDynamicContent: E, closeDynamicContent: P, Toaster: V, HeaderWrapper: X, LoadingWrapper: Y, SaveAsTemplateDrawer: Z, UnsubscribeWrapper: $ };
   }
 });
 export {
-  Ge as default
+  Ee as default
 };

package/dist/composables/useStripo.js

@@ -1,21 +1,20 @@
 import { useActionsApi as f } from "./useActionsApi.js";
-import { useCustomInterfaceAppearance as E } from "./useCustomInterfaceAppearance.js";
-import { useStripoEventHandler as S } from "./useStripoEventHandler.js";
+import { useCustomInterfaceAppearance as S } from "./useCustomInterfaceAppearance.js";
+import { useStripoEventHandler as E } from "./useStripoEventHandler.js";
 import { useToaster as C } from "./useToaster.js";
 import { displayConditions as y } from "../enums/displayConditions.js";
 import h from "../extensions/Blocks/Checkbox/extension.js";
 import w from "../extensions/Blocks/CouponBlock/extension.js";
 import b from "../extensions/Blocks/RadioButton/extension.js";
-import V from "../extensions/Blocks/Recommendation/extension.js";
-import _ from "../extensions/Blocks/Unsubscribe/extension.js";
-import k from "../extensions/DynamicContent/extension.js";
-import { useStripoApi as B } from "../services/stripoApi.js";
-import x from "../static/styles/customEditorStyle.css.js";
+import V from "../extensions/Blocks/Unsubscribe/extension.js";
+import _ from "../extensions/DynamicContent/extension.js";
+import { useStripoApi as k } from "../services/stripoApi.js";
+import B from "../static/styles/customEditorStyle.css.js";
 import { useEditorStore as F } from "../stores/editor.js";
-import { dynamicContentToMergeTags as A } from "../utils/genericUtil.js";
-import T from "../package.json.js";
-const G = (a) => {
-  const { handleError: d } = C(), { getToken: u, getCustomFonts: m } = B(), { handleEvent: p } = S(), l = (r, i = []) => {
+import { dynamicContentToMergeTags as x } from "../utils/genericUtil.js";
+import A from "../package.json.js";
+const N = (a) => {
+  const { handleError: d } = C(), { getToken: u, getCustomFonts: m } = k(), { handleEvent: p } = E(), l = (r, i = []) => {
     const t = F(), { html: n, css: c, forceRecreate: s } = r;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
@@ -33,7 +32,7 @@ const G = (a) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: x,
+        customViewStyles: B,
         conditionsEnabled: !0,
         customConditionsEnabled: !0,
         conditionCategories: y,
@@ -47,7 +46,7 @@ const G = (a) => {
         },
         mergeTags: [
           {
-            entries: A(a.preselectedDynamicContentList)
+            entries: x(a.preselectedDynamicContentList)
           }
         ],
         async onTokenRefreshRequest(o) {
@@ -60,7 +59,7 @@ const G = (a) => {
         },
         onTemplateLoaded() {
           try {
-            const { importCss: o } = E(), { activateCustomViewStyles: e } = f();
+            const { importCss: o } = S(), { activateCustomViewStyles: e } = f();
             o(), e(), a.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
               t.hasChanges = !1;
             }, 1e3);
@@ -87,11 +86,10 @@ const G = (a) => {
           ".in-drawer__container"
         ],
         extensions: [
-          k,
+          _,
           h,
           b,
           V,
-          _,
           w
         ]
       }
@@ -102,7 +100,7 @@ const G = (a) => {
       r(), i();
       return;
     }
-    const n = T.guido, s = `https://email-static.useinsider.com/guido/${(e = n == null ? void 0 : n.stripo) == null ? void 0 : e.version}/UIEditor.js`, o = document.createElement("script");
+    const n = A.guido, s = `https://email-static.useinsider.com/guido/${(e = n == null ? void 0 : n.stripo) == null ? void 0 : e.version}/UIEditor.js`, o = document.createElement("script");
     o.id = "UiEditorScript", o.type = "module", o.src = s, o.onload = () => {
       r(), i();
     }, o.onerror = () => {
@@ -117,5 +115,5 @@ const G = (a) => {
   } };
 };
 export {
-  G as useStripo
+  N as useStripo
 };

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

@@ -12,12 +12,12 @@ const e = {
                     <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}>
+                                    <${t.BLOCK_TEXT}>
+                                        {-{-TITLE-}-}
+                                    </${t.BLOCK_TEXT}>
+                                    <${t.BLOCK_TEXT}>
+                                        {-{-DESCRIPTION-}-}
+                                    </${t.BLOCK_TEXT}>
                             </tbody>
                         </table>
                     </td>

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[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-e8d51dec],.guido-editor__container[data-v-e8d51dec]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-e8d51dec]{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-96687c1d],.guido-editor__container[data-v-96687c1d]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-96687c1d]{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}

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

@@ -1,4 +1,4 @@
-var F = /* @__PURE__ */ ((t) => (t.BLOCK = "BLOCK", t.STRUCTURE = "STRUCTURE", t.CONTAINER = "CONTAINER", t))(F || {}), D = class o {
+var F = /* @__PURE__ */ ((t) => (t.BLOCK = "BLOCK", t.STRUCTURE = "STRUCTURE", t.CONTAINER = "CONTAINER", t))(F || {}), A = class o {
   /**
    * Validates that all required methods are properly implemented in the subclass.
    * @param requiredMethods - Array of method names that must be implemented
@@ -21,22 +21,22 @@ ${s.map((i) => `  - ${i}`).join(`
    * This validation runs only once per class type and results are cached.
    */
   validateImplementation(e, r) {
-    var l;
-    const s = [], i = r.name, d = Object.getPrototypeOf(this);
+    var E;
+    const s = [], i = r.name, l = Object.getPrototypeOf(this);
     e.forEach((a) => {
       if (typeof this[a] != "function") {
         s.push(`Method ${a}() is not defined`);
         return;
       }
-      d[a] === r.prototype[a] && s.push(`Method ${a}() must be implemented (currently using base class error-throwing implementation)`);
-    }), o.validatedClasses.add(r), s.length > 0 ? (o.validationErrors.set(r, s), console.error(`[${i} Validation] ${i} validation failed:`, s)) : typeof process < "u" && ((l = process.env) == null ? void 0 : l.NODE_ENV) === "development" && console.log(`[${i} Validation] ✅ ${i} validated successfully`);
+      l[a] === r.prototype[a] && s.push(`Method ${a}() must be implemented (currently using base class error-throwing implementation)`);
+    }), o.validatedClasses.add(r), s.length > 0 ? (o.validationErrors.set(r, s), console.error(`[${i} Validation] ${i} validation failed:`, s)) : typeof process < "u" && ((E = process.env) == null ? void 0 : E.NODE_ENV) === "development" && console.log(`[${i} Validation] ✅ ${i} validated successfully`);
   }
 };
-D.validatedClasses = /* @__PURE__ */ new Set();
-D.validationErrors = /* @__PURE__ */ new Map();
-var n = D, M = class h extends n {
+A.validatedClasses = /* @__PURE__ */ new Set();
+A.validationErrors = /* @__PURE__ */ new Map();
+var n = A, M = class d extends n {
   constructor() {
-    super(h.REQUIRED_METHODS, h);
+    super(d.REQUIRED_METHODS, d);
   }
   /**
    * Determines if the block should be available for use in the editor.
@@ -186,9 +186,9 @@ var n = D, M = class h extends n {
   }
 };
 M.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
-var It = M, k = class u extends n {
+var Ct = M, k = class h extends n {
   constructor() {
-    super(u.REQUIRED_METHODS, u);
+    super(h.REQUIRED_METHODS, h);
   }
   /**
    * @deprecated - use {@link getPreviewInnerHtml} instead
@@ -204,9 +204,9 @@ var It = M, k = class u extends n {
   }
 };
 k.REQUIRED_METHODS = ["getPreviewInnerHtml"];
-var V = class c extends n {
+var Q = class u extends n {
   constructor() {
-    super(c.REQUIRED_METHODS, c);
+    super(u.REQUIRED_METHODS, u);
   }
   getId() {
     throw new Error("Method getId() must be implemented by the subclass");
@@ -221,42 +221,31 @@ var V = class c extends n {
     throw new Error("Method onClick() must be implemented by the subclass");
   }
 };
-V.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
-var Q = "esd-block-button", $ = "esd-block-text", X = "esd-block-image", G = "esd-structure", f = "esd-block-video", Y = "esd-block-social", W = "esd-block-banner", j = "esd-block-timer", z = "esd-block-menu", q = "esd-block-html", Z = "esd-block-spacer", J = "esd-container-frame", tt = "esd-stripe", et = "esd-amp-form", rt = ((t) => (t.BUTTON = `.${Q}`, t.TEXT = `.${$}`, t.IMAGE = `.${X}`, t.STRUCTURE = `.${G}`, t.VIDEO = `.${f}`, t.SOCIAL = `.${Y}`, t.BANNER = `.${W}`, t.TIMER = `.${j}`, t.MENU = `.${z}`, t.HTML = `.${q}`, t.SPACER = `.${Z}`, t.CONTAINER = `.${J}`, t.STRIPE = `.${tt}`, t.FORM = `.${et}`, t))(rt || {}), st = /* @__PURE__ */ ((t) => (t.BLOCK_IMAGE = "BLOCK_IMAGE", t.BLOCK_TEXT = "BLOCK_TEXT", t.BLOCK_BUTTON = "BLOCK_BUTTON", t.BLOCK_SPACER = "BLOCK_SPACER", t.BLOCK_VIDEO = "BLOCK_VIDEO", t.BLOCK_SOCIAL = "BLOCK_SOCIAL", t.BLOCK_BANNER = "BLOCK_BANNER", t.BLOCK_TIMER = "BLOCK_TIMER", t.BLOCK_MENU = "BLOCK_MENU", t.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", t.BLOCK_HTML = "BLOCK_HTML", t.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", t.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", t.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", t.CONTAINER = "CONTAINER", t.FORM_CONTAINER = "FORM_CONTAINER", t.STRUCTURE = "STRUCTURE", t.STRIPE = "STRIPE", t.EMPTY_CONTAINER = "EMPTY_CONTAINER", t.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", t.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", t.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", t))(st || {}), nt = /* @__PURE__ */ ((t) => (t.HIDDEN_NODE = "hiddenNodeText", t.PARAGRAPH_STYLE = "paragraphStyleForm", t.ALIGN = "textAlignmentForm", t.ANCHOR_CONTAINER = "textAnchorForm", t.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", t.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", t.FONT_COLOR = "textBlockFontColor", t.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", t.FONT_FAMILY = "textFontFamily", t.FONT_SIZE = "textBlockFontSize", t.DIRECTION = "textBlockDirectionForm", t.INSERT_FORM = "textBlockInsertForm", t.LINK_DATA = "textBlockLinkDataForm", t.FORMAT = "textBlockTextFormatForm", t.FIXED_HEIGHT_CONTAINER = "textFixedHeightContainerForm", t.INTERNAL_INDENTS = "textInternalIndents", t.LINE_HEIGHT = "textLineHeightForm", t.LINKS_COLOR = "textLinksFontColorForm", t.MIME_TYPE = "textMimeTypeForm", t.NO_LINE_WRAPS = "textNoLineWrapsForm", t))(nt || {}), it = /* @__PURE__ */ ((t) => (t.BACKGROUND_COLOR = "containerBackgroundColorForm", t.BORDER_FORM = "containerBorderForm", t.BORDER_RADIUS = "containerBorderRadiusForm", t.EXTERNAL_INDENTS = "containerExternalIndentsForm", t.IMAGE_CONTAINER = "containerImageContainerForm", t.MIME_TYPE = "containerMimeTypeForm", t.DISPLAY_CONDITIONS = "displayConditions", t.HIDDEN_NODE = "containerHiddenNodeForm", t))(it || {}), at = /* @__PURE__ */ ((t) => (t.SETTINGS = "settings", t.STYLES = "styles", t.DATA = "data", t))(at || {}), E = {
+Q.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
+var V = "esd-block-button", $ = "esd-block-text", X = "esd-block-image", G = "esd-structure", f = "esd-block-video", Y = "esd-block-social", W = "esd-block-banner", j = "esd-block-timer", z = "esd-block-menu", q = "esd-block-html", Z = "esd-block-spacer", J = "esd-container-frame", tt = "esd-stripe", et = "esd-amp-form", rt = ((t) => (t.BUTTON = `.${V}`, t.TEXT = `.${$}`, t.IMAGE = `.${X}`, t.STRUCTURE = `.${G}`, t.VIDEO = `.${f}`, t.SOCIAL = `.${Y}`, t.BANNER = `.${W}`, t.TIMER = `.${j}`, t.MENU = `.${z}`, t.HTML = `.${q}`, t.SPACER = `.${Z}`, t.CONTAINER = `.${J}`, t.STRIPE = `.${tt}`, t.FORM = `.${et}`, t))(rt || {}), st = /* @__PURE__ */ ((t) => (t.BLOCK_IMAGE = "BLOCK_IMAGE", t.BLOCK_TEXT = "BLOCK_TEXT", t.BLOCK_BUTTON = "BLOCK_BUTTON", t.BLOCK_SPACER = "BLOCK_SPACER", t.BLOCK_VIDEO = "BLOCK_VIDEO", t.BLOCK_SOCIAL = "BLOCK_SOCIAL", t.BLOCK_BANNER = "BLOCK_BANNER", t.BLOCK_TIMER = "BLOCK_TIMER", t.BLOCK_MENU = "BLOCK_MENU", t.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", t.BLOCK_HTML = "BLOCK_HTML", t.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", t.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", t.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", t.CONTAINER = "CONTAINER", t.FORM_CONTAINER = "FORM_CONTAINER", t.STRUCTURE = "STRUCTURE", t.STRIPE = "STRIPE", t.EMPTY_CONTAINER = "EMPTY_CONTAINER", t.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", t.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", t.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", t))(st || {}), nt = /* @__PURE__ */ ((t) => (t.HIDDEN_NODE = "hiddenNodeText", t.PARAGRAPH_STYLE = "paragraphStyleForm", t.ALIGN = "textAlignmentForm", t.ANCHOR_CONTAINER = "textAnchorForm", t.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", t.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", t.FONT_COLOR = "textBlockFontColor", t.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", t.FONT_FAMILY = "textFontFamily", t.FONT_SIZE = "textBlockFontSize", t.DIRECTION = "textBlockDirectionForm", t.INSERT_FORM = "textBlockInsertForm", t.LINK_DATA = "textBlockLinkDataForm", t.FORMAT = "textBlockTextFormatForm", t.FIXED_HEIGHT_CONTAINER = "textFixedHeightContainerForm", t.INTERNAL_INDENTS = "textInternalIndents", t.LINE_HEIGHT = "textLineHeightForm", t.LINKS_COLOR = "textLinksFontColorForm", t.MIME_TYPE = "textMimeTypeForm", t.NO_LINE_WRAPS = "textNoLineWrapsForm", t))(nt || {}), it = /* @__PURE__ */ ((t) => (t.BACKGROUND_COLOR = "containerBackgroundColorForm", t.BORDER_FORM = "containerBorderForm", t.BORDER_RADIUS = "containerBorderRadiusForm", t.EXTERNAL_INDENTS = "containerExternalIndentsForm", t.IMAGE_CONTAINER = "containerImageContainerForm", t.MIME_TYPE = "containerMimeTypeForm", t.DISPLAY_CONDITIONS = "displayConditions", t.HIDDEN_NODE = "containerHiddenNodeForm", t))(it || {}), at = /* @__PURE__ */ ((t) => (t.SETTINGS = "settings", t.STYLES = "styles", t.DATA = "data", t))(at || {}), D = {
   name: "name",
   disabled: "disabled"
 }, ot = {
-  ...E,
-  caption: "caption",
-  icon: "icon"
+  ...D,
+  caption: "caption"
 }, Et = {
-  ...E,
-  minValue: "min-value",
-  maxValue: "max-value",
-  step: "step"
-}, lt = {
-  ...E,
+  ...D,
   text: "text"
-}, dt = {
-  ...E,
+}, lt = {
+  ...D,
   placeholder: "placeholder",
   items: "items"
-}, ht = {
+}, dt = {
   text: "text",
   value: "value"
-}, ut = {
-  ...E
-}, _t = {
+}, gt = {
   BUTTON: ot,
-  COUNTER: Et,
-  LABEL: lt,
-  SELECTPICKER: dt,
-  SWITCHER: E,
-  TEXT: ut,
-  SELECT_ITEM: ht
-}, ct = /* @__PURE__ */ ((t) => (t.BUTTON = "UE-BUTTON", t.CHECKBOX = "UE-CHECKBOX", t.CHECK_BUTTONS = "UE-CHECK-BUTTONS", t.COLOR = "UE-COLOR", t.COUNTER = "UE-COUNTER", t.DATEPICKER = "UE-DATEPICKER", t.LABEL = "UE-LABEL", t.MESSAGE = "UE-MESSAGE", t.RADIO_BUTTONS = "UE-RADIO-BUTTONS", t.SELECTPICKER = "UE-SELECT", t.SWITCHER = "UE-SWITCHER", t.TEXT = "UE-TEXT", t.TEXTAREA = "UE-TEXTAREA", t.CHECK_ITEM = "UE-CHECK-ITEM", t.RADIO_ITEM = "UE-RADIO-ITEM", t.SELECT_ITEM = "UE-SELECT-ITEM", t.ICON = "UE-ICON", t.MERGETAGS = "UE-MERGETAGS", t.FONT_FAMILY_SELECT = "UE-FONT-FAMILY-SELECT", t.NESTED_CONTROL = "UE-NESTED-CONTROL", t.EXPANDABLE = "UE-EXPANDABLE", t.EXPANDABLE_HEADER = "UE-EXPANDABLE_HEADER", t.EXPANDABLE_CONTENT = "UE-EXPANDABLE_CONTENT", t))(ct || {}), S = class m extends n {
+  LABEL: Et,
+  SELECTPICKER: lt,
+  SELECT_ITEM: dt
+}, ht = /* @__PURE__ */ ((t) => (t.BUTTON = "UE-BUTTON", t.CHECKBOX = "UE-CHECKBOX", t.CHECK_BUTTONS = "UE-CHECK-BUTTONS", t.COLOR = "UE-COLOR", t.COUNTER = "UE-COUNTER", t.DATEPICKER = "UE-DATEPICKER", t.LABEL = "UE-LABEL", t.MESSAGE = "UE-MESSAGE", t.RADIO_BUTTONS = "UE-RADIO-BUTTONS", t.SELECTPICKER = "UE-SELECT", t.SWITCHER = "UE-SWITCHER", t.TEXT = "UE-TEXT", t.TEXTAREA = "UE-TEXTAREA", t.CHECK_ITEM = "UE-CHECK-ITEM", t.RADIO_ITEM = "UE-RADIO-ITEM", t.SELECT_ITEM = "UE-SELECT-ITEM", t.ICON = "UE-ICON", t.MERGETAGS = "UE-MERGETAGS", t.FONT_FAMILY_SELECT = "UE-FONT-FAMILY-SELECT", t.NESTED_CONTROL = "UE-NESTED-CONTROL", t.EXPANDABLE = "UE-EXPANDABLE", t.EXPANDABLE_HEADER = "UE-EXPANDABLE_HEADER", t.EXPANDABLE_CONTENT = "UE-EXPANDABLE_CONTENT", t))(ht || {}), S = class c extends n {
   constructor() {
-    super(m.REQUIRED_METHODS, m);
+    super(c.REQUIRED_METHODS, c);
   }
   /**
    * @description Allows to determine if control should be visible or hidden in control panel.
@@ -303,16 +292,16 @@ var Q = "esd-block-button", $ = "esd-block-text", X = "esd-block-image", G = "es
   }
 };
 S.REQUIRED_METHODS = ["getId", "getTemplate"];
-var Lt = S, N = class O extends n {
+var It = S, N = class m extends n {
   constructor() {
-    super(O.REQUIRED_METHODS, O);
+    super(m.REQUIRED_METHODS, m);
   }
   registerBlockControls(e) {
     throw new Error("Method registerBlockControls() must be implemented by the subclass");
   }
 };
 N.REQUIRED_METHODS = ["registerBlockControls"];
-var At = N, Dt = class {
+var _t = N, Lt = class {
   constructor(t, e) {
     this.tabId = t, this.controlsIds = e;
   }
@@ -335,9 +324,9 @@ var At = N, Dt = class {
     const e = this.controlsIds.indexOf(t);
     e !== -1 && this.controlsIds.splice(e, 1);
   }
-}, mt = class {
-  constructor(t, e, r = [], s, i = [], d, l = [], a = [], T, U, p, w, B, K, H, P) {
-    this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.i18n = t, this.styles = e, this.previewStyles = p, this.uiElements = r, this.uiElementTagRegistry = s, this.controls = i, this.settingsPanelRegistry = d, this.contextActions = l, this.blocks = a, this.externalSmartElementsLibrary = T, this.externalImageLibrary = U, this.externalAiAssistant = w, this.externalDisplayConditionsLibrary = B, this.externalVideoLibrary = K, this.blocksPanel = H, this.iconsRegistry = P, this.id = Math.random().toString(36).substring(2);
+}, ut = class {
+  constructor(t, e, r = [], s, i = [], l, E = [], a = [], T, v, p, w, B, K, P, H) {
+    this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.i18n = t, this.styles = e, this.previewStyles = p, this.uiElements = r, this.uiElementTagRegistry = s, this.controls = i, this.settingsPanelRegistry = l, this.contextActions = E, this.blocks = a, this.externalSmartElementsLibrary = T, this.externalImageLibrary = v, this.externalAiAssistant = w, this.externalDisplayConditionsLibrary = B, this.externalVideoLibrary = K, this.blocksPanel = P, this.iconsRegistry = H, this.id = Math.random().toString(36).substring(2);
   }
   getI18n() {
     return this.i18n;
@@ -390,7 +379,7 @@ var At = N, Dt = class {
   getIconsRegistry() {
     return this.iconsRegistry;
   }
-}, Tt = class {
+}, At = class {
   constructor() {
     this.styles = [], this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [];
   }
@@ -452,7 +441,7 @@ var At = N, Dt = class {
     return this.iconsRegistry = t, this;
   }
   build() {
-    return new mt(
+    return new ut(
       this.i18n,
       (this.styles || []).map((t) => t.trim()).join(`
 `),
@@ -472,18 +461,18 @@ var At = N, Dt = class {
       this.iconsRegistry
     );
   }
-}, Ot = class b extends n {
+}, ct = class O extends n {
   constructor() {
-    super(b.REQUIRED_METHODS, b);
+    super(O.REQUIRED_METHODS, O);
   }
   openAiAssistant({ value: e, onDataSelectCallback: r, onCancelCallback: s, type: i }) {
     throw new Error("Method openAiAssistant() must be implemented by the subclass");
   }
 };
-Ot.REQUIRED_METHODS = ["openAiAssistant"];
-var bt = class R extends n {
+ct.REQUIRED_METHODS = ["openAiAssistant"];
+var mt = class b extends n {
   constructor() {
-    super(R.REQUIRED_METHODS, R);
+    super(b.REQUIRED_METHODS, b);
   }
   /**
    * Retrieves the name of the category.
@@ -521,44 +510,44 @@ var bt = class R extends n {
     throw new Error("Method getContextActionIndex() must be implemented by the subclass");
   }
 };
-bt.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
-var Rt = class C extends n {
+mt.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
+var Ot = class R extends n {
   constructor() {
-    super(C.REQUIRED_METHODS, C);
+    super(R.REQUIRED_METHODS, R);
   }
   openImageLibrary(e, r, s) {
     throw new Error("Method openImageLibrary() must be implemented by the subclass");
   }
 };
-Rt.REQUIRED_METHODS = ["openImageLibrary"];
-var Ct = class g extends n {
+Ot.REQUIRED_METHODS = ["openImageLibrary"];
+var bt = class C extends n {
   constructor() {
-    super(g.REQUIRED_METHODS, g);
+    super(C.REQUIRED_METHODS, C);
   }
   openSmartElementsLibrary(e, r) {
     throw new Error("Method openSmartElementsLibrary() must be implemented by the subclass");
   }
 };
-Ct.REQUIRED_METHODS = ["openSmartElementsLibrary"];
-var gt = class I extends n {
+bt.REQUIRED_METHODS = ["openSmartElementsLibrary"];
+var Rt = class g extends n {
   constructor() {
-    super(I.REQUIRED_METHODS, I);
+    super(g.REQUIRED_METHODS, g);
   }
   openExternalVideosLibraryDialog(e, r, s) {
     throw new Error("Method openExternalVideosLibraryDialog() must be implemented by the subclass");
   }
 };
-gt.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
-var y = class _ extends n {
+Rt.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
+var y = class I extends n {
   constructor() {
-    super(_.REQUIRED_METHODS, _);
+    super(I.REQUIRED_METHODS, I);
   }
   registerIconsSvg(e) {
     throw new Error("Method registerIconsSvg() must be implemented by the subclass");
   }
 };
 y.REQUIRED_METHODS = ["registerIconsSvg"];
-var Mt = y, St = class {
+var Dt = y, Tt = class {
   constructor(t) {
     this.key = t;
   }
@@ -571,9 +560,9 @@ var Mt = y, St = class {
       params: this.params
     };
   }
-}, v = class L extends n {
+}, x = class _ extends n {
   constructor() {
-    super(L.REQUIRED_METHODS, L);
+    super(_.REQUIRED_METHODS, _);
   }
   /**
    * Called when the UI element should render its content into the provided container.
@@ -626,34 +615,34 @@ var Mt = y, St = class {
     throw new Error("Method getTemplate() must be implemented by the subclass");
   }
 };
-v.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
-var Nt = v, x = class A extends n {
+x.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
+var Mt = x, U = class L extends n {
   constructor() {
-    super(A.REQUIRED_METHODS, A);
+    super(L.REQUIRED_METHODS, L);
   }
   registerUiElements(e) {
     throw new Error("Method registerUiElements() must be implemented by the subclass");
   }
 };
-x.REQUIRED_METHODS = ["registerUiElements"];
-var yt = x;
+U.REQUIRED_METHODS = ["registerUiElements"];
+var St = U;
 export {
-  It as Block,
+  Ct as Block,
   F as BlockCompositionType,
   rt as BlockSelector,
   st as BlockType,
   it as ContainerControls,
-  Lt as Control,
-  mt as Extension,
-  Tt as ExtensionBuilder,
-  Mt as IconsRegistry,
-  St as ModificationDescription,
-  At as SettingsPanelRegistry,
-  Dt as SettingsPanelTab,
+  It as Control,
+  ut as Extension,
+  At as ExtensionBuilder,
+  Dt as IconsRegistry,
+  Tt as ModificationDescription,
+  _t as SettingsPanelRegistry,
+  Lt as SettingsPanelTab,
   at as SettingsTab,
   nt as TextControls,
-  _t as UEAttr,
-  Nt as UIElement,
-  yt as UIElementTagRegistry,
-  ct as UIElementType
+  gt as UEAttr,
+  Mt as UIElement,
+  St as UIElementTagRegistry,
+  ht as UIElementType
 };

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.42.0" } }, s = {
+const o = { stripo: { version: "2.41.0" } }, s = {
   guido: o
 };
 export {

package/dist/src/@types/generic.d.ts

@@ -55,8 +55,4 @@ export type MergeTag = {
     label: string;
     value: string;
 };
-export type TextValueObject = {
-    text: string;
-    value: string;
-};
 export {};