@useinsider/guido 3.20.0 → 3.20.1-beta.8a05319

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

@@ -1,27 +1,31 @@
-import { useToaster as _ } from "../../../../composables/useToaster.js";
-import { useTranslations as L } from "../../../../composables/useTranslations.js";
-import { getRecommendationFeedSourceMaps as F, strategyEditPath as U, strategyCreatePath as N, getOperatorOptions as M, PriceAttributes as E } from "../../../../enums/extensions/recommendationBlock.js";
-import { ToasterTypeOptions as B } from "../../../../enums/toaster.js";
-import { useRecommendationApi as z } from "../../../../services/recommendationApi.js";
+import { useToaster as U } from "../../../../composables/useToaster.js";
+import { useTranslations as M } from "../../../../composables/useTranslations.js";
+import { getRecommendationFeedSourceMaps as w, strategyEditPath as N, strategyCreatePath as B, getOperatorOptions as z, PriceAttributes as E } from "../../../../enums/extensions/recommendationBlock.js";
+import { ToasterTypeOptions as O } from "../../../../enums/toaster.js";
+import { useRecommendationApi as A } from "../../../../services/recommendationApi.js";
 import { useConfigStore as R } from "../../../../stores/config.js";
-import { defineStore as A } from "pinia";
+import { defineStore as x } from "pinia";
 import "../constants/selectors.js";
-import { DEFAULT_MOBILE_CARDS_IN_ROW as O, DEFAULT_CARDS_IN_ROW as x } from "../constants/layout.js";
-import { CURRENT_CONFIG_VERSION as C, DEFAULT_NODE_CONFIG as T, EXCLUDED_ALGORITHM_IDS as V } from "../constants/defaultConfig.js";
-import { getDefaultProducts as w } from "../templates/utils.js";
-import { generateCompleteFilterQuery as P } from "../utils/filterUtil.js";
-import { isLegacyStrategyConfig as j } from "../utils/legacyStrategyMigration.js";
-import { getPartnerRecommendationParams as $ } from "../utils/partnerCustomizations.js";
-import { sanitizeProductIds as q } from "../utils/productIds.js";
-import { isFilterValid as K } from "../validation/filterSchema.js";
-import { getInvalidFields as H, isConfigValid as J } from "../validation/requiredFields.js";
-const m = z();
-let S = null, p = null, y = null, I = "", k = null, b = 0;
-const g = /* @__PURE__ */ new Map();
+import { DEFAULT_MOBILE_CARDS_IN_ROW as T, DEFAULT_CARDS_IN_ROW as V } from "../constants/layout.js";
+import { CURRENT_CONFIG_VERSION as C, DEFAULT_NODE_CONFIG as j, EXCLUDED_ALGORITHM_IDS as $ } from "../constants/defaultConfig.js";
+import { getDefaultProducts as P } from "../templates/utils.js";
+import { generateCompleteFilterQuery as G } from "../utils/filterUtil.js";
+import { isLegacyStrategyConfig as q } from "../utils/legacyStrategyMigration.js";
+import { getPartnerRecommendationParams as K } from "../utils/partnerCustomizations.js";
+import { sanitizeProductIds as H } from "../utils/productIds.js";
+import { isFilterValid as J } from "../validation/filterSchema.js";
+import { getInvalidFields as Q, isConfigValid as W } from "../validation/requiredFields.js";
+const u = A();
+let S = null, y = null, p = null, I = "", k = null, b = 0;
+const m = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map();
+function X(t) {
+  const e = D.get(t);
+  return e && e.token === m.get(t) ? e.outcome : !1;
+}
 let l = null;
-function D() {
+function L() {
   return {
-    cardsInRow: x,
+    cardsInRow: V,
     currencySettings: {
       name: "USD",
       value: "USD",
@@ -35,7 +39,7 @@ function D() {
     productIds: [],
     id: 1,
     language: "en_US",
-    mobileCardsInRow: O,
+    mobileCardsInRow: T,
     mobileLayoutEnabled: !1,
     orientation: "grid",
     recommendedProducts: [],
@@ -56,9 +60,9 @@ function D() {
     priceHideIfSameAsDiscounted: !1
   };
 }
-function G() {
+function _() {
   return {
-    recommendationConfigs: D(),
+    recommendationConfigs: L(),
     recommendationProducts: [],
     filterStatus: !1,
     filterSelectionDrawerStatus: !1,
@@ -72,7 +76,7 @@ function G() {
     legacyConversionLoading: !1
   };
 }
-const Q = () => ({
+const Y = () => ({
   recommendationCampaignUrls: {},
   activePredictiveAlgorithms: [],
   languages: {},
@@ -87,8 +91,8 @@ const Q = () => ({
   currentRecommendationId: null,
   strategyPanelOpen: !1,
   configVersion: 0
-}), ft = A("guidoRecommendationExtension", {
-  state: () => Q(),
+}), St = x("guidoRecommendationExtension", {
+  state: () => Y(),
   getters: {
     // ====================================================================
     // Proxy Getters — Backward Compatible Access to Current Block State
@@ -98,7 +102,7 @@ const Q = () => ({
      * This allows all existing code that reads `store.recommendationConfigs` to work unchanged.
      */
     recommendationConfigs(t) {
-      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : D();
+      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : L();
     },
     /**
      * Proxy getter: delegates to blockStates[currentRecommendationId].recommendationProducts
@@ -119,7 +123,7 @@ const Q = () => ({
       return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].removeStrategyModalStatus : !1;
     },
     isLegacyStrategyBlock() {
-      return R().isFeatureEnabled("reusableRecommendationStrategy") && j(this.recommendationConfigs);
+      return R().isFeatureEnabled("reusableRecommendationStrategy") && q(this.recommendationConfigs);
     },
     legacyConversionLoading(t) {
       return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].legacyConversionLoading ?? !1 : !1;
@@ -162,8 +166,8 @@ const Q = () => ({
       return [...new Set(t.map((e) => e.filterGroup))].sort((e, r) => e - r);
     },
     getActivePredictiveAlgorithms: (t) => {
-      const e = F(), r = [];
-      return t.activePredictiveAlgorithms.filter((n) => !V.includes(n)).forEach((n) => {
+      const e = w(), r = [];
+      return t.activePredictiveAlgorithms.filter((n) => !$.includes(n)).forEach((n) => {
         r.push(...e.filter((s) => s.id === n));
       }), r.map((n) => ({
         text: n.name,
@@ -203,7 +207,7 @@ const Q = () => ({
     setCurrentBlock(t) {
       this.blockStates[t] || (this.blockStates = {
         ...this.blockStates,
-        [t]: G()
+        [t]: _()
       }), this.currentRecommendationId = t;
     },
     /**
@@ -275,7 +279,7 @@ const Q = () => ({
         decimalCount: String(e.currencyDecimalCount),
         decimalSeparator: r(e.currencyDecimalSeparator, ","),
         thousandSeparator: r(e.currencyThousandSeparator, ".")
-      }, s = !this.blockStates[t], i = s ? G() : this.blockStates[t];
+      }, s = !this.blockStates[t], i = s ? _() : this.blockStates[t];
       i.recommendationConfigs = {
         ...i.recommendationConfigs,
         strategy: e.strategy,
@@ -314,7 +318,7 @@ const Q = () => ({
      * Creates a filter with the first available attribute and operator pre-selected.
      */
     createDefaultFilter(t, e) {
-      const [r] = this.getFilterList, [n] = M(r == null ? void 0 : r.type);
+      const [r] = this.getFilterList, [n] = z(r == null ? void 0 : r.type);
       return {
         type: "standardFilter",
         attribute: (r == null ? void 0 : r.value) ?? "",
@@ -390,7 +394,7 @@ const Q = () => ({
       const t = b, e = (async () => {
         this.strategiesLoading = !0;
         try {
-          const r = await m.fetchRecommendationStrategies();
+          const r = await u.fetchRecommendationStrategies();
           if (t !== b)
             return;
           this.strategies = r, this.strategiesFetched = !0;
@@ -434,9 +438,9 @@ const Q = () => ({
     _armStrategyPageReturn(t) {
       const e = window.open(t, "_blank");
       if (!e)
-        return _().showToaster({
-          type: B.Error,
-          message: L()("discovery-strategy.error-description")
+        return U().showToaster({
+          type: O.Error,
+          message: M()("discovery-strategy.error-description")
         }), !1;
       e.opener = null, l == null || l();
       let r = !1;
@@ -471,20 +475,20 @@ const Q = () => ({
      * new strategy is offered; the user picks it themselves.
      */
     openStrategyCreation() {
-      return this._armStrategyPageReturn(N());
+      return this._armStrategyPageReturn(B());
     },
     /**
      * Opens the strategy's edit page. Every return refreshes the list so the block reflects the
      * edited configuration.
      */
     openStrategyEdit(t) {
-      return this._armStrategyPageReturn(U(t));
+      return this._armStrategyPageReturn(N(t));
     },
     async resolveStrategyUrlTemplate(t, e) {
       const r = typeof t.updated_at == "string" ? t.updated_at : "", n = r ? `${t.strategy_id}:${r}:${e}` : "", s = n ? this.strategyUrlTemplates[n] : void 0;
       if (s)
         return s;
-      const { full_path: i = "" } = await m.generateStrategyEndpoint(t, e) ?? {};
+      const { full_path: i = "" } = await u.generateStrategyEndpoint(t, e) ?? {};
       return n && i && (this.strategyUrlTemplates = {
         ...this.strategyUrlTemplates,
         [n]: i
@@ -502,7 +506,7 @@ const Q = () => ({
         throw new Error("[Guido] convertLegacyStrategy called without an active block");
       this.blockStates[r].legacyConversionLoading = !0;
       try {
-        const n = await m.migrateLegacyStrategy(t, e);
+        const n = await u.migrateLegacyStrategy(t, e);
         this.invalidateStrategies();
         try {
           await this.fetchStrategies();
@@ -533,7 +537,7 @@ const Q = () => ({
       this.patchCurrentBlockConfig({
         strategyId: "",
         strategy: "",
-        size: T.size,
+        size: j.size,
         nodeConfigVersion: C
       });
     },
@@ -551,7 +555,7 @@ const Q = () => ({
             activePredictiveAlgorithms: t,
             languages: e,
             currencies: r
-          } = await m.fetchRecommendationCreateData();
+          } = await u.fetchRecommendationCreateData();
           if (this.activePredictiveAlgorithms = t, this.languages = e, this.currentRecommendationId !== null && this.blockStates[this.currentRecommendationId]) {
             const n = this.blockStates[this.currentRecommendationId];
             n.filterStatus = !!n.recommendationConfigs.filters.length;
@@ -567,18 +571,18 @@ const Q = () => ({
     },
     async fetchRecommendationFilters() {
       if (!Object.keys(this.filterList).length) {
-        if (p) {
-          await p;
+        if (y) {
+          await y;
           return;
         }
-        p = (async () => {
-          const t = await m.fetchRecommendationFilters();
+        y = (async () => {
+          const t = await u.fetchRecommendationFilters();
           this.filterList = t;
         })();
         try {
-          await p;
+          await y;
         } finally {
-          p = null;
+          y = null;
         }
       }
     },
@@ -607,7 +611,7 @@ const Q = () => ({
         const n = [...e.recommendationConfigs.filters];
         n[r] = {
           ...t,
-          isValid: K(t)
+          isValid: J(t)
         }, e.recommendationConfigs.filters = n;
       }
     },
@@ -621,7 +625,7 @@ const Q = () => ({
           let i = 1;
           n = n.map((o) => o.filterGroup === t.filterGroup ? { ...o, filterNumber: i++ } : o);
         } else {
-          const i = [...new Set(n.map((a) => a.filterGroup))].sort((a, d) => a - d), o = new Map(i.map((a, d) => [a, d + 1]));
+          const i = [...new Set(n.map((a) => a.filterGroup))].sort((a, f) => a - f), o = new Map(i.map((a, f) => [a, f + 1]));
           n = n.map((a) => ({
             ...a,
             filterGroup: o.get(a.filterGroup) ?? a.filterGroup
@@ -645,7 +649,7 @@ const Q = () => ({
       }), e.recommendationConfigs.filters = r;
     },
     generateFilterQuery() {
-      return P(this.recommendationConfigs.filters);
+      return G(this.recommendationConfigs.filters);
     },
     /**
      * Validation-only check invoked at save-CTA time. Defined as an action
@@ -653,14 +657,14 @@ const Q = () => ({
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock() {
-      return Object.values(this.blockStates).some((t) => !J(t.recommendationConfigs, this));
+      return Object.values(this.blockStates).some((t) => !W(t.recommendationConfigs, this));
     },
     /**
      * Which required fields are missing across the design's blocks, so the save
      * toaster can name the cause instead of always showing the generic message.
      */
     invalidBlockFields() {
-      return Object.values(this.blockStates).flatMap((t) => H(t.recommendationConfigs, this));
+      return Object.values(this.blockStates).flatMap((t) => Q(t.recommendationConfigs, this));
     },
     // ====================================================================
     // Per-Block Product Fetching
@@ -673,15 +677,15 @@ const Q = () => ({
         this.configVersion,
         b
       ].join(":");
-      if (y && I === t) {
-        await y;
+      if (p && I === t) {
+        await p;
         return;
       }
-      I = t, y = this._doFetchProducts();
+      I = t, p = this._doFetchProducts();
       try {
-        await y;
+        await p;
       } finally {
-        I === t && (y = null, I = "");
+        I === t && (p = null, I = "");
       }
     },
     async _doFetchProducts() {
@@ -691,14 +695,14 @@ const Q = () => ({
         await this._doFetchStrategyProducts(t);
         return;
       }
-      const s = (g.get(t) ?? 0) + 1;
-      g.set(t, s);
+      const s = (m.get(t) ?? 0) + 1;
+      m.set(t, s);
       const i = parseInt(r.size) || 6;
       if (!r.strategy) {
         this._setBlockProducts(t, [], i);
         return;
       }
-      const o = r.filters.filter((f) => f.isValid), a = P(o), d = ((h = F().find((f) => f.key === r.strategy)) == null ? void 0 : h.path) || "", c = {
+      const o = r.filters.filter((g) => g.isValid), a = G(o), f = ((h = w().find((g) => g.key === r.strategy)) == null ? void 0 : h.path) || "", c = {
         locale: r.language,
         currency: r.currencySettings.value,
         partnerName: n.partnerName,
@@ -706,58 +710,86 @@ const Q = () => ({
         details: !0,
         campaignId: n.variationId
       };
-      r.strategy === "manualMerchandising" ? c.productId = q(r.productIds) : r.strategy === "similarViewed" && (c.productId = "{itemId}"), r.strategy === "userBased" && (c.userId = "{user_id}"), a && (c.filter = a), r.shuffleProducts && (c.shuffle = !0), Object.assign(
+      r.strategy === "manualMerchandising" ? c.productId = H(r.productIds) : r.strategy === "similarViewed" && (c.productId = "{itemId}"), r.strategy === "userBased" && (c.userId = "{user_id}"), a && (c.filter = a), r.shuffleProducts && (c.shuffle = !0), Object.assign(
         c,
-        $(n.partnerName, r.strategy)
+        K(n.partnerName, r.strategy)
       );
-      let u;
+      let d;
       try {
-        u = await m.fetchRecommendationProducts(d, c);
+        d = await u.fetchRecommendationProducts(f, c);
       } catch {
-        u = [];
+        d = [];
       }
-      g.get(t) === s && this._setBlockProducts(t, u, i);
+      m.get(t) === s && this._setBlockProducts(t, d, i);
     },
     /**
-     * Block-scoped counterpart of `fetchRecommendationProducts`, which only ever serves the
-     * selected block. The legacy conversion must refresh the products of the block that
-     * started it even after the user selected another one.
+     * Block-scoped counterpart of `fetchRecommendationProducts`, which only serves the selected block:
+     * the legacy conversion and the duplicate refresh must reach a block that may no longer be selected.
+     * @returns whether real products arrived
      */
-    async fetchStrategyProductsForBlock(t) {
-      var e;
-      (e = this.blockStates[t]) != null && e.recommendationConfigs.strategyId && await this._doFetchStrategyProducts(t);
+    async fetchStrategyProductsForBlock(t, e = {}) {
+      var r;
+      return (r = this.blockStates[t]) != null && r.recommendationConfigs.strategyId ? this._doFetchStrategyProducts(t, e) : !1;
     },
-    async _doFetchStrategyProducts(t) {
-      const e = (g.get(t) ?? 0) + 1;
-      g.set(t, e);
-      const { recommendationConfigs: r } = this.blockStates[t];
-      let n = [], s = parseInt(r.size) || 6;
+    /**
+     * Reloads a block's products and adopts its strategy's current size, which may have
+     * moved since the block was assigned.
+     * @returns whether a fresh listing holds the strategy and its products arrived
+     */
+    async refreshStrategyBlock(t) {
+      var s;
+      const e = (s = this.blockStates[t]) == null ? void 0 : s.recommendationConfigs.strategyId;
+      if (!e)
+        return !1;
+      try {
+        await this.fetchStrategies();
+      } catch {
+        return !1;
+      }
+      const r = this.strategiesFetched ? this.strategies.find((i) => String(i.strategy_id) === e) : void 0;
+      if (!r || !await this.fetchStrategyProductsForBlock(t, { keepOnFailure: !0 }))
+        return !1;
+      const n = this.blockStates[t];
+      return (n == null ? void 0 : n.recommendationConfigs.strategyId) !== e ? !1 : (r.size !== void 0 && (n.recommendationConfigs = {
+        ...n.recommendationConfigs,
+        size: String(r.size)
+      }), !0);
+    },
+    _doFetchStrategyProducts(t, e = {}) {
+      const r = (m.get(t) ?? 0) + 1;
+      m.set(t, r);
+      const n = this._loadStrategyProducts(t, r, e);
+      return D.set(t, { token: r, outcome: n }), n;
+    },
+    async _loadStrategyProducts(t, e, { keepOnFailure: r = !1 }) {
+      const { recommendationConfigs: n } = this.blockStates[t];
+      let s = [], i = parseInt(n.size) || 6;
       try {
         await this.fetchStrategies();
-        const i = this.strategies.find(
-          (o) => String(o.strategy_id) === r.strategyId
+        const o = this.strategies.find(
+          (a) => String(a.strategy_id) === n.strategyId
         );
-        if (i) {
-          s = parseInt(String(i.size ?? "")) || s;
-          const o = r.currencySettings.value, d = (await this.resolveStrategyUrlTemplate(i, o)).replaceAll("{locale}", r.language).replaceAll("{currency}", o), c = d.indexOf("?"), u = c === -1 ? d : d.slice(0, c), h = (c === -1 ? "" : d.slice(c + 1)).split("&").filter((v) => v && !v.startsWith("user_id=")), f = h.length ? `${u}?${h.join("&")}` : u;
-          f && (n = await m.fetchRecommendationProductsByUrl(f));
+        if (o) {
+          i = parseInt(String(o.size ?? "")) || i;
+          const a = n.currencySettings.value, c = (await this.resolveStrategyUrlTemplate(o, a)).replaceAll("{locale}", n.language).replaceAll("{currency}", a), d = c.indexOf("?"), h = d === -1 ? c : c.slice(0, d), g = (d === -1 ? "" : c.slice(d + 1)).split("&").filter((F) => F && !F.startsWith("user_id=")), v = g.length ? `${h}?${g.join("&")}` : h;
+          v && (s = await u.fetchRecommendationProductsByUrl(v));
         }
       } catch {
-        n = [];
+        s = [];
       }
-      g.get(t) === e && this._setBlockProducts(t, n, s);
+      return m.get(t) !== e ? X(t) : !s.length && r ? !1 : (this._setBlockProducts(t, s, i), s.length > 0);
     },
     _setBlockProducts(t, e, r) {
       if (!this.blockStates[t])
         return;
-      const n = e.length > 0 ? e : w(r);
+      const n = e.length > 0 ? e : P(r);
       this.blockStates[t].recommendationProducts = [
         ...n.slice(0, r),
-        ...w(Math.max(0, r - n.length))
+        ...P(Math.max(0, r - n.length))
       ];
     }
   }
 });
 export {
-  ft as useRecommendationExtensionStore
+  St as useRecommendationExtensionStore
 };

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

@@ -0,0 +1,25 @@
+import { RRS_CONFIG_VERSION as d, DEFAULT_CURRENCY as t, DEFAULT_NODE_CONFIG as e } from "../constants/defaultConfig.js";
+import { mapLegacyStrategy as n } from "./legacyStrategyMap.js";
+function S(r) {
+  var a, u, c, s, l, o;
+  const y = !!r.strategyId || (r.configVersion ?? 0) >= d;
+  return {
+    strategy: n(r.strategy) || (y ? "" : e.strategy),
+    strategyId: r.strategyId ?? e.strategyId,
+    language: r.language ?? e.language,
+    size: r.size ?? e.size,
+    // Copied: the source can be a live node config or the shared defaults.
+    productIds: [...r.productIds ?? e.productIds],
+    filters: structuredClone(r.filters ?? e.filters),
+    shuffleProducts: r.shuffleProducts ?? e.shuffleProducts,
+    currencyCode: ((a = r.currency) == null ? void 0 : a.code) ?? t.code,
+    currencySymbol: ((u = r.currency) == null ? void 0 : u.symbol) ?? t.symbol,
+    currencyAlignment: ((c = r.currency) == null ? void 0 : c.alignment) ?? t.alignment,
+    currencyDecimalCount: ((s = r.currency) == null ? void 0 : s.decimalCount) ?? t.decimalCount,
+    currencyDecimalSeparator: ((l = r.currency) == null ? void 0 : l.decimalSeparator) ?? t.decimalSeparator,
+    currencyThousandSeparator: ((o = r.currency) == null ? void 0 : o.thousandSeparator) ?? t.thousandSeparator
+  };
+}
+export {
+  S as toBlockUrlConfig
+};

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,8 @@ 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;

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;