@useinsider/guido 3.2.0-beta.40feab8 → 3.2.0-beta.44889a0

package/dist/composables/useSave.js

@@ -1,32 +1,29 @@
-import { useActionsApi as V } from "./useActionsApi.js";
-import { useConfig as x } from "./useConfig.js";
-import { useSaveStart as y, useSaveComplete as w } from "./useGuidoActions.js";
-import { useSyncModuleExtractor as C } from "./useSyncModuleExtractor.js";
-import { useStripoApi as H } from "../services/stripoApi.js";
-import { useTemplatePreparation as b } from "../utils/templatePreparation.js";
-import { useHtmlValidator as q } from "./useHtmlValidator.js";
-import { useCouponBlockValidator as L } from "./validators/useCouponBlockValidator.js";
-import { useLiquidValidator as P } from "./validators/useLiquidValidator.js";
-const h = () => {
-  const o = y(), s = w(), { validateHtml: r } = q(), { validateLiquidSyntax: l } = P(), { validateCouponBlockTags: n } = L(), { callbacks: a, isFeatureEnabled: d } = x(), { extractSyncModuleData: u } = C(), { setSyncModuleUnsubscriptionPages: c } = H(), { editorSave: m } = V();
-  return { save: async (p = !1) => {
+import { useActionsApi as S } from "./useActionsApi.js";
+import { useConfig as V } from "./useConfig.js";
+import { useSaveStart as x, useSaveComplete as y } from "./useGuidoActions.js";
+import { useSyncModuleExtractor as w } from "./useSyncModuleExtractor.js";
+import { useStripoApi as b } from "../services/stripoApi.js";
+import { useTemplatePreparation as q } from "../utils/templatePreparation.js";
+import { useHtmlValidator as H } from "./useHtmlValidator.js";
+import { useLiquidValidator as L } from "./validators/useLiquidValidator.js";
+const F = () => {
+  const o = x(), s = y(), { validateHtml: r } = H(), { validateLiquidSyntax: n } = L(), { callbacks: a, isFeatureEnabled: l } = V(), { extractSyncModuleData: d } = w(), { setSyncModuleUnsubscriptionPages: u } = b(), { editorSave: c } = S();
+  return { save: async (m = !1) => {
     var i;
     o();
-    const { prepareTemplateDetails: f } = b(), t = await f();
-    if (!n(t.compiledHtml))
-      return;
-    if (d("liquidSyntax")) {
-      if (!await l(t.compiledHtml))
+    const { prepareTemplateDetails: p } = q(), t = await p();
+    if (l("liquidSyntax")) {
+      if (!await n(t.compiledHtml))
         return;
     } else if (!await r(t.compiledHtml, t.dynamicContentList, !0))
       return;
     if ((i = a.value) != null && i.externalValidation && !await a.value.externalValidation(t))
       return;
-    await m();
-    const { unsubscribePayload: v, stripoModules: S } = u(t.rawHtml);
-    return await c(v), t.modules = S, p || s(t), t;
+    await c();
+    const { unsubscribePayload: f, stripoModules: v } = d(t.rawHtml);
+    return await u(f), t.modules = v, m || s(t), t;
   } };
 };
 export {
-  h as useSave
+  F as useSave
 };

package/dist/config/compiler/recommendationCompilerRules.js

@@ -1,5 +1,5 @@
-import { useRecommendation as C } from "../../composables/useRecommendation.js";
-import { DUMMY_IMAGE_MAPPINGS as h, REGEX as T, VerticalOrientation as M, CSS as E, ATTRIBUTES as A, CONDITIONS as g, HTML as N } from "../../enums/recommendation.js";
+import { useRecommendation as N } from "../../composables/useRecommendation.js";
+import { DUMMY_IMAGE_MAPPINGS as y, REGEX as T, VerticalOrientation as M, CSS as E, ATTRIBUTES as A, CONDITIONS as g, HTML as h } from "../../enums/recommendation.js";
 import { prepareRecommendationBlocks as x } from "./utils/recommendationCompilerUtils.js";
 const w = [
   {
@@ -8,7 +8,7 @@ const w = [
     type: "custom",
     processor: (c) => {
       let e = c;
-      return Object.entries(h).forEach(([, l]) => {
+      return Object.entries(y).forEach(([, l]) => {
         Object.entries(l).forEach(([n, s]) => {
           e = e.replaceAll(s, `{{${n}}}`);
         });
@@ -30,13 +30,13 @@ const w = [
     description: "Adding recommendation unresponsive css",
     type: "custom",
     processor: (c) => {
-      const { calculateCardWidth: e, getRecommendationCampaignData: l } = C();
+      const { calculateCardWidth: e, getRecommendationCampaignData: l } = N();
       let n = c;
       const s = n.match(T.ID);
       if (s) {
         const a = [];
         if (s.forEach((i) => {
-          const d = /recommendation-id="(.*?)"/i.exec(i), _ = d ? d[1].trim() : "", R = l(_);
+          const u = /recommendation-id="(.*?)"/i.exec(i), _ = u ? u[1].trim() : "", R = l(_);
           R.textTrimming && R.orientation === M && a.push(e(R));
         }), a.length) {
           const i = `width:${Math.min(...a)}px!important;`;
@@ -60,25 +60,25 @@ const w = [
     type: "custom",
     processor: (c) => {
       let e = c;
-      const l = e.match(T.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: n } = C();
+      const l = e.match(T.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: n } = N();
       return l !== null && l.forEach((s) => {
         const a = s.match(T.CUSTOM_FIELD);
         if (!a)
           return;
-        const [i] = a, d = i.match(T.CUSTOM_FIELD_INDEXES_PART), _ = i.match(T.CUSTOM_FIELD_NAME_PART), R = s.match(T.ATTRIBUTE_PARAGRAPH_START_TAG);
-        if (!d || !_ || !R)
+        const [i] = a, u = i.match(T.CUSTOM_FIELD_INDEXES_PART), _ = i.match(T.CUSTOM_FIELD_NAME_PART), R = s.match(T.ATTRIBUTE_PARAGRAPH_START_TAG);
+        if (!u || !_ || !R)
           return;
-        const [S] = d, [b] = _, [m] = R, o = b.substring(1, b.length - 2), r = m.match(T.COMPOSITION) !== null;
+        const [S] = u, [b] = _, [d] = R, o = b.substring(1, b.length - 2), r = d.match(T.COMPOSITION) !== null;
         let t = i;
         if (r) {
-          const I = S.substring(2, S.length - 3), p = n(I);
-          o === A.OMNIBUS_PRICE && (p.priceBeforeTextValue && (t = `${p.priceBeforeTextValue}${t}`), p.priceAfterTextValue && (t = `${t}${p.priceAfterTextValue}`)), o === A.OMNIBUS_DISCOUNT && (p.discountBeforeTextValue && (t = `${p.discountBeforeTextValue}${t}`), p.discountAfterTextValue && (t = `${t}${p.discountAfterTextValue}`));
+          const I = S.substring(2, S.length - 3), m = n(I);
+          o === A.OMNIBUS_PRICE && (m.priceBeforeTextValue && (t = `${m.priceBeforeTextValue}${t}`), m.priceAfterTextValue && (t = `${t}${m.priceAfterTextValue}`)), o === A.OMNIBUS_DISCOUNT && (m.discountBeforeTextValue && (t = `${m.discountBeforeTextValue}${t}`), m.discountAfterTextValue && (t = `${t}${m.discountAfterTextValue}`));
         }
-        const u = S.substring(2);
+        const p = S.substring(2);
         let f = "";
-        o in g.IF && (f = g.IF[o].replaceAll(`{${A.DISCOUNT}}`, `${u}${A.DISCOUNT}`).replaceAll(`{${A.OMNIBUS_DISCOUNT}}`, `${u}${A.OMNIBUS_DISCOUNT}`).replaceAll(`{${A.OMNIBUS_PRICE}}`, `${u}${A.OMNIBUS_PRICE}`));
-        const $ = `${m}${t}${N.PARAGRAPH_END_TAG}`, y = `${f}${r ? $ : s}${g.ELSE}${m}${N.PARAGRAPH_END_TAG}${g.END_IF}`;
-        e = e.replace(s, y);
+        o in g.IF && (f = g.IF[o].replaceAll(`{${A.DISCOUNT}}`, `${p}${A.DISCOUNT}`).replaceAll(`{${A.OMNIBUS_DISCOUNT}}`, `${p}${A.OMNIBUS_DISCOUNT}`).replaceAll(`{${A.OMNIBUS_PRICE}}`, `${p}${A.OMNIBUS_PRICE}`));
+        const $ = `${d}${t}${h.PARAGRAPH_END_TAG}`, C = `${f}${r ? $ : s}${g.ELSE}${d}${h.PARAGRAPH_END_TAG}${g.END_IF}`;
+        e = e.replace(s, C);
       }), e;
     },
     priority: 53
@@ -136,7 +136,7 @@ const w = [
         /@media[^{]*max-width\s*:\s*480px[^{]*\{((?:[^{}]*\{[^{}]*\})*[^{}]*)\}/g,
         (l, n) => {
           const s = n.match(/[^{}]+\{[^{}]*\}/g) || [], a = /ins-recommendation|product-image-cell|button-cell|product-info-cell/;
-          return s.every((d) => a.test(d)) ? "" : l;
+          return s.every((u) => a.test(u)) ? "" : l;
         }
       )), e;
     },
@@ -151,7 +151,7 @@ const w = [
         /<a\b[^>]*\bes-button\b[^>]*>/g,
         (o) => o.replace(
           /([;"]color:)([^;"]+)/g,
-          (r, t, u) => u.includes("!important") ? r : `${t}${u} !important`
+          (r, t, p) => p.includes("!important") ? r : `${t}${p} !important`
         )
       ), l = /<!--REC_START-->([\s\S]*?)<!--REC_END-->/g, n = / style="([^"]*)"/g, s = /* @__PURE__ */ new Map();
       let a = l.exec(e);
@@ -163,12 +163,12 @@ const w = [
         }
         n.lastIndex = 0, a = l.exec(e);
       }
-      const i = /* @__PURE__ */ new Map(), d = [];
+      const i = /* @__PURE__ */ new Map(), u = [];
       let _ = 0;
       if (s.forEach((o, r) => {
         if (o >= 6) {
-          const t = `rc${_++}`;
-          i.set(r, t), d.push(`.${t}{${r}}`);
+          const t = `rc${_++}`, p = r.endsWith(";") ? r : `${r};`;
+          i.set(r, t), u.push(`.${t}{${p}}`);
         }
       }), i.size === 0) {
         let o = e;
@@ -182,23 +182,23 @@ const w = [
           caseB: new RegExp(` style="${t}"((?:[^>]*?))(class="[^"]*")`, "g")
         });
       });
-      let m = e.replace("</style>", `${d.join("")}</style>`);
-      return m = m.replace(
+      let d = e.replace("</style>", `${u.join("")}</style>`);
+      return d = d.replace(
         /<!--REC_START-->([\s\S]*?)<!--REC_END-->/g,
         (o, r) => {
           let t = r;
-          return i.forEach((u, f) => {
+          return i.forEach((p, f) => {
             const $ = b.get(f);
             t = t.replace(
               $.caseA,
-              (y, I, p) => S(I, u) + p
+              (C, I, m) => S(I, p) + m
             ), t = t.replace(
               $.caseB,
-              (y, I, p) => I + S(p, u)
-            ), t = t.replaceAll(` style="${f}"`, ` class="${u}"`);
+              (C, I, m) => I + S(m, p)
+            ), t = t.replaceAll(` style="${f}"`, ` class="${p}"`);
           }), t;
         }
-      ), m = m.replaceAll("<!--REC_START-->", ""), m = m.replaceAll("<!--REC_END-->", ""), m;
+      ), d = d.replaceAll("<!--REC_START-->", ""), d = d.replaceAll("<!--REC_END-->", ""), d;
     },
     priority: 58
   }

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

@@ -1,17 +1,17 @@
-var B = class d {
+var x = class d {
   /**
    * Validates that all required methods are properly implemented in the subclass.
    * @param requiredMethods - Array of method names that must be implemented
    * @param classRef - Reference to the class constructor for validation caching
    */
-  constructor(t, a) {
-    if (a !== d) {
-      d.validatedClasses.has(a) || this.validateImplementation(t, a);
-      const i = d.validationErrors.get(a);
-      if (i && i.length > 0)
+  constructor(t, r) {
+    if (r !== d) {
+      d.validatedClasses.has(r) || this.validateImplementation(t, r);
+      const s = d.validationErrors.get(r);
+      if (s && s.length > 0)
         throw new Error(
-          `${a.name} has validation errors:
-${i.map((o) => `  - ${o}`).join(`
+          `${r.name} has validation errors:
+${s.map((o) => `  - ${o}`).join(`
 `)}`
         );
     }
@@ -20,16 +20,16 @@ ${i.map((o) => `  - ${o}`).join(`
    * Validates that all required methods are properly implemented in the subclass.
    * This validation runs only once per class type and results are cached.
    */
-  validateImplementation(t, a) {
-    var v;
-    const i = [], o = a.name, $ = Object.getPrototypeOf(this);
+  validateImplementation(t, r) {
+    var y;
+    const s = [], o = r.name, W = Object.getPrototypeOf(this);
     t.forEach((u) => {
       if (typeof this[u] != "function") {
-        i.push(`Method ${u}() is not defined`);
+        s.push(`Method ${u}() is not defined`);
         return;
       }
-      $[u] === a.prototype[u] && i.push(`Method ${u}() must be implemented (currently using base class error-throwing implementation)`);
-    }), d.validatedClasses.add(a), i.length > 0 ? (d.validationErrors.set(a, i), console.error(`[${o} Validation] ${o} validation failed:`, i)) : typeof process < "u" && ((v = process.env) == null ? void 0 : v.NODE_ENV) === "development" && console.log(`[${o} Validation] ✅ ${o} validated successfully`);
+      W[u] === r.prototype[u] && s.push(`Method ${u}() must be implemented (currently using base class error-throwing implementation)`);
+    }), d.validatedClasses.add(r), s.length > 0 ? (d.validationErrors.set(r, s), console.error(`[${o} Validation] ${o} validation failed:`, s)) : typeof process < "u" && ((y = process.env) == null ? void 0 : y.NODE_ENV) === "development" && console.log(`[${o} Validation] ✅ ${o} validated successfully`);
   }
   /**
    * Lifecycle method for cleaning up resources (e.g., removing DOM artifacts from document.body).
@@ -39,9 +39,9 @@ ${i.map((o) => `  - ${o}`).join(`
   destroy() {
   }
 };
-B.validatedClasses = /* @__PURE__ */ new Set();
-B.validationErrors = /* @__PURE__ */ new Map();
-var s = B, W = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e))(W || {}), y = class T extends s {
+x.validatedClasses = /* @__PURE__ */ new Set();
+x.validationErrors = /* @__PURE__ */ new Map();
+var i = x, z = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e))(z || {}), P = class T extends i {
   constructor() {
     super(T.REQUIRED_METHODS, T);
   }
@@ -160,6 +160,9 @@ var s = B, W = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAI
   allowInnerBlocksDND() {
     return !0;
   }
+  allowInteractWithAMPWhenSelected() {
+    return !0;
+  }
   /**
    * Gets the unique identifier for this block type.
    * This ID is used for registration and referencing the block.
@@ -218,15 +221,14 @@ var s = B, W = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAI
     throw new Error("Method getDescription() must be implemented by the subclass");
   }
 };
-y.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
-var $e = y, z = class I extends s {
+P.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
+var Ze = P, Z = class I extends i {
   constructor() {
     super(I.REQUIRED_METHODS, I);
   }
   /**
    * @deprecated - use {@link getPreviewInnerHtml} instead
    */
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   getPreviewHtml(t) {
   }
   /**
@@ -236,8 +238,8 @@ var $e = y, z = class I extends s {
     throw new Error("Method getPreviewInnerHtml() must be implemented by the subclass");
   }
 };
-z.REQUIRED_METHODS = ["getPreviewInnerHtml"];
-var We = class {
+Z.REQUIRED_METHODS = ["getPreviewInnerHtml"];
+var qe = class {
   /**
    * Generates HTML representation for a block item
    * @param block - The block item to generate HTML for
@@ -311,7 +313,7 @@ var We = class {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   getModulesTabIconName(e) {
   }
-}, Z = class b extends s {
+}, q = class b extends i {
   constructor() {
     super(b.REQUIRED_METHODS, b);
   }
@@ -328,86 +330,86 @@ var We = class {
     throw new Error("Method onClick() must be implemented by the subclass");
   }
 };
-Z.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
+q.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
 var j = {
   src: "src",
   alt: "alt",
   href: "href",
   width: "width",
   height: "height"
-}, ze = {
+}, je = {
   BLOCK_IMAGE: j
-}, P = "esd-block-button", U = "esd-block-text", w = "esd-block-image", q = "esd-structure", J = "esd-block-video", ee = "esd-block-social", te = "esd-block-banner", re = "esd-block-timer", ae = "esd-block-menu", ne = "esd-block-html", se = "esd-block-spacer", ie = "esd-container-frame", le = "esd-stripe", Ee = "esd-amp-form", c = ((e) => (e.BUTTON = `.${P}`, e.TEXT = `.${U}`, e.IMAGE = `.${w}`, e.STRUCTURE = `.${q}`, e.VIDEO = `.${J}`, e.SOCIAL = `.${ee}`, e.BANNER = `.${te}`, e.TIMER = `.${re}`, e.MENU = `.${ae}`, e.HTML = `.${ne}`, e.SPACER = `.${se}`, e.CONTAINER = `.${ie}`, e.STRIPE = `.${le}`, e.FORM = `.${Ee}`, e))(c || {}), oe = /* @__PURE__ */ ((e) => (e.BLOCK_IMAGE = "BLOCK_IMAGE", e.BLOCK_TEXT = "BLOCK_TEXT", e.BLOCK_BUTTON = "BLOCK_BUTTON", e.BLOCK_SPACER = "BLOCK_SPACER", e.BLOCK_VIDEO = "BLOCK_VIDEO", e.BLOCK_SOCIAL = "BLOCK_SOCIAL", e.BLOCK_BANNER = "BLOCK_BANNER", e.BLOCK_TIMER = "BLOCK_TIMER", e.BLOCK_MENU = "BLOCK_MENU", e.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", e.BLOCK_HTML = "BLOCK_HTML", e.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", e.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", e.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", e.CONTAINER = "CONTAINER", e.FORM_CONTAINER = "FORM_CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e.EMPTY_CONTAINER = "EMPTY_CONTAINER", e.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", e.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", e.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", e))(oe || {}), K = /* @__PURE__ */ ((e) => (e.ANCHOR_LINK_CONTAINER = "anchorLinkFormContainer", e.APPLY_CONDITION = "applyCondition", e.APPLY_CONDITION_SWITCHER = "applyConditionSwitcher", e.BACKGROUND_COLOR = "backgroundColor", e.BACKGROUND_IMAGE = "generalImageContainer", e.TEXT_COLOR = "textColor", e.TEXT_STYLE = "textStyle", e.TEXT_SIZE = "textSize", e.TEXT_LINE_SPACING = "textLineSpacing", e.TEXT_ALIGN = "textAlign", e.FIXED_HEIGHT_SWITCHER = "fixedHeightSwitcherForm", e.HIDDEN_NODE = "hiddenNode", e.SMART_BLOCK = "smartBlock", e.SYNCHRONIZED_MODULE = "synchronizedModuleForm", e.FONT_FAMILY = "generalFontFamilyForm", e.BLOCK_INTERNAL_INDENTS = "generalBlockInternalIndents", e.STRUCTURE_INTERNAL_INDENTS = "generalStructureInternalIndents", e))(K || {}), F = /* @__PURE__ */ ((e) => (e.ADJUST_TO_WIDTH = "adjustToWidth", e.ALIGNMENT = "buttonAlignment", e.BORDER = "buttonBorder", e.BORDER_RADIUS = "buttonBorderRadius", e.COLOR = "buttonColor", e.BUTTON_BLOCK_BACKGROUND_COLOR = "buttonBlockBackgroundColor", e.EXTERNAL_INDENTS = "buttonExternalIndents", e.FIXED_HEIGHT = "buttonFixedHeightForm", e.FONT_COLOR = "buttonFontColor", e.FONT_FAMILY = "buttonFontFamily", e.FONT_SIZE = "buttonFontSize", e.ICON = "buttonIconContainer", e.ICON_ALIGN = "buttonIconAlign", e.ICON_INDENT = "buttonIconIndent", e.ICON_WIDTH = "buttonIconWidth", e.IMAGE = "buttonImageForm", e.INTERNAL_INDENTS = "buttonInternalIndents", e.LINK = "buttonLink", e.MIME_TYPE = "buttonMimeTypeForm", e.SWITCHER_HOVERED_STYLES = "buttonSwitcherHoveredStylesForm", e.TEXT = "buttonText", e.TEXT_STYLE_AND_COLOR = "buttonTextStyleAndColorForm", e.HOVERED_BORDER_COLOR = "hoveredStyleBorderButtonForm", e.HOVERED_COLOR = "hoveredButtonColorForm", e.HOVERED_TEXT_COLOR = "hoveredButtonTextColorForm", e))(F || {}), H = /* @__PURE__ */ ((e) => (e.HIDDEN_NODE = "hiddenNodeText", e.PARAGRAPH_STYLE = "paragraphStyleForm", e.ALIGN = "textAlignmentForm", e.ANCHOR_CONTAINER = "textAnchorForm", e.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", e.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", e.FONT_COLOR = "textBlockFontColor", e.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", e.FONT_FAMILY = "textFontFamily", e.FONT_SIZE = "textBlockFontSize", e.DIRECTION = "textBlockDirectionForm", e.INSERT_FORM = "textBlockInsertForm", e.LINK_DATA = "textBlockLinkDataForm", e.FORMAT = "textBlockTextFormatForm", e.FIXED_HEIGHT = "textFixedHeightForm", e.INTERNAL_INDENTS = "textInternalIndents", e.LINE_HEIGHT = "textLineHeightForm", e.MIME_TYPE = "textMimeTypeForm", e.NO_LINE_WRAPS = "textNoLineWrapsForm", e))(H || {}), k = /* @__PURE__ */ ((e) => (e.ALT_TEXT = "altText", e.LINK = "blockLink", e.ALIGNMENT = "imageAlignment", e.ANCHOR_LINK_CONTAINER = "imageAnchorLinkContainerForm", e.BORDER_RADIUS = "imageBorderRadiusForm", e.IMAGE = "imageImageForm", e.EXTERNAL_INDENTS = "imageExternalIndents", e.MIME_TYPE = "imageMimeTypeForm", e.RESPONSIVE = "imageResponsive", e.ROLLOVER_IMAGE = "imageRolloverImageForm", e.ROLLOVER_SWITCHER = "imageRolloverSwitcherForm", e.SIZE = "imageSizeContainer", e))(k || {}), de = /* @__PURE__ */ ((e) => (e.BACKGROUND_COLOR = "containerBackgroundColorForm", e.BORDER_FORM = "containerBorderForm", e.BORDER_RADIUS = "containerBorderRadiusForm", e.EXTERNAL_INDENTS = "containerExternalIndentsForm", e.IMAGE_CONTAINER = "containerImageContainerForm", e.MIME_TYPE = "containerMimeTypeForm", e.DISPLAY_CONDITIONS = "displayConditions", e.HIDDEN_NODE = "containerHiddenNodeForm", e))(de || {}), n = {
-  BLOCK_BUTTON: F,
-  BLOCK_TEXT: H,
-  BLOCK_IMAGE: k,
-  GENERAL: K
-}, ue = /* @__PURE__ */ ((e) => (e.previewDeviceMode = "previewDeviceMode", e.panelPosition = "panelPosition", e))(ue || {}), ce = /* @__PURE__ */ ((e) => (e.DESKTOP = "DESKTOP", e.MOBILE = "MOBILE", e))(ce || {}), Te = /* @__PURE__ */ ((e) => (e.SETTINGS = "settings", e.STYLES = "styles", e.DATA = "data", e))(Te || {}), r = {
+}, U = "esd-block-button", w = "esd-block-text", K = "esd-block-image", J = "esd-structure", ee = "esd-block-video", te = "esd-block-social", re = "esd-block-banner", ae = "esd-block-timer", ne = "esd-block-menu", se = "esd-block-html", ie = "esd-block-spacer", le = "esd-container-frame", Ee = "esd-stripe", oe = "esd-amp-form", c = ((e) => (e.BUTTON = `.${U}`, e.TEXT = `.${w}`, e.IMAGE = `.${K}`, e.STRUCTURE = `.${J}`, e.VIDEO = `.${ee}`, e.SOCIAL = `.${te}`, e.BANNER = `.${re}`, e.TIMER = `.${ae}`, e.MENU = `.${ne}`, e.HTML = `.${se}`, e.SPACER = `.${ie}`, e.CONTAINER = `.${le}`, e.STRIPE = `.${Ee}`, e.FORM = `.${oe}`, e))(c || {}), de = /* @__PURE__ */ ((e) => (e.BLOCK_IMAGE = "BLOCK_IMAGE", e.BLOCK_TEXT = "BLOCK_TEXT", e.BLOCK_BUTTON = "BLOCK_BUTTON", e.BLOCK_SPACER = "BLOCK_SPACER", e.BLOCK_VIDEO = "BLOCK_VIDEO", e.BLOCK_SOCIAL = "BLOCK_SOCIAL", e.BLOCK_BANNER = "BLOCK_BANNER", e.BLOCK_TIMER = "BLOCK_TIMER", e.BLOCK_MENU = "BLOCK_MENU", e.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", e.BLOCK_HTML = "BLOCK_HTML", e.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", e.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", e.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", e.CONTAINER = "CONTAINER", e.FORM_CONTAINER = "FORM_CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e.EMPTY_CONTAINER = "EMPTY_CONTAINER", e.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", e.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", e.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", e))(de || {}), F = /* @__PURE__ */ ((e) => (e.ANCHOR_LINK_CONTAINER = "anchorLinkFormContainer", e.APPLY_CONDITION = "applyCondition", e.APPLY_CONDITION_SWITCHER = "applyConditionSwitcher", e.BACKGROUND_COLOR = "backgroundColor", e.BACKGROUND_IMAGE = "generalImageContainer", e.TEXT_COLOR = "textColor", e.TEXT_STYLE = "textStyle", e.TEXT_SIZE = "textSize", e.TEXT_LINE_SPACING = "textLineSpacing", e.TEXT_ALIGN = "textAlign", e.FIXED_HEIGHT_SWITCHER = "fixedHeightSwitcherForm", e.HIDDEN_NODE = "hiddenNode", e.SMART_BLOCK = "smartBlock", e.SYNCHRONIZED_MODULE = "synchronizedModuleForm", e.FONT_FAMILY = "generalFontFamilyForm", e.BLOCK_INTERNAL_INDENTS = "generalBlockInternalIndents", e.STRUCTURE_INTERNAL_INDENTS = "generalStructureInternalIndents", e))(F || {}), H = /* @__PURE__ */ ((e) => (e.ADJUST_TO_WIDTH = "adjustToWidth", e.ALIGNMENT = "buttonAlignment", e.BORDER = "buttonBorder", e.BORDER_RADIUS = "buttonBorderRadius", e.COLOR = "buttonColor", e.BUTTON_BLOCK_BACKGROUND_COLOR = "buttonBlockBackgroundColor", e.EXTERNAL_INDENTS = "buttonExternalIndents", e.FIXED_HEIGHT = "buttonFixedHeightForm", e.FONT_COLOR = "buttonFontColor", e.FONT_FAMILY = "buttonFontFamily", e.FONT_SIZE = "buttonFontSize", e.ICON = "buttonIconContainer", e.ICON_ALIGN = "buttonIconAlign", e.ICON_INDENT = "buttonIconIndent", e.ICON_WIDTH = "buttonIconWidth", e.IMAGE = "buttonImageForm", e.INTERNAL_INDENTS = "buttonInternalIndents", e.LINK = "buttonLink", e.MIME_TYPE = "buttonMimeTypeForm", e.SWITCHER_HOVERED_STYLES = "buttonSwitcherHoveredStylesForm", e.TEXT = "buttonText", e.TEXT_STYLE_AND_COLOR = "buttonTextStyleAndColorForm", e.HOVERED_BORDER_COLOR = "hoveredStyleBorderButtonForm", e.HOVERED_COLOR = "hoveredButtonColorForm", e.HOVERED_TEXT_COLOR = "hoveredButtonTextColorForm", e))(H || {}), k = /* @__PURE__ */ ((e) => (e.HIDDEN_NODE = "hiddenNodeText", e.PARAGRAPH_STYLE = "paragraphStyleForm", e.ALIGN = "textAlignmentForm", e.ANCHOR_CONTAINER = "textAnchorForm", e.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", e.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", e.FONT_COLOR = "textBlockFontColor", e.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", e.FONT_FAMILY = "textFontFamily", e.FONT_SIZE = "textBlockFontSize", e.FONT_WEIGHT = "textBlockFontWeight", e.DIRECTION = "textBlockDirectionForm", e.INSERT_FORM = "textBlockInsertForm", e.LINK_DATA = "textBlockLinkDataForm", e.FORMAT = "textBlockTextFormatForm", e.FIXED_HEIGHT = "textFixedHeightForm", e.INTERNAL_INDENTS = "textInternalIndents", e.LINE_HEIGHT = "textLineHeightForm", e.MIME_TYPE = "textMimeTypeForm", e.NO_LINE_WRAPS = "textNoLineWrapsForm", e))(k || {}), p = /* @__PURE__ */ ((e) => (e.ALT_TEXT = "altText", e.LINK = "blockLink", e.ALIGNMENT = "imageAlignment", e.ANCHOR_LINK_CONTAINER = "imageAnchorLinkContainerForm", e.BORDER_RADIUS = "imageBorderRadiusForm", e.IMAGE = "imageImageForm", e.EXTERNAL_INDENTS = "imageExternalIndents", e.MIME_TYPE = "imageMimeTypeForm", e.RESPONSIVE = "imageResponsive", e.ROLLOVER_IMAGE = "imageRolloverImageForm", e.ROLLOVER_SWITCHER = "imageRolloverSwitcherForm", e.SIZE = "imageSizeContainer", e))(p || {}), ue = /* @__PURE__ */ ((e) => (e.BACKGROUND_COLOR = "containerBackgroundColorForm", e.BORDER_FORM = "containerBorderForm", e.BORDER_RADIUS = "containerBorderRadiusForm", e.EXTERNAL_INDENTS = "containerExternalIndentsForm", e.IMAGE_CONTAINER = "containerImageContainerForm", e.MIME_TYPE = "containerMimeTypeForm", e.DISPLAY_CONDITIONS = "displayConditions", e.HIDDEN_NODE = "containerHiddenNodeForm", e))(ue || {}), n = {
+  BLOCK_BUTTON: H,
+  BLOCK_TEXT: k,
+  BLOCK_IMAGE: p,
+  GENERAL: F
+}, ce = /* @__PURE__ */ ((e) => (e.previewDeviceMode = "previewDeviceMode", e.panelPosition = "panelPosition", e.themeMode = "themeMode", e))(ce || {}), Te = /* @__PURE__ */ ((e) => (e.DESKTOP = "DESKTOP", e.MOBILE = "MOBILE", e))(Te || {}), Ie = /* @__PURE__ */ ((e) => (e.SETTINGS = "settings", e.STYLES = "styles", e.DATA = "data", e))(Ie || {}), a = {
   name: "name",
   disabled: "disabled"
-}, Ie = {
-  ...r,
+}, be = {
+  ...a,
   caption: "caption",
   icon: "icon"
-}, be = {
-  ...r,
-  caption: "caption"
 }, he = {
-  ...r,
+  ...a,
+  caption: "caption"
+}, me = {
+  ...a,
   minValue: "min-value",
   maxValue: "max-value",
   step: "step"
-}, me = {
-  ...r,
+}, ge = {
+  ...a,
   placeholder: "placeholder",
   minDate: "min-date"
-}, ge = {
-  ...r,
+}, Oe = {
+  ...a,
   text: "text",
   hint: "hint"
-}, Oe = {
-  ...r,
-  type: "type"
 }, Re = {
-  ...r,
+  ...a,
+  type: "type"
+}, Le = {
+  ...a,
   buttons: "buttons"
-}, p = {
-  ...r,
+}, X = {
+  ...a,
   searchable: "searchable",
   multiSelect: "multi-select",
   placeholder: "placeholder",
   items: "items"
-}, Le = {
-  ...p,
-  addCustomFontOption: "add-custom-font-option"
 }, _e = {
-  ...r,
+  ...X,
+  addCustomFontOption: "add-custom-font-option"
+}, Ce = {
+  ...a,
   text: "text",
   value: "value"
-}, Ce = {
-  ...r,
+}, Ae = {
+  ...a,
   text: "text",
   hint: "hint",
   icon: "icon",
   value: "value"
-}, Ae = {
-  ...r,
-  buttons: "buttons"
 }, Ne = {
-  ...r,
+  ...a,
+  buttons: "buttons"
+}, De = {
+  ...a,
   text: "text",
   hint: "hint",
   icon: "icon",
   value: "value"
-}, De = {
-  ...r,
-  placeholder: "placeholder"
 }, Se = {
-  ...r,
-  resizable: "resizable",
+  ...a,
   placeholder: "placeholder"
 }, Me = {
-  ...r,
+  ...a,
+  resizable: "resizable",
+  placeholder: "placeholder"
+}, Be = {
+  ...a,
   img: "img",
   src: "src",
   title: "title",
@@ -417,54 +419,61 @@ var j = {
   isActive: "is-active",
   visibility: "visibility",
   transform: "transform"
-}, Be = {
-  ...r,
-  controlId: "control-id"
 }, xe = {
-  ...r,
-  expanded: "expanded"
+  ...a,
+  controlId: "control-id"
 }, ve = {
-  ...r,
+  ...a,
+  expanded: "expanded"
+}, ye = {
+  ...a,
   icon: "icon",
   position: "position"
-}, ye = {
-  ...r
 }, Pe = {
-  ...r,
-  icon: "icon"
+  ...a
 }, Ue = {
-  ...r
+  ...a,
+  icon: "icon"
 }, we = {
-  ...r,
+  ...a
+}, Ke = {
+  ...a,
   blockId: "block-id"
-}, Ze = {
-  DEFAULT: r,
-  BUTTON: Ie,
-  CHECKBOX: be,
-  CHECK_BUTTONS: Ae,
-  COLOR: r,
-  COUNTER: he,
-  DATEPICKER: me,
-  LABEL: ge,
-  MESSAGE: Oe,
-  RADIO_BUTTONS: Re,
-  SELECTPICKER: p,
-  FONT_FAMILY_SELECT: Le,
-  SWITCHER: r,
-  TEXT: De,
-  TEXTAREA: Se,
-  ICON: Me,
-  CHECK_ITEM: Ce,
-  SELECT_ITEM: _e,
-  RADIO_ITEM: Ne,
-  NESTED_CONTROL: Be,
-  EXPANDABLE: xe,
-  ORDERABLE: ve,
-  ORDERABLE_ITEM: ye,
-  ORDERABLE_ICON: Pe,
-  REPEATABLE: Ue,
-  DRAGGABLE_BLOCK: we
-}, Ke = /* @__PURE__ */ ((e) => (e.BUTTON = "UE-BUTTON", e.CHECKBOX = "UE-CHECKBOX", e.CHECK_BUTTONS = "UE-CHECK-BUTTONS", e.COLOR = "UE-COLOR", e.COUNTER = "UE-COUNTER", e.DATEPICKER = "UE-DATEPICKER", e.LABEL = "UE-LABEL", e.MESSAGE = "UE-MESSAGE", e.RADIO_BUTTONS = "UE-RADIO-BUTTONS", e.SELECTPICKER = "UE-SELECT", e.SWITCHER = "UE-SWITCHER", e.TEXT = "UE-TEXT", e.TEXTAREA = "UE-TEXTAREA", e.CHECK_ITEM = "UE-CHECK-ITEM", e.RADIO_ITEM = "UE-RADIO-ITEM", e.SELECT_ITEM = "UE-SELECT-ITEM", e.ICON = "UE-ICON", e.MERGETAGS = "UE-MERGETAGS", e.FONT_FAMILY_SELECT = "UE-FONT-FAMILY-SELECT", e.NESTED_CONTROL = "UE-NESTED-CONTROL", e.EXPANDABLE = "UE-EXPANDABLE", e.EXPANDABLE_HEADER = "UE-EXPANDABLE_HEADER", e.EXPANDABLE_CONTENT = "UE-EXPANDABLE_CONTENT", e.ORDERABLE = "UE-ORDERABLE", e.ORDERABLE_ITEM = "UE-ORDERABLE-ITEM", e.ORDERABLE_ICON = "UE-ORDERABLE-ICON", e.REPEATABLE = "UE-REPEATABLE", e.DRAGGABLE_BLOCK = "UE-DRAGGABLE-BLOCK", e))(Ke || {}), x = class {
+}, Fe = {
+  ...a
+}, He = {
+  ...a,
+  placeholder: "placeholder"
+}, Je = {
+  DEFAULT: a,
+  BUTTON: be,
+  CHECKBOX: he,
+  CHECK_BUTTONS: Ne,
+  COLOR: a,
+  COUNTER: me,
+  DATEPICKER: ge,
+  LABEL: Oe,
+  MESSAGE: Re,
+  RADIO_BUTTONS: Le,
+  SELECTPICKER: X,
+  FONT_FAMILY_SELECT: _e,
+  SWITCHER: a,
+  TEXT: Se,
+  TEXTAREA: Me,
+  ICON: Be,
+  CHECK_ITEM: Ae,
+  SELECT_ITEM: Ce,
+  RADIO_ITEM: De,
+  NESTED_CONTROL: xe,
+  EXPANDABLE: ve,
+  ORDERABLE: ye,
+  ORDERABLE_ITEM: Pe,
+  ORDERABLE_ICON: Ue,
+  REPEATABLE: we,
+  DRAGGABLE_BLOCK: Ke,
+  AMP_FORM_SERVICE_PICKER: Fe,
+  MULTIPLE_SELECT: He
+}, ke = /* @__PURE__ */ ((e) => (e.BUTTON = "UE-BUTTON", e.CHECKBOX = "UE-CHECKBOX", e.CHECK_BUTTONS = "UE-CHECK-BUTTONS", e.COLOR = "UE-COLOR", e.COUNTER = "UE-COUNTER", e.DATEPICKER = "UE-DATEPICKER", e.LABEL = "UE-LABEL", e.MESSAGE = "UE-MESSAGE", e.RADIO_BUTTONS = "UE-RADIO-BUTTONS", e.SELECTPICKER = "UE-SELECT", e.SWITCHER = "UE-SWITCHER", e.TEXT = "UE-TEXT", e.TEXTAREA = "UE-TEXTAREA", e.CHECK_ITEM = "UE-CHECK-ITEM", e.RADIO_ITEM = "UE-RADIO-ITEM", e.SELECT_ITEM = "UE-SELECT-ITEM", e.ICON = "UE-ICON", e.MERGETAGS = "UE-MERGETAGS", e.FONT_FAMILY_SELECT = "UE-FONT-FAMILY-SELECT", e.NESTED_CONTROL = "UE-NESTED-CONTROL", e.EXPANDABLE = "UE-EXPANDABLE", e.EXPANDABLE_HEADER = "UE-EXPANDABLE_HEADER", e.EXPANDABLE_CONTENT = "UE-EXPANDABLE_CONTENT", e.ORDERABLE = "UE-ORDERABLE", e.ORDERABLE_ITEM = "UE-ORDERABLE-ITEM", e.ORDERABLE_ICON = "UE-ORDERABLE-ICON", e.REPEATABLE = "UE-REPEATABLE", e.DRAGGABLE_BLOCK = "UE-DRAGGABLE-BLOCK", e.AMP_FORM_SERVICE_PICKER = "UE-AMP-FORM-SERVICE-PICKER", e.MULTIPLE_SELECT = "UE-MULTIPLE_SELECT", e.SCROLLABLE = "UE-SCROLLABLE-CONTAINER", e))(ke || {}), v = class {
   /**
    * @description returns map of nodes parent control operates on
    */
@@ -495,66 +504,66 @@ var j = {
   isVisible(e) {
     return !0;
   }
-}, l = class extends x {
+}, l = class extends v {
   getTargetNodes(e) {
-    const t = e.querySelectorAll(c.BUTTON), a = e.asElement().hasClass(P) ? [e] : [];
-    return t.length ? t : a;
+    const t = e.querySelectorAll(c.BUTTON), r = e.asElement().hasClass(U) ? [e] : [];
+    return t.length ? t : r;
   }
-}, je = class extends l {
+}, et = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.BORDER_RADIUS;
   }
   getLabels() {
   }
-}, qe = class extends l {
+}, tt = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.ALIGNMENT;
   }
-}, Je = class extends l {
+}, rt = class extends l {
   getParentControlId() {
     return n.GENERAL.BACKGROUND_COLOR;
   }
-}, et = class extends l {
+}, at = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.BORDER;
   }
   getLabels() {
   }
-}, tt = class extends l {
+}, nt = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.COLOR;
   }
-}, rt = class extends l {
+}, st = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.ADJUST_TO_WIDTH;
   }
-}, at = class extends l {
+}, it = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.FONT_FAMILY;
   }
-}, nt = class extends l {
+}, lt = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.EXTERNAL_INDENTS;
   }
-}, st = class extends l {
+}, Et = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.INTERNAL_INDENTS;
   }
-}, it = class extends l {
+}, ot = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.TEXT;
   }
-}, lt = class extends l {
+}, dt = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.FONT_SIZE;
   }
-}, Et = class extends l {
+}, ut = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.TEXT_STYLE_AND_COLOR;
   }
   getLabels() {
   }
-}, X = class h extends s {
+}, G = class h extends i {
   constructor() {
     super(h.REQUIRED_METHODS, h);
   }
@@ -609,8 +618,8 @@ var j = {
   onDocumentChanged(t) {
   }
 };
-X.REQUIRED_METHODS = ["getId", "getTemplate"];
-var ot = X, Fe = class m extends s {
+G.REQUIRED_METHODS = ["getId", "getTemplate"];
+var ct = G, pe = class m extends i {
   constructor() {
     super(m.REQUIRED_METHODS, m);
   }
@@ -679,21 +688,21 @@ var ot = X, Fe = class m extends s {
   onDestroy() {
   }
 };
-Fe.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
-var G = class extends x {
+pe.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
+var V = class extends v {
   getTargetNodes(e) {
-    const t = e.querySelectorAll(c.IMAGE), a = e.asElement().hasClass(w) ? [e] : [];
-    return t.length ? t : a;
+    const t = e.querySelectorAll(c.IMAGE), r = e.asElement().hasClass(K) ? [e] : [];
+    return t.length ? t : r;
   }
-}, dt = class extends G {
+}, Tt = class extends V {
   getParentControlId() {
     return n.BLOCK_IMAGE.EXTERNAL_INDENTS;
   }
-}, ut = class extends G {
+}, It = class extends V {
   getParentControlId() {
     return n.BLOCK_IMAGE.SIZE;
   }
-}, He = class g extends s {
+}, Xe = class g extends i {
   constructor() {
     super(g.REQUIRED_METHODS, g);
   }
@@ -757,8 +766,8 @@ var G = class extends x {
   onDocumentChanged() {
   }
 };
-He.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
-var V = class O extends s {
+Xe.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
+var f = class O extends i {
   constructor() {
     super(O.REQUIRED_METHODS, O);
   }
@@ -766,10 +775,10 @@ var V = class O extends s {
     throw new Error("Method registerBlockControls() must be implemented by the subclass");
   }
 };
-V.REQUIRED_METHODS = ["registerBlockControls"];
-var ct = V, Tt = class {
-  constructor(e, t) {
-    this.tabId = e, this.controlsIds = t;
+f.REQUIRED_METHODS = ["registerBlockControls"];
+var bt = f, ht = class R {
+  constructor(t, r) {
+    this.tabId = t, this.controls = r.map(R.normalizeControl);
   }
   getTabId() {
     return this.tabId;
@@ -778,52 +787,66 @@ var ct = V, Tt = class {
     return this.label;
   }
   getControlsIds() {
-    return this.controlsIds;
+    return this.controls.map((t) => t.id);
+  }
+  getControls() {
+    return this.controls;
   }
-  withLabel(e) {
-    return this.label = e, this;
+  withLabel(t) {
+    return this.label = t, this;
   }
-  addControl(e, t) {
-    return t < 0 ? this.controlsIds.unshift(e) : t > this.controlsIds.length ? this.controlsIds.push(e) : this.controlsIds.splice(t, 0, e), this;
+  addControl(t, r) {
+    const s = R.normalizeControl(t);
+    return r < 0 ? this.controls.unshift(s) : r > this.controls.length ? this.controls.push(s) : this.controls.splice(r, 0, s), this;
   }
-  deleteControl(e) {
-    const t = this.controlsIds.indexOf(e);
-    t !== -1 && this.controlsIds.splice(t, 1);
+  deleteControl(t) {
+    const r = this.controls.findIndex((s) => s.id === t);
+    r !== -1 && this.controls.splice(r, 1);
   }
-}, E = class extends x {
+  static normalizeControl(t) {
+    if (typeof t == "string")
+      return { id: t };
+    if (!t.id)
+      throw new Error("SettingsPanelTabControlConfig.id is required");
+    return {
+      ...t,
+      id: t.id
+    };
+  }
+}, E = class extends v {
   getTargetNodes(e) {
-    const t = e.querySelectorAll(c.TEXT), a = e.asElement().hasClass(U) ? [e] : [];
-    return t.length ? t : a;
+    const t = e.querySelectorAll(c.TEXT), r = e.asElement().hasClass(w) ? [e] : [];
+    return t.length ? t : r;
   }
-}, It = class extends E {
+}, mt = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_ALIGN;
   }
-}, bt = class extends E {
+}, gt = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_COLOR;
   }
-}, ht = class extends E {
+}, Ot = class extends E {
   getParentControlId() {
     return n.BLOCK_TEXT.FONT_FAMILY;
   }
-}, mt = class extends E {
+}, Rt = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_LINE_SPACING;
   }
-}, gt = class extends E {
+}, Lt = class extends E {
   getParentControlId() {
     return n.BLOCK_TEXT.INTERNAL_INDENTS;
   }
-}, Ot = class extends E {
+}, _t = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_SIZE;
   }
-}, Rt = class extends E {
+}, Ct = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_STYLE;
   }
-}, ke = class {
+}, Ge = class {
   constructor(e) {
     this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.generalPanelTabs = [], this.modulesPanelTabs = [], this.i18n = e == null ? void 0 : e.i18n, this.styles = e == null ? void 0 : e.styles, this.previewStyles = e == null ? void 0 : e.previewStyles, this.uiElements = (e == null ? void 0 : e.uiElements) ?? [], this.uiElementTagRegistry = e == null ? void 0 : e.uiElementTagRegistry, this.controls = (e == null ? void 0 : e.controls) ?? [], this.settingsPanelRegistry = e == null ? void 0 : e.settingsPanelRegistry, this.contextActions = (e == null ? void 0 : e.contextActions) ?? [], this.blocks = (e == null ? void 0 : e.blocks) ?? [], this.generalPanelTabs = (e == null ? void 0 : e.generalPanelTabs) ?? [], this.modulesPanelTabs = (e == null ? void 0 : e.modulesPanelTabs) ?? [], this.externalSmartElementsLibrary = e == null ? void 0 : e.externalSmartElementsLibrary, this.externalImageLibrary = e == null ? void 0 : e.externalImageLibrary, this.externalImageLibraryTab = e == null ? void 0 : e.externalImageLibraryTab, this.externalAiAssistant = e == null ? void 0 : e.externalAiAssistant, this.externalDisplayConditionsLibrary = e == null ? void 0 : e.externalDisplayConditionsLibrary, this.externalVideoLibrary = e == null ? void 0 : e.externalVideoLibrary, this.blocksPanel = e == null ? void 0 : e.blocksPanel, this.iconsRegistry = e == null ? void 0 : e.iconsRegistry, this.id = Math.random().toString(36).substring(2);
   }
@@ -887,7 +910,7 @@ var ct = V, Tt = class {
   getModulesPanelTabs() {
     return this.modulesPanelTabs;
   }
-}, Lt = class {
+}, At = class {
   constructor() {
     this.styles = [], this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.generalPanelTabs = [], this.modulesPanelTabs = [];
   }
@@ -958,7 +981,7 @@ var ct = V, Tt = class {
     return this.modulesPanelTabs.push(e), this;
   }
   build() {
-    return new ke({
+    return new Ge({
       i18n: this.i18n,
       styles: this.styles.map((e) => e.trim()).join(`
 `),
@@ -981,18 +1004,18 @@ var ct = V, Tt = class {
       modulesPanelTabs: this.modulesPanelTabs
     });
   }
-}, pe = class R extends s {
+}, Ve = class L extends i {
   constructor() {
-    super(R.REQUIRED_METHODS, R);
+    super(L.REQUIRED_METHODS, L);
   }
   openAiAssistant(t) {
     throw new Error("Method openAiAssistant() must be implemented by the subclass");
   }
 };
-pe.REQUIRED_METHODS = ["openAiAssistant"];
-var Xe = class L extends s {
+Ve.REQUIRED_METHODS = ["openAiAssistant"];
+var fe = class _ extends i {
   constructor() {
-    super(L.REQUIRED_METHODS, L);
+    super(_.REQUIRED_METHODS, _);
   }
   /**
    * Retrieves the name of the category.
@@ -1009,7 +1032,7 @@ var Xe = class L extends s {
    * @param {ExternalDisplayConditionSelectedCB} _successCallback - Callback executed with the updated or newly created condition upon success.
    * @param {() => void} _cancelCallback - Callback executed when the dialog is closed without making changes.
    */
-  openExternalDisplayConditionsDialog(t, a, i) {
+  openExternalDisplayConditionsDialog(t, r, s) {
     throw new Error("Method openExternalDisplayConditionsDialog() must be implemented by the subclass");
   }
   /**
@@ -1030,19 +1053,19 @@ var Xe = class L extends s {
     throw new Error("Method getContextActionIndex() must be implemented by the subclass");
   }
 };
-Xe.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
-var Ge = class _ extends s {
+fe.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
+var Qe = class C extends i {
   constructor() {
-    super(_.REQUIRED_METHODS, _);
+    super(C.REQUIRED_METHODS, C);
   }
-  openImageLibrary(t, a, i) {
+  openImageLibrary(t, r, s) {
     throw new Error("Method openImageLibrary() must be implemented by the subclass");
   }
 };
-Ge.REQUIRED_METHODS = ["openImageLibrary"];
-var Ve = class C extends s {
+Qe.REQUIRED_METHODS = ["openImageLibrary"];
+var Ye = class A extends i {
   constructor() {
-    super(C.REQUIRED_METHODS, C);
+    super(A.REQUIRED_METHODS, A);
   }
   /**
    * @description Returns the translated name/label for the tab
@@ -1057,39 +1080,39 @@ var Ve = class C extends s {
    * @param _onImageSelectCallback - Callback to invoke when an image is selected
    * @param _selectedNode - (Optional) Selected node for which the gallery is being opened
    */
-  openImageLibraryTab(t, a, i) {
+  openImageLibraryTab(t, r, s) {
     throw new Error("Method openImageLibraryTab() must be implemented by the subclass");
   }
 };
-Ve.REQUIRED_METHODS = ["getName", "openImageLibraryTab"];
-var Qe = class A extends s {
+Ye.REQUIRED_METHODS = ["getName", "openImageLibraryTab"];
+var $e = class N extends i {
   constructor() {
-    super(A.REQUIRED_METHODS, A);
+    super(N.REQUIRED_METHODS, N);
   }
-  openSmartElementsLibrary(t, a) {
+  openSmartElementsLibrary(t, r) {
     throw new Error("Method openSmartElementsLibrary() must be implemented by the subclass");
   }
 };
-Qe.REQUIRED_METHODS = ["openSmartElementsLibrary"];
-var fe = class N extends s {
+$e.REQUIRED_METHODS = ["openSmartElementsLibrary"];
+var We = class D extends i {
   constructor() {
-    super(N.REQUIRED_METHODS, N);
+    super(D.REQUIRED_METHODS, D);
   }
-  openExternalVideosLibraryDialog(t, a, i) {
+  openExternalVideosLibraryDialog(t, r, s) {
     throw new Error("Method openExternalVideosLibraryDialog() must be implemented by the subclass");
   }
 };
-fe.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
-var Q = class D extends s {
+We.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
+var Q = class S extends i {
   constructor() {
-    super(D.REQUIRED_METHODS, D);
+    super(S.REQUIRED_METHODS, S);
   }
   registerIconsSvg(t) {
     throw new Error("Method registerIconsSvg() must be implemented by the subclass");
   }
 };
 Q.REQUIRED_METHODS = ["registerIconsSvg"];
-var _t = Q, Ct = class {
+var Nt = Q, Dt = class {
   constructor(e) {
     this.key = e;
   }
@@ -1102,9 +1125,9 @@ var _t = Q, Ct = class {
       params: this.params
     };
   }
-}, f = class S extends s {
+}, Y = class M extends i {
   constructor() {
-    super(S.REQUIRED_METHODS, S);
+    super(M.REQUIRED_METHODS, M);
   }
   /**
    * Called when the UI element should render its content into the provided container.
@@ -1139,7 +1162,7 @@ var _t = Q, Ct = class {
    * @param name - The name of the attribute that was updated.
    * @param value - The new value of the attribute.
    */
-  onAttributeUpdated(t, a) {
+  onAttributeUpdated(t, r) {
   }
   /**
    * Gets the unique identifier for this UI element type.
@@ -1157,64 +1180,64 @@ var _t = Q, Ct = class {
     throw new Error("Method getTemplate() must be implemented by the subclass");
   }
 };
-f.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
-var At = f, Y = class M extends s {
+Y.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
+var St = Y, $ = class B extends i {
   constructor() {
-    super(M.REQUIRED_METHODS, M);
+    super(B.REQUIRED_METHODS, B);
   }
   registerUiElements(t) {
     throw new Error("Method registerUiElements() must be implemented by the subclass");
   }
 };
-Y.REQUIRED_METHODS = ["registerUiElements"];
-var Nt = Y;
+$.REQUIRED_METHODS = ["registerUiElements"];
+var Mt = $;
 export {
-  $e as Block,
-  ze as BlockAttr,
-  W as BlockCompositionType,
+  Ze as Block,
+  je as BlockAttr,
+  z as BlockCompositionType,
   c as BlockSelector,
-  oe as BlockType,
-  We as BlocksPanel,
-  x as BuiltInControl,
+  de as BlockType,
+  qe as BlocksPanel,
+  v as BuiltInControl,
   n as BuiltInControlTypes,
-  qe as ButtonAlignBuiltInControl,
-  Je as ButtonBackgroundColorBuiltInControl,
-  et as ButtonBorderBuiltInControl,
-  je as ButtonBorderRadiusBuiltInControl,
-  tt as ButtonColorBuiltInControl,
-  F as ButtonControls,
-  rt as ButtonFitToContainerBuiltInControl,
-  at as ButtonFontFamilyBuiltInControl,
-  nt as ButtonMarginsBuiltInControl,
-  st as ButtonPaddingsBuiltInControl,
-  it as ButtonTextBuiltInControl,
-  lt as ButtonTextSizeBuiltInControl,
-  Et as ButtonTextStyleAndFontColorBuiltInControl,
-  de as ContainerControls,
-  ot as Control,
-  ue as EditorStatePropertyType,
-  ke as Extension,
-  Lt as ExtensionBuilder,
-  K as GeneralControls,
-  _t as IconsRegistry,
-  k as ImageControls,
-  dt as ImageMarginsBuiltInControl,
-  ut as ImageSizeBuiltInControl,
-  Ct as ModificationDescription,
-  ce as PreviewDeviceMode,
-  ct as SettingsPanelRegistry,
-  Tt as SettingsPanelTab,
-  Te as SettingsTab,
-  It as TextAlignBuiltInControl,
-  bt as TextColorBuiltInControl,
-  H as TextControls,
-  ht as TextFontFamilyBuiltInControl,
-  mt as TextLineSpacingBuiltInControl,
-  gt as TextPaddingsBuiltInControl,
-  Ot as TextSizeBuiltInControl,
-  Rt as TextStyleBuiltInControl,
-  Ze as UEAttr,
-  At as UIElement,
-  Nt as UIElementTagRegistry,
-  Ke as UIElementType
+  tt as ButtonAlignBuiltInControl,
+  rt as ButtonBackgroundColorBuiltInControl,
+  at as ButtonBorderBuiltInControl,
+  et as ButtonBorderRadiusBuiltInControl,
+  nt as ButtonColorBuiltInControl,
+  H as ButtonControls,
+  st as ButtonFitToContainerBuiltInControl,
+  it as ButtonFontFamilyBuiltInControl,
+  lt as ButtonMarginsBuiltInControl,
+  Et as ButtonPaddingsBuiltInControl,
+  ot as ButtonTextBuiltInControl,
+  dt as ButtonTextSizeBuiltInControl,
+  ut as ButtonTextStyleAndFontColorBuiltInControl,
+  ue as ContainerControls,
+  ct as Control,
+  ce as EditorStatePropertyType,
+  Ge as Extension,
+  At as ExtensionBuilder,
+  F as GeneralControls,
+  Nt as IconsRegistry,
+  p as ImageControls,
+  Tt as ImageMarginsBuiltInControl,
+  It as ImageSizeBuiltInControl,
+  Dt as ModificationDescription,
+  Te as PreviewDeviceMode,
+  bt as SettingsPanelRegistry,
+  ht as SettingsPanelTab,
+  Ie as SettingsTab,
+  mt as TextAlignBuiltInControl,
+  gt as TextColorBuiltInControl,
+  k as TextControls,
+  Ot as TextFontFamilyBuiltInControl,
+  Rt as TextLineSpacingBuiltInControl,
+  Lt as TextPaddingsBuiltInControl,
+  _t as TextSizeBuiltInControl,
+  Ct as TextStyleBuiltInControl,
+  Je as UEAttr,
+  St as UIElement,
+  Mt as UIElementTagRegistry,
+  ke as UIElementType
 };

package/dist/package.json.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.2.0-beta.40feab8",
+  "version": "3.2.0-beta.44889a0",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -32,7 +32,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "3.7.0",
+    "@stripoinc/ui-editor-extensions": "3.8.0",
     "@useinsider/design-system-vue": "1.1.0-beta.73ec2fa",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
@@ -86,7 +86,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.60.0"
+      "version": "2.62.0"
     }
   }
 }

package/dist/composables/validators/useCouponBlockValidator.js

@@ -1,24 +0,0 @@
-import { ToasterTypeOptions as c } from "../../enums/toaster.js";
-import { COUPON_PLACEHOLDER_DEFAULT as i, COUPON_PLACEHOLDER_LIQUID as l } from "../../extensions/Blocks/CouponBlock/template.js";
-import { useToaster as m } from "../useToaster.js";
-import { useTranslations as p } from "../useTranslations.js";
-const u = /* @__PURE__ */ new Set([
-  i,
-  l
-]), A = () => {
-  const { showToaster: t } = m(), r = p();
-  return { validateCouponBlockTags: (e) => {
-    const n = new DOMParser().parseFromString(e, "text/html");
-    return Array.from(n.querySelectorAll(".coupon-block")).find((s) => {
-      var o;
-      const a = ((o = s.textContent) == null ? void 0 : o.trim()) ?? "";
-      return !u.has(a);
-    }) ? (t({
-      type: c.Warning,
-      message: r("newsletter.coupon-tag-modified")
-    }), !1) : !0;
-  } };
-};
-export {
-  A as useCouponBlockValidator
-};

package/dist/src/composables/validators/useCouponBlockValidator.d.ts

@@ -1,3 +0,0 @@
-export declare const useCouponBlockValidator: () => {
-    validateCouponBlockTags: (html: string) => boolean;
-};