@useinsider/guido 3.20.0 → 3.20.1

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

@@ -1,10 +1,10 @@
-import { extractWrapperTags as C } from "../../../../utils/preserveTextStyles.js";
+import { extractWrapperTags as A } from "../../../../utils/preserveTextStyles.js";
 import { RecommendationBlockId as c } from "../constants/blockIds.js";
-import { DESKTOP_CONTAINER_SELECTOR as S, ATTR_PRODUCT_NAME as E, ATTR_PRODUCT_PRICE as p, ATTR_PRODUCT_OLD_PRICE as y, ATTR_PRODUCT_OMNIBUS_PRICE as A, ATTR_PRODUCT_OMNIBUS_DISCOUNT as R, ATTR_PRODUCT_BUTTON as P, ATTR_PRODUCT_IMAGE as q, ATTR_PRODUCT_ATTR as x } from "../constants/selectors.js";
-import { CSS_CLASS_TEXT_TRIM as v } from "../controls/shared/textTrimCssRules.js";
-import { toCustomCompositionKey as B } from "../templates/utils.js";
-import { resolveRowCompositionKey as U } from "./compositionKeys.js";
-import { hasQuerySelectorAll as _, hasGetAttribute as l, hasGetStyle as I, hasGetComputedStyle as N } from "./tagName.js";
+import { DESKTOP_CONTAINER_SELECTOR as b, ATTR_PRODUCT_NAME as k, ATTR_PRODUCT_PRICE as y, ATTR_PRODUCT_OLD_PRICE as p, ATTR_PRODUCT_OMNIBUS_PRICE as R, ATTR_PRODUCT_OMNIBUS_DISCOUNT as _, ATTR_PRODUCT_BUTTON as x, ATTR_PRODUCT_IMAGE as q, ATTR_PRODUCT_ATTR as v } from "../constants/selectors.js";
+import { CSS_CLASS_TEXT_TRIM as B } from "../controls/shared/textTrimCssRules.js";
+import { toCustomCompositionKey as U } from "../templates/utils.js";
+import { resolveRowVisibilityKeys as N, isMergedInlinePriceRow as C } from "./compositionKeys.js";
+import { hasQuerySelectorAll as I, hasGetAttribute as l, hasGetStyle as O, hasGetComputedStyle as M } from "./tagName.js";
 const s = [
   "font-size",
   "font-family",
@@ -14,14 +14,14 @@ const s = [
   "text-align",
   "line-height",
   "text-decoration"
-], M = [
+], D = [
   "background",
   "background-color",
   "border-width",
   "border-color",
   "border-style",
   "border-radius"
-], D = [
+], w = [
   ...s,
   "background",
   "background-color",
@@ -40,47 +40,47 @@ const s = [
   "border-radius",
   "margin"
 ], g = /* @__PURE__ */ new Set(["transparent", "rgba(0, 0, 0, 0)"]), L = [
-  { attrKey: E, blockId: c.NAME, kind: "text" },
-  { attrKey: p, blockId: c.PRICE, kind: "text" },
-  { attrKey: y, blockId: c.OLD_PRICE, kind: "text" },
-  { attrKey: A, blockId: c.OMNIBUS_PRICE, kind: "text" },
-  { attrKey: R, blockId: c.OMNIBUS_DISCOUNT, kind: "text" },
-  { attrKey: P, blockId: c.BUTTON, kind: "button" },
+  { attrKey: k, blockId: c.NAME, kind: "text" },
+  { attrKey: y, blockId: c.PRICE, kind: "text" },
+  { attrKey: p, blockId: c.OLD_PRICE, kind: "text" },
+  { attrKey: R, blockId: c.OMNIBUS_PRICE, kind: "text" },
+  { attrKey: _, blockId: c.OMNIBUS_DISCOUNT, kind: "text" },
+  { attrKey: x, blockId: c.BUTTON, kind: "button" },
   { attrKey: q, blockId: c.IMAGE, kind: "image" }
 ];
-function O(t) {
+function h(t) {
   return t && "getInnerHTML" in t && typeof t.getInnerHTML == "function" ? t.getInnerHTML().trim() : "";
 }
-function w(t) {
+function K(t) {
   return t && "getInnerText" in t && typeof t.getInnerText == "function" ? t.getInnerText().trim() : "";
 }
 function a(t, e, r) {
-  !e || !I(e) || r.forEach((n) => {
+  !e || !O(e) || r.forEach((n) => {
     const o = e.getStyle(n);
     o && o !== "inherit" && o !== "initial" && (t[n] = o);
   });
 }
-function h(t) {
+function E(t) {
   return Object.entries(t).map(([e, r]) => `${e}: ${r};`).join(" ");
 }
-function k(t) {
-  if (!t || !I(t))
+function P(t) {
+  if (!t || !O(t))
     return;
   const e = t.getStyle("background-color") || t.getStyle("background");
   return e && !g.has(e) ? e : void 0;
 }
-function b(t, e) {
+function S(t, e) {
   const r = {};
-  return a(r, t, e), h(r);
+  return a(r, t, e), E(r);
 }
-function K(t) {
+function $(t) {
   const e = t.querySelector("p"), r = {};
   a(r, t, s), a(r, e, s), a(r, t.querySelector("strong"), s), a(r, t.querySelector("em"), s), a(r, t.querySelector("s"), s);
-  const n = h(r), { openTags: o, closeTags: i } = C(O(e));
+  const n = E(r), { openTags: o, closeTags: i } = A(h(e));
   return !n && !o ? null : { pStyle: n || void 0, openTags: o, closeTags: i };
 }
-function $(t) {
-  const e = t.querySelector(".es-button-border"), r = t.querySelector("a.es-button") ?? t.querySelector("a"), n = b(e, M), o = b(r, D), i = e && "getAttribute" in e ? e.getAttribute("class") ?? "" : "", u = /\bes-fw\b/.test(i), { openTags: T, closeTags: d } = C(O(r)), m = w(r);
+function H(t) {
+  const e = t.querySelector(".es-button-border"), r = t.querySelector("a.es-button") ?? t.querySelector("a"), n = S(e, D), o = S(r, w), i = e && "getAttribute" in e ? e.getAttribute("class") ?? "" : "", u = /\bes-fw\b/.test(i), { openTags: T, closeTags: d } = A(h(r)), m = K(r);
   return !n && !o && !u && !T && !m ? null : {
     buttonBorderStyle: n || void 0,
     buttonAnchorStyle: o || void 0,
@@ -90,44 +90,44 @@ function $(t) {
     closeTags: d
   };
 }
-function H(t) {
-  const e = b(t.querySelector("img"), G);
+function F(t) {
+  const e = S(t.querySelector("img"), G);
   return e ? { imgStyle: e } : null;
 }
-function F(t, e) {
-  return e === "button" ? $(t) : e === "image" ? H(t) : K(t);
+function j(t, e) {
+  return e === "button" ? H(t) : e === "image" ? F(t) : $(t);
 }
 function f(t, e) {
   if (!t || !("querySelector" in t))
     return;
-  const r = t.querySelector(S) ?? t;
+  const r = t.querySelector(b) ?? t;
   if (L.forEach(({ attrKey: i, blockId: u, kind: T }) => {
     const d = r.querySelector(`[esd-extension-block-id="${u}"]`);
     d && e(d, i, T);
-  }), !_(r))
+  }), !I(r))
     return;
   const n = /* @__PURE__ */ new Set();
   r.querySelectorAll(
     `[esd-extension-block-id="${c.CUSTOM_ATTRIBUTE}"]`
   ).forEach((i) => {
-    const u = l(i) ? i.getAttribute(x) : null;
-    !u || n.has(u) || (n.add(u), e(i, B(u), "text"));
+    const u = l(i) ? i.getAttribute(v) : null;
+    !u || n.has(u) || (n.add(u), e(i, U(u), "text"));
   });
 }
-function j(t) {
+function V(t) {
   const e = {};
   return f(t, (r, n, o) => {
     if (!("querySelector" in r))
       return;
-    const i = F(r, o);
+    const i = j(r, o);
     i && (e[n] = i);
   }), e;
 }
 function X(t) {
   if (!t || !("querySelector" in t))
     return;
-  const e = t.querySelector(S) ?? t, r = e.querySelector(".product-card-segment") ?? e.querySelector(".product-card-wrapper");
-  return k(r);
+  const e = t.querySelector(b) ?? t, r = e.querySelector(".product-card-segment") ?? e.querySelector(".product-card-wrapper");
+  return P(r);
 }
 function z(t) {
   if (!t)
@@ -135,10 +135,10 @@ function z(t) {
   const e = l(t) ? t.getAttribute("bgcolor") : null;
   if (e && !g.has(e))
     return e;
-  const r = k(t);
+  const r = P(t);
   if (r)
     return r;
-  const n = N(t) ? t.getComputedStyle("background-color") : void 0;
+  const n = M(t) ? t.getComputedStyle("background-color") : void 0;
   return n && !g.has(n) ? n : void 0;
 }
 function Q(t) {
@@ -150,7 +150,7 @@ function Q(t) {
     i && (e[n] = i);
   }), e;
 }
-function V(t) {
+function W(t) {
   const e = {};
   return f(t, (r, n, o) => {
     if (o === "image")
@@ -159,68 +159,70 @@ function V(t) {
     i && (e[n] = i);
   }), e;
 }
-const W = /^es-[pm]\d+[trbl]?$/;
-function Y(t) {
+const Y = /^es-[pm]\d+[trbl]?$/;
+function J(t) {
   const e = l(t) ? t.getAttribute("class") : null;
   if (!e)
     return;
-  const r = e.split(/\s+/).filter((n) => W.test(n) || n === v);
+  const r = e.split(/\s+/).filter((n) => Y.test(n) || n === B);
   return r.length ? r.join(" ") : void 0;
 }
-function J(t) {
+function Z(t) {
   if (!t || !("querySelector" in t))
     return !1;
-  const e = t.querySelector(S) ?? t, r = (n) => !!(n && "querySelector" in n && n.querySelector(".product-price") && n.querySelector(".product-old-price"));
-  return r(e.querySelector(`[data-attribute-type="${p}"]`)) || r(e.querySelector(`[data-attribute-type="${y}"]`));
+  const e = t.querySelector(b) ?? t;
+  return C(e.querySelector(`[data-attribute-type="${y}"]`)) || C(e.querySelector(`[data-attribute-type="${p}"]`));
 }
-function Z(t) {
-  const e = {}, r = J(t);
+function tt(t) {
+  const e = {}, r = Z(t);
   return f(t, (n, o, i) => {
-    if (i === "image" || r && (o === p || o === y))
+    if (i === "image" || r && (o === y || o === p))
       return;
-    const u = Y(n);
+    const u = J(n);
     u && (e[o] = u);
   }), e;
 }
-function tt(t) {
+function et(t) {
   const e = {};
   return f(t, (r, n) => {
-    if (n !== A && n !== R || !l(r))
+    if (n !== R && n !== _ || !l(r))
       return;
     const o = r.getAttribute("data-text-before"), i = r.getAttribute("data-text-after");
     (o != null || i != null) && (e[n] = { before: o ?? void 0, after: i ?? void 0 });
   }), e;
 }
-function et(t) {
+function rt(t) {
   const e = {};
   if (!t || !("querySelector" in t))
     return e;
-  const r = t.querySelector(S) ?? t;
-  return _(r) && r.querySelectorAll(".recommendation-attribute-row").forEach((n) => {
+  const r = t.querySelector(b) ?? t;
+  return I(r) && r.querySelectorAll(".recommendation-attribute-row").forEach((n) => {
     if (!l(n))
       return;
-    const o = U(n), i = n.getAttribute("data-visibility");
-    o && i != null && (e[o] = i !== "0");
+    const o = n.getAttribute("data-visibility");
+    o != null && N(n).forEach((i) => {
+      e[i] = o !== "0";
+    });
   }), e;
 }
-function at(t) {
+function lt(t) {
   return {
-    styleTemplates: j(t),
+    styleTemplates: V(t),
     cardBackgroundColor: X(t),
     cellBackgroundColors: Q(t),
-    cellAlignments: V(t),
-    cellClasses: Z(t),
-    omnibusTexts: tt(t),
-    visibility: et(t)
+    cellAlignments: W(t),
+    cellClasses: tt(t),
+    omnibusTexts: et(t),
+    visibility: rt(t)
   };
 }
 export {
-  j as captureAttributeStyleTemplates,
+  V as captureAttributeStyleTemplates,
   X as captureCardBackgroundColor,
-  V as captureCellAlignments,
+  W as captureCellAlignments,
   Q as captureCellBackgroundColors,
-  Z as captureCellClasses,
-  tt as captureOmnibusTexts,
-  at as captureStyles,
-  et as captureVisibility
+  tt as captureCellClasses,
+  et as captureOmnibusTexts,
+  lt as captureStyles,
+  rt as captureVisibility
 };

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

@@ -1,89 +1,98 @@
-import { ATTR_CUSTOM_PREFIX as s, ATTR_PRODUCT_ATTR as i, PRODUCT_ATTRIBUTE_PREFIX as f, ATTR_DATA_ATTRIBUTE_TYPE as l, SELECTOR_ATTRIBUTE_ROW as R } from "../constants/selectors.js";
-function d(t) {
-  return !t.startsWith(f);
+import { ATTR_CUSTOM_PREFIX as o, ATTR_PRODUCT_PRICE as g, ATTR_PRODUCT_OLD_PRICE as d, PRODUCT_ATTRIBUTE_PREFIX as a, ATTR_DATA_ATTRIBUTE_TYPE as f, ATTR_PRODUCT_ATTR as c, SELECTOR_ATTRIBUTE_ROW as y } from "../constants/selectors.js";
+function q(t) {
+  return !t.startsWith(a);
 }
-function y(t) {
-  return t.startsWith(f) ? t.substring(f.length) : t;
-}
-function T(t) {
-  return t.startsWith(s) ? t.substring(s.length) : t;
+function $(t) {
+  return t.startsWith(a) ? t.substring(a.length) : t;
 }
 function A(t) {
-  return `${s}${t}`;
+  return t.startsWith(o) ? t.substring(o.length) : t;
+}
+function T(t) {
+  return `${o}${t}`;
 }
-function P(t) {
-  return t.type === "defaultAttribute" ? t.attributeName : `${f}${t.attributeName}`;
+function C(t) {
+  return t.type === "defaultAttribute" ? t.attributeName : `${a}${t.attributeName}`;
 }
-function _(t, r) {
+function h(t, r) {
   const n = Object.values(r).filter((e) => e.attributeName === t);
   return n.find((e) => e.type === "defaultAttribute") ?? n[0];
 }
-function a(t, r) {
+function l(t, r) {
   return t && "getAttribute" in t ? t.getAttribute(r) : null;
 }
-function m(t, r, n = {}) {
-  const e = `${s}${t}`, u = r == null ? void 0 : r.querySelector(
-    `${R}[${l}="${e}"]`
-  ), c = a(u, i) ?? a(u == null ? void 0 : u.querySelector(`[${i}]`), i);
-  if (c)
-    return c;
-  const o = _(t, n);
-  return o ? P(o) : t;
+function S(t, r, n = {}) {
+  const e = `${o}${t}`, u = r == null ? void 0 : r.querySelector(
+    `${y}[${f}="${e}"]`
+  ), i = l(u, c) ?? l(u == null ? void 0 : u.querySelector(`[${c}]`), c);
+  if (i)
+    return i;
+  const s = h(t, n);
+  return s ? C(s) : t;
 }
-function g(t, r, n = {}) {
-  return t.startsWith(f) ? t : m(t, r, n);
+function P(t, r, n = {}) {
+  return t.startsWith(a) ? t : S(t, r, n);
 }
-function C(t, r, n = {}) {
+function O(t, r, n = {}) {
   return t.map((e) => {
-    if (!e.startsWith(s))
+    if (!e.startsWith(o))
       return e;
-    const u = T(e);
-    return A(g(u, r, n));
+    const u = A(e);
+    return T(P(u, r, n));
   });
 }
-function E(t, r, n = {}) {
-  return t.map((e) => g(e, r, n));
+function p(t, r, n = {}) {
+  return t.map((e) => P(e, r, n));
 }
-function S(t) {
-  const r = a(t, l);
-  if (!(r != null && r.startsWith(s)))
+function b(t) {
+  const r = l(t, f);
+  if (!(r != null && r.startsWith(o)))
     return r;
-  const n = "querySelector" in t ? t.querySelector(`[${i}]`) : void 0, e = a(n, i);
-  return e ? A(e) : r;
+  const n = "querySelector" in t ? t.querySelector(`[${c}]`) : void 0, e = l(n, c);
+  return e ? T(e) : r;
+}
+function m(t) {
+  return !!(t && "querySelector" in t && t.querySelector(".product-price") && t.querySelector(".product-old-price"));
+}
+function D(t) {
+  const r = b(t);
+  return r ? m(t) ? [g, d] : [r] : [];
 }
-function $(t, r, n) {
-  const e = a(t, i), u = a(t.querySelector(`[${i}]`), i), c = e ?? u;
-  return c === null ? n : c === r;
+function R(t, r, n) {
+  const e = l(t, c), u = l(t.querySelector(`[${c}]`), c), i = e ?? u;
+  return i === null ? n : i === r;
 }
-function W(t, r) {
-  const n = (h) => t.querySelector(
-    `${R}[${l}="${h}"]`
+function I(t, r) {
+  const n = (_) => t.querySelector(
+    `${y}[${f}="${_}"]`
   );
-  if (!r.startsWith(s))
+  if (!r.startsWith(o))
     return n(r) ?? null;
-  const e = T(r), u = n(r);
-  if (u && $(u, e, !0))
+  const e = A(r), u = n(r);
+  if (u && R(u, e, !0))
     return u;
-  const c = A(y(e)), o = c === r ? void 0 : n(c);
-  return o && $(o, e, !1) ? o : null;
+  const i = T($(e)), s = i === r ? void 0 : n(i);
+  return s && R(s, e, !1) ? s : null;
 }
-function q(t, r) {
-  const n = T(r), e = A(y(n));
+function U(t, r) {
+  const n = A(r), e = T($(n));
   return e === r ? t : t.replace(
-    `${l}="${e}"`,
-    `${l}="${r}"`
+    `${f}="${e}"`,
+    `${f}="${r}"`
   );
 }
 export {
-  y as bareAttributeName,
-  T as compositionKeyToProductAttr,
-  P as filterToProductAttrValue,
-  W as findAttributeRow,
-  _ as findFilterByBareName,
-  d as isDefaultProductAttr,
-  C as normalizeCompositionKeys,
-  E as normalizeCustomAttrValues,
-  A as productAttrToCompositionKey,
-  S as resolveRowCompositionKey,
-  q as rewriteLegacyRowKeyHtml
+  $ as bareAttributeName,
+  A as compositionKeyToProductAttr,
+  C as filterToProductAttrValue,
+  I as findAttributeRow,
+  h as findFilterByBareName,
+  q as isDefaultProductAttr,
+  m as isMergedInlinePriceRow,
+  O as normalizeCompositionKeys,
+  p as normalizeCustomAttrValues,
+  T as productAttrToCompositionKey,
+  b as resolveRowCompositionKey,
+  D as resolveRowVisibilityKeys,
+  U as rewriteLegacyRowKeyHtml
 };

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

@@ -1,32 +1,53 @@
-import { ModificationDescription as g } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { RECOMMENDATION_ID_ATTR as s } from "../constants/selectors.js";
-import { isPartnerManagedBlock as p, updateProductContentInPlace as C, regenerateProductRowsWithStyles as N } from "../controls/main/utils.js";
+import { ModificationDescription as s } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RECOMMENDATION_ID_ATTR as a } from "../constants/selectors.js";
+import { isPartnerManagedBlock as C, updateProductContentInPlace as p, regenerateProductRowsWithStyles as y } from "../controls/main/utils.js";
 import { RecommendationConfigService as m } from "../services/configService.js";
-let o = null;
-function D(n) {
-  o = n;
+import { useRecommendationExtensionStore as N } from "../store/recommendation.js";
+let n = null;
+function B(e) {
+  n = e;
 }
-function P(n, r, c, l) {
-  const i = o == null ? void 0 : o.getDocumentRootHtmlNode();
-  if (!o || !i || !("querySelector" in i))
+function S(e, t) {
+  const o = N(), i = o.currentRecommendationId;
+  if (i === e || !o.blockStates[e]) {
+    t();
+    return;
+  }
+  o.setCurrentBlock(e);
+  try {
+    t();
+  } finally {
+    o.$patch({ currentRecommendationId: i });
+  }
+}
+function P(e) {
+  const t = n == null ? void 0 : n.getDocumentRootHtmlNode();
+  return !t || !("querySelectorAll" in t) ? [] : t.querySelectorAll(`[${a}="${e}"]`).map((o) => m.getConfig(o));
+}
+function $(e, t, o, i) {
+  const f = n == null ? void 0 : n.getDocumentRootHtmlNode();
+  if (!n || !f || !("querySelector" in f))
     return !1;
-  const e = i.querySelector(`[${s}="${n}"]`);
-  if (!e)
+  const r = f.querySelector(`[${a}="${e}"]`);
+  if (!r)
     return !1;
-  const t = o.getDocumentModifier(), a = m.getConfig(e), d = Object.keys(r).some((u) => JSON.stringify(a[u]) !== JSON.stringify(r[u]));
-  if (m.stageConfig(t, e, r), p(e))
-    return t.apply(new g(l)), !0;
-  let f = !1;
-  return C({
-    currentNode: e,
-    documentModifier: t,
-    products: c,
-    onApplied: () => {
-      f = !0;
-    }
-  }) || (f = N({ currentNode: e, documentModifier: t, products: c })), !f && d && t.apply(new g(l)), !0;
+  const c = n.getDocumentModifier(), d = m.getConfig(r), g = Object.keys(t).some((l) => JSON.stringify(d[l]) !== JSON.stringify(t[l]));
+  if (m.stageConfig(c, r, t), C(r))
+    return c.apply(new s(i)), !0;
+  let u = !1;
+  return S(e, () => {
+    p({
+      currentNode: r,
+      documentModifier: c,
+      products: o,
+      onApplied: () => {
+        u = !0;
+      }
+    }) || (u = y({ currentNode: r, documentModifier: c, products: o }));
+  }), !u && g && c.apply(new s(i)), !0;
 }
 export {
-  P as commitBlockChangeOutsidePanel,
-  D as registerNodeConfigWriter
+  $ as commitBlockChangeOutsidePanel,
+  P as readBlockNodeConfigs,
+  B as registerNodeConfigWriter
 };

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

@@ -1,24 +1,47 @@
-import { useRecommendationExtensionStore as d } from "../store/recommendation.js";
-import { commitBlockChangeOutsidePanel as f } from "./nodeConfigWriter.js";
-async function h(e, r) {
-  const t = d(), o = t.blockStates[e];
-  if (!o)
+import { useRecommendationExtensionStore as g } from "../store/recommendation.js";
+import { toBlockUrlConfig as m } from "./blockUrlConfig.js";
+import { commitBlockChangeOutsidePanel as d, readBlockNodeConfigs as y } from "./nodeConfigWriter.js";
+function l(t, o) {
+  const r = JSON.stringify(m(o));
+  return y(t).find((e) => JSON.stringify(m(e)) !== r) ?? o;
+}
+async function C(t, o, r) {
+  const e = g(), c = [t, o];
+  (/* @__PURE__ */ new Map([[t, l(t, r)], [o, r]])).forEach((n, s) => {
+    var a;
+    (!!n.strategyId || s === o) && ((a = e.blockStates[s]) == null ? void 0 : a.recommendationConfigs.strategyId) !== n.strategyId && e.seedBlockUrlConfig(s, m(n));
+  }), e.resetArrivedBlock(o), await Promise.all(c.map(async (n) => {
+    if (!await e.refreshStrategyBlock(n))
+      return;
+    const { recommendationConfigs: s, recommendationProducts: i } = e.blockStates[n];
+    d(
+      n,
+      { size: s.size },
+      i,
+      "Refresh duplicated recommendation strategy"
+    );
+  }));
+}
+async function B(t, o) {
+  const r = g(), e = r.blockStates[t];
+  if (!e)
     return !1;
-  const { strategyId: a, strategy: c, size: i, nodeConfigVersion: s } = o.recommendationConfigs;
-  if (t.currentRecommendationId === e)
+  const { strategyId: c, strategy: f, size: n, nodeConfigVersion: s } = e.recommendationConfigs;
+  if (r.currentRecommendationId === t)
     try {
-      await t.fetchRecommendationProducts();
-    } catch (m) {
-      console.error("[recommendation] product refetch after a strategy change failed", m);
+      await r.fetchRecommendationProducts();
+    } catch (a) {
+      console.error("[recommendation] product refetch after a strategy change failed", a);
     }
-  const n = f(
-    e,
-    { strategyId: a, strategy: c, size: i, configVersion: s },
-    o.recommendationProducts,
-    r
+  const i = d(
+    t,
+    { strategyId: c, strategy: f, size: n, configVersion: s },
+    e.recommendationProducts,
+    o
   );
-  return n || console.error("[recommendation] strategy change did not reach a node", { blockId: e }), n;
+  return i || console.error("[recommendation] strategy change did not reach a node", { blockId: t }), i;
 }
 export {
-  h as commitStrategyChange
+  B as commitStrategyChange,
+  C as refreshDuplicatedStrategyBlocks
 };

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

@@ -10,3 +10,13 @@ export declare const MSO_ITEMS_HIDE_END = "MSO_ITEMS_HIDE_END";
  * and collapse them inline for web-engine Outlook.
  */
 export declare function wrapHiddenPriceTdsForOutlook(html: string): string;
+/**
+ * Export safety net for a zero Items width: the wrapper gets the 100% pin, the cell's zero is
+ * dropped so it keeps its column width (a pin there overflows 33%/50% columns).
+ */
+export declare function normalizeItemsBlockWidths(html: string): string;
+/**
+ * The mobile `.adapt-img { width: 100% }` rule sizes the horizontal thumbnail by its auto-width column,
+ * so it grows in a roomy row and collapses to nothing in a crowded one — bound it to [default, width].
+ */
+export declare function lockHorizontalItemImageWidths(html: string): string;

package/dist/src/extensions/Blocks/Items/block.d.ts

@@ -46,6 +46,11 @@ export declare class ItemsBlock extends Block {
      * relies on this td-level fallback in pairProductVariables.
      */
     private _stampProductTdDomAttributes;
+    /**
+     * Repairs a saved module's collapsed card into the state the load migrator produces. Acts only
+     * on a zero width, so Stripo's non-zero drop-time width never triggers it and a healed block no-ops.
+     */
+    private _healCollapsedWidths;
     /**
      * Whether a currency self-heal pass should run for this block (SD-147588). The only gate here is
      * once-per-session: heal each instance at most once, so the auto-fix can't fight undo (undo

package/dist/src/extensions/Blocks/Items/constants/cardWidth.d.ts

@@ -0,0 +1,12 @@
+export declare const PRODUCT_TD_SELECTOR = ".ins-product-td";
+export declare const PRODUCT_WRAPPER_SELECTOR = ".ins-product-wrapper";
+/** The declaration `layouts/vertical.html` and `layouts/horizontal.html` ship inline. */
+export declare const WIDTH_PIN_DECLARATION = "width: 100%";
+/** True for a `width` attribute value that renders the card zero-wide (`0`, `0px`, `0%`). */
+export declare const isZeroWidthValue: (value?: string | null) => boolean;
+/** True when an inline style declares a zero `width` (ignores `max-width` / `min-width`). */
+export declare const hasZeroWidthDeclaration: (style: string) => boolean;
+/** Rewrites a zero width to the pin or appends it; a non-zero width is kept. Idempotent. */
+export declare const withWidthPin: (style: string) => string;
+/** Drops a zero `width` declaration; the product cell must inherit its column width, not be pinned. */
+export declare const withoutZeroWidth: (style: string) => string;

package/dist/src/extensions/Blocks/Recommendation/block.d.ts

@@ -17,6 +17,8 @@ export declare class RecommendationBlock extends Block {
     private _pendingBlockId;
     /** Ids already reset under their new name, so the deferred pass skips their stale snapshot. */
     private _resetSourceIds;
+    /** Ids handed to duplicates the document root does not show yet: a copied module renames all its blocks at once. */
+    private _unsettledDuplicateIds;
     constructor();
     getId(): string;
     getIcon(): string;

package/dist/src/extensions/Blocks/Recommendation/controls/cardComposition/index.d.ts

@@ -189,6 +189,9 @@ export declare class RecommendationCardCompositionControl extends CommonControl
      */
     private _buildCompositionHtml;
     private _applyVisibilityToBlock;
+    /** Inline "Product Prices" group row is tagged with whichever price comes first, so it drives both keys. */
+    private _resolveVisibilityKeys;
+    private _isInlinePrices;
     private _applyTitleVisibilityToBlock;
     private _resolveTitleInjection;
     private _readTitleHtml;

package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts

@@ -139,6 +139,8 @@ export declare class RecommendationBlockControl extends CommonControl {
      * fails when the size actually changed.
      */
     private _debouncedRegenerateWithProducts;
+    /** Draws the current block's products into this panel's node. */
+    private _regenerateWithProducts;
     /**
      * Listen to store changes that require product refresh or regeneration.
      *