@useinsider/guido 2.0.0-beta.ecd6540 → 2.0.0-beta.eee5ecc

package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js

@@ -3,7 +3,7 @@ import o from "./AmpToggle.vue2.js";
 import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
 var s = function() {
   var r = this, t = r._self._c, e = r._self._setupProxy;
-  return t("div", [t("div", { staticClass: "d-f a-i-c ml-3" }, [t(e.InSegments, { attrs: { id: "guido__amp-toggle", "segment-list": e.segmentList, selected: e.previewStore.emailFormat }, on: { click: e.handleFormatChange } }), e.previewStore.showAMPErrorButton ? t(e.InButtonV2, { staticClass: "ml-2 d-f a-i-c b-c-11 b-c-h-11 t-c-4 t-c-h-4 i-c-4 bor-w-1 bor-s-s bor-c-11 bor-r-2", attrs: { id: "guido__amp-error-button", "left-icon": "line-error-box", type: "danger", "label-text-status": !1 }, on: { click: function(l) {
+  return t("div", [t("div", { staticClass: "d-f a-i-c ml-3" }, [t(e.InSegments, { attrs: { id: "guido__amp-toggle", "segment-list": e.segmentList, selected: e.previewStore.emailFormat }, on: { click: e.handleFormatChange } }), e.previewStore.showAMPErrorButton ? t(e.InButtonV2, { staticClass: "ml-3 d-f a-i-c b-c-11 b-c-h-11 t-c-4 t-c-h-4 i-c-4 bor-w-1 bor-s-s bor-c-11 bor-r-2", attrs: { id: "guido__amp-error-button", "left-icon": "line-error-box", type: "danger", "label-text-status": !1 }, on: { click: function(l) {
     return e.previewStore.openErrorModal();
   } } }) : r._e()], 1)]);
 }, a = [], i = /* @__PURE__ */ n(
@@ -12,7 +12,7 @@ var s = function() {
   a,
   !1,
   null,
-  "b5997368"
+  "5196584c"
 );
 const d = i.exports;
 export {

package/dist/composables/useActionsApi.js

@@ -1,7 +1,7 @@
 import { useToaster as w } from "./useToaster.js";
-const S = () => {
-  const { handleError: l } = w(), s = (t = {}) => new Promise((e, i) => {
-    const n = { ...{
+const v = () => {
+  const { handleError: l } = w(), r = (t = {}) => new Promise((e, a) => {
+    const o = { ...{
       minimize: !0,
       utmEntity: {
         utmSource: "",
@@ -20,29 +20,29 @@ const S = () => {
       forceAmp: !1,
       resetDataSavedFlag: !1,
       disableLineHeightsReplace: !0
-    }, ...t }, m = {
-      callback: (o, p, d, c, u) => {
-        o ? i(o) : e({
+    }, ...t }, s = {
+      callback: (n, p, d, c, u) => {
+        n ? a(n) : e({
           html: p,
           ampHtml: d,
           ampErrors: c,
           displayConditions: u
         });
       },
-      ...n
+      ...o
     };
-    window.StripoEditorApi.actionsApi.compileEmail(m);
+    window.StripoEditorApi.actionsApi.compileEmail(s);
   });
   return {
-    getCompiledEmail: s,
+    getCompiledEmail: r,
     getTemplateData: () => new Promise((t) => {
-      const e = ({ html: i, css: a, width: n, height: r, utmParams: m, syncModulesIds: o }) => t({
-        html: i,
-        css: a,
-        width: n,
-        height: r,
-        utmParams: m,
-        syncModulesIds: o
+      const e = ({ html: a, css: i, width: o, height: m, utmParams: s, syncModulesIds: n }) => t({
+        html: a,
+        css: i,
+        width: o,
+        height: m,
+        utmParams: s,
+        syncModulesIds: n
       });
       window.StripoEditorApi.actionsApi.getTemplateData(e);
     }),
@@ -53,15 +53,15 @@ const S = () => {
       try {
         const {
           html: e,
-          displayConditions: i,
-          ampHtml: a = "",
-          ampErrors: n = []
-        } = await s({ minimize: !1, resetDataSavedFlag: !1, ...t });
+          displayConditions: a,
+          ampHtml: i = "",
+          ampErrors: o = []
+        } = await r({ minimize: !1, resetDataSavedFlag: !1, ...t });
         return {
           html: e,
-          ampHtml: a,
-          ampErrors: n,
-          displayConditions: i
+          ampHtml: i,
+          ampErrors: o,
+          displayConditions: a
         };
       } catch (e) {
         return l(e, "Error loading preview"), {
@@ -73,24 +73,27 @@ const S = () => {
       }
     },
     updateTimerInClonedTemplate: () => new Promise((t) => {
-      var e, i;
-      if (typeof ((i = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : i.updateTimerInClonedTemplate) != "function") {
+      var e, a;
+      if (typeof ((a = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : a.updateTimerInClonedTemplate) != "function") {
         t(null);
         return;
       }
       try {
-        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((a, n) => {
-          a ? (l(a, "Failed to update timer in cloned template"), t(null)) : t(n || null);
+        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((i, o) => {
+          i ? (l(i, "Failed to update timer in cloned template"), t(null)) : t(o || null);
         });
-      } catch (a) {
-        l(a, "Failed to call updateTimerInClonedTemplate"), t(null);
+      } catch (i) {
+        l(i, "Failed to call updateTimerInClonedTemplate"), t(null);
       }
     }),
     updateHtmlAndCss: (t, e) => {
       window.StripoEditorApi.actionsApi.updateHtmlAndCss(t, e);
+    },
+    editorSave: () => {
+      window.StripoEditorApi.actionsApi.save();
     }
   };
 };
 export {
-  S as useActionsApi
+  v as useActionsApi
 };

package/dist/extensions/Blocks/Items/controls/settingsControl.js

@@ -1,28 +1,28 @@
-var L = Object.defineProperty;
-var M = (h, d, e) => d in h ? L(h, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[d] = e;
-var O = (h, d, e) => M(h, typeof d != "symbol" ? d + "" : d, e);
-import { UEAttr as C, ModificationDescription as u } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as D } from "../../common-control.js";
+var x = Object.defineProperty;
+var H = (I, h, e) => h in I ? x(I, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : I[h] = e;
+var O = (I, h, e) => H(I, typeof h != "symbol" ? h + "" : h, e);
+import { UEAttr as C, ModificationDescription as p } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as k } from "../../common-control.js";
 import { ItemsBlockId as m } from "../enums/controlEnums.js";
-import { productPairs as p, templateFirstLine as b } from "../enums/productEnums.js";
-import { ItemTypeOptions as R, OrientationOptions as x, ItemInCartOptions as N, SETTINGS_ENUMS as S, DefaultConfigValues as A } from "../enums/settingsEnums.js";
-import H from "../layouts/horizontal.html.js";
-import k from "../layouts/vertical.html.js";
-import { useItemsBlockStore as U } from "../store/items-block.js";
-import { getDefaultTemplate as F } from "../template.js";
-import { getItemsBlockConfig as P, setItemsBlockConfig as f } from "../utils/nodeConfigUtils.js";
-const $ = "ui-elements-items-block", a = {
+import { productPairs as T, templateFirstLine as b } from "../enums/productEnums.js";
+import { ItemTypeOptions as R, OrientationOptions as U, ItemInCartOptions as N, SETTINGS_ENUMS as S, DefaultConfigValues as P } from "../enums/settingsEnums.js";
+import F from "../layouts/horizontal.html.js";
+import $ from "../layouts/vertical.html.js";
+import { useItemsBlockStore as q } from "../store/items-block.js";
+import { getDefaultTemplate as w } from "../template.js";
+import { getItemsBlockConfig as A, setItemsBlockConfig as f, escapeReplacement as L } from "../utils/nodeConfigUtils.js";
+const B = "ui-elements-items-block", a = {
   ITEMS_TYPE: "itemsType",
   ORIENTATION: "orientation",
   ITEM_IDS: "itemIds"
 };
-class K extends D {
+class J extends k {
   constructor() {
     super(...arguments);
-    O(this, "store", U());
+    O(this, "store", q());
   }
   getId() {
-    return $;
+    return B;
   }
   getTemplate() {
     return `
@@ -43,7 +43,7 @@ class K extends D {
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), console.debug("Items Block Config", e.getNodeConfig()), this.handleBlockInstanceChange(
       () => {
-        const t = P(this.currentNode);
+        const t = A(this.currentNode);
         t && (this.store.setItemsType(t.type), this.store.setItemIds(t.itemsSelectValue), this.store.setOrientation(t.orientation), this.store.setCurrencySymbol(t.priceCurrencySymbol), this.store.setCurrencyLocation(t.priceCurrencyLocation), this.store.setFormattedPrice(t.priceFormatted), this.store.setImageLink(t.imageLink), this.store.setButtonLink(t.buttonLink));
       },
       () => {
@@ -78,7 +78,7 @@ class K extends D {
       this._GuLabel({ text: "Orientation" }),
       this._GuRadioButton({
         name: a.ORIENTATION,
-        buttons: x
+        buttons: U
       })
     ])}
         `;
@@ -159,32 +159,32 @@ class K extends D {
       itemIds: i,
       currencySymbol: r,
       currencyLocation: n,
-      formattedPrice: s
+      formattedPrice: o
     } = this.store;
-    this.api.getDocumentModifier().modifyHtml(this.currentNode).setInnerHtml(F({
+    this.api.getDocumentModifier().modifyHtml(this.currentNode).setInnerHtml(w({
       orientation: e,
       itemsType: t,
       itemId: i,
       currencySymbol: r,
       currencyLocation: n,
-      formattedPrice: s
-    })).apply(new u("Updated template"));
+      formattedPrice: o
+    })).apply(new p("Updated template"));
   }
   _getTemplateData() {
-    const { itemsType: e, itemIds: t, formattedPrice: i } = this.store, r = N[e].findIndex((s) => s.value === t), n = r > -1 ? r : 0;
+    const { itemsType: e, itemIds: t, formattedPrice: i } = this.store, r = N[e].findIndex((o) => o.value === t), n = r > -1 ? r : 0;
     return {
-      imageSrc: p.PAIRS_FOR_EXTENSION.imageSrc[e].DEFAULT[n],
-      name: p.PAIRS_FOR_EXTENSION.name[e].DEFAULT[n],
-      price: i ? p.PAIRS_FOR_EXTENSION.price[e].DEFAULT_PRICE_FORMATTED : p.PAIRS_FOR_EXTENSION.price[e].DEFAULT_PRICE,
-      originalPrice: i ? p.PAIRS_FOR_EXTENSION.originalPrice[e].DEFAULT_PRICE_FORMATTED : p.PAIRS_FOR_EXTENSION.originalPrice[e].DEFAULT_PRICE,
-      quantity: p.PAIRS_FOR_EXTENSION.quantity[e].DEFAULT,
-      button: p.PAIRS_FOR_EXTENSION.button[e].DEFAULT_LABEL
+      imageSrc: T.PAIRS_FOR_EXTENSION.imageSrc[e].DEFAULT[n],
+      name: T.PAIRS_FOR_EXTENSION.name[e].DEFAULT[n],
+      price: i ? T.PAIRS_FOR_EXTENSION.price[e].DEFAULT_PRICE_FORMATTED : T.PAIRS_FOR_EXTENSION.price[e].DEFAULT_PRICE,
+      originalPrice: i ? T.PAIRS_FOR_EXTENSION.originalPrice[e].DEFAULT_PRICE_FORMATTED : T.PAIRS_FOR_EXTENSION.originalPrice[e].DEFAULT_PRICE,
+      quantity: T.PAIRS_FOR_EXTENSION.quantity[e].DEFAULT,
+      button: T.PAIRS_FOR_EXTENSION.button[e].DEFAULT_LABEL
     };
   }
   _updateImageSrc(e) {
     var i;
     const t = (i = this.currentNode) == null ? void 0 : i.querySelector(`[esd-extension-block-id="${m.IMAGE}"] img`);
-    t && this.api.getDocumentModifier().modifyHtml(t).setAttribute("src", e).apply(new u("Updated image src"));
+    t && this.api.getDocumentModifier().modifyHtml(t).setAttribute("src", e).apply(new p("Updated image src"));
   }
   _updateName(e) {
     var n;
@@ -193,7 +193,7 @@ class K extends D {
       return;
     const i = t.getInnerText().trim();
     let r = t.getInnerHTML();
-    r = r.replace(i, e), this.api.getDocumentModifier().modifyHtml(t).setInnerHtml(r).apply(new u("Updated name"));
+    r = r.replace(i, e), this.api.getDocumentModifier().modifyHtml(t).setInnerHtml(r).apply(new p("Updated name"));
   }
   _updatePrice(e) {
     var g;
@@ -203,12 +203,12 @@ class K extends D {
     const i = this._getParagraphFromBlock(t);
     if (!i)
       return;
-    const r = i.getInnerHTML() || "", n = i.getInnerText() || "", { currencySymbol: s, currencyLocation: l } = this.store, o = (s == null ? void 0 : s.trim()) || "", c = this._removeCurrencySymbol(n, o), T = this._replacePriceNumber(c, e), I = this._buildPriceContent(T, o, l), _ = r.replace(n, I);
-    this.api.getDocumentModifier().modifyHtml(i).setInnerHtml(_).apply(new u("Updated price"));
+    const r = i.getInnerHTML() || "", n = i.getInnerText() || "", { currencySymbol: o, currencyLocation: l } = this.store, c = (o == null ? void 0 : o.trim()) || "", s = this._removeCurrencySymbol(n, c), u = this._replacePriceNumber(s, e), d = this._buildPriceContent(u, c, l), _ = r.replace(n, d);
+    this.api.getDocumentModifier().modifyHtml(i).setInnerHtml(_).apply(new p("Updated price"));
   }
   _updateOriginalPrice(e) {
-    var E;
-    const t = (E = this.currentNode) == null ? void 0 : E.querySelector(
+    var y;
+    const t = (y = this.currentNode) == null ? void 0 : y.querySelector(
       `[esd-extension-block-id="${m.ORIGINAL_PRICE}"]`
     );
     if (!t)
@@ -219,29 +219,35 @@ class K extends D {
     const r = i.querySelector("s");
     if (!r)
       return;
-    const n = r.getInnerHTML() || "", s = r.getInnerText() || "", { currencySymbol: l, currencyLocation: o } = this.store, c = (l == null ? void 0 : l.trim()) || "", T = this._removeCurrencySymbol(s, c), I = this._replacePriceNumber(T, e), _ = this._buildPriceContent(I, c, o), y = `<s>${n.replace(s, _)}</s>`;
-    this.api.getDocumentModifier().modifyHtml(i).setInnerHtml(y).apply(new u("Updated original price"));
+    const n = r.getInnerHTML() || "", o = r.getInnerText() || "", { currencySymbol: l, currencyLocation: c } = this.store, s = (l == null ? void 0 : l.trim()) || "", u = this._removeCurrencySymbol(o, s), d = this._replacePriceNumber(u, e), _ = this._buildPriceContent(d, s, c), E = `<s>${n.replace(o, _)}</s>`;
+    this.api.getDocumentModifier().modifyHtml(i).setInnerHtml(E).apply(new p("Updated original price"));
   }
   _updateQuantity(e) {
-    var c;
-    const t = this.store.itemsType !== S.ITEMS_TYPE.BROWSED_ITEMS, i = P(this.currentNode), r = (i == null ? void 0 : i.quantityControlEnabled) !== !1, n = t && r, s = (c = this.currentNode) == null ? void 0 : c.querySelector(`[esd-extension-block-id="${m.QUANTITY}"]`);
-    if (!s)
+    var d;
+    const t = this.store.itemsType !== S.ITEMS_TYPE.BROWSED_ITEMS, i = A(this.currentNode), r = (i == null ? void 0 : i.quantityControlEnabled) !== !1, n = t && r, o = (d = this.currentNode) == null ? void 0 : d.querySelector(`[esd-extension-block-id="${m.QUANTITY}"]`);
+    if (!o)
       return;
-    const l = s.getInnerText().trim();
-    let o = s.getInnerHTML();
-    o = o.replace(l, e), this.api.getDocumentModifier().modifyHtml(s).setInnerHtml(o).setStyle("display", n ? "table-cell" : "none").apply(new u("Updated quantity"));
+    const l = this._getParagraphFromBlock(o);
+    if (!l)
+      return;
+    const c = l.getInnerText().trim();
+    let s = l.getInnerHTML();
+    s = s.replace(c, e);
+    const u = this.api.getDocumentModifier();
+    u.modifyHtml(l).setInnerHtml(s), u.modifyHtml(o).setStyle("display", n ? "table-cell" : "none"), u.apply(new p("Updated quantity"));
   }
   _reOrderTemplate() {
-    var T, I, _, g, y, E;
-    const e = (T = this.currentNode) == null ? void 0 : T.querySelector(`[esd-extension-block-id="${m.IMAGE}"]`), t = (I = this.currentNode) == null ? void 0 : I.querySelector(`[esd-extension-block-id="${m.NAME}"]`), i = (_ = this.currentNode) == null ? void 0 : _.querySelector(`[esd-extension-block-id="${m.PRICE}"]`), r = (g = this.currentNode) == null ? void 0 : g.querySelector(
+    var u, d, _, g, E, y;
+    const e = (u = this.currentNode) == null ? void 0 : u.querySelector(`[esd-extension-block-id="${m.IMAGE}"]`), t = (d = this.currentNode) == null ? void 0 : d.querySelector(`[esd-extension-block-id="${m.NAME}"]`), i = (_ = this.currentNode) == null ? void 0 : _.querySelector(`[esd-extension-block-id="${m.PRICE}"]`), r = (g = this.currentNode) == null ? void 0 : g.querySelector(
       `[esd-extension-block-id="${m.ORIGINAL_PRICE}"]`
-    ), n = (y = this.currentNode) == null ? void 0 : y.querySelector(`[esd-extension-block-id="${m.QUANTITY}"]`), s = (E = this.currentNode) == null ? void 0 : E.querySelector(`[esd-extension-block-id="${m.BUTTON}"]`);
-    if (!e || !t || !i || !r || !n || !s)
+    ), n = (E = this.currentNode) == null ? void 0 : E.querySelector(`[esd-extension-block-id="${m.QUANTITY}"]`), o = (y = this.currentNode) == null ? void 0 : y.querySelector(`[esd-extension-block-id="${m.BUTTON}"]`);
+    if (!e || !t || !i || !r || !n || !o)
       return;
-    const { orientation: l } = this.store, o = l === S.ORIENTATION.VERTICAL;
-    let c = o ? k : H;
-    this.api.getDocumentModifier().modifyHtml(e.querySelector("img")).setAttribute("width", A.productImageWidth).setAttribute("height", A.productImageWidth).apply(new u("Updated image width")), setTimeout(() => {
-      c = c.replace("{-{-TEMPLATE_FIRST_LINE-}-}", o ? b : "").replace("{-{-PRODUCT_IMAGE-}-}", e.getOuterHTML()).replace("{-{-PRODUCT_NAME-}-}", t.getOuterHTML()).replaceAll("{-{-PRODUCT_PRICE-}-}", i.getOuterHTML()).replaceAll("{-{-PRODUCT_ORIGINAL_PRICE-}-}", r.getOuterHTML()).replace("{-{-PRODUCT_QUANTITY-}-}", n.getOuterHTML()).replace("{-{-PRODUCT_BUTTON-}-}", s.getOuterHTML()), c = c.trim().replace(b, "").slice(0, -5), this.api.getDocumentModifier().modifyHtml(this.currentNode).setInnerHtml(c).apply(new u("Reordered template"));
+    const { orientation: l } = this.store, c = l === S.ORIENTATION.VERTICAL;
+    let s = c ? $ : F;
+    this.api.getDocumentModifier().modifyHtml(e.querySelector("img")).setAttribute("width", P.productImageWidth).setAttribute("height", P.productImageWidth).apply(new p("Updated image width")), setTimeout(() => {
+      const M = L(i.getOuterHTML()), D = L(r.getOuterHTML());
+      s = s.replace("{-{-TEMPLATE_FIRST_LINE-}-}", c ? b : "").replace("{-{-PRODUCT_IMAGE-}-}", e.getOuterHTML()).replace("{-{-PRODUCT_NAME-}-}", t.getOuterHTML()).replaceAll("{-{-PRODUCT_PRICE-}-}", M).replaceAll("{-{-PRODUCT_ORIGINAL_PRICE-}-}", D).replace("{-{-PRODUCT_QUANTITY-}-}", n.getOuterHTML()).replace("{-{-PRODUCT_BUTTON-}-}", o.getOuterHTML()), s = s.trim().replace(b, "").slice(0, -5), this.api.getDocumentModifier().modifyHtml(this.currentNode).setInnerHtml(s).apply(new p("Reordered template"));
     }, 50);
   }
   _updateDataTypeAttributes(e) {
@@ -249,29 +255,29 @@ class K extends D {
       return;
     const t = this.currentNode.closest(".ins-product-td"), i = this.api.getDocumentModifier();
     t && i.modifyHtml(t).setAttribute("data-type", e), this.currentNode.querySelectorAll("[data-type]").forEach((n) => {
-      const s = n;
-      i.modifyHtml(s).setAttribute("data-type", e);
-    }), i.apply(new u("Updated data-type attribute"));
+      const o = n;
+      i.modifyHtml(o).setAttribute("data-type", e);
+    }), i.apply(new p("Updated data-type attribute"));
   }
   _updateDataNumberAttributes(e) {
     if (!this.currentNode)
       return;
-    const { itemsType: t } = this.store, i = N[t].findIndex((o) => o.value === e);
+    const { itemsType: t } = this.store, i = N[t].findIndex((c) => c.value === e);
     let r = "1";
     if (i >= 0)
       r = String(i + 1);
     else if (e) {
-      const o = e.match(/\((\d+)\)/);
-      if (o) {
-        const [, c] = o;
-        r = c;
+      const c = e.match(/\((\d+)\)/);
+      if (c) {
+        const [, s] = c;
+        r = s;
       }
     }
-    const n = this.currentNode.closest(".ins-product-td"), s = this.api.getDocumentModifier();
-    n && s.modifyHtml(n).setAttribute("data-number", r), this.currentNode.querySelectorAll("[data-number]").forEach((o) => {
-      const c = o;
-      s.modifyHtml(c).setAttribute("data-number", r);
-    }), s.apply(new u("Updated data-number attribute"));
+    const n = this.currentNode.closest(".ins-product-td"), o = this.api.getDocumentModifier();
+    n && o.modifyHtml(n).setAttribute("data-number", r), this.currentNode.querySelectorAll("[data-number]").forEach((c) => {
+      const s = c;
+      o.modifyHtml(s).setAttribute("data-number", r);
+    }), o.apply(new p("Updated data-number attribute"));
   }
   _reFillTemplate() {
     const e = this._getTemplateData();
@@ -288,7 +294,7 @@ class K extends D {
     if (!t)
       return;
     const i = this.store.orientation === S.ORIENTATION.HORIZONTAL, r = this.store.nameTrimming;
-    this.api.getDocumentModifier().modifyHtml(t).setStyle("overflow", "hidden").setStyle("white-space", r ? "nowrap" : "normal").setStyle("text-overflow", r ? "ellipsis" : "unset").setStyle("max-width", i ? "130px" : "520px").setStyle("width", i ? "130px" : "520px").apply(new u("Recalculated trimming after orientation change"));
+    this.api.getDocumentModifier().modifyHtml(t).setStyle("overflow", "hidden").setStyle("white-space", r ? "nowrap" : "normal").setStyle("text-overflow", r ? "ellipsis" : "unset").setStyle("max-width", i ? "130px" : "520px").setStyle("width", i ? "130px" : "520px").apply(new p("Recalculated trimming after orientation change"));
   }
   _getParagraphFromBlock(e) {
     return e.querySelector("p");
@@ -305,7 +311,7 @@ class K extends D {
     } else {
       const n = i.match(/([^0-9.,\s]+)/);
       if (n && n[1]) {
-        const s = n[1].trim(), l = new RegExp(`\\s*${this._escapeRegex(s)}\\s*`);
+        const o = n[1].trim(), l = new RegExp(`\\s*${this._escapeRegex(o)}\\s*`);
         r = i.replace(l, "").trim();
       }
     }
@@ -320,6 +326,6 @@ class K extends D {
   }
 }
 export {
-  $ as CONTROL_BLOCK_ID,
-  K as ItemsBlockControl
+  B as CONTROL_BLOCK_ID,
+  J as ItemsBlockControl
 };

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

@@ -1,17 +1,18 @@
 import { BlockType as O, BlockAttr as N } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { ItemsBlockId as I } from "./enums/controlEnums.js";
-import { productPairs as R, templateFirstLine as Q } from "./enums/productEnums.js";
-import { ItemInCartOptions as H, SETTINGS_ENUMS as w, DefaultConfigValues as F } from "./enums/settingsEnums.js";
-import C from "./layouts/horizontal.html.js";
-import Y from "./layouts/vertical.html.js";
-let [M] = R.PAIRS_FOR_EXTENSION.imageSrc.CART_ITEMS.DEFAULT, [m] = R.PAIRS_FOR_EXTENSION.name.CART_ITEMS.DEFAULT, [x] = R.PAIRS_FOR_EXTENSION.price.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [S] = R.PAIRS_FOR_EXTENSION.originalPrice.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [D] = R.PAIRS_FOR_EXTENSION.quantity.CART_ITEMS.DEFAULT;
-const q = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCase().startsWith(e.toLowerCase())).join("; ").replace(/;\s*$/, ""), U = (s) => q(s, "text-align"), L = (s, e) => {
+import { productPairs as R, templateFirstLine as H } from "./enums/productEnums.js";
+import { ItemInCartOptions as C, SETTINGS_ENUMS as w, DefaultConfigValues as F } from "./enums/settingsEnums.js";
+import Y from "./layouts/horizontal.html.js";
+import q from "./layouts/vertical.html.js";
+import { escapeReplacement as g } from "./utils/nodeConfigUtils.js";
+let [M] = R.PAIRS_FOR_EXTENSION.imageSrc.CART_ITEMS.DEFAULT, [L] = R.PAIRS_FOR_EXTENSION.name.CART_ITEMS.DEFAULT, [x] = R.PAIRS_FOR_EXTENSION.price.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [S] = R.PAIRS_FOR_EXTENSION.originalPrice.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [D] = R.PAIRS_FOR_EXTENSION.quantity.CART_ITEMS.DEFAULT;
+const j = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCase().startsWith(e.toLowerCase())).join("; ").replace(/;\s*$/, ""), U = (s) => j(s, "text-align"), m = (s, e) => {
   const l = new RegExp(`${e}\\s*:\\s*([^;]+)`, "i"), a = s.match(l);
   return a ? a[1].trim() : null;
-}, g = (s, e, l) => new RegExp(`(${e}\\s*:\\s*)[^;]+`, "gi").test(s) ? s.replace(
+}, v = (s, e, l) => new RegExp(`(${e}\\s*:\\s*)[^;]+`, "gi").test(s) ? s.replace(
   new RegExp(`(${e}\\s*:\\s*)[^;]+`, "gi"),
   `$1${l}`
-) : s, j = (s, e, l, a) => {
+) : s, Z = (s, e, l, a) => {
   const c = l || F.productImageHeight, n = (a == null ? void 0 : a.imageVisible) === !1 ? "display: none; " : "";
   return `
         <td class="esd-block-image document-node-component default-block-component selectable ng-star-inserted"
@@ -27,16 +28,16 @@ const q = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
                 href="#!">
                 <img class="adapt-img document-node-component ng-star-inserted"
                     src="${M}"
-                    alt="${m}"
+                    alt="${L}"
                     width="${c}"
                     height="${c}">
             </a>
         </td>
     `;
-}, Z = (s, e) => `
+}, J = (s, e) => `
     <${O.BLOCK_IMAGE}
         ${N.BLOCK_IMAGE.src}="${M}"
-        ${N.BLOCK_IMAGE.alt}="${m}"
+        ${N.BLOCK_IMAGE.alt}="${L}"
         ${N.BLOCK_IMAGE.href}="#!"
         ${N.BLOCK_IMAGE.width}="${F.productImageWidth}"
         ${N.BLOCK_IMAGE.height}="${F.productImageWidth}"
@@ -46,7 +47,7 @@ const q = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
         data-type="${s}"
         data-number="${e}"
     />
-    `, J = (s, e, l, a, c) => {
+    `, tt = (s, e, l, a, c) => {
   const d = `
         text-decoration:none;
         font-size: inherit;
@@ -62,11 +63,11 @@ const q = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
         text-overflow: ellipsis;
     `;
   if (e) {
-    const i = L(a || "", "text-align") || "center", r = U(a || d), o = L(r, "color"), t = L(r, "font-size"), p = [
+    const i = m(a || "", "text-align") || "center", r = U(a || d), o = m(r, "color"), t = m(r, "font-size"), p = [
       o ? `color: ${o}` : "",
       t ? `font-size: ${t}` : ""
-    ].filter(Boolean).join("; "), T = g(
-      g(r, "color", "inherit"),
+    ].filter(Boolean).join("; "), T = v(
+      v(r, "color", "inherit"),
       "font-size",
       "inherit"
     ), u = (c == null ? void 0 : c.nameVisible) === !1 ? "display: none;" : "display: table-cell;";
@@ -84,7 +85,7 @@ const q = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
                         product-attr="name"
                         data-slot-2
                         width="100%">
-                        ${m}
+                        ${L}
                     </a>
                 </p>
             </td>
@@ -117,12 +118,12 @@ const q = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
                 product-attr="name"
                 data-slot-2
                 width="100%">
-                ${m}
+                ${L}
             </a>
         </p>
     </${O.BLOCK_TEXT}>
 `;
-}, tt = (s, e, l, a, c, n, d, i, r, o) => {
+}, et = (s, e, l, a, c, n, d, i, r, o) => {
   let t = x;
   if (a && a.trim()) {
     const E = `${a.trim()}`;
@@ -173,7 +174,7 @@ const q = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
             </p>
         </${O.BLOCK_TEXT}>
     `;
-}, et = (s, e, l, a, c, n, d = !0, i, r, o) => {
+}, at = (s, e, l, a, c, n, d = !0, i, r, o) => {
   let t = S;
   if (a && a.trim()) {
     const E = `${a.trim()}`;
@@ -227,7 +228,7 @@ const q = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
             </p>
         </${O.BLOCK_TEXT}>
     `;
-}, at = (s = !0, e, l) => {
+}, st = (s = !0, e, l) => {
   const a = s ? "" : 'style="display: none;"';
   if (e) {
     const n = l || "text-align: center; font-size: 14px;";
@@ -263,9 +264,9 @@ const q = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
             </p>
         </${O.BLOCK_TEXT}>
     `;
-}, st = (s, e, l = "Buy", a, c, n = !0, d = !0) => {
+}, lt = (s, e, l = "Buy", a, c, n = !0, d = !0) => {
   if (a) {
-    const i = L(c || "", "background") || L(c || "", "background-color"), r = i ? `border-width: 0px; background: ${i};` : "border-width: 0px;", o = n ? "es-fw" : "es-il", t = (c || "").replace("border-width: 0;", "");
+    const i = m(c || "", "background") || m(c || "", "background-color"), r = i ? `border-width: 0px; background: ${i};` : "border-width: 0px;", o = n ? "es-fw" : "es-il", t = (c || "").replace("border-width: 0;", "");
     return `
         <td class="esd-block-button ins-button default-block-component selectable"
             align="center" width="100%" name="buy-button" caption="${l}"
@@ -298,7 +299,7 @@ const q = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
         >${l}
         </${O.BLOCK_BUTTON}>
     `;
-}, lt = (s, e, l, a = !0, c = !0) => {
+}, rt = (s, e, l, a = !0, c = !0) => {
   const n = e === w.ORIENTATION.VERTICAL, d = l === "horizontal";
   if (n) {
     const i = !d, r = i || !c ? "100%" : "50%", o = i || !a ? "100%" : "50%";
@@ -318,16 +319,16 @@ const q = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
     /<td\s+[^>]*class="[^"]*vertical-price[^"]*"[^>]*>/gi,
     (i) => i.replace(/display:\s*none;?/gi, "display: table-cell;")
   );
-}, rt = (s) => s ? `<td align="center"
+}, it = (s) => s ? `<td align="center"
             esd-extension-block-id="items-block" width="560"
             data-number="4"
-            class="ins-product-td items-block items-block-v2 esd-items-block esd-extension-block esd-container-frame">` : Q, v = (s, e, l, a, c, n, d, i, r, o, t, p, T, u = "horizontal", P, $, b, _) => {
+            class="ins-product-td items-block items-block-v2 esd-items-block esd-extension-block esd-container-frame">` : H, z = (s, e, l, a, c, n, d, i, r, o, t, p, T, u = "horizontal", P, $, b, _) => {
   const y = `${`data-type="${e}" data-number="${l}"`} data-orientation="${a}"`, A = s.replace(
     /<td([^>]*class="[^"]*ins-product-td[^"]*"[^>]*)>/,
     `<td$1 ${y}>`
-  ), z = r == null ? void 0 : r["data-product_image_control_image-height"], X = n ? j(e, l, z, t) : Z(e, l), G = (t == null ? void 0 : t.buttonLabel) || "Buy", K = (t == null ? void 0 : t.buttonFullWidth) !== void 0 ? t.buttonFullWidth : !0, f = e === w.ITEMS_TYPE.BROWSED_ITEMS ? !1 : t == null ? void 0 : t.quantityControlEnabled, B = (t == null ? void 0 : t.buttonVisible) !== void 0 ? t.buttonVisible : (r == null ? void 0 : r["data-product_button_control_enabled"]) !== "false", k = (t == null ? void 0 : t.priceVisible) !== void 0 ? t.priceVisible : (r == null ? void 0 : r["data-product_price_control_enabled"]) !== "false", V = (t == null ? void 0 : t.originalPriceVisible) !== void 0 ? t.originalPriceVisible : (r == null ? void 0 : r["data-product_original_price_control_enabled"]) !== "false", W = A.replace("{-{-TEMPLATE_FIRST_LINE-}-}", rt(n)).replace("{-{-PRODUCT_IMAGE-}-}", X).replace("{-{-PRODUCT_NAME-}-}", J(e, n, a, p, t)).replaceAll(
+  ), X = r == null ? void 0 : r["data-product_image_control_image-height"], G = n ? Z(e, l, X, t) : J(e, l), K = (t == null ? void 0 : t.buttonLabel) || "Buy", f = (t == null ? void 0 : t.buttonFullWidth) !== void 0 ? t.buttonFullWidth : !0, B = e === w.ITEMS_TYPE.BROWSED_ITEMS ? !1 : t == null ? void 0 : t.quantityControlEnabled, W = (t == null ? void 0 : t.buttonVisible) !== void 0 ? t.buttonVisible : (r == null ? void 0 : r["data-product_button_control_enabled"]) !== "false", k = (t == null ? void 0 : t.priceVisible) !== void 0 ? t.priceVisible : (r == null ? void 0 : r["data-product_price_control_enabled"]) !== "false", V = (t == null ? void 0 : t.originalPriceVisible) !== void 0 ? t.originalPriceVisible : (r == null ? void 0 : r["data-product_original_price_control_enabled"]) !== "false", Q = A.replace("{-{-TEMPLATE_FIRST_LINE-}-}", it(n)).replace("{-{-PRODUCT_IMAGE-}-}", G).replace("{-{-PRODUCT_NAME-}-}", tt(e, n, a, p, t)).replaceAll(
     "{-{-PRODUCT_PRICE-}-}",
-    tt(
+    g(et(
       e,
       l,
       c,
@@ -338,10 +339,10 @@ const q = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
       _,
       a,
       k
-    )
+    ))
   ).replaceAll(
     "{-{-PRODUCT_ORIGINAL_PRICE-}-}",
-    et(
+    g(at(
       e,
       l,
       c,
@@ -352,20 +353,20 @@ const q = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
       $,
       _,
       a
-    )
-  ).replace("{-{-PRODUCT_QUANTITY-}-}", at(f, n, b)).replace(
+    ))
+  ).replace("{-{-PRODUCT_QUANTITY-}-}", st(B, n, b)).replace(
     "{-{-PRODUCT_BUTTON-}-}",
-    st(e, l, G, n, T, K, B)
+    lt(e, l, K, n, T, f, W)
   );
-  return lt(
-    W,
+  return rt(
+    Q,
     a,
     u,
     k,
     V
   );
 };
-function $t({
+function Tt({
   orientation: s,
   itemsType: e = w.ITEMS_TYPE.CART_ITEMS,
   itemId: l,
@@ -382,7 +383,7 @@ function $t({
   quantityStyles: u,
   priceOrientation: P
 }) {
-  const $ = H[e].findIndex((A) => A.value === l);
+  const $ = C[e].findIndex((A) => A.value === l);
   let b = "1";
   if ($ >= 0)
     b = String($ + 1);
@@ -391,12 +392,12 @@ function $t({
     A && A[1] && ([, b] = A);
   }
   const _ = (r == null ? void 0 : r.priceSinglePrice) ?? (i == null ? void 0 : i["data-product_price_control_single_price"]) === "1" ?? !1;
-  M = R.PAIRS_FOR_EXTENSION.imageSrc[e].DEFAULT[$ >= 0 ? $ : 0], m = R.PAIRS_FOR_EXTENSION.name[e].DEFAULT[$ >= 0 ? $ : 0];
+  M = R.PAIRS_FOR_EXTENSION.imageSrc[e].DEFAULT[$ >= 0 ? $ : 0], L = R.PAIRS_FOR_EXTENSION.name[e].DEFAULT[$ >= 0 ? $ : 0];
   const E = R.PAIRS_FOR_EXTENSION.price[e], h = R.PAIRS_FOR_EXTENSION.originalPrice[e];
   _ ? (x = d ? E.DEFAULT_SINGLE_PRICE_FORMATTED : E.DEFAULT_SINGLE_PRICE, S = d ? h.DEFAULT_SINGLE_PRICE_FORMATTED : h.DEFAULT_SINGLE_PRICE) : (x = d ? E.DEFAULT_PRICE_FORMATTED : E.DEFAULT_PRICE, S = d ? h.DEFAULT_PRICE_FORMATTED : h.DEFAULT_PRICE), D = R.PAIRS_FOR_EXTENSION.quantity[e].DEFAULT;
   const y = P || (r == null ? void 0 : r.priceOrientation) || "horizontal";
-  return s === w.ORIENTATION.VERTICAL ? v(
-    Y,
+  return s === w.ORIENTATION.VERTICAL ? z(
+    q,
     e,
     b,
     s,
@@ -415,8 +416,8 @@ function $t({
     T,
     u,
     _
-  ) : v(
-    C,
+  ) : z(
+    Y,
     e,
     b,
     s,
@@ -438,5 +439,5 @@ function $t({
   );
 }
 export {
-  $t as getDefaultTemplate
+  Tt as getDefaultTemplate
 };

package/dist/extensions/Blocks/Items/utils/nodeConfigUtils.js

@@ -3,7 +3,8 @@ import { DefaultConfigValues as i, SETTINGS_ENUMS as n, ItemInCartOptions as g }
 function d() {
   return String(Date.now() + Math.floor(Math.random() * 1e3));
 }
-function E() {
+const E = (o) => o.replace(/\$/g, "$$$$");
+function S() {
   return {
     initialized: !0,
     blockInstanceId: d(),
@@ -148,7 +149,7 @@ function C(o) {
     )
   };
 }
-function S(o) {
+function y(o) {
   const t = s(o);
   if (!t)
     return null;
@@ -158,7 +159,7 @@ function S(o) {
   const r = C(t);
   return r || null;
 }
-function y(o, t, e) {
+function A(o, t, e) {
   const r = s(o);
   if (!r)
     return;
@@ -166,9 +167,10 @@ function y(o, t, e) {
   t.getDocumentModifier().modifyHtml(r).setNodeConfig(u).apply(new b("Update Items block configuration"));
 }
 export {
+  E as escapeReplacement,
   d as generateBlockInstanceId,
-  E as getDefaultItemsBlockConfig,
-  S as getItemsBlockConfig,
+  S as getDefaultItemsBlockConfig,
+  y as getItemsBlockConfig,
   s as getItemsBlockContainer,
-  y as setItemsBlockConfig
+  A as setItemsBlockConfig
 };

package/dist/extensions/Blocks/common-control.js

@@ -51,10 +51,9 @@ class _ extends O {
     const o = E !== this.lastBlockInstanceId;
     return o ? (this.currentNode && e(this.currentNode), n(), this.lastBlockInstanceId = E) : n(), o;
   }
-  _GuLabel({ text: e, name: n = "", position: E = "top" }) {
+  _GuLabel({ text: e, name: n = "" }) {
     return `
             <${t.LABEL} 
-                style="${E === "top" ? "margin-bottom: 8px;" : ""}"
                 ${$.LABEL.text}="${e}" 
                 ${$.LABEL.name}="${n || `${e} Label`}">
             </${t.LABEL}>

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-3bf5c743] .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-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-890b5336]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-890b5336]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-890b5336]{height:calc(100vh - 75px)}[data-v-293f1c47] .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-bb3bb07c] .guido__verion-history-view-option-selection-desktop svg,[data-v-bb3bb07c] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-bb3bb07c] .in-segments-wrapper__button_selected,[data-v-bb3bb07c] .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-b37f3f6d],[data-v-b37f3f6d] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-4b876c1b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-3bf5c743] .in-button-v2__wrapper{line-height:0}[data-v-5196584c] .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-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-890b5336]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-890b5336]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-890b5336]{height:calc(100vh - 75px)}[data-v-293f1c47] .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-bb3bb07c] .guido__verion-history-view-option-selection-desktop svg,[data-v-bb3bb07c] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-bb3bb07c] .in-segments-wrapper__button_selected,[data-v-bb3bb07c] .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-b37f3f6d],[data-v-b37f3f6d] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-4b876c1b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/src/composables/useActionsApi.d.ts

@@ -7,4 +7,5 @@ export declare const useActionsApi: () => {
     getPreviewData: (options?: CompileEmailOptions) => Promise<CompiledEmailResult>;
     updateTimerInClonedTemplate: () => Promise<string | null>;
     updateHtmlAndCss: (html: string, css: string) => void;
+    editorSave: () => void;
 };

package/dist/src/extensions/Blocks/Items/template.d.ts

@@ -1,4 +1,4 @@
-import type { ItemsBlockConfig } from './utils/nodeConfigUtils';
+import { type ItemsBlockConfig } from './utils/nodeConfigUtils';
 declare const migrationTemplate = "ADD YOUR MIGRATION HERE";
 type ProductType = 'CART_ITEMS' | 'BROWSED_ITEMS' | 'PURCHASED_ITEMS';
 type OrientationType = 'vertical' | 'horizontal';

package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts

@@ -35,6 +35,11 @@ export interface ItemsBlockConfig {
  * Generates a unique block instance ID.
  */
 export declare function generateBlockInstanceId(): string;
+/**
+ * Escapes $ characters in a string for safe use in String.replace/replaceAll.
+ * Prevents currency symbols like "$", "R$", "HK$" from being interpreted as special replacement patterns.
+ */
+export declare const escapeReplacement: (str: string) => string;
 /**
  * Returns default ItemsBlockConfig values.
  * These are used when initializing a new block or when migrating from legacy format.

package/dist/src/extensions/Blocks/common-control.d.ts

@@ -74,7 +74,7 @@ export declare abstract class CommonControl extends Control {
      * @returns true if block instance changed, false otherwise
      */
     protected handleBlockInstanceChange(syncFunction: (node: ImmutableHtmlNode) => void, updateUI: () => void): boolean;
-    _GuLabel({ text, name, position }: LabelProps): string;
+    _GuLabel({ text, name }: LabelProps): string;
     _GuToggle(name: string): string;
     _GuSelectItem({ text, value }: {
         text: string;

package/dist/utils/templatePreparation.js

@@ -1,29 +1,29 @@
-import { useActionsApi as S } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as b } from "../composables/useHtmlCompiler.js";
-import { useDynamicContentStore as f } from "../stores/dynamic-content.js";
-import { useUnsubscribeStore as C } from "../stores/unsubscribe.js";
-const z = () => {
-  const i = f(), t = C(), { getCompiledEmail: o, getTemplateData: s } = S(), { compileHtml: n } = b();
+import { useActionsApi as b } from "../composables/useActionsApi.js";
+import { useHtmlCompiler as f } from "../composables/useHtmlCompiler.js";
+import { useDynamicContentStore as C } from "../stores/dynamic-content.js";
+import { useUnsubscribeStore as T } from "../stores/unsubscribe.js";
+const P = () => {
+  const i = C(), t = T(), { getCompiledEmail: o, getTemplateData: s, editorSave: n } = b(), { compileHtml: a } = f();
   return {
     prepareTemplateDetails: async () => {
-      const { html: a, ampHtml: m = "", ampErrors: r = [] } = await o({
+      const { html: r, ampHtml: m = "", ampErrors: c = [] } = await o({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: c, css: l, syncModulesIds: p = [] } = await s(), { compiledHtml: u, stats: e, appliedRules: d } = n(a), g = i.getSelectedDynamicContentList;
-      return console.debug("HTML Compilation Stats:", {
+      }), { html: l, css: p, syncModulesIds: u = [] } = await s(), { compiledHtml: d, stats: e, appliedRules: g } = a(r), S = i.getSelectedDynamicContentList;
+      return n(), console.debug("HTML Compilation Stats:", {
         originalSize: e.originalSize,
         compiledSize: e.compiledSize,
         reduction: `${e.reductionPercentage.toFixed(2)}%`,
-        appliedRules: d,
+        appliedRules: g,
         executionTime: `${e.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: g,
-        compiledHtml: u,
-        rawHtml: c,
-        css: l,
+        dynamicContentList: S,
+        compiledHtml: d,
+        rawHtml: l,
+        css: p,
         ampHtml: m,
-        ampErrors: r,
-        modules: p,
+        ampErrors: c,
+        modules: u,
         recommendation: {
           campaignUrls: {},
           configs: {}
@@ -37,5 +37,5 @@ const z = () => {
   };
 };
 export {
-  z as useTemplatePreparation
+  P as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "2.0.0-beta.ecd6540",
+  "version": "2.0.0-beta.eee5ecc",
   "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",