@useinsider/guido 3.15.0-beta.f7e8414 → 3.15.0-beta.fcabbea

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 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";
+var d = Object.defineProperty;
+var h = (r, s, t) => s in r ? d(r, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[s] = t;
+var c = (r, s, t) => h(r, typeof s != "symbol" ? s + "" : s, t);
+import { UEAttr as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as g } from "../../../common-control.js";
 import { RecommendationConfigService as n } from "../../services/configService.js";
 import { useRecommendationExtensionStore as m } from "../../store/recommendation.js";
-import { mapLegacyStrategy as g } from "../../utils/legacyStrategyMap.js";
-const u = "recommendation-algorithm-control", i = {
+import { mapLegacyStrategy as u } from "../../utils/legacyStrategyMap.js";
+const p = "recommendation-algorithm-control", i = {
   ALGORITHM: "strategy",
   PRODUCT_IDS: "productIds"
 };
-class R extends d {
+class R extends g {
   constructor() {
     super(...arguments);
     // Store is used ONLY for API-fetched data (algorithms list), not for config
-    a(this, "store", m());
+    c(this, "store", m());
   }
   getId() {
-    return u;
+    return p;
   }
   getTemplate() {
     return `
@@ -46,11 +46,10 @@ class R extends d {
     super.onTemplateNodeUpdated(t), this._initializeSelectItems(), this._setFormValues();
   }
   _setFormValues() {
-    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(",")
-    });
+    const t = n.getConfig(this.currentNode), e = u(t.strategy) ?? t.strategy;
+    this._setProductIdsVisibility(e);
+    const o = { [i.ALGORITHM]: e }, a = t.productIds.join(",");
+    this.api.getValues()[i.PRODUCT_IDS] !== a && (o[i.PRODUCT_IDS] = a), this.api.updateValues(o);
   }
   _initializeSelectItems() {
     var e;
@@ -59,35 +58,47 @@ class R extends d {
       try {
         this.api.setUIEAttribute(
           i.ALGORITHM,
-          h.SELECTPICKER.items,
+          l.SELECTPICKER.items,
           t
         );
-      } catch (r) {
-        console.warn("[AlgorithmControl] Failed to set algorithm options:", r);
+      } catch (o) {
+        console.warn("[AlgorithmControl] Failed to set algorithm options:", o);
       }
   }
   _setProductIdsVisibility(t) {
-    const r = (t ?? n.getConfig(this.currentNode).strategy) === "manualMerchandising";
-    this.api.setVisibility(i.PRODUCT_IDS, r), this.api.setVisibility(`${i.PRODUCT_IDS}_label`, r);
+    const o = (t ?? n.getConfig(this.currentNode).strategy) === "manualMerchandising";
+    this.api.setVisibility(i.PRODUCT_IDS, o), this.api.setVisibility(`${i.PRODUCT_IDS}_label`, o);
   }
   _onAlgorithmChange(t) {
-    !this.currentNode || n.getConfig(this.currentNode).strategy === t || (n.updateConfig(
+    if (!this.currentNode)
+      return;
+    const e = n.getConfig(this.currentNode);
+    if (e.strategy === t) {
+      this.store.recommendationConfigs.strategy !== t && this.store.patchCurrentBlockConfig({ strategy: e.strategy, filters: e.filters });
+      return;
+    }
+    n.updateConfig(
       this.api,
       this.currentNode,
       { strategy: t },
       `Changed algorithm to ${t}`
-    ), this.store.patchCurrentBlockConfig({ strategy: t }), this._setProductIdsVisibility(t));
+    ), this.store.patchCurrentBlockConfig({ strategy: t }), this._setProductIdsVisibility(t);
   }
   _onProductIdsChange(t) {
     if (!this.currentNode)
       return;
-    const e = t.split(",").map((r) => r.trim()).filter(Boolean);
+    const e = n.getConfig(this.currentNode);
+    if (e.productIds.join(",") === t) {
+      this.store.recommendationConfigs.productIds.join(",") !== t && this.store.patchCurrentBlockConfig({ productIds: e.productIds, filters: e.filters });
+      return;
+    }
+    const o = t === "" ? [] : t.split(",");
     n.updateConfig(
       this.api,
       this.currentNode,
-      { productIds: e },
+      { productIds: o },
       "Updated product IDs"
-    ), this.store.patchCurrentBlockConfig({ productIds: e });
+    ), this.store.patchCurrentBlockConfig({ productIds: o });
   }
   _listenToFormUpdates() {
     this.api.onValueChanged(i.ALGORITHM, (t) => {
@@ -98,6 +109,6 @@ class R extends d {
   }
 }
 export {
-  u as ALGORITHM_CONTROL_ID,
+  p as ALGORITHM_CONTROL_ID,
   R as AlgorithmControl
 };

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

@@ -3,7 +3,7 @@ var p = (d, l, t) => l in d ? f(d, l, { enumerable: !0, configurable: !0, writab
 var s = (d, l, t) => p(d, typeof l != "symbol" ? l + "" : l, t);
 import { CommonControl as g } from "../../../common-control.js";
 import { DEFAULT_NODE_CONFIG as c } from "../../constants/defaultConfig.js";
-import { RecommendationConfigService as m } from "../../services/configService.js";
+import { RecommendationConfigService as h } from "../../services/configService.js";
 import { useRecommendationExtensionStore as y } from "../../store/recommendation.js";
 import { AlgorithmControl as N } from "./algorithm.js";
 import { ALGORITHM_CONTROL_ID as tt } from "./algorithm.js";
@@ -17,15 +17,15 @@ import { LocaleControl as b } from "./locale.js";
 import { LOCALE_CONTROL_ID as lt } from "./locale.js";
 import { PricePlacementControl as T } from "./pricePlacement.js";
 import { PRICE_PLACEMENT_CONTROL_ID as ut } from "./pricePlacement.js";
-import { ProductCountControl as P } from "./productCount.js";
-import { PRODUCT_COUNT_CONTROL_ID as mt } from "./productCount.js";
-import { ProductLayoutControl as O } from "./productLayout.js";
+import { ProductCountControl as O } from "./productCount.js";
+import { PRODUCT_COUNT_CONTROL_ID as ht } from "./productCount.js";
+import { ProductLayoutControl as P } from "./productLayout.js";
 import { PRODUCT_LAYOUT_CONTROL_ID as Ct } from "./productLayout.js";
-import { ShuffleControl as L } from "./shuffle.js";
+import { ShuffleControl as S } from "./shuffle.js";
 import { SHUFFLE_CONTROL_ID as pt } from "./shuffle.js";
-import { setCurrencyAttributes as S, getBlockElement as k, isPartnerManagedBlock as D, updateProductContentInPlace as E, regenerateProductRowsWithStyles as A } from "./utils.js";
+import { setCurrencyAttributes as L, getBlockElement as k, isPartnerManagedBlock as D, updateProductContentInPlace as E, regenerateProductRowsWithStyles as A } from "./utils.js";
 import { adjustProductsToSize as yt, formatProductPrice as Nt, getCardComposition as Rt, getCurrentLayout as It, regenerateMobileProductRows as _t, updatePricesInPlace as bt, updateSingleProductContent as Tt } from "./utils.js";
-import { useDebounceFn as h } from "../../../../../node_modules/@vueuse/shared/index.js";
+import { useDebounceFn as m } from "../../../../../node_modules/@vueuse/shared/index.js";
 const v = "recommendation-id", w = "ui-elements-recommendation-block";
 class Q extends g {
   constructor() {
@@ -47,7 +47,7 @@ class Q extends g {
     /**
      * Debounced product fetch to prevent rapid API calls during config changes
      */
-    s(this, "_debouncedFetchProducts", h(() => {
+    s(this, "_debouncedFetchProducts", m(() => {
       this.store.fetchRecommendationProducts();
     }, 500));
     /**
@@ -61,7 +61,7 @@ class Q extends g {
      * count. The store pads products to the configured size, so in-place only
      * fails when the size actually changed.
      */
-    s(this, "_debouncedRegenerateWithProducts", h(() => {
+    s(this, "_debouncedRegenerateWithProducts", m(() => {
       const t = this.store.recommendationProducts;
       if (!this.currentNode || !this.api || D(this.currentNode))
         return;
@@ -81,7 +81,7 @@ class Q extends g {
     return w;
   }
   getTemplate() {
-    return this.algorithmControl = new N(), this.localeControl = new b(), this.currencyControl = new R(), this.productCountControl = new P(), this.productLayoutControl = new O(), this.filtersControl = new I(), this.shuffleControl = new L(), this.pricePlacementControl = new T(), this.layoutOrientationControl = new _(), [
+    return this.algorithmControl = new N(), this.localeControl = new b(), this.currencyControl = new R(), this.productCountControl = new O(), this.productLayoutControl = new P(), this.filtersControl = new I(), this.shuffleControl = new S(), this.pricePlacementControl = new T(), this.layoutOrientationControl = new _(), [
       this.algorithmControl,
       this.localeControl,
       this.currencyControl,
@@ -186,7 +186,7 @@ class Q extends g {
    */
   _syncNodeConfigToStore() {
     var r;
-    const t = m.getConfig(this.currentNode), e = this.store.currentRecommendationId, o = e !== null && ((r = this.store.blockStates[e]) == null ? void 0 : r.isInitialized);
+    const t = h.getConfig(this.currentNode), e = this.store.currentRecommendationId, o = e !== null && ((r = this.store.blockStates[e]) == null ? void 0 : r.isInitialized);
     this.store.patchCurrentBlockConfig({
       strategy: t.strategy,
       language: t.language,
@@ -249,7 +249,7 @@ class Q extends g {
   _applySmartDefaults() {
     if (!this.currentNode || !this.api)
       return;
-    const t = m.getConfig(this.currentNode), e = {};
+    const t = h.getConfig(this.currentNode), e = {};
     let o = null, r = null, n = null;
     if (t.currency.code === c.currency.code) {
       const { currencyList: i } = this.store;
@@ -273,12 +273,12 @@ class Q extends g {
         (u) => u.value === c.language
       ) || (n = i[0].value, e.language = n));
     }
-    !o && !r && !n || (m.updateConfig(
+    !o && !r && !n || (h.updateConfig(
       this.api,
       this.currentNode,
       e,
       "Applied smart defaults"
-    ), o && e.currency && S({
+    ), o && e.currency && L({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
       currency: e.currency
@@ -346,8 +346,8 @@ class Q extends g {
   _persistFiltersToNodeConfig() {
     if (!this.currentNode || !this.api)
       return;
-    const { filters: t } = this.store.recommendationConfigs;
-    m.updateConfig(
+    const { filters: t } = this.store.recommendationConfigs, e = h.getConfig(this.currentNode).filters;
+    JSON.stringify(e) !== JSON.stringify(t) && h.updateConfig(
       this.api,
       this.currentNode,
       { filters: t },
@@ -368,14 +368,14 @@ export {
   _ as LayoutOrientationControl,
   b as LocaleControl,
   ut as PRICE_PLACEMENT_CONTROL_ID,
-  mt as PRODUCT_COUNT_CONTROL_ID,
+  ht as PRODUCT_COUNT_CONTROL_ID,
   Ct as PRODUCT_LAYOUT_CONTROL_ID,
   T as PricePlacementControl,
-  P as ProductCountControl,
-  O as ProductLayoutControl,
+  O as ProductCountControl,
+  P as ProductLayoutControl,
   Q as RecommendationBlockControl,
   pt as SHUFFLE_CONTROL_ID,
-  L as ShuffleControl,
+  S as ShuffleControl,
   yt as adjustProductsToSize,
   Nt as formatProductPrice,
   k as getBlockElement,
@@ -384,7 +384,7 @@ export {
   D as isPartnerManagedBlock,
   _t as regenerateMobileProductRows,
   A as regenerateProductRowsWithStyles,
-  S as setCurrencyAttributes,
+  L as setCurrencyAttributes,
   bt as updatePricesInPlace,
   E as updateProductContentInPlace,
   Tt as updateSingleProductContent