@useinsider/guido 3.19.0-beta.f0d5980 → 3.19.0-beta.f328a8a

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

@@ -1,66 +1,72 @@
 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";
+var p = (h, u, e) => u in h ? C(h, u, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[u] = e;
+var r = (h, u, e) => p(h, typeof u != "symbol" ? u + "" : u, e);
+import { useConfig as f } 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 { RRS_CONFIG_VERSION as _, DEFAULT_NODE_CONFIG as c } from "../../constants/defaultConfig.js";
 import { RECOMMENDATION_ID_ATTR as I } from "../../constants/selectors.js";
-import { RecommendationConfigService as c } from "../../services/configService.js";
+import { RecommendationConfigService as d } 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 ut } from "./algorithm.js";
-import { CurrencyControl as P } 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 { registerNodeConfigWriter as b, commitBlockChangeOutsidePanel as P } from "../../utils/nodeConfigWriter.js";
+import { AlgorithmControl as S } from "./algorithm.js";
+import { ALGORITHM_CONTROL_ID as ue } from "./algorithm.js";
+import { CurrencyControl as T } from "./currency.js";
+import { CURRENCY_CONTROL_ID as ge } from "./currency.js";
+import { FiltersControl as O } from "./filters.js";
+import { FILTERS_CONTROL_ID as me } from "./filters.js";
+import { LayoutOrientationControl as k } from "./layoutOrientation.js";
+import { LAYOUT_ORIENTATION_CONTROL_ID as pe } from "./layoutOrientation.js";
 import { LocaleControl as L } from "./locale.js";
-import { LOCALE_CONTROL_ID as yt } from "./locale.js";
-import { PricePlacementControl as k } 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 { 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 v, getBlockElement as A, isPartnerManagedBlock as B, updateProductContentInPlace as x, regenerateProductRowsWithStyles as U } from "./utils.js";
-import { adjustProductsToSize as Et, formatProductPrice as Ft, getCardComposition as Dt, getCurrentLayout as wt, getMainContainerTbody as vt, regenerateMobileProductRows as At, updatePricesInPlace as Bt, updateSingleProductContent as xt } from "./utils.js";
-import { useDebounceFn as f } from "../../../../../node_modules/@vueuse/shared/index.js";
+import { LOCALE_CONTROL_ID as Ne } from "./locale.js";
+import { PricePlacementControl as E } from "./pricePlacement.js";
+import { PRICE_PLACEMENT_CONTROL_ID as Ie } from "./pricePlacement.js";
+import { ProductCountControl as F } from "./productCount.js";
+import { PRODUCT_COUNT_CONTROL_ID as be } from "./productCount.js";
+import { ProductLayoutControl as D } from "./productLayout.js";
+import { PRODUCT_LAYOUT_CONTROL_ID as Se } from "./productLayout.js";
+import { ShuffleControl as w } from "./shuffle.js";
+import { SHUFFLE_CONTROL_ID as Oe } from "./shuffle.js";
+import { StrategyControl as B } from "./strategy.js";
+import { STRATEGY_CONTROL_ID as Le } from "./strategy.js";
+import { setCurrencyAttributes as U, getBlockElement as v, isPartnerManagedBlock as A, updateProductContentInPlace as x, regenerateProductRowsWithStyles as V } from "./utils.js";
+import { adjustProductsToSize as Fe, formatProductPrice as De, getCardComposition as we, getCurrentLayout as Be, getMainContainerTbody as Ue, regenerateMobileProductRows as ve, updatePricesInPlace as Ae, updateSingleProductContent as xe } from "./utils.js";
+import { useDebounceFn as m } from "../../../../../node_modules/@vueuse/shared/index.js";
 const W = "ui-elements-recommendation-block";
-class at extends N {
+class ce extends N {
   constructor() {
     super(...arguments);
-    i(this, "store", R());
-    i(this, "storeUnsubscription", () => {
+    r(this, "store", R());
+    r(this, "storeUnsubscription", () => {
     });
     // 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);
+    r(this, "pendingNodeConfigWrite", null);
+    r(this, "pendingConfigFlushTimer", null);
+    // Last configVersion the subscription handled, and whether its products still
+    // have to reach the canvas — both read on destroy to finish that work.
+    r(this, "seenConfigVersion", 0);
+    r(this, "fetchedConfigVersion", 0);
+    r(this, "hasUnappliedConfigChange", !1);
     // 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);
+    r(this, "algorithmControl", null);
+    r(this, "localeControl", null);
+    r(this, "currencyControl", null);
+    r(this, "productCountControl", null);
+    r(this, "productLayoutControl", null);
+    r(this, "filtersControl", null);
+    r(this, "shuffleControl", null);
+    r(this, "pricePlacementControl", null);
+    r(this, "layoutOrientationControl", null);
+    r(this, "strategyControl", null);
+    r(this, "rrsEnabled", !1);
     /**
      * Debounced product fetch to prevent rapid API calls during config changes
      */
-    i(this, "_debouncedFetchProducts", f(async () => {
+    r(this, "_debouncedFetchProducts", m(async () => {
+      const { configVersion: e } = this.store.$state;
       try {
-        await this.store.fetchRecommendationProducts();
+        await this.store.fetchRecommendationProducts(), this.fetchedConfigVersion = e;
       } finally {
         this._scheduleConfigFlush();
       }
@@ -76,23 +82,24 @@ 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", f(() => {
-      const t = this.store.recommendationProducts;
+    r(this, "_debouncedRegenerateWithProducts", m(() => {
+      const e = this.store.recommendationProducts;
       if (!this.currentNode || !this.api)
         return;
-      const e = this.api.getDocumentModifier(), o = this._stagePendingNodeConfig(e);
-      if (B(this.currentNode)) {
-        o && (e.apply(new y("Update recommendation configuration")), this.pendingNodeConfigWrite = null, this._clearConfigFlush());
+      this.fetchedConfigVersion === this.seenConfigVersion && (this.hasUnappliedConfigChange = !1);
+      const t = this.api.getDocumentModifier(), o = this._stagePendingNodeConfig(t);
+      if (A(this.currentNode)) {
+        o && (t.apply(new y("Update recommendation configuration")), this.pendingNodeConfigWrite = null, this._clearConfigFlush());
         return;
       }
       x({
         currentNode: this.currentNode,
-        documentModifier: e,
-        products: t
-      }) || U({
+        documentModifier: t,
+        products: e
+      }) || V({
         currentNode: this.currentNode,
-        documentModifier: e,
-        products: t
+        documentModifier: t,
+        products: e
       });
     }, 100));
   }
@@ -114,15 +121,15 @@ class at extends N {
     ];
   }
   getTemplate() {
-    var t;
-    return this.rrsEnabled = h().isFeatureEnabled("reusableRecommendationStrategy"), this._subControls.forEach((e) => {
+    var e;
+    return this.rrsEnabled = f().isFeatureEnabled("reusableRecommendationStrategy"), this._subControls.forEach((t) => {
       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) => {
-      e && (e.api = this.api);
+      return (o = t == null ? void 0 : t.onDestroy) == null ? void 0 : o.call(t);
+    }), this.algorithmControl = new S(), this.localeControl = new L(), this.currencyControl = new T(), this.productCountControl = new F(), this.productLayoutControl = new D(), this.filtersControl = new O(), this.shuffleControl = new w(), this.pricePlacementControl = new E(), this.layoutOrientationControl = new k(), this.strategyControl = this.rrsEnabled ? new B() : null, this._subControls.forEach((t) => {
+      t && (t.api = this.api);
     }), `
             <div class="recommendation-controls-container">
-                ${((t = this.strategyControl) == null ? void 0 : t.getTemplate()) ?? ""}
+                ${((e = this.strategyControl) == null ? void 0 : e.getTemplate()) ?? ""}
                 ${this.layoutOrientationControl.getTemplate()}
                 ${this.productCountControl.getTemplate()}
                 ${this.productLayoutControl.getTemplate()}
@@ -135,39 +142,40 @@ class at extends N {
             </div>
         `;
   }
-  _showControlsForBlock(t) {
-    var r;
-    const e = (r = this.getContainer()) == null ? void 0 : r.querySelector(".recommendation-controls-container");
-    if (!e)
+  _showControlsForBlock(e) {
+    var i;
+    const t = (i = this.getContainer()) == null ? void 0 : i.querySelector(".recommendation-controls-container");
+    if (!t)
       return;
-    const o = this._getRecommendationIdFromNode(t) === null ? null : c.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(e) === null ? null : d.getConfig(e), n = this.rrsEnabled && !!o && (!!(o != null && o.strategyId) || ((o == null ? void 0 : o.configVersion) ?? 0) >= _), s = this.rrsEnabled && !!o && !n;
+    t.classList.toggle("strategy-block", n), t.classList.toggle("legacy-strategy-block", s);
   }
   async onRender() {
     var o;
     b(this.api);
-    const t = this._getRecommendationIdFromNode(this.currentNode), e = t ?? this.store.currentRecommendationId;
-    if (e !== null && this.store.setCurrentBlock(e), t !== null && this._syncNodeConfigIfChanged(t), this._listenStateUpdates(), this._showControlsForBlock(this.currentNode), t !== null && this.strategyControl && (this.strategyControl.api = this.api, this.strategyControl.currentNode = this.currentNode, this.strategyControl.onRender()), e !== null && ((o = this.store.blockStates[e]) != null && o.isInitialized)) {
+    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();
       return;
     }
-    await this._fetchBlockData(e), this._initializeSubControls();
+    await this._fetchBlockData(t), this._initializeSubControls();
   }
-  onTemplateNodeUpdated(t) {
+  onTemplateNodeUpdated(e) {
     var o;
-    super.onTemplateNodeUpdated(t);
-    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(() => {
+    super.onTemplateNodeUpdated(e);
+    const t = this._getRecommendationIdFromNode(e);
+    t !== null && t !== this.store.currentRecommendationId && this.store.setCurrentBlock(t), t !== null && this._syncNodeConfigIfChanged(t), this._showControlsForBlock(e), t !== null && !((o = this.store.blockStates[t]) != null && o.isInitialized) && this._fetchBlockData(t).then(() => {
       this._initializeSubControls();
     }), this._subControls.forEach((n) => {
       var s;
-      n != null && n.api && (n.currentNode = t, (s = n.onTemplateNodeUpdated) == null || s.call(n, t));
+      n != null && n.api && (n.currentNode = e, (s = n.onTemplateNodeUpdated) == null || s.call(n, e));
     });
   }
   onDestroy() {
-    this.storeUnsubscription(), this._flushPendingNodeConfig(), this._subControls.forEach((t) => {
-      var e;
-      return (e = t == null ? void 0 : t.onDestroy) == null ? void 0 : e.call(t);
+    const e = this.hasUnappliedConfigChange || this.store.$state.configVersion !== this.seenConfigVersion;
+    this.storeUnsubscription(), e ? this._refreshProductsOutsidePanel() : this._flushPendingNodeConfig(), this._subControls.forEach((t) => {
+      var o;
+      return (o = t == null ? void 0 : t.onDestroy) == null ? void 0 : o.call(t);
     });
   }
   /**
@@ -175,9 +183,9 @@ class at extends N {
    * Each sub-control manages its own form values and event listeners
    */
   _initializeSubControls() {
-    this._subControls.forEach((t) => {
-      var e;
-      t && (t.api = this.api, t.currentNode = this.currentNode, (e = t.onRender) == null || e.call(t));
+    this._subControls.forEach((e) => {
+      var t;
+      e && (e.api = this.api, e.currentNode = this.currentNode, (t = e.onRender) == null || t.call(e));
     });
   }
   /**
@@ -204,34 +212,34 @@ class at extends N {
    * that state and made a re-dropped saved module keep the defaults its wiped
    * state was rebuilt with (SD-150347).
    */
-  _syncNodeConfigIfChanged(t) {
-    this.pendingNodeConfigWrite && this.pendingNodeConfigWrite.blockId !== t && this._flushPendingNodeConfig();
-    const e = this.store.blockStates[t];
-    if (!e)
+  _syncNodeConfigIfChanged(e) {
+    this.pendingNodeConfigWrite && this.pendingNodeConfigWrite.blockId !== e && this._flushPendingNodeConfig();
+    const t = this.store.blockStates[e];
+    if (!t)
       return;
-    const o = JSON.stringify(c.getConfig(this.currentNode)), n = e.syncedConfigFingerprint;
-    e.syncedConfigFingerprint = o, n !== o && (this.pendingNodeConfigWrite || this._syncNodeConfigToStore());
+    const o = JSON.stringify(d.getConfig(this.currentNode)), n = t.syncedConfigFingerprint;
+    t.syncedConfigFingerprint = o, n !== 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 ? c.getConfig(this.currentNode).strategyId !== t.updates.strategyId : !1;
+    const e = this.pendingNodeConfigWrite;
+    return e ? d.getConfig(this.currentNode).strategyId !== e.updates.strategyId : !1;
   }
-  _capturePendingNodeConfigWrite() {
-    const t = this.store.currentRecommendationId;
-    if (!this.currentNode || !this.api || t === null)
+  _capturePendingNodeConfigWrite(e = this.store.currentRecommendationId) {
+    const t = e === null ? void 0 : this.store.blockStates[e];
+    if (!this.currentNode || !this.api || e === null || !t)
       return;
-    const { filters: e, strategy: o, strategyId: n, size: s, nodeConfigVersion: r } = this.store.recommendationConfigs, { partnerName: l } = h();
+    const { filters: o, strategy: n, strategyId: s, size: i, nodeConfigVersion: l } = t.recommendationConfigs, { partnerName: a } = f();
     this.pendingNodeConfigWrite = {
-      blockId: t,
+      blockId: e,
       node: this.currentNode,
       updates: {
-        filters: e,
-        strategy: o,
-        strategyId: n,
-        size: s,
-        configVersion: r,
-        ...l.value ? { partnerName: l.value } : {}
+        filters: o,
+        strategy: n,
+        strategyId: s,
+        size: i,
+        configVersion: l,
+        ...a.value ? { partnerName: a.value } : {}
       }
     };
   }
@@ -245,9 +253,9 @@ class at extends N {
    * @param documentModifier - The batch to accumulate into
    * @returns Whether anything was staged
    */
-  _stagePendingNodeConfig(t) {
-    const e = this.pendingNodeConfigWrite;
-    return !e || !this.currentNode ? !1 : (c.stageConfig(t, this.currentNode, e.updates), !0);
+  _stagePendingNodeConfig(e) {
+    const t = this.pendingNodeConfigWrite;
+    return !t || !this.currentNode ? !1 : (d.stageConfig(e, this.currentNode, t.updates), !0);
   }
   /**
    * Arms the guaranteed fallback write, once the product fetch has settled. The
@@ -268,41 +276,41 @@ class at extends N {
    * snapshot the intervening re-render staled, and saveConfig swallows that failure.
    */
   _flushPendingNodeConfig() {
-    const t = this.pendingNodeConfigWrite;
-    if (this.pendingNodeConfigWrite = null, this._clearConfigFlush(), !t || !this.api)
+    const e = this.pendingNodeConfigWrite;
+    if (this.pendingNodeConfigWrite = null, this._clearConfigFlush(), !e || !this.api)
       return;
-    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");
+    const t = e.blockId === this.store.currentRecommendationId && this.currentNode ? this.currentNode : e.node, o = d.getConfig(t);
+    JSON.stringify(o.filters) === JSON.stringify(e.updates.filters) && o.strategy === e.updates.strategy && o.strategyId === e.updates.strategyId && o.size === e.updates.size || d.updateConfig(this.api, t, e.updates, "Update recommendation filters");
   }
   _syncNodeConfigToStore() {
     var n;
-    const t = c.getConfig(this.currentNode), e = this.store.currentRecommendationId, o = e !== null && ((n = this.store.blockStates[e]) == 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: t.strategy,
-      strategyId: t.strategyId,
-      nodeConfigVersion: t.configVersion,
-      language: t.language,
-      size: t.size,
-      productIds: t.productIds,
-      cardsInRow: t.cardsInRow,
-      mobileCardsInRow: t.mobileCardsInRow,
-      mobileLayoutEnabled: t.mobileLayoutEnabled,
-      orientation: t.layout,
+      strategy: e.strategy,
+      strategyId: e.strategyId,
+      nodeConfigVersion: e.configVersion,
+      language: e.language,
+      size: e.size,
+      productIds: e.productIds,
+      cardsInRow: e.cardsInRow,
+      mobileCardsInRow: e.mobileCardsInRow,
+      mobileLayoutEnabled: e.mobileLayoutEnabled,
+      orientation: e.layout,
       // Only sync filters from node config during initial load.
       // After initialization, the Pinia store is the source of truth
       // for filters (edited via the filter drawer).
-      ...o ? {} : { filters: t.filters },
-      shuffleProducts: t.shuffleProducts,
-      priceMovedToNextLine: t.priceMovedToNextLine,
-      priceHideIfSameAsDiscounted: t.priceHideIfSameAsDiscounted,
+      ...o ? {} : { filters: e.filters },
+      shuffleProducts: e.shuffleProducts,
+      priceMovedToNextLine: e.priceMovedToNextLine,
+      priceHideIfSameAsDiscounted: e.priceHideIfSameAsDiscounted,
       currencySettings: {
-        name: t.currency.code,
-        value: t.currency.code,
-        symbol: t.currency.symbol,
-        alignment: t.currency.alignment === "before" ? "0" : "1",
-        decimalCount: t.currency.decimalCount.toString(),
-        decimalSeparator: t.currency.decimalSeparator,
-        thousandSeparator: t.currency.thousandSeparator
+        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
       }
     }, { triggerRefetch: !1 });
   }
@@ -315,8 +323,8 @@ class at extends N {
    * Shared by onRender() and onTemplateNodeUpdated() to avoid duplication.
    * Marks the block as initialized to prevent redundant fetches on re-selection.
    */
-  async _fetchBlockData(t) {
-    t !== null && this.store.markBlockInitialized(t), (await Promise.allSettled([
+  async _fetchBlockData(e) {
+    e !== null && this.store.markBlockInitialized(e), (await Promise.allSettled([
       this.store.fetchRecommendationCreateData(),
       this.store.fetchRecommendationFilters()
     ])).forEach((o, n) => {
@@ -341,49 +349,49 @@ class at extends N {
   _applySmartDefaults() {
     if (!this.currentNode || !this.api)
       return;
-    const t = c.getConfig(this.currentNode), e = {};
+    const e = d.getConfig(this.currentNode), t = {};
     let o = null, n = null, s = null;
-    if (t.currency.code === a.currency.code) {
-      const { currencyList: r } = this.store;
-      r.length > 0 && (r.some(
-        (d) => d.value === `price.${a.currency.code}`
-      ) || (o = r[0].value.replace("price.", ""), e.currency = {
-        ...a.currency,
+    if (e.currency.code === c.currency.code) {
+      const { currencyList: i } = this.store;
+      i.length > 0 && (i.some(
+        (a) => a.value === `price.${c.currency.code}`
+      ) || (o = i[0].value.replace("price.", ""), t.currency = {
+        ...c.currency,
         code: o,
         symbol: o
       }));
     }
-    if (t.strategy === a.strategy) {
-      const r = this.store.getActivePredictiveAlgorithms;
-      r.length > 0 && (r.some(
-        (d) => d.value === a.strategy
-      ) || (n = r[0].value, e.strategy = n));
+    if (e.strategy === c.strategy) {
+      const i = this.store.getActivePredictiveAlgorithms;
+      i.length > 0 && (i.some(
+        (a) => a.value === c.strategy
+      ) || (n = i[0].value, t.strategy = n));
     }
-    if (t.language === a.language) {
-      const r = this.store.getLanguages;
-      r.length > 0 && (r.some(
-        (d) => d.value === a.language
-      ) || (s = r[0].value, e.language = s));
+    if (e.language === c.language) {
+      const i = this.store.getLanguages;
+      i.length > 0 && (i.some(
+        (a) => a.value === c.language
+      ) || (s = i[0].value, t.language = s));
     }
-    !o && !n && !s || (c.updateConfig(
+    !o && !n && !s || (d.updateConfig(
       this.api,
       this.currentNode,
-      e,
+      t,
       "Applied smart defaults"
-    ), o && e.currency && v({
+    ), o && t.currency && U({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
-      currency: e.currency
+      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
+          alignment: c.currency.alignment === "before" ? "0" : "1",
+          decimalCount: c.currency.decimalCount.toString(),
+          decimalSeparator: c.currency.decimalSeparator,
+          thousandSeparator: c.currency.thousandSeparator
         }
       } : {},
       ...n ? { strategy: n } : {},
@@ -393,16 +401,51 @@ class at extends N {
   /**
    * Reads the recommendation-id attribute from the block element within the node
    */
-  _getRecommendationIdFromNode(t) {
-    const e = A(t);
-    if (!e || !("getAttribute" in e))
+  _getRecommendationIdFromNode(e) {
+    const t = v(e);
+    if (!t || !("getAttribute" in t))
       return null;
-    const o = e.getAttribute(I);
+    const o = t.getAttribute(I);
     if (!o)
       return null;
     const n = parseInt(o);
     return Number.isNaN(n) ? null : n;
   }
+  /**
+   * Fetches and renders the block's products without the panel, carrying the
+   * deferred config write so both still land as one undo entry.
+   */
+  async _refreshProductsOutsidePanel() {
+    var a;
+    const e = this.store.currentRecommendationId, t = this._getRecommendationIdFromNode(this.currentNode), o = t !== null && t !== e ? t : e;
+    if (((a = this.pendingNodeConfigWrite) == null ? void 0 : a.blockId) !== o && this._flushPendingNodeConfig(), o === null)
+      return;
+    if (this._capturePendingNodeConfigWrite(o), o !== e) {
+      this._flushPendingNodeConfig();
+      return;
+    }
+    const n = this.pendingNodeConfigWrite;
+    try {
+      await this.store.fetchRecommendationProducts();
+    } catch (g) {
+      console.warn("Recommendation block: fetchRecommendationProducts failed", g);
+    }
+    const s = this.pendingNodeConfigWrite === n, i = s ? (n == null ? void 0 : n.updates) ?? {} : {}, l = this.store.blockStates[e];
+    try {
+      if (l && P(
+        e,
+        i,
+        l.recommendationProducts,
+        "Update recommendation configuration"
+      )) {
+        s && (this.pendingNodeConfigWrite = null, this._clearConfigFlush());
+        return;
+      }
+      s && this._flushPendingNodeConfig();
+    } catch (g) {
+      console.error("Recommendation block: refresh outside the panel failed", g);
+    }
+  }
   /**
    * Listen to store changes that require product refresh or regeneration.
    *
@@ -417,55 +460,55 @@ class at extends N {
    * We skip that tick and update tracking references instead.
    */
   _listenStateUpdates() {
-    const { store: t } = this;
-    let e = t.recommendationProducts, o = t.$state.configVersion, n = t.currentRecommendationId;
-    this.storeUnsubscription = t.$subscribe(() => {
-      const s = t.currentRecommendationId;
-      if (s !== n) {
-        n = s, e = t.recommendationProducts, o = t.$state.configVersion;
+    const { store: e } = this;
+    let t = e.recommendationProducts, o = e.currentRecommendationId;
+    this.seenConfigVersion = e.$state.configVersion, this.hasUnappliedConfigChange = !1, this.storeUnsubscription = e.$subscribe(() => {
+      const n = e.currentRecommendationId;
+      if (n !== o) {
+        o = n, t = e.recommendationProducts, this.seenConfigVersion = e.$state.configVersion, this.hasUnappliedConfigChange = !1;
         return;
       }
-      const r = t.$state.configVersion;
-      r !== o && (o = r, 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());
+      const s = e.$state.configVersion;
+      s !== this.seenConfigVersion && (this.seenConfigVersion = s, this.hasUnappliedConfigChange = !0, this._capturePendingNodeConfigWrite(), this._isPendingStrategyIdChange() && this._flushPendingNodeConfig(), this._debouncedFetchProducts());
+      const i = e.recommendationProducts, l = i !== t, a = Array.isArray(i) && i.length > 0;
+      l && a && (t = i, this._debouncedRegenerateWithProducts());
     });
   }
 }
 export {
-  ut as ALGORITHM_CONTROL_ID,
-  T as AlgorithmControl,
+  ue as ALGORITHM_CONTROL_ID,
+  S as AlgorithmControl,
   W as CONTROL_BLOCK_ID,
-  gt as CURRENCY_CONTROL_ID,
-  P as CurrencyControl,
-  ft as FILTERS_CONTROL_ID,
-  S as FiltersControl,
-  Ct as LAYOUT_ORIENTATION_CONTROL_ID,
-  yt as LOCALE_CONTROL_ID,
-  O as LayoutOrientationControl,
+  ge as CURRENCY_CONTROL_ID,
+  T as CurrencyControl,
+  me as FILTERS_CONTROL_ID,
+  O as FiltersControl,
+  pe as LAYOUT_ORIENTATION_CONTROL_ID,
+  Ne as LOCALE_CONTROL_ID,
+  k as LayoutOrientationControl,
   L as LocaleControl,
-  _t as PRICE_PLACEMENT_CONTROL_ID,
-  Rt as PRODUCT_COUNT_CONTROL_ID,
-  Tt as PRODUCT_LAYOUT_CONTROL_ID,
-  k as PricePlacementControl,
-  E as ProductCountControl,
-  F as ProductLayoutControl,
-  at as RecommendationBlockControl,
-  St as SHUFFLE_CONTROL_ID,
-  Lt as STRATEGY_CONTROL_ID,
-  D as ShuffleControl,
-  w as StrategyControl,
-  Et as adjustProductsToSize,
-  Ft as formatProductPrice,
-  A as getBlockElement,
-  Dt as getCardComposition,
-  wt as getCurrentLayout,
-  vt as getMainContainerTbody,
-  B as isPartnerManagedBlock,
-  At as regenerateMobileProductRows,
-  U as regenerateProductRowsWithStyles,
-  v as setCurrencyAttributes,
-  Bt as updatePricesInPlace,
+  Ie as PRICE_PLACEMENT_CONTROL_ID,
+  be as PRODUCT_COUNT_CONTROL_ID,
+  Se as PRODUCT_LAYOUT_CONTROL_ID,
+  E as PricePlacementControl,
+  F as ProductCountControl,
+  D as ProductLayoutControl,
+  ce as RecommendationBlockControl,
+  Oe as SHUFFLE_CONTROL_ID,
+  Le as STRATEGY_CONTROL_ID,
+  w as ShuffleControl,
+  B as StrategyControl,
+  Fe as adjustProductsToSize,
+  De as formatProductPrice,
+  v as getBlockElement,
+  we as getCardComposition,
+  Be as getCurrentLayout,
+  Ue as getMainContainerTbody,
+  A as isPartnerManagedBlock,
+  ve as regenerateMobileProductRows,
+  V as regenerateProductRowsWithStyles,
+  U as setCurrencyAttributes,
+  Ae as updatePricesInPlace,
   x as updateProductContentInPlace,
-  xt as updateSingleProductContent
+  xe as updateSingleProductContent
 };

package/dist/src/composables/useGuidoActions.d.ts

@@ -19,6 +19,8 @@ export declare const provideGuidoActions: (actions: {
 }) => void;
 /**
  * Provides individual Guido action handlers
+ * @deprecated No consumer in src/ and not exported from library.ts — provideGuidoActions
+ * provides all four keys itself. Slated for deletion, see the SD-667788 dead-code ledger.
  */
 export declare const provideBackHandler: (handler: BackHandler) => void;
 export declare const provideSaveStartHandler: (handler: SaveStartHandler) => void;