@useinsider/guido 3.15.0-beta.244c73c → 3.15.0-beta.360c5d6

package/dist/composables/useRecommendation.js

@@ -3,21 +3,20 @@ import { MinDeviceViewport as C, DefaultPadding as b } from "../enums/recommenda
 import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as h } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
 import { getPartnerRecommendationParams as y } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
-import { sanitizeProductIds as x } from "../extensions/Blocks/Recommendation/utils/productIds.js";
-import { useConfigStore as P } from "../stores/config.js";
-const B = () => ({
+import { useConfigStore as x } from "../stores/config.js";
+const k = () => ({
   calculateCardWidth: ({
     mobileLeftPadding: a,
     mobileRightPadding: s,
     cardsInRow: c,
-    unresponsive: n
+    unresponsive: o
   }) => {
-    const r = n ? c : 1, e = a + s + (r - 1) * b;
+    const r = o ? c : 1, e = a + s + (r - 1) * b;
     return (C - e) / r;
   },
   getRecommendationCampaignData: (a) => {
-    const s = l(), c = Number(a), n = s.blockStates[c];
-    if (!n)
+    const s = l(), c = Number(a), o = s.blockStates[c];
+    if (!o)
       return {
         textTrimming: !1,
         orientation: "vertical",
@@ -30,7 +29,7 @@ const B = () => ({
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: r } = n, e = r.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: r } = o, e = r.orientation === "grid" ? "vertical" : "horizontal";
     return {
       textTrimming: r.textTrimming,
       orientation: e,
@@ -46,7 +45,7 @@ const B = () => ({
   },
   buildCampaignUrl: (a, s) => {
     var m;
-    const c = l(), n = P(), r = Number(a);
+    const c = l(), o = x(), r = Number(a);
     let e;
     if (s)
       e = s;
@@ -54,25 +53,25 @@ const B = () => ({
       const i = c.blockStates[r];
       if (!i)
         return "";
-      const { recommendationConfigs: o } = i;
+      const { recommendationConfigs: n } = i;
       e = {
-        strategy: o.strategy,
-        language: o.language,
-        currencyCode: o.currencySettings.value,
-        size: o.size,
-        productIds: o.productIds,
-        filters: o.filters,
-        shuffleProducts: o.shuffleProducts
+        strategy: n.strategy,
+        language: n.language,
+        currencyCode: n.currencySettings.value,
+        size: n.size,
+        productIds: n.productIds,
+        filters: n.filters,
+        shuffleProducts: n.shuffleProducts
       };
     }
     const f = ((m = I().find((i) => i.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
-    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", n.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", n.variationId), e.strategy === "manualMerchandising" ? t.set("productId", x(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
+    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", o.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", o.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
     const g = e.filters.filter((i) => i.isValid), d = h(g);
-    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(y(n.partnerName, e.strategy)).forEach(([i, o]) => t.set(i, o));
+    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(y(o.partnerName, e.strategy)).forEach(([i, n]) => t.set(i, n));
     const p = decodeURIComponent(t.toString()), u = `${R.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
     return c.recommendationCampaignUrls[a] = u, u;
   }
 });
 export {
-  B as useRecommendation
+  k as useRecommendation
 };

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

@@ -1,12 +1,12 @@
-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 d, 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 { 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 {
   getId() {
     return p;
   }
@@ -14,7 +14,7 @@ class O extends I {
     return "items-icon";
   }
   getBlockCompositionType() {
-    return C.CONTAINER;
+    return b.CONTAINER;
   }
   getName() {
     return this.api.translate("Items");
@@ -23,20 +23,20 @@ class O extends I {
     return this.api.translate("Items lets you display personalized products based on user behavior.");
   }
   getSettingsPanelTitleHtml() {
-    return y(
+    return I(
       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: d.ORIENTATION.VERTICAL,
-      itemsType: d.ITEMS_TYPE.CART_ITEMS,
+    return h({
+      orientation: l.ORIENTATION.VERTICAL,
+      itemsType: l.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
-      currencySymbol: m.productPriceCurrencySymbolControlValue,
-      currencyLocation: m.productPriceCurrencyLocationControlValue,
-      formattedPrice: m.productPriceFormattedControlValue === "1"
+      currencySymbol: d.productPriceCurrencySymbolControlValue,
+      currencyLocation: d.productPriceCurrencyLocationControlValue,
+      formattedPrice: d.productPriceFormattedControlValue === "1"
     });
   }
   allowInnerBlocksDND() {
@@ -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(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)
       return;
-    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(i).setNodeConfig({ ...n, blockInstanceId: String(Date.now()) }).apply(new c("Assign block instance ID to block"));
+    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 a = this.api.getDocumentModifier();
-        a.modifyHtml(i).setNodeConfig(n), this._stampProductTdDomAttributes(i, n, a), a.apply(new c("Migrate legacy config to nodeConfig"));
+        const s = this.api.getDocumentModifier();
+        s.modifyHtml(e).setNodeConfig(i), this._stampProductTdDomAttributes(e, i, s), s.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");
+      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");
     }
   }
   /**
@@ -70,18 +70,18 @@ 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(n) {
+    const t = u(n);
     if (!t)
       return;
-    const o = t.getNodeConfig();
-    if (o && Object.keys(o).length > 0)
+    const a = t.getNodeConfig();
+    if (a && Object.keys(a).length > 0)
       return;
-    const r = u(e);
-    if (!(r != null && r.initialized))
+    const o = f(n);
+    if (!(o != null && o.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"));
+    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"));
   }
   /**
    * Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) onto the
@@ -91,12 +91,14 @@ class O extends I {
    * 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(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);
+    };
+    r("data-type", t.type), r("data-number", o), r("data-nodup", String(t.priceHideDiscount));
   }
 }
 export {
   p as BLOCK_ID,
-  O as ItemsBlock
+  E as ItemsBlock
 };

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

@@ -1,17 +1,17 @@
 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 Y } from "./enums/productEnums.js";
-import { ItemInCartOptions as q, SETTINGS_ENUMS as N, DefaultConfigValues as k } from "./enums/settingsEnums.js";
-import j from "./layouts/horizontal.html.js";
-import f from "./layouts/vertical.html.js";
-import { deriveItemNumber as J, escapeReplacement as G } from "./utils/nodeConfigUtils.js";
-let [X] = 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, [V] = h.PAIRS_FOR_EXTENSION.quantity.CART_ITEMS.DEFAULT;
-const D = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCase().startsWith(e.toLowerCase())).join("; ").replace(/;\s*$/, ""), U = (s) => D(s, "text-align"), y = (s, e) => {
-  const l = new RegExp(`${e}\\s*:\\s*([^;]+)`, "i"), a = s.match(l);
+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>`, Z = (s, e, l, a) => {
-  const i = l || k.productImageHeight, d = (a == null ? void 0 : a.imageVisible) === !1 ? "display: none; " : "";
+}, 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(`
         <td class="esd-block-image document-node-component default-block-component selectable ng-star-inserted"
             align="center"
@@ -26,7 +26,7 @@ const D = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
                 href="#!">
                 <img class="adapt-img document-node-component ng-star-inserted"
                     style="object-fit: contain;"
-                    src="${X}"
+                    src="${v}"
                     alt="${F}"
                     width="${i}"
                     height="${i}">
@@ -35,18 +35,18 @@ const D = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
     `);
 }, tt = (s, e) => `
     <${R.BLOCK_IMAGE}
-        ${S.BLOCK_IMAGE.src}="${X}"
+        ${S.BLOCK_IMAGE.src}="${v}"
         ${S.BLOCK_IMAGE.alt}="${F}"
         ${S.BLOCK_IMAGE.href}="#!"
-        ${S.BLOCK_IMAGE.width}="${k.productImageWidth}"
-        ${S.BLOCK_IMAGE.height}="${k.productImageWidth}"
+        ${S.BLOCK_IMAGE.width}="${M.productImageWidth}"
+        ${S.BLOCK_IMAGE.height}="${M.productImageWidth}"
         esd-extension-block-id="${O.IMAGE}"
         data-slot-1
         product-attr="imageSrc"
         data-type="${s}"
         data-number="${e}"
     />
-    `, et = (s, e, l, a) => {
+    `, et = (s, e, r, a) => {
   const i = `
         word-wrap: break-word;
         white-space: nowrap;
@@ -56,15 +56,15 @@ const D = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
         max-width: 100%;
     `;
   if (e) {
-    const d = y(l || "", "text-align") || "center", n = U(l || i), c = y(n, "font-weight"), r = y(n, "font-style"), p = c === "bold" || c === "700", t = r === "italic", o = D(
-      D(
-        D(n, "font-weight"),
+    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"),
         "font-style"
       ),
       "text-decoration"
-    ), T = (a == null ? void 0 : a.nameVisible) === !1 ? "display: none;" : "display: table-cell;", _ = o ? ` style="${m(o)}"` : "";
-    let $ = F;
-    return p && ($ = `<strong>${$}</strong>`), t && ($ = `<em>${$}</em>`), w(`
+    ), 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(`
             <td class="esd-block-text es-p10"
                 align="${d}"
                 width="100%"
@@ -76,7 +76,7 @@ const D = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
                     path="1"
                     product-attr="name"
                     data-slot-2${_}>
-                    ${$}
+                    ${E}
                 </p>
             </td>
         `);
@@ -97,15 +97,15 @@ const D = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
         </p>
     </${R.BLOCK_TEXT}>
 `;
-}, at = (s, e, l, a, i, d, n, c, r, p) => {
+}, at = (s, e, r, a, i, d, n, c, l, o) => {
   let t = x;
   if (a && a.trim()) {
-    const E = `${a.trim()}`;
-    t = (i || "0") === "1" ? `${x}&nbsp;${E}` : `${E}&nbsp;${x}`;
+    const $ = `${a.trim()}`;
+    t = (i || "0") === "1" ? `${x}&nbsp;${$}` : `${$}&nbsp;${x}`;
   }
-  const o = i === "1" ? "after" : "before", T = `data-formated="${l ? "true" : "false"}"`, _ = `data-curency="${o}"`, $ = a ? `data-currency_symbol="${a}"` : "", u = `data-single_price="${c ? "true" : "false"}"`, I = r === N.ORIENTATION.VERTICAL ? " es-p10b es-p10t" : "";
+  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" : "";
   if (d) {
-    const b = U(n || "color: #060606; white-space: nowrap; font-size: 20px;"), A = p ? "" : ' style="display: none;"';
+    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}"
             align="center"
@@ -119,7 +119,7 @@ const D = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
                 data-number="${e}"
                 ${T}
                 ${_}
-                ${$}
+                ${E}
                 ${u}
                 style="${m(b)}">
                 ${t}
@@ -149,20 +149,20 @@ const D = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
             </p>
         </${R.BLOCK_TEXT}>
     `;
-}, st = (s, e, l, a, i, d, n = !0, c, r, p) => {
+}, st = (s, e, r, a, i, d, n = !0, c, l, o) => {
   let t = L;
   if (a && a.trim()) {
-    const E = `${a.trim()}`;
-    t = (i || "0") === "1" ? `${L}&nbsp;${E}` : `${E}&nbsp;${L}`;
+    const $ = `${a.trim()}`;
+    t = (i || "0") === "1" ? `${L}&nbsp;${$}` : `${$}&nbsp;${L}`;
   }
-  const o = i === "1" ? "after" : "before", T = `data-formated="${l ? "true" : "false"}"`, _ = `data-curency="${o}"`, $ = n ? "" : ' style="display: none;"', u = `data-single_price="${r ? "true" : "false"}"`, I = p === N.ORIENTATION.VERTICAL ? " es-p10b es-p10t" : "";
+  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" : "";
   if (d) {
-    const b = U(c || "color: #cc0000; white-space: nowrap; font-size: 19px;");
+    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}"
                 width="100%"
-                align="center"${$}>
+                align="center"${E}>
                 <p
                     product-attr="originalPrice"
                     contenteditable="false"
@@ -203,10 +203,10 @@ const D = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
             </p>
         </${R.BLOCK_TEXT}>
     `;
-}, lt = (s = !0, e, l) => {
+}, lt = (s = !0, e, r) => {
   const a = s ? "" : 'style="display: none;"';
   if (e) {
-    const i = "font-size: 14px;", d = y(l || "", "text-align") || "center", n = U(l || i);
+    const i = "font-size: 14px;", d = y(r || "", "text-align") || "center", n = k(r || i);
     return w(`
             <td class="esd-block-text es-p10 document-node-component default-block-component selectable"
                 width="100%" align="${d}"
@@ -218,7 +218,7 @@ const D = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
                     width="100%"
                     path="1"
                     style="${m(n)}">
-                    ${V}
+                    ${X}
                 </p>
             </td>
             `);
@@ -236,26 +236,26 @@ const D = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
                 data-slot-3
                 contenteditable="false"
                 width="100%">
-                ${V}
+                ${X}
             </p>
         </${R.BLOCK_TEXT}>
     `;
-}, rt = (s, e, l = "Buy", a, i, d = !0, n = !0) => {
+}, rt = (s, e, r = "Buy", a, i, d = !0, n = !0) => {
   if (a) {
-    const c = y(i || "", "background") || y(i || "", "background-color"), r = c ? `border-width: 0px; background: ${c};` : "border-width: 0px;", p = d ? "es-fw" : "es-il", t = (i || "").replace("border-width: 0;", "");
+    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(`
         <td class="esd-block-button ins-button default-block-component selectable"
-            align="center" width="100%" name="buy-button" caption="${l}"
+            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}"
             ${n ? "" : ' style="display: none;"'}>
-            <span class="es-button-border ${p}" style="${m(r)}">
+            <span class="es-button-border ${o}" style="${m(l)}">
             <a
                 class="es-button"
                 href="#!"
                 target="_blank"
                 style="${m(t)} padding: 5px 12px;">
-                    ${l}
+                    ${r}
                 </a>
             </span>
         </td>
@@ -266,27 +266,27 @@ const D = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
             width="100%"
             class="ins-button"
             name="buy-button"
-            caption="${l}"
+            caption="${r}"
             align="center"
             esd-extension-block-id="${O.BUTTON}"
             product-attr="button"
             data-slot-6
             data-type="${s}"
             data-number="${e}"
-        >${l}
+        >${r}
         </${R.BLOCK_BUTTON}>
     `;
-}, ct = (s, e, l, a = !0, i = !0) => {
-  const d = e === N.ORIENTATION.VERTICAL, n = l === "horizontal";
+}, ct = (s, e, r, a = !0, i = !0) => {
+  const d = e === N.ORIENTATION.VERTICAL, n = r === "horizontal";
   if (d) {
-    const c = !n, r = c || !i ? "100%" : "50%", p = c || !a ? "100%" : "50%";
+    const c = !n, l = c || !i ? "100%" : "50%", o = c || !a ? "100%" : "50%";
     let t = s.replace(
       /<td\s+[^>]*class="([^"]*product-price-class[^"]*)"[^>]*>/gi,
-      (o) => o.replace(/width="[^"]*"/gi, `width="${r}"`).replace(/width:\s*[^;]+;/gi, `width: ${r};`)
+      (p) => p.replace(/width="[^"]*"/gi, `width="${l}"`).replace(/width:\s*[^;]+;/gi, `width: ${l};`)
     );
     return t = t.replace(
       /<td\s+[^>]*class="([^"]*product-original-price-class[^"]*)"[^>]*>/gi,
-      (o) => o.replace(/width="[^"]*"/gi, `width="${p}"`).replace(/width:\s*[^;]+;/gi, `width: ${p};`)
+      (p) => p.replace(/width="[^"]*"/gi, `width="${o}"`).replace(/width:\s*[^;]+;/gi, `width: ${o};`)
     ), t;
   }
   return n ? s : s.replace(
@@ -298,74 +298,74 @@ const D = (s, e) => s.split(";").map((l) => l.trim()).filter((l) => !l.toLowerCa
   );
 }, it = (s) => s ? `<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">` : Y, K = (s, e, l, a, i, d, n, c, r, p, t, o, T, _ = "horizontal", $, u, P, I) => {
-  const A = `${`data-type="${e}" data-number="${l}"`} data-orientation="${a}"`, M = r == null ? void 0 : r["data-product_image_control_image-height"], B = d ? Z(e, l, M, t) : tt(e, l), W = (t == null ? void 0 : t.buttonLabel) || "Buy", z = (t == null ? void 0 : t.buttonFullWidth) !== void 0 ? t.buttonFullWidth : !0, Q = e === N.ITEMS_TYPE.BROWSED_ITEMS ? !1 : t == null ? void 0 : t.quantityControlEnabled, H = (t == null ? void 0 : t.buttonVisible) !== void 0 ? t.buttonVisible : (r == null ? void 0 : r["data-product_button_control_enabled"]) !== "false", g = (t == null ? void 0 : t.priceVisible) !== void 0 ? t.priceVisible : (r == null ? void 0 : r["data-product_price_control_enabled"]) !== "false", v = (t == null ? void 0 : t.originalPriceVisible) !== void 0 ? t.originalPriceVisible : (r == null ? void 0 : r["data-product_original_price_control_enabled"]) !== "false", C = s.replace("{-{-TEMPLATE_FIRST_LINE-}-}", it(d)).replace("{-{-PRODUCT_IMAGE-}-}", B).replace("{-{-PRODUCT_NAME-}-}", et(e, d, o, t)).replaceAll(
+            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(
     "{-{-PRODUCT_PRICE-}-}",
-    G(at(
+    g(at(
       e,
-      l,
+      r,
       i,
       n,
       c,
       d,
-      $,
+      E,
       I,
       a,
-      g
+      G
     ))
   ).replaceAll(
     "{-{-PRODUCT_ORIGINAL_PRICE-}-}",
-    G(st(
+    g(st(
       e,
-      l,
+      r,
       i,
       n,
       c,
       d,
-      v,
+      K,
       u,
       I,
       a
     ))
-  ).replace("{-{-PRODUCT_QUANTITY-}-}", lt(Q, d, P)).replace(
+  ).replace("{-{-PRODUCT_QUANTITY-}-}", lt(H, d, P)).replace(
     "{-{-PRODUCT_BUTTON-}-}",
-    rt(e, l, W, d, T, z, H)
+    rt(e, r, W, d, T, z, Q)
   ).replace(
     /<td([^>]*class="[^"]*ins-product-td[^"]*"[^>]*)>/,
     `<td$1 ${A}>`
   );
   return ct(
-    C,
+    Y,
     a,
     _,
-    g,
-    v
+    G,
+    K
   );
 };
 function It({
   orientation: s,
   itemsType: e = N.ITEMS_TYPE.CART_ITEMS,
-  itemId: l,
+  itemId: r,
   currencySymbol: a,
   currencyLocation: i,
   migrate: d = !1,
   formattedPrice: n = !0,
   configBlockAttributes: c,
-  nodeConfig: r,
-  nameStyles: p,
+  nodeConfig: l,
+  nameStyles: o,
   buttonStyles: t,
-  priceStyles: o,
+  priceStyles: p,
   originalPriceStyles: T,
   quantityStyles: _,
-  priceOrientation: $
+  priceOrientation: E
 }) {
-  const u = q[e].findIndex((M) => M.value === l), P = J(l, e), I = (r == null ? void 0 : r.priceSinglePrice) ?? (c == null ? void 0 : c["data-product_price_control_single_price"]) === "1" ?? !1;
-  X = h.PAIRS_FOR_EXTENSION.imageSrc[e].DEFAULT[u >= 0 ? u : 0], F = h.PAIRS_FOR_EXTENSION.name[e].DEFAULT[u >= 0 ? u : 0];
-  const E = h.PAIRS_FOR_EXTENSION.price[e], b = h.PAIRS_FOR_EXTENSION.originalPrice[e];
-  I ? (x = n ? E.DEFAULT_SINGLE_PRICE_FORMATTED : E.DEFAULT_SINGLE_PRICE, L = n ? b.DEFAULT_SINGLE_PRICE_FORMATTED : b.DEFAULT_SINGLE_PRICE) : (x = n ? E.DEFAULT_PRICE_FORMATTED : E.DEFAULT_PRICE, L = n ? b.DEFAULT_PRICE_FORMATTED : b.DEFAULT_PRICE), V = h.PAIRS_FOR_EXTENSION.quantity[e].DEFAULT;
-  const A = $ || (r == null ? void 0 : r.priceOrientation) || "horizontal";
-  return s === N.ORIENTATION.VERTICAL ? K(
-    f,
+  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,
     e,
     P,
     s,
@@ -374,18 +374,18 @@ function It({
     a,
     i,
     c,
-    void 0,
+    String(D),
     // nodup
-    r,
-    p,
+    l,
+    o,
     t,
     A,
-    o,
+    p,
     T,
     _,
     I
-  ) : K(
-    j,
+  ) : B(
+    C,
     e,
     P,
     s,
@@ -394,13 +394,13 @@ function It({
     a,
     i,
     c,
-    void 0,
+    String(D),
     // nodup
-    r,
-    p,
+    l,
+    o,
     t,
     A,
-    o,
+    p,
     T,
     _,
     I

package/dist/extensions/Blocks/Recommendation/controls/main/algorithm.js

@@ -1,23 +1,23 @@
-var d = Object.defineProperty;
-var h = (r, o, t) => o in r ? d(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
-var c = (r, o, t) => h(r, typeof o != "symbol" ? o + "" : o, t);
-import { UEAttr as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as g } from "../../../common-control.js";
+var c = Object.defineProperty;
+var l = (s, o, t) => o in s ? c(s, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[o] = t;
+var a = (s, o, t) => l(s, typeof o != "symbol" ? o + "" : o, t);
+import { UEAttr as h } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as d } from "../../../common-control.js";
 import { RecommendationConfigService as n } from "../../services/configService.js";
 import { useRecommendationExtensionStore as m } from "../../store/recommendation.js";
-import { mapLegacyStrategy as u } from "../../utils/legacyStrategyMap.js";
-const p = "recommendation-algorithm-control", e = {
+import { mapLegacyStrategy as g } from "../../utils/legacyStrategyMap.js";
+const u = "recommendation-algorithm-control", i = {
   ALGORITHM: "strategy",
   PRODUCT_IDS: "productIds"
 };
-class S extends g {
+class R extends d {
   constructor() {
     super(...arguments);
     // Store is used ONLY for API-fetched data (algorithms list), not for config
-    c(this, "store", m());
+    a(this, "store", m());
   }
   getId() {
-    return p;
+    return u;
   }
   getTemplate() {
     return `
@@ -25,13 +25,13 @@ class S extends g {
                 ${this._GuTwoColumns([
       this._GuLabel({ text: this.api.translate("Recommendation Algorithm") }),
       this._GuSelect({
-        name: e.ALGORITHM,
+        name: i.ALGORITHM,
         placeholder: this.api.translate("Select Recommendation Algorithm"),
         options: this.store.getActivePredictiveAlgorithms
       }),
-      this._GuLabel({ text: this.api.translate("Product Ids"), name: `${e.PRODUCT_IDS}_label` }),
+      this._GuLabel({ text: this.api.translate("Product Ids"), name: `${i.PRODUCT_IDS}_label` }),
       this._GuTextInput({
-        name: e.PRODUCT_IDS,
+        name: i.PRODUCT_IDS,
         placeholder: this.api.translate("Enter Product Ids"),
         className: "es-180w"
       })
@@ -46,28 +46,29 @@ class S extends g {
     super.onTemplateNodeUpdated(t), this._initializeSelectItems(), this._setFormValues();
   }
   _setFormValues() {
-    const t = n.getConfig(this.currentNode), s = u(t.strategy) ?? t.strategy;
-    this._setProductIdsVisibility(s);
-    const i = { [e.ALGORITHM]: s }, a = t.productIds.join(",");
-    this.api.getValues()[e.PRODUCT_IDS] !== a && (i[e.PRODUCT_IDS] = a), this.api.updateValues(i);
+    const t = n.getConfig(this.currentNode), e = g(t.strategy) ?? t.strategy;
+    this._setProductIdsVisibility(e), this.api.updateValues({
+      [i.ALGORITHM]: e,
+      [i.PRODUCT_IDS]: t.productIds.join(",")
+    });
   }
   _initializeSelectItems() {
-    var s;
-    const t = (s = this.store) == null ? void 0 : s.getActivePredictiveAlgorithms;
+    var e;
+    const t = (e = this.store) == null ? void 0 : e.getActivePredictiveAlgorithms;
     if (t != null && t.length)
       try {
         this.api.setUIEAttribute(
-          e.ALGORITHM,
-          l.SELECTPICKER.items,
+          i.ALGORITHM,
+          h.SELECTPICKER.items,
           t
         );
-      } catch (i) {
-        console.warn("[AlgorithmControl] Failed to set algorithm options:", i);
+      } catch (r) {
+        console.warn("[AlgorithmControl] Failed to set algorithm options:", r);
       }
   }
   _setProductIdsVisibility(t) {
-    const i = (t ?? n.getConfig(this.currentNode).strategy) === "manualMerchandising";
-    this.api.setVisibility(e.PRODUCT_IDS, i), this.api.setVisibility(`${e.PRODUCT_IDS}_label`, i);
+    const r = (t ?? n.getConfig(this.currentNode).strategy) === "manualMerchandising";
+    this.api.setVisibility(i.PRODUCT_IDS, r), this.api.setVisibility(`${i.PRODUCT_IDS}_label`, r);
   }
   _onAlgorithmChange(t) {
     !this.currentNode || n.getConfig(this.currentNode).strategy === t || (n.updateConfig(
@@ -78,25 +79,25 @@ class S extends g {
     ), this.store.patchCurrentBlockConfig({ strategy: t }), this._setProductIdsVisibility(t));
   }
   _onProductIdsChange(t) {
-    if (!this.currentNode || n.getConfig(this.currentNode).productIds.join(",") === t)
+    if (!this.currentNode)
       return;
-    const i = t.split(",");
+    const e = t.split(",").map((r) => r.trim()).filter(Boolean);
     n.updateConfig(
       this.api,
       this.currentNode,
-      { productIds: i },
+      { productIds: e },
       "Updated product IDs"
-    ), this.store.patchCurrentBlockConfig({ productIds: i });
+    ), this.store.patchCurrentBlockConfig({ productIds: e });
   }
   _listenToFormUpdates() {
-    this.api.onValueChanged(e.ALGORITHM, (t) => {
+    this.api.onValueChanged(i.ALGORITHM, (t) => {
       this._onAlgorithmChange(t);
-    }), this.api.onValueChanged(e.PRODUCT_IDS, (t) => {
+    }), this.api.onValueChanged(i.PRODUCT_IDS, (t) => {
       this._onProductIdsChange(t);
     });
   }
 }
 export {
-  p as ALGORITHM_CONTROL_ID,
-  S as AlgorithmControl
+  u as ALGORITHM_CONTROL_ID,
+  R as AlgorithmControl
 };

package/dist/extensions/Blocks/Recommendation/store/recommendation.js

@@ -1,16 +1,15 @@
 import { getRecommendationFeedSourceMaps as g, getOperatorOptions as R, PriceAttributes as C } from "../../../../enums/extensions/recommendationBlock.js";
 import { useRecommendationApi as y } from "../../../../services/recommendationApi.js";
 import { useConfigStore as G } from "../../../../stores/config.js";
-import { defineStore as P } from "pinia";
+import { defineStore as F } from "pinia";
 import "../constants/selectors.js";
-import { DEFAULT_MOBILE_CARDS_IN_ROW as F, DEFAULT_CARDS_IN_ROW as D } from "../constants/layout.js";
+import { DEFAULT_MOBILE_CARDS_IN_ROW as P, DEFAULT_CARDS_IN_ROW as D } from "../constants/layout.js";
 import { EXCLUDED_ALGORITHM_IDS as w } from "../constants/defaultConfig.js";
 import { getDefaultProducts as S } from "../templates/utils.js";
 import { generateCompleteFilterQuery as b } from "../utils/filterUtil.js";
 import { getPartnerRecommendationParams as v } from "../utils/partnerCustomizations.js";
-import { sanitizeProductIds as N } from "../utils/productIds.js";
-import { isFilterValid as x } from "../validation/filterSchema.js";
-import { isConfigValid as L } from "../validation/requiredFields.js";
+import { isFilterValid as N } from "../validation/filterSchema.js";
+import { isConfigValid as x } from "../validation/requiredFields.js";
 const h = y();
 let m = null, u = null, d = null;
 function k() {
@@ -29,7 +28,7 @@ function k() {
     productIds: [],
     id: 1,
     language: "en_US",
-    mobileCardsInRow: F,
+    mobileCardsInRow: P,
     mobileLayoutEnabled: !1,
     orientation: "grid",
     recommendedProducts: [],
@@ -55,7 +54,7 @@ function I() {
     filterSnapshot: null
   };
 }
-const U = () => ({
+const L = () => ({
   recommendationCampaignUrls: {},
   activePredictiveAlgorithms: [],
   languages: {},
@@ -64,8 +63,8 @@ const U = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), H = P("guidoRecommendationExtension", {
-  state: () => U(),
+}), $ = F("guidoRecommendationExtension", {
+  state: () => L(),
   getters: {
     // ====================================================================
     // Proxy Getters — Backward Compatible Access to Current Block State
@@ -384,7 +383,7 @@ const U = () => ({
         const n = [...e.recommendationConfigs.filters];
         n[r] = {
           ...t,
-          isValid: x(t)
+          isValid: N(t)
         }, e.recommendationConfigs.filters = n;
       }
     },
@@ -430,7 +429,7 @@ const U = () => ({
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock() {
-      return Object.values(this.blockStates).some((t) => !L(t.recommendationConfigs, this));
+      return Object.values(this.blockStates).some((t) => !x(t.recommendationConfigs, this));
     },
     // ====================================================================
     // Per-Block Product Fetching
@@ -459,7 +458,7 @@ const U = () => ({
         details: !0,
         campaignId: o.variationId
       };
-      r.strategy === "manualMerchandising" ? a.productId = N(r.productIds) : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), c && (a.filter = c), r.shuffleProducts && (a.shuffle = !0), Object.assign(
+      r.strategy === "manualMerchandising" ? a.productId = r.productIds.join(",") : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), c && (a.filter = c), r.shuffleProducts && (a.shuffle = !0), Object.assign(
         a,
         v(o.partnerName, r.strategy)
       );
@@ -480,5 +479,5 @@ const U = () => ({
   }
 });
 export {
-  H as useRecommendationExtensionStore
+  $ as useRecommendationExtensionStore
 };

package/dist/utils/pairProductVariables.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.15.0-beta.244c73c",
+  "version": "3.15.0-beta.360c5d6",
   "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",

package/dist/extensions/Blocks/Recommendation/utils/productIds.js

@@ -1,6 +0,0 @@
-function n(t) {
-  return t.map((i) => i.trim()).filter(Boolean).join(",");
-}
-export {
-  n as sanitizeProductIds
-};

package/dist/src/extensions/Blocks/Recommendation/utils/productIds.d.ts

@@ -1,6 +0,0 @@
-/**
- * Builds the request/URL `productId` value from raw product ID segments.
- * Trimming happens here — NOT on input change — so the user's in-progress
- * text (trailing commas, spaces) is never rewritten under the caret (SD-147111).
- */
-export declare function sanitizeProductIds(ids: string[]): string;