@useinsider/guido 3.20.2-beta.87fb8ae → 3.21.0-beta.0df5409

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

@@ -1,72 +1,75 @@
-var _ = Object.defineProperty;
-var y = (h, c, e) => c in h ? _(h, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[c] = e;
-var i = (h, c, e) => y(h, typeof c != "symbol" ? c + "" : c, e);
-import { useConfig as g } from "../../../../../composables/useConfig.js";
-import { ModificationDescription as N } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as P } from "../../../common-control.js";
-import { RRS_CONFIG_VERSION as R, DEFAULT_NODE_CONFIG as a } from "../../constants/defaultConfig.js";
-import { RECOMMENDATION_ID_ATTR as k } from "../../constants/selectors.js";
-import { RecommendationConfigService as l } from "../../services/configService.js";
-import { useRecommendationExtensionStore as I } from "../../store/recommendation.js";
-import { refreshBlockOutsidePanel as S } from "../../utils/blockRefresh.js";
-import { registerNodeConfigWriter as T, writeBlockConfigOutsidePanel as m, hasEditedConfigChange as b } from "../../utils/nodeConfigWriter.js";
-import { AlgorithmControl as O } from "./algorithm.js";
-import { ALGORITHM_CONTROL_ID as me } from "./algorithm.js";
-import { CurrencyControl as B } from "./currency.js";
-import { CURRENCY_CONTROL_ID as pe } from "./currency.js";
-import { FiltersControl as L } from "./filters.js";
-import { FILTERS_CONTROL_ID as ye } from "./filters.js";
-import { LayoutOrientationControl as E } from "./layoutOrientation.js";
-import { LAYOUT_ORIENTATION_CONTROL_ID as Pe } from "./layoutOrientation.js";
-import { LocaleControl as F } from "./locale.js";
-import { LOCALE_CONTROL_ID as ke } from "./locale.js";
-import { PricePlacementControl as D } from "./pricePlacement.js";
-import { PRICE_PLACEMENT_CONTROL_ID as Se } from "./pricePlacement.js";
-import { ProductCountControl as U } from "./productCount.js";
-import { PRODUCT_COUNT_CONTROL_ID as be } from "./productCount.js";
-import { ProductLayoutControl as v } from "./productLayout.js";
-import { PRODUCT_LAYOUT_CONTROL_ID as Be } from "./productLayout.js";
-import { ShuffleControl as w } from "./shuffle.js";
-import { SHUFFLE_CONTROL_ID as Ee } from "./shuffle.js";
-import { StrategyControl as A } from "./strategy.js";
-import { STRATEGY_CONTROL_ID as De } from "./strategy.js";
-import { setCurrencyAttributes as V, getBlockElement as x, isPartnerManagedBlock as W, updateProductContentInPlace as M, regenerateProductRowsWithStyles as G } from "./utils.js";
-import { adjustProductsToSize as ve, formatProductPrice as we, getCardComposition as Ae, getCurrentLayout as Ve, getMainContainerTbody as xe, regenerateMobileProductRows as We, updatePricesInPlace as Me, updateSingleProductContent as Ge } from "./utils.js";
-import { useDebounceFn as C } from "../../../../../node_modules/@vueuse/shared/index.js";
-const f = "Update recommendation filters", z = "ui-elements-recommendation-block";
-class he extends P {
+var k = Object.defineProperty;
+var I = (h, l, e) => l in h ? k(h, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[l] = e;
+var s = (h, l, e) => I(h, typeof l != "symbol" ? l + "" : l, e);
+import { useConfig as m } from "../../../../../composables/useConfig.js";
+import { ModificationDescription as C } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as R } from "../../../common-control.js";
+import { RRS_CONFIG_VERSION as b, DEFAULT_NODE_CONFIG as u } from "../../constants/defaultConfig.js";
+import { RECOMMENDATION_ID_ATTR as O } from "../../constants/selectors.js";
+import { RecommendationConfigService as d } from "../../services/configService.js";
+import { useRecommendationExtensionStore as S } from "../../store/recommendation.js";
+import { refreshBlockOutsidePanel as T } from "../../utils/blockRefresh.js";
+import { toCurrencyConfig as B, toCurrencySettings as p } from "../../utils/currencySettings.js";
+import { registerNodeConfigWriter as F, registerPendingConfigFlush as L, stageConfigChange as _, describeConfigChange as N, writeBlockConfigOutsidePanel as U } from "../../utils/nodeConfigWriter.js";
+import { AlgorithmControl as E } from "./algorithm.js";
+import { ALGORITHM_CONTROL_ID as Pe } from "./algorithm.js";
+import { CurrencyControl as D } from "./currency.js";
+import { CURRENCY_CONTROL_ID as Ie } from "./currency.js";
+import { FiltersControl as v } from "./filters.js";
+import { FILTERS_CONTROL_ID as be } from "./filters.js";
+import { LayoutOrientationControl as w } from "./layoutOrientation.js";
+import { LAYOUT_ORIENTATION_CONTROL_ID as Se } from "./layoutOrientation.js";
+import { LocaleControl as A } from "./locale.js";
+import { LOCALE_CONTROL_ID as Be } from "./locale.js";
+import { PricePlacementControl as V } from "./pricePlacement.js";
+import { PRICE_PLACEMENT_CONTROL_ID as Le } from "./pricePlacement.js";
+import { ProductCountControl as x } from "./productCount.js";
+import { PRODUCT_COUNT_CONTROL_ID as Ee } from "./productCount.js";
+import { ProductLayoutControl as W } from "./productLayout.js";
+import { PRODUCT_LAYOUT_CONTROL_ID as ve } from "./productLayout.js";
+import { ShuffleControl as M } from "./shuffle.js";
+import { SHUFFLE_CONTROL_ID as Ae } from "./shuffle.js";
+import { StrategyControl as G } from "./strategy.js";
+import { STRATEGY_CONTROL_ID as xe } from "./strategy.js";
+import { setCurrencyAttributes as z, getBlockElement as $, isPartnerManagedBlock as H, updateProductContentInPlace as Y, regenerateProductRowsWithStyles as j } from "./utils.js";
+import { adjustProductsToSize as Me, formatProductPrice as Ge, getCardComposition as ze, getCurrencyAttributesFromBlock as $e, getCurrentLayout as He, getMainContainerTbody as Ye, regenerateMobileProductRows as je, updatePricesInPlace as qe, updateSingleProductContent as Je } from "./utils.js";
+import { useDebounceFn as y } from "../../../../../node_modules/@vueuse/shared/index.js";
+const q = "ui-elements-recommendation-block";
+class _e extends R {
   constructor() {
     super(...arguments);
-    i(this, "store", I());
-    i(this, "storeUnsubscription", () => {
+    s(this, "store", S());
+    s(this, "storeUnsubscription", () => {
+    });
+    s(this, "unregisterConfigFlush", () => {
     });
     // A config change waiting to reach the node config. Deferred so it can ride the
     // re-render's single apply() — one user action must cost one undo press.
-    i(this, "pendingNodeConfigWrite", null);
-    i(this, "pendingConfigFlushTimer", null);
+    s(this, "pendingNodeConfigWrite", null);
+    s(this, "pendingConfigFlushTimer", null);
     // What the panel still owes the block it watches — finished outside the panel on teardown
     // and block switch. A new generation tells debounced work queued for the old one to stand down.
-    i(this, "trackedBlockId", null);
-    i(this, "fetchedConfigVersion", 0);
-    i(this, "hasUnrenderedProducts", !1);
-    i(this, "panelGeneration", 0);
-    i(this, "isPanelAlive", !0);
+    s(this, "trackedBlockId", null);
+    s(this, "fetchedConfigVersion", 0);
+    s(this, "hasUnrenderedProducts", !1);
+    s(this, "panelGeneration", 0);
+    s(this, "isPanelAlive", !0);
     // Sub-control instances for lifecycle management
-    i(this, "algorithmControl", null);
-    i(this, "localeControl", null);
-    i(this, "currencyControl", null);
-    i(this, "productCountControl", null);
-    i(this, "productLayoutControl", null);
-    i(this, "filtersControl", null);
-    i(this, "shuffleControl", null);
-    i(this, "pricePlacementControl", null);
-    i(this, "layoutOrientationControl", null);
-    i(this, "strategyControl", null);
-    i(this, "rrsEnabled", !1);
+    s(this, "algorithmControl", null);
+    s(this, "localeControl", null);
+    s(this, "currencyControl", null);
+    s(this, "productCountControl", null);
+    s(this, "productLayoutControl", null);
+    s(this, "filtersControl", null);
+    s(this, "shuffleControl", null);
+    s(this, "pricePlacementControl", null);
+    s(this, "layoutOrientationControl", null);
+    s(this, "strategyControl", null);
+    s(this, "rrsEnabled", !1);
     /**
      * Debounced product fetch to prevent rapid API calls during config changes
      */
-    i(this, "_debouncedFetchProducts", C(async (e, t) => {
+    s(this, "_debouncedFetchProducts", y(async (e, t) => {
       if (t !== this.panelGeneration)
         return;
       const o = this._getBlockConfigVersion(e);
@@ -87,7 +90,7 @@ class he extends P {
      * count. The store pads products to the configured size, so in-place only
      * fails when the size actually changed.
      */
-    i(this, "_debouncedRegenerateWithProducts", C((e) => {
+    s(this, "_debouncedRegenerateWithProducts", y((e) => {
       if (e !== this.panelGeneration || !this.currentNode || !this.api)
         return;
       const t = this._getRecommendationIdFromNode(this.currentNode), o = this.store.currentRecommendationId;
@@ -106,7 +109,7 @@ class he extends P {
     }, 100));
   }
   getId() {
-    return z;
+    return q;
   }
   get _subControls() {
     return [
@@ -124,10 +127,10 @@ class he extends P {
   }
   getTemplate() {
     var e;
-    return this.rrsEnabled = g().isFeatureEnabled("reusableRecommendationStrategy"), this._subControls.forEach((t) => {
+    return this.rrsEnabled = m().isFeatureEnabled("reusableRecommendationStrategy"), this._subControls.forEach((t) => {
       var o;
       return (o = t == null ? void 0 : t.onDestroy) == null ? void 0 : o.call(t);
-    }), this.algorithmControl = new O(), this.localeControl = new F(), this.currencyControl = new B(), this.productCountControl = new U(), this.productLayoutControl = new v(), this.filtersControl = new L(), this.shuffleControl = new w(), this.pricePlacementControl = new D(), this.layoutOrientationControl = new E(), this.strategyControl = this.rrsEnabled ? new A() : null, this._subControls.forEach((t) => {
+    }), this.algorithmControl = new E(), this.localeControl = new A(), this.currencyControl = new D(), this.productCountControl = new x(), this.productLayoutControl = new W(), this.filtersControl = new v(), this.shuffleControl = new M(), this.pricePlacementControl = new V(), this.layoutOrientationControl = new w(), this.strategyControl = this.rrsEnabled ? new G() : null, this._subControls.forEach((t) => {
       t && (t.api = this.api);
     }), `
             <div class="recommendation-controls-container">
@@ -145,16 +148,16 @@ class he extends P {
         `;
   }
   _showControlsForBlock(e) {
-    var s;
-    const t = (s = this.getContainer()) == null ? void 0 : s.querySelector(".recommendation-controls-container");
+    var i;
+    const t = (i = this.getContainer()) == null ? void 0 : i.querySelector(".recommendation-controls-container");
     if (!t)
       return;
-    const o = this._getRecommendationIdFromNode(e) === null ? null : l.getConfig(e), n = this.rrsEnabled && !!o && (!!(o != null && o.strategyId) || ((o == null ? void 0 : o.configVersion) ?? 0) >= R), r = this.rrsEnabled && !!o && !n;
+    const o = this._getRecommendationIdFromNode(e) === null ? null : d.getConfig(e), n = this.rrsEnabled && !!o && (!!(o != null && o.strategyId) || ((o == null ? void 0 : o.configVersion) ?? 0) >= b), r = this.rrsEnabled && !!o && !n;
     t.classList.toggle("strategy-block", n), t.classList.toggle("legacy-strategy-block", r);
   }
   async onRender() {
     var o;
-    T(this.api);
+    F(this.api), this.unregisterConfigFlush(), this.unregisterConfigFlush = L(() => this._flushPendingNodeConfig());
     const e = this._getRecommendationIdFromNode(this.currentNode), t = e ?? this.store.currentRecommendationId;
     if (t !== null && this.store.setCurrentBlock(t), e !== null && this._syncNodeConfigIfChanged(e), this._listenStateUpdates(), this._showControlsForBlock(this.currentNode), e !== null && this.strategyControl && (this.strategyControl.api = this.api, this.strategyControl.currentNode = this.currentNode, this.strategyControl.onRender()), t !== null && ((o = this.store.blockStates[t]) != null && o.isInitialized)) {
       this._initializeSubControls();
@@ -174,7 +177,7 @@ class he extends P {
     });
   }
   onDestroy() {
-    this.panelGeneration++, this.isPanelAlive = !1, this.storeUnsubscription(), this._finishBlockOutsidePanel(), this.hasUnrenderedProducts = !1, this._subControls.forEach((e) => {
+    this.panelGeneration++, this.isPanelAlive = !1, this.storeUnsubscription(), this._finishBlockOutsidePanel(), this.hasUnrenderedProducts = !1, this.unregisterConfigFlush(), this._subControls.forEach((e) => {
       var t;
       return (t = e == null ? void 0 : e.onDestroy) == null ? void 0 : t.call(e);
     });
@@ -219,45 +222,66 @@ class he extends P {
     const t = this.store.blockStates[e];
     if (!t)
       return;
-    const o = JSON.stringify(l.getConfig(this.currentNode)), n = t.syncedConfigFingerprint;
+    const o = JSON.stringify(d.getConfig(this.currentNode)), n = t.syncedConfigFingerprint;
     t.syncedConfigFingerprint = o, n !== o && ((r = this.pendingNodeConfigWrite) == null ? void 0 : r.blockId) !== e && this._syncNodeConfigToStore();
   }
   /** Whether the deferred write would move the node's strategyId — see the caller (SD-149916). */
   _isPendingStrategyIdChange() {
-    const e = this.pendingNodeConfigWrite;
-    return e ? l.getConfig(this.currentNode).strategyId !== e.updates.strategyId : !1;
+    const e = this._pendingUpdates();
+    return e !== null && d.getConfig(this.currentNode).strategyId !== e.strategyId;
   }
   _capturePendingNodeConfigWrite() {
-    const e = this.store.currentRecommendationId, t = e === null ? void 0 : this.store.blockStates[e];
-    !this.currentNode || !this.api || e === null || !t || (this.pendingNodeConfigWrite = {
-      blockId: e,
-      updates: this._getNodeConfigUpdates(t.recommendationConfigs)
-    });
+    const e = this.store.currentRecommendationId;
+    !this.currentNode || !this.api || e === null || !this.store.blockStates[e] || (this.pendingNodeConfigWrite = { blockId: e });
+  }
+  // Read at write time, not at capture: a display-only edit (currency symbol) patches the store
+  // without a version bump while the write waits, and a snapshot would stage the older value over it.
+  _pendingUpdates() {
+    const e = this.pendingNodeConfigWrite, t = e ? this.store.blockStates[e.blockId] : void 0;
+    return t ? this._getNodeConfigUpdates(t.recommendationConfigs) : null;
+  }
+  // Another block's pending write must never be staged on, or drive the redraw of, the panel node.
+  _pendingUpdatesForCurrentNode() {
+    var e;
+    return !this.currentNode || ((e = this.pendingNodeConfigWrite) == null ? void 0 : e.blockId) !== this._getRecommendationIdFromNode(this.currentNode) ? null : this._pendingUpdates();
   }
   _getNodeConfigUpdates(e) {
-    const { filters: t, strategy: o, strategyId: n, size: r, nodeConfigVersion: s } = e, { partnerName: d } = g();
+    const {
+      filters: t,
+      strategy: o,
+      strategyId: n,
+      size: r,
+      productIds: i,
+      language: a,
+      shuffleProducts: c,
+      currencySettings: g,
+      nodeConfigVersion: P
+    } = e, { partnerName: f } = m();
     return {
       filters: t,
       strategy: o,
       strategyId: n,
       size: r,
-      configVersion: s,
-      ...d.value ? { partnerName: d.value } : {}
+      productIds: i,
+      language: a,
+      shuffleProducts: c,
+      currency: B(g),
+      configVersion: P,
+      ...f.value ? { partnerName: f.value } : {}
     };
   }
   /**
    * Accumulates the pending write into `documentModifier` without applying, so the
    * caller's apply() commits config and re-render as ONE undo entry.
-   *
-   * Deliberately does not consume the pending record: the product helpers call
-   * apply() only when they actually changed something, so this batch may never be
-   * committed and the flush has to stay able to write it standalone.
-   * @param documentModifier - The batch to accumulate into
-   * @returns Whether anything was staged
+   * @returns the undo label, null when only stamps moved; undefined when nothing was staged
    */
   _stagePendingNodeConfig(e) {
-    const t = this.pendingNodeConfigWrite;
-    return !t || !this.currentNode ? !1 : (l.stageConfig(e, this.currentNode, t.updates), !0);
+    const t = this._pendingUpdatesForCurrentNode();
+    if (!(!t || !this.currentNode))
+      return _(e, this.currentNode, t), N(d.getConfig(this.currentNode), t);
+  }
+  _consumePendingNodeConfig() {
+    this.pendingNodeConfigWrite = null, this._clearConfigFlush();
   }
   /**
    * Arms the guaranteed fallback write, once the product fetch has settled. The
@@ -272,30 +296,25 @@ class he extends P {
   _clearConfigFlush() {
     this.pendingConfigFlushTimer !== null && (clearTimeout(this.pendingConfigFlushTimer), this.pendingConfigFlushTimer = null);
   }
-  /**
-   * Writes the deferred change standalone when the batch it was staged into never
-   * committed. Always targets a LIVE node — a captured one is an immutable snapshot
-   * the intervening re-render staled, and saveConfig swallows that failure.
-   */
+  // Writes the deferred change standalone when its batch never committed. Targets a LIVE node:
+  // a captured one is a snapshot the intervening re-render staled, and saveConfig swallows that.
   _flushPendingNodeConfig() {
-    const e = this.pendingNodeConfigWrite;
-    if (this.pendingNodeConfigWrite = null, this._clearConfigFlush(), !(!e || !this.api)) {
-      if (e.blockId !== this.store.currentRecommendationId || !this.currentNode) {
-        const { blockId: t, updates: o } = e;
-        !m(t, o, f) && this.store.blockStates[t] && console.error("[recommendation] pending config write did not reach a node", { blockId: t });
-        return;
-      }
-      b(this.currentNode, e.updates) && l.updateConfig(
-        this.api,
-        this.currentNode,
-        e.updates,
-        f
-      );
+    const e = this.pendingNodeConfigWrite, t = this._pendingUpdates();
+    if (this._consumePendingNodeConfig(), !e || !t || !this.api)
+      return !1;
+    if (!(e.blockId === this.store.currentRecommendationId && e.blockId === this._getRecommendationIdFromNode(this.currentNode)) || !this.currentNode) {
+      const { blockId: i } = e, a = U(i, t);
+      return a === "missing" && this.store.blockStates[i] && console.error("[recommendation] pending config write did not reach a node", { blockId: i }), a === "applied";
     }
+    const n = N(d.getConfig(this.currentNode), t);
+    if (n === null)
+      return !1;
+    const r = this.api.getDocumentModifier();
+    return _(r, this.currentNode, t), r.apply(new C(n)), !0;
   }
   _syncNodeConfigToStore() {
     var n;
-    const e = l.getConfig(this.currentNode), t = this.store.currentRecommendationId, o = t !== null && ((n = this.store.blockStates[t]) == null ? void 0 : n.isInitialized);
+    const e = d.getConfig(this.currentNode), t = this.store.currentRecommendationId, o = t !== null && ((n = this.store.blockStates[t]) == null ? void 0 : n.isInitialized);
     this.store.patchCurrentBlockConfig({
       strategy: e.strategy,
       strategyId: e.strategyId,
@@ -314,15 +333,7 @@ class he extends P {
       shuffleProducts: e.shuffleProducts,
       priceMovedToNextLine: e.priceMovedToNextLine,
       priceHideIfSameAsDiscounted: e.priceHideIfSameAsDiscounted,
-      currencySettings: {
-        name: e.currency.code,
-        value: e.currency.code,
-        symbol: e.currency.symbol,
-        alignment: e.currency.alignment === "before" ? "0" : "1",
-        decimalCount: e.currency.decimalCount.toString(),
-        decimalSeparator: e.currency.decimalSeparator,
-        thousandSeparator: e.currency.thousandSeparator
-      }
+      currencySettings: p(e.currency)
     }, { triggerRefetch: !1 });
   }
   /**
@@ -369,51 +380,41 @@ class he extends P {
   _applySmartDefaults() {
     if (!this.currentNode || !this.api)
       return;
-    const e = l.getConfig(this.currentNode), t = {};
+    const e = d.getConfig(this.currentNode), t = {};
     let o = null, n = null, r = null;
-    if (e.currency.code === a.currency.code) {
-      const { currencyList: s } = this.store;
-      s.length > 0 && (s.some(
-        (u) => u.value === `price.${a.currency.code}`
-      ) || (o = s[0].value.replace("price.", ""), t.currency = {
-        ...a.currency,
+    if (e.currency.code === u.currency.code) {
+      const { currencyList: i } = this.store;
+      i.length > 0 && (i.some(
+        (c) => c.value === `price.${u.currency.code}`
+      ) || (o = i[0].value.replace("price.", ""), t.currency = {
+        ...u.currency,
         code: o,
         symbol: o
       }));
     }
-    if (e.strategy === a.strategy) {
-      const s = this.store.getActivePredictiveAlgorithms;
-      s.length > 0 && (s.some(
-        (u) => u.value === a.strategy
-      ) || (n = s[0].value, t.strategy = n));
+    if (e.strategy === u.strategy) {
+      const i = this.store.getActivePredictiveAlgorithms;
+      i.length > 0 && (i.some(
+        (c) => c.value === u.strategy
+      ) || (n = i[0].value, t.strategy = n));
     }
-    if (e.language === a.language) {
-      const s = this.store.getLanguages;
-      s.length > 0 && (s.some(
-        (u) => u.value === a.language
-      ) || (r = s[0].value, t.language = r));
+    if (e.language === u.language) {
+      const i = this.store.getLanguages;
+      i.length > 0 && (i.some(
+        (c) => c.value === u.language
+      ) || (r = i[0].value, t.language = r));
     }
-    !o && !n && !r || (l.updateConfig(
+    !o && !n && !r || (d.updateConfig(
       this.api,
       this.currentNode,
       t,
       "Applied smart defaults"
-    ), o && t.currency && V({
+    ), o && t.currency && z({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
       currency: t.currency
     }), this.store.patchCurrentBlockConfig({
-      ...o ? {
-        currencySettings: {
-          name: o,
-          value: o,
-          symbol: o,
-          alignment: a.currency.alignment === "before" ? "0" : "1",
-          decimalCount: a.currency.decimalCount.toString(),
-          decimalSeparator: a.currency.decimalSeparator,
-          thousandSeparator: a.currency.thousandSeparator
-        }
-      } : {},
+      ...o && t.currency ? { currencySettings: p(t.currency) } : {},
       ...n ? { strategy: n } : {},
       ...r ? { language: r } : {}
     }, { triggerRefetch: !1 }));
@@ -422,10 +423,10 @@ class he extends P {
    * Reads the recommendation-id attribute from the block element within the node
    */
   _getRecommendationIdFromNode(e) {
-    const t = x(e);
+    const t = $(e);
     if (!t || !("getAttribute" in t))
       return null;
-    const o = t.getAttribute(k);
+    const o = t.getAttribute(O);
     if (!o)
       return null;
     const n = parseInt(o);
@@ -435,20 +436,18 @@ class he extends P {
    * Lands what the panel still owes its block before it stops watching it: the config now, the
    * products through a block-scoped refresh. Never throws — it runs from Stripo's teardown.
    */
-  _finishBlockOutsidePanel({ blockId: e, fetchedConfigVersion: t, hasUnrenderedProducts: o } = this._trackedBlockSnapshot()) {
+  _finishBlockOutsidePanel(e = this._trackedBlockSnapshot()) {
+    var r;
+    const { blockId: t, fetchedConfigVersion: o, hasUnrenderedProducts: n } = e;
     try {
-      this._flushPendingNodeConfig();
-      const n = e === null ? void 0 : this.store.blockStates[e];
-      if (e === null || !n)
+      const i = t === null ? void 0 : this.store.blockStates[t], a = i !== void 0 && o !== i.configVersion;
+      if (t !== null && i && (a || n)) {
+        ((r = this.pendingNodeConfigWrite) == null ? void 0 : r.blockId) === t && this._consumePendingNodeConfig(), this._flushPendingNodeConfig(), this._refreshOutsidePanel(t, a);
         return;
-      const r = t !== n.configVersion;
-      r && !m(
-        e,
-        this._getNodeConfigUpdates(n.recommendationConfigs),
-        f
-      ) && console.error("[recommendation] config write outside the panel did not reach a node", { blockId: e }), (r || o) && this._refreshOutsidePanel(e, r);
-    } catch (n) {
-      console.error("[recommendation] finishing the block outside the panel failed", n);
+      }
+      this._flushPendingNodeConfig();
+    } catch (i) {
+      console.error("[recommendation] finishing the block outside the panel failed", i);
     }
   }
   _trackedBlockSnapshot() {
@@ -459,7 +458,7 @@ class he extends P {
     };
   }
   _refreshOutsidePanel(e, t) {
-    S(e, {
+    T(e, {
       pickUpdates: (o) => this._getNodeConfigUpdates(o),
       description: "Update recommendation configuration",
       fetch: t
@@ -477,20 +476,32 @@ class he extends P {
   _regenerateWithProducts() {
     if (!this.currentNode || !this.api)
       return;
-    const e = this.store.recommendationProducts, t = this.api.getDocumentModifier(), o = this._stagePendingNodeConfig(t);
-    if (W(this.currentNode)) {
-      o && (t.apply(new N("Update recommendation configuration")), this.pendingNodeConfigWrite = null, this._clearConfigFlush());
+    const { currentNode: e } = this, t = this.store.recommendationProducts, o = this.api.getDocumentModifier(), n = this._pendingUpdatesForCurrentNode() ?? void 0, r = this._stagePendingNodeConfig(o), i = (g) => {
+      (r || g) && o.apply(
+        new C(r ?? "Updated recommendation products")
+      ), r !== void 0 && this._consumePendingNodeConfig();
+    };
+    if (H(e)) {
+      i(!1);
       return;
     }
-    M({
-      currentNode: this.currentNode,
-      documentModifier: t,
-      products: e
-    }) || G({
-      currentNode: this.currentNode,
-      documentModifier: t,
-      products: e
-    });
+    let a = !1;
+    Y({
+      currentNode: e,
+      documentModifier: o,
+      products: t,
+      stageOnly: !0,
+      configOverrides: n,
+      onChanged: () => {
+        a = !0;
+      }
+    }) || (a = j({
+      currentNode: e,
+      documentModifier: o,
+      products: t,
+      stageOnly: !0,
+      configOverrides: n
+    })), i(a);
   }
   /**
    * Listen to store changes that require product refresh or regeneration.
@@ -511,51 +522,52 @@ class he extends P {
     this.panelGeneration++, this.isPanelAlive = !0, this.trackedBlockId = e.currentRecommendationId, this.fetchedConfigVersion = o, this.hasUnrenderedProducts = !1, this.storeUnsubscription = e.$subscribe(() => {
       const n = e.currentRecommendationId;
       if (n !== this.trackedBlockId) {
-        const p = this._trackedBlockSnapshot();
-        this.panelGeneration++, this.trackedBlockId = n, t = e.recommendationProducts, o = this._getBlockConfigVersion(n), this.fetchedConfigVersion = o, this.hasUnrenderedProducts = !1, this._finishBlockOutsidePanel(p);
+        const g = this._trackedBlockSnapshot();
+        this.panelGeneration++, this.trackedBlockId = n, t = e.recommendationProducts, o = this._getBlockConfigVersion(n), this.fetchedConfigVersion = o, this.hasUnrenderedProducts = !1, this._finishBlockOutsidePanel(g);
         return;
       }
       const r = this._getBlockConfigVersion(n);
       r !== o && (o = r, this._capturePendingNodeConfigWrite(), this._isPendingStrategyIdChange() && this._flushPendingNodeConfig(), this._debouncedFetchProducts(n, this.panelGeneration));
-      const s = e.recommendationProducts, d = s !== t, u = Array.isArray(s) && s.length > 0;
-      d && u && (t = s, this.hasUnrenderedProducts = !0, this._debouncedRegenerateWithProducts(this.panelGeneration));
+      const i = e.recommendationProducts, a = i !== t, c = Array.isArray(i) && i.length > 0;
+      a && c && (t = i, this.hasUnrenderedProducts = !0, this._debouncedRegenerateWithProducts(this.panelGeneration));
     });
   }
 }
 export {
-  me as ALGORITHM_CONTROL_ID,
-  O as AlgorithmControl,
-  z as CONTROL_BLOCK_ID,
-  pe as CURRENCY_CONTROL_ID,
-  B as CurrencyControl,
-  ye as FILTERS_CONTROL_ID,
-  L as FiltersControl,
-  Pe as LAYOUT_ORIENTATION_CONTROL_ID,
-  ke as LOCALE_CONTROL_ID,
-  E as LayoutOrientationControl,
-  F as LocaleControl,
-  Se as PRICE_PLACEMENT_CONTROL_ID,
-  be as PRODUCT_COUNT_CONTROL_ID,
-  Be as PRODUCT_LAYOUT_CONTROL_ID,
-  D as PricePlacementControl,
-  U as ProductCountControl,
-  v as ProductLayoutControl,
-  he as RecommendationBlockControl,
-  Ee as SHUFFLE_CONTROL_ID,
-  De as STRATEGY_CONTROL_ID,
-  w as ShuffleControl,
-  A as StrategyControl,
-  ve as adjustProductsToSize,
-  we as formatProductPrice,
-  x as getBlockElement,
-  Ae as getCardComposition,
-  Ve as getCurrentLayout,
-  xe as getMainContainerTbody,
-  W as isPartnerManagedBlock,
-  We as regenerateMobileProductRows,
-  G as regenerateProductRowsWithStyles,
-  V as setCurrencyAttributes,
-  Me as updatePricesInPlace,
-  M as updateProductContentInPlace,
-  Ge as updateSingleProductContent
+  Pe as ALGORITHM_CONTROL_ID,
+  E as AlgorithmControl,
+  q as CONTROL_BLOCK_ID,
+  Ie as CURRENCY_CONTROL_ID,
+  D as CurrencyControl,
+  be as FILTERS_CONTROL_ID,
+  v as FiltersControl,
+  Se as LAYOUT_ORIENTATION_CONTROL_ID,
+  Be as LOCALE_CONTROL_ID,
+  w as LayoutOrientationControl,
+  A as LocaleControl,
+  Le as PRICE_PLACEMENT_CONTROL_ID,
+  Ee as PRODUCT_COUNT_CONTROL_ID,
+  ve as PRODUCT_LAYOUT_CONTROL_ID,
+  V as PricePlacementControl,
+  x as ProductCountControl,
+  W as ProductLayoutControl,
+  _e as RecommendationBlockControl,
+  Ae as SHUFFLE_CONTROL_ID,
+  xe as STRATEGY_CONTROL_ID,
+  M as ShuffleControl,
+  G as StrategyControl,
+  Me as adjustProductsToSize,
+  Ge as formatProductPrice,
+  $ as getBlockElement,
+  ze as getCardComposition,
+  $e as getCurrencyAttributesFromBlock,
+  He as getCurrentLayout,
+  Ye as getMainContainerTbody,
+  H as isPartnerManagedBlock,
+  je as regenerateMobileProductRows,
+  j as regenerateProductRowsWithStyles,
+  z as setCurrencyAttributes,
+  qe as updatePricesInPlace,
+  Y as updateProductContentInPlace,
+  Je as updateSingleProductContent
 };