@useinsider/guido 3.13.1-beta.77f8a06 → 3.13.1-beta.88e4a0d

package/dist/config/compiler/itemsCompilerRules.js

@@ -1,35 +1,14 @@
-import { pairProductVariables as o } from "../../utils/pairProductVariables.js";
-import { wrapHiddenPriceTdsForOutlook as r, MSO_ITEMS_HIDE_START as e, MSO_ITEMS_HIDE_END as t } from "./utils/itemsCompilerUtils.js";
-const a = [
+import { pairProductVariables as r } from "../../utils/pairProductVariables.js";
+const t = [
   {
     id: "pair-product-variables",
     description: "Replace product default values with template variables",
     type: "custom",
-    processor: o,
+    processor: r,
     priority: 60
     // After recommendation rules (priority 50-53)
-  },
-  {
-    id: "wrap-hidden-price-mso-conditional",
-    // SD-147597: Outlook ignores display:none on <td>, so the horizontal layout's
-    // hidden price fallback renders too — duplicate price. Mark the hidden td(s)
-    // with safe placeholder comments and collapse them inline for web-engine Outlook.
-    description: "Mark hidden Items price tds for Outlook conditional hiding",
-    type: "custom",
-    processor: r,
-    priority: 65
-    // After pair-product-variables (60), before outlook rules (70+)
-  },
-  {
-    id: "swap-items-mso-markers",
-    // Injecting the delicate `<!-- -->` ghost token LAST (after reco minify P99
-    // and reco swap P100) keeps it out of every whitespace/comment-mangling pass.
-    description: "Swap Items MSO markers into [if !mso] conditional comments",
-    type: "custom",
-    processor: (i) => i.replaceAll(`<!--${e}-->`, "<!--[if !mso]><!-- -->").replaceAll(`<!--${t}-->`, "<!--<![endif]-->"),
-    priority: 101
   }
 ];
 export {
-  a as itemsCompilerRules
+  t as itemsCompilerRules
 };

package/dist/config/migrator/itemsBlockMigrator.js

@@ -88,11 +88,11 @@ function k(o) {
 }
 function h(o) {
   var e;
-  const t = (l, u) => l == null ? u : l === "1" || l === "true", r = (l, u) => l || u, c = o["data-type"] || o["data-source"], a = k(c), i = I[a];
+  const t = (c, u) => c == null ? u : c === "1" || c === "true", r = (c, u) => c || u, l = o["data-type"] || o["data-source"], a = k(l), i = I[a];
   let n = o["data-cart_items_select_control_value"] || ((e = i == null ? void 0 : i[0]) == null ? void 0 : e.value) || g.cartItemsSelectControlValue;
   if (n && !n.includes("{{") && /^\d+$/.test(n)) {
-    const l = parseInt(n) - 1, u = I[a];
-    u && u[l] && (n = u[l].value);
+    const c = parseInt(n) - 1, u = I[a];
+    u && u[c] && (n = u[c].value);
   }
   return {
     initialized: !0,
@@ -148,7 +148,7 @@ function N(o, t) {
   };
   return r[o] || r.CART_ITEMS;
 }
-class H {
+class z {
   constructor() {
     M(this, "parser");
     this.parser = new DOMParser();
@@ -159,13 +159,13 @@ class H {
         return this.backfillV2ProductTdAttributes(t);
       let r = this.removeJinjaConditionals(t);
       r = this.replaceTemplateVariables(r);
-      const c = this.parser.parseFromString(r, "text/html"), a = c.querySelectorAll(
+      const l = this.parser.parseFromString(r, "text/html"), a = l.querySelectorAll(
         "td.esd-cart-items-block, td.esd-browsed-items-block, td.esd-purchased-items-block"
       );
       return q().$patch((n) => {
         n.migrations = { ...n.migrations, [w]: a.length };
       }), a.length === 0 ? (console.warn("ItemsBlockMigrator: No blocks found with items block selectors"), r) : (a.forEach((n) => {
-        const e = this.extractConfiguration(n), l = F({
+        const e = this.extractConfiguration(n), c = F({
           orientation: e.orientation,
           itemsType: e.itemsType,
           itemId: e.itemId,
@@ -181,7 +181,7 @@ class H {
           quantityStyles: e.quantityStyles,
           nodeConfig: h(e.configBlockAttributes)
         }), s = this.parser.parseFromString(
-          `<table><tbody><tr>${l}</tr></tbody></table>`,
+          `<table><tbody><tr>${c}</tr></tbody></table>`,
           "text/html"
         ).querySelector("td");
         if (s && n.parentNode) {
@@ -190,7 +190,7 @@ class H {
           const d = s.querySelector("esd-config-block");
           d && d.remove(), n.parentNode.replaceChild(s, n);
         }
-      }), c.documentElement.outerHTML);
+      }), l.documentElement.outerHTML);
     } catch (r) {
       return console.error("ItemsBlockMigrator failed:", r), t;
     }
@@ -205,15 +205,15 @@ class H {
     var C, D, P;
     const r = k(
       ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) ?? null
-    ), c = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", a = parseInt(c) - 1, i = I[r], n = ((P = i == null ? void 0 : i[a]) == null ? void 0 : P.value) || i[0].value, e = t.querySelector('[product-attr="price"]'), l = (e == null ? void 0 : e.getAttribute("data-currency_symbol")) || "USD", s = ((e == null ? void 0 : e.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", _ = (e == null ? void 0 : e.getAttribute("data-formated")) !== "false", d = this.extractConfigBlockAttributes(t, r, c), b = d["data-card_orientation_control_value"];
+    ), l = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", a = parseInt(l) - 1, i = I[r], n = ((P = i == null ? void 0 : i[a]) == null ? void 0 : P.value) || i[0].value, e = t.querySelector('[product-attr="price"]'), c = (e == null ? void 0 : e.getAttribute("data-currency_symbol")) || "USD", s = ((e == null ? void 0 : e.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", _ = (e == null ? void 0 : e.getAttribute("data-formated")) !== "false", d = this.extractConfigBlockAttributes(t, r, l), b = d["data-card_orientation_control_value"];
     let S;
     b ? S = b === "horizontal" ? "horizontal" : "vertical" : S = t.querySelector('[colspan="2"]') !== null ? "vertical" : "horizontal";
-    const y = t.querySelector('a[product-attr="name"]'), A = (y == null ? void 0 : y.getAttribute("style")) || void 0, f = t.querySelector('a[product-attr="button"]'), m = (f == null ? void 0 : f.getAttribute("style")) || void 0, R = (e == null ? void 0 : e.getAttribute("style")) || void 0, E = t.querySelector("p.original-price"), L = (E == null ? void 0 : E.getAttribute("style")) || void 0, T = t.querySelector('[product-attr="quantity"]'), B = (T == null ? void 0 : T.getAttribute("style")) || void 0;
+    const y = t.querySelector('a[product-attr="name"]'), A = (y == null ? void 0 : y.getAttribute("style")) || void 0, f = t.querySelector('a[product-attr="button"]'), m = (f == null ? void 0 : f.getAttribute("style")) || void 0, R = (e == null ? void 0 : e.getAttribute("style")) || void 0, T = t.querySelector("p.original-price"), L = (T == null ? void 0 : T.getAttribute("style")) || void 0, E = t.querySelector('[product-attr="quantity"]'), B = (E == null ? void 0 : E.getAttribute("style")) || void 0;
     return {
       orientation: S,
       itemsType: r,
       itemId: n,
-      currencySymbol: l,
+      currencySymbol: c,
       currencyLocation: s,
       formattedPrice: _,
       configBlockAttributes: d,
@@ -231,7 +231,7 @@ class H {
    * @param itemsType - The type of items (CART_ITEMS, BROWSED_ITEMS, PURCHASED_ITEMS)
    * @param itemNumber - The item number (1-based index)
    */
-  extractConfigBlockAttributes(t, r, c) {
+  extractConfigBlockAttributes(t, r, l) {
     const a = t.querySelector("esd-config-block"), i = {};
     if (!a)
       return this.getDefaultConfigBlockAttributes();
@@ -240,18 +240,18 @@ class H {
     }), i["data-cart_items_select_control_value"]) {
       const e = i["data-cart_items_select_control_value"];
       if (/^\d+$/.test(e)) {
-        const l = parseInt(e) - 1, u = I[r];
-        u && u[l] && (i["data-cart_items_select_control_value"] = u[l].value);
+        const c = parseInt(e) - 1, u = I[r];
+        u && u[c] && (i["data-cart_items_select_control_value"] = u[c].value);
       }
     }
     if (i["data-product_price_control_curency"]) {
       const e = i["data-product_price_control_curency"];
-      let l = e;
-      e === "before" ? l = "0" : e === "after" && (l = "1"), i["data-product_price_control_curency"] = l, i["data-product_price_currency_location"] = l;
+      let c = e;
+      e === "before" ? c = "0" : e === "after" && (c = "1"), i["data-product_price_control_curency"] = c, i["data-product_price_currency_location"] = c;
     }
     (!i["data-product_price_control_currency_symbol"] || i["data-product_price_control_currency_symbol"].trim() === "") && (i["data-product_price_control_currency_symbol"] = "USD");
     const n = { ...this.getDefaultConfigBlockAttributes(), ...i };
-    return n["data-type"] = r, n["data-source"] = r, n["data-product_image_link"] = $(r, c), n["data-product_button_link"] = N(r, c), n;
+    return n["data-type"] = r, n["data-source"] = r, n["data-product_image_link"] = $(r, l), n["data-product_button_link"] = N(r, l), n;
   }
   /**
    * Returns default esd-config-block attributes based on the old template structure
@@ -301,7 +301,7 @@ class H {
     };
   }
   /**
-   * Backfills data-type (and data-number, data-nodup) onto v2 `.ins-product-td` elements
+   * Backfills data-type (and data-number) onto v2 `.ins-product-td` elements
    * from their persisted `esd-ext-config` nodeConfig, and strips the legacy
    * static `width` that older builds baked onto the product-td.
    *
@@ -326,24 +326,22 @@ class H {
     if (!t.includes("ins-product-td") || !t.includes("esd-ext-config"))
       return t;
     const r = this.parser.parseFromString(t, "text/html");
-    let c = !1;
+    let l = !1;
     return r.querySelectorAll(".ins-product-td").forEach((a) => {
-      a.hasAttribute("width") && (a.removeAttribute("width"), c = !0);
-      const i = a.getAttribute("esd-ext-config");
-      let n = null;
-      try {
-        n = i ? JSON.parse(i) : null;
-      } catch {
-      }
-      if (!n || (!a.getAttribute("data-nodup") && typeof n.priceHideDiscount == "boolean" && (a.setAttribute("data-nodup", String(n.priceHideDiscount)), c = !0), a.getAttribute("data-type")))
-        return;
-      const e = n.type || n.source;
-      if (!e)
+      if (a.hasAttribute("width") && (a.removeAttribute("width"), l = !0), a.getAttribute("data-type"))
         return;
-      a.setAttribute("data-type", e), c = !0;
-      const l = typeof n.itemsSelectValue == "string" ? n.itemsSelectValue.match(/\((\d+)\)/) : null;
-      l && a.getAttribute("data-number") !== l[1] && a.setAttribute("data-number", l[1]);
-    }), c ? r.documentElement.outerHTML : t;
+      const i = a.getAttribute("esd-ext-config");
+      if (i)
+        try {
+          const n = JSON.parse(i), e = n.type || n.source;
+          if (!e)
+            return;
+          a.setAttribute("data-type", e), l = !0;
+          const c = typeof n.itemsSelectValue == "string" ? n.itemsSelectValue.match(/\((\d+)\)/) : null;
+          c && a.getAttribute("data-number") !== c[1] && a.setAttribute("data-number", c[1]);
+        } catch {
+        }
+    }), l ? r.documentElement.outerHTML : t;
   }
   /**
    * Fast check for the presence of any items block (cart / browsed / purchased)
@@ -364,15 +362,15 @@ class H {
    * contains display condition Jinja scripts that should NOT be removed.
    */
   removeJinjaConditionals(t) {
-    const r = "__ESD_DISPLAY_CONDITIONS_PLACEHOLDER__", c = t.match(/esd-custom-display-conditions="[^"]*"/);
-    let a = c ? t.replace(c[0], r) : t;
+    const r = "__ESD_DISPLAY_CONDITIONS_PLACEHOLDER__", l = t.match(/esd-custom-display-conditions="[^"]*"/);
+    let a = l ? t.replace(l[0], r) : t;
     return a = a.replace(
       /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_total_product_kind\s*(&gt;|>)\s*\d+\s*%\}/g,
       ""
     ), a = a.replace(
       /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_price_\d+\s*(!&#61;|!=)\s*\1_originalprice_\d+\s*%\}/g,
       ""
-    ), a = a.replace(/\{%\s*endif\s*%\}/g, ""), c && (a = a.replace(r, c[0])), a = a.replace(/\n\s*\n\s*\n/g, `
+    ), a = a.replace(/\{%\s*endif\s*%\}/g, ""), l && (a = a.replace(r, l[0])), a = a.replace(/\n\s*\n\s*\n/g, `
 
 `), a;
   }
@@ -387,30 +385,30 @@ class H {
    */
   replaceTemplateVariables(t) {
     const { PAIRS_FOR_EXTENSION: r } = K;
-    return t.replace(/{{([^}]+)}}/g, (c, a) => {
+    return t.replace(/{{([^}]+)}}/g, (l, a) => {
       const i = a.match(/^(ins_apr|browsed_item|purchased_item)_([a-z_]+)_(\d+)$/);
       if (!i)
-        return c;
-      const [, n, e, l] = i, u = V[n];
+        return l;
+      const [, n, e, c] = i, u = V[n];
       if (!u)
-        return console.warn(`Unknown variable prefix: ${n}`), c;
+        return console.warn(`Unknown variable prefix: ${n}`), l;
       const s = x[e];
       if (!s)
-        return console.warn(`Unknown variable suffix mapping for: ${e}`), c;
+        return console.warn(`Unknown variable suffix mapping for: ${e}`), l;
       const { pairsKey: _, defaultKey: d, isArray: b } = s, y = r[_][u];
       if (!y)
-        return console.warn(`No data found for: ${_}.${u}`), c;
+        return console.warn(`No data found for: ${_}.${u}`), l;
       if (b) {
-        const f = parseInt(l) - 1, m = y[d];
-        return Array.isArray(m) && m[f] ? m[f] : (console.warn(`Array value not found: ${_}.${u}.${d}[${f}]`), c);
+        const f = parseInt(c) - 1, m = y[d];
+        return Array.isArray(m) && m[f] ? m[f] : (console.warn(`Array value not found: ${_}.${u}.${d}[${f}]`), l);
       }
       const A = y[d];
-      return A !== void 0 ? String(A) : (console.warn(`Default value not found: ${_}.${u}.${d}`), c);
+      return A !== void 0 ? String(A) : (console.warn(`Default value not found: ${_}.${u}.${d}`), l);
     });
   }
 }
 function Q(o) {
-  return new H().migrate(o);
+  return new z().migrate(o);
 }
 export {
   Q as migrateItemsBlock

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

@@ -1,14 +1,14 @@
-import { BlockId as f } from "../../../enums/block.js";
-import { useOnboardingStore as g } from "../../../stores/onboarding.js";
+import { BlockId as g } from "../../../enums/block.js";
+import { useOnboardingStore as p } from "../../../stores/onboarding.js";
 import { getMigrationBannerHtml as y } from "../../../utils/migrationBannerHtml.js";
 import { Block as I, BlockCompositionType as C, ModificationDescription as c } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { SETTINGS_ENUMS as d, DefaultConfigValues as m } from "./enums/settingsEnums.js";
+import { SETTINGS_ENUMS as l, DefaultConfigValues as m } from "./enums/settingsEnums.js";
 import { getDefaultTemplate as b } from "./template.js";
-import { getItemsBlockContainer as l, getItemsBlockConfig as u, deriveItemNumber as h, getDefaultItemsBlockConfig as N } from "./utils/nodeConfigUtils.js";
-const p = f.Items;
-class O extends I {
+import { getItemsBlockContainer as d, getItemsBlockConfig as u, deriveItemNumber as h, getDefaultItemsBlockConfig as N } from "./utils/nodeConfigUtils.js";
+const f = g.Items;
+class P extends I {
   getId() {
-    return p;
+    return f;
   }
   getIcon() {
     return "items-icon";
@@ -24,15 +24,15 @@ class O extends I {
   }
   getSettingsPanelTitleHtml() {
     return y(
-      p,
+      f,
       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 b({
-      orientation: d.ORIENTATION.VERTICAL,
-      itemsType: d.ITEMS_TYPE.CART_ITEMS,
+      orientation: l.ORIENTATION.VERTICAL,
+      itemsType: l.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
       currencySymbol: m.productPriceCurrencySymbolControlValue,
       currencyLocation: m.productPriceCurrencyLocationControlValue,
@@ -45,23 +45,23 @@ class O extends I {
   canBeSavedAsModule() {
     return !0;
   }
-  onCreated(e) {
-    const t = this.api.getDocumentModifier(), o = this.api.getDocumentRootCssNode();
-    o.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(o).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
-    const i = l(e);
-    if (!i)
+  onCreated(o) {
+    const t = this.api.getDocumentModifier(), i = this.api.getDocumentRootCssNode();
+    i.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(i).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
+    const e = d(o);
+    if (!e)
       return;
-    const r = i.getNodeConfig(), s = r && Object.keys(r).length > 0, n = u(e);
+    const r = e.getNodeConfig(), s = r && Object.keys(r).length > 0, n = u(o);
     if (n != null && n.initialized)
       if (s)
-        n.blockInstanceId || this.api.getDocumentModifier().modifyHtml(i).setNodeConfig({ ...n, blockInstanceId: String(Date.now()) }).apply(new c("Assign block instance ID to block"));
+        n.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...n, blockInstanceId: String(Date.now()) }).apply(new c("Assign block instance ID to block"));
       else {
         const a = this.api.getDocumentModifier();
-        a.modifyHtml(i).setNodeConfig(n), this._stampProductTdDomAttributes(i, n, a), a.apply(new c("Migrate legacy config to nodeConfig"));
+        a.modifyHtml(e).setNodeConfig(n), this._stampProductTdDomAttributes(e, n, a), a.apply(new c("Migrate legacy config to nodeConfig"));
       }
     else {
       const a = N();
-      this.api.getDocumentModifier().modifyHtml(i).setNodeConfig(a).apply(new c("Initialize Items block with default configuration")), g().startOnboarding("itemsOnboarding");
+      this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(a).apply(new c("Initialize Items block with default configuration")), p().startOnboarding("itemsOnboarding");
     }
   }
   /**
@@ -70,33 +70,33 @@ class O extends I {
    * 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(e) {
-    const t = l(e);
+  onDocumentChanged(o) {
+    const t = d(o);
     if (!t)
       return;
-    const o = t.getNodeConfig();
-    if (o && Object.keys(o).length > 0)
+    const i = t.getNodeConfig();
+    if (i && Object.keys(i).length > 0)
       return;
-    const r = u(e);
+    const r = u(o);
     if (!(r != null && r.initialized))
       return;
     const s = this.api.getDocumentModifier();
     s.modifyHtml(t).setNodeConfig(r), this._stampProductTdDomAttributes(t, r, s), s.apply(new c("Recover Items block config from saved module"));
   }
   /**
-   * Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) onto the
+   * Bakes the compiler-read DOM attributes (`data-type`, `data-number`) onto the
    * `.ins-product-td` container from the recovered config. Required for saved modules:
    * `migrate()` (which backfills these) only runs at template load — never when a module
    * is dropped into a live editor — so this is the one place the namespace + index get
    * 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(e, t, o) {
-    const i = h(t.itemsSelectValue, t.type);
-    o.modifyHtml(e).setAttribute("data-type", t.type), o.modifyHtml(e).setAttribute("data-number", i), o.modifyHtml(e).setAttribute("data-nodup", String(t.priceHideDiscount));
+  _stampProductTdDomAttributes(o, t, i) {
+    const e = h(t.itemsSelectValue, t.type);
+    i.modifyHtml(o).setAttribute("data-type", t.type), i.modifyHtml(o).setAttribute("data-number", e);
   }
 }
 export {
-  p as BLOCK_ID,
-  O as ItemsBlock
+  f as BLOCK_ID,
+  P as ItemsBlock
 };

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

@@ -1,47 +1,43 @@
-import { ModificationDescription as c, UIElementType as s, UEAttr as a } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as p } from "../../../common-control.js";
-import { ItemsBlockControlId as r } from "../../enums/controlEnums.js";
-import { getItemsBlockConfig as d, setItemsBlockConfig as u } from "../../utils/nodeConfigUtils.js";
-const D = r.PRICE_HIDE_DISCOUNT, i = {
+import { UIElementType as o, UEAttr as d } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as r } from "../../../common-control.js";
+import { ItemsBlockControlId as n } from "../../enums/controlEnums.js";
+import { getItemsBlockConfig as s, setItemsBlockConfig as a } from "../../utils/nodeConfigUtils.js";
+const c = n.PRICE_HIDE_DISCOUNT, i = {
   HIDE_DISCOUNT: "hideDiscount"
 };
-class E extends p {
+class C extends r {
   getId() {
-    return D;
+    return c;
   }
   getTemplate() {
     return `
-            <div class="container ${r.PRICE_HIDE_DISCOUNT}">
+            <div class="container ${n.PRICE_HIDE_DISCOUNT}">
                 ${this._getHideDiscount()}
             </div>
         `;
   }
   onRender() {
-    const t = d(this.currentNode);
-    this.api.updateValues({ [i.HIDE_DISCOUNT]: (t == null ? void 0 : t.priceHideDiscount) ?? !0 }), this.api.onValueChanged(i.HIDE_DISCOUNT, (e) => {
-      this._onHideDiscountChange(e);
+    const e = s(this.currentNode);
+    this.api.updateValues({ [i.HIDE_DISCOUNT]: (e == null ? void 0 : e.priceHideDiscount) ?? !0 }), this.api.onValueChanged(i.HIDE_DISCOUNT, (t) => {
+      this._onHideDiscountChange(t);
     });
   }
-  onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), this.handleBlockInstanceChange(() => {
-      const e = d(this.currentNode);
-      this.api.updateValues({ [i.HIDE_DISCOUNT]: (e == null ? void 0 : e.priceHideDiscount) ?? !0 });
+  onTemplateNodeUpdated(e) {
+    super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
+      const t = s(this.currentNode);
+      this.api.updateValues({ [i.HIDE_DISCOUNT]: (t == null ? void 0 : t.priceHideDiscount) ?? !0 });
     });
   }
-  _onHideDiscountChange(t) {
-    var n;
-    const e = this.api.getDocumentModifier();
-    u(this.currentNode, this.api, { priceHideDiscount: t }, e);
-    const o = (n = this.currentNode) == null ? void 0 : n.closest(".ins-product-td");
-    o && e.modifyHtml(o).setAttribute("data-nodup", String(t)), e.apply(new c("Update hide-discount setting")), this.api.updateValues({ [i.HIDE_DISCOUNT]: t });
+  _onHideDiscountChange(e) {
+    a(this.currentNode, this.api, { priceHideDiscount: e }), this.api.updateValues({ [i.HIDE_DISCOUNT]: e });
   }
   _getHideDiscount() {
     return `
                 <div class="display-flex align-items-center justify-content-between">
-                    <${s.LABEL} 
-                        ${a.LABEL.text}="${this.api.translate("Hide if same as discounted ")}"
+                    <${o.LABEL} 
+                        ${d.LABEL.text}="${this.api.translate("Hide if same as discounted ")}"
                     >
-                    </${s.LABEL}>
+                    </${o.LABEL}>
                     ${this._GuToggle(i.HIDE_DISCOUNT)}
                 </div>
             </div>
@@ -49,6 +45,6 @@ class E extends p {
   }
 }
 export {
-  D as CONTROL_BLOCK_ID,
-  E as PriceHideDiscountControl
+  c as CONTROL_BLOCK_ID,
+  C as PriceHideDiscountControl
 };

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

@@ -41,9 +41,9 @@ ${s.map((o) => `  - ${o}`).join(`
 };
 v.validatedClasses = /* @__PURE__ */ new Set();
 v.validationErrors = /* @__PURE__ */ new Map();
-var i = v, z = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e))(z || {}), P = class c extends i {
+var i = v, z = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e))(z || {}), P = class T extends i {
   constructor() {
-    super(c.REQUIRED_METHODS, c);
+    super(T.REQUIRED_METHODS, T);
   }
   /**
    * Determines if the block should be available for use in the editor.
@@ -222,9 +222,9 @@ var i = v, z = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAI
   }
 };
 P.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
-var qe = P, Z = class T extends i {
+var qe = P, Z = class c extends i {
   constructor() {
-    super(T.REQUIRED_METHODS, T);
+    super(c.REQUIRED_METHODS, c);
   }
   /**
    * @deprecated - use {@link getPreviewInnerHtml} instead
@@ -339,12 +339,12 @@ var j = {
   height: "height"
 }, Je = {
   BLOCK_IMAGE: j
-}, U = "esd-block-button", w = "esd-block-text", K = "esd-block-image", J = "esd-structure", ee = "esd-block-video", te = "esd-block-social", re = "esd-block-banner", ae = "esd-block-timer", ne = "esd-block-menu", se = "esd-block-html", ie = "esd-block-spacer", le = "esd-container-frame", Ee = "esd-stripe", oe = "esd-amp-form", I = ((e) => (e.BUTTON = `.${U}`, e.TEXT = `.${w}`, e.IMAGE = `.${K}`, e.STRUCTURE = `.${J}`, e.VIDEO = `.${ee}`, e.SOCIAL = `.${te}`, e.BANNER = `.${re}`, e.TIMER = `.${ae}`, e.MENU = `.${ne}`, e.HTML = `.${se}`, e.SPACER = `.${ie}`, e.CONTAINER = `.${le}`, e.STRIPE = `.${Ee}`, e.FORM = `.${oe}`, e))(I || {}), de = /* @__PURE__ */ ((e) => (e.BLOCK_IMAGE = "BLOCK_IMAGE", e.BLOCK_TEXT = "BLOCK_TEXT", e.BLOCK_BUTTON = "BLOCK_BUTTON", e.BLOCK_SPACER = "BLOCK_SPACER", e.BLOCK_VIDEO = "BLOCK_VIDEO", e.BLOCK_SOCIAL = "BLOCK_SOCIAL", e.BLOCK_BANNER = "BLOCK_BANNER", e.BLOCK_TIMER = "BLOCK_TIMER", e.BLOCK_MENU = "BLOCK_MENU", e.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", e.BLOCK_HTML = "BLOCK_HTML", e.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", e.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", e.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", e.CONTAINER = "CONTAINER", e.FORM_CONTAINER = "FORM_CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e.EMPTY_CONTAINER = "EMPTY_CONTAINER", e.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", e.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", e.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", e))(de || {}), F = /* @__PURE__ */ ((e) => (e.ANCHOR_LINK_CONTAINER = "anchorLinkFormContainer", e.APPLY_CONDITION = "applyCondition", e.APPLY_CONDITION_SWITCHER = "applyConditionSwitcher", e.BACKGROUND_COLOR = "backgroundColor", e.BACKGROUND_IMAGE = "generalImageContainer", e.TEXT_COLOR = "textColor", e.TEXT_STYLE = "textStyle", e.TEXT_SIZE = "textSize", e.TEXT_LINE_SPACING = "textLineSpacing", e.TEXT_ALIGN = "textAlign", e.FIXED_HEIGHT_SWITCHER = "fixedHeightSwitcherForm", e.HIDDEN_NODE = "hiddenNode", e.SMART_BLOCK = "smartBlock", e.SYNCHRONIZED_MODULE = "synchronizedModuleForm", e.FONT_FAMILY = "generalFontFamilyForm", e.BLOCK_INTERNAL_INDENTS = "generalBlockInternalIndents", e.STRUCTURE_INTERNAL_INDENTS = "generalStructureInternalIndents", e))(F || {}), H = /* @__PURE__ */ ((e) => (e.ADJUST_TO_WIDTH = "adjustToWidth", e.ALIGNMENT = "buttonAlignment", e.BORDER = "buttonBorder", e.BORDER_RADIUS = "buttonBorderRadius", e.COLOR = "buttonColor", e.BUTTON_BLOCK_BACKGROUND_COLOR = "buttonBlockBackgroundColor", e.EXTERNAL_INDENTS = "buttonExternalIndents", e.FIXED_HEIGHT = "buttonFixedHeightForm", e.FONT_COLOR = "buttonFontColor", e.FONT_FAMILY = "buttonFontFamily", e.FONT_SIZE = "buttonFontSize", e.ICON = "buttonIconContainer", e.ICON_ALIGN = "buttonIconAlign", e.ICON_INDENT = "buttonIconIndent", e.ICON_WIDTH = "buttonIconWidth", e.IMAGE = "buttonImageForm", e.INTERNAL_INDENTS = "buttonInternalIndents", e.LINK = "buttonLink", e.MIME_TYPE = "buttonMimeTypeForm", e.SWITCHER_HOVERED_STYLES = "buttonSwitcherHoveredStylesForm", e.TEXT = "buttonText", e.TEXT_STYLE_AND_COLOR = "buttonTextStyleAndColorForm", e.HOVERED_BORDER_COLOR = "hoveredStyleBorderButtonForm", e.HOVERED_COLOR = "hoveredButtonColorForm", e.HOVERED_TEXT_COLOR = "hoveredButtonTextColorForm", e))(H || {}), k = /* @__PURE__ */ ((e) => (e.HIDDEN_NODE = "hiddenNodeText", e.PARAGRAPH_STYLE = "paragraphStyleForm", e.ALIGN = "textAlignmentForm", e.ANCHOR_CONTAINER = "textAnchorForm", e.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", e.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", e.FONT_COLOR = "textBlockFontColor", e.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", e.FONT_FAMILY = "textFontFamily", e.FONT_SIZE = "textBlockFontSize", e.FONT_WEIGHT = "textBlockFontWeight", e.DIRECTION = "textBlockDirectionForm", e.INSERT_FORM = "textBlockInsertForm", e.LINK_DATA = "textBlockLinkDataForm", e.FORMAT = "textBlockTextFormatForm", e.FIXED_HEIGHT = "textFixedHeightForm", e.INTERNAL_INDENTS = "textInternalIndents", e.LINE_HEIGHT = "textLineHeightForm", e.MIME_TYPE = "textMimeTypeForm", e.NO_LINE_WRAPS = "textNoLineWrapsForm", e))(k || {}), p = /* @__PURE__ */ ((e) => (e.ALT_TEXT = "altText", e.LINK = "blockLink", e.ALIGNMENT = "imageAlignment", e.ANCHOR_LINK_CONTAINER = "imageAnchorLinkContainerForm", e.BORDER_RADIUS = "imageBorderRadiusForm", e.IMAGE = "imageImageForm", e.EXTERNAL_INDENTS = "imageExternalIndents", e.MIME_TYPE = "imageMimeTypeForm", e.RESPONSIVE = "imageResponsive", e.ROLLOVER_IMAGE = "imageRolloverImageForm", e.ROLLOVER_SWITCHER = "imageRolloverSwitcherForm", e.SIZE = "imageSizeContainer", e))(p || {}), ue = /* @__PURE__ */ ((e) => (e.BACKGROUND_COLOR = "containerBackgroundColorForm", e.BORDER_FORM = "containerBorderForm", e.BORDER_RADIUS = "containerBorderRadiusForm", e.EXTERNAL_INDENTS = "containerExternalIndentsForm", e.IMAGE_CONTAINER = "containerImageContainerForm", e.MIME_TYPE = "containerMimeTypeForm", e.DISPLAY_CONDITIONS = "displayConditions", e.HIDDEN_NODE = "containerHiddenNodeForm", e))(ue || {}), n = {
+}, U = "esd-block-button", w = "esd-block-text", K = "esd-block-image", J = "esd-structure", ee = "esd-block-video", te = "esd-block-social", re = "esd-block-banner", ae = "esd-block-timer", ne = "esd-block-menu", se = "esd-block-html", ie = "esd-block-spacer", le = "esd-container-frame", Ee = "esd-stripe", oe = "esd-amp-form", I = ((e) => (e.BUTTON = `.${U}`, e.TEXT = `.${w}`, e.IMAGE = `.${K}`, e.STRUCTURE = `.${J}`, e.VIDEO = `.${ee}`, e.SOCIAL = `.${te}`, e.BANNER = `.${re}`, e.TIMER = `.${ae}`, e.MENU = `.${ne}`, e.HTML = `.${se}`, e.SPACER = `.${ie}`, e.CONTAINER = `.${le}`, e.STRIPE = `.${Ee}`, e.FORM = `.${oe}`, e))(I || {}), de = /* @__PURE__ */ ((e) => (e.BLOCK_IMAGE = "BLOCK_IMAGE", e.BLOCK_TEXT = "BLOCK_TEXT", e.BLOCK_BUTTON = "BLOCK_BUTTON", e.BLOCK_SPACER = "BLOCK_SPACER", e.BLOCK_VIDEO = "BLOCK_VIDEO", e.BLOCK_SOCIAL = "BLOCK_SOCIAL", e.BLOCK_BANNER = "BLOCK_BANNER", e.BLOCK_TIMER = "BLOCK_TIMER", e.BLOCK_MENU = "BLOCK_MENU", e.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", e.BLOCK_HTML = "BLOCK_HTML", e.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", e.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", e.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", e.CONTAINER = "CONTAINER", e.FORM_CONTAINER = "FORM_CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e.EMPTY_CONTAINER = "EMPTY_CONTAINER", e.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", e.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", e.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", e))(de || {}), F = /* @__PURE__ */ ((e) => (e.ANCHOR_LINK_CONTAINER = "anchorLinkFormContainer", e.APPLY_CONDITION = "applyCondition", e.APPLY_CONDITION_SWITCHER = "applyConditionSwitcher", e.BACKGROUND_COLOR = "backgroundColor", e.BACKGROUND_IMAGE = "generalImageContainer", e.TEXT_COLOR = "textColor", e.TEXT_STYLE = "textStyle", e.TEXT_SIZE = "textSize", e.TEXT_LINE_SPACING = "textLineSpacing", e.TEXT_ALIGN = "textAlign", e.FIXED_HEIGHT_SWITCHER = "fixedHeightSwitcherForm", e.HIDDEN_NODE = "hiddenNode", e.SMART_BLOCK = "smartBlock", e.SYNCHRONIZED_MODULE = "synchronizedModuleForm", e.FONT_FAMILY = "generalFontFamilyForm", e.BLOCK_INTERNAL_INDENTS = "generalBlockInternalIndents", e.STRUCTURE_INTERNAL_INDENTS = "generalStructureInternalIndents", e))(F || {}), H = /* @__PURE__ */ ((e) => (e.ADJUST_TO_WIDTH = "adjustToWidth", e.ALIGNMENT = "buttonAlignment", e.BORDER = "buttonBorder", e.BORDER_RADIUS = "buttonBorderRadius", e.COLOR = "buttonColor", e.BUTTON_BLOCK_BACKGROUND_COLOR = "buttonBlockBackgroundColor", e.EXTERNAL_INDENTS = "buttonExternalIndents", e.FIXED_HEIGHT = "buttonFixedHeightForm", e.FONT_COLOR = "buttonFontColor", e.FONT_FAMILY = "buttonFontFamily", e.FONT_SIZE = "buttonFontSize", e.FONT_WEIGHT = "buttonFontWeight", e.ICON = "buttonIconContainer", e.ICON_ALIGN = "buttonIconAlign", e.ICON_INDENT = "buttonIconIndent", e.ICON_WIDTH = "buttonIconWidth", e.IMAGE = "buttonImageForm", e.INTERNAL_INDENTS = "buttonInternalIndents", e.LINK = "buttonLink", e.MIME_TYPE = "buttonMimeTypeForm", e.SWITCHER_HOVERED_STYLES = "buttonSwitcherHoveredStylesForm", e.TEXT = "buttonText", e.TEXT_STYLE_AND_COLOR = "buttonTextStyleAndColorForm", e.HOVERED_BORDER_COLOR = "hoveredStyleBorderButtonForm", e.HOVERED_COLOR = "hoveredButtonColorForm", e.HOVERED_TEXT_COLOR = "hoveredButtonTextColorForm", e))(H || {}), k = /* @__PURE__ */ ((e) => (e.HIDDEN_NODE = "hiddenNodeText", e.PARAGRAPH_STYLE = "paragraphStyleForm", e.ALIGN = "textAlignmentForm", e.ANCHOR_CONTAINER = "textAnchorForm", e.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", e.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", e.FONT_COLOR = "textBlockFontColor", e.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", e.FONT_FAMILY = "textFontFamily", e.FONT_SIZE = "textBlockFontSize", e.FONT_WEIGHT = "textBlockFontWeight", e.DIRECTION = "textBlockDirectionForm", e.INSERT_FORM = "textBlockInsertForm", e.LINK_DATA = "textBlockLinkDataForm", e.FORMAT = "textBlockTextFormatForm", e.FIXED_HEIGHT = "textFixedHeightForm", e.INTERNAL_INDENTS = "textInternalIndents", e.LINE_HEIGHT = "textLineHeightForm", e.MIME_TYPE = "textMimeTypeForm", e.NO_LINE_WRAPS = "textNoLineWrapsForm", e))(k || {}), p = /* @__PURE__ */ ((e) => (e.ALT_TEXT = "altText", e.LINK = "blockLink", e.ALIGNMENT = "imageAlignment", e.ANCHOR_LINK_CONTAINER = "imageAnchorLinkContainerForm", e.BORDER_RADIUS = "imageBorderRadiusForm", e.IMAGE = "imageImageForm", e.EXTERNAL_INDENTS = "imageExternalIndents", e.MIME_TYPE = "imageMimeTypeForm", e.RESPONSIVE = "imageResponsive", e.ROLLOVER_IMAGE = "imageRolloverImageForm", e.ROLLOVER_SWITCHER = "imageRolloverSwitcherForm", e.SIZE = "imageSizeContainer", e))(p || {}), ue = /* @__PURE__ */ ((e) => (e.BACKGROUND_COLOR = "containerBackgroundColorForm", e.BORDER_FORM = "containerBorderForm", e.BORDER_RADIUS = "containerBorderRadiusForm", e.EXTERNAL_INDENTS = "containerExternalIndentsForm", e.IMAGE_CONTAINER = "containerImageContainerForm", e.MIME_TYPE = "containerMimeTypeForm", e.DISPLAY_CONDITIONS = "displayConditions", e.HIDDEN_NODE = "containerHiddenNodeForm", e))(ue || {}), n = {
   BLOCK_BUTTON: H,
   BLOCK_TEXT: k,
   BLOCK_IMAGE: p,
   GENERAL: F
-}, Ie = /* @__PURE__ */ ((e) => (e.SAVE_AS_MODULE = "saveAsModule", e.IMPROVE_WITH_AI = "improveWithAI", e.MOVE = "move", e.COPY = "copy", e.REMOVE = "remove", e.CLEAR_CONTAINER = "clearContainer", e.EXTERNAL_DISPLAY_CONDITION = "externalDisplayCondition", e))(Ie || {}), ce = /* @__PURE__ */ ((e) => (e.previewDeviceMode = "previewDeviceMode", e.panelPosition = "panelPosition", e.themeMode = "themeMode", e))(ce || {}), Te = /* @__PURE__ */ ((e) => (e.DESKTOP = "DESKTOP", e.MOBILE = "MOBILE", e))(Te || {}), be = /* @__PURE__ */ ((e) => (e.SETTINGS = "settings", e.STYLES = "styles", e.DATA = "data", e))(be || {}), a = {
+}, Ie = /* @__PURE__ */ ((e) => (e.SAVE_AS_MODULE = "saveAsModule", e.IMPROVE_WITH_AI = "improveWithAI", e.MOVE = "move", e.COPY = "copy", e.REMOVE = "remove", e.CLEAR_CONTAINER = "clearContainer", e.EXTERNAL_DISPLAY_CONDITION = "externalDisplayCondition", e))(Ie || {}), Te = /* @__PURE__ */ ((e) => (e.previewDeviceMode = "previewDeviceMode", e.panelPosition = "panelPosition", e.themeMode = "themeMode", e))(Te || {}), ce = /* @__PURE__ */ ((e) => (e.DESKTOP = "DESKTOP", e.MOBILE = "MOBILE", e))(ce || {}), be = /* @__PURE__ */ ((e) => (e.SETTINGS = "settings", e.STYLES = "styles", e.DATA = "data", e))(be || {}), a = {
   name: "name",
   disabled: "disabled"
 }, he = {
@@ -619,7 +619,7 @@ var j = {
   }
 };
 G.REQUIRED_METHODS = ["getId", "getTemplate"];
-var ct = G, Xe = class m extends i {
+var Tt = G, Xe = class m extends i {
   constructor() {
     super(m.REQUIRED_METHODS, m);
   }
@@ -694,7 +694,7 @@ var V = class extends x {
     const t = e.querySelectorAll(I.IMAGE), r = e.asElement().hasClass(K) ? [e] : [];
     return t.length ? t : r;
   }
-}, Tt = class extends V {
+}, ct = class extends V {
   getParentControlId() {
     return n.BLOCK_IMAGE.EXTERNAL_INDENTS;
   }
@@ -1215,17 +1215,17 @@ export {
   It as ButtonTextStyleAndFontColorBuiltInControl,
   ue as ContainerControls,
   Ie as ContextActionType,
-  ct as Control,
-  ce as EditorStatePropertyType,
+  Tt as Control,
+  Te as EditorStatePropertyType,
   Ve as Extension,
   Nt as ExtensionBuilder,
   F as GeneralControls,
   Dt as IconsRegistry,
   p as ImageControls,
-  Tt as ImageMarginsBuiltInControl,
+  ct as ImageMarginsBuiltInControl,
   bt as ImageSizeBuiltInControl,
   St as ModificationDescription,
-  Te as PreviewDeviceMode,
+  ce as PreviewDeviceMode,
   ht as SettingsPanelRegistry,
   mt as SettingsPanelTab,
   be as SettingsTab,

package/dist/package.json.js

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

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

@@ -34,7 +34,7 @@ export declare class ItemsBlock extends Block {
      */
     onDocumentChanged(node: ImmutableHtmlNode): void;
     /**
-     * Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) onto the
+     * Bakes the compiler-read DOM attributes (`data-type`, `data-number`) onto the
      * `.ins-product-td` container from the recovered config. Required for saved modules:
      * `migrate()` (which backfills these) only runs at template load — never when a module
      * is dropped into a live editor — so this is the one place the namespace + index get

package/dist/static/styles/components/wide-panel.css.js

@@ -103,6 +103,13 @@ ue-control-panel,
     display: none !important;
 }
 
+/* Stripo 2.72 added a "Restore default styles" button to the settings header that does
+   nothing when clicked — styles are never reset. Reported upstream; hidden until fixed.
+   Scoped to Stripo's own e2e hook class so the sibling close (X) and level-up buttons stay. */
+.control-panel-header .e2e-restore-default-styles {
+    display: none !important;
+}
+
 .container.droppable-header-container ue-button:last-child {
     margin-right: 0;
 }

package/dist/static/styles/customEditorStyle.css.js

@@ -47,6 +47,14 @@ const n = `.esd-x,
     display: none !important;
 }
 
+/* Stripo 2.72 renders drag-to-resize handles over images. Product image size must come
+   from the Image Size control in the settings panel, not free-hand dragging, which breaks
+   the card layout. Grid layout uses .product-image, list layout .product-image-cell. */
+.recommendation-block-v2 .product-image ue-image-resize-control,
+.recommendation-block-v2 .product-image-cell ue-image-resize-control {
+    display: none !important;
+}
+
 /* Mobile layout: hide mobile container by default in editor */
 .ins-recommendation-mobile-container {
     display: none;

package/dist/utils/pairProductVariables.js

@@ -1,85 +1,85 @@
 import { productPairs as N } from "../extensions/Blocks/Items/enums/productEnums.js";
 import { DefaultConfigValues as O } from "../extensions/Blocks/Items/enums/settingsEnums.js";
-import { preserveTextStyles as R } from "./preserveTextStyles.js";
-function v(L) {
-  const H = L.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), y = new DOMParser().parseFromString(H, "text/html"), m = N.PAIRS_FOR_EXTENSION;
+import { preserveTextStyles as C } from "./preserveTextStyles.js";
+function V(L) {
+  const H = L.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), g = new DOMParser().parseFromString(H, "text/html"), m = N.PAIRS_FOR_EXTENSION;
   Object.entries(m).forEach(([r, f]) => {
-    y.querySelectorAll(".ins-product-td").forEach((l) => {
-      const h = l.getAttribute("data-number") || "1", $ = l.getAttribute("data-type") || "CART_ITEMS";
-      l.querySelectorAll(`[product-attr="${r}"]`).forEach((t) => {
+    g.querySelectorAll(".ins-product-td").forEach((c) => {
+      const A = c.getAttribute("data-number") || "1", y = c.getAttribute("data-type") || "CART_ITEMS";
+      c.querySelectorAll(`[product-attr="${r}"]`).forEach((t) => {
         var F, I, w;
-        const T = t.getAttribute("data-type") || $, u = t.getAttribute("data-number") || h, d = f[T];
+        const T = t.getAttribute("data-type") || y, u = t.getAttribute("data-number") || A, d = f[T];
         if (d)
           switch (r) {
             case "imageSrc": {
-              let e = null, c = null;
-              if (t.tagName === "IMG" ? (e = t, c = e.closest("a")) : (e = t.querySelector("img"), c = t.querySelector("a") || t.closest("a")), !e)
+              let e = null, i = null;
+              if (t.tagName === "IMG" ? (e = t, i = e.closest("a")) : (e = t.querySelector("img"), i = t.querySelector("a") || t.closest("a")), !e)
                 break;
-              const i = d.DEFAULT, s = d.ATTR;
-              if (i && e.src) {
+              const a = d.DEFAULT, s = d.ATTR;
+              if (a && e.src) {
                 const o = e.src;
-                i.some((E) => {
-                  const a = E.split("/").pop() || "", b = o.split("/").pop() || "";
-                  return o.includes(E) || o.includes(a) || b === a;
+                a.some((h) => {
+                  const l = h.split("/").pop() || "", $ = o.split("/").pop() || "";
+                  return o.includes(h) || o.includes(l) || $ === l;
                 }) && (e.src = `{{${s}_${u}}}`);
               }
               const n = (I = (F = m.name) == null ? void 0 : F[T]) == null ? void 0 : I.ATTR;
-              if (n && e.setAttribute("alt", `{{${n}_${u}}}`), c) {
+              if (n && e.setAttribute("alt", `{{${n}_${u}}}`), i) {
                 const o = (w = m.itemLink) == null ? void 0 : w[T];
                 if (o) {
-                  const A = o.HREF, E = o.DEFAULT_HREF || "#!", a = c.href;
-                  (a === "#" || a === "" || a.endsWith("#!") || a.endsWith(E) || a === `${window.location.href}${E}` || !a || a === window.location.href) && (c.href = `{{${A}_${u}}}`);
+                  const E = o.HREF, h = o.DEFAULT_HREF || "#!", l = i.href;
+                  (l === "#" || l === "" || l.endsWith("#!") || l.endsWith(h) || l === `${window.location.href}${h}` || !l || l === window.location.href) && (i.href = `{{${E}_${u}}}`);
                 }
               }
               break;
             }
             case "name": {
-              const e = d, c = e.ATTR, i = e.DEFAULT_HREF || "#!", s = e.HREF;
-              t.textContent && (t.innerHTML = R(t, `{{${c}_${u}}}`));
+              const e = d, i = e.ATTR, a = e.DEFAULT_HREF || "#!", s = e.HREF;
+              t.textContent && (t.innerHTML = C(t, `{{${i}_${u}}}`));
               const n = t.closest("a") || (t.tagName === "A" ? t : null);
               if (n && s) {
-                const o = n.href, A = `${window.location.href}${i}`;
-                (o === A || o.endsWith(i)) && (n.href = `{{${s}_${u}}}`);
+                const o = n.href, E = `${window.location.href}${a}`;
+                (o === E || o.endsWith(a)) && (n.href = `{{${s}_${u}}}`);
               }
               break;
             }
             case "price":
             case "originalPrice": {
-              const e = d, c = t.getAttribute("data-formated"), i = t.getAttribute("data-single_price"), s = c === "true", n = i === "true", o = t.getAttribute("data-curency") || "before";
-              let A;
-              n ? A = s ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : A = s ? e.PRICE_FORMATTED : e.PRICE;
-              const E = e.CURRENCY;
-              let a = `{{${A}_${u}}}`;
-              const b = (t.getAttribute("data-currency_symbol") || "").trim(), q = b !== "" && b !== O.productPriceCurrencySymbolControlValue;
-              let g = "";
-              q ? g = b : E && (g = `{{${E}_${u}}}`), g && (a = o === "after" ? `${a} ${g}` : `${g} ${a}`), t.innerHTML = R(t, a);
+              const e = d, i = t.getAttribute("data-formated"), a = t.getAttribute("data-single_price"), s = i === "true", n = a === "true", o = t.getAttribute("data-curency") || "before";
+              let E;
+              n ? E = s ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : E = s ? e.PRICE_FORMATTED : e.PRICE;
+              const h = e.CURRENCY;
+              let l = `{{${E}_${u}}}`;
+              const $ = (t.getAttribute("data-currency_symbol") || "").trim(), q = $ !== "" && $ !== O.productPriceCurrencySymbolControlValue;
+              let b = "";
+              q ? b = $ : h && (b = `{{${h}_${u}}}`), b && (l = o === "after" ? `${l} ${b}` : `${b} ${l}`), t.innerHTML = C(t, l);
               break;
             }
             case "quantity": {
-              const e = d, c = e.ATTR, i = e.DEFAULT;
-              t.textContent && t.textContent.trim() === i && (t.innerHTML = R(t, `{{${c}_${u}}}`));
+              const e = d, i = e.ATTR, a = e.DEFAULT;
+              t.textContent && t.textContent.trim() === a && (t.innerHTML = C(t, `{{${i}_${u}}}`));
               break;
             }
             case "button": {
-              const e = d, c = e.HREF, i = e.DEFAULT_HREF || "#!", s = t.tagName === "A" ? t : t.querySelector("a");
+              const e = d, i = e.HREF, a = e.DEFAULT_HREF || "#!", s = t.tagName === "A" ? t : t.querySelector("a");
               if (s) {
-                const n = s.href || "", o = `${window.location.href}${i}`;
-                (n === "" || n === "#" || n === o || n.endsWith(i) || n.endsWith("#!") || n === window.location.href) && (s.href = `{{${c}_${u}}}`);
+                const n = s.href || "", o = `${window.location.href}${a}`;
+                (n === "" || n === "#" || n === o || n.endsWith(a) || n.endsWith("#!") || n === window.location.href) && (s.href = `{{${i}_${u}}}`);
               }
               break;
             }
             case "itemLink": {
-              const e = d, c = e.HREF, i = e.DEFAULT_HREF || "#!", s = t;
+              const e = d, i = e.HREF, a = e.DEFAULT_HREF || "#!", s = t;
               if (s.href) {
-                const n = s.href, o = `${window.location.href}${i}`;
-                (n === o || n.endsWith(i)) && (s.href = `{{${c}_${u}}}`);
+                const n = s.href, o = `${window.location.href}${a}`;
+                (n === o || n.endsWith(a)) && (s.href = `{{${i}_${u}}}`);
               }
               break;
             }
             default: {
               if ("ATTR" in d) {
                 const e = d.ATTR;
-                t.textContent && (t.innerHTML = R(t, `{{${e}_${u}}}`));
+                t.textContent && (t.innerHTML = C(t, `{{${e}_${u}}}`));
               }
               break;
             }
@@ -88,54 +88,54 @@ function v(L) {
     });
   });
   const k = H.match(/<!DOCTYPE[^>]*>/i), P = k ? `${k[0]}
-` : "", D = y.querySelectorAll(".ins-product-td"), M = [];
+` : "", D = g.querySelectorAll(".ins-product-td"), M = [];
   D.forEach((r) => {
-    const f = r.getAttribute("data-type") || "CART_ITEMS", p = r.getAttribute("data-number") || "1", l = r.outerHTML;
+    const f = r.getAttribute("data-type") || "CART_ITEMS", p = r.getAttribute("data-number") || "1", c = r.getAttribute("data-nodup"), A = r.outerHTML;
     M.push({
       element: r,
-      outerHtml: l,
+      outerHtml: A,
       type: f,
-      number: p
+      number: p,
+      nodup: c || void 0
     });
   });
-  let _ = P + y.documentElement.outerHTML;
+  let _ = P + g.documentElement.outerHTML;
   M.reverse().forEach(({ outerHtml: r, type: f, number: p }) => {
-    let l = "";
+    let c = "";
     switch (f) {
       case "CART_ITEMS":
-        l = "ins_apr_total_product_kind";
+        c = "ins_apr_total_product_kind";
         break;
       case "BROWSED_ITEMS":
-        l = "browsed_item_total_product_kind";
+        c = "browsed_item_total_product_kind";
         break;
       case "PURCHASED_ITEMS":
-        l = "purchased_item_total_product_kind";
+        c = "purchased_item_total_product_kind";
         break;
     }
-    if (l) {
-      const $ = parseInt(p) - 1, T = `${`{% if ${l} > ${$} %}`}${r}{% endif %}`;
+    if (c) {
+      const y = parseInt(p) - 1, T = `${`{% if ${c} > ${y} %}`}${r}{% endif %}`;
       _ = _.replace(r, T);
     }
   });
-  const x = y.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), S = [];
+  const x = g.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), R = [];
   return x.forEach((r) => {
-    var $;
     const f = r.getAttribute("data-number"), p = r.getAttribute("data-type");
-    if (!f || p !== "CART_ITEMS" || (($ = r.closest(".ins-product-td")) == null ? void 0 : $.getAttribute("data-nodup")) === "false")
+    if (!f || p !== "CART_ITEMS")
       return;
-    const h = r.closest(".product-original-price-class");
-    if (h) {
-      const C = h.outerHTML;
-      S.some((T) => T.tdOuterHtml === C) || S.push({ tdOuterHtml: C, number: f });
+    const c = r.closest(".product-original-price-class");
+    if (c) {
+      const A = c.outerHTML;
+      R.some((S) => S.tdOuterHtml === A) || R.push({ tdOuterHtml: A, number: f });
     }
-  }), S.reverse().forEach(({ tdOuterHtml: r, number: f }) => {
+  }), R.reverse().forEach(({ tdOuterHtml: r, number: f }) => {
     const p = `{% if ins_apr_price_${f} != ins_apr_originalprice_${f} %}`;
     if (!_.includes(p) && !r.includes("{% if")) {
-      const h = `${p}${r}{% endif %}`;
-      _ = _.replace(r, h);
+      const A = `${p}${r}{% endif %}`;
+      _ = _.replace(r, A);
     }
   }), _.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  v as pairProductVariables
+  V as pairProductVariables
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.13.1-beta.77f8a06",
+  "version": "3.13.1-beta.88e4a0d",
   "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",
@@ -43,7 +43,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "3.8.0",
+    "@stripoinc/ui-editor-extensions": "3.9.0",
     "@useinsider/design-system-vue": "1.3.0",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
@@ -113,7 +113,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.69.1"
+      "version": "2.72.1"
     }
   }
 }

package/dist/config/compiler/utils/itemsCompilerUtils.js

@@ -1,28 +0,0 @@
-const p = "MSO_ITEMS_HIDE_START", E = "MSO_ITEMS_HIDE_END", u = "mso-hide:all; max-height:0; overflow:hidden; font-size:0; line-height:0;", _ = ".ins-product-cart td.horizontal-price, .ins-product-cart td.vertical-price";
-function T(t) {
-  if (!t.includes("vertical-price") || !t.includes("ins-product-cart"))
-    return t;
-  const i = t.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), r = new DOMParser().parseFromString(i, "text/html");
-  let n = !1;
-  if (r.querySelectorAll(_).forEach((e) => {
-    var s, a;
-    const o = e.getAttribute("style") || "";
-    if (!/display\s*:\s*none/i.test(o))
-      return;
-    const c = e.previousSibling;
-    if (((c == null ? void 0 : c.nodeType) !== Node.COMMENT_NODE || c.data !== p) && ((s = e.parentNode) == null || s.insertBefore(r.createComment(p), e), (a = e.parentNode) == null || a.insertBefore(r.createComment(E), e.nextSibling)), !/mso-hide/i.test(o)) {
-      const d = o.trim().endsWith(";") ? " " : "; ";
-      e.setAttribute("style", `${o}${d}${u}`);
-    }
-    n = !0;
-  }), !n)
-    return t;
-  const l = i.match(/<!DOCTYPE[^>]*>/i);
-  return ((l ? `${l[0]}
-` : "") + r.documentElement.outerHTML).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
-}
-export {
-  E as MSO_ITEMS_HIDE_END,
-  p as MSO_ITEMS_HIDE_START,
-  T as wrapHiddenPriceTdsForOutlook
-};

package/dist/src/config/compiler/utils/itemsCompilerUtils.d.ts

@@ -1,12 +0,0 @@
-export declare const MSO_ITEMS_HIDE_START = "MSO_ITEMS_HIDE_START";
-export declare const MSO_ITEMS_HIDE_END = "MSO_ITEMS_HIDE_END";
-/**
- * SD-147597: the horizontal Items layout ships a second copy of price +
- * original price in a `td.vertical-price` fallback hidden only by inline
- * `display:none` (and vice versa for the vertical price orientation). Outlook's
- * Word engine ignores `display:none` on `<td>`, so it paints BOTH copies —
- * duplicate price. Wrap whichever price td(s) are hidden at export time in safe
- * placeholder comments (swapped into `<!--[if !mso]>` by the priority-101 rule)
- * and collapse them inline for web-engine Outlook.
- */
-export declare function wrapHiddenPriceTdsForOutlook(html: string): string;