@useinsider/guido 3.7.2-beta.a114aa7 → 3.7.2-beta.af89512

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

@@ -1,40 +1,36 @@
 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 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 { 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 { RecommendationConfigService as b } from "../../services/configService.js";
 import { useRecommendationExtensionStore as C } from "../../store/recommendation.js";
-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) {
+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) {
   if (!t)
     return null;
   if ("getAttribute" in t) {
     const e = t.getAttribute("class");
-    if (e && e.includes(T))
+    if (e && e.includes(h))
       return t;
   }
-  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);
+  return "querySelector" in t ? t.querySelector(`.${h}`) ?? null : null;
 }
 function E(t) {
-  const e = A(t);
+  const e = R(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 = A(t);
+  const e = R(t);
   if (!e || !("getAttribute" in e))
-    return R;
+    return T;
   const o = e.getAttribute("data-card-composition");
-  return o ? o.split(",").filter(Boolean) : R;
+  return o ? o.split(",").filter(Boolean) : T;
 }
 function x(t) {
   if (!t || !("childNodes" in t))
@@ -44,35 +40,35 @@ function x(t) {
   );
   return o || e.reduce((n, r) => n || !("getType" in r) || r.getType() === "text" ? n : x(r), null);
 }
-function g(t, e, o) {
+function S(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 X(t) {
+function Y(t) {
   const { currentNode: e, documentModifier: o } = t;
   if (!e || !("querySelector" in e))
     return;
-  const n = e.querySelector(_);
+  const n = e.querySelector(k);
   n && (o.modifyHtml(n).setInnerHtml(""), o.apply(new p("Cleared mobile row content")));
 }
-function z(t) {
+function K(t) {
   return "getOuterHTML" in t && typeof t.getOuterHTML == "function" ? t.getOuterHTML() : "";
 }
-function J(t) {
+function X(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 Q(t, e, o) {
-  const n = J(t);
+function z(t, e, o) {
+  const n = X(t);
   if (!n || !("childNodes" in n))
     return;
-  const r = n.childNodes().map(z).join(""), l = `<tr class="ins-recommendation-mobile-row">${o}</tr>`;
+  const r = n.childNodes().map(K).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 Z(t) {
+function J(t) {
   const {
     currentNode: e,
     documentModifier: o,
@@ -84,21 +80,21 @@ function Z(t) {
     return;
   const i = r ?? E(e), s = b.getConfig(e);
   if (i === "list" || !s.mobileLayoutEnabled) {
-    X({ currentNode: e, documentModifier: o });
+    Y({ 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">${k(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">${_(c, i, {
     productsPerRow: s.mobileCardsInRow,
     composition: d,
     filterList: u.filterList
-  })}</table></td>`, y = e.querySelector(_);
+  })}</table></td>`, y = e.querySelector(k);
   if (!y) {
-    Q(e, o, a);
+    z(e, o, a);
     return;
   }
   o.modifyHtml(y).setInnerHtml(a), o.apply(new p("Updated mobile product rows"));
 }
-function ee(t) {
+function Q(t) {
   const {
     currentNode: e,
     documentModifier: o,
@@ -109,17 +105,17 @@ function ee(t) {
   } = t;
   if (!e || !("querySelector" in e))
     return;
-  const s = e.querySelector(M) ?? e.querySelector(j);
+  const s = e.querySelector(P) ?? e.querySelector(v);
   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 = k(c, a, {
+  const u = C(), c = D(r, u.recommendationProducts), { cardsInRow: d } = b.getConfig(e), f = i ?? H(e), a = l ?? E(e), y = _(c, a, {
     productsPerRow: d,
     composition: f,
     filterList: u.filterList
   });
-  o.modifyHtml(s).setInnerHtml(y).apply(new p("Updated product")), Z(t), n == null || n();
+  o.modifyHtml(s).setInnerHtml(y).apply(new p("Updated product")), J(t), n == null || n();
 }
-function h(t, e, o, n) {
+function M(t, e, o, n) {
   const l = `0 ${Math.floor(o / 2)}px`;
   let i = !1;
   return n === "grid" ? Array.from(
@@ -130,7 +126,7 @@ function h(t, e, o, n) {
     t.querySelectorAll(".product-card-wrapper")
   ).forEach((u) => {
     const c = "parentNode" in u ? u.parentNode : null;
-    c && F(c) && (e.modifyHtml(c).setStyle("padding", l), i = !0);
+    c && W(c) && (e.modifyHtml(c).setStyle("padding", l), i = !0);
   }), i;
 }
 function I(t, e, o) {
@@ -140,15 +136,15 @@ function I(t, e, o) {
     e.modifyHtml(i).setStyle("height", n), l = !0;
   }), l;
 }
-function te(t) {
+function Z(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(M);
+  const i = e.querySelector(P);
   if (i) {
-    l = h(
+    l = M(
       i,
       o,
       n.columnSpacing,
@@ -161,9 +157,9 @@ function te(t) {
     );
     l = l || c;
   }
-  const s = e.querySelector(P);
+  const s = e.querySelector(q);
   if (s) {
-    const u = h(
+    const u = M(
       s,
       o,
       n.mobileColumnSpacing,
@@ -179,9 +175,9 @@ function te(t) {
   }
   l && o.apply(new p("Reapply spacing after regeneration"));
 }
-function ye(t) {
+function me(t) {
   const { currentNode: e, documentModifier: o, afterRegenerate: n, products: r, layout: l, composition: i } = t;
-  e && ee({
+  e && Q({
     currentNode: e,
     documentModifier: o,
     products: r,
@@ -189,12 +185,12 @@ function ye(t) {
     composition: i,
     afterRegenerate: () => {
       setTimeout(() => {
-        te({ currentNode: e, documentModifier: o });
+        Z({ currentNode: e, documentModifier: o });
       }, 0), n == null || n();
     }
   });
 }
-function Se(t, e) {
+function pe(t, e) {
   return t.length === e ? t : t.length > e ? t.slice(0, e) : [...t, ...L(e - t.length)];
 }
 function U() {
@@ -208,14 +204,14 @@ function U() {
     thousandSeparator: e.thousandSeparator
   };
 }
-function q(t, e = "price") {
+function A(t, e = "price") {
   const o = U(), n = t[e], r = (n == null ? void 0 : n[o.code]) ?? Object.values(n ?? {})[0] ?? 0;
-  return W({
+  return V({
     price: r,
     currency: o
   });
 }
-function oe(t) {
+function ee(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%";
@@ -224,24 +220,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 = q(o, "price");
-    g(e, u ?? null, c) && (s = !0);
+    const u = n.querySelector("strong") ?? n.querySelector("p"), c = A(o, "price");
+    S(e, u ?? null, c) && (s = !0);
   }
   if (r && "querySelector" in r) {
-    const u = r.querySelector("strong") ?? r.querySelector("p"), c = q(o, "original_price");
-    g(e, u ?? null, c) && (s = !0);
+    const u = r.querySelector("strong") ?? r.querySelector("p"), c = A(o, "original_price");
+    S(e, u ?? null, c) && (s = !0);
   }
   if (l && "querySelector" in l) {
-    const u = l.querySelector(".omnibus-price-value") ?? null, c = q(o, "original_price");
-    g(e, u, c) && (s = !0);
+    const u = l.querySelector(".omnibus-price-value") ?? null, c = A(o, "original_price");
+    S(e, u, c) && (s = !0);
   }
   if (i && "querySelector" in i) {
-    const u = i.querySelector(".omnibus-discount-value") ?? null, c = oe(o);
-    g(e, u, c) && (s = !0);
+    const u = i.querySelector(".omnibus-discount-value") ?? null, c = ee(o);
+    S(e, u, c) && (s = !0);
   }
   return s;
 }
-function ne(t) {
+function te(t) {
   const {
     documentModifier: e,
     product: o,
@@ -256,13 +252,13 @@ function ne(t) {
   let d = !1;
   if (n && "querySelector" in n) {
     const f = n.querySelector("img");
-    f && (e.modifyHtml(f).setAttribute("src", G(o.image_url)).setAttribute("alt", o.name), d = !0);
+    f && (e.modifyHtml(f).setAttribute("src", F(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");
-    g(e, f ?? null, o.name) && (d = !0);
+    S(e, f ?? null, o.name) && (d = !0);
   }
   if ($({
     documentModifier: e,
@@ -278,10 +274,10 @@ function ne(t) {
   return d;
 }
 function B(t) {
-  return "querySelector" in t ? t.querySelector(M) ?? t : t;
+  return "querySelector" in t ? t.querySelector(P) ?? t : t;
 }
 const O = "product_attribute.";
-function re(t, e) {
+function oe(t, e) {
   var n;
   let o;
   if (t.startsWith(O)) {
@@ -289,9 +285,9 @@ function re(t, e) {
     o = (n = e.product_attributes) == null ? void 0 : n[r];
   } else
     o = e[t];
-  return K(o) || null;
+  return G(o) || null;
 }
-function ie(t, e, o) {
+function ne(t, e, o) {
   if (!("querySelectorAll" in t))
     return !1;
   const n = t.querySelectorAll(
@@ -303,7 +299,7 @@ function ie(t, e, o) {
   n.forEach((i) => {
     if (!("getAttribute" in i))
       return;
-    const s = i.getAttribute(V);
+    const s = i.getAttribute(j);
     if (!s)
       return;
     const u = r.get(s) ?? [];
@@ -315,11 +311,11 @@ function ie(t, e, o) {
     i.slice(0, u).forEach((c, d) => {
       if (!("querySelector" in c))
         return;
-      const f = re(s, o[d]);
+      const f = oe(s, o[d]);
       if (f === null)
         return;
       const a = c.querySelector("p") ?? null;
-      g(e, a, f) && (l = !0);
+      S(e, a, f) && (l = !0);
     });
   }), l;
 }
@@ -343,7 +339,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 = ne({
+    const y = te({
       documentModifier: e,
       product: o[a],
       imageEl: n[a] ?? null,
@@ -356,9 +352,9 @@ function w(t, e, o) {
     });
     f = f || y;
   }
-  return ie(t, e, o) && (f = !0), f;
+  return ne(t, e, o) && (f = !0), f;
 }
-function ge(t) {
+function ye(t) {
   const { currentNode: e, documentModifier: o, products: n } = t;
   if (!e || !("querySelectorAll" in e))
     return !1;
@@ -370,7 +366,7 @@ function ge(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(P);
+    const c = e.querySelector(q);
     if (c) {
       const d = w(
         c,
@@ -406,12 +402,10 @@ function N(t, e, o) {
     }) && (u = !0);
   return u;
 }
-function be(t) {
+function ge(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;
@@ -419,7 +413,7 @@ function be(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(P);
+    const c = e.querySelector(q);
     if (c) {
       const d = N(c, o, r);
       i = i || d;
@@ -427,28 +421,27 @@ function be(t) {
   }
   return i && o.apply(new p("Updated price formatting in-place")), i;
 }
-function Ee(t) {
-  const { currentNode: e, documentModifier: o, currency: n } = t, r = A(e);
+function Se(t) {
+  const { currentNode: e, documentModifier: o, currency: n } = t, r = R(e);
   if (!r)
     return;
   const l = n.alignment === "before" ? "0" : "1", i = (s, u) => {
     o.modifyHtml(r).setAttribute(s, u);
   };
-  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"));
+  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"));
 }
 export {
-  Se as adjustProductsToSize,
-  q as formatProductPrice,
-  A as getBlockElement,
+  pe as adjustProductsToSize,
+  A as formatProductPrice,
+  R as getBlockElement,
   H as getCardComposition,
   E as getCurrentLayout,
-  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
+  Z as reapplySpacing,
+  J as regenerateMobileProductRows,
+  Q as regenerateProductRows,
+  me as regenerateProductRowsWithStyles,
+  Se as setCurrencyAttributes,
+  ge as updatePricesInPlace,
+  ye as updateProductContentInPlace,
+  te as updateSingleProductContent
 };

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

@@ -1,12 +1,11 @@
 var m = Object.defineProperty;
-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";
+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";
 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 O extends d {
+class h extends d {
   constructor() {
     super(...arguments);
     a(this, "_repositionedElement", null);
@@ -18,7 +17,7 @@ class O extends d {
     return `
             <div class="${r}">
                 <${c.ICON}
-                    ${_.ICON.src}="migration-info-icon"
+                    ${p.ICON.src}="migration-info-icon"
                     class="${r}__icon">
                 </${c.ICON}>
                 <p class="${r}__text">
@@ -62,5 +61,5 @@ class O extends d {
 }
 export {
   S as SYNC_INFO_MESSAGE_CONTROL_ID,
-  O as SyncInfoMessageControl
+  h as SyncInfoMessageControl
 };

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

@@ -1,14 +1,13 @@
 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 p } from "./controls/omnibusDiscount/index.js";
-import { ButtonControls as a } from "./controls/button/index.js";
+import { OmnibusDiscountControls as a } from "./controls/omnibusDiscount/index.js";
+import { ButtonControls as p } 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";
@@ -23,8 +22,8 @@ const b = [
   e,
   s,
   l,
-  p,
   a,
+  p,
   c,
   C
 ], P = [
@@ -36,10 +35,10 @@ const b = [
 ], S = [
   ...P,
   ...b.flatMap((o) => Object.values(o))
-], L = S.reduce(
+], K = S.reduce(
   (o, t) => o.addControl(t),
   new r().addBlock(m).withSettingsPanelRegistry(B)
 ).addStyles(y).withIconsRegistry(R).build();
 export {
-  L as default
+  K as default
 };

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

@@ -2,7 +2,6 @@ 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";
@@ -16,7 +15,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 a extends E {
+class Z extends E {
   registerBlockControls(I) {
     I[U] = [
       new _(
@@ -195,5 +194,5 @@ class a extends E {
   }
 }
 export {
-  a as SettingsPanel
+  Z as SettingsPanel
 };

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

@@ -2,7 +2,6 @@ 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";
@@ -61,7 +60,7 @@ const L = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), $ = P("guidoRecommendationExtension", {
+}), K = P("guidoRecommendationExtension", {
   state: () => L(),
   getters: {
     // ====================================================================
@@ -477,5 +476,5 @@ const L = () => ({
   }
 });
 export {
-  $ as useRecommendationExtensionStore
+  K as useRecommendationExtensionStore
 };

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

@@ -1,4 +1,3 @@
-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";
@@ -29,36 +28,36 @@ const D = `
     </tr>
 `;
 function O(t, e, n, r = L, c = {}) {
-  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);
+  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);
   }).join("");
 }
 function g(t, e, n, r, c = {}) {
-  const i = [];
+  const a = [];
   for (let l = 0; l < t.length; l += e)
-    i.push(t.slice(l, l + e));
-  return i.map((l, a) => {
-    const p = O(
+    a.push(t.slice(l, l + e));
+  return a.map((l, i) => {
+    const d = O(
       l,
       e,
       n,
       r,
       c
-    ), o = D.replace("{-{-ATTRIBUTE_ROWS-}-}", p);
-    return a > 0 ? S + o : o;
+    ), o = D.replace("{-{-ATTRIBUTE_ROWS-}-}", d);
+    return i > 0 ? S + o : o;
   }).join("");
 }
 function P(t, e, n, r = {}) {
   return g(t, e, A, n, r);
 }
-function W(t) {
+function B(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 {
-  W as getDefaultTemplate,
+  B as getDefaultTemplate,
   O as prepareGridAttributeRows,
   g as prepareGridProductRows,
   P as prepareProductRows

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

@@ -1,13 +1,12 @@
-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 m } from "./list/template.js";
-function f(o, t, r = {}) {
+import { prepareProductRows as R } from "./list/template.js";
+function a(o, t, r = {}) {
   if (t === "list")
-    return m(o, r.composition, r.filterList);
+    return R(o, r.composition, r.filterList);
   const { productsPerRow: e = s, composition: p, filterList: i } = r;
   return c(o, e, p, i);
 }
 export {
-  f as prepareProductRows
+  a as prepareProductRows
 };

package/dist/src/composables/useHtmlValidator.d.ts

@@ -1,31 +1,4 @@
 import type { DynamicContent } from '@@/Types/generic';
-import type { FiltersResponse } from '@@/Types/recommendation';
-/**
- * Parses a `{{recoId_index_attributeName}}` variable (already stripped of the
- * braces/whitespace) into its recommendation id and attribute name. Returns
- * null for anything that isn't a well-formed recommendation variable.
- */
-export declare function parseRecommendationVariable(field: string): {
-    recoId: string;
-    attribute: string;
-} | null;
-/**
- * Builds the set of attribute forms valid inside partner-authored
- * `{{recoId_index_attribute}}` variables: the built-in compiler attributes plus
- * each account attribute in its canonical token form — bare for
- * `defaultAttribute`, `product_attribute.<name>` for `productAttribute`. Using
- * `resolveProductAttrValue` (the same producer the block builder uses) keeps the
- * validator's notion of "valid form" identical to what is actually emitted.
- */
-export declare function buildPartnerAttributeNameSet(filterList: FiltersResponse): Set<string>;
-/**
- * Returns the `{{...}}` custom fields in the HTML that are invalid. Partner
- * attributes in `ins-skip-compile` blocks (recoId ∈ ignoredIds) are checked
- * against `ignoredAttributeNames`; Guido-generated reco variables and known merge
- * tags pass. An unrecognized dotted token is ignored: it was never captured
- * before, so flagging it would false-positive on merge tags like `{{user.name}}`.
- */
-export declare function findInvalidCustomFields(html: string, validCustomFields: string[], recommendationBlockIds: string[], ignoredIds: Set<string>, ignoredAttributeNames: Set<string> | null): string[];
 export declare const useHtmlValidator: () => {
     validateHtml: (html: string, customFields: DynamicContent[], isOnSaveValidation?: boolean) => Promise<boolean>;
 };

package/dist/src/config/migrator/fontTagMigrator.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Heals templates already saved with browser-translate-injected `<font dir="auto">`
+ * tags (see {@link stripFontTags}). Runs on load before the block migrators so
+ * they operate on clean HTML, and stops the accumulated nesting from
+ * re-triggering Chrome's DOM-depth limit when the template is reopened in the
+ * editor. Non-translate `<font>` elements are preserved.
+ */
+export declare function migrateFontTags(html: string): string;