@useinsider/guido 3.7.0-beta.b2980d8 → 3.7.0-beta.ec4dd67

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

@@ -1,36 +1,40 @@
 import { ModificationDescription as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { RecommendationBlockId as m } from "../../constants/blockIds.js";
-import { CURRENCY_ATTR as y, MOBILE_CONTAINER_SELECTOR as q, MOBILE_ROW_SELECTOR as k, DESKTOP_CONTAINER_SELECTOR as P, CONTAINER_SELECTOR as v, ATTR_PRODUCT_ATTR as V } from "../../constants/selectors.js";
+import { CURRENCY_ATTR as y, CSS_CLASS_SKIP_COMPILE as v, MOBILE_CONTAINER_SELECTOR as q, MOBILE_ROW_SELECTOR as w, DESKTOP_CONTAINER_SELECTOR as M, CONTAINER_SELECTOR as V, ATTR_PRODUCT_ATTR as W } from "../../constants/selectors.js";
 import { RecommendationConfigService as E } from "../../services/configService.js";
 import { useRecommendationExtensionStore as C } from "../../store/recommendation.js";
-import { prepareProductRows as _ } from "../../templates/index.js";
-import { formatPrice as W } from "../../utils/priceFormatter.js";
-import { isTdNode as j } from "../../utils/tagName.js";
-import { getDefaultProducts as L, DEFAULT_CARD_COMPOSITION as h, sanitizeImageUrl as F, toDisplayableAttributeValue as G } from "../../templates/utils.js";
-const M = "recommendation-block-v2";
-function R(t) {
+import { prepareProductRows as N } from "../../templates/index.js";
+import { formatPrice as j } from "../../utils/priceFormatter.js";
+import { isTdNode as F } from "../../utils/tagName.js";
+import { getDefaultProducts as L, DEFAULT_CARD_COMPOSITION as R, sanitizeImageUrl as G, toDisplayableAttributeValue as K } from "../../templates/utils.js";
+const h = "recommendation-block-v2";
+function A(t) {
   if (!t)
     return null;
   if ("getAttribute" in t) {
     const e = t.getAttribute("class");
-    if (e && e.includes(M))
+    if (e && e.includes(h))
       return t;
   }
-  return "querySelector" in t ? t.querySelector(`.${M}`) ?? null : null;
+  return "querySelector" in t ? t.querySelector(`.${h}`) ?? null : null;
+}
+function Y(t) {
+  const e = A(t);
+  return !e || !("getAttribute" in e) ? !1 : (e.getAttribute("class") ?? "").split(/\s+/).includes(v);
 }
 function b(t) {
-  const e = R(t);
+  const e = A(t);
   if (!e || !("getAttribute" in e))
     return "grid";
   const o = e.getAttribute("data-layout");
   return o === "list" || o === "horizontal" ? "list" : "grid";
 }
 function x(t) {
-  const e = R(t);
+  const e = A(t);
   if (!e || !("getAttribute" in e))
-    return h;
+    return R;
   const o = e.getAttribute("data-card-composition");
-  return o ? o.split(",").filter(Boolean) : h;
+  return o ? o.split(",").filter(Boolean) : R;
 }
 function D(t) {
   if (!t || !("childNodes" in t))
@@ -47,14 +51,14 @@ function S(t, e, o) {
 function U(t, e) {
   return t && t.length > 0 ? t : e.length > 0 ? e : L();
 }
-function Y(t) {
+function X(t) {
   const { currentNode: e, documentModifier: o } = t;
   if (!e || !("querySelector" in e))
     return;
-  const n = e.querySelector(k);
+  const n = e.querySelector(w);
   n && (o.modifyHtml(n).setInnerHtml(""), o.apply(new p("Cleared mobile row content")));
 }
-function K(t) {
+function z(t) {
   const {
     currentNode: e,
     documentModifier: o,
@@ -66,20 +70,20 @@ function K(t) {
     return;
   const r = i ?? b(e), s = E.getConfig(e);
   if (r === "list" || !s.mobileLayoutEnabled) {
-    Y({ currentNode: e, documentModifier: o });
+    X({ currentNode: e, documentModifier: o });
     return;
   }
-  const u = e.querySelector(k);
+  const u = e.querySelector(w);
   if (!u)
     return;
-  const l = C(), d = U(n, l.recommendationProducts), a = c ?? x(e), g = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${_(d, r, {
+  const l = C(), d = U(n, l.recommendationProducts), a = c ?? x(e), g = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${N(d, r, {
     productsPerRow: s.mobileCardsInRow,
     composition: a,
     filterList: l.filterList
   })}</table></td>`;
   o.modifyHtml(u).setInnerHtml(g), o.apply(new p("Updated mobile product rows"));
 }
-function X(t) {
+function J(t) {
   const {
     currentNode: e,
     documentModifier: o,
@@ -90,15 +94,15 @@ function X(t) {
   } = t;
   if (!e || !("querySelector" in e))
     return;
-  const s = e.querySelector(P) ?? e.querySelector(v);
+  const s = e.querySelector(M) ?? e.querySelector(V);
   if (!s)
     return;
-  const u = C(), l = U(i, u.recommendationProducts), { cardsInRow: d } = u.recommendationConfigs, a = r ?? x(e), f = c ?? b(e), g = _(l, f, {
+  const u = C(), l = U(i, u.recommendationProducts), { cardsInRow: d } = u.recommendationConfigs, a = r ?? x(e), f = c ?? b(e), g = N(l, f, {
     productsPerRow: d,
     composition: a,
     filterList: u.filterList
   });
-  o.modifyHtml(s).setInnerHtml(g).apply(new p("Updated product")), K(t), n == null || n();
+  o.modifyHtml(s).setInnerHtml(g).apply(new p("Updated product")), z(t), n == null || n();
 }
 function T(t, e, o, n) {
   const c = `0 ${Math.floor(o / 2)}px`;
@@ -111,7 +115,7 @@ function T(t, e, o, n) {
     t.querySelectorAll(".product-card-wrapper")
   ).forEach((u) => {
     const l = "parentNode" in u ? u.parentNode : null;
-    l && j(l) && (e.modifyHtml(l).setStyle("padding", c), r = !0);
+    l && F(l) && (e.modifyHtml(l).setStyle("padding", c), r = !0);
   }), r;
 }
 function I(t, e, o) {
@@ -121,13 +125,13 @@ function I(t, e, o) {
     e.modifyHtml(r).setStyle("height", n), c = !0;
   }), c;
 }
-function z(t) {
+function Q(t) {
   const { currentNode: e, documentModifier: o } = t;
   if (!e)
     return;
   const n = E.getConfig(e), i = b(e);
   let c = !1;
-  const r = e.querySelector(P);
+  const r = e.querySelector(M);
   if (r) {
     c = T(
       r,
@@ -160,9 +164,9 @@ function z(t) {
   }
   c && o.apply(new p("Reapply spacing after regeneration"));
 }
-function ae(t) {
+function fe(t) {
   const { currentNode: e, documentModifier: o, afterRegenerate: n, products: i, layout: c, composition: r } = t;
-  e && X({
+  e && J({
     currentNode: e,
     documentModifier: o,
     products: i,
@@ -170,12 +174,12 @@ function ae(t) {
     composition: r,
     afterRegenerate: () => {
       setTimeout(() => {
-        z({ currentNode: e, documentModifier: o });
+        Q({ currentNode: e, documentModifier: o });
       }, 0), n == null || n();
     }
   });
 }
-function de(t, e) {
+function me(t, e) {
   return t.length === e ? t : t.length > e ? t.slice(0, e) : [...t, ...L(e - t.length)];
 }
 function H() {
@@ -189,14 +193,14 @@ function H() {
     thousandSeparator: e.thousandSeparator
   };
 }
-function A(t, e = "price") {
+function P(t, e = "price") {
   const o = H(), n = t[e], i = (n == null ? void 0 : n[o.code]) ?? Object.values(n ?? {})[0] ?? 0;
-  return W({
+  return j({
     price: i,
     currency: o
   });
 }
-function J(t) {
+function Z(t) {
   var c, r;
   const e = H(), o = ((c = t.original_price) == null ? void 0 : c[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, n = ((r = t.price) == null ? void 0 : r[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, i = o > 0 ? Math.round((o - n) / o * 100) : 0;
   return i > 0 ? `-${i}%` : "0%";
@@ -205,24 +209,24 @@ function $(t) {
   const { documentModifier: e, product: o, priceEl: n, oldPriceEl: i, omnibusPriceEl: c, omnibusDiscountEl: r } = t;
   let s = !1;
   if (n && "querySelector" in n) {
-    const u = n.querySelector("strong") ?? n.querySelector("p"), l = A(o, "price");
+    const u = n.querySelector("strong") ?? n.querySelector("p"), l = P(o, "price");
     S(e, u ?? null, l) && (s = !0);
   }
   if (i && "querySelector" in i) {
-    const u = i.querySelector("strong") ?? i.querySelector("p"), l = A(o, "original_price");
+    const u = i.querySelector("strong") ?? i.querySelector("p"), l = P(o, "original_price");
     S(e, u ?? null, l) && (s = !0);
   }
   if (c && "querySelector" in c) {
-    const u = c.querySelector(".omnibus-price-value") ?? null, l = A(o, "original_price");
+    const u = c.querySelector(".omnibus-price-value") ?? null, l = P(o, "original_price");
     S(e, u, l) && (s = !0);
   }
   if (r && "querySelector" in r) {
-    const u = r.querySelector(".omnibus-discount-value") ?? null, l = J(o);
+    const u = r.querySelector(".omnibus-discount-value") ?? null, l = Z(o);
     S(e, u, l) && (s = !0);
   }
   return s;
 }
-function Q(t) {
+function ee(t) {
   const {
     documentModifier: e,
     product: o,
@@ -237,7 +241,7 @@ function Q(t) {
   let d = !1;
   if (n && "querySelector" in n) {
     const a = n.querySelector("img");
-    a && (e.modifyHtml(a).setAttribute("src", F(o.image_url)).setAttribute("alt", o.name), d = !0);
+    a && (e.modifyHtml(a).setAttribute("src", G(o.image_url)).setAttribute("alt", o.name), d = !0);
     const f = n.querySelector("a");
     f && (e.modifyHtml(f).setAttribute("href", o.url), d = !0);
   }
@@ -259,10 +263,10 @@ function Q(t) {
   return d;
 }
 function B(t) {
-  return "querySelector" in t ? t.querySelector(P) ?? t : t;
+  return "querySelector" in t ? t.querySelector(M) ?? t : t;
 }
 const O = "product_attribute.";
-function Z(t, e) {
+function te(t, e) {
   var n;
   let o;
   if (t.startsWith(O)) {
@@ -270,9 +274,9 @@ function Z(t, e) {
     o = (n = e.product_attributes) == null ? void 0 : n[i];
   } else
     o = e[t];
-  return G(o) || null;
+  return K(o) || null;
 }
-function ee(t, e, o) {
+function oe(t, e, o) {
   if (!("querySelectorAll" in t))
     return !1;
   const n = t.querySelectorAll(
@@ -284,7 +288,7 @@ function ee(t, e, o) {
   n.forEach((r) => {
     if (!("getAttribute" in r))
       return;
-    const s = r.getAttribute(V);
+    const s = r.getAttribute(W);
     if (!s)
       return;
     const u = i.get(s) ?? [];
@@ -296,7 +300,7 @@ function ee(t, e, o) {
     r.slice(0, u).forEach((l, d) => {
       if (!("querySelector" in l))
         return;
-      const a = Z(s, o[d]);
+      const a = te(s, o[d]);
       if (a === null)
         return;
       const f = l.querySelector("p") ?? null;
@@ -304,7 +308,7 @@ function ee(t, e, o) {
     });
   }), c;
 }
-function w(t, e, o) {
+function _(t, e, o) {
   if (!("querySelectorAll" in t))
     return !1;
   const n = t.querySelectorAll(
@@ -324,7 +328,7 @@ function w(t, e, o) {
   ), d = Math.min(n.length, o.length);
   let a = !1;
   for (let f = 0; f < d; f++) {
-    const g = Q({
+    const g = ee({
       documentModifier: e,
       product: o[f],
       imageEl: n[f] ?? null,
@@ -337,9 +341,9 @@ function w(t, e, o) {
     });
     a = a || g;
   }
-  return ee(t, e, o) && (a = !0), a;
+  return oe(t, e, o) && (a = !0), a;
 }
-function fe(t) {
+function pe(t) {
   const { currentNode: e, documentModifier: o, products: n } = t;
   if (!e || !("querySelectorAll" in e))
     return !1;
@@ -348,12 +352,12 @@ function fe(t) {
     `[esd-extension-block-id="${m.IMAGE}"]`
   ).length !== n.length)
     return !1;
-  let r = w(i, o, n);
+  let r = _(i, o, n);
   const s = b(e), u = E.getConfig(e);
   if (s !== "list" && u.mobileLayoutEnabled && "querySelector" in e) {
     const l = e.querySelector(q);
     if (l) {
-      const d = w(
+      const d = _(
         l,
         o,
         n
@@ -363,7 +367,7 @@ function fe(t) {
   }
   return r && o.apply(new p("Updated product content in-place")), !0;
 }
-function N(t, e, o) {
+function k(t, e, o) {
   if (!("querySelectorAll" in t))
     return !1;
   const n = t.querySelectorAll(
@@ -387,27 +391,29 @@ function N(t, e, o) {
     }) && (u = !0);
   return u;
 }
-function me(t) {
+function ye(t) {
   const { currentNode: e, documentModifier: o } = t;
   if (!e || !("querySelectorAll" in e))
     return !1;
+  if (Y(e))
+    return !0;
   const i = C().recommendationProducts;
   if (i.length === 0)
     return !1;
   const c = B(e);
-  let r = N(c, o, i);
+  let r = k(c, o, i);
   const s = b(e), u = E.getConfig(e);
   if (s !== "list" && u.mobileLayoutEnabled && "querySelector" in e) {
     const l = e.querySelector(q);
     if (l) {
-      const d = N(l, o, i);
+      const d = k(l, o, i);
       r = r || d;
     }
   }
   return r && o.apply(new p("Updated price formatting in-place")), r;
 }
-function pe(t) {
-  const { currentNode: e, documentModifier: o, currency: n } = t, i = R(e);
+function Se(t) {
+  const { currentNode: e, documentModifier: o, currency: n } = t, i = A(e);
   if (!i)
     return;
   const c = n.alignment === "before" ? "0" : "1", r = (s, u) => {
@@ -416,17 +422,18 @@ function pe(t) {
   r(y.CURRENCY, n.code), r(y.SYMBOL, n.symbol), r(y.ALIGNMENT, c), r(y.THOUSAND_SEPARATOR, n.thousandSeparator), r(y.DECIMAL_SEPARATOR, n.decimalSeparator), r(y.DECIMAL_COUNT, n.decimalCount.toString()), o.apply(new p("Update currency attributes"));
 }
 export {
-  de as adjustProductsToSize,
-  A as formatProductPrice,
-  R as getBlockElement,
+  me as adjustProductsToSize,
+  P as formatProductPrice,
+  A as getBlockElement,
   x as getCardComposition,
   b as getCurrentLayout,
-  z as reapplySpacing,
-  K as regenerateMobileProductRows,
-  X as regenerateProductRows,
-  ae as regenerateProductRowsWithStyles,
-  pe as setCurrencyAttributes,
-  me as updatePricesInPlace,
-  fe as updateProductContentInPlace,
-  Q as updateSingleProductContent
+  Y as isPartnerManagedBlock,
+  Q as reapplySpacing,
+  z as regenerateMobileProductRows,
+  J as regenerateProductRows,
+  fe as regenerateProductRowsWithStyles,
+  Se as setCurrencyAttributes,
+  ye as updatePricesInPlace,
+  pe as updateProductContentInPlace,
+  ee as updateSingleProductContent
 };

package/dist/extensions/Blocks/Recommendation/controls/syncInfoMessage.js

@@ -1,11 +1,12 @@
 var m = Object.defineProperty;
-var _ = (o, e, t) => e in o ? m(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var a = (o, e, t) => _(o, typeof e != "symbol" ? e + "" : e, t);
-import { UIElementType as c, UEAttr as p } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+var p = (o, e, t) => e in o ? m(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var a = (o, e, t) => p(o, typeof e != "symbol" ? e + "" : e, t);
+import { UIElementType as c, UEAttr as _ } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as d } from "../../common-control.js";
 import { RecommendationControlId as C } from "../constants/controlIds.js";
+import "../constants/selectors.js";
 const S = C.SYNC_INFO_MESSAGE, r = "sync-info-message", u = "Note that changes will be applied to all product cards in your recommendation block.";
-class h extends d {
+class O extends d {
   constructor() {
     super(...arguments);
     a(this, "_repositionedElement", null);
@@ -17,7 +18,7 @@ class h extends d {
     return `
             <div class="${r}">
                 <${c.ICON}
-                    ${p.ICON.src}="migration-info-icon"
+                    ${_.ICON.src}="migration-info-icon"
                     class="${r}__icon">
                 </${c.ICON}>
                 <p class="${r}__text">
@@ -61,5 +62,5 @@ class h extends d {
 }
 export {
   S as SYNC_INFO_MESSAGE_CONTROL_ID,
-  h as SyncInfoMessageControl
+  O as SyncInfoMessageControl
 };

package/dist/extensions/Blocks/Recommendation/extension.js

@@ -1,13 +1,14 @@
 import { ExtensionBuilder as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { RecommendationBlock as m } from "./block.js";
 import { RecommendationBlockControl as n } from "./controls/main/index.js";
+import "./constants/selectors.js";
 import "./store/recommendation.js";
 import { NameControls as i } from "./controls/name/index.js";
 import { PriceControls as e } from "./controls/price/index.js";
 import { OldPriceControls as s } from "./controls/oldPrice/index.js";
 import { OmnibusPriceControls as l } from "./controls/omnibusPrice/index.js";
-import { OmnibusDiscountControls as a } from "./controls/omnibusDiscount/index.js";
-import { ButtonControls as p } from "./controls/button/index.js";
+import { OmnibusDiscountControls as p } from "./controls/omnibusDiscount/index.js";
+import { ButtonControls as a } from "./controls/button/index.js";
 import { ImageControls as c } from "./controls/image/index.js";
 import { CustomAttributeControls as C } from "./controls/customAttribute/index.js";
 import { SpacingControl as f } from "./controls/spacing/index.js";
@@ -22,8 +23,8 @@ const b = [
   e,
   s,
   l,
-  a,
   p,
+  a,
   c,
   C
 ], P = [
@@ -35,10 +36,10 @@ const b = [
 ], S = [
   ...P,
   ...b.flatMap((o) => Object.values(o))
-], K = S.reduce(
+], L = S.reduce(
   (o, t) => o.addControl(t),
   new r().addBlock(m).withSettingsPanelRegistry(B)
 ).addStyles(y).withIconsRegistry(R).build();
 export {
-  K as default
+  L as default
 };

package/dist/extensions/Blocks/Recommendation/settingsPanel.js

@@ -2,6 +2,7 @@ import { SettingsPanelRegistry as E, SettingsPanelTab as _, SettingsTab as O, Co
 import { BLOCK_ID as U } from "./block.js";
 import { RecommendationBlockId as S } from "./constants/blockIds.js";
 import { RecommendationControlId as T } from "./constants/controlIds.js";
+import "./constants/selectors.js";
 import { CONTROL_BLOCK_ID as A } from "./controls/main/index.js";
 import "./store/recommendation.js";
 import "./controls/name/index.js";
@@ -15,7 +16,7 @@ import { SPACING_CONTROL_ID as L } from "./controls/spacing/index.js";
 import { CARD_BACKGROUND_COLOR_CONTROL_ID as D } from "./controls/cardBackground/index.js";
 import { COMPOSITION_CONTROL_BLOCK_ID as B } from "./controls/cardComposition/index.js";
 import { SYNC_INFO_MESSAGE_CONTROL_ID as N } from "./controls/syncInfoMessage.js";
-class Z extends E {
+class a extends E {
   registerBlockControls(I) {
     I[U] = [
       new _(
@@ -194,5 +195,5 @@ class Z extends E {
   }
 }
 export {
-  Z as SettingsPanel
+  a as SettingsPanel
 };

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

@@ -2,6 +2,7 @@ import { getRecommendationFeedSourceMaps as g, getOperatorOptions as R, PriceAtt
 import { useRecommendationApi as y } from "../../../../services/recommendationApi.js";
 import { useConfigStore as G } from "../../../../stores/config.js";
 import { defineStore as P } from "pinia";
+import "../constants/selectors.js";
 import { DEFAULT_CARDS_IN_ROW as F } from "../constants/layout.js";
 import { EXCLUDED_ALGORITHM_IDS as D } from "../constants/defaultConfig.js";
 import { getDefaultProducts as S } from "../templates/utils.js";
@@ -59,7 +60,7 @@ const x = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), T = P("guidoRecommendationExtension", {
+}), K = P("guidoRecommendationExtension", {
   state: () => x(),
   getters: {
     // ====================================================================
@@ -475,5 +476,5 @@ const x = () => ({
   }
 });
 export {
-  T as useRecommendationExtensionStore
+  K as useRecommendationExtensionStore
 };

package/dist/extensions/Blocks/Recommendation/templates/grid/template.js

@@ -1,3 +1,4 @@
+import "../../constants/selectors.js";
 import { DEFAULT_PRODUCTS_PER_ROW as m } from "../../constants/layout.js";
 import { getDefaultProducts as I, DEFAULTS as b, createBlockTemplate as E, DEFAULT_CARD_COMPOSITION as L, spacer as S, buildElementRenderer as _, DEFAULT_CARD_VISIBILITY as f } from "../utils.js";
 import { buildFillerCell as w, gridElementRenderer as A } from "./elementRenderer.js";
@@ -28,36 +29,36 @@ const D = `
     </tr>
 `;
 function O(t, e, n, r = L, c = {}) {
-  const a = (100 / e).toFixed(2), s = e - t.length, l = s > 0 ? w(a).repeat(s) : "", i = _(n, r, c);
-  return r.filter((o) => i[o]).map((o) => {
-    const p = f[o] ?? !0, u = p ? "" : 'style="display: none;"', T = t.map((R) => i[o](R).replace("<td", `<td width="${a}%"`)).join("");
-    return C.replace("{-{-ATTR_TYPE-}-}", o).replace("{-{-VISIBILITY-}-}", p ? "1" : "0").replace("{-{-DISPLAY_STYLE-}-}", u).replace("{-{-CELLS-}-}", T + l);
+  const i = (100 / e).toFixed(2), s = e - t.length, l = s > 0 ? w(i).repeat(s) : "", a = _(n, r, c);
+  return r.filter((o) => a[o]).map((o) => {
+    const d = f[o] ?? !0, u = d ? "" : 'style="display: none;"', T = t.map((R) => a[o](R).replace("<td", `<td width="${i}%"`)).join("");
+    return C.replace("{-{-ATTR_TYPE-}-}", o).replace("{-{-VISIBILITY-}-}", d ? "1" : "0").replace("{-{-DISPLAY_STYLE-}-}", u).replace("{-{-CELLS-}-}", T + l);
   }).join("");
 }
 function g(t, e, n, r, c = {}) {
-  const a = [];
+  const i = [];
   for (let l = 0; l < t.length; l += e)
-    a.push(t.slice(l, l + e));
-  return a.map((l, i) => {
-    const d = O(
+    i.push(t.slice(l, l + e));
+  return i.map((l, a) => {
+    const p = O(
       l,
       e,
       n,
       r,
       c
-    ), o = D.replace("{-{-ATTRIBUTE_ROWS-}-}", d);
-    return i > 0 ? S + o : o;
+    ), o = D.replace("{-{-ATTRIBUTE_ROWS-}-}", p);
+    return a > 0 ? S + o : o;
   }).join("");
 }
 function P(t, e, n, r = {}) {
   return g(t, e, A, n, r);
 }
-function B(t) {
+function W(t) {
   const e = t ? `ins-recommendation-v3-block-${t}` : void 0, n = E("grid", e), r = I(), c = P(r, m);
   return n.replace("{-{-TITLE-}-}", b.TITLE).replace("{-{-PRODUCT_ROWS-}-}", c).replace("{-{-MOBILE_PRODUCT_ROWS-}-}", "");
 }
 export {
-  B as getDefaultTemplate,
+  W as getDefaultTemplate,
   O as prepareGridAttributeRows,
   g as prepareGridProductRows,
   P as prepareProductRows

package/dist/extensions/Blocks/Recommendation/templates/index.js

@@ -1,12 +1,13 @@
+import "../constants/selectors.js";
 import { DEFAULT_PRODUCTS_PER_ROW as s } from "../constants/layout.js";
 import { prepareProductRows as c } from "./grid/template.js";
-import { prepareProductRows as R } from "./list/template.js";
-function a(o, t, r = {}) {
+import { prepareProductRows as m } from "./list/template.js";
+function f(o, t, r = {}) {
   if (t === "list")
-    return R(o, r.composition, r.filterList);
+    return m(o, r.composition, r.filterList);
   const { productsPerRow: e = s, composition: p, filterList: i } = r;
   return c(o, e, p, i);
 }
 export {
-  a as prepareProductRows
+  f as prepareProductRows
 };