@useinsider/guido 3.21.0-beta.9f9407d → 3.21.0-beta.a4cc621

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

@@ -90,21 +90,21 @@ function F(t, e = {}) {
     documentModifier: o,
     products: r,
     layout: s,
-    composition: i
+    composition: l
   } = t;
   if (!n || !("querySelector" in n))
     return !1;
-  const u = s ?? T(n), l = g.getConfig(n);
-  if (u === "list" || !l.mobileLayoutEnabled)
+  const u = s ?? T(n), i = g.getConfig(n);
+  if (u === "list" || !i.mobileLayoutEnabled)
     return ne({ currentNode: n, documentModifier: o });
-  const c = E(), f = v(r, c.recommendationProducts), a = i ?? B(n, c.filterList), p = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${x(f, u, {
-    productsPerRow: l.mobileCardsInRow,
-    composition: a,
+  const c = E(), a = v(r, c.recommendationProducts), f = l ?? B(n, c.filterList), p = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${x(a, u, {
+    productsPerRow: i.mobileCardsInRow,
+    composition: f,
     filterList: c.filterList,
-    priceInline: !l.priceMovedToNextLine,
+    priceInline: !i.priceMovedToNextLine,
     // Match the initial render's gutter so a regeneration never changes block height (SD-143023, #386).
-    cellPadding: j(l.mobileColumnSpacing),
-    rowSpacingPx: l.mobileRowSpacing,
+    cellPadding: j(i.mobileColumnSpacing),
+    rowSpacingPx: i.mobileRowSpacing,
     ...e
   })}</table></td>`, y = n.querySelector(k);
   return y ? (o.modifyHtml(y).setInnerHtml(p), !0) : (ie(n, o, p), !1);
@@ -118,17 +118,17 @@ function le(t, e = {}) {
     documentModifier: o,
     products: r,
     layout: s,
-    composition: i
+    composition: l
   } = t;
   if (!n || !("querySelector" in n))
     return !1;
   const u = n.querySelector(w) ?? n.querySelector(Y);
   if (!u)
     return !1;
-  const l = E(), c = v(r, l.recommendationProducts), { cardsInRow: f } = g.getConfig(n), a = i ?? B(n, l.filterList), d = s ?? T(n), p = g.getConfig(n), y = x(c, d, {
-    productsPerRow: f,
-    composition: a,
-    filterList: l.filterList,
+  const i = E(), c = v(r, i.recommendationProducts), { cardsInRow: a } = g.getConfig(n), f = l ?? B(n, i.filterList), d = s ?? T(n), p = g.getConfig(n), y = x(c, d, {
+    productsPerRow: a,
+    composition: f,
+    filterList: i.filterList,
     priceInline: !p.priceMovedToNextLine,
     // Match the initial render's gutter so a regeneration never changes block height (SD-143023, #386).
     cellPadding: j(p.columnSpacing),
@@ -154,14 +154,14 @@ function ue(t, e, n) {
   const r = o.getAttribute(q);
   if (!r)
     return !1;
-  const s = E(), i = r.split(",").filter(Boolean), u = H(i, o, s.filterList), l = [], c = u.join(",") !== i.join(",");
-  c && l.push([q, u.join(",")]);
-  const f = ce(
+  const s = E(), l = r.split(",").filter(Boolean), u = H(l, o, s.filterList), i = [], c = u.join(",") !== l.join(",");
+  c && i.push([q, u.join(",")]);
+  const a = ce(
     o.getAttribute(h)
-  ), a = f && J(f, o, s.filterList);
-  if (f && a && a.join(",") !== f.join(",") && l.push([h, JSON.stringify(a)]), l.length === 0)
+  ), f = a && J(a, o, s.filterList);
+  if (a && f && f.join(",") !== a.join(",") && i.push([h, JSON.stringify(f)]), i.length === 0)
     return !1;
-  if (l.forEach(([d, p]) => {
+  if (i.forEach(([d, p]) => {
     e.modifyHtml(o).setAttribute(d, p);
   }), c && g.hasConfig(t)) {
     const d = {
@@ -179,21 +179,20 @@ function Re(t) {
     afterRegenerate: o,
     products: r,
     layout: s,
-    composition: i,
-    skipStylePreservation: u,
-    description: l
+    composition: l,
+    skipStylePreservation: u
   } = t;
   if (!e)
     return !1;
-  const c = u ? {} : D(e), f = {
+  const i = u ? {} : D(e), c = {
     currentNode: e,
     documentModifier: n,
     products: r,
     layout: s,
-    composition: i
+    composition: l
   };
-  let a = le(f, c);
-  return a = F(f, c) || a, a && (ue(e, n, i), n.apply(new C(l ?? "Regenerate products with styles"))), o == null || o(), a;
+  let a = le(c, i);
+  return a = F(c, i) || a, a && (ue(e, n, l), n.apply(new C("Regenerate products with styles"))), o == null || o(), a;
 }
 function qe(t, e) {
   return t.length === e ? t : t.length > e ? t.slice(0, e) : [...t, ...U(e - t.length)];
@@ -217,28 +216,28 @@ function R(t, e = "price") {
   });
 }
 function se(t) {
-  var s, i;
-  const e = K(), n = ((s = t.original_price) == null ? void 0 : s[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, o = ((i = t.price) == null ? void 0 : i[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, r = n > 0 ? Math.round((n - o) / n * 100) : 0;
+  var s, l;
+  const e = K(), n = ((s = t.original_price) == null ? void 0 : s[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, o = ((l = t.price) == null ? void 0 : l[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, r = n > 0 ? Math.round((n - o) / n * 100) : 0;
   return r > 0 ? `-${r}%` : "0%";
 }
 function V(t) {
-  const { documentModifier: e, product: n, priceEl: o, oldPriceEl: r, omnibusPriceEl: s, omnibusDiscountEl: i } = t;
+  const { documentModifier: e, product: n, priceEl: o, oldPriceEl: r, omnibusPriceEl: s, omnibusDiscountEl: l } = t;
   let u = !1;
   if (o && "querySelector" in o) {
-    const l = o.querySelector("strong") ?? o.querySelector("p"), c = R(n, "price");
-    S(e, l ?? null, c) && (u = !0);
+    const i = o.querySelector("strong") ?? o.querySelector("p"), c = R(n, "price");
+    S(e, i ?? null, c) && (u = !0);
   }
   if (r && "querySelector" in r) {
-    const l = r.querySelector("strong") ?? r.querySelector("p"), c = R(n, "original_price");
-    S(e, l ?? null, c) && (u = !0), A(e, r, "data-same-price", String(Z(n))) && (u = !0);
+    const i = r.querySelector("strong") ?? r.querySelector("p"), c = R(n, "original_price");
+    S(e, i ?? null, c) && (u = !0), A(e, r, "data-same-price", String(Z(n))) && (u = !0);
   }
   if (s && "querySelector" in s) {
-    const l = s.querySelector(".omnibus-price-value") ?? null, c = R(n, "original_price");
-    S(e, l, c) && (u = !0);
+    const i = s.querySelector(".omnibus-price-value") ?? null, c = R(n, "original_price");
+    S(e, i, c) && (u = !0);
   }
-  if (i && "querySelector" in i) {
-    const l = i.querySelector(".omnibus-discount-value") ?? null, c = se(n);
-    S(e, l, c) && (u = !0);
+  if (l && "querySelector" in l) {
+    const i = l.querySelector(".omnibus-discount-value") ?? null, c = se(n);
+    S(e, i, c) && (u = !0);
   }
   return u;
 }
@@ -249,37 +248,37 @@ function ae(t) {
     imageEl: o,
     nameEl: r,
     priceEl: s,
-    oldPriceEl: i,
+    oldPriceEl: l,
     omnibusPriceEl: u,
-    omnibusDiscountEl: l,
+    omnibusDiscountEl: i,
     buttonEl: c
   } = t;
-  let f = !1;
+  let a = !1;
   if (o && "querySelector" in o) {
-    const a = o.querySelector("img");
-    if (a) {
-      const p = A(e, a, "src", Q(n.image_url)), y = A(e, a, "alt", n.name);
-      f = f || p || y;
+    const f = o.querySelector("img");
+    if (f) {
+      const p = A(e, f, "src", Q(n.image_url)), y = A(e, f, "alt", n.name);
+      a = a || p || y;
     }
     const d = o.querySelector("a");
-    d && A(e, d, "href", n.url) && (f = !0);
+    d && A(e, d, "href", n.url) && (a = !0);
   }
   if (r && "querySelector" in r) {
-    const a = r.querySelector("strong") ?? r.querySelector("p");
-    S(e, a ?? null, n.name) && (f = !0);
+    const f = r.querySelector("strong") ?? r.querySelector("p");
+    S(e, f ?? null, n.name) && (a = !0);
   }
   if (V({
     documentModifier: e,
     product: n,
     priceEl: s,
-    oldPriceEl: i,
+    oldPriceEl: l,
     omnibusPriceEl: u,
-    omnibusDiscountEl: l
-  }) && (f = !0), c && "querySelector" in c) {
-    const a = c.querySelector("a.es-button") || c.querySelector("a");
-    a && A(e, a, "href", n.url) && (f = !0);
+    omnibusDiscountEl: i
+  }) && (a = !0), c && "querySelector" in c) {
+    const f = c.querySelector("a.es-button") || c.querySelector("a");
+    f && A(e, f, "href", n.url) && (a = !0);
   }
-  return f;
+  return a;
 }
 function G(t) {
   return "querySelector" in t ? t.querySelector(w) ?? t : t;
@@ -303,26 +302,26 @@ function de(t, e, n) {
   if (o.length === 0)
     return !1;
   const r = /* @__PURE__ */ new Map();
-  o.forEach((i) => {
-    if (!("getAttribute" in i))
+  o.forEach((l) => {
+    if (!("getAttribute" in l))
       return;
-    const u = i.getAttribute(z);
+    const u = l.getAttribute(z);
     if (!u)
       return;
-    const l = r.get(u) ?? [];
-    l.push(i), r.set(u, l);
+    const i = r.get(u) ?? [];
+    i.push(l), r.set(u, i);
   });
   let s = !1;
-  return r.forEach((i, u) => {
-    const l = Math.min(i.length, n.length);
-    i.slice(0, l).forEach((c, f) => {
+  return r.forEach((l, u) => {
+    const i = Math.min(l.length, n.length);
+    l.slice(0, i).forEach((c, a) => {
       if (!("querySelector" in c))
         return;
-      const a = fe(u, n[f]);
-      if (a === null)
+      const f = fe(u, n[a]);
+      if (f === null)
         return;
       const d = c.querySelector("p") ?? null;
-      S(e, d, a) && (s = !0);
+      S(e, d, f) && (s = !0);
     });
   }), s;
 }
@@ -335,55 +334,55 @@ function _(t, e, n) {
     `[esd-extension-block-id="${m.NAME}"]`
   ), s = t.querySelectorAll(
     `[esd-extension-block-id="${m.PRICE}"]`
-  ), i = t.querySelectorAll(
+  ), l = t.querySelectorAll(
     `[esd-extension-block-id="${m.OLD_PRICE}"]`
   ), u = t.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_PRICE}"]`
-  ), l = t.querySelectorAll(
+  ), i = t.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_DISCOUNT}"]`
   ), c = t.querySelectorAll(
     `[esd-extension-block-id="${m.BUTTON}"]`
-  ), f = Math.min(o.length, n.length);
-  let a = !1;
-  for (let d = 0; d < f; d++) {
+  ), a = Math.min(o.length, n.length);
+  let f = !1;
+  for (let d = 0; d < a; d++) {
     const p = ae({
       documentModifier: e,
       product: n[d],
       imageEl: o[d] ?? null,
       nameEl: r[d] ?? null,
       priceEl: s[d] ?? null,
-      oldPriceEl: i[d] ?? null,
+      oldPriceEl: l[d] ?? null,
       omnibusPriceEl: u[d] ?? null,
-      omnibusDiscountEl: l[d] ?? null,
+      omnibusDiscountEl: i[d] ?? null,
       buttonEl: c[d] ?? null
     });
-    a = a || p;
+    f = f || p;
   }
-  return de(t, e, n) && (a = !0), a;
+  return de(t, e, n) && (f = !0), f;
 }
 function he(t) {
-  const { currentNode: e, documentModifier: n, products: o, onApplied: r, description: s } = t;
+  const { currentNode: e, documentModifier: n, products: o, onApplied: r } = t;
   if (!e || !("querySelectorAll" in e))
     return !1;
-  const i = G(e);
-  if (!("querySelectorAll" in i) || i.querySelectorAll(
+  const s = G(e);
+  if (!("querySelectorAll" in s) || s.querySelectorAll(
     `[esd-extension-block-id="${m.IMAGE}"]`
   ).length !== o.length)
     return !1;
-  let l = _(i, n, o);
-  const c = T(e), f = g.getConfig(e);
-  if (c !== "list" && f.mobileLayoutEnabled && "querySelector" in e) {
+  let u = _(s, n, o);
+  const i = T(e), c = g.getConfig(e);
+  if (i !== "list" && c.mobileLayoutEnabled && "querySelector" in e) {
     const a = e.querySelector(L);
     if (a) {
-      const d = _(
+      const f = _(
         a,
         n,
         o
       );
-      l = l || d;
+      u = u || f;
     }
   }
-  return l && (n.apply(new C(s ?? "Updated product content in-place")), r == null || r()), !0;
+  return u && (n.apply(new C("Updated product content in-place")), r == null || r()), !0;
 }
 function N(t, e, n) {
   if (!("querySelectorAll" in t))
@@ -394,10 +393,10 @@ function N(t, e, n) {
     `[esd-extension-block-id="${m.OLD_PRICE}"]`
   ), s = t.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_PRICE}"]`
-  ), i = t.querySelectorAll(
+  ), l = t.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_DISCOUNT}"]`
   ), u = Math.min(o.length, n.length);
-  let l = !1;
+  let i = !1;
   for (let c = 0; c < u; c++)
     V({
       documentModifier: e,
@@ -405,9 +404,9 @@ function N(t, e, n) {
       priceEl: o[c] ?? null,
       oldPriceEl: r[c] ?? null,
       omnibusPriceEl: s[c] ?? null,
-      omnibusDiscountEl: i[c] ?? null
-    }) && (l = !0);
-  return l;
+      omnibusDiscountEl: l[c] ?? null
+    }) && (i = !0);
+  return i;
 }
 function Me(t) {
   const { currentNode: e, documentModifier: n } = t;
@@ -419,25 +418,25 @@ function Me(t) {
   if (r.length === 0)
     return !1;
   const s = G(e);
-  let i = N(s, n, r);
-  const u = T(e), l = g.getConfig(e);
-  if (u !== "list" && l.mobileLayoutEnabled && "querySelector" in e) {
+  let l = N(s, n, r);
+  const u = T(e), i = g.getConfig(e);
+  if (u !== "list" && i.mobileLayoutEnabled && "querySelector" in e) {
     const c = e.querySelector(L);
     if (c) {
-      const f = N(c, n, r);
-      i = i || f;
+      const a = N(c, n, r);
+      l = l || a;
     }
   }
-  return i && n.apply(new C("Updated price formatting in-place")), i;
+  return l && n.apply(new C("Updated price formatting in-place")), l;
 }
 function Ie(t) {
   const { currentNode: e, documentModifier: n, currency: o } = t, r = P(e);
   if (!r)
     return;
-  const s = o.alignment === "before" ? "0" : "1", i = (u, l) => {
-    n.modifyHtml(r).setAttribute(u, l);
+  const s = o.alignment === "before" ? "0" : "1", l = (u, i) => {
+    n.modifyHtml(r).setAttribute(u, i);
   };
-  i(b.CURRENCY, o.code), i(b.SYMBOL, o.symbol), i(b.ALIGNMENT, s), i(b.THOUSAND_SEPARATOR, o.thousandSeparator), i(b.DECIMAL_SEPARATOR, o.decimalSeparator), i(b.DECIMAL_COUNT, o.decimalCount.toString()), n.apply(new C("Update currency attributes"));
+  l(b.CURRENCY, o.code), l(b.SYMBOL, o.symbol), l(b.ALIGNMENT, s), l(b.THOUSAND_SEPARATOR, o.thousandSeparator), l(b.DECIMAL_SEPARATOR, o.decimalSeparator), l(b.DECIMAL_COUNT, o.decimalCount.toString()), n.apply(new C("Update currency attributes"));
 }
 export {
   qe as adjustProductsToSize,

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

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

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

@@ -1,43 +1,64 @@
-import { useRecommendationExtensionStore as g } from "../store/recommendation.js";
-import { refreshBlockOutsidePanel as y } from "./blockRefresh.js";
-import { toBlockUrlConfig as a } from "./blockUrlConfig.js";
-import { commitBlockChangeOutsidePanel as l, readBlockNodeConfigs as S } from "./nodeConfigWriter.js";
-function d(e, t) {
-  const r = JSON.stringify(a(t));
-  return S(e).find((o) => JSON.stringify(a(o)) !== r) ?? t;
+import { useRecommendationExtensionStore as f } from "../store/recommendation.js";
+import { refreshBlockOutsidePanel as l } from "./blockRefresh.js";
+import { toBlockUrlConfig as c } from "./blockUrlConfig.js";
+import { readBlockNodeConfigs as m, commitBlockChangeOutsidePanel as d } from "./nodeConfigWriter.js";
+function u(n, t) {
+  const r = JSON.stringify(c(t));
+  return m(n).find((s) => JSON.stringify(c(s)) !== r) ?? t;
 }
-async function p(e, t, r) {
-  const o = g(), s = [e, t];
-  (/* @__PURE__ */ new Map([[e, d(e, r)], [t, r]])).forEach((n, i) => {
-    var m;
-    (!!n.strategyId || i === t) && ((m = o.blockStates[i]) == null ? void 0 : m.recommendationConfigs.strategyId) !== n.strategyId && o.seedBlockUrlConfig(i, a(n));
-  }), o.resetArrivedBlock(t), await Promise.all(s.map(async (n) => {
-    if (!await o.refreshStrategyBlock(n))
+async function y(n, t, r = () => !0) {
+  const s = f();
+  await Promise.all(n.map(async (e) => {
+    if (!await s.refreshStrategyBlock(e))
       return;
-    const { recommendationConfigs: i, recommendationProducts: f } = o.blockStates[n];
-    l(
-      n,
-      { size: i.size },
-      f,
-      "Refresh duplicated recommendation strategy"
+    const { recommendationConfigs: a, recommendationProducts: o } = s.blockStates[e];
+    r(e, a.size) && d(
+      e,
+      { size: a.size },
+      o,
+      t
     );
   }));
 }
-async function k(e, t) {
-  if (!g().blockStates[e])
+async function w(n, t, r) {
+  const s = f(), e = [n, t];
+  (/* @__PURE__ */ new Map([[n, u(n, r)], [t, r]])).forEach((o, i) => {
+    var g;
+    (!!o.strategyId || i === t) && ((g = s.blockStates[i]) == null ? void 0 : g.recommendationConfigs.strategyId) !== o.strategyId && s.seedBlockUrlConfig(i, c(o));
+  }), s.resetArrivedBlock(t), await y(e, "Refresh duplicated recommendation strategy");
+}
+async function k(n) {
+  const t = f(), r = n.filter(({ config: e }) => !!e.strategyId);
+  if (!r.length)
+    return;
+  r.forEach(({ id: e, config: a }) => t.seedBlockUrlConfig(e, c(a))), t.invalidateStrategies();
+  const s = new Map(r.map(({ id: e, config: a }) => [e, a]));
+  await y(
+    r.map(({ id: e }) => e),
+    "Refresh recommendation strategy",
+    (e, a) => {
+      const o = s.get(e);
+      return a !== (o == null ? void 0 : o.size) && m(e).some((i) => i.strategyId === (o == null ? void 0 : o.strategyId));
+    }
+  );
+}
+async function O(n, t) {
+  if (!f().blockStates[n])
     return !1;
-  const r = await y(e, {
-    pickUpdates: ({ strategyId: o, strategy: s, size: c, nodeConfigVersion: n }) => ({
-      strategyId: o,
-      strategy: s,
-      size: c,
-      configVersion: n
+  const r = await l(n, {
+    pickUpdates: ({ strategyId: s, strategy: e, size: a, nodeConfigVersion: o }) => ({
+      strategyId: s,
+      strategy: e,
+      size: a,
+      configVersion: o
     }),
     description: t
   });
-  return r || console.error("[recommendation] strategy change did not reach a node", { blockId: e }), r;
+  return r || console.error("[recommendation] strategy change did not reach a node", { blockId: n }), r;
 }
 export {
-  k as commitStrategyChange,
-  p as refreshDuplicatedStrategyBlocks
+  O as commitStrategyChange,
+  k as refreshArrivedStrategyBlocks,
+  w as refreshDuplicatedStrategyBlocks,
+  u as resolveSourceConfig
 };

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

@@ -19,6 +19,9 @@ export declare class RecommendationBlock extends Block {
     private _resetSourceIds;
     /** Ids handed to duplicates the document root does not show yet: a copied module renames all its blocks at once. */
     private _unsettledDuplicateIds;
+    private _arrivedBlocks;
+    /** Strategy each in-flight arrival or duplicate refresh is fetching, by block id, so a second one does not race it. */
+    private _refreshClaims;
     constructor();
     getId(): string;
     getIcon(): string;
@@ -44,6 +47,8 @@ export declare class RecommendationBlock extends Block {
      * @param node - The newly created block node
      */
     onCreated(node: ImmutableHtmlNode): void;
+    /** Refreshes every block of an opened template: Stripo restores a stored document without `onCreated`. */
+    onDocumentInit(): void;
     /**
      * Called when the document changes or template is loaded
      *
@@ -85,15 +90,26 @@ export declare class RecommendationBlock extends Block {
      * the renamed one depending on where the module was dropped (SD-149916).
      */
     private _scheduleArrivalReset;
+    /**
+     * Re-reads the strategy of a block that arrived with saved cards, without waiting for a click.
+     * Blocks of one opened template or dropped module arrive in one tick and refresh together.
+     */
+    private _queueArrivalRefresh;
+    private _refreshArrivedBlocks;
+    /**
+     * A new document reports each block to onCreated and onDocumentInit, not always in one batch, so a
+     * claimed block refreshes again only once the document shows it under another strategy (a restored version).
+     */
+    private _canClaimRefresh;
+    private _releaseRefreshClaim;
     /**
      * Heals a duplicate that slipped past the create-time `_detectDuplicate`
      * scan (or that was persisted by an older template before SD-142352).
      * When two blocks share a `recommendation-id`, the first occurrence in DOM
      * order is treated as the source and any later sibling is reassigned a
-     * fresh id. The store entry and active-block focus are intentionally not
-     * touched here: each block's persisted `esd-ext-config` carries its own
-     * truth and the regular save-time hydration (`hydrateRecommendationStore`)
-     * will seed the new id from that. Skipping `setCurrentBlock` avoids
+     * fresh id and queued for the arrival refresh, which seeds the new id's
+     * store entry from its persisted `esd-ext-config`. The source's store
+     * entry is not cloned and focus is not moved. Skipping `setCurrentBlock` avoids
      * yanking the user's current selection mid-edit when the heal fires from
      * `onDocumentChanged`.
      */
@@ -109,9 +125,9 @@ export declare class RecommendationBlock extends Block {
      *
      * Used by `_handleDuplicate` at create-time (which additionally clones the
      * store entry and focuses the new block) and by `_healLingeringDuplicate`
-     * at document-change time (which intentionally skips store/focus side
-     * effects so older bug-affected templates can self-repair without
-     * disturbing the user's current selection).
+     * at document-change time (which skips the clone and focus change so older
+     * bug-affected templates can self-repair without disturbing the user's
+     * current selection, and queues the arrival refresh for the new id).
      */
     private _reassignDuplicateId;
     /**