@useinsider/guido 3.14.0 → 3.15.0

package/dist/config/migrator/itemsBlockMigrator.js

@@ -88,11 +88,11 @@ function k(o) {
 }
 function h(o) {
   var e;
-  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];
+  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];
   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 c = parseInt(n) - 1, u = I[a];
-    u && u[c] && (n = u[c].value);
+    const l = parseInt(n) - 1, u = I[a];
+    u && u[l] && (n = u[l].value);
   }
   return {
     initialized: !0,
@@ -148,7 +148,7 @@ function N(o, t) {
   };
   return r[o] || r.CART_ITEMS;
 }
-class z {
+class H {
   constructor() {
     M(this, "parser");
     this.parser = new DOMParser();
@@ -159,13 +159,13 @@ class z {
         return this.backfillV2ProductTdAttributes(t);
       let r = this.removeJinjaConditionals(t);
       r = this.replaceTemplateVariables(r);
-      const l = this.parser.parseFromString(r, "text/html"), a = l.querySelectorAll(
+      const c = this.parser.parseFromString(r, "text/html"), a = c.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), c = F({
+        const e = this.extractConfiguration(n), l = F({
           orientation: e.orientation,
           itemsType: e.itemsType,
           itemId: e.itemId,
@@ -181,7 +181,7 @@ class z {
           quantityStyles: e.quantityStyles,
           nodeConfig: h(e.configBlockAttributes)
         }), s = this.parser.parseFromString(
-          `<table><tbody><tr>${c}</tr></tbody></table>`,
+          `<table><tbody><tr>${l}</tr></tbody></table>`,
           "text/html"
         ).querySelector("td");
         if (s && n.parentNode) {
@@ -190,7 +190,7 @@ class z {
           const d = s.querySelector("esd-config-block");
           d && d.remove(), n.parentNode.replaceChild(s, n);
         }
-      }), l.documentElement.outerHTML);
+      }), c.documentElement.outerHTML);
     } catch (r) {
       return console.error("ItemsBlockMigrator failed:", r), t;
     }
@@ -205,15 +205,15 @@ class z {
     var C, D, P;
     const r = k(
       ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) ?? null
-    ), 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"];
+    ), 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"];
     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, 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;
+    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;
     return {
       orientation: S,
       itemsType: r,
       itemId: n,
-      currencySymbol: c,
+      currencySymbol: l,
       currencyLocation: s,
       formattedPrice: _,
       configBlockAttributes: d,
@@ -231,7 +231,7 @@ class z {
    * @param itemsType - The type of items (CART_ITEMS, BROWSED_ITEMS, PURCHASED_ITEMS)
    * @param itemNumber - The item number (1-based index)
    */
-  extractConfigBlockAttributes(t, r, l) {
+  extractConfigBlockAttributes(t, r, c) {
     const a = t.querySelector("esd-config-block"), i = {};
     if (!a)
       return this.getDefaultConfigBlockAttributes();
@@ -240,18 +240,18 @@ class z {
     }), i["data-cart_items_select_control_value"]) {
       const e = i["data-cart_items_select_control_value"];
       if (/^\d+$/.test(e)) {
-        const c = parseInt(e) - 1, u = I[r];
-        u && u[c] && (i["data-cart_items_select_control_value"] = u[c].value);
+        const l = parseInt(e) - 1, u = I[r];
+        u && u[l] && (i["data-cart_items_select_control_value"] = u[l].value);
       }
     }
     if (i["data-product_price_control_curency"]) {
       const e = i["data-product_price_control_curency"];
-      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;
+      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;
     }
     (!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, l), n["data-product_button_link"] = N(r, l), n;
+    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;
   }
   /**
    * Returns default esd-config-block attributes based on the old template structure
@@ -301,7 +301,7 @@ class z {
     };
   }
   /**
-   * Backfills data-type (and data-number) onto v2 `.ins-product-td` elements
+   * Backfills data-type (and data-number, data-nodup) 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,22 +326,24 @@ class z {
     if (!t.includes("ins-product-td") || !t.includes("esd-ext-config"))
       return t;
     const r = this.parser.parseFromString(t, "text/html");
-    let l = !1;
+    let c = !1;
     return r.querySelectorAll(".ins-product-td").forEach((a) => {
-      if (a.hasAttribute("width") && (a.removeAttribute("width"), l = !0), a.getAttribute("data-type"))
-        return;
+      a.hasAttribute("width") && (a.removeAttribute("width"), c = !0);
       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;
+      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)
+        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;
   }
   /**
    * Fast check for the presence of any items block (cart / browsed / purchased)
@@ -362,15 +364,15 @@ class z {
    * contains display condition Jinja scripts that should NOT be removed.
    */
   removeJinjaConditionals(t) {
-    const r = "__ESD_DISPLAY_CONDITIONS_PLACEHOLDER__", l = t.match(/esd-custom-display-conditions="[^"]*"/);
-    let a = l ? t.replace(l[0], r) : t;
+    const r = "__ESD_DISPLAY_CONDITIONS_PLACEHOLDER__", c = t.match(/esd-custom-display-conditions="[^"]*"/);
+    let a = c ? t.replace(c[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, ""), l && (a = a.replace(r, l[0])), a = a.replace(/\n\s*\n\s*\n/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;
   }
@@ -385,30 +387,30 @@ class z {
    */
   replaceTemplateVariables(t) {
     const { PAIRS_FOR_EXTENSION: r } = K;
-    return t.replace(/{{([^}]+)}}/g, (l, a) => {
+    return t.replace(/{{([^}]+)}}/g, (c, a) => {
       const i = a.match(/^(ins_apr|browsed_item|purchased_item)_([a-z_]+)_(\d+)$/);
       if (!i)
-        return l;
-      const [, n, e, c] = i, u = V[n];
+        return c;
+      const [, n, e, l] = i, u = V[n];
       if (!u)
-        return console.warn(`Unknown variable prefix: ${n}`), l;
+        return console.warn(`Unknown variable prefix: ${n}`), c;
       const s = x[e];
       if (!s)
-        return console.warn(`Unknown variable suffix mapping for: ${e}`), l;
+        return console.warn(`Unknown variable suffix mapping for: ${e}`), c;
       const { pairsKey: _, defaultKey: d, isArray: b } = s, y = r[_][u];
       if (!y)
-        return console.warn(`No data found for: ${_}.${u}`), l;
+        return console.warn(`No data found for: ${_}.${u}`), c;
       if (b) {
-        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 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 A = y[d];
-      return A !== void 0 ? String(A) : (console.warn(`Default value not found: ${_}.${u}.${d}`), l);
+      return A !== void 0 ? String(A) : (console.warn(`Default value not found: ${_}.${u}.${d}`), c);
     });
   }
 }
 function Q(o) {
-  return new z().migrate(o);
+  return new H().migrate(o);
 }
 export {
   Q as migrateItemsBlock

package/dist/config/migrator/productNameLinkMigrator.js

@@ -0,0 +1,27 @@
+var n = Object.defineProperty;
+var a = (e, r, t) => r in e ? n(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
+var o = (e, r, t) => a(e, typeof r != "symbol" ? r + "" : r, t);
+import { unwrapProductNameLinks as i } from "../../utils/unwrapProductNameLink.js";
+const c = /<a[^>]*product-attr="name"/i;
+class s {
+  constructor() {
+    o(this, "parser");
+    this.parser = new DOMParser();
+  }
+  migrate(r) {
+    try {
+      if (!r.includes("items-block-v2") || !c.test(r))
+        return r;
+      const t = this.parser.parseFromString(r, "text/html");
+      return i(t), t.documentElement.outerHTML;
+    } catch (t) {
+      return console.error("ProductNameLinkMigrator failed:", t), r;
+    }
+  }
+}
+function d(e) {
+  return new s().migrate(e);
+}
+export {
+  d as migrateProductNameLink
+};

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

@@ -1,14 +1,14 @@
-import { BlockId as g } from "../../../enums/block.js";
-import { useOnboardingStore as p } from "../../../stores/onboarding.js";
+import { BlockId as f } from "../../../enums/block.js";
+import { useOnboardingStore as g } 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 l, DefaultConfigValues as m } from "./enums/settingsEnums.js";
+import { SETTINGS_ENUMS as d, DefaultConfigValues as m } from "./enums/settingsEnums.js";
 import { getDefaultTemplate as b } from "./template.js";
-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 {
+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 {
   getId() {
-    return f;
+    return p;
   }
   getIcon() {
     return "items-icon";
@@ -24,15 +24,15 @@ class P extends I {
   }
   getSettingsPanelTitleHtml() {
     return y(
-      f,
+      p,
       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: l.ORIENTATION.VERTICAL,
-      itemsType: l.ITEMS_TYPE.CART_ITEMS,
+      orientation: d.ORIENTATION.VERTICAL,
+      itemsType: d.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
       currencySymbol: m.productPriceCurrencySymbolControlValue,
       currencyLocation: m.productPriceCurrencyLocationControlValue,
@@ -45,23 +45,23 @@ class P extends I {
   canBeSavedAsModule() {
     return !0;
   }
-  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)
+  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)
       return;
-    const r = e.getNodeConfig(), s = r && Object.keys(r).length > 0, n = u(o);
+    const r = i.getNodeConfig(), s = r && Object.keys(r).length > 0, n = u(e);
     if (n != null && n.initialized)
       if (s)
-        n.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...n, blockInstanceId: String(Date.now()) }).apply(new c("Assign block instance ID to block"));
+        n.blockInstanceId || this.api.getDocumentModifier().modifyHtml(i).setNodeConfig({ ...n, blockInstanceId: String(Date.now()) }).apply(new c("Assign block instance ID to block"));
       else {
         const a = this.api.getDocumentModifier();
-        a.modifyHtml(e).setNodeConfig(n), this._stampProductTdDomAttributes(e, n, a), a.apply(new c("Migrate legacy config to nodeConfig"));
+        a.modifyHtml(i).setNodeConfig(n), this._stampProductTdDomAttributes(i, n, a), a.apply(new c("Migrate legacy config to nodeConfig"));
       }
     else {
       const a = N();
-      this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(a).apply(new c("Initialize Items block with default configuration")), p().startOnboarding("itemsOnboarding");
+      this.api.getDocumentModifier().modifyHtml(i).setNodeConfig(a).apply(new c("Initialize Items block with default configuration")), g().startOnboarding("itemsOnboarding");
     }
   }
   /**
@@ -70,33 +70,33 @@ class P 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(o) {
-    const t = d(o);
+  onDocumentChanged(e) {
+    const t = l(e);
     if (!t)
       return;
-    const i = t.getNodeConfig();
-    if (i && Object.keys(i).length > 0)
+    const o = t.getNodeConfig();
+    if (o && Object.keys(o).length > 0)
       return;
-    const r = u(o);
+    const r = u(e);
     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`) onto the
+   * Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) 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(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);
+  _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));
   }
 }
 export {
-  f as BLOCK_ID,
-  P as ItemsBlock
+  p as BLOCK_ID,
+  O as ItemsBlock
 };

package/dist/extensions/Blocks/Items/controls/name/trimming.js

@@ -1,30 +1,31 @@
-import { ModificationDescription as d, UIElementType as a, UEAttr as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as T } from "../../../common-control.js";
-import { ItemsBlockControlId as l } from "../../enums/controlEnums.js";
-import { getItemsBlockConfig as o, setItemsBlockConfig as c } from "../../utils/nodeConfigUtils.js";
-const g = l.NAME_TRIMMING, i = {
+import { ModificationDescription as l, UIElementType as s, UEAttr as d } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as p } from "../../../common-control.js";
+import { ItemsBlockControlId as a } from "../../enums/controlEnums.js";
+import { findNameTextNode as T } from "../../utils/nameNode.js";
+import { getItemsBlockConfig as r, setItemsBlockConfig as c } from "../../utils/nodeConfigUtils.js";
+const g = a.NAME_TRIMMING, i = {
   TRIMMING: "trimming"
 };
-class y extends T {
+class y extends p {
   getId() {
     return g;
   }
   getTemplate() {
     return `
-            <div class="container ${l.NAME_TRIMMING}">
+            <div class="container ${a.NAME_TRIMMING}">
                 ${this._getTextTrimming()}
             </div>
         `;
   }
   onRender() {
-    const e = o(this.currentNode);
+    const e = r(this.currentNode);
     this.api.updateValues({ [i.TRIMMING]: (e == null ? void 0 : e.nameTrimming) ?? !0 }), this.api.onValueChanged(i.TRIMMING, (t) => {
       this._onTrimmingChange(t);
     });
   }
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
-      const t = o(this.currentNode);
+      const t = r(this.currentNode);
       this.api.updateValues({ [i.TRIMMING]: (t == null ? void 0 : t.nameTrimming) ?? !0 });
     });
   }
@@ -32,20 +33,19 @@ class y extends T {
     c(this.currentNode, this.api, { nameTrimming: e }), this.api.updateValues({ [i.TRIMMING]: e }), this._applyTrimmingStyles(e);
   }
   _applyTrimmingStyles(e) {
-    var m;
-    const t = (m = this.currentNode) == null ? void 0 : m.querySelector("p > a");
+    const t = T(this.currentNode);
     if (!t)
       return;
-    const n = o(this.currentNode), s = e !== void 0 ? e : (n == null ? void 0 : n.nameTrimming) ?? !0, r = this.api.getDocumentModifier().modifyHtml(t);
-    s ? r.setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis") : r.removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow"), r.setStyle("max-width", "100%").apply(new d(`Text Trimming ${s ? "Enabled" : "Disabled"}`));
+    const n = r(this.currentNode), m = e !== void 0 ? e : (n == null ? void 0 : n.nameTrimming) ?? !0, o = this.api.getDocumentModifier().modifyHtml(t);
+    m ? o.setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis") : o.removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow"), o.setStyle("max-width", "100%").apply(new l(`Text Trimming ${m ? "Enabled" : "Disabled"}`));
   }
   _getTextTrimming() {
     return `
             <div class="display-flex align-items-center justify-content-between">
-                <${a.LABEL}
-                    ${p.LABEL.text}="${this.api.translate("Text Trimming")}"
+                <${s.LABEL}
+                    ${d.LABEL.text}="${this.api.translate("Text Trimming")}"
                 >
-                </${a.LABEL}>
+                </${s.LABEL}>
                 ${this._GuToggle(i.TRIMMING)}
             </div>
         `;

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

@@ -1,43 +1,47 @@
-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 = {
+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 = {
   HIDE_DISCOUNT: "hideDiscount"
 };
-class C extends r {
+class E extends p {
   getId() {
-    return c;
+    return D;
   }
   getTemplate() {
     return `
-            <div class="container ${n.PRICE_HIDE_DISCOUNT}">
+            <div class="container ${r.PRICE_HIDE_DISCOUNT}">
                 ${this._getHideDiscount()}
             </div>
         `;
   }
   onRender() {
-    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);
+    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);
     });
   }
-  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 });
+  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 });
     });
   }
-  _onHideDiscountChange(e) {
-    a(this.currentNode, this.api, { priceHideDiscount: e }), this.api.updateValues({ [i.HIDE_DISCOUNT]: e });
+  _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 });
   }
   _getHideDiscount() {
     return `
                 <div class="display-flex align-items-center justify-content-between">
-                    <${o.LABEL} 
-                        ${d.LABEL.text}="${this.api.translate("Hide if same as discounted ")}"
+                    <${s.LABEL} 
+                        ${a.LABEL.text}="${this.api.translate("Hide if same as discounted ")}"
                     >
-                    </${o.LABEL}>
+                    </${s.LABEL}>
                     ${this._GuToggle(i.HIDE_DISCOUNT)}
                 </div>
             </div>
@@ -45,6 +49,6 @@ class C extends r {
   }
 }
 export {
-  c as CONTROL_BLOCK_ID,
-  C as PriceHideDiscountControl
+  D as CONTROL_BLOCK_ID,
+  E as PriceHideDiscountControl
 };