@useinsider/guido 3.6.0-beta.3eeb930 → 3.6.0-beta.46ce04f

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 { MOBILE_CONTAINER_SELECTOR as q, MOBILE_ROW_SELECTOR as k, CURRENCY_ATTR as y, DESKTOP_CONTAINER_SELECTOR as P, CONTAINER_SELECTOR as v, ATTR_PRODUCT_ATTR as W } 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 h, CONTAINER_SELECTOR as W, ATTR_PRODUCT_ATTR as j } 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 j } from "../../utils/priceFormatter.js";
-import { isTdNode as F } from "../../utils/tagName.js";
-import { getDefaultProducts as L, DEFAULT_CARD_COMPOSITION as R, sanitizeImageUrl as V } from "../../templates/utils.js";
-const M = "recommendation-block-v2";
-function h(t) {
+import { prepareProductRows as N } from "../../templates/index.js";
+import { formatPrice as F } from "../../utils/priceFormatter.js";
+import { isTdNode as V } from "../../utils/tagName.js";
+import { getDefaultProducts as L, DEFAULT_CARD_COMPOSITION as M, sanitizeImageUrl as G } from "../../templates/utils.js";
+const R = "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(R))
       return t;
   }
-  return "querySelector" in t ? t.querySelector(`.${M}`) ?? null : null;
+  return "querySelector" in t ? t.querySelector(`.${R}`) ?? null : null;
+}
+function K(t) {
+  const e = A(t);
+  return !e || !("getAttribute" in e) ? !1 : (e.getAttribute("class") ?? "").split(/\s+/).includes(v);
 }
 function b(t) {
-  const e = h(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 = h(t);
+  const e = A(t);
   if (!e || !("getAttribute" in e))
-    return R;
+    return M;
   const o = e.getAttribute("data-card-composition");
-  return o ? o.split(",").filter(Boolean) : R;
+  return o ? o.split(",").filter(Boolean) : M;
 }
 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 G(t) {
+function Y(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 Y(t) {
+function X(t) {
   const {
     currentNode: e,
     documentModifier: o,
@@ -66,20 +70,20 @@ function Y(t) {
     return;
   const r = i ?? b(e), s = E.getConfig(e);
   if (r === "list" || !s.mobileLayoutEnabled) {
-    G({ currentNode: e, documentModifier: o });
+    Y({ 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 K(t) {
+function z(t) {
   const {
     currentNode: e,
     documentModifier: o,
@@ -90,15 +94,15 @@ function K(t) {
   } = t;
   if (!e || !("querySelector" in e))
     return;
-  const s = e.querySelector(P) ?? e.querySelector(v);
+  const s = e.querySelector(h) ?? e.querySelector(W);
   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")), Y(t), n == null || n();
+  o.modifyHtml(s).setInnerHtml(g).apply(new p("Updated product")), X(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 && F(l) && (e.modifyHtml(l).setStyle("padding", c), r = !0);
+    l && V(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 X(t) {
+function J(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(h);
   if (r) {
     c = T(
       r,
@@ -160,9 +164,9 @@ function X(t) {
   }
   c && o.apply(new p("Reapply spacing after regeneration"));
 }
-function se(t) {
+function de(t) {
   const { currentNode: e, documentModifier: o, afterRegenerate: n, products: i, layout: c, composition: r } = t;
-  e && K({
+  e && z({
     currentNode: e,
     documentModifier: o,
     products: i,
@@ -170,12 +174,12 @@ function se(t) {
     composition: r,
     afterRegenerate: () => {
       setTimeout(() => {
-        X({ currentNode: e, documentModifier: o });
+        J({ currentNode: e, documentModifier: o });
       }, 0), n == null || n();
     }
   });
 }
-function ae(t, e) {
+function fe(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 j({
+  return F({
     price: i,
     currency: o
   });
 }
-function z(t) {
+function Q(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 = z(o);
+    const u = r.querySelector(".omnibus-discount-value") ?? null, l = Q(o);
     S(e, u, l) && (s = !0);
   }
   return s;
 }
-function J(t) {
+function Z(t) {
   const {
     documentModifier: e,
     product: o,
@@ -237,7 +241,7 @@ function J(t) {
   let d = !1;
   if (n && "querySelector" in n) {
     const a = n.querySelector("img");
-    a && (e.modifyHtml(a).setAttribute("src", V(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 J(t) {
   return d;
 }
 function B(t) {
-  return "querySelector" in t ? t.querySelector(P) ?? t : t;
+  return "querySelector" in t ? t.querySelector(h) ?? t : t;
 }
 const O = "product_attribute.";
-function Q(t, e) {
+function ee(t, e) {
   var n;
   let o;
   if (t.startsWith(O)) {
@@ -272,7 +276,7 @@ function Q(t, e) {
     o = e[t];
   return typeof o == "string" && o.length > 0 ? o : typeof o == "number" ? String(o) : null;
 }
-function Z(t, e, o) {
+function te(t, e, o) {
   if (!("querySelectorAll" in t))
     return !1;
   const n = t.querySelectorAll(
@@ -284,7 +288,7 @@ function Z(t, e, o) {
   n.forEach((r) => {
     if (!("getAttribute" in r))
       return;
-    const s = r.getAttribute(W);
+    const s = r.getAttribute(j);
     if (!s)
       return;
     const u = i.get(s) ?? [];
@@ -296,7 +300,7 @@ function Z(t, e, o) {
     r.slice(0, u).forEach((l, d) => {
       if (!("querySelector" in l))
         return;
-      const a = Q(s, o[d]);
+      const a = ee(s, o[d]);
       if (a === null)
         return;
       const f = l.querySelector("p") ?? null;
@@ -304,7 +308,7 @@ function Z(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 = J({
+    const g = Z({
       documentModifier: e,
       product: o[f],
       imageEl: n[f] ?? null,
@@ -337,9 +341,9 @@ function w(t, e, o) {
     });
     a = a || g;
   }
-  return Z(t, e, o) && (a = !0), a;
+  return te(t, e, o) && (a = !0), a;
 }
-function de(t) {
+function me(t) {
   const { currentNode: e, documentModifier: o, products: n } = t;
   if (!e || !("querySelectorAll" in e))
     return !1;
@@ -348,12 +352,12 @@ function de(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 de(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 fe(t) {
+function pe(t) {
   const { currentNode: e, documentModifier: o } = t;
   if (!e || !("querySelectorAll" in e))
     return !1;
+  if (K(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 me(t) {
-  const { currentNode: e, documentModifier: o, currency: n } = t, i = h(e);
+function ye(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 me(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 {
-  ae as adjustProductsToSize,
-  A as formatProductPrice,
-  h as getBlockElement,
+  fe as adjustProductsToSize,
+  P as formatProductPrice,
+  A as getBlockElement,
   x as getCardComposition,
   b as getCurrentLayout,
-  X as reapplySpacing,
-  Y as regenerateMobileProductRows,
-  K as regenerateProductRows,
-  se as regenerateProductRowsWithStyles,
-  me as setCurrencyAttributes,
-  fe as updatePricesInPlace,
-  de as updateProductContentInPlace,
-  J as updateSingleProductContent
+  K as isPartnerManagedBlock,
+  J as reapplySpacing,
+  X as regenerateMobileProductRows,
+  z as regenerateProductRows,
+  de as regenerateProductRowsWithStyles,
+  ye as setCurrencyAttributes,
+  pe as updatePricesInPlace,
+  me as updateProductContentInPlace,
+  Z 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 L } from "../../constants/layout.js";
 import { getDefaultProducts as E, DEFAULTS as I, createBlockTemplate as _, DEFAULT_CARD_COMPOSITION as S, spacer as b, buildElementRenderer as A, DEFAULT_CARD_VISIBILITY as f } from "../utils.js";
 import { ATTRIBUTE_CELL_CLASS as w, DEFAULT_CELL_PADDING as D, gridElementRenderer as C } from "./elementRenderer.js";
@@ -52,12 +53,12 @@ function U(t, e, o, r, n = {}) {
 function h(t, e, o, r = {}) {
   return U(t, e, C, o, r);
 }
-function F(t) {
+function H(t) {
   const e = t ? `ins-recommendation-v3-block-${t}` : void 0, o = _("grid", e), r = E(), n = h(r, L);
   return o.replace("{-{-TITLE-}-}", I.TITLE).replace("{-{-PRODUCT_ROWS-}-}", n).replace("{-{-MOBILE_PRODUCT_ROWS-}-}", "");
 }
 export {
-  F as getDefaultTemplate,
+  H as getDefaultTemplate,
   P as prepareGridAttributeRows,
   U as prepareGridProductRows,
   h 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/src/composables/useHtmlValidator.d.ts

@@ -1,4 +1,13 @@
 import type { DynamicContent } from '@@/Types/generic';
+/**
+ * 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;
 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, 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, 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';

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

@@ -23,6 +23,18 @@ export declare const MOBILE_ROW_SELECTOR = ".ins-recommendation-mobile-row";
  * `{{cId_pIdx_url}}` template variable.
  */
 export declare const CSS_CLASS_RECO_BUTTON = "reco-v3-button";
+/**
+ * Opt-out class for partners who want to inject their own template variables
+ * into a recommendation block. When present on `.recommendation-block-v2`,
+ * Guido skips ONLY its product-data → template-variable substitution
+ * (`replaceProductAttributes`) for that block — partners author their own
+ * `{{recoId_index_attribute}}` variables. Everything else (campaign URL
+ * building, hidden-row removal, Outlook image widths, text-trim CSS, discount
+ * conditions, store hydration, store-level config validation, and general HTML
+ * optimizations) still applies. The class is preserved in the final compiled
+ * output so partners may use it for their own styling.
+ */
+export declare const CSS_CLASS_SKIP_COMPILE = "ins-skip-compile";
 /**
  * Currency HTML attributes set on the block element
  * These are read by the HTML compiler at runtime to format prices
@@ -61,3 +73,12 @@ export declare const ATTR_PRODUCT_ATTR = "product-attr";
  * Used to exclude these from the custom attribute dropdown to prevent duplication with toggles.
  */
 export declare const BUILT_IN_DEFAULT_ATTRIBUTES: Set<string>;
+/**
+ * Attribute names valid inside a `{{recoId_index_attributeName}}` template
+ * variable regardless of the account's custom attribute list. Every built-in
+ * composition attribute is valid, plus `currency` and `discount` which the
+ * compiler emits but are not composition toggles. Custom attributes are
+ * validated separately against the account's fetched attribute list
+ * (`stripo/email-recommendation-attributes`).
+ */
+export declare const RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES: Set<string>;