@useinsider/guido 3.20.1 → 3.21.0

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

@@ -1,31 +1,36 @@
-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 { useToaster as L } from "../../../../composables/useToaster.js";
+import { useTranslations as U } from "../../../../composables/useTranslations.js";
+import { getRecommendationFeedSourceMaps as F, strategyEditPath as z, strategyCreatePath as B, getOperatorOptions as M, PriceAttributes as N } from "../../../../enums/extensions/recommendationBlock.js";
+import { ToasterTypeOptions as E } from "../../../../enums/toaster.js";
+import { useRecommendationApi as O } from "../../../../services/recommendationApi.js";
 import { useConfigStore as R } from "../../../../stores/config.js";
-import { defineStore as x } from "pinia";
+import { defineStore as V } from "pinia";
 import "../constants/selectors.js";
-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;
+import { DEFAULT_MOBILE_CARDS_IN_ROW as A, 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 j } from "../constants/defaultConfig.js";
+import { getDefaultProducts as w } from "../templates/utils.js";
+import { generateCompleteFilterQuery as P } from "../utils/filterUtil.js";
+import { isLegacyStrategyConfig as $ } from "../utils/legacyStrategyMigration.js";
+import { getPartnerRecommendationParams as q } from "../utils/partnerCustomizations.js";
+import { sanitizeProductIds as K } from "../utils/productIds.js";
+import { isFilterValid as H } from "../validation/filterSchema.js";
+import { getInvalidFields as J, isConfigValid as Q } from "../validation/requiredFields.js";
+const m = O();
+let p = null, y = null;
+const I = /* @__PURE__ */ new Map();
+let k = null, b = 0;
+const u = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map();
+function W(t) {
+  const e = _.get(t);
+  return e && e.token === u.get(t) ? e.outcome : !1;
 }
 let l = null;
-function L() {
+const X = () => {
+  l == null || l();
+};
+function D() {
   return {
-    cardsInRow: V,
+    cardsInRow: x,
     currencySettings: {
       name: "USD",
       value: "USD",
@@ -39,7 +44,7 @@ function L() {
     productIds: [],
     id: 1,
     language: "en_US",
-    mobileCardsInRow: T,
+    mobileCardsInRow: A,
     mobileLayoutEnabled: !1,
     orientation: "grid",
     recommendedProducts: [],
@@ -60,9 +65,9 @@ function L() {
     priceHideIfSameAsDiscounted: !1
   };
 }
-function _() {
+function G() {
   return {
-    recommendationConfigs: L(),
+    recommendationConfigs: D(),
     recommendationProducts: [],
     filterStatus: !1,
     filterSelectionDrawerStatus: !1,
@@ -73,7 +78,9 @@ function _() {
     isInitialized: !1,
     filterSnapshot: null,
     syncedConfigFingerprint: null,
-    legacyConversionLoading: !1
+    legacyConversionLoading: !1,
+    configVersion: 0,
+    adoptedSizeVersion: 0
   };
 }
 const Y = () => ({
@@ -91,7 +98,7 @@ const Y = () => ({
   currentRecommendationId: null,
   strategyPanelOpen: !1,
   configVersion: 0
-}), St = x("guidoRecommendationExtension", {
+}), St = V("guidoRecommendationExtension", {
   state: () => Y(),
   getters: {
     // ====================================================================
@@ -102,7 +109,7 @@ const Y = () => ({
      * 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 : L();
+      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : D();
     },
     /**
      * Proxy getter: delegates to blockStates[currentRecommendationId].recommendationProducts
@@ -123,7 +130,7 @@ const Y = () => ({
       return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].removeStrategyModalStatus : !1;
     },
     isLegacyStrategyBlock() {
-      return R().isFeatureEnabled("reusableRecommendationStrategy") && q(this.recommendationConfigs);
+      return R().isFeatureEnabled("reusableRecommendationStrategy") && $(this.recommendationConfigs);
     },
     legacyConversionLoading(t) {
       return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].legacyConversionLoading ?? !1 : !1;
@@ -133,7 +140,7 @@ const Y = () => ({
     },
     assignedStrategy(t) {
       const { strategyId: e } = this.recommendationConfigs;
-      return e ? t.strategies.find((r) => String(r.strategy_id) === e) ?? null : null;
+      return e ? t.strategies.find((n) => String(n.strategy_id) === e) ?? null : null;
     },
     /**
      * Proxy getter: delegates to blockStates[currentRecommendationId].filterStatus
@@ -163,19 +170,19 @@ const Y = () => ({
     },
     getUniqueFilterGroups() {
       const { filters: t } = this.recommendationConfigs;
-      return [...new Set(t.map((e) => e.filterGroup))].sort((e, r) => e - r);
+      return [...new Set(t.map((e) => e.filterGroup))].sort((e, n) => e - n);
     },
     getActivePredictiveAlgorithms: (t) => {
-      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,
-        value: n.key
+      const e = F(), n = [];
+      return t.activePredictiveAlgorithms.filter((r) => !j.includes(r)).forEach((r) => {
+        n.push(...e.filter((o) => o.id === r));
+      }), n.map((r) => ({
+        text: r.name,
+        value: r.key
       }));
     },
-    getLanguages: (t) => Object.entries(t.languages).map(([e, r]) => ({
-      text: r,
+    getLanguages: (t) => Object.entries(t.languages).map(([e, n]) => ({
+      text: n,
       value: e
     })),
     getCurrencySymbolList: (t) => t.currencyList.map((e) => ({
@@ -185,7 +192,7 @@ const Y = () => ({
     getFilterList() {
       return Object.values(this.filterList).filter((t) => t.isFilterable !== 0 && t.isFilterable !== !1).map((t) => {
         let e;
-        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : E.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
+        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : N.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
           text: t.displayName,
           value: e,
           type: t.attributeType
@@ -207,7 +214,7 @@ const Y = () => ({
     setCurrentBlock(t) {
       this.blockStates[t] || (this.blockStates = {
         ...this.blockStates,
-        [t]: _()
+        [t]: G()
       }), this.currentRecommendationId = t;
     },
     /**
@@ -217,13 +224,13 @@ const Y = () => ({
     removeBlockState(t) {
       const e = t.toString();
       if (this.recommendationCampaignUrls[e]) {
-        const n = { ...this.recommendationCampaignUrls };
-        delete n[e], this.recommendationCampaignUrls = n;
+        const r = { ...this.recommendationCampaignUrls };
+        delete r[e], this.recommendationCampaignUrls = r;
       }
-      const r = { ...this.blockStates };
-      if (delete r[t], this.blockStates = r, this.currentRecommendationId === t) {
-        const n = Object.keys(this.blockStates).map(Number);
-        this.currentRecommendationId = n.length > 0 ? n[0] : null;
+      const n = { ...this.blockStates };
+      if (delete n[t], this.blockStates = n, this.currentRecommendationId === t) {
+        const r = Object.keys(this.blockStates).map(Number);
+        this.currentRecommendationId = r.length > 0 ? r[0] : null;
       }
     },
     /**
@@ -235,18 +242,18 @@ const Y = () => ({
      * (SD-149916).
      */
     cloneBlockState(t, e) {
-      const r = this.blockStates[t];
-      if (r) {
-        const o = structuredClone(r);
-        o.recommendationConfigs.id = e, o.recommendationConfigs.strategyId && R().isFeatureEnabled("reusableRecommendationStrategy") && (o.isInitialized = !1, o.syncedConfigFingerprint = null), this.blockStates = {
+      const n = this.blockStates[t];
+      if (n) {
+        const s = structuredClone(n);
+        s.recommendationConfigs.id = e, s.recommendationConfigs.strategyId && R().isFeatureEnabled("reusableRecommendationStrategy") && (s.isInitialized = !1, s.syncedConfigFingerprint = null), this.blockStates = {
           ...this.blockStates,
-          [e]: o
+          [e]: s
         };
       }
-      const n = t.toString(), s = e.toString(), i = this.recommendationCampaignUrls[n];
+      const r = t.toString(), o = e.toString(), i = this.recommendationCampaignUrls[r];
       i && (this.recommendationCampaignUrls = {
         ...this.recommendationCampaignUrls,
-        [s]: i
+        [o]: i
       });
     },
     /**
@@ -271,15 +278,15 @@ const Y = () => ({
      * `isInitialized`) alone.
      */
     seedBlockUrlConfig(t, e) {
-      const r = (o, a) => o === "." || o === "," || o === " " ? o : a, n = {
+      const n = (s, a) => s === "." || s === "," || s === " " ? s : a, r = {
         name: e.currencyCode,
         value: e.currencyCode,
         symbol: e.currencySymbol,
         alignment: e.currencyAlignment === "before" ? "0" : "1",
         decimalCount: String(e.currencyDecimalCount),
-        decimalSeparator: r(e.currencyDecimalSeparator, ","),
-        thousandSeparator: r(e.currencyThousandSeparator, ".")
-      }, s = !this.blockStates[t], i = s ? _() : this.blockStates[t];
+        decimalSeparator: n(e.currencyDecimalSeparator, ","),
+        thousandSeparator: n(e.currencyThousandSeparator, ".")
+      }, o = !this.blockStates[t], i = o ? G() : this.blockStates[t];
       i.recommendationConfigs = {
         ...i.recommendationConfigs,
         strategy: e.strategy,
@@ -289,8 +296,8 @@ const Y = () => ({
         productIds: e.productIds,
         filters: e.filters,
         shuffleProducts: e.shuffleProducts,
-        currencySettings: n
-      }, s && (this.blockStates = {
+        currencySettings: r
+      }, o && (this.blockStates = {
         ...this.blockStates,
         [t]: i
       });
@@ -302,27 +309,27 @@ const Y = () => ({
     patchCurrentBlockConfig(t, e = {}) {
       if (this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId])
         return;
-      const r = this.blockStates[this.currentRecommendationId];
-      r.recommendationConfigs = {
-        ...r.recommendationConfigs,
+      const n = this.blockStates[this.currentRecommendationId];
+      n.recommendationConfigs = {
+        ...n.recommendationConfigs,
         ...t,
         currencySettings: {
-          ...r.recommendationConfigs.currencySettings,
+          ...n.recommendationConfigs.currencySettings,
           ...t.currencySettings || {}
         }
       };
-      const { triggerRefetch: n = !0 } = e;
-      n && this.configVersion++;
+      const { triggerRefetch: r = !0 } = e;
+      r && (n.configVersion++, this.configVersion++);
     },
     /**
      * Creates a filter with the first available attribute and operator pre-selected.
      */
     createDefaultFilter(t, e) {
-      const [r] = this.getFilterList, [n] = z(r == null ? void 0 : r.type);
+      const [n] = this.getFilterList, [r] = M(n == null ? void 0 : n.type);
       return {
         type: "standardFilter",
-        attribute: (r == null ? void 0 : r.value) ?? "",
-        operator: (n == null ? void 0 : n.value) ?? "",
+        attribute: (n == null ? void 0 : n.value) ?? "",
+        operator: (r == null ? void 0 : r.value) ?? "",
         innerGroupOperator: "*",
         outerGroupOperator: "*",
         filterNumber: e,
@@ -394,10 +401,10 @@ const Y = () => ({
       const t = b, e = (async () => {
         this.strategiesLoading = !0;
         try {
-          const r = await u.fetchRecommendationStrategies();
+          const n = await m.fetchRecommendationStrategies();
           if (t !== b)
             return;
-          this.strategies = r, this.strategiesFetched = !0;
+          this.strategies = n, this.strategiesFetched = !0;
         } finally {
           this.strategiesLoading = !1, t === b && (this.strategiesSettled = !0);
         }
@@ -438,20 +445,20 @@ const Y = () => ({
     _armStrategyPageReturn(t) {
       const e = window.open(t, "_blank");
       if (!e)
-        return U().showToaster({
-          type: O.Error,
-          message: M()("discovery-strategy.error-description")
+        return L().showToaster({
+          type: E.Error,
+          message: U()("discovery-strategy.error-description")
         }), !1;
       e.opener = null, l == null || l();
-      let r = !1;
-      const n = () => {
-        document.hidden || r || (e != null && e.closed && (l == null || l()), r = !0, this.invalidateStrategies(), this.fetchStrategies().then(() => this._refreshAssignedStrategyProducts()).catch(() => {
+      let n = !1;
+      const r = () => {
+        document.hidden || n || (e != null && e.closed && (l == null || l()), n = !0, this.invalidateStrategies(), this.fetchStrategies().then(() => this._refreshAssignedStrategyProducts()).catch(() => {
         }).finally(() => {
-          r = !1;
+          n = !1;
         }));
       };
-      return document.addEventListener("visibilitychange", n), l = () => {
-        document.removeEventListener("visibilitychange", n), l = null;
+      return document.addEventListener("visibilitychange", r), l = () => {
+        document.removeEventListener("visibilitychange", r), l = null;
       }, !0;
     },
     /**
@@ -468,7 +475,7 @@ const Y = () => ({
     },
     /** Lets the editor tear the return listeners down when it unmounts. */
     disposeStrategyPageReturn() {
-      l == null || l();
+      X();
     },
     /**
      * Opens Smart Recommender's strategy creation page. Every return refreshes the list so the
@@ -482,16 +489,16 @@ const Y = () => ({
      * edited configuration.
      */
     openStrategyEdit(t) {
-      return this._armStrategyPageReturn(N(t));
+      return this._armStrategyPageReturn(z(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 u.generateStrategyEndpoint(t, e) ?? {};
-      return n && i && (this.strategyUrlTemplates = {
+      const n = typeof t.updated_at == "string" ? t.updated_at : "", r = n ? `${t.strategy_id}:${n}:${e}` : "", o = r ? this.strategyUrlTemplates[r] : void 0;
+      if (o)
+        return o;
+      const { full_path: i = "" } = await m.generateStrategyEndpoint(t, e) ?? {};
+      return r && i && (this.strategyUrlTemplates = {
         ...this.strategyUrlTemplates,
-        [n]: i
+        [r]: i
       }), i;
     },
     assignStrategy(t) {
@@ -501,27 +508,27 @@ const Y = () => ({
       });
     },
     async convertLegacyStrategy(t, e = { scope: "campaign" }) {
-      const r = this.currentRecommendationId;
-      if (r === null || !this.blockStates[r])
+      const n = this.currentRecommendationId;
+      if (n === null || !this.blockStates[n])
         throw new Error("[Guido] convertLegacyStrategy called without an active block");
-      this.blockStates[r].legacyConversionLoading = !0;
+      this.blockStates[n].legacyConversionLoading = !0;
       try {
-        const n = await u.migrateLegacyStrategy(t, e);
+        const r = await m.migrateLegacyStrategy(t, e);
         this.invalidateStrategies();
         try {
           await this.fetchStrategies();
-        } catch (o) {
-          console.error("[Guido] strategy listing refresh after conversion failed", o);
+        } catch (s) {
+          console.error("[Guido] strategy listing refresh after conversion failed", s);
         }
-        const s = this.strategies.find((o) => String(o.strategy_id) === n), i = this.blockStates[r];
+        const o = this.strategies.find((s) => String(s.strategy_id) === r), i = this.blockStates[n];
         return i && (i.recommendationConfigs = {
           ...i.recommendationConfigs,
-          strategyId: n,
+          strategyId: r,
           nodeConfigVersion: C,
-          ...(s == null ? void 0 : s.size) !== void 0 ? { size: String(s.size) } : {}
-        }), this.currentRecommendationId === r && this.configVersion++, n;
+          ...(o == null ? void 0 : o.size) !== void 0 ? { size: String(o.size) } : {}
+        }, i.configVersion++), this.currentRecommendationId === n && this.configVersion++, r;
       } finally {
-        this.blockStates[r] && (this.blockStates[r].legacyConversionLoading = !1);
+        this.blockStates[n] && (this.blockStates[n].legacyConversionLoading = !1);
       }
     },
     /**
@@ -530,14 +537,14 @@ const Y = () => ({
      * the document never received.
      */
     revertLegacyConversion(t, e) {
-      const r = this.blockStates[t];
-      r && (r.recommendationConfigs = { ...r.recommendationConfigs, ...e }, this.currentRecommendationId === t && this.configVersion++);
+      const n = this.blockStates[t];
+      n && (n.recommendationConfigs = { ...n.recommendationConfigs, ...e }, n.configVersion++, this.currentRecommendationId === t && this.configVersion++);
     },
     removeStrategy() {
       this.patchCurrentBlockConfig({
         strategyId: "",
         strategy: "",
-        size: j.size,
+        size: T.size,
         nodeConfigVersion: C
       });
     },
@@ -546,26 +553,26 @@ const Y = () => ({
     // ====================================================================
     async fetchRecommendationCreateData() {
       if (!this.activePredictiveAlgorithms.length) {
-        if (S) {
-          await S;
+        if (p) {
+          await p;
           return;
         }
-        S = (async () => {
+        p = (async () => {
           const {
             activePredictiveAlgorithms: t,
             languages: e,
-            currencies: r
-          } = await u.fetchRecommendationCreateData();
+            currencies: n
+          } = await m.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;
+            const r = this.blockStates[this.currentRecommendationId];
+            r.filterStatus = !!r.recommendationConfigs.filters.length;
           }
-          this.currencyList = r;
+          this.currencyList = n;
         })();
         try {
-          await S;
+          await p;
         } finally {
-          S = null;
+          p = null;
         }
       }
     },
@@ -576,7 +583,7 @@ const Y = () => ({
           return;
         }
         y = (async () => {
-          const t = await u.fetchRecommendationFilters();
+          const t = await m.fetchRecommendationFilters();
           this.filterList = t;
         })();
         try {
@@ -597,59 +604,59 @@ const Y = () => ({
     deleteFilterGroup(t) {
       if (this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId])
         return;
-      const e = this.blockStates[this.currentRecommendationId], r = e.recommendationConfigs.filters.filter((i) => i.filterGroup !== t), n = [...new Set(r.map((i) => i.filterGroup))].sort((i, o) => i - o), s = new Map(n.map((i, o) => [i, o + 1]));
-      e.recommendationConfigs.filters = r.map((i) => ({
+      const e = this.blockStates[this.currentRecommendationId], n = e.recommendationConfigs.filters.filter((i) => i.filterGroup !== t), r = [...new Set(n.map((i) => i.filterGroup))].sort((i, s) => i - s), o = new Map(r.map((i, s) => [i, s + 1]));
+      e.recommendationConfigs.filters = n.map((i) => ({
         ...i,
-        filterGroup: s.get(i.filterGroup) ?? i.filterGroup
+        filterGroup: o.get(i.filterGroup) ?? i.filterGroup
       }));
     },
     updateFilter(t) {
       if (this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId])
         return;
-      const e = this.blockStates[this.currentRecommendationId], r = e.recommendationConfigs.filters.findIndex((n) => n.filterNumber === t.filterNumber && n.filterGroup === t.filterGroup);
-      if (r !== -1) {
-        const n = [...e.recommendationConfigs.filters];
-        n[r] = {
+      const e = this.blockStates[this.currentRecommendationId], n = e.recommendationConfigs.filters.findIndex((r) => r.filterNumber === t.filterNumber && r.filterGroup === t.filterGroup);
+      if (n !== -1) {
+        const r = [...e.recommendationConfigs.filters];
+        r[n] = {
           ...t,
-          isValid: J(t)
-        }, e.recommendationConfigs.filters = n;
+          isValid: H(t)
+        }, e.recommendationConfigs.filters = r;
       }
     },
     deleteFilter(t) {
       if (this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId])
         return;
-      const e = this.blockStates[this.currentRecommendationId], r = [...e.recommendationConfigs.filters].findIndex((n) => n.filterNumber === t.filterNumber && n.filterGroup === t.filterGroup);
-      if (r !== -1) {
-        let n = [...e.recommendationConfigs.filters];
-        if (n.splice(r, 1), n.some((i) => i.filterGroup === t.filterGroup)) {
+      const e = this.blockStates[this.currentRecommendationId], n = [...e.recommendationConfigs.filters].findIndex((r) => r.filterNumber === t.filterNumber && r.filterGroup === t.filterGroup);
+      if (n !== -1) {
+        let r = [...e.recommendationConfigs.filters];
+        if (r.splice(n, 1), r.some((i) => i.filterGroup === t.filterGroup)) {
           let i = 1;
-          n = n.map((o) => o.filterGroup === t.filterGroup ? { ...o, filterNumber: i++ } : o);
+          r = r.map((s) => s.filterGroup === t.filterGroup ? { ...s, filterNumber: i++ } : s);
         } else {
-          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) => ({
+          const i = [...new Set(r.map((a) => a.filterGroup))].sort((a, d) => a - d), s = new Map(i.map((a, d) => [a, d + 1]));
+          r = r.map((a) => ({
             ...a,
-            filterGroup: o.get(a.filterGroup) ?? a.filterGroup
+            filterGroup: s.get(a.filterGroup) ?? a.filterGroup
           }));
         }
-        e.recommendationConfigs.filters = n;
+        e.recommendationConfigs.filters = r;
       }
     },
     addFilter(t) {
       if (this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId])
         return;
-      const e = this.blockStates[this.currentRecommendationId], r = [...e.recommendationConfigs.filters], s = r.filter(
-        (o) => o.filterGroup === t.filterGroup
-      ).length + 1, i = r.findLastIndex((o) => o.filterGroup === t.filterGroup);
-      i !== -1 ? r.splice(i + 1, 0, {
+      const e = this.blockStates[this.currentRecommendationId], n = [...e.recommendationConfigs.filters], o = n.filter(
+        (s) => s.filterGroup === t.filterGroup
+      ).length + 1, i = n.findLastIndex((s) => s.filterGroup === t.filterGroup);
+      i !== -1 ? n.splice(i + 1, 0, {
         ...t,
-        filterNumber: s
-      }) : r.push({
+        filterNumber: o
+      }) : n.push({
         ...t,
-        filterNumber: s
-      }), e.recommendationConfigs.filters = r;
+        filterNumber: o
+      }), e.recommendationConfigs.filters = n;
     },
     generateFilterQuery() {
-      return G(this.recommendationConfigs.filters);
+      return P(this.recommendationConfigs.filters);
     },
     /**
      * Validation-only check invoked at save-CTA time. Defined as an action
@@ -657,70 +664,77 @@ const Y = () => ({
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock() {
-      return Object.values(this.blockStates).some((t) => !W(t.recommendationConfigs, this));
+      return Object.values(this.blockStates).some((t) => !Q(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) => Q(t.recommendationConfigs, this));
+      return Object.values(this.blockStates).flatMap((t) => J(t.recommendationConfigs, this));
     },
     // ====================================================================
     // Per-Block Product Fetching
     // ====================================================================
     async fetchRecommendationProducts() {
-      if (this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId])
+      this.currentRecommendationId !== null && await this.fetchRecommendationProductsForBlock(this.currentRecommendationId);
+    },
+    /**
+     * Fetches one block's products whether or not it is selected: the panel teardown and the
+     * strategy drawer refresh the block they were handed after the user may have moved on.
+     */
+    async fetchRecommendationProductsForBlock(t) {
+      var i;
+      const e = this.blockStates[t];
+      if (!e)
         return;
-      const t = [
-        this.currentRecommendationId,
-        this.configVersion,
-        b
-      ].join(":");
-      if (p && I === t) {
-        await p;
+      const n = [e.configVersion, e.adoptedSizeVersion, b].join(":"), r = I.get(t);
+      if ((r == null ? void 0 : r.key) === n) {
+        await r.promise;
         return;
       }
-      I = t, p = this._doFetchProducts();
+      const o = this._doFetchProducts(t);
+      I.set(t, { key: n, promise: o });
       try {
-        await p;
+        await o;
       } finally {
-        I === t && (p = null, I = "");
+        ((i = I.get(t)) == null ? void 0 : i.promise) === o && I.delete(t);
       }
     },
-    async _doFetchProducts() {
-      var h;
-      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = R();
-      if (r.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy")) {
-        await this._doFetchStrategyProducts(t);
+    // Captures the block ID up front so the write lands on it even if the user switches.
+    async _doFetchProducts(t) {
+      var S;
+      const e = t ?? this.currentRecommendationId, n = this.blockStates[e], { recommendationConfigs: r } = n, o = R();
+      if (r.strategyId && o.isFeatureEnabled("reusableRecommendationStrategy")) {
+        await this._doFetchStrategyProducts(e);
         return;
       }
-      const s = (m.get(t) ?? 0) + 1;
-      m.set(t, s);
-      const i = parseInt(r.size) || 6;
+      const i = (u.get(e) ?? 0) + 1;
+      u.set(e, i);
+      const s = parseInt(r.size) || 6;
       if (!r.strategy) {
-        this._setBlockProducts(t, [], i);
+        this._setBlockProducts(e, [], s);
         return;
       }
-      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 = {
+      const a = r.filters.filter((h) => h.isValid), d = P(a), f = ((S = F().find((h) => h.key === r.strategy)) == null ? void 0 : S.path) || "", c = {
         locale: r.language,
         currency: r.currencySettings.value,
-        partnerName: n.partnerName,
+        partnerName: o.partnerName,
         size: r.size,
         details: !0,
-        campaignId: n.variationId
+        campaignId: o.variationId
       };
-      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(
+      r.strategy === "manualMerchandising" ? c.productId = K(r.productIds) : r.strategy === "similarViewed" && (c.productId = "{itemId}"), r.strategy === "userBased" && (c.userId = "{user_id}"), d && (c.filter = d), r.shuffleProducts && (c.shuffle = !0), Object.assign(
         c,
-        K(n.partnerName, r.strategy)
+        q(o.partnerName, r.strategy)
       );
-      let d;
+      let g;
       try {
-        d = await u.fetchRecommendationProducts(f, c);
+        g = await m.fetchRecommendationProducts(f, c);
       } catch {
-        d = [];
+        g = [];
       }
-      m.get(t) === s && this._setBlockProducts(t, d, i);
+      u.get(e) === i && this._setBlockProducts(e, g, s);
     },
     /**
      * Block-scoped counterpart of `fetchRecommendationProducts`, which only serves the selected block:
@@ -728,8 +742,8 @@ const Y = () => ({
      * @returns whether real products arrived
      */
     async fetchStrategyProductsForBlock(t, e = {}) {
-      var r;
-      return (r = this.blockStates[t]) != null && r.recommendationConfigs.strategyId ? this._doFetchStrategyProducts(t, e) : !1;
+      var n;
+      return (n = this.blockStates[t]) != null && n.recommendationConfigs.strategyId ? this._doFetchStrategyProducts(t, e) : !1;
     },
     /**
      * Reloads a block's products and adopts its strategy's current size, which may have
@@ -737,8 +751,8 @@ const Y = () => ({
      * @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;
+      var o;
+      const e = (o = this.blockStates[t]) == null ? void 0 : o.recommendationConfigs.strategyId;
       if (!e)
         return !1;
       try {
@@ -746,50 +760,54 @@ const Y = () => ({
       } 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 }))
+      const n = this.strategiesFetched ? this.strategies.find((i) => String(i.strategy_id) === e) : void 0;
+      if (!n || !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);
+      const r = this.blockStates[t];
+      if ((r == null ? void 0 : r.recommendationConfigs.strategyId) !== e)
+        return !1;
+      if (n.size !== void 0) {
+        const i = String(n.size);
+        r.recommendationConfigs.size !== i && r.adoptedSizeVersion++, r.recommendationConfigs = { ...r.recommendationConfigs, size: i };
+      }
+      return !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;
+      const n = (u.get(t) ?? 0) + 1;
+      u.set(t, n);
+      const r = this._loadStrategyProducts(t, n, e);
+      return _.set(t, { token: n, outcome: r }), r;
+    },
+    async _loadStrategyProducts(t, e, { keepOnFailure: n = !1 }) {
+      const { recommendationConfigs: r } = this.blockStates[t];
+      let o = [], i = parseInt(r.size) || 6;
       try {
         await this.fetchStrategies();
-        const o = this.strategies.find(
-          (a) => String(a.strategy_id) === n.strategyId
+        const s = this.strategies.find(
+          (a) => String(a.strategy_id) === r.strategyId
         );
-        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));
+        if (s) {
+          i = parseInt(String(s.size ?? "")) || i;
+          const a = r.currencySettings.value, f = (await this.resolveStrategyUrlTemplate(s, a)).replaceAll("{locale}", r.language).replaceAll("{currency}", a), c = f.indexOf("?"), g = c === -1 ? f : f.slice(0, c), S = (c === -1 ? "" : f.slice(c + 1)).split("&").filter((v) => v && !v.startsWith("user_id=")), h = S.length ? `${g}?${S.join("&")}` : g;
+          h && (o = await m.fetchRecommendationProductsByUrl(h));
         }
       } catch {
-        s = [];
+        o = [];
       }
-      return m.get(t) !== e ? X(t) : !s.length && r ? !1 : (this._setBlockProducts(t, s, i), s.length > 0);
+      return u.get(t) !== e ? W(t) : !o.length && n ? !1 : (this._setBlockProducts(t, o, i), o.length > 0);
     },
-    _setBlockProducts(t, e, r) {
+    _setBlockProducts(t, e, n) {
       if (!this.blockStates[t])
         return;
-      const n = e.length > 0 ? e : P(r);
+      const r = e.length > 0 ? e : w(n);
       this.blockStates[t].recommendationProducts = [
-        ...n.slice(0, r),
-        ...P(Math.max(0, r - n.length))
+        ...r.slice(0, n),
+        ...w(Math.max(0, n - r.length))
       ];
     }
   }
 });
 export {
+  X as disposeStrategyPageReturnListeners,
   St as useRecommendationExtensionStore
 };