@useinsider/guido 3.17.0-beta.a6988b3 → 3.17.0-beta.ab974c6

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

@@ -1,20 +1,30 @@
-import { BlockId as g } from "../../../enums/block.js";
-import { useOnboardingStore as y } from "../../../stores/onboarding.js";
-import { getMigrationBannerHtml as I } from "../../../utils/migrationBannerHtml.js";
-import { Block as C, BlockCompositionType as b, ModificationDescription as c } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { SETTINGS_ENUMS as l, DefaultConfigValues as d } from "./enums/settingsEnums.js";
-import { getDefaultTemplate as h } from "./template.js";
-import { getItemsBlockContainer as u, getItemsBlockConfig as f, deriveItemNumber as D, getDefaultItemsBlockConfig as N } from "./utils/nodeConfigUtils.js";
-const p = g.Items;
-class E extends C {
+var D = Object.defineProperty;
+var S = (m, u, e) => u in m ? D(m, u, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[u] = e;
+var I = (m, u, e) => S(m, typeof u != "symbol" ? u + "" : u, e);
+import { BlockId as _ } from "../../../enums/block.js";
+import { useOnboardingStore as N } from "../../../stores/onboarding.js";
+import { getMigrationBannerHtml as T } from "../../../utils/migrationBannerHtml.js";
+import { Block as A, BlockCompositionType as M, ModificationDescription as f } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { isCustomCurrencySymbol as R, ITEMS_CURRENCY_ATTR as y, currencyPositionFromLocation as H } from "./constants/currency.js";
+import { ItemsBlockId as O } from "./enums/controlEnums.js";
+import { SETTINGS_ENUMS as h, DefaultConfigValues as C } from "./enums/settingsEnums.js";
+import { getDefaultTemplate as E } from "./template.js";
+import { getItemsBlockContainer as b, getItemsBlockConfig as g, deriveItemNumber as B, getDefaultItemsBlockConfig as P } from "./utils/nodeConfigUtils.js";
+const k = _.Items, w = "Reconcile Items currency DOM attributes";
+class K extends A {
+  constructor() {
+    super(...arguments);
+    /** Block instances whose currency attrs were already self-healed this session (SD-147588 — undo-safe). */
+    I(this, "_currencyHealed", /* @__PURE__ */ new Set());
+  }
   getId() {
-    return p;
+    return k;
   }
   getIcon() {
     return "items-icon";
   }
   getBlockCompositionType() {
-    return b.CONTAINER;
+    return M.CONTAINER;
   }
   getName() {
     return this.api.translate("Items");
@@ -23,20 +33,20 @@ class E extends C {
     return this.api.translate("Items lets you display personalized products based on user behavior.");
   }
   getSettingsPanelTitleHtml() {
-    return I(
-      p,
+    return T(
+      k,
       this.api.translate("Items"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.")
     );
   }
   getTemplate() {
-    return h({
-      orientation: l.ORIENTATION.VERTICAL,
-      itemsType: l.ITEMS_TYPE.CART_ITEMS,
+    return E({
+      orientation: h.ORIENTATION.VERTICAL,
+      itemsType: h.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
-      currencySymbol: d.productPriceCurrencySymbolControlValue,
-      currencyLocation: d.productPriceCurrencyLocationControlValue,
-      formattedPrice: d.productPriceFormattedControlValue === "1"
+      currencySymbol: C.productPriceCurrencySymbolControlValue,
+      currencyLocation: C.productPriceCurrencyLocationControlValue,
+      formattedPrice: C.productPriceFormattedControlValue === "1"
     });
   }
   allowInnerBlocksDND() {
@@ -45,24 +55,27 @@ class E extends C {
   canBeSavedAsModule() {
     return !0;
   }
-  onCreated(n) {
-    const t = this.api.getDocumentModifier(), a = this.api.getDocumentRootCssNode();
-    a.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(a).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
-    const e = u(n);
-    if (!e)
+  onCreated(e) {
+    const r = this.api.getDocumentModifier(), s = this.api.getDocumentRootCssNode();
+    s.querySelector('[product-attr="imageSrc"] img') || r.modifyCss(s).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
+    const o = b(e);
+    if (!o)
       return;
-    const o = e.getNodeConfig(), r = o && Object.keys(o).length > 0, i = f(n);
-    if (i != null && i.initialized)
-      if (r)
-        i.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...i, blockInstanceId: String(Date.now()) }).apply(new c("Assign block instance ID to block"));
-      else {
-        const s = this.api.getDocumentModifier();
-        s.modifyHtml(e).setNodeConfig(i), this._stampProductTdDomAttributes(e, i, s), s.apply(new c("Migrate legacy config to nodeConfig"));
+    const i = o.getNodeConfig(), n = i && Object.keys(i).length > 0, t = g(e);
+    if (t != null && t.initialized) {
+      if (!n) {
+        const c = this.api.getDocumentModifier();
+        c.modifyHtml(o).setNodeConfig(t), this._stampProductTdDomAttributes(o, t, c), this._shouldReconcileCurrency(t) && this._reconcileCurrencyDomAttributes(o, t, c), c.apply(new f("Migrate legacy config to nodeConfig")), this._markCurrencyHealed(t.blockInstanceId);
+        return;
       }
-    else {
-      const s = N(), m = this.api.getDocumentModifier();
-      m.modifyHtml(e).setNodeConfig(s), this._stampProductTdDomAttributes(e, s, m, !0), m.apply(new c("Initialize Items block with default configuration")), y().startOnboarding("itemsOnboarding");
+    } else {
+      const c = P(), p = this.api.getDocumentModifier();
+      p.modifyHtml(o).setNodeConfig(c), this._stampProductTdDomAttributes(o, c, p, !0), p.apply(new f("Initialize Items block with default configuration")), N().startOnboarding("itemsOnboarding");
+      return;
     }
+    const a = t.blockInstanceId || String(Date.now()), d = this.api.getDocumentModifier();
+    let l = !1;
+    t.blockInstanceId || (d.modifyHtml(o).setNodeConfig({ ...t, blockInstanceId: a }), l = !0), this._shouldReconcileCurrency(t) && this._reconcileCurrencyDomAttributes(o, t, d) && (l = !0), l && d.apply(new f("Assign Items block instance ID and reconcile currency")), this._markCurrencyHealed(a);
   }
   /**
    * Re-seeds nodeConfig from the persisted esd-ext-config when a saved module
@@ -70,18 +83,24 @@ class E extends C {
    * into nodeConfig, so without this a reused module would reset to defaults.
    * Guarded to the nodeConfig-empty case so it runs once and never loops.
    */
-  onDocumentChanged(n) {
-    const t = u(n);
-    if (!t)
+  onDocumentChanged(e) {
+    const r = b(e);
+    if (!r)
       return;
-    const a = t.getNodeConfig();
-    if (a && Object.keys(a).length > 0)
+    const s = r.getNodeConfig();
+    if (s && Object.keys(s).length > 0) {
+      const t = g(e);
+      if (t != null && t.initialized && this._shouldReconcileCurrency(t)) {
+        const a = this.api.getDocumentModifier();
+        this._reconcileCurrencyDomAttributes(r, t, a) && a.apply(new f(w)), this._markCurrencyHealed(t.blockInstanceId);
+      }
       return;
-    const o = f(n);
-    if (!(o != null && o.initialized))
+    }
+    const i = g(e);
+    if (!(i != null && i.initialized))
       return;
-    const r = this.api.getDocumentModifier();
-    r.modifyHtml(t).setNodeConfig(o), this._stampProductTdDomAttributes(t, o, r), r.apply(new c("Recover Items block config from saved module"));
+    const n = this.api.getDocumentModifier();
+    n.modifyHtml(r).setNodeConfig(i), this._stampProductTdDomAttributes(r, i, n), this._shouldReconcileCurrency(i) && this._reconcileCurrencyDomAttributes(r, i, n), n.apply(new f("Recover Items block config from saved module")), this._markCurrencyHealed(i.blockInstanceId);
   }
   /**
    * Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) onto the
@@ -91,14 +110,51 @@ class E extends C {
    * restored before export. The name `<a>` carries no data-type/data-number of its own and
    * relies on this td-level fallback in pairProductVariables.
    */
-  _stampProductTdDomAttributes(n, t, a, e = !1) {
-    const o = D(t.itemsSelectValue, t.type), r = (i, s) => {
-      e && n.getAttribute(i) || a.modifyHtml(n).setAttribute(i, s);
+  _stampProductTdDomAttributes(e, r, s, o = !1) {
+    const i = B(r.itemsSelectValue, r.type), n = (t, a) => {
+      o && e.getAttribute(t) || s.modifyHtml(e).setAttribute(t, a);
     };
-    r("data-type", t.type), r("data-number", o), r("data-nodup", String(t.priceHideDiscount));
+    n("data-type", r.type), n("data-number", i), n("data-nodup", String(r.priceHideDiscount));
+  }
+  /**
+   * Whether a currency self-heal pass should run for this block (SD-147588). The only gate here is
+   * once-per-session: heal each instance at most once, so the auto-fix can't fight undo (undo
+   * re-drifts the attr, which would otherwise re-trigger the heal forever). The position-vs-symbol
+   * authority split lives in `_reconcileCurrencyDomAttributes` — position is always authoritative,
+   * the symbol write alone is skipped for the 'USD' sentinel — so we must NOT gate the whole pass
+   * on symbol customization here, or a default-symbol block with a toggled location never heals.
+   */
+  _shouldReconcileCurrency(e) {
+    return !e.blockInstanceId || !this._currencyHealed.has(e.blockInstanceId);
+  }
+  /** Marks a block instance's currency as reconciled so it is not healed again (undo-safe). */
+  _markCurrencyHealed(e) {
+    e && this._currencyHealed.add(e);
+  }
+  /**
+   * Stamps the export-read currency attrs onto every price `<p>` from config, so a template whose
+   * attrs drifted (e.g. a location toggle before the sync fix) self-heals to match the editor.
+   * Config is the source of truth — never derive from visible text.
+   *
+   * Position and symbol differ in authority (SD-147588):
+   * - `data-curency` (position) comes from `priceCurrencyLocation`, captured independently of the
+   *   symbol, so it is ALWAYS authoritative and healed whenever it drifts — even with a default
+   *   symbol (otherwise the default-symbol + toggled-location case stays broken on export).
+   * - `data-currency_symbol` is stamped only for a customized symbol; the 'USD' sentinel may be a
+   *   migrator default, so we trust the DOM's real value over it and never overwrite.
+   *
+   * Returns true only when an attr actually changed, so the caller can skip an empty apply that
+   * would otherwise re-trigger onDocumentChanged and loop.
+   */
+  _reconcileCurrencyDomAttributes(e, r, s) {
+    const o = r.priceCurrencyLocation, i = o != null && String(o).trim() !== "", n = H(o), t = (r.priceCurrencySymbol ?? "").trim(), a = R(t), d = e.querySelectorAll(`.${O.PRICE} p`);
+    let l = !1;
+    return d.forEach((c) => {
+      i && c.getAttribute(y.POSITION) !== n && (s.modifyHtml(c).setAttribute(y.POSITION, n), l = !0), a && c.getAttribute(y.SYMBOL) !== t && (s.modifyHtml(c).setAttribute(y.SYMBOL, t), l = !0);
+    }), l;
   }
 }
 export {
-  p as BLOCK_ID,
-  E as ItemsBlock
+  k as BLOCK_ID,
+  K as ItemsBlock
 };

package/dist/extensions/Blocks/Items/constants/currency.js

@@ -0,0 +1,17 @@
+import { DefaultConfigValues as t } from "../enums/settingsEnums.js";
+const e = {
+  POSITION: "data-curency",
+  SYMBOL: "data-currency_symbol"
+};
+function c(r) {
+  return r === "1" ? "after" : "before";
+}
+function u(r) {
+  const o = (r ?? "").trim();
+  return o !== "" && o !== t.productPriceCurrencySymbolControlValue;
+}
+export {
+  e as ITEMS_CURRENCY_ATTR,
+  c as currencyPositionFromLocation,
+  u as isCustomCurrencySymbol
+};

package/dist/extensions/Blocks/Items/controls/price/currencyLocation.js

@@ -1,14 +1,15 @@
-import { currencyLocationMaps as u } from "../../../../../enums/extensions/recommendationBlock.js";
-import { UEAttr as R, ModificationDescription as L } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as N } from "../../../common-control.js";
+import { currencyLocationMaps as p } from "../../../../../enums/extensions/recommendationBlock.js";
+import { UEAttr as N, ModificationDescription as I } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as L } from "../../../common-control.js";
+import { ITEMS_CURRENCY_ATTR as T, currencyPositionFromLocation as E } from "../../constants/currency.js";
 import { ItemsBlockControlId as m } from "../../enums/controlEnums.js";
-import { getItemsBlockConfig as C, setItemsBlockConfig as I, escapeReplacement as T } from "../../utils/nodeConfigUtils.js";
-const E = m.PRICE_CURRENCY_LOCATION, c = {
+import { getItemsBlockConfig as l, setItemsBlockConfig as O, escapeReplacement as f } from "../../utils/nodeConfigUtils.js";
+const b = m.PRICE_CURRENCY_LOCATION, c = {
   CURRENCY_LOCATION: "currencyLocation"
 };
-class A extends N {
+class Y extends L {
   getId() {
-    return E;
+    return b;
   }
   getTemplate() {
     return `
@@ -18,32 +19,32 @@ class A extends N {
         `;
   }
   onRender() {
-    const e = C(this.currentNode);
-    this.api.setUIEAttribute(c.CURRENCY_LOCATION, R.SELECTPICKER.items, u), this.api.updateValues({ [c.CURRENCY_LOCATION]: (e == null ? void 0 : e.priceCurrencyLocation) ?? "0" }), this.api.onValueChanged(c.CURRENCY_LOCATION, (t) => {
+    const e = l(this.currentNode);
+    this.api.setUIEAttribute(c.CURRENCY_LOCATION, N.SELECTPICKER.items, p), this.api.updateValues({ [c.CURRENCY_LOCATION]: (e == null ? void 0 : e.priceCurrencyLocation) ?? "0" }), this.api.onValueChanged(c.CURRENCY_LOCATION, (t) => {
       this._onCurrencyLocationChange(t);
     });
   }
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
-      const t = C(this.currentNode);
+      const t = l(this.currentNode);
       this.api.updateValues({ [c.CURRENCY_LOCATION]: (t == null ? void 0 : t.priceCurrencyLocation) ?? "0" });
     });
   }
   _onCurrencyLocationChange(e) {
-    if (console.debug("Currency location changed to: ", e), I(this.currentNode, this.api, { priceCurrencyLocation: e }), !this.currentNode)
+    if (console.debug("Currency location changed to: ", e), O(this.currentNode, this.api, { priceCurrencyLocation: e }), !this.currentNode)
       return;
     const t = this._getPriceBlocks();
     if (!t || t.length === 0)
       return;
-    const r = C(this.currentNode), n = e || "0", o = (r == null ? void 0 : r.priceCurrencySymbol) ?? "", i = this.api.getDocumentModifier();
-    t.forEach((a) => {
-      const s = this._getParagraph(a);
-      if (!s)
+    const r = l(this.currentNode), n = e || "0", o = (r == null ? void 0 : r.priceCurrencySymbol) ?? "", i = E(n), s = this.api.getDocumentModifier();
+    t.forEach((h) => {
+      const a = this._getParagraph(h);
+      if (!a)
         return;
-      const h = s.getInnerHTML().trim() || "", l = s.getInnerText().trim() || "", p = (o == null ? void 0 : o.trim()) || "", d = this._removeCurrencySymbol(l, p), g = this._detectSymbolInText(l) || p, _ = this._buildPriceContent(d, g, n), y = h.replace(l, T(_));
-      i.modifyHtml(s).setInnerHtml(y);
-    }), i.apply(new L(
-      `Updated currency location to ${n === "1" ? "after" : "before"}`
+      const d = a.getInnerHTML().trim() || "", C = a.getInnerText().trim() || "", u = (o == null ? void 0 : o.trim()) || "", _ = this._removeCurrencySymbol(C, u), g = this._detectSymbolInText(C) || u, R = this._buildPriceContent(_, g, n), y = d.replace(C, f(R));
+      s.modifyHtml(a).setInnerHtml(y).setAttribute(T.POSITION, i);
+    }), s.apply(new I(
+      `Updated currency location to ${i}`
     ));
   }
   _getPriceBlocks() {
@@ -65,8 +66,8 @@ class A extends N {
     } else {
       const o = r.match(/([^0-9.,\s]+)/);
       if (o && o[1]) {
-        const i = o[1].trim(), a = new RegExp(`\\s*${this._escapeRegex(i)}\\s*`);
-        n = r.replace(a, "").trim();
+        const i = o[1].trim(), s = new RegExp(`\\s*${this._escapeRegex(i)}\\s*`);
+        n = r.replace(s, "").trim();
       }
     }
     return n;
@@ -85,13 +86,13 @@ class A extends N {
       this._GuSelect({
         name: c.CURRENCY_LOCATION,
         placeholder: "",
-        options: u
+        options: p
       })
     ])}
         `;
   }
 }
 export {
-  E as CONTROL_BLOCK_ID,
-  A as PriceCurrencyLocationControl
+  b as CONTROL_BLOCK_ID,
+  Y as PriceCurrencyLocationControl
 };

package/dist/extensions/Blocks/Items/controls/price/currencySymbol.js

@@ -1,20 +1,21 @@
 var R = Object.defineProperty;
 var N = (s, c, e) => c in s ? R(s, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[c] = e;
 var h = (s, c, e) => N(s, typeof c != "symbol" ? c + "" : c, e);
-import { ModificationDescription as B } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as E } from "../../../common-control.js";
+import { ModificationDescription as E } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as B } from "../../../common-control.js";
+import { ITEMS_CURRENCY_ATTR as T } from "../../constants/currency.js";
 import { ItemsBlockControlId as y } from "../../enums/controlEnums.js";
-import { getItemsBlockConfig as p, setItemsBlockConfig as x, escapeReplacement as f } from "../../utils/nodeConfigUtils.js";
-const I = y.PRICE_CURRENCY_SYMBOL, u = {
+import { getItemsBlockConfig as p, setItemsBlockConfig as Y, escapeReplacement as f } from "../../utils/nodeConfigUtils.js";
+const x = y.PRICE_CURRENCY_SYMBOL, u = {
   CURRENCY_SYMBOL: "currencySymbol"
 };
-class P extends E {
+class $ extends B {
   constructor() {
     super(...arguments);
     h(this, "originalPriceContents", /* @__PURE__ */ new Map());
   }
   getId() {
-    return I;
+    return x;
   }
   getTemplate() {
     return `
@@ -42,7 +43,7 @@ class P extends E {
     var a;
     console.debug("Currency symbol changed to: ", e);
     const t = p(this.currentNode), o = ((a = t == null ? void 0 : t.priceCurrencySymbol) == null ? void 0 : a.trim()) || "";
-    if (x(this.currentNode, this.api, { priceCurrencySymbol: e }), !this.currentNode)
+    if (Y(this.currentNode, this.api, { priceCurrencySymbol: e }), !this.currentNode)
       return;
     const r = this._getPriceBlocks();
     if (!r || r.length === 0)
@@ -53,8 +54,8 @@ class P extends E {
       if (!m)
         return;
       const g = m.getInnerHTML().trim() || "", C = m.getInnerText().trim() || "", _ = this._removeCurrencySymbol(C, o), S = this._buildPriceContent(_, n, l), b = g.replace(C, f(S));
-      i.modifyHtml(m).setInnerHtml(b).setAttribute("data-currency_symbol", n);
-    }), i.apply(new B(
+      i.modifyHtml(m).setInnerHtml(b).setAttribute(T.SYMBOL, n);
+    }), i.apply(new E(
       `Updated currency symbol to ${n || "removed"}`
     ));
   }
@@ -115,6 +116,6 @@ class P extends E {
   }
 }
 export {
-  I as CONTROL_BLOCK_ID,
-  P as PriceCurrencySymbolControl
+  x as CONTROL_BLOCK_ID,
+  $ as PriceCurrencySymbolControl
 };

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

@@ -1,24 +1,25 @@
 import { escapeHtml as m } from "../../../utils/htmlEscape.js";
-import { BlockType as R, BlockAttr as S } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { ItemsBlockId as O } from "./enums/controlEnums.js";
-import { productPairs as h, templateFirstLine as q } from "./enums/productEnums.js";
-import { ItemInCartOptions as j, SETTINGS_ENUMS as N, DefaultConfigValues as M } from "./enums/settingsEnums.js";
-import C from "./layouts/horizontal.html.js";
-import J from "./layouts/vertical.html.js";
-import { deriveItemNumber as Z, escapeReplacement as g } from "./utils/nodeConfigUtils.js";
-let [v] = h.PAIRS_FOR_EXTENSION.imageSrc.CART_ITEMS.DEFAULT, [F] = h.PAIRS_FOR_EXTENSION.name.CART_ITEMS.DEFAULT, [x] = h.PAIRS_FOR_EXTENSION.price.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [L] = h.PAIRS_FOR_EXTENSION.originalPrice.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [X] = h.PAIRS_FOR_EXTENSION.quantity.CART_ITEMS.DEFAULT;
-const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCase().startsWith(e.toLowerCase())).join("; ").replace(/;\s*$/, ""), k = (s) => U(s, "text-align"), y = (s, e) => {
-  const r = new RegExp(`${e}\\s*:\\s*([^;]+)`, "i"), a = s.match(r);
-  return a ? a[1].trim() : null;
-}, w = (s) => `<tr>${s}</tr>`, f = (s, e, r, a) => {
-  const i = r || M.productImageHeight, d = (a == null ? void 0 : a.imageVisible) === !1 ? "display: none; " : "";
-  return w(`
+import { BlockType as R, BlockAttr as w } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { ITEMS_CURRENCY_ATTR as U, currencyPositionFromLocation as z } from "./constants/currency.js";
+import { ItemsBlockId as _ } from "./enums/controlEnums.js";
+import { productPairs as h, templateFirstLine as j } from "./enums/productEnums.js";
+import { ItemInCartOptions as J, SETTINGS_ENUMS as y, DefaultConfigValues as k } from "./enums/settingsEnums.js";
+import Z from "./layouts/horizontal.html.js";
+import f from "./layouts/vertical.html.js";
+import { deriveItemNumber as tt, escapeReplacement as g } from "./utils/nodeConfigUtils.js";
+let [G] = h.PAIRS_FOR_EXTENSION.imageSrc.CART_ITEMS.DEFAULT, [F] = h.PAIRS_FOR_EXTENSION.name.CART_ITEMS.DEFAULT, [L] = h.PAIRS_FOR_EXTENSION.price.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [x] = h.PAIRS_FOR_EXTENSION.originalPrice.CART_ITEMS.DEFAULT_PRICE_FORMATTED, [v] = h.PAIRS_FOR_EXTENSION.quantity.CART_ITEMS.DEFAULT;
+const M = (a, e) => a.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCase().startsWith(e.toLowerCase())).join("; ").replace(/;\s*$/, ""), V = (a) => M(a, "text-align"), S = (a, e) => {
+  const r = new RegExp(`${e}\\s*:\\s*([^;]+)`, "i"), s = a.match(r);
+  return s ? s[1].trim() : null;
+}, N = (a) => `<tr>${a}</tr>`, et = (a, e, r, s) => {
+  const i = r || k.productImageHeight, d = (s == null ? void 0 : s.imageVisible) === !1 ? "display: none; " : "";
+  return N(`
         <td class="esd-block-image document-node-component default-block-component selectable ng-star-inserted"
             align="center"
-            esd-extension-block-id="${O.IMAGE}"
+            esd-extension-block-id="${_.IMAGE}"
             data-slot-1=""
             product-attr="imageSrc"
-            data-type="${s}"
+            data-type="${a}"
             data-number="${e}"
             style="${d}font-size: 0px;">
             <a class="document-node-component ng-star-inserted"
@@ -26,27 +27,27 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
                 href="#!">
                 <img class="adapt-img document-node-component ng-star-inserted"
                     style="object-fit: contain;"
-                    src="${v}"
+                    src="${G}"
                     alt="${F}"
                     width="${i}"
                     height="${i}">
             </a>
         </td>
     `);
-}, tt = (s, e) => `
+}, at = (a, e) => `
     <${R.BLOCK_IMAGE}
-        ${S.BLOCK_IMAGE.src}="${v}"
-        ${S.BLOCK_IMAGE.alt}="${F}"
-        ${S.BLOCK_IMAGE.href}="#!"
-        ${S.BLOCK_IMAGE.width}="${M.productImageWidth}"
-        ${S.BLOCK_IMAGE.height}="${M.productImageWidth}"
-        esd-extension-block-id="${O.IMAGE}"
+        ${w.BLOCK_IMAGE.src}="${G}"
+        ${w.BLOCK_IMAGE.alt}="${F}"
+        ${w.BLOCK_IMAGE.href}="#!"
+        ${w.BLOCK_IMAGE.width}="${k.productImageWidth}"
+        ${w.BLOCK_IMAGE.height}="${k.productImageWidth}"
+        esd-extension-block-id="${_.IMAGE}"
         data-slot-1
         product-attr="imageSrc"
-        data-type="${s}"
+        data-type="${a}"
         data-number="${e}"
     />
-    `, et = (s, e, r, a) => {
+    `, st = (a, e, r, s) => {
   const i = `
         word-wrap: break-word;
         white-space: nowrap;
@@ -56,27 +57,27 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
         max-width: 100%;
     `;
   if (e) {
-    const d = y(r || "", "text-align") || "center", n = k(r || i), c = y(n, "font-weight"), l = y(n, "font-style"), o = c === "bold" || c === "700", t = l === "italic", p = U(
-      U(
-        U(n, "font-weight"),
+    const d = S(r || "", "text-align") || "center", n = V(r || i), c = S(n, "font-weight"), l = S(n, "font-style"), o = c === "bold" || c === "700", t = l === "italic", p = M(
+      M(
+        M(n, "font-weight"),
         "font-style"
       ),
       "text-decoration"
-    ), T = (a == null ? void 0 : a.nameVisible) === !1 ? "display: none;" : "display: table-cell;", _ = p ? ` style="${m(p)}"` : "";
-    let E = F;
-    return o && (E = `<strong>${E}</strong>`), t && (E = `<em>${E}</em>`), w(`
+    ), T = (s == null ? void 0 : s.nameVisible) === !1 ? "display: none;" : "display: table-cell;", u = p ? ` style="${m(p)}"` : "";
+    let $ = F;
+    return o && ($ = `<strong>${$}</strong>`), t && ($ = `<em>${$}</em>`), N(`
             <td class="esd-block-text es-p10"
                 align="${d}"
                 width="100%"
                 colspan="2"
-                data-type="${s}"
-                esd-extension-block-id="${O.NAME}"
+                data-type="${a}"
+                esd-extension-block-id="${_.NAME}"
                 style="${T}">
                 <p contenteditable="false"
                     path="1"
                     product-attr="name"
-                    data-slot-2${_}>
-                    ${E}
+                    data-slot-2${u}>
+                    ${$}
                 </p>
             </td>
         `);
@@ -86,8 +87,8 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
         align="center"
         colspan="2"
         class="es-p10"
-        data-type="${s}"
-        esd-extension-block-id="${O.NAME}"
+        data-type="${a}"
+        esd-extension-block-id="${_.NAME}"
     >
         <p contenteditable="false"
             product-attr="name"
@@ -97,31 +98,31 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
         </p>
     </${R.BLOCK_TEXT}>
 `;
-}, at = (s, e, r, a, i, d, n, c, l, o) => {
-  let t = x;
-  if (a && a.trim()) {
-    const $ = `${a.trim()}`;
-    t = (i || "0") === "1" ? `${x}&nbsp;${$}` : `${$}&nbsp;${x}`;
+}, lt = (a, e, r, s, i, d, n, c, l, o) => {
+  let t = L;
+  if (s && s.trim()) {
+    const E = `${s.trim()}`;
+    t = (i || "0") === "1" ? `${L}&nbsp;${E}` : `${E}&nbsp;${L}`;
   }
-  const p = i === "1" ? "after" : "before", T = `data-formated="${r ? "true" : "false"}"`, _ = `data-curency="${p}"`, E = a ? `data-currency_symbol="${a}"` : "", u = `data-single_price="${c ? "true" : "false"}"`, I = l === N.ORIENTATION.VERTICAL ? " es-p10b es-p10t" : "";
+  const p = z(i), T = `data-formated="${r ? "true" : "false"}"`, u = `${U.POSITION}="${p}"`, $ = s ? `${U.SYMBOL}="${s}"` : "", O = `data-single_price="${c ? "true" : "false"}"`, b = l === y.ORIENTATION.VERTICAL ? " es-p10b es-p10t" : "";
   if (d) {
-    const b = k(n || "color: #060606; white-space: nowrap; font-size: 20px;"), A = o ? "" : ' style="display: none;"';
-    return w(`
-        <td class="esd-block-text items-block-price${I}"
+    const I = V(n || "color: #060606; white-space: nowrap; font-size: 20px;"), P = o ? "" : ' style="display: none;"';
+    return N(`
+        <td class="esd-block-text items-block-price${b}"
             align="center"
-            esd-extension-block-id="${O.PRICE}"
+            esd-extension-block-id="${_.PRICE}"
             width="100%"
-            ${A}>
+            ${P}>
             <p product-attr="price"
                 contenteditable="false"
                 data-slot-4
-                data-type="${s}"
+                data-type="${a}"
                 data-number="${e}"
                 ${T}
-                ${_}
-                ${E}
                 ${u}
-                style="${m(b)}">
+                ${$}
+                ${O}
+                style="${m(I)}">
                 ${t}
             </p>
         </td>
@@ -129,8 +130,8 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
   }
   return `
         <${R.BLOCK_TEXT}
-            esd-extension-block-id="${O.PRICE}"
-            class="items-block-price ${I}"
+            esd-extension-block-id="${_.PRICE}"
+            class="items-block-price ${b}"
             width="100%"
             align="center"
         >
@@ -138,42 +139,42 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
                 product-attr="price"
                 contenteditable="false"
                 data-slot-4
-                data-type="${s}"
+                data-type="${a}"
                 data-number="${e}"
                 ${T}
-                ${_}
-                ${a ? `data-currency_symbol="${a}"` : ""}
                 ${u}
+                ${$}
+                ${O}
             >
                 ${t}
             </p>
         </${R.BLOCK_TEXT}>
     `;
-}, st = (s, e, r, a, i, d, n = !0, c, l, o) => {
-  let t = L;
-  if (a && a.trim()) {
-    const $ = `${a.trim()}`;
-    t = (i || "0") === "1" ? `${L}&nbsp;${$}` : `${$}&nbsp;${L}`;
+}, rt = (a, e, r, s, i, d, n = !0, c, l, o) => {
+  let t = x;
+  if (s && s.trim()) {
+    const I = `${s.trim()}`;
+    t = (i || "0") === "1" ? `${x}&nbsp;${I}` : `${I}&nbsp;${x}`;
   }
-  const p = i === "1" ? "after" : "before", T = `data-formated="${r ? "true" : "false"}"`, _ = `data-curency="${p}"`, E = n ? "" : ' style="display: none;"', u = `data-single_price="${l ? "true" : "false"}"`, I = o === N.ORIENTATION.VERTICAL ? " es-p10b es-p10t" : "";
+  const p = z(i), T = `data-formated="${r ? "true" : "false"}"`, u = `${U.POSITION}="${p}"`, $ = s ? `${U.SYMBOL}="${s}"` : "", O = n ? "" : ' style="display: none;"', A = `data-single_price="${l ? "true" : "false"}"`, E = o === y.ORIENTATION.VERTICAL ? " es-p10b es-p10t" : "";
   if (d) {
-    const b = k(c || "color: #cc0000; white-space: nowrap; font-size: 19px;");
-    return w(`
-            <td class="esd-block-text items-block-price${I}"
-                esd-extension-block-id="${O.ORIGINAL_PRICE}"
+    const P = V(c || "color: #cc0000; white-space: nowrap; font-size: 19px;");
+    return N(`
+            <td class="esd-block-text items-block-price${E}"
+                esd-extension-block-id="${_.ORIGINAL_PRICE}"
                 width="100%"
-                align="center"${E}>
+                align="center"${O}>
                 <p
                     product-attr="originalPrice"
                     contenteditable="false"
                     data-slot-5
-                    data-type="${s}"
+                    data-type="${a}"
                     data-number="${e}"
                     ${T}
-                    ${_}
-                    ${a ? `data-currency_symbol="${a}"` : ""}
                     ${u}
-                    style="${m(b)}">
+                    ${$}
+                    ${A}
+                    style="${m(P)}">
                     <s>${t}</s>
                 </p>
             </td>
@@ -181,8 +182,8 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
   }
   return `
         <${R.BLOCK_TEXT}
-            class="items-block-price ${I}"
-            esd-extension-block-id="${O.ORIGINAL_PRICE}"
+            class="items-block-price ${E}"
+            esd-extension-block-id="${_.ORIGINAL_PRICE}"
             width="100%"
             align="center"
             ${n ? "" : 'style="display: none;"'}
@@ -192,33 +193,33 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
                 contenteditable="false"
                 data-slot-5
                 style="color: #cc0000"
-                data-type="${s}"
+                data-type="${a}"
                 data-number="${e}"
                 ${T}
-                ${_}
-                ${a ? `data-currency_symbol="${a}"` : ""}
                 ${u}
+                ${$}
+                ${A}
             >
                 <s>${t}</s>
             </p>
         </${R.BLOCK_TEXT}>
     `;
-}, lt = (s = !0, e, r) => {
-  const a = s ? "" : 'style="display: none;"';
+}, ct = (a = !0, e, r) => {
+  const s = a ? "" : 'style="display: none;"';
   if (e) {
-    const i = "font-size: 14px;", d = y(r || "", "text-align") || "center", n = k(r || i);
-    return w(`
+    const i = "font-size: 14px;", d = S(r || "", "text-align") || "center", n = V(r || i);
+    return N(`
             <td class="esd-block-text es-p10 document-node-component default-block-component selectable"
                 width="100%" align="${d}"
-                esd-extension-block-id="${O.QUANTITY}"
-                ${a}>
+                esd-extension-block-id="${_.QUANTITY}"
+                ${s}>
                 <p  product-attr="quantity"
                     data-slot-3=""
                     contenteditable="false"
                     width="100%"
                     path="1"
                     style="${m(n)}">
-                    ${X}
+                    ${v}
                 </p>
             </td>
             `);
@@ -228,26 +229,26 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
             width="100%"
             align="center"
             class="es-p10"
-            esd-extension-block-id="${O.QUANTITY}"
-            ${s ? "" : 'style="display: none;"'}
+            esd-extension-block-id="${_.QUANTITY}"
+            ${a ? "" : 'style="display: none;"'}
         >
             <p
                 product-attr="quantity"
                 data-slot-3
                 contenteditable="false"
                 width="100%">
-                ${X}
+                ${v}
             </p>
         </${R.BLOCK_TEXT}>
     `;
-}, rt = (s, e, r = "Buy", a, i, d = !0, n = !0) => {
-  if (a) {
-    const c = y(i || "", "background") || y(i || "", "background-color"), l = c ? `border-width: 0px; background: ${c};` : "border-width: 0px;", o = d ? "es-fw" : "es-il", t = (i || "").replace("border-width: 0;", "");
-    return w(`
+}, it = (a, e, r = "Buy", s, i, d = !0, n = !0) => {
+  if (s) {
+    const c = S(i || "", "background") || S(i || "", "background-color"), l = c ? `border-width: 0px; background: ${c};` : "border-width: 0px;", o = d ? "es-fw" : "es-il", t = (i || "").replace("border-width: 0;", "");
+    return N(`
         <td class="esd-block-button ins-button default-block-component selectable"
             align="center" width="100%" name="buy-button" caption="${r}"
-            esd-extension-block-id="${O.BUTTON}"
-            product-attr="button" data-slot-6="" data-type="${s}" data-number="${e}"
+            esd-extension-block-id="${_.BUTTON}"
+            product-attr="button" data-slot-6="" data-type="${a}" data-number="${e}"
             ${n ? "" : ' style="display: none;"'}>
             <span class="es-button-border ${o}" style="${m(l)}">
             <a
@@ -268,19 +269,19 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
             name="buy-button"
             caption="${r}"
             align="center"
-            esd-extension-block-id="${O.BUTTON}"
+            esd-extension-block-id="${_.BUTTON}"
             product-attr="button"
             data-slot-6
-            data-type="${s}"
+            data-type="${a}"
             data-number="${e}"
         >${r}
         </${R.BLOCK_BUTTON}>
     `;
-}, ct = (s, e, r, a = !0, i = !0) => {
-  const d = e === N.ORIENTATION.VERTICAL, n = r === "horizontal";
+}, nt = (a, e, r, s = !0, i = !0) => {
+  const d = e === y.ORIENTATION.VERTICAL, n = r === "horizontal";
   if (d) {
-    const c = !n, l = c || !i ? "100%" : "50%", o = c || !a ? "100%" : "50%";
-    let t = s.replace(
+    const c = !n, l = c || !i ? "100%" : "50%", o = c || !s ? "100%" : "50%";
+    let t = a.replace(
       /<td\s+[^>]*class="([^"]*product-price-class[^"]*)"[^>]*>/gi,
       (p) => p.replace(/width="[^"]*"/gi, `width="${l}"`).replace(/width:\s*[^;]+;/gi, `width: ${l};`)
     );
@@ -289,64 +290,64 @@ const U = (s, e) => s.split(";").map((r) => r.trim()).filter((r) => !r.toLowerCa
       (p) => p.replace(/width="[^"]*"/gi, `width="${o}"`).replace(/width:\s*[^;]+;/gi, `width: ${o};`)
     ), t;
   }
-  return n ? s : s.replace(
+  return n ? a : a.replace(
     /<td\s+[^>]*class="[^"]*horizontal-price[^"]*"[^>]*>/gi,
     (c) => /style\s*=\s*"/i.test(c) ? c.replace(/style\s*=\s*"([^"]*)"/i, 'style="display: none; $1"') : c.replace(/>$/, ' style="display: none;">')
   ).replace(
     /<td\s+[^>]*class="[^"]*vertical-price[^"]*"[^>]*>/gi,
     (c) => c.replace(/display:\s*none;?/gi, "display: table-cell;")
   );
-}, it = (s) => s ? `<td align="center"
+}, dt = (a) => a ? `<td align="center"
             esd-extension-block-id="items-block"
-            class="ins-product-td items-block items-block-v2 esd-items-block esd-extension-block esd-container-frame">` : q, B = (s, e, r, a, i, d, n, c, l, o, t, p, T, _ = "horizontal", E, u, P, I) => {
-  const $ = o !== void 0 ? ` data-nodup="${o}"` : "", A = `${`data-type="${e}" data-number="${r}"`} data-orientation="${a}"${$}`, D = l == null ? void 0 : l["data-product_image_control_image-height"], V = d ? f(e, r, D, t) : tt(e, r), W = (t == null ? void 0 : t.buttonLabel) || "Buy", z = (t == null ? void 0 : t.buttonFullWidth) !== void 0 ? t.buttonFullWidth : !0, H = e === N.ITEMS_TYPE.BROWSED_ITEMS ? !1 : t == null ? void 0 : t.quantityControlEnabled, Q = (t == null ? void 0 : t.buttonVisible) !== void 0 ? t.buttonVisible : (l == null ? void 0 : l["data-product_button_control_enabled"]) !== "false", G = (t == null ? void 0 : t.priceVisible) !== void 0 ? t.priceVisible : (l == null ? void 0 : l["data-product_price_control_enabled"]) !== "false", K = (t == null ? void 0 : t.originalPriceVisible) !== void 0 ? t.originalPriceVisible : (l == null ? void 0 : l["data-product_original_price_control_enabled"]) !== "false", Y = s.replace("{-{-TEMPLATE_FIRST_LINE-}-}", it(d)).replace("{-{-PRODUCT_IMAGE-}-}", V).replace("{-{-PRODUCT_NAME-}-}", et(e, d, p, t)).replaceAll(
+            class="ins-product-td items-block items-block-v2 esd-items-block esd-extension-block esd-container-frame">` : j, W = (a, e, r, s, i, d, n, c, l, o, t, p, T, u = "horizontal", $, O, A, b) => {
+  const E = o !== void 0 ? ` data-nodup="${o}"` : "", P = `${`data-type="${e}" data-number="${r}"`} data-orientation="${s}"${E}`, D = l == null ? void 0 : l["data-product_image_control_image-height"], X = d ? et(e, r, D, t) : at(e, r), H = (t == null ? void 0 : t.buttonLabel) || "Buy", Q = (t == null ? void 0 : t.buttonFullWidth) !== void 0 ? t.buttonFullWidth : !0, Y = e === y.ITEMS_TYPE.BROWSED_ITEMS ? !1 : t == null ? void 0 : t.quantityControlEnabled, q = (t == null ? void 0 : t.buttonVisible) !== void 0 ? t.buttonVisible : (l == null ? void 0 : l["data-product_button_control_enabled"]) !== "false", K = (t == null ? void 0 : t.priceVisible) !== void 0 ? t.priceVisible : (l == null ? void 0 : l["data-product_price_control_enabled"]) !== "false", B = (t == null ? void 0 : t.originalPriceVisible) !== void 0 ? t.originalPriceVisible : (l == null ? void 0 : l["data-product_original_price_control_enabled"]) !== "false", C = a.replace("{-{-TEMPLATE_FIRST_LINE-}-}", dt(d)).replace("{-{-PRODUCT_IMAGE-}-}", X).replace("{-{-PRODUCT_NAME-}-}", st(e, d, p, t)).replaceAll(
     "{-{-PRODUCT_PRICE-}-}",
-    g(at(
+    g(lt(
       e,
       r,
       i,
       n,
       c,
       d,
-      E,
-      I,
-      a,
-      G
+      $,
+      b,
+      s,
+      K
     ))
   ).replaceAll(
     "{-{-PRODUCT_ORIGINAL_PRICE-}-}",
-    g(st(
+    g(rt(
       e,
       r,
       i,
       n,
       c,
       d,
-      K,
-      u,
-      I,
-      a
+      B,
+      O,
+      b,
+      s
     ))
-  ).replace("{-{-PRODUCT_QUANTITY-}-}", lt(H, d, P)).replace(
+  ).replace("{-{-PRODUCT_QUANTITY-}-}", ct(Y, d, A)).replace(
     "{-{-PRODUCT_BUTTON-}-}",
-    rt(e, r, W, d, T, z, Q)
+    it(e, r, H, d, T, Q, q)
   ).replace(
     /<td([^>]*class="[^"]*ins-product-td[^"]*"[^>]*)>/,
-    `<td$1 ${A}>`
+    `<td$1 ${P}>`
   );
-  return ct(
-    Y,
-    a,
-    _,
-    G,
-    K
+  return nt(
+    C,
+    s,
+    u,
+    K,
+    B
   );
 };
-function It({
-  orientation: s,
-  itemsType: e = N.ITEMS_TYPE.CART_ITEMS,
+function bt({
+  orientation: a,
+  itemsType: e = y.ITEMS_TYPE.CART_ITEMS,
   itemId: r,
-  currencySymbol: a,
+  currencySymbol: s,
   currencyLocation: i,
   migrate: d = !1,
   formattedPrice: n = !0,
@@ -356,22 +357,22 @@ function It({
   buttonStyles: t,
   priceStyles: p,
   originalPriceStyles: T,
-  quantityStyles: _,
-  priceOrientation: E
+  quantityStyles: u,
+  priceOrientation: $
 }) {
-  const u = j[e].findIndex((V) => V.value === r), P = Z(r, e), I = (l == null ? void 0 : l.priceSinglePrice) ?? (c == null ? void 0 : c["data-product_price_control_single_price"]) === "1" ?? !1;
-  v = h.PAIRS_FOR_EXTENSION.imageSrc[e].DEFAULT[u >= 0 ? u : 0], F = h.PAIRS_FOR_EXTENSION.name[e].DEFAULT[u >= 0 ? u : 0];
-  const $ = h.PAIRS_FOR_EXTENSION.price[e], b = h.PAIRS_FOR_EXTENSION.originalPrice[e];
-  I ? (x = n ? $.DEFAULT_SINGLE_PRICE_FORMATTED : $.DEFAULT_SINGLE_PRICE, L = n ? b.DEFAULT_SINGLE_PRICE_FORMATTED : b.DEFAULT_SINGLE_PRICE) : (x = n ? $.DEFAULT_PRICE_FORMATTED : $.DEFAULT_PRICE, L = n ? b.DEFAULT_PRICE_FORMATTED : b.DEFAULT_PRICE), X = h.PAIRS_FOR_EXTENSION.quantity[e].DEFAULT;
-  const A = E || (l == null ? void 0 : l.priceOrientation) || "horizontal", D = (l == null ? void 0 : l.priceHideDiscount) ?? M.productPriceHideDiscountControlValue === "1";
-  return s === N.ORIENTATION.VERTICAL ? B(
-    J,
+  const O = J[e].findIndex((X) => X.value === r), A = tt(r, e), b = (l == null ? void 0 : l.priceSinglePrice) ?? (c == null ? void 0 : c["data-product_price_control_single_price"]) === "1" ?? !1;
+  G = h.PAIRS_FOR_EXTENSION.imageSrc[e].DEFAULT[O >= 0 ? O : 0], F = h.PAIRS_FOR_EXTENSION.name[e].DEFAULT[O >= 0 ? O : 0];
+  const E = h.PAIRS_FOR_EXTENSION.price[e], I = h.PAIRS_FOR_EXTENSION.originalPrice[e];
+  b ? (L = n ? E.DEFAULT_SINGLE_PRICE_FORMATTED : E.DEFAULT_SINGLE_PRICE, x = n ? I.DEFAULT_SINGLE_PRICE_FORMATTED : I.DEFAULT_SINGLE_PRICE) : (L = n ? E.DEFAULT_PRICE_FORMATTED : E.DEFAULT_PRICE, x = n ? I.DEFAULT_PRICE_FORMATTED : I.DEFAULT_PRICE), v = h.PAIRS_FOR_EXTENSION.quantity[e].DEFAULT;
+  const P = $ || (l == null ? void 0 : l.priceOrientation) || "horizontal", D = (l == null ? void 0 : l.priceHideDiscount) ?? k.productPriceHideDiscountControlValue === "1";
+  return a === y.ORIENTATION.VERTICAL ? W(
+    f,
     e,
-    P,
-    s,
+    A,
+    a,
     n,
     d,
-    a,
+    s,
     i,
     c,
     String(D),
@@ -379,19 +380,19 @@ function It({
     l,
     o,
     t,
-    A,
+    P,
     p,
     T,
-    _,
-    I
-  ) : B(
-    C,
+    u,
+    b
+  ) : W(
+    Z,
     e,
-    P,
-    s,
+    A,
+    a,
     n,
     d,
-    a,
+    s,
     i,
     c,
     String(D),
@@ -399,14 +400,14 @@ function It({
     l,
     o,
     t,
-    A,
+    P,
     p,
     T,
-    _,
-    I
+    u,
+    b
   );
 }
 export {
-  It as getDefaultTemplate,
-  w as wrapInTableRow
+  bt as getDefaultTemplate,
+  N as wrapInTableRow
 };

package/dist/package.json.js

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

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

@@ -16,6 +16,8 @@ export declare const BLOCK_ID: BlockId;
  * - Onboarding support
  */
 export declare class ItemsBlock extends Block {
+    /** Block instances whose currency attrs were already self-healed this session (SD-147588 — undo-safe). */
+    private _currencyHealed;
     getId(): string;
     getIcon(): string;
     getBlockCompositionType(): BlockCompositionType;
@@ -42,4 +44,31 @@ export declare class ItemsBlock extends Block {
      * relies on this td-level fallback in pairProductVariables.
      */
     private _stampProductTdDomAttributes;
+    /**
+     * Whether a currency self-heal pass should run for this block (SD-147588). The only gate here is
+     * once-per-session: heal each instance at most once, so the auto-fix can't fight undo (undo
+     * re-drifts the attr, which would otherwise re-trigger the heal forever). The position-vs-symbol
+     * authority split lives in `_reconcileCurrencyDomAttributes` — position is always authoritative,
+     * the symbol write alone is skipped for the 'USD' sentinel — so we must NOT gate the whole pass
+     * on symbol customization here, or a default-symbol block with a toggled location never heals.
+     */
+    private _shouldReconcileCurrency;
+    /** Marks a block instance's currency as reconciled so it is not healed again (undo-safe). */
+    private _markCurrencyHealed;
+    /**
+     * Stamps the export-read currency attrs onto every price `<p>` from config, so a template whose
+     * attrs drifted (e.g. a location toggle before the sync fix) self-heals to match the editor.
+     * Config is the source of truth — never derive from visible text.
+     *
+     * Position and symbol differ in authority (SD-147588):
+     * - `data-curency` (position) comes from `priceCurrencyLocation`, captured independently of the
+     *   symbol, so it is ALWAYS authoritative and healed whenever it drifts — even with a default
+     *   symbol (otherwise the default-symbol + toggled-location case stays broken on export).
+     * - `data-currency_symbol` is stamped only for a customized symbol; the 'USD' sentinel may be a
+     *   migrator default, so we trust the DOM's real value over it and never overwrite.
+     *
+     * Returns true only when an attr actually changed, so the caller can skip an empty apply that
+     * would otherwise re-trigger onDocumentChanged and loop.
+     */
+    private _reconcileCurrencyDomAttributes;
 }

package/dist/src/extensions/Blocks/Items/constants/currency.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Single owner for the Items price currency export contract (SD-147588).
+ *
+ * `data-curency` is deliberately misspelled (one `r`) — it is the attribute the
+ * server-side export transform (pairProductVariables) actually reads, so every
+ * layer that writes it and the live reader (template, controls, block self-heal,
+ * pairProductVariables) MUST go through these constants. A typo fix or mapping change
+ * in one of them would otherwise silently break sync with the others and ship the wrong
+ * currency position/token to the inbox. Mirrors the Recommendation block's `CURRENCY_ATTR`.
+ *
+ * Exception: the legacy migrator reads the raw misspelled string on purpose — it parses
+ * old templates frozen with that exact attr name, so it must NOT follow a future rename here.
+ */
+export declare const ITEMS_CURRENCY_ATTR: {
+    readonly POSITION: "data-curency";
+    readonly SYMBOL: "data-currency_symbol";
+};
+/** Currency location select value `'1'` = after (price then symbol), anything else = before. */
+export declare function currencyPositionFromLocation(location: string | undefined): 'after' | 'before';
+/**
+ * Whether a currency symbol is a partner customization vs the 'USD' default sentinel (SD-144644).
+ * The default value means "use the catalog currency", so it is treated as NOT customized — the one
+ * rule shared by the export transform (pairProductVariables) and the block self-heal, kept here so
+ * the two layers can never drift. Trims first so a whitespace-only value is not read as custom.
+ */
+export declare function isCustomCurrencySymbol(symbol: string | null | undefined): boolean;

package/dist/utils/pairProductVariables.js

@@ -1,82 +1,82 @@
+import { ITEMS_CURRENCY_ATTR as D, isCustomCurrencySymbol as G } from "../extensions/Blocks/Items/constants/currency.js";
 import { productPairs as L } from "../extensions/Blocks/Items/enums/productEnums.js";
-import { DefaultConfigValues as V } from "../extensions/Blocks/Items/enums/settingsEnums.js";
-import { escapeReplacement as G } from "../extensions/Blocks/Items/utils/nodeConfigUtils.js";
+import { escapeReplacement as X } from "../extensions/Blocks/Items/utils/nodeConfigUtils.js";
 import { preserveTextStyles as F } from "./preserveTextStyles.js";
-import { unwrapProductNameLinks as X } from "./unwrapProductNameLink.js";
+import { unwrapProductNameLinks as Y } from "./unwrapProductNameLink.js";
 const x = {
   CART_ITEMS: "ins_apr",
   BROWSED_ITEMS: "browsed_item",
   PURCHASED_ITEMS: "purchased_item"
-}, N = (S) => S.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->");
-function v(S, H, g) {
-  let $ = H;
-  for (; $ > 0 && /\s/.test(S[$ - 1]); )
-    $ -= 1;
-  return g.some((I) => S.endsWith(I, $));
+}, O = (S) => S.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->");
+function v(S, y, b) {
+  let h = y;
+  for (; h > 0 && /\s/.test(S[h - 1]); )
+    h -= 1;
+  return b.some((I) => S.endsWith(I, h));
 }
-function J(S) {
-  const H = N(S), g = new DOMParser().parseFromString(H, "text/html");
-  X(g);
-  const $ = L.PAIRS_FOR_EXTENSION;
-  Object.entries($).forEach(([n, d]) => {
-    g.querySelectorAll(".ins-product-td").forEach((r) => {
+function K(S) {
+  const y = O(S), b = new DOMParser().parseFromString(y, "text/html");
+  Y(b);
+  const h = L.PAIRS_FOR_EXTENSION;
+  Object.entries(h).forEach(([n, d]) => {
+    b.querySelectorAll(".ins-product-td").forEach((r) => {
       const E = r.getAttribute("data-number") || "1", m = r.getAttribute("data-type") || "CART_ITEMS";
       r.querySelectorAll(`[product-attr="${n}"]`).forEach((t) => {
-        var T, P, D;
-        const R = t.getAttribute("data-type") || m, o = t.getAttribute("data-number") || E, f = d[R];
-        if (f)
+        var $, H, N;
+        const g = t.getAttribute("data-type") || m, o = t.getAttribute("data-number") || E, u = d[g];
+        if (u)
           switch (n) {
             case "imageSrc": {
               let e = null, s = null;
               if (t.tagName === "IMG" ? (e = t, s = e.closest("a")) : (e = t.querySelector("img"), s = t.querySelector("a") || t.closest("a")), !e)
                 break;
-              const a = f.DEFAULT, l = f.ATTR;
+              const a = u.DEFAULT, l = u.ATTR;
               if (a && e.src) {
                 const i = e.src;
-                a.some((b) => {
-                  const u = b.split("/").pop() || "", y = i.split("/").pop() || "";
-                  return i.includes(b) || i.includes(u) || y === u;
+                a.some((_) => {
+                  const f = _.split("/").pop() || "", P = i.split("/").pop() || "";
+                  return i.includes(_) || i.includes(f) || P === f;
                 }) && (e.src = `{{${l}_${o}}}`);
               }
-              const c = (P = (T = $.name) == null ? void 0 : T[R]) == null ? void 0 : P.ATTR;
+              const c = (H = ($ = h.name) == null ? void 0 : $[g]) == null ? void 0 : H.ATTR;
               if (c && e.setAttribute("alt", `{{${c}_${o}}}`), s) {
-                const i = (D = $.itemLink) == null ? void 0 : D[R];
+                const i = (N = h.itemLink) == null ? void 0 : N[g];
                 if (i) {
-                  const _ = i.HREF, b = i.DEFAULT_HREF || "#!", u = s.href;
-                  (u === "#" || u === "" || u.endsWith("#!") || u.endsWith(b) || u === `${window.location.href}${b}` || !u || u === window.location.href) && (s.href = `{{${_}_${o}}}`);
+                  const R = i.HREF, _ = i.DEFAULT_HREF || "#!", f = s.href;
+                  (f === "#" || f === "" || f.endsWith("#!") || f.endsWith(_) || f === `${window.location.href}${_}` || !f || f === window.location.href) && (s.href = `{{${R}_${o}}}`);
                 }
               }
               break;
             }
             case "name": {
-              const e = f, s = e.ATTR, a = e.DEFAULT_HREF || "#!", l = e.HREF;
+              const e = u, s = e.ATTR, a = e.DEFAULT_HREF || "#!", l = e.HREF;
               t.textContent && (t.innerHTML = F(t, `{{${s}_${o}}}`));
               const c = t.closest("a") || (t.tagName === "A" ? t : null);
               if (c && l) {
-                const i = c.href, _ = `${window.location.href}${a}`;
-                (i === _ || i.endsWith(a)) && (c.href = `{{${l}_${o}}}`);
+                const i = c.href, R = `${window.location.href}${a}`;
+                (i === R || i.endsWith(a)) && (c.href = `{{${l}_${o}}}`);
               }
               break;
             }
             case "price":
             case "originalPrice": {
-              const e = f, s = t.getAttribute("data-formated"), a = t.getAttribute("data-single_price"), l = s === "true", c = a === "true", i = t.getAttribute("data-curency") || "before";
-              let _;
-              c ? _ = l ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : _ = l ? e.PRICE_FORMATTED : e.PRICE;
-              const b = e.CURRENCY;
-              let u = `{{${_}_${o}}}`;
-              const y = (t.getAttribute("data-currency_symbol") || "").trim(), W = y !== "" && y !== V.productPriceCurrencySymbolControlValue;
+              const e = u, s = t.getAttribute("data-formated"), a = t.getAttribute("data-single_price"), l = s === "true", c = a === "true", i = t.getAttribute(D.POSITION) || "before";
+              let R;
+              c ? R = l ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : R = l ? e.PRICE_FORMATTED : e.PRICE;
+              const _ = e.CURRENCY;
+              let f = `{{${R}_${o}}}`;
+              const P = (t.getAttribute(D.SYMBOL) || "").trim(), V = G(P);
               let C = "";
-              W ? C = y : b && (C = `{{${b}_${o}}}`), C && (u = i === "after" ? `${u} ${C}` : `${C} ${u}`), t.innerHTML = F(t, u);
+              V ? C = P : _ && (C = `{{${_}_${o}}}`), C && (f = i === "after" ? `${f} ${C}` : `${C} ${f}`), t.innerHTML = F(t, f);
               break;
             }
             case "quantity": {
-              const e = f, s = e.ATTR, a = e.DEFAULT;
+              const e = u, s = e.ATTR, a = e.DEFAULT;
               t.textContent && t.textContent.trim() === a && (t.innerHTML = F(t, `{{${s}_${o}}}`));
               break;
             }
             case "button": {
-              const e = f, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t.tagName === "A" ? t : t.querySelector("a");
+              const e = u, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t.tagName === "A" ? t : t.querySelector("a");
               if (l) {
                 const c = l.href || "", i = `${window.location.href}${a}`;
                 (c === "" || c === "#" || c === i || c.endsWith(a) || c.endsWith("#!") || c === window.location.href) && (l.href = `{{${s}_${o}}}`);
@@ -84,7 +84,7 @@ function J(S) {
               break;
             }
             case "itemLink": {
-              const e = f, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t;
+              const e = u, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t;
               if (l.href) {
                 const c = l.href, i = `${window.location.href}${a}`;
                 (c === i || c.endsWith(a)) && (l.href = `{{${s}_${o}}}`);
@@ -92,8 +92,8 @@ function J(S) {
               break;
             }
             default: {
-              if ("ATTR" in f) {
-                const e = f.ATTR;
+              if ("ATTR" in u) {
+                const e = u.ATTR;
                 t.textContent && (t.innerHTML = F(t, `{{${e}_${o}}}`));
               }
               break;
@@ -102,9 +102,9 @@ function J(S) {
       });
     });
   });
-  const I = H.match(/<!DOCTYPE[^>]*>/i), O = I ? `${I[0]}
-` : "", q = g.querySelectorAll(".ins-product-td"), M = [];
-  q.forEach((n) => {
+  const I = y.match(/<!DOCTYPE[^>]*>/i), q = I ? `${I[0]}
+` : "", U = b.querySelectorAll(".ins-product-td"), M = [];
+  U.forEach((n) => {
     const d = n.getAttribute("data-type") || "CART_ITEMS", p = n.getAttribute("data-number") || "1", r = n.outerHTML;
     M.push({
       element: n,
@@ -113,16 +113,16 @@ function J(S) {
       number: p
     });
   });
-  let A = O + g.documentElement.outerHTML;
+  let A = q + b.documentElement.outerHTML;
   M.reverse().forEach(({ outerHtml: n, type: d, number: p }) => {
     const r = x[d], E = r ? `${r}_total_product_kind` : "";
     if (E) {
-      const h = parseInt(p) - 1, o = `${`{% if ${E} > ${h} %}`}${n}{% endif %}`;
-      A = A.replace(n, G(o));
+      const T = parseInt(p) - 1, o = `${`{% if ${E} > ${T} %}`}${n}{% endif %}`;
+      A = A.replace(n, X(o));
     }
   });
-  const U = g.querySelectorAll('[product-attr="originalPrice"][data-type]'), w = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Set();
-  return U.forEach((n) => {
+  const W = b.querySelectorAll('[product-attr="originalPrice"][data-type]'), w = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Set();
+  return W.forEach((n) => {
     var t;
     const d = n.getAttribute("data-number"), p = n.getAttribute("data-type");
     if (!d || !x[p])
@@ -131,20 +131,20 @@ function J(S) {
     if (!r || k.has(r))
       return;
     k.add(r);
-    const E = r.outerHTML, m = (t = n.closest(".ins-product-td")) == null ? void 0 : t.getAttribute("data-nodup"), h = w.get(E) ?? { number: d, type: p, wrap: [] };
-    h.wrap.push(m !== "false"), w.set(E, h);
+    const E = r.outerHTML, m = (t = n.closest(".ins-product-td")) == null ? void 0 : t.getAttribute("data-nodup"), T = w.get(E) ?? { number: d, type: p, wrap: [] };
+    T.wrap.push(m !== "false"), w.set(E, T);
   }), w.forEach(({ number: n, type: d, wrap: p }, r) => {
     if (r.includes("{% if") || !p.some(Boolean))
       return;
-    const E = L.PAIRS_FOR_EXTENSION.price[d].PRICE, m = L.PAIRS_FOR_EXTENSION.originalPrice[d].PRICE, h = `{% if ${E}_${n} != ${m}_${n} %}`, t = [h, N(h)];
-    let R = "", o = 0, f = 0, T = A.indexOf(r);
-    for (; T !== -1; ) {
-      const P = p[f] === !0 && !v(A, T, t);
-      R += A.slice(o, T) + (P ? `${h}${r}{% endif %}` : r), o = T + r.length, f += 1, T = A.indexOf(r, o);
+    const E = L.PAIRS_FOR_EXTENSION.price[d].PRICE, m = L.PAIRS_FOR_EXTENSION.originalPrice[d].PRICE, T = `{% if ${E}_${n} != ${m}_${n} %}`, t = [T, O(T)];
+    let g = "", o = 0, u = 0, $ = A.indexOf(r);
+    for (; $ !== -1; ) {
+      const H = p[u] === !0 && !v(A, $, t);
+      g += A.slice(o, $) + (H ? `${T}${r}{% endif %}` : r), o = $ + r.length, u += 1, $ = A.indexOf(r, o);
     }
-    A = R + A.slice(o);
+    A = g + A.slice(o);
   }), A.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  J as pairProductVariables
+  K as pairProductVariables
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.17.0-beta.a6988b3",
+  "version": "3.17.0-beta.ab974c6",
   "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",
@@ -118,7 +118,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.73.0"
+      "version": "2.72.1"
     }
   }
 }