@useinsider/guido 3.19.0-beta.c8d2be8 → 3.19.0-beta.cd25cc8

package/dist/extensions/Blocks/Recommendation/block.js

@@ -1,9 +1,9 @@
-var y = Object.defineProperty;
-var A = (l, c, t) => c in l ? y(l, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[c] = t;
-var g = (l, c, t) => A(l, typeof c != "symbol" ? c + "" : c, t);
-import { useConfig as h } from "../../../composables/useConfig.js";
+var b = Object.defineProperty;
+var C = (l, c, t) => c in l ? b(l, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[c] = t;
+var h = (l, c, t) => C(l, typeof c != "symbol" ? c + "" : c, t);
+import { useConfig as g } from "../../../composables/useConfig.js";
 import { BlockId as D } from "../../../enums/block.js";
-import { getMigrationBannerHtml as C } from "../../../utils/migrationBannerHtml.js";
+import { getMigrationBannerHtml as A } from "../../../utils/migrationBannerHtml.js";
 import { Block as E, BlockCompositionType as S, ModificationDescription as p } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CURRENT_CONFIG_VERSION as N, PRE_RRS_CONFIG_VERSION as O } from "./constants/defaultConfig.js";
 import { RECOMMENDATION_ID_ATTR as m } from "./constants/selectors.js";
@@ -13,18 +13,20 @@ import { RecommendationConfigService as s } from "./services/configService.js";
 import { useRecommendationExtensionStore as d } from "./store/recommendation.js";
 import { getDefaultTemplate as T } from "./templates/grid/template.js";
 import { useRecommendationBlockWarning as x } from "./useRecommendationBlockWarning.js";
-const k = D.Recommendation, u = "recommendation-block-v2", B = "hide-price";
-let b = !1;
-class j extends E {
+import { registerNodeConfigWriter as H } from "./utils/nodeConfigWriter.js";
+import { refreshDuplicatedStrategyBlocks as $ } from "./utils/strategyCommit.js";
+const k = D.Recommendation, u = "recommendation-block-v2", y = "hide-price";
+let B = !1;
+class Y extends E {
   constructor() {
     super();
     /**
      * Stores the ID generated in getTemplate() so onCreated() can reuse it.
      * This avoids generating a new (different) ID in onCreated().
      */
-    g(this, "_pendingBlockId", null);
+    h(this, "_pendingBlockId", null);
     /** Ids already reset under their new name, so the deferred pass skips their stale snapshot. */
-    g(this, "_resetSourceIds", /* @__PURE__ */ new Set());
+    h(this, "_resetSourceIds", /* @__PURE__ */ new Set());
   }
   getId() {
     return k;
@@ -44,7 +46,7 @@ class j extends E {
     );
   }
   getSettingsPanelTitleHtml() {
-    return C(
+    return A(
       k,
       this.api.translate("Recommendation Block"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.")
@@ -91,12 +93,13 @@ class j extends E {
     }
     const i = this._pendingBlockId ?? this._generateNextId();
     this._pendingBlockId = null, this._assignRecommendationId(t, i);
-    const n = h().isFeatureEnabled("reusableRecommendationStrategy"), o = n && !s.hasConfig(t), { config: r, wasFreshDrop: a } = s.initializeConfig(
+    const n = g().isFeatureEnabled("reusableRecommendationStrategy"), o = n && !s.hasConfig(t), { config: r, wasFreshDrop: a } = s.initializeConfig(
       this.api,
       t,
       {
         recommendationId: i,
         configVersion: n ? N : O,
+        ...o ? { partnerName: g().partnerName.value } : {},
         // An RRS block picks a strategy, not an algorithm, and its algorithm control is
         // hidden. Keeping the `mostPopular` default would bake a most-popular feed URL
         // at save for a block the user never configured.
@@ -133,7 +136,7 @@ class j extends E {
       }
       this._healLingeringDuplicate(t), s.needsMigration(t) && this._migrateFromLegacy(t), this._healHidePriceAttr(t);
       try {
-        b || (I(this.api), b = !0);
+        B || (I(this.api), B = !0);
         const e = s.getConfig(t), i = this._getBlockElement(t);
         if (i) {
           const n = !e.mobileLayoutEnabled;
@@ -197,7 +200,7 @@ class j extends E {
    * the renamed one depending on where the module was dropped (SD-149916).
    */
   _scheduleArrivalReset(t) {
-    h().isFeatureEnabled("reusableRecommendationStrategy") && setTimeout(() => {
+    g().isFeatureEnabled("reusableRecommendationStrategy") && setTimeout(() => {
       const e = this._getRecommendationId(t);
       e !== null && e > 0 && !this._resetSourceIds.delete(e) && d().resetArrivedBlock(e);
     }, 0);
@@ -256,7 +259,7 @@ class j extends E {
   /** Assigns a fresh id to a duplicated block and syncs DOM, node config and store. */
   _handleDuplicate(t, e) {
     const i = this._reassignDuplicateId(t, e), n = d();
-    n.cloneBlockState(e, i), n.setCurrentBlock(i), h().isFeatureEnabled("reusableRecommendationStrategy") && (this._resetSourceIds.add(e), n.resetArrivedBlock(i)), this._warnIfMultipleBlocks();
+    n.cloneBlockState(e, i), n.setCurrentBlock(i), g().isFeatureEnabled("reusableRecommendationStrategy") && (this._resetSourceIds.add(e), H(this.api), $(e, i, s.getConfig(t)).catch((o) => console.error("[recommendation] refreshing a duplicated strategy failed", o))), this._warnIfMultipleBlocks();
   }
   /**
    * Core id-reassignment for a duplicated block: rewrites the DOM
@@ -312,7 +315,7 @@ class j extends E {
    */
   _stampHidePrice(t, e) {
     const i = this._getBlockElement(t);
-    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(B, String(e)).apply(new p("Stamp hide-price"));
+    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(y, String(e)).apply(new p("Stamp hide-price"));
   }
   /**
    * Stamps `hide-price` from config only when the block lacks the attribute —
@@ -320,7 +323,7 @@ class j extends E {
    */
   _healHidePriceAttr(t) {
     const e = this._getBlockElement(t);
-    if (!e || !("getAttribute" in e) || e.getAttribute(B) !== null)
+    if (!e || !("getAttribute" in e) || e.getAttribute(y) !== null)
       return;
     const { priceHideIfSameAsDiscounted: i } = s.getConfig(t);
     this._stampHidePrice(t, i);
@@ -358,5 +361,5 @@ class j extends E {
 }
 export {
   k as BLOCK_ID,
-  j as RecommendationBlock
+  Y as RecommendationBlock
 };

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

@@ -1,37 +1,37 @@
-var m = Object.defineProperty;
-var C = (g, c, t) => c in g ? m(g, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : g[c] = t;
-var i = (g, c, t) => C(g, typeof c != "symbol" ? c + "" : c, t);
-import { useConfig as p } from "../../../../../composables/useConfig.js";
+var C = Object.defineProperty;
+var p = (g, u, t) => u in g ? C(g, u, { enumerable: !0, configurable: !0, writable: !0, value: t }) : g[u] = t;
+var i = (g, u, t) => p(g, typeof u != "symbol" ? u + "" : u, t);
+import { useConfig as h } from "../../../../../composables/useConfig.js";
 import { ModificationDescription as y } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as N } from "../../../common-control.js";
 import { RRS_CONFIG_VERSION as _, DEFAULT_NODE_CONFIG as a } from "../../constants/defaultConfig.js";
 import { RECOMMENDATION_ID_ATTR as I } from "../../constants/selectors.js";
-import { RecommendationConfigService as l } from "../../services/configService.js";
+import { RecommendationConfigService as c } from "../../services/configService.js";
 import { useRecommendationExtensionStore as R } from "../../store/recommendation.js";
 import { registerNodeConfigWriter as b } from "../../utils/nodeConfigWriter.js";
-import { AlgorithmControl as T } from "./algorithm.js";
-import { ALGORITHM_CONTROL_ID as dt } from "./algorithm.js";
-import { CurrencyControl as P } from "./currency.js";
+import { AlgorithmControl as P } from "./algorithm.js";
+import { ALGORITHM_CONTROL_ID as ut } from "./algorithm.js";
+import { CurrencyControl as T } from "./currency.js";
 import { CURRENCY_CONTROL_ID as gt } from "./currency.js";
 import { FiltersControl as S } from "./filters.js";
 import { FILTERS_CONTROL_ID as ft } from "./filters.js";
 import { LayoutOrientationControl as O } from "./layoutOrientation.js";
 import { LAYOUT_ORIENTATION_CONTROL_ID as Ct } from "./layoutOrientation.js";
-import { LocaleControl as L } from "./locale.js";
+import { LocaleControl as k } from "./locale.js";
 import { LOCALE_CONTROL_ID as yt } from "./locale.js";
-import { PricePlacementControl as k } from "./pricePlacement.js";
+import { PricePlacementControl as L } from "./pricePlacement.js";
 import { PRICE_PLACEMENT_CONTROL_ID as _t } from "./pricePlacement.js";
 import { ProductCountControl as E } from "./productCount.js";
 import { PRODUCT_COUNT_CONTROL_ID as Rt } from "./productCount.js";
 import { ProductLayoutControl as F } from "./productLayout.js";
-import { PRODUCT_LAYOUT_CONTROL_ID as Tt } from "./productLayout.js";
+import { PRODUCT_LAYOUT_CONTROL_ID as Pt } from "./productLayout.js";
 import { ShuffleControl as D } from "./shuffle.js";
 import { SHUFFLE_CONTROL_ID as St } from "./shuffle.js";
-import { StrategyControl as w } from "./strategy.js";
-import { STRATEGY_CONTROL_ID as Lt } from "./strategy.js";
-import { setCurrencyAttributes as A, getBlockElement as B, isPartnerManagedBlock as v, updateProductContentInPlace as x, regenerateProductRowsWithStyles as U } from "./utils.js";
-import { adjustProductsToSize as Et, formatProductPrice as Ft, getCardComposition as Dt, getCurrentLayout as wt, getMainContainerTbody as At, regenerateMobileProductRows as Bt, updatePricesInPlace as vt, updateSingleProductContent as xt } from "./utils.js";
-import { useDebounceFn as h } from "../../../../../node_modules/@vueuse/shared/index.js";
+import { StrategyControl as B } from "./strategy.js";
+import { STRATEGY_CONTROL_ID as kt } from "./strategy.js";
+import { setCurrencyAttributes as w, getBlockElement as v, isPartnerManagedBlock as A, updateProductContentInPlace as x, regenerateProductRowsWithStyles as U } from "./utils.js";
+import { adjustProductsToSize as Et, formatProductPrice as Ft, getCardComposition as Dt, getCurrentLayout as Bt, getMainContainerTbody as wt, regenerateMobileProductRows as vt, updatePricesInPlace as At, updateSingleProductContent as xt } from "./utils.js";
+import { useDebounceFn as f } from "../../../../../node_modules/@vueuse/shared/index.js";
 const W = "ui-elements-recommendation-block";
 class at extends N {
   constructor() {
@@ -58,7 +58,7 @@ class at extends N {
     /**
      * Debounced product fetch to prevent rapid API calls during config changes
      */
-    i(this, "_debouncedFetchProducts", h(async () => {
+    i(this, "_debouncedFetchProducts", f(async () => {
       try {
         await this.store.fetchRecommendationProducts();
       } finally {
@@ -76,24 +76,22 @@ class at extends N {
      * count. The store pads products to the configured size, so in-place only
      * fails when the size actually changed.
      */
-    i(this, "_debouncedRegenerateWithProducts", h(() => {
-      const t = this.store.recommendationProducts;
+    i(this, "_debouncedRegenerateWithProducts", f(() => {
       if (!this.currentNode || !this.api)
         return;
-      const e = this.api.getDocumentModifier(), o = this._stagePendingNodeConfig(e);
-      if (v(this.currentNode)) {
-        o && (e.apply(new y("Update recommendation configuration")), this.pendingNodeConfigWrite = null, this._clearConfigFlush());
+      const t = this._getRecommendationIdFromNode(this.currentNode), e = this.store.currentRecommendationId;
+      if (t === null || e === null || t === e || !this.store.blockStates[t]) {
+        this._regenerateWithProducts();
         return;
       }
-      x({
-        currentNode: this.currentNode,
-        documentModifier: e,
-        products: t
-      }) || U({
-        currentNode: this.currentNode,
-        documentModifier: e,
-        products: t
-      });
+      if (this.store.blockStates[t].recommendationProducts.length) {
+        this.store.setCurrentBlock(t);
+        try {
+          this._regenerateWithProducts();
+        } finally {
+          this.store.setCurrentBlock(e);
+        }
+      }
     }, 100));
   }
   getId() {
@@ -115,10 +113,10 @@ class at extends N {
   }
   getTemplate() {
     var t;
-    return this.rrsEnabled = p().isFeatureEnabled("reusableRecommendationStrategy"), this._subControls.forEach((e) => {
+    return this.rrsEnabled = h().isFeatureEnabled("reusableRecommendationStrategy"), this._subControls.forEach((e) => {
       var o;
       return (o = e == null ? void 0 : e.onDestroy) == null ? void 0 : o.call(e);
-    }), this.algorithmControl = new T(), this.localeControl = new L(), this.currencyControl = new P(), this.productCountControl = new E(), this.productLayoutControl = new F(), this.filtersControl = new S(), this.shuffleControl = new D(), this.pricePlacementControl = new k(), this.layoutOrientationControl = new O(), this.strategyControl = this.rrsEnabled ? new w() : null, this._subControls.forEach((e) => {
+    }), this.algorithmControl = new P(), this.localeControl = new k(), this.currencyControl = new T(), this.productCountControl = new E(), this.productLayoutControl = new F(), this.filtersControl = new S(), this.shuffleControl = new D(), this.pricePlacementControl = new L(), this.layoutOrientationControl = new O(), this.strategyControl = this.rrsEnabled ? new B() : null, this._subControls.forEach((e) => {
       e && (e.api = this.api);
     }), `
             <div class="recommendation-controls-container">
@@ -136,12 +134,12 @@ class at extends N {
         `;
   }
   _showControlsForBlock(t) {
-    var r;
-    const e = (r = this.getContainer()) == null ? void 0 : r.querySelector(".recommendation-controls-container");
+    var n;
+    const e = (n = this.getContainer()) == null ? void 0 : n.querySelector(".recommendation-controls-container");
     if (!e)
       return;
-    const o = this._getRecommendationIdFromNode(t) === null ? null : l.getConfig(t), n = this.rrsEnabled && !!o && (!!(o != null && o.strategyId) || ((o == null ? void 0 : o.configVersion) ?? 0) >= _), s = this.rrsEnabled && !!o && !n;
-    e.classList.toggle("strategy-block", n), e.classList.toggle("legacy-strategy-block", s);
+    const o = this._getRecommendationIdFromNode(t) === null ? null : c.getConfig(t), r = this.rrsEnabled && !!o && (!!(o != null && o.strategyId) || ((o == null ? void 0 : o.configVersion) ?? 0) >= _), s = this.rrsEnabled && !!o && !r;
+    e.classList.toggle("strategy-block", r), e.classList.toggle("legacy-strategy-block", s);
   }
   async onRender() {
     var o;
@@ -159,9 +157,9 @@ class at extends N {
     const e = this._getRecommendationIdFromNode(t);
     e !== null && e !== this.store.currentRecommendationId && this.store.setCurrentBlock(e), e !== null && this._syncNodeConfigIfChanged(e), this._showControlsForBlock(t), e !== null && !((o = this.store.blockStates[e]) != null && o.isInitialized) && this._fetchBlockData(e).then(() => {
       this._initializeSubControls();
-    }), this._subControls.forEach((n) => {
+    }), this._subControls.forEach((r) => {
       var s;
-      n != null && n.api && (n.currentNode = t, (s = n.onTemplateNodeUpdated) == null || s.call(n, t));
+      r != null && r.api && (r.currentNode = t, (s = r.onTemplateNodeUpdated) == null || s.call(r, t));
     });
   }
   onDestroy() {
@@ -209,23 +207,30 @@ class at extends N {
     const e = this.store.blockStates[t];
     if (!e)
       return;
-    const o = JSON.stringify(l.getConfig(this.currentNode)), n = e.syncedConfigFingerprint;
-    e.syncedConfigFingerprint = o, n !== o && (this.pendingNodeConfigWrite || this._syncNodeConfigToStore());
+    const o = JSON.stringify(c.getConfig(this.currentNode)), r = e.syncedConfigFingerprint;
+    e.syncedConfigFingerprint = o, r !== o && (this.pendingNodeConfigWrite || this._syncNodeConfigToStore());
   }
   /** Whether the deferred write would move the node's strategyId — see the caller (SD-149916). */
   _isPendingStrategyIdChange() {
     const t = this.pendingNodeConfigWrite;
-    return t ? l.getConfig(this.currentNode).strategyId !== t.updates.strategyId : !1;
+    return t ? c.getConfig(this.currentNode).strategyId !== t.updates.strategyId : !1;
   }
   _capturePendingNodeConfigWrite() {
     const t = this.store.currentRecommendationId;
     if (!this.currentNode || !this.api || t === null)
       return;
-    const { filters: e, strategy: o, strategyId: n, size: s, nodeConfigVersion: r } = this.store.recommendationConfigs;
+    const { filters: e, strategy: o, strategyId: r, size: s, nodeConfigVersion: n } = this.store.recommendationConfigs, { partnerName: l } = h();
     this.pendingNodeConfigWrite = {
       blockId: t,
       node: this.currentNode,
-      updates: { filters: e, strategy: o, strategyId: n, size: s, configVersion: r }
+      updates: {
+        filters: e,
+        strategy: o,
+        strategyId: r,
+        size: s,
+        configVersion: n,
+        ...l.value ? { partnerName: l.value } : {}
+      }
     };
   }
   /**
@@ -240,7 +245,7 @@ class at extends N {
    */
   _stagePendingNodeConfig(t) {
     const e = this.pendingNodeConfigWrite;
-    return !e || !this.currentNode ? !1 : (l.stageConfig(t, this.currentNode, e.updates), !0);
+    return !e || !this.currentNode ? !1 : (c.stageConfig(t, this.currentNode, e.updates), !0);
   }
   /**
    * Arms the guaranteed fallback write, once the product fetch has settled. The
@@ -264,12 +269,12 @@ class at extends N {
     const t = this.pendingNodeConfigWrite;
     if (this.pendingNodeConfigWrite = null, this._clearConfigFlush(), !t || !this.api)
       return;
-    const e = t.blockId === this.store.currentRecommendationId && this.currentNode ? this.currentNode : t.node, o = l.getConfig(e);
-    JSON.stringify(o.filters) === JSON.stringify(t.updates.filters) && o.strategy === t.updates.strategy && o.strategyId === t.updates.strategyId && o.size === t.updates.size || l.updateConfig(this.api, e, t.updates, "Update recommendation filters");
+    const e = t.blockId === this.store.currentRecommendationId && this.currentNode ? this.currentNode : t.node, o = c.getConfig(e);
+    JSON.stringify(o.filters) === JSON.stringify(t.updates.filters) && o.strategy === t.updates.strategy && o.strategyId === t.updates.strategyId && o.size === t.updates.size || c.updateConfig(this.api, e, t.updates, "Update recommendation filters");
   }
   _syncNodeConfigToStore() {
-    var n;
-    const t = l.getConfig(this.currentNode), e = this.store.currentRecommendationId, o = e !== null && ((n = this.store.blockStates[e]) == null ? void 0 : n.isInitialized);
+    var r;
+    const t = c.getConfig(this.currentNode), e = this.store.currentRecommendationId, o = e !== null && ((r = this.store.blockStates[e]) == null ? void 0 : r.isInitialized);
     this.store.patchCurrentBlockConfig({
       strategy: t.strategy,
       strategyId: t.strategyId,
@@ -312,8 +317,8 @@ class at extends N {
     t !== null && this.store.markBlockInitialized(t), (await Promise.allSettled([
       this.store.fetchRecommendationCreateData(),
       this.store.fetchRecommendationFilters()
-    ])).forEach((o, n) => {
-      o.status === "rejected" && console.warn(`Recommendation block: ${["fetchRecommendationCreateData", "fetchRecommendationFilters"][n]} failed`, o.reason);
+    ])).forEach((o, r) => {
+      o.status === "rejected" && console.warn(`Recommendation block: ${["fetchRecommendationCreateData", "fetchRecommendationFilters"][r]} failed`, o.reason);
     }), this._applySmartDefaults();
     try {
       await this.store.fetchRecommendationProducts();
@@ -334,36 +339,36 @@ class at extends N {
   _applySmartDefaults() {
     if (!this.currentNode || !this.api)
       return;
-    const t = l.getConfig(this.currentNode), e = {};
-    let o = null, n = null, s = null;
+    const t = c.getConfig(this.currentNode), e = {};
+    let o = null, r = null, s = null;
     if (t.currency.code === a.currency.code) {
-      const { currencyList: r } = this.store;
-      r.length > 0 && (r.some(
-        (u) => u.value === `price.${a.currency.code}`
-      ) || (o = r[0].value.replace("price.", ""), e.currency = {
+      const { currencyList: n } = this.store;
+      n.length > 0 && (n.some(
+        (d) => d.value === `price.${a.currency.code}`
+      ) || (o = n[0].value.replace("price.", ""), e.currency = {
         ...a.currency,
         code: o,
         symbol: o
       }));
     }
     if (t.strategy === a.strategy) {
-      const r = this.store.getActivePredictiveAlgorithms;
-      r.length > 0 && (r.some(
-        (u) => u.value === a.strategy
-      ) || (n = r[0].value, e.strategy = n));
+      const n = this.store.getActivePredictiveAlgorithms;
+      n.length > 0 && (n.some(
+        (d) => d.value === a.strategy
+      ) || (r = n[0].value, e.strategy = r));
     }
     if (t.language === a.language) {
-      const r = this.store.getLanguages;
-      r.length > 0 && (r.some(
-        (u) => u.value === a.language
-      ) || (s = r[0].value, e.language = s));
+      const n = this.store.getLanguages;
+      n.length > 0 && (n.some(
+        (d) => d.value === a.language
+      ) || (s = n[0].value, e.language = s));
     }
-    !o && !n && !s || (l.updateConfig(
+    !o && !r && !s || (c.updateConfig(
       this.api,
       this.currentNode,
       e,
       "Applied smart defaults"
-    ), o && e.currency && A({
+    ), o && e.currency && w({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
       currency: e.currency
@@ -379,7 +384,7 @@ class at extends N {
           thousandSeparator: a.currency.thousandSeparator
         }
       } : {},
-      ...n ? { strategy: n } : {},
+      ...r ? { strategy: r } : {},
       ...s ? { language: s } : {}
     }, { triggerRefetch: !1 }));
   }
@@ -387,14 +392,33 @@ class at extends N {
    * Reads the recommendation-id attribute from the block element within the node
    */
   _getRecommendationIdFromNode(t) {
-    const e = B(t);
+    const e = v(t);
     if (!e || !("getAttribute" in e))
       return null;
     const o = e.getAttribute(I);
     if (!o)
       return null;
-    const n = parseInt(o);
-    return Number.isNaN(n) ? null : n;
+    const r = parseInt(o);
+    return Number.isNaN(r) ? null : r;
+  }
+  /** Draws the current block's products into this panel's node. */
+  _regenerateWithProducts() {
+    if (!this.currentNode || !this.api)
+      return;
+    const t = this.store.recommendationProducts, e = this.api.getDocumentModifier(), o = this._stagePendingNodeConfig(e);
+    if (A(this.currentNode)) {
+      o && (e.apply(new y("Update recommendation configuration")), this.pendingNodeConfigWrite = null, this._clearConfigFlush());
+      return;
+    }
+    x({
+      currentNode: this.currentNode,
+      documentModifier: e,
+      products: t
+    }) || U({
+      currentNode: this.currentNode,
+      documentModifier: e,
+      products: t
+    });
   }
   /**
    * Listen to store changes that require product refresh or regeneration.
@@ -411,54 +435,54 @@ class at extends N {
    */
   _listenStateUpdates() {
     const { store: t } = this;
-    let e = t.recommendationProducts, o = t.$state.configVersion, n = t.currentRecommendationId;
+    let e = t.recommendationProducts, o = t.$state.configVersion, r = t.currentRecommendationId;
     this.storeUnsubscription = t.$subscribe(() => {
       const s = t.currentRecommendationId;
-      if (s !== n) {
-        n = s, e = t.recommendationProducts, o = t.$state.configVersion;
+      if (s !== r) {
+        r = s, e = t.recommendationProducts, o = t.$state.configVersion;
         return;
       }
-      const r = t.$state.configVersion;
-      r !== o && (o = r, this._capturePendingNodeConfigWrite(), this._isPendingStrategyIdChange() && this._flushPendingNodeConfig(), this._debouncedFetchProducts());
-      const d = t.recommendationProducts, u = d !== e, f = Array.isArray(d) && d.length > 0;
-      u && f && (e = d, this._debouncedRegenerateWithProducts());
+      const n = t.$state.configVersion;
+      n !== o && (o = n, this._capturePendingNodeConfigWrite(), this._isPendingStrategyIdChange() && this._flushPendingNodeConfig(), this._debouncedFetchProducts());
+      const l = t.recommendationProducts, d = l !== e, m = Array.isArray(l) && l.length > 0;
+      d && m && (e = l, this._debouncedRegenerateWithProducts());
     });
   }
 }
 export {
-  dt as ALGORITHM_CONTROL_ID,
-  T as AlgorithmControl,
+  ut as ALGORITHM_CONTROL_ID,
+  P as AlgorithmControl,
   W as CONTROL_BLOCK_ID,
   gt as CURRENCY_CONTROL_ID,
-  P as CurrencyControl,
+  T as CurrencyControl,
   ft as FILTERS_CONTROL_ID,
   S as FiltersControl,
   Ct as LAYOUT_ORIENTATION_CONTROL_ID,
   yt as LOCALE_CONTROL_ID,
   O as LayoutOrientationControl,
-  L as LocaleControl,
+  k as LocaleControl,
   _t as PRICE_PLACEMENT_CONTROL_ID,
   Rt as PRODUCT_COUNT_CONTROL_ID,
-  Tt as PRODUCT_LAYOUT_CONTROL_ID,
-  k as PricePlacementControl,
+  Pt as PRODUCT_LAYOUT_CONTROL_ID,
+  L as PricePlacementControl,
   E as ProductCountControl,
   F as ProductLayoutControl,
   at as RecommendationBlockControl,
   St as SHUFFLE_CONTROL_ID,
-  Lt as STRATEGY_CONTROL_ID,
+  kt as STRATEGY_CONTROL_ID,
   D as ShuffleControl,
-  w as StrategyControl,
+  B as StrategyControl,
   Et as adjustProductsToSize,
   Ft as formatProductPrice,
-  B as getBlockElement,
+  v as getBlockElement,
   Dt as getCardComposition,
-  wt as getCurrentLayout,
-  At as getMainContainerTbody,
-  v as isPartnerManagedBlock,
-  Bt as regenerateMobileProductRows,
+  Bt as getCurrentLayout,
+  wt as getMainContainerTbody,
+  A as isPartnerManagedBlock,
+  vt as regenerateMobileProductRows,
   U as regenerateProductRowsWithStyles,
-  A as setCurrencyAttributes,
-  vt as updatePricesInPlace,
+  w as setCurrencyAttributes,
+  At as updatePricesInPlace,
   x as updateProductContentInPlace,
   xt as updateSingleProductContent
 };