@useinsider/guido 3.8.1 → 3.9.0-beta.7791f66

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

@@ -1,6 +1,6 @@
 import { ModificationDescription as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { RecommendationBlockId as m } from "../../constants/blockIds.js";
-import { CURRENCY_ATTR as p, MOBILE_CONTAINER_SELECTOR as O, DESKTOP_CONTAINER_SELECTOR as w, CONTAINER_SELECTOR as F, MOBILE_ROW_SELECTOR as N, ATTR_PRODUCT_ATTR as G, PRODUCT_ATTRIBUTE_PREFIX as R } from "../../constants/selectors.js";
+import { CURRENCY_ATTR as y, CSS_CLASS_SKIP_COMPILE as F, MOBILE_CONTAINER_SELECTOR as O, DESKTOP_CONTAINER_SELECTOR as w, CONTAINER_SELECTOR as G, MOBILE_ROW_SELECTOR as N, ATTR_PRODUCT_ATTR as K, PRODUCT_ATTRIBUTE_PREFIX as R } from "../../constants/selectors.js";
 import { RecommendationConfigService as S } from "../../services/configService.js";
 import { useRecommendationExtensionStore as P } from "../../store/recommendation.js";
 import { prepareProductRows as _ } from "../../templates/index.js";
@@ -8,7 +8,7 @@ import { captureStyles as k } from "../../utils/captureStyleTemplates.js";
 import { formatPrice as V } from "../../utils/priceFormatter.js";
 import { getDefaultProducts as L, DEFAULT_CARD_COMPOSITION as T, sanitizeImageUrl as W, toDisplayableAttributeValue as Y } from "../../templates/utils.js";
 const M = "recommendation-block-v2";
-function q(e) {
+function A(e) {
   if (!e)
     return null;
   if ("getAttribute" in e) {
@@ -18,15 +18,19 @@ function q(e) {
   }
   return "querySelector" in e ? e.querySelector(`.${M}`) ?? null : null;
 }
+function X(e) {
+  const t = A(e);
+  return !t || !("getAttribute" in t) ? !1 : (t.getAttribute("class") ?? "").split(/\s+/).includes(F);
+}
 function C(e) {
-  const t = q(e);
+  const t = A(e);
   if (!t || !("getAttribute" in t))
     return "grid";
   const n = t.getAttribute("data-layout");
   return n === "list" || n === "horizontal" ? "list" : "grid";
 }
 function x(e) {
-  const t = q(e);
+  const t = A(e);
   if (!t || !("getAttribute" in t))
     return T;
   const n = t.getAttribute("data-card-composition");
@@ -51,25 +55,25 @@ function U(e) {
   if (typeof e == "number")
     return `0 ${e / 2}px`;
 }
-function K(e) {
+function z(e) {
   const { currentNode: t, documentModifier: n } = e;
   if (!t || !("querySelector" in t))
     return !1;
   const o = t.querySelector(N);
   return o ? (n.modifyHtml(o).setInnerHtml(""), !0) : !1;
 }
-function X(e) {
+function J(e) {
   return "getOuterHTML" in e && typeof e.getOuterHTML == "function" ? e.getOuterHTML() : "";
 }
-function z(e) {
+function Q(e) {
   const t = e.querySelector(".container");
   return !t || !("childNodes" in t) ? null : t.childNodes().find((o) => "getTagName" in o && o.getTagName() === "tbody") ?? t.querySelector("tbody") ?? null;
 }
-function J(e, t, n) {
-  const o = z(e);
+function Z(e, t, n) {
+  const o = Q(e);
   if (!o || !("childNodes" in o))
     return;
-  const r = o.childNodes().map(X).join(""), s = `<tr class="ins-recommendation-mobile-row">${n}</tr>`;
+  const r = o.childNodes().map(J).join(""), s = `<tr class="ins-recommendation-mobile-row">${n}</tr>`;
   t.modifyHtml(o).setInnerHtml(r + s), t.apply(new g("Added mobile product row"));
 }
 function $(e, t = {}) {
@@ -84,8 +88,8 @@ function $(e, t = {}) {
     return !1;
   const u = s ?? C(n), c = S.getConfig(n);
   if (u === "list" || !c.mobileLayoutEnabled)
-    return K({ currentNode: n, documentModifier: o });
-  const l = P(), a = H(r, l.recommendationProducts), d = i ?? x(n), y = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${_(a, u, {
+    return z({ currentNode: n, documentModifier: o });
+  const l = P(), a = H(r, l.recommendationProducts), d = i ?? x(n), p = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${_(a, u, {
     productsPerRow: c.mobileCardsInRow,
     composition: d,
     filterList: l.filterList,
@@ -94,12 +98,12 @@ function $(e, t = {}) {
     rowSpacingPx: c.mobileRowSpacing,
     ...t
   })}</table></td>`, E = n.querySelector(N);
-  return E ? (o.modifyHtml(E).setInnerHtml(y), !0) : (J(n, o, y), !1);
+  return E ? (o.modifyHtml(E).setInnerHtml(p), !0) : (Z(n, o, p), !1);
 }
-function fe(e) {
+function pe(e) {
   $(e, k(e.currentNode)) && e.documentModifier.apply(new g("Updated mobile product rows"));
 }
-function Q(e, t = {}) {
+function ee(e, t = {}) {
   const {
     currentNode: n,
     documentModifier: o,
@@ -109,21 +113,21 @@ function Q(e, t = {}) {
   } = e;
   if (!n || !("querySelector" in n))
     return !1;
-  const u = n.querySelector(w) ?? n.querySelector(F);
+  const u = n.querySelector(w) ?? n.querySelector(G);
   if (!u)
     return !1;
-  const c = P(), l = H(r, c.recommendationProducts), { cardsInRow: a } = S.getConfig(n), d = i ?? x(n), f = s ?? C(n), y = S.getConfig(n), E = _(l, f, {
+  const c = P(), l = H(r, c.recommendationProducts), { cardsInRow: a } = S.getConfig(n), d = i ?? x(n), f = s ?? C(n), p = S.getConfig(n), E = _(l, f, {
     productsPerRow: a,
     composition: d,
     filterList: c.filterList,
     // One product per row has no gutter — suppress padding without clobbering the stored value.
-    cellPadding: a === 1 ? "0" : U(y.columnSpacing),
-    rowSpacingPx: y.rowSpacing,
+    cellPadding: a === 1 ? "0" : U(p.columnSpacing),
+    rowSpacingPx: p.rowSpacing,
     ...t
   });
   return o.modifyHtml(u).setInnerHtml(E), !0;
 }
-function me(e) {
+function ye(e) {
   const {
     currentNode: t,
     documentModifier: n,
@@ -142,10 +146,10 @@ function me(e) {
     layout: s,
     composition: i
   };
-  let a = Q(l, c);
+  let a = ee(l, c);
   a = $(l, c) || a, a && n.apply(new g("Regenerate products with styles")), o == null || o();
 }
-function ye(e, t) {
+function be(e, t) {
   return e.length === t ? e : e.length > t ? e.slice(0, t) : [...e, ...L(t - e.length)];
 }
 function B() {
@@ -159,14 +163,14 @@ function B() {
     thousandSeparator: t.thousandSeparator
   };
 }
-function A(e, t = "price") {
+function q(e, t = "price") {
   const n = B(), o = e[t], r = (o == null ? void 0 : o[n.code]) ?? Object.values(o ?? {})[0] ?? 0;
   return V({
     price: r,
     currency: n
   });
 }
-function Z(e) {
+function te(e) {
   var s, i;
   const t = B(), n = ((s = e.original_price) == null ? void 0 : s[t.code]) ?? Object.values(e.original_price ?? {})[0] ?? 0, o = ((i = e.price) == null ? void 0 : i[t.code]) ?? Object.values(e.price ?? {})[0] ?? 0, r = n > 0 ? Math.round((n - o) / n * 100) : 0;
   return r > 0 ? `-${r}%` : "0%";
@@ -175,24 +179,24 @@ function v(e) {
   const { documentModifier: t, product: n, priceEl: o, oldPriceEl: r, omnibusPriceEl: s, omnibusDiscountEl: i } = e;
   let u = !1;
   if (o && "querySelector" in o) {
-    const c = o.querySelector("strong") ?? o.querySelector("p"), l = A(n, "price");
+    const c = o.querySelector("strong") ?? o.querySelector("p"), l = q(n, "price");
     b(t, c ?? null, l) && (u = !0);
   }
   if (r && "querySelector" in r) {
-    const c = r.querySelector("strong") ?? r.querySelector("p"), l = A(n, "original_price");
+    const c = r.querySelector("strong") ?? r.querySelector("p"), l = q(n, "original_price");
     b(t, c ?? null, l) && (u = !0);
   }
   if (s && "querySelector" in s) {
-    const c = s.querySelector(".omnibus-price-value") ?? null, l = A(n, "original_price");
+    const c = s.querySelector(".omnibus-price-value") ?? null, l = q(n, "original_price");
     b(t, c, l) && (u = !0);
   }
   if (i && "querySelector" in i) {
-    const c = i.querySelector(".omnibus-discount-value") ?? null, l = Z(n);
+    const c = i.querySelector(".omnibus-discount-value") ?? null, l = te(n);
     b(t, c, l) && (u = !0);
   }
   return u;
 }
-function ee(e) {
+function ne(e) {
   const {
     documentModifier: t,
     product: n,
@@ -231,7 +235,7 @@ function ee(e) {
 function j(e) {
   return "querySelector" in e ? e.querySelector(w) ?? e : e;
 }
-function te(e, t) {
+function oe(e, t) {
   var o;
   let n;
   if (e.startsWith(R)) {
@@ -241,7 +245,7 @@ function te(e, t) {
     n = t[e];
   return Y(n) || null;
 }
-function ne(e, t, n) {
+function re(e, t, n) {
   if (!("querySelectorAll" in e))
     return !1;
   const o = e.querySelectorAll(
@@ -253,7 +257,7 @@ function ne(e, t, n) {
   o.forEach((i) => {
     if (!("getAttribute" in i))
       return;
-    const u = i.getAttribute(G);
+    const u = i.getAttribute(K);
     if (!u)
       return;
     const c = r.get(u) ?? [];
@@ -265,7 +269,7 @@ function ne(e, t, n) {
     i.slice(0, c).forEach((l, a) => {
       if (!("querySelector" in l))
         return;
-      const d = te(u, n[a]);
+      const d = oe(u, n[a]);
       if (d === null)
         return;
       const f = l.querySelector("p") ?? null;
@@ -273,7 +277,7 @@ function ne(e, t, n) {
     });
   }), s;
 }
-function h(e, t, n) {
+function I(e, t, n) {
   if (!("querySelectorAll" in e))
     return !1;
   const o = e.querySelectorAll(
@@ -293,7 +297,7 @@ function h(e, t, n) {
   ), a = Math.min(o.length, n.length);
   let d = !1;
   for (let f = 0; f < a; f++) {
-    const y = ee({
+    const p = ne({
       documentModifier: t,
       product: n[f],
       imageEl: o[f] ?? null,
@@ -304,11 +308,11 @@ function h(e, t, n) {
       omnibusDiscountEl: c[f] ?? null,
       buttonEl: l[f] ?? null
     });
-    d = d || y;
+    d = d || p;
   }
-  return ne(e, t, n) && (d = !0), d;
+  return re(e, t, n) && (d = !0), d;
 }
-function pe(e) {
+function ge(e) {
   const { currentNode: t, documentModifier: n, products: o } = e;
   if (!t || !("querySelectorAll" in t))
     return !1;
@@ -317,12 +321,12 @@ function pe(e) {
     `[esd-extension-block-id="${m.IMAGE}"]`
   ).length !== o.length)
     return !1;
-  let i = h(r, n, o);
+  let i = I(r, n, o);
   const u = C(t), c = S.getConfig(t);
   if (u !== "list" && c.mobileLayoutEnabled && "querySelector" in t) {
     const l = t.querySelector(O);
     if (l) {
-      const a = h(
+      const a = I(
         l,
         n,
         o
@@ -332,7 +336,7 @@ function pe(e) {
   }
   return i && n.apply(new g("Updated product content in-place")), !0;
 }
-function I(e, t, n) {
+function h(e, t, n) {
   if (!("querySelectorAll" in e))
     return !1;
   const o = e.querySelectorAll(
@@ -356,44 +360,47 @@ function I(e, t, n) {
     }) && (c = !0);
   return c;
 }
-function be(e) {
+function Se(e) {
   const { currentNode: t, documentModifier: n } = e;
   if (!t || !("querySelectorAll" in t))
     return !1;
+  if (X(t))
+    return !0;
   const r = P().recommendationProducts;
   if (r.length === 0)
     return !1;
   const s = j(t);
-  let i = I(s, n, r);
+  let i = h(s, n, r);
   const u = C(t), c = S.getConfig(t);
   if (u !== "list" && c.mobileLayoutEnabled && "querySelector" in t) {
     const l = t.querySelector(O);
     if (l) {
-      const a = I(l, n, r);
+      const a = h(l, n, r);
       i = i || a;
     }
   }
   return i && n.apply(new g("Updated price formatting in-place")), i;
 }
-function ge(e) {
-  const { currentNode: t, documentModifier: n, currency: o } = e, r = q(t);
+function Ee(e) {
+  const { currentNode: t, documentModifier: n, currency: o } = e, r = A(t);
   if (!r)
     return;
   const s = o.alignment === "before" ? "0" : "1", i = (u, c) => {
     n.modifyHtml(r).setAttribute(u, c);
   };
-  i(p.CURRENCY, o.code), i(p.SYMBOL, o.symbol), i(p.ALIGNMENT, s), i(p.THOUSAND_SEPARATOR, o.thousandSeparator), i(p.DECIMAL_SEPARATOR, o.decimalSeparator), i(p.DECIMAL_COUNT, o.decimalCount.toString()), n.apply(new g("Update currency attributes"));
+  i(y.CURRENCY, o.code), i(y.SYMBOL, o.symbol), i(y.ALIGNMENT, s), i(y.THOUSAND_SEPARATOR, o.thousandSeparator), i(y.DECIMAL_SEPARATOR, o.decimalSeparator), i(y.DECIMAL_COUNT, o.decimalCount.toString()), n.apply(new g("Update currency attributes"));
 }
 export {
-  ye as adjustProductsToSize,
-  A as formatProductPrice,
-  q as getBlockElement,
+  be as adjustProductsToSize,
+  q as formatProductPrice,
+  A as getBlockElement,
   x as getCardComposition,
   C as getCurrentLayout,
-  fe as regenerateMobileProductRows,
-  me as regenerateProductRowsWithStyles,
-  ge as setCurrencyAttributes,
-  be as updatePricesInPlace,
-  pe as updateProductContentInPlace,
-  ee as updateSingleProductContent
+  X as isPartnerManagedBlock,
+  pe as regenerateMobileProductRows,
+  ye as regenerateProductRowsWithStyles,
+  Ee as setCurrencyAttributes,
+  Se 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,6 +1,7 @@
 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 "./utils/captureStyleTemplates.js";
 import { NameControls as i } from "./controls/name/index.js";
@@ -36,10 +37,10 @@ const b = [
 ], S = [
   ...P,
   ...b.flatMap((o) => Object.values(o))
-], L = S.reduce(
+], Q = S.reduce(
   (o, t) => o.addControl(t),
   new r().addBlock(m).withSettingsPanelRegistry(B)
 ).addStyles(y).withIconsRegistry(R).build();
 export {
-  L as default
+  Q 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 "./utils/captureStyleTemplates.js";
@@ -16,7 +17,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 d extends E {
   registerBlockControls(I) {
     I[U] = [
       new _(
@@ -195,5 +196,5 @@ class a extends E {
   }
 }
 export {
-  a as SettingsPanel
+  d 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 F } from "pinia";
+import "../constants/selectors.js";
 import { DEFAULT_MOBILE_CARDS_IN_ROW as P, DEFAULT_CARDS_IN_ROW as D } from "../constants/layout.js";
 import { EXCLUDED_ALGORITHM_IDS as w } from "../constants/defaultConfig.js";
 import { getDefaultProducts as S } from "../templates/utils.js";
@@ -60,7 +61,7 @@ const L = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), K = F("guidoRecommendationExtension", {
+}), $ = F("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 f } from "../../constants/layout.js";
 import { getDefaultProducts as A, DEFAULTS as C, createBlockTemplate as g, buildSpacer as P, DEFAULT_CARD_COMPOSITION as O, buildElementRenderer as U, DEFAULT_CARD_VISIBILITY as Y } from "../utils.js";
 import { DEFAULT_CELL_PADDING as h, buildFillerCell as B, gridElementRenderer as F } from "./elementRenderer.js";
@@ -29,34 +30,34 @@ const W = `
 `;
 function H(e, r, c, o = O, n = {}, p = {}) {
   const {
-    cellPadding: i = h,
+    cellPadding: a = h,
     styleTemplates: s,
     cardBackgroundColor: T,
     cellBackgroundColors: l,
     cellAlignments: d,
     cellClasses: u,
-    omnibusTexts: a,
+    omnibusTexts: i,
     visibility: R
-  } = p, m = (100 / r).toFixed(2), I = r - e.length, S = I > 0 ? B(m, i).repeat(I) : "", L = U(c, o, n);
+  } = p, m = (100 / r).toFixed(2), I = r - e.length, S = I > 0 ? B(m, a).repeat(I) : "", L = U(c, o, n);
   return o.filter((t) => L[t]).map((t) => {
     const E = (R == null ? void 0 : R[t]) ?? Y[t] ?? !0, b = E ? "" : 'style="display: none;"', _ = {
-      cellPadding: i,
+      cellPadding: a,
       cardBackgroundColor: T,
       cellBackgroundColor: l == null ? void 0 : l[t],
       cellAlignment: d == null ? void 0 : d[t],
       cellClasses: u == null ? void 0 : u[t],
-      omnibusText: a == null ? void 0 : a[t],
+      omnibusText: i == null ? void 0 : i[t],
       styleTemplate: s == null ? void 0 : s[t]
     }, w = e.map((D) => L[t](D, _).replace("<td", `<td width="${m}%"`)).join("");
     return k.replace("{-{-ATTR_TYPE-}-}", t).replace("{-{-VISIBILITY-}-}", E ? "1" : "0").replace("{-{-DISPLAY_STYLE-}-}", b).replace("{-{-CELLS-}-}", w + S);
   }).join("");
 }
 function x(e, r, c, o, n = {}, p = {}) {
-  const i = [];
+  const a = [];
   for (let l = 0; l < e.length; l += r)
-    i.push(e.slice(l, l + r));
+    a.push(e.slice(l, l + r));
   const s = P(p.rowSpacingPx);
-  return i.map((l, d) => {
+  return a.map((l, d) => {
     const u = H(
       l,
       r,
@@ -64,8 +65,8 @@ function x(e, r, c, o, n = {}, p = {}) {
       o,
       n,
       p
-    ), a = W.replace("{-{-ATTRIBUTE_ROWS-}-}", u);
-    return d > 0 ? s + a : a;
+    ), i = W.replace("{-{-ATTRIBUTE_ROWS-}-}", u);
+    return d > 0 ? s + i : i;
   }).join("");
 }
 function V(e, r, c, o = {}, n = {}) {
@@ -78,12 +79,12 @@ function V(e, r, c, o = {}, n = {}) {
     n
   );
 }
-function $(e) {
+function y(e) {
   const r = e ? `ins-recommendation-v3-block-${e}` : void 0, c = g("grid", r), o = A(), n = V(o, f);
   return c.replace("{-{-TITLE-}-}", C.TITLE).replace("{-{-PRODUCT_ROWS-}-}", n).replace("{-{-MOBILE_PRODUCT_ROWS-}-}", "");
 }
 export {
-  $ as getDefaultTemplate,
+  y as getDefaultTemplate,
   H as prepareGridAttributeRows,
   x as prepareGridProductRows,
   V as prepareProductRows

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

@@ -1,7 +1,8 @@
+import "../constants/selectors.js";
 import { DEFAULT_PRODUCTS_PER_ROW as f } from "../constants/layout.js";
 import { prepareProductRows as w } from "./grid/template.js";
 import { prepareProductRows as g } from "./list/template.js";
-function L(o, t, r = {}) {
+function O(o, t, r = {}) {
   const {
     cellPadding: s,
     rowSpacingPx: i,
@@ -10,8 +11,8 @@ function L(o, t, r = {}) {
     cellBackgroundColors: p,
     cellAlignments: n,
     cellClasses: a,
-    omnibusTexts: d,
-    visibility: m
+    omnibusTexts: m,
+    visibility: d
   } = r, e = {
     cellPadding: s,
     rowSpacingPx: i,
@@ -20,8 +21,8 @@ function L(o, t, r = {}) {
     cellBackgroundColors: p,
     cellAlignments: n,
     cellClasses: a,
-    omnibusTexts: d,
-    visibility: m
+    omnibusTexts: m,
+    visibility: d
   };
   if (t === "list")
     return g(o, r.composition, r.filterList, e);
@@ -29,5 +30,5 @@ function L(o, t, r = {}) {
   return w(o, u, P, R, e);
 }
 export {
-  L as prepareProductRows
+  O as prepareProductRows
 };

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

@@ -1,4 +1,4 @@
-import { ATTR_CUSTOM_PREFIX as c, ATTR_PRODUCT_IMAGE as b, ATTR_PRODUCT_NAME as T, ATTR_PRODUCT_OLD_PRICE as g, ATTR_PRODUCT_PRICE as _, ATTR_PRODUCT_OMNIBUS_PRICE as f, ATTR_PRODUCT_OMNIBUS_DISCOUNT as p, ATTR_PRODUCT_BUTTON as m, PRODUCT_ATTRIBUTE_PREFIX as l } from "../constants/selectors.js";
+import { ATTR_CUSTOM_PREFIX as c, PRODUCT_ATTRIBUTE_PREFIX as l, ATTR_PRODUCT_IMAGE as b, ATTR_PRODUCT_NAME as T, ATTR_PRODUCT_OLD_PRICE as g, ATTR_PRODUCT_PRICE as _, ATTR_PRODUCT_OMNIBUS_PRICE as f, ATTR_PRODUCT_OMNIBUS_DISCOUNT as p, ATTR_PRODUCT_BUTTON as m } from "../constants/selectors.js";
 function U(t) {
   return t.replace(/_/g, " ").replace(/\b\w/g, (n) => n.toUpperCase());
 }

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

@@ -1,4 +1,31 @@
 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/composables/useHtmlValidator.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/config/compiler/utils/recommendationIgnoreUtils.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Returns true when a recommendation block has opted out of Guido's
+ * product-data → template-variable substitution. Partners signal opt-out by
+ * adding the `ins-skip-compile` class on the `.recommendation-block-v2`
+ * element. Only the variable substitution is skipped — campaign URL building,
+ * hidden-row removal, Outlook image widths, discount conditions, text-trim CSS
+ * and general HTML optimizations still apply. See `CSS_CLASS_SKIP_COMPILE` for
+ * the full scope.
+ */
+export declare function isIgnoredRecommendationBlock(block: Element): boolean;
+/**
+ * DOM-parses the HTML once and returns the set of `recommendation-id`
+ * values that belong to ignored blocks. Use this in regex/string-based
+ * compiler rules where the rule processes flat matches and only has the
+ * extracted block ID rather than a DOM Element reference.
+ */
+export declare function getIgnoredRecommendationBlockIds(html: string): Set<string>;

package/dist/src/config/compiler/utils/recommendationIgnoreUtils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/config/migrator/recommendation/extractors.d.ts

@@ -5,3 +5,18 @@ export declare function extractTitleText(block: Element): string;
  * the caller treats that as "no segment background".
  */
 export declare function extractCardBgColor(block: Element): string;
+/**
+ * Reads the legacy block's own `currency-*` attributes into a
+ * `currencySettings`-shaped object that `mapCurrency` understands. Used as a
+ * fallback when the external recommendationConfigs map has no entry for this
+ * block, so the migrated block keeps its real currency instead of defaulting.
+ * Returns undefined when the block carries no `currency` attribute.
+ */
+export declare function extractCurrencyFromBlock(block: Element): Record<string, string> | undefined;
+/**
+ * True when a PM has manually opted the legacy block out of content
+ * regeneration by adding the `ins-skip-compile` class. Detected before rebuild
+ * so the migrator preserves the partner's markup verbatim (keeping their
+ * hand-authored variables) instead of regenerating the block.
+ */
+export declare function isPartnerManagedBlock(block: Element): boolean;

package/dist/src/config/migrator/recommendation/htmlBuilder.d.ts

@@ -8,4 +8,12 @@ export declare function buildBlockHtml(params: {
     extraClasses?: string;
     legacyId?: string;
     legacyBgColor?: string;
+    /**
+     * When set, the block's existing inner HTML is preserved verbatim instead
+     * of regenerating product rows — used for partner-customized blocks so
+     * their hand-authored `{{...}}` variables survive migration.
+     */
+    preserveInnerHtml?: string;
+    /** Adds the `ins-skip-compile` opt-out class to the migrated block. */
+    skipCompile?: boolean;
 }): string;

package/dist/src/extensions/Blocks/Recommendation/constants/index.d.ts

@@ -8,6 +8,6 @@
  */
 export { RecommendationBlockId } from './blockIds';
 export { RecommendationControlId } from './controlIds';
-export { BLOCK_ROOT_SELECTOR, CONTAINER_SELECTOR, DESKTOP_CONTAINER_SELECTOR, MOBILE_CONTAINER_SELECTOR, MOBILE_ROW_SELECTOR, CSS_CLASS_RECO_BUTTON, CURRENCY_ATTR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, ATTR_CUSTOM_PREFIX, ATTR_DATA_CUSTOM_ATTRIBUTES, ATTR_PRODUCT_ATTR, PRODUCT_ATTRIBUTE_PREFIX, BUILT_IN_DEFAULT_ATTRIBUTES, } from './selectors';
+export { BLOCK_ROOT_SELECTOR, CONTAINER_SELECTOR, DESKTOP_CONTAINER_SELECTOR, MOBILE_CONTAINER_SELECTOR, MOBILE_ROW_SELECTOR, CSS_CLASS_RECO_BUTTON, CSS_CLASS_SKIP_COMPILE, RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES, CURRENCY_ATTR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, ATTR_CUSTOM_PREFIX, ATTR_DATA_CUSTOM_ATTRIBUTES, ATTR_PRODUCT_ATTR, PRODUCT_ATTRIBUTE_PREFIX, BUILT_IN_DEFAULT_ATTRIBUTES, } from './selectors';
 export { LAYOUT_VALUES, LAYOUT_OPTIONS, DEFAULT_PRODUCTS_PER_ROW, DEFAULT_CARDS_IN_ROW, DEFAULT_MOBILE_CARDS_IN_ROW, MAX_PRODUCT_COUNT, MIN_PRODUCT_COUNT, MAX_PRODUCTS_PER_ROW, MIN_PRODUCTS_PER_ROW, MAX_MOBILE_PRODUCTS_PER_ROW, MIN_MOBILE_PRODUCTS_PER_ROW, DEFAULT_COLUMN_SPACING, DEFAULT_ROW_SPACING, DEFAULT_MOBILE_COLUMN_SPACING, DEFAULT_MOBILE_ROW_SPACING, MIN_SPACING, MAX_SPACING, SPACING_STEP, } from './layout';
 export { DEFAULT_NODE_CONFIG, DEFAULT_CURRENCY, DEFAULT_COMPOSITION, DEFAULT_VISIBILITY, CURRENT_CONFIG_VERSION, EXCLUDED_ALGORITHM_IDS, } from './defaultConfig';