@useinsider/guido 3.7.2-beta.6f556cb → 3.7.2-beta.a114aa7

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 g, MOBILE_CONTAINER_SELECTOR as q, MOBILE_ROW_SELECTOR as k, DESKTOP_CONTAINER_SELECTOR as P, CONTAINER_SELECTOR as v, ATTR_PRODUCT_ATTR as j } from "../../constants/selectors.js";
+import { CURRENCY_ATTR as S, CSS_CLASS_SKIP_COMPILE as v, MOBILE_CONTAINER_SELECTOR as P, MOBILE_ROW_SELECTOR as _, DESKTOP_CONTAINER_SELECTOR as M, CONTAINER_SELECTOR as j, ATTR_PRODUCT_ATTR as V } from "../../constants/selectors.js";
 import { RecommendationConfigService as b } from "../../services/configService.js";
 import { useRecommendationExtensionStore as C } from "../../store/recommendation.js";
-import { prepareProductRows as _ } from "../../templates/index.js";
-import { formatPrice as V } from "../../utils/priceFormatter.js";
-import { isTdNode as W } from "../../utils/tagName.js";
-import { getDefaultProducts as L, DEFAULT_CARD_COMPOSITION as T, sanitizeImageUrl as F, toDisplayableAttributeValue as G } from "../../templates/utils.js";
-const h = "recommendation-block-v2";
-function R(t) {
+import { prepareProductRows as k } from "../../templates/index.js";
+import { formatPrice as W } 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 T = "recommendation-block-v2";
+function A(t) {
   if (!t)
     return null;
   if ("getAttribute" in t) {
     const e = t.getAttribute("class");
-    if (e && e.includes(h))
+    if (e && e.includes(T))
       return t;
   }
-  return "querySelector" in t ? t.querySelector(`.${h}`) ?? null : null;
+  return "querySelector" in t ? t.querySelector(`.${T}`) ?? null : null;
+}
+function Y(t) {
+  const e = A(t);
+  return !e || !("getAttribute" in e) ? !1 : (e.getAttribute("class") ?? "").split(/\s+/).includes(v);
 }
 function E(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 H(t) {
-  const e = R(t);
+  const e = A(t);
   if (!e || !("getAttribute" in e))
-    return T;
+    return R;
   const o = e.getAttribute("data-card-composition");
-  return o ? o.split(",").filter(Boolean) : T;
+  return o ? o.split(",").filter(Boolean) : R;
 }
 function x(t) {
   if (!t || !("childNodes" in t))
@@ -40,35 +44,35 @@ function x(t) {
   );
   return o || e.reduce((n, r) => n || !("getType" in r) || r.getType() === "text" ? n : x(r), null);
 }
-function S(t, e, o) {
+function g(t, e, o) {
   const n = x(e);
   return n ? (t.modifyHtml(n).setText(o), !0) : !1;
 }
 function D(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(_);
   n && (o.modifyHtml(n).setInnerHtml(""), o.apply(new p("Cleared mobile row content")));
 }
-function K(t) {
+function z(t) {
   return "getOuterHTML" in t && typeof t.getOuterHTML == "function" ? t.getOuterHTML() : "";
 }
-function X(t) {
+function J(t) {
   const e = t.querySelector(".container");
   return !e || !("childNodes" in e) ? null : e.childNodes().find((n) => "getTagName" in n && n.getTagName() === "tbody") ?? e.querySelector("tbody") ?? null;
 }
-function z(t, e, o) {
-  const n = X(t);
+function Q(t, e, o) {
+  const n = J(t);
   if (!n || !("childNodes" in n))
     return;
-  const r = n.childNodes().map(K).join(""), l = `<tr class="ins-recommendation-mobile-row">${o}</tr>`;
+  const r = n.childNodes().map(z).join(""), l = `<tr class="ins-recommendation-mobile-row">${o}</tr>`;
   e.modifyHtml(n).setInnerHtml(r + l), e.apply(new p("Added mobile product row"));
 }
-function J(t) {
+function Z(t) {
   const {
     currentNode: e,
     documentModifier: o,
@@ -80,21 +84,21 @@ function J(t) {
     return;
   const i = r ?? E(e), s = b.getConfig(e);
   if (i === "list" || !s.mobileLayoutEnabled) {
-    Y({ currentNode: e, documentModifier: o });
+    X({ currentNode: e, documentModifier: o });
     return;
   }
-  const u = C(), c = D(n, u.recommendationProducts), d = l ?? H(e), a = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${_(c, i, {
+  const u = C(), c = D(n, u.recommendationProducts), d = l ?? H(e), a = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${k(c, i, {
     productsPerRow: s.mobileCardsInRow,
     composition: d,
     filterList: u.filterList
-  })}</table></td>`, y = e.querySelector(k);
+  })}</table></td>`, y = e.querySelector(_);
   if (!y) {
-    z(e, o, a);
+    Q(e, o, a);
     return;
   }
   o.modifyHtml(y).setInnerHtml(a), o.apply(new p("Updated mobile product rows"));
 }
-function Q(t) {
+function ee(t) {
   const {
     currentNode: e,
     documentModifier: o,
@@ -105,17 +109,17 @@ function Q(t) {
   } = t;
   if (!e || !("querySelector" in e))
     return;
-  const s = e.querySelector(P) ?? e.querySelector(v);
+  const s = e.querySelector(M) ?? e.querySelector(j);
   if (!s)
     return;
-  const u = C(), c = D(r, u.recommendationProducts), { cardsInRow: d } = b.getConfig(e), f = i ?? H(e), a = l ?? E(e), y = _(c, a, {
+  const u = C(), c = D(r, u.recommendationProducts), { cardsInRow: d } = b.getConfig(e), f = i ?? H(e), a = l ?? E(e), y = k(c, a, {
     productsPerRow: d,
     composition: f,
     filterList: u.filterList
   });
-  o.modifyHtml(s).setInnerHtml(y).apply(new p("Updated product")), J(t), n == null || n();
+  o.modifyHtml(s).setInnerHtml(y).apply(new p("Updated product")), Z(t), n == null || n();
 }
-function M(t, e, o, n) {
+function h(t, e, o, n) {
   const l = `0 ${Math.floor(o / 2)}px`;
   let i = !1;
   return n === "grid" ? Array.from(
@@ -126,7 +130,7 @@ function M(t, e, o, n) {
     t.querySelectorAll(".product-card-wrapper")
   ).forEach((u) => {
     const c = "parentNode" in u ? u.parentNode : null;
-    c && W(c) && (e.modifyHtml(c).setStyle("padding", l), i = !0);
+    c && F(c) && (e.modifyHtml(c).setStyle("padding", l), i = !0);
   }), i;
 }
 function I(t, e, o) {
@@ -136,15 +140,15 @@ function I(t, e, o) {
     e.modifyHtml(i).setStyle("height", n), l = !0;
   }), l;
 }
-function Z(t) {
+function te(t) {
   const { currentNode: e, documentModifier: o } = t;
   if (!e)
     return;
   const n = b.getConfig(e), r = E(e);
   let l = !1;
-  const i = e.querySelector(P);
+  const i = e.querySelector(M);
   if (i) {
-    l = M(
+    l = h(
       i,
       o,
       n.columnSpacing,
@@ -157,9 +161,9 @@ function Z(t) {
     );
     l = l || c;
   }
-  const s = e.querySelector(q);
+  const s = e.querySelector(P);
   if (s) {
-    const u = M(
+    const u = h(
       s,
       o,
       n.mobileColumnSpacing,
@@ -175,9 +179,9 @@ function Z(t) {
   }
   l && o.apply(new p("Reapply spacing after regeneration"));
 }
-function me(t) {
+function ye(t) {
   const { currentNode: e, documentModifier: o, afterRegenerate: n, products: r, layout: l, composition: i } = t;
-  e && Q({
+  e && ee({
     currentNode: e,
     documentModifier: o,
     products: r,
@@ -185,12 +189,12 @@ function me(t) {
     composition: i,
     afterRegenerate: () => {
       setTimeout(() => {
-        Z({ currentNode: e, documentModifier: o });
+        te({ currentNode: e, documentModifier: o });
       }, 0), n == null || n();
     }
   });
 }
-function pe(t, e) {
+function Se(t, e) {
   return t.length === e ? t : t.length > e ? t.slice(0, e) : [...t, ...L(e - t.length)];
 }
 function U() {
@@ -204,14 +208,14 @@ function U() {
     thousandSeparator: e.thousandSeparator
   };
 }
-function A(t, e = "price") {
+function q(t, e = "price") {
   const o = U(), n = t[e], r = (n == null ? void 0 : n[o.code]) ?? Object.values(n ?? {})[0] ?? 0;
-  return V({
+  return W({
     price: r,
     currency: o
   });
 }
-function ee(t) {
+function oe(t) {
   var l, i;
   const e = U(), o = ((l = t.original_price) == null ? void 0 : l[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, n = ((i = t.price) == null ? void 0 : i[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, r = o > 0 ? Math.round((o - n) / o * 100) : 0;
   return r > 0 ? `-${r}%` : "0%";
@@ -220,24 +224,24 @@ function $(t) {
   const { documentModifier: e, product: o, priceEl: n, oldPriceEl: r, omnibusPriceEl: l, omnibusDiscountEl: i } = t;
   let s = !1;
   if (n && "querySelector" in n) {
-    const u = n.querySelector("strong") ?? n.querySelector("p"), c = A(o, "price");
-    S(e, u ?? null, c) && (s = !0);
+    const u = n.querySelector("strong") ?? n.querySelector("p"), c = q(o, "price");
+    g(e, u ?? null, c) && (s = !0);
   }
   if (r && "querySelector" in r) {
-    const u = r.querySelector("strong") ?? r.querySelector("p"), c = A(o, "original_price");
-    S(e, u ?? null, c) && (s = !0);
+    const u = r.querySelector("strong") ?? r.querySelector("p"), c = q(o, "original_price");
+    g(e, u ?? null, c) && (s = !0);
   }
   if (l && "querySelector" in l) {
-    const u = l.querySelector(".omnibus-price-value") ?? null, c = A(o, "original_price");
-    S(e, u, c) && (s = !0);
+    const u = l.querySelector(".omnibus-price-value") ?? null, c = q(o, "original_price");
+    g(e, u, c) && (s = !0);
   }
   if (i && "querySelector" in i) {
-    const u = i.querySelector(".omnibus-discount-value") ?? null, c = ee(o);
-    S(e, u, c) && (s = !0);
+    const u = i.querySelector(".omnibus-discount-value") ?? null, c = oe(o);
+    g(e, u, c) && (s = !0);
   }
   return s;
 }
-function te(t) {
+function ne(t) {
   const {
     documentModifier: e,
     product: o,
@@ -252,13 +256,13 @@ function te(t) {
   let d = !1;
   if (n && "querySelector" in n) {
     const f = n.querySelector("img");
-    f && (e.modifyHtml(f).setAttribute("src", F(o.image_url)).setAttribute("alt", o.name), d = !0);
+    f && (e.modifyHtml(f).setAttribute("src", G(o.image_url)).setAttribute("alt", o.name), d = !0);
     const a = n.querySelector("a");
     a && (e.modifyHtml(a).setAttribute("href", o.url), d = !0);
   }
   if (r && "querySelector" in r) {
     const f = r.querySelector("strong") ?? r.querySelector("p");
-    S(e, f ?? null, o.name) && (d = !0);
+    g(e, f ?? null, o.name) && (d = !0);
   }
   if ($({
     documentModifier: e,
@@ -274,10 +278,10 @@ function te(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 oe(t, e) {
+function re(t, e) {
   var n;
   let o;
   if (t.startsWith(O)) {
@@ -285,9 +289,9 @@ function oe(t, e) {
     o = (n = e.product_attributes) == null ? void 0 : n[r];
   } else
     o = e[t];
-  return G(o) || null;
+  return K(o) || null;
 }
-function ne(t, e, o) {
+function ie(t, e, o) {
   if (!("querySelectorAll" in t))
     return !1;
   const n = t.querySelectorAll(
@@ -299,7 +303,7 @@ function ne(t, e, o) {
   n.forEach((i) => {
     if (!("getAttribute" in i))
       return;
-    const s = i.getAttribute(j);
+    const s = i.getAttribute(V);
     if (!s)
       return;
     const u = r.get(s) ?? [];
@@ -311,11 +315,11 @@ function ne(t, e, o) {
     i.slice(0, u).forEach((c, d) => {
       if (!("querySelector" in c))
         return;
-      const f = oe(s, o[d]);
+      const f = re(s, o[d]);
       if (f === null)
         return;
       const a = c.querySelector("p") ?? null;
-      S(e, a, f) && (l = !0);
+      g(e, a, f) && (l = !0);
     });
   }), l;
 }
@@ -339,7 +343,7 @@ function w(t, e, o) {
   ), d = Math.min(n.length, o.length);
   let f = !1;
   for (let a = 0; a < d; a++) {
-    const y = te({
+    const y = ne({
       documentModifier: e,
       product: o[a],
       imageEl: n[a] ?? null,
@@ -352,9 +356,9 @@ function w(t, e, o) {
     });
     f = f || y;
   }
-  return ne(t, e, o) && (f = !0), f;
+  return ie(t, e, o) && (f = !0), f;
 }
-function ye(t) {
+function ge(t) {
   const { currentNode: e, documentModifier: o, products: n } = t;
   if (!e || !("querySelectorAll" in e))
     return !1;
@@ -366,7 +370,7 @@ function ye(t) {
   let i = w(r, o, n);
   const s = E(e), u = b.getConfig(e);
   if (s !== "list" && u.mobileLayoutEnabled && "querySelector" in e) {
-    const c = e.querySelector(q);
+    const c = e.querySelector(P);
     if (c) {
       const d = w(
         c,
@@ -402,10 +406,12 @@ function N(t, e, o) {
     }) && (u = !0);
   return u;
 }
-function ge(t) {
+function be(t) {
   const { currentNode: e, documentModifier: o } = t;
   if (!e || !("querySelectorAll" in e))
     return !1;
+  if (Y(e))
+    return !0;
   const r = C().recommendationProducts;
   if (r.length === 0)
     return !1;
@@ -413,7 +419,7 @@ function ge(t) {
   let i = N(l, o, r);
   const s = E(e), u = b.getConfig(e);
   if (s !== "list" && u.mobileLayoutEnabled && "querySelector" in e) {
-    const c = e.querySelector(q);
+    const c = e.querySelector(P);
     if (c) {
       const d = N(c, o, r);
       i = i || d;
@@ -421,27 +427,28 @@ function ge(t) {
   }
   return i && o.apply(new p("Updated price formatting in-place")), i;
 }
-function Se(t) {
-  const { currentNode: e, documentModifier: o, currency: n } = t, r = R(e);
+function Ee(t) {
+  const { currentNode: e, documentModifier: o, currency: n } = t, r = A(e);
   if (!r)
     return;
   const l = n.alignment === "before" ? "0" : "1", i = (s, u) => {
     o.modifyHtml(r).setAttribute(s, u);
   };
-  i(g.CURRENCY, n.code), i(g.SYMBOL, n.symbol), i(g.ALIGNMENT, l), i(g.THOUSAND_SEPARATOR, n.thousandSeparator), i(g.DECIMAL_SEPARATOR, n.decimalSeparator), i(g.DECIMAL_COUNT, n.decimalCount.toString()), o.apply(new p("Update currency attributes"));
+  i(S.CURRENCY, n.code), i(S.SYMBOL, n.symbol), i(S.ALIGNMENT, l), i(S.THOUSAND_SEPARATOR, n.thousandSeparator), i(S.DECIMAL_SEPARATOR, n.decimalSeparator), i(S.DECIMAL_COUNT, n.decimalCount.toString()), o.apply(new p("Update currency attributes"));
 }
 export {
-  pe as adjustProductsToSize,
-  A as formatProductPrice,
-  R as getBlockElement,
+  Se as adjustProductsToSize,
+  q as formatProductPrice,
+  A as getBlockElement,
   H as getCardComposition,
   E as getCurrentLayout,
-  Z as reapplySpacing,
-  J as regenerateMobileProductRows,
-  Q as regenerateProductRows,
-  me as regenerateProductRowsWithStyles,
-  Se as setCurrencyAttributes,
-  ge as updatePricesInPlace,
-  ye as updateProductContentInPlace,
-  te as updateSingleProductContent
+  Y as isPartnerManagedBlock,
+  te as reapplySpacing,
+  Z as regenerateMobileProductRows,
+  ee as regenerateProductRows,
+  ye as regenerateProductRowsWithStyles,
+  Ee as setCurrencyAttributes,
+  be as updatePricesInPlace,
+  ge as updateProductContentInPlace,
+  ne 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_MOBILE_CARDS_IN_ROW as D, DEFAULT_CARDS_IN_ROW as F } from "../constants/layout.js";
 import { EXCLUDED_ALGORITHM_IDS as w } from "../constants/defaultConfig.js";
 import { getDefaultProducts as S } from "../templates/utils.js";
@@ -60,7 +61,7 @@ const L = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), K = P("guidoRecommendationExtension", {
+}), $ = P("guidoRecommendationExtension", {
   state: () => L(),
   getters: {
     // ====================================================================
@@ -476,5 +477,5 @@ const L = () => ({
   }
 });
 export {
-  K as useRecommendationExtensionStore
+  $ 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
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-82128f7d]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-f6a8cb4c]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-f6a8cb4c]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-f6a8cb4c]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-f6a8cb4c]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-f6a8cb4c]{object-fit:cover;transform:scale(1)}[data-v-18e1220a] .guido__verion-history-view-option-selection-desktop svg,[data-v-18e1220a] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-18e1220a] .in-segments-wrapper__button_selected,[data-v-18e1220a] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-82128f7d]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-f6a8cb4c]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-f6a8cb4c]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-f6a8cb4c]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-f6a8cb4c]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-f6a8cb4c]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}