@useinsider/guido 3.21.0-beta.450394b → 3.21.0-beta.647fb59

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

@@ -1,23 +1,23 @@
-var h = Object.defineProperty;
-var l = (r, s, t) => s in r ? h(r, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[s] = t;
-var d = (r, s, t) => l(r, typeof s != "symbol" ? s + "" : s, t);
-import { UEAttr as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as m } from "../../../common-control.js";
+var d = Object.defineProperty;
+var h = (r, s, t) => s in r ? d(r, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[s] = t;
+var c = (r, s, t) => h(r, typeof s != "symbol" ? s + "" : s, t);
+import { UEAttr as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as g } from "../../../common-control.js";
 import { RecommendationConfigService as n } from "../../services/configService.js";
-import { useRecommendationExtensionStore as u } from "../../store/recommendation.js";
-import { mapLegacyStrategy as p } from "../../utils/legacyStrategyMap.js";
-const C = "recommendation-algorithm-control", i = {
+import { useRecommendationExtensionStore as m } from "../../store/recommendation.js";
+import { mapLegacyStrategy as u } from "../../utils/legacyStrategyMap.js";
+const p = "recommendation-algorithm-control", i = {
   ALGORITHM: "strategy",
   PRODUCT_IDS: "productIds"
 };
-class S extends m {
+class R extends g {
   constructor() {
     super(...arguments);
     // Store is used ONLY for API-fetched data (algorithms list), not for config
-    d(this, "store", u());
+    c(this, "store", m());
   }
   getId() {
-    return C;
+    return p;
   }
   getTemplate() {
     return `
@@ -46,10 +46,10 @@ class S extends m {
     super.onTemplateNodeUpdated(t), this._initializeSelectItems(), this._setFormValues();
   }
   _setFormValues() {
-    const t = n.getConfig(this.currentNode), e = p(t.strategy) ?? t.strategy;
+    const t = n.getConfig(this.currentNode), e = u(t.strategy) ?? t.strategy;
     this._setProductIdsVisibility(e);
-    const o = { [i.ALGORITHM]: e }, a = t.productIds.join(","), c = this.api.getValues()[i.PRODUCT_IDS];
-    c !== a && c !== this.store.recommendationConfigs.productIds.join(",") && (o[i.PRODUCT_IDS] = a), this.api.updateValues(o);
+    const o = { [i.ALGORITHM]: e }, a = t.productIds.join(",");
+    this.api.getValues()[i.PRODUCT_IDS] !== a && (o[i.PRODUCT_IDS] = a), this.api.updateValues(o);
   }
   _initializeSelectItems() {
     var e;
@@ -58,7 +58,7 @@ class S extends m {
       try {
         this.api.setUIEAttribute(
           i.ALGORITHM,
-          g.SELECTPICKER.items,
+          l.SELECTPICKER.items,
           t
         );
       } catch (o) {
@@ -93,7 +93,12 @@ class S extends m {
       return;
     }
     const o = t === "" ? [] : t.split(",");
-    this.store.recommendationConfigs.productIds.join(",") !== t && this.store.patchCurrentBlockConfig({ productIds: o });
+    n.updateConfig(
+      this.api,
+      this.currentNode,
+      { productIds: o },
+      "Updated product IDs"
+    ), this.store.patchCurrentBlockConfig({ productIds: o });
   }
   _listenToFormUpdates() {
     this.api.onValueChanged(i.ALGORITHM, (t) => {
@@ -104,6 +109,6 @@ class S extends m {
   }
 }
 export {
-  C as ALGORITHM_CONTROL_ID,
-  S as AlgorithmControl
+  p as ALGORITHM_CONTROL_ID,
+  R as AlgorithmControl
 };

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

@@ -1,79 +1,79 @@
 var _ = Object.defineProperty;
-var N = (u, d, e) => d in u ? _(u, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[d] = e;
-var s = (u, d, e) => N(u, typeof d != "symbol" ? d + "" : d, e);
+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 y } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.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 I } from "../../constants/selectors.js";
+import { RECOMMENDATION_ID_ATTR as k } from "../../constants/selectors.js";
 import { RecommendationConfigService as l } from "../../services/configService.js";
-import { useRecommendationExtensionStore as k } from "../../store/recommendation.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 O, pickConfigDescription as b, isProductIdsChange as B, PRODUCT_IDS_DESCRIPTION as F } from "../../utils/nodeConfigWriter.js";
-import { AlgorithmControl as E } from "./algorithm.js";
-import { ALGORITHM_CONTROL_ID as _e } from "./algorithm.js";
-import { CurrencyControl as L } from "./currency.js";
-import { CURRENCY_CONTROL_ID as ye } from "./currency.js";
-import { FiltersControl as D } from "./filters.js";
-import { FILTERS_CONTROL_ID as Re } from "./filters.js";
-import { LayoutOrientationControl as U } from "./layoutOrientation.js";
-import { LAYOUT_ORIENTATION_CONTROL_ID as ke } from "./layoutOrientation.js";
-import { LocaleControl as v } from "./locale.js";
-import { LOCALE_CONTROL_ID as Te } from "./locale.js";
-import { PricePlacementControl as w } from "./pricePlacement.js";
-import { PRICE_PLACEMENT_CONTROL_ID as be } from "./pricePlacement.js";
-import { ProductCountControl as A } from "./productCount.js";
-import { PRODUCT_COUNT_CONTROL_ID as Fe } from "./productCount.js";
-import { ProductLayoutControl as V } from "./productLayout.js";
-import { PRODUCT_LAYOUT_CONTROL_ID as Le } from "./productLayout.js";
-import { ShuffleControl as W } from "./shuffle.js";
-import { SHUFFLE_CONTROL_ID as Ue } from "./shuffle.js";
-import { StrategyControl as x } from "./strategy.js";
-import { STRATEGY_CONTROL_ID as we } from "./strategy.js";
-import { setCurrencyAttributes as M, getBlockElement as G, isPartnerManagedBlock as z, updateProductContentInPlace as $, regenerateProductRowsWithStyles as H } from "./utils.js";
-import { adjustProductsToSize as Ve, formatProductPrice as We, getCardComposition as xe, getCurrentLayout as Me, getMainContainerTbody as Ge, regenerateMobileProductRows as ze, updatePricesInPlace as $e, updateSingleProductContent as He } from "./utils.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", Y = "ui-elements-recommendation-block";
-class me extends P {
+const f = "Update recommendation filters", z = "ui-elements-recommendation-block";
+class he extends P {
   constructor() {
     super(...arguments);
-    s(this, "store", k());
-    s(this, "storeUnsubscription", () => {
+    i(this, "store", I());
+    i(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.
-    s(this, "pendingNodeConfigWrite", null);
-    s(this, "pendingConfigFlushTimer", null);
+    i(this, "pendingNodeConfigWrite", null);
+    i(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.
-    s(this, "trackedBlockId", null);
-    s(this, "fetchedConfigVersion", 0);
-    s(this, "hasUnrenderedProducts", !1);
-    s(this, "panelGeneration", 0);
-    s(this, "isPanelAlive", !0);
+    i(this, "trackedBlockId", null);
+    i(this, "fetchedConfigVersion", 0);
+    i(this, "hasUnrenderedProducts", !1);
+    i(this, "panelGeneration", 0);
+    i(this, "isPanelAlive", !0);
     // Sub-control instances for lifecycle management
-    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);
+    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);
     /**
      * Debounced product fetch to prevent rapid API calls during config changes
      */
-    s(this, "_debouncedFetchProducts", C(async (e, t) => {
+    i(this, "_debouncedFetchProducts", C(async (e, t) => {
       if (t !== this.panelGeneration)
         return;
       const o = this._getBlockConfigVersion(e);
       try {
         await (e === null ? this.store.fetchRecommendationProducts() : this.store.fetchRecommendationProductsForBlock(e)), t === this.panelGeneration && (this.fetchedConfigVersion = Math.max(this.fetchedConfigVersion, o));
       } finally {
-        t === this.panelGeneration && o === this._getBlockConfigVersion(e) && this._scheduleConfigFlush();
+        t === this.panelGeneration && this._scheduleConfigFlush();
       }
     }, 500));
     /**
@@ -87,7 +87,7 @@ class me extends P {
      * count. The store pads products to the configured size, so in-place only
      * fails when the size actually changed.
      */
-    s(this, "_debouncedRegenerateWithProducts", C((e) => {
+    i(this, "_debouncedRegenerateWithProducts", C((e) => {
       if (e !== this.panelGeneration || !this.currentNode || !this.api)
         return;
       const t = this._getRecommendationIdFromNode(this.currentNode), o = this.store.currentRecommendationId;
@@ -106,7 +106,7 @@ class me extends P {
     }, 100));
   }
   getId() {
-    return Y;
+    return z;
   }
   get _subControls() {
     return [
@@ -127,7 +127,7 @@ class me extends P {
     return this.rrsEnabled = g().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 E(), this.localeControl = new v(), this.currencyControl = new L(), this.productCountControl = new A(), this.productLayoutControl = new V(), this.filtersControl = new D(), this.shuffleControl = new W(), this.pricePlacementControl = new w(), this.layoutOrientationControl = new U(), this.strategyControl = this.rrsEnabled ? new x() : null, this._subControls.forEach((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) => {
       t && (t.api = this.api);
     }), `
             <div class="recommendation-controls-container">
@@ -145,12 +145,12 @@ class me extends P {
         `;
   }
   _showControlsForBlock(e) {
-    var r;
-    const t = (r = this.getContainer()) == null ? void 0 : r.querySelector(".recommendation-controls-container");
+    var s;
+    const t = (s = this.getContainer()) == null ? void 0 : s.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), i = this.rrsEnabled && !!o && !n;
-    t.classList.toggle("strategy-block", n), t.classList.toggle("legacy-strategy-block", i);
+    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;
+    t.classList.toggle("strategy-block", n), t.classList.toggle("legacy-strategy-block", r);
   }
   async onRender() {
     var o;
@@ -169,8 +169,8 @@ class me extends P {
     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 i;
-      n != null && n.api && (n.currentNode = e, (i = n.onTemplateNodeUpdated) == null || i.call(n, e));
+      var r;
+      n != null && n.api && (n.currentNode = e, (r = n.onTemplateNodeUpdated) == null || r.call(n, e));
     });
   }
   onDestroy() {
@@ -214,13 +214,13 @@ class me extends P {
    * state was rebuilt with (SD-150347).
    */
   _syncNodeConfigIfChanged(e) {
-    var i;
+    var r;
     this.pendingNodeConfigWrite && this.pendingNodeConfigWrite.blockId !== e && this._flushPendingNodeConfig();
     const t = this.store.blockStates[e];
     if (!t)
       return;
     const o = JSON.stringify(l.getConfig(this.currentNode)), n = t.syncedConfigFingerprint;
-    t.syncedConfigFingerprint = o, n !== o && ((i = this.pendingNodeConfigWrite) == null ? void 0 : i.blockId) !== e && this._syncNodeConfigToStore();
+    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() {
@@ -229,26 +229,20 @@ class me extends P {
   }
   _capturePendingNodeConfigWrite() {
     const e = this.store.currentRecommendationId, t = e === null ? void 0 : this.store.blockStates[e];
-    !this.currentNode || !this.api || e === null || !t || (this._clearConfigFlush(), this.pendingNodeConfigWrite = {
+    !this.currentNode || !this.api || e === null || !t || (this.pendingNodeConfigWrite = {
       blockId: e,
       updates: this._getNodeConfigUpdates(t.recommendationConfigs)
     });
   }
-  /** The pending write only when it belongs to the node this panel draws: a duplicate focuses the copy. */
-  _pendingWriteForNode() {
-    const e = this.pendingNodeConfigWrite, t = this._getRecommendationIdFromNode(this.currentNode);
-    return !e || t !== null && e.blockId !== t ? null : e;
-  }
   _getNodeConfigUpdates(e) {
-    const { filters: t, strategy: o, strategyId: n, size: i, productIds: r, nodeConfigVersion: h } = e, { partnerName: c } = g();
+    const { filters: t, strategy: o, strategyId: n, size: r, nodeConfigVersion: s } = e, { partnerName: d } = g();
     return {
       filters: t,
       strategy: o,
       strategyId: n,
-      size: i,
-      productIds: r,
-      configVersion: h,
-      ...c.value ? { partnerName: c.value } : {}
+      size: r,
+      configVersion: s,
+      ...d.value ? { partnerName: d.value } : {}
     };
   }
   /**
@@ -262,7 +256,7 @@ class me extends P {
    * @returns Whether anything was staged
    */
   _stagePendingNodeConfig(e) {
-    const t = this._pendingWriteForNode();
+    const t = this.pendingNodeConfigWrite;
     return !t || !this.currentNode ? !1 : (l.stageConfig(e, this.currentNode, t.updates), !0);
   }
   /**
@@ -291,24 +285,14 @@ class me extends P {
         !m(t, o, f) && this.store.blockStates[t] && console.error("[recommendation] pending config write did not reach a node", { blockId: t });
         return;
       }
-      O(this.currentNode, e.updates) && l.updateConfig(
+      b(this.currentNode, e.updates) && l.updateConfig(
         this.api,
         this.currentNode,
         e.updates,
-        b(this.currentNode, e.updates, f)
+        f
       );
     }
   }
-  _cardsPredatePendingWrite() {
-    const e = this._pendingWriteForNode();
-    return e !== null && this.fetchedConfigVersion < this._getBlockConfigVersion(e.blockId);
-  }
-  /** The Product Ids label when the pending write moves the node's ids; the caller's default otherwise. */
-  _pendingDescription() {
-    const e = this._pendingWriteForNode();
-    if (!(!e || !this.currentNode || !B(this.currentNode, e.updates)))
-      return F;
-  }
   _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);
@@ -354,8 +338,8 @@ class me extends P {
     if (e !== null && this.store.markBlockInitialized(e), (await Promise.allSettled([
       this.store.fetchRecommendationCreateData(),
       this.store.fetchRecommendationFilters()
-    ])).forEach((n, i) => {
-      n.status === "rejected" && console.warn(`Recommendation block: ${["fetchRecommendationCreateData", "fetchRecommendationFilters"][i]} failed`, n.reason);
+    ])).forEach((n, r) => {
+      n.status === "rejected" && console.warn(`Recommendation block: ${["fetchRecommendationCreateData", "fetchRecommendationFilters"][r]} failed`, n.reason);
     }), e !== null && this.store.currentRecommendationId !== e) {
       this._refreshOutsidePanel(e, !0);
       return;
@@ -386,35 +370,35 @@ class me extends P {
     if (!this.currentNode || !this.api)
       return;
     const e = l.getConfig(this.currentNode), t = {};
-    let o = null, n = null, i = null;
+    let o = null, n = null, r = null;
     if (e.currency.code === a.currency.code) {
-      const { currencyList: r } = this.store;
-      r.length > 0 && (r.some(
-        (c) => c.value === `price.${a.currency.code}`
-      ) || (o = r[0].value.replace("price.", ""), t.currency = {
+      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,
         code: o,
         symbol: o
       }));
     }
     if (e.strategy === a.strategy) {
-      const r = this.store.getActivePredictiveAlgorithms;
-      r.length > 0 && (r.some(
-        (c) => c.value === a.strategy
-      ) || (n = r[0].value, t.strategy = n));
+      const s = this.store.getActivePredictiveAlgorithms;
+      s.length > 0 && (s.some(
+        (u) => u.value === a.strategy
+      ) || (n = s[0].value, t.strategy = n));
     }
     if (e.language === a.language) {
-      const r = this.store.getLanguages;
-      r.length > 0 && (r.some(
-        (c) => c.value === a.language
-      ) || (i = r[0].value, t.language = i));
+      const s = this.store.getLanguages;
+      s.length > 0 && (s.some(
+        (u) => u.value === a.language
+      ) || (r = s[0].value, t.language = r));
     }
-    !o && !n && !i || (l.updateConfig(
+    !o && !n && !r || (l.updateConfig(
       this.api,
       this.currentNode,
       t,
       "Applied smart defaults"
-    ), o && t.currency && M({
+    ), o && t.currency && V({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
       currency: t.currency
@@ -431,17 +415,17 @@ class me extends P {
         }
       } : {},
       ...n ? { strategy: n } : {},
-      ...i ? { language: i } : {}
+      ...r ? { language: r } : {}
     }, { triggerRefetch: !1 }));
   }
   /**
    * Reads the recommendation-id attribute from the block element within the node
    */
   _getRecommendationIdFromNode(e) {
-    const t = G(e);
+    const t = x(e);
     if (!t || !("getAttribute" in t))
       return null;
-    const o = t.getAttribute(I);
+    const o = t.getAttribute(k);
     if (!o)
       return null;
     const n = parseInt(o);
@@ -457,12 +441,12 @@ class me extends P {
       const n = e === null ? void 0 : this.store.blockStates[e];
       if (e === null || !n)
         return;
-      const i = t !== n.configVersion;
-      i && !m(
+      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 }), (i || o) && this._refreshOutsidePanel(e, i);
+      ) && 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);
     }
@@ -493,34 +477,20 @@ class me extends P {
   _regenerateWithProducts() {
     if (!this.currentNode || !this.api)
       return;
-    if (this._cardsPredatePendingWrite()) {
-      this.hasUnrenderedProducts = !0;
-      return;
-    }
-    const e = this.store.recommendationProducts, t = this.api.getDocumentModifier(), o = this._pendingDescription(), n = this._stagePendingNodeConfig(t);
-    if (z(this.currentNode)) {
-      n && (t.apply(
-        new y(o ?? "Update recommendation configuration")
-      ), this._consumePendingNodeConfig());
+    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());
       return;
     }
-    $({
+    M({
       currentNode: this.currentNode,
       documentModifier: t,
-      products: e,
-      description: o,
-      onApplied: n ? () => this._consumePendingNodeConfig() : void 0
-    }) || H({
+      products: e
+    }) || G({
       currentNode: this.currentNode,
       documentModifier: t,
-      products: e,
-      description: o
-    }) && n && this._consumePendingNodeConfig();
-  }
-  // Spent only once it landed with the cards (never when another block's write stayed unstaged):
-  // kept alive, it blocks the store resync an Undo needs and the flush writes the undone ids back.
-  _consumePendingNodeConfig() {
-    this.pendingNodeConfigWrite = null, this._clearConfigFlush();
+      products: e
+    });
   }
   /**
    * Listen to store changes that require product refresh or regeneration.
@@ -545,47 +515,47 @@ class me extends P {
         this.panelGeneration++, this.trackedBlockId = n, t = e.recommendationProducts, o = this._getBlockConfigVersion(n), this.fetchedConfigVersion = o, this.hasUnrenderedProducts = !1, this._finishBlockOutsidePanel(p);
         return;
       }
-      const i = this._getBlockConfigVersion(n);
-      i !== o && (o = i, this._capturePendingNodeConfigWrite(), this._isPendingStrategyIdChange() && this._flushPendingNodeConfig(), this._debouncedFetchProducts(n, this.panelGeneration));
-      const r = e.recommendationProducts, h = r !== t, c = Array.isArray(r) && r.length > 0;
-      h && c && (t = r, this.hasUnrenderedProducts = !0, this._debouncedRegenerateWithProducts(this.panelGeneration));
+      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));
     });
   }
 }
 export {
-  _e as ALGORITHM_CONTROL_ID,
-  E as AlgorithmControl,
-  Y as CONTROL_BLOCK_ID,
-  ye as CURRENCY_CONTROL_ID,
-  L as CurrencyControl,
-  Re as FILTERS_CONTROL_ID,
-  D as FiltersControl,
-  ke as LAYOUT_ORIENTATION_CONTROL_ID,
-  Te as LOCALE_CONTROL_ID,
-  U as LayoutOrientationControl,
-  v as LocaleControl,
-  be as PRICE_PLACEMENT_CONTROL_ID,
-  Fe as PRODUCT_COUNT_CONTROL_ID,
-  Le as PRODUCT_LAYOUT_CONTROL_ID,
-  w as PricePlacementControl,
-  A as ProductCountControl,
-  V as ProductLayoutControl,
-  me as RecommendationBlockControl,
-  Ue as SHUFFLE_CONTROL_ID,
-  we as STRATEGY_CONTROL_ID,
-  W as ShuffleControl,
-  x as StrategyControl,
-  Ve as adjustProductsToSize,
-  We as formatProductPrice,
-  G as getBlockElement,
-  xe as getCardComposition,
-  Me as getCurrentLayout,
-  Ge as getMainContainerTbody,
-  z as isPartnerManagedBlock,
-  ze as regenerateMobileProductRows,
-  H as regenerateProductRowsWithStyles,
-  M as setCurrencyAttributes,
-  $e as updatePricesInPlace,
-  $ as updateProductContentInPlace,
-  He as updateSingleProductContent
+  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
 };

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

@@ -90,21 +90,21 @@ function F(t, e = {}) {
     documentModifier: o,
     products: r,
     layout: s,
-    composition: i
+    composition: l
   } = t;
   if (!n || !("querySelector" in n))
     return !1;
-  const u = s ?? T(n), l = g.getConfig(n);
-  if (u === "list" || !l.mobileLayoutEnabled)
+  const u = s ?? T(n), i = g.getConfig(n);
+  if (u === "list" || !i.mobileLayoutEnabled)
     return ne({ currentNode: n, documentModifier: o });
-  const c = E(), f = v(r, c.recommendationProducts), a = i ?? B(n, c.filterList), p = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${x(f, u, {
-    productsPerRow: l.mobileCardsInRow,
-    composition: a,
+  const c = E(), a = v(r, c.recommendationProducts), f = l ?? B(n, c.filterList), p = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${x(a, u, {
+    productsPerRow: i.mobileCardsInRow,
+    composition: f,
     filterList: c.filterList,
-    priceInline: !l.priceMovedToNextLine,
+    priceInline: !i.priceMovedToNextLine,
     // Match the initial render's gutter so a regeneration never changes block height (SD-143023, #386).
-    cellPadding: j(l.mobileColumnSpacing),
-    rowSpacingPx: l.mobileRowSpacing,
+    cellPadding: j(i.mobileColumnSpacing),
+    rowSpacingPx: i.mobileRowSpacing,
     ...e
   })}</table></td>`, y = n.querySelector(k);
   return y ? (o.modifyHtml(y).setInnerHtml(p), !0) : (ie(n, o, p), !1);
@@ -118,17 +118,17 @@ function le(t, e = {}) {
     documentModifier: o,
     products: r,
     layout: s,
-    composition: i
+    composition: l
   } = t;
   if (!n || !("querySelector" in n))
     return !1;
   const u = n.querySelector(w) ?? n.querySelector(Y);
   if (!u)
     return !1;
-  const l = E(), c = v(r, l.recommendationProducts), { cardsInRow: f } = g.getConfig(n), a = i ?? B(n, l.filterList), d = s ?? T(n), p = g.getConfig(n), y = x(c, d, {
-    productsPerRow: f,
-    composition: a,
-    filterList: l.filterList,
+  const i = E(), c = v(r, i.recommendationProducts), { cardsInRow: a } = g.getConfig(n), f = l ?? B(n, i.filterList), d = s ?? T(n), p = g.getConfig(n), y = x(c, d, {
+    productsPerRow: a,
+    composition: f,
+    filterList: i.filterList,
     priceInline: !p.priceMovedToNextLine,
     // Match the initial render's gutter so a regeneration never changes block height (SD-143023, #386).
     cellPadding: j(p.columnSpacing),
@@ -154,14 +154,14 @@ function ue(t, e, n) {
   const r = o.getAttribute(q);
   if (!r)
     return !1;
-  const s = E(), i = r.split(",").filter(Boolean), u = H(i, o, s.filterList), l = [], c = u.join(",") !== i.join(",");
-  c && l.push([q, u.join(",")]);
-  const f = ce(
+  const s = E(), l = r.split(",").filter(Boolean), u = H(l, o, s.filterList), i = [], c = u.join(",") !== l.join(",");
+  c && i.push([q, u.join(",")]);
+  const a = ce(
     o.getAttribute(h)
-  ), a = f && J(f, o, s.filterList);
-  if (f && a && a.join(",") !== f.join(",") && l.push([h, JSON.stringify(a)]), l.length === 0)
+  ), f = a && J(a, o, s.filterList);
+  if (a && f && f.join(",") !== a.join(",") && i.push([h, JSON.stringify(f)]), i.length === 0)
     return !1;
-  if (l.forEach(([d, p]) => {
+  if (i.forEach(([d, p]) => {
     e.modifyHtml(o).setAttribute(d, p);
   }), c && g.hasConfig(t)) {
     const d = {
@@ -179,21 +179,20 @@ function Re(t) {
     afterRegenerate: o,
     products: r,
     layout: s,
-    composition: i,
-    skipStylePreservation: u,
-    description: l
+    composition: l,
+    skipStylePreservation: u
   } = t;
   if (!e)
     return !1;
-  const c = u ? {} : D(e), f = {
+  const i = u ? {} : D(e), c = {
     currentNode: e,
     documentModifier: n,
     products: r,
     layout: s,
-    composition: i
+    composition: l
   };
-  let a = le(f, c);
-  return a = F(f, c) || a, a && (ue(e, n, i), n.apply(new C(l ?? "Regenerate products with styles"))), o == null || o(), a;
+  let a = le(c, i);
+  return a = F(c, i) || a, a && (ue(e, n, l), n.apply(new C("Regenerate products with styles"))), o == null || o(), a;
 }
 function qe(t, e) {
   return t.length === e ? t : t.length > e ? t.slice(0, e) : [...t, ...U(e - t.length)];
@@ -217,28 +216,28 @@ function R(t, e = "price") {
   });
 }
 function se(t) {
-  var s, i;
-  const e = K(), n = ((s = t.original_price) == null ? void 0 : s[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, o = ((i = t.price) == null ? void 0 : i[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, r = n > 0 ? Math.round((n - o) / n * 100) : 0;
+  var s, l;
+  const e = K(), n = ((s = t.original_price) == null ? void 0 : s[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, o = ((l = t.price) == null ? void 0 : l[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, r = n > 0 ? Math.round((n - o) / n * 100) : 0;
   return r > 0 ? `-${r}%` : "0%";
 }
 function V(t) {
-  const { documentModifier: e, product: n, priceEl: o, oldPriceEl: r, omnibusPriceEl: s, omnibusDiscountEl: i } = t;
+  const { documentModifier: e, product: n, priceEl: o, oldPriceEl: r, omnibusPriceEl: s, omnibusDiscountEl: l } = t;
   let u = !1;
   if (o && "querySelector" in o) {
-    const l = o.querySelector("strong") ?? o.querySelector("p"), c = R(n, "price");
-    S(e, l ?? null, c) && (u = !0);
+    const i = o.querySelector("strong") ?? o.querySelector("p"), c = R(n, "price");
+    S(e, i ?? null, c) && (u = !0);
   }
   if (r && "querySelector" in r) {
-    const l = r.querySelector("strong") ?? r.querySelector("p"), c = R(n, "original_price");
-    S(e, l ?? null, c) && (u = !0), A(e, r, "data-same-price", String(Z(n))) && (u = !0);
+    const i = r.querySelector("strong") ?? r.querySelector("p"), c = R(n, "original_price");
+    S(e, i ?? null, c) && (u = !0), A(e, r, "data-same-price", String(Z(n))) && (u = !0);
   }
   if (s && "querySelector" in s) {
-    const l = s.querySelector(".omnibus-price-value") ?? null, c = R(n, "original_price");
-    S(e, l, c) && (u = !0);
+    const i = s.querySelector(".omnibus-price-value") ?? null, c = R(n, "original_price");
+    S(e, i, c) && (u = !0);
   }
-  if (i && "querySelector" in i) {
-    const l = i.querySelector(".omnibus-discount-value") ?? null, c = se(n);
-    S(e, l, c) && (u = !0);
+  if (l && "querySelector" in l) {
+    const i = l.querySelector(".omnibus-discount-value") ?? null, c = se(n);
+    S(e, i, c) && (u = !0);
   }
   return u;
 }
@@ -249,37 +248,37 @@ function ae(t) {
     imageEl: o,
     nameEl: r,
     priceEl: s,
-    oldPriceEl: i,
+    oldPriceEl: l,
     omnibusPriceEl: u,
-    omnibusDiscountEl: l,
+    omnibusDiscountEl: i,
     buttonEl: c
   } = t;
-  let f = !1;
+  let a = !1;
   if (o && "querySelector" in o) {
-    const a = o.querySelector("img");
-    if (a) {
-      const p = A(e, a, "src", Q(n.image_url)), y = A(e, a, "alt", n.name);
-      f = f || p || y;
+    const f = o.querySelector("img");
+    if (f) {
+      const p = A(e, f, "src", Q(n.image_url)), y = A(e, f, "alt", n.name);
+      a = a || p || y;
     }
     const d = o.querySelector("a");
-    d && A(e, d, "href", n.url) && (f = !0);
+    d && A(e, d, "href", n.url) && (a = !0);
   }
   if (r && "querySelector" in r) {
-    const a = r.querySelector("strong") ?? r.querySelector("p");
-    S(e, a ?? null, n.name) && (f = !0);
+    const f = r.querySelector("strong") ?? r.querySelector("p");
+    S(e, f ?? null, n.name) && (a = !0);
   }
   if (V({
     documentModifier: e,
     product: n,
     priceEl: s,
-    oldPriceEl: i,
+    oldPriceEl: l,
     omnibusPriceEl: u,
-    omnibusDiscountEl: l
-  }) && (f = !0), c && "querySelector" in c) {
-    const a = c.querySelector("a.es-button") || c.querySelector("a");
-    a && A(e, a, "href", n.url) && (f = !0);
+    omnibusDiscountEl: i
+  }) && (a = !0), c && "querySelector" in c) {
+    const f = c.querySelector("a.es-button") || c.querySelector("a");
+    f && A(e, f, "href", n.url) && (a = !0);
   }
-  return f;
+  return a;
 }
 function G(t) {
   return "querySelector" in t ? t.querySelector(w) ?? t : t;
@@ -303,26 +302,26 @@ function de(t, e, n) {
   if (o.length === 0)
     return !1;
   const r = /* @__PURE__ */ new Map();
-  o.forEach((i) => {
-    if (!("getAttribute" in i))
+  o.forEach((l) => {
+    if (!("getAttribute" in l))
       return;
-    const u = i.getAttribute(z);
+    const u = l.getAttribute(z);
     if (!u)
       return;
-    const l = r.get(u) ?? [];
-    l.push(i), r.set(u, l);
+    const i = r.get(u) ?? [];
+    i.push(l), r.set(u, i);
   });
   let s = !1;
-  return r.forEach((i, u) => {
-    const l = Math.min(i.length, n.length);
-    i.slice(0, l).forEach((c, f) => {
+  return r.forEach((l, u) => {
+    const i = Math.min(l.length, n.length);
+    l.slice(0, i).forEach((c, a) => {
       if (!("querySelector" in c))
         return;
-      const a = fe(u, n[f]);
-      if (a === null)
+      const f = fe(u, n[a]);
+      if (f === null)
         return;
       const d = c.querySelector("p") ?? null;
-      S(e, d, a) && (s = !0);
+      S(e, d, f) && (s = !0);
     });
   }), s;
 }
@@ -335,55 +334,55 @@ function _(t, e, n) {
     `[esd-extension-block-id="${m.NAME}"]`
   ), s = t.querySelectorAll(
     `[esd-extension-block-id="${m.PRICE}"]`
-  ), i = t.querySelectorAll(
+  ), l = t.querySelectorAll(
     `[esd-extension-block-id="${m.OLD_PRICE}"]`
   ), u = t.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_PRICE}"]`
-  ), l = t.querySelectorAll(
+  ), i = t.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_DISCOUNT}"]`
   ), c = t.querySelectorAll(
     `[esd-extension-block-id="${m.BUTTON}"]`
-  ), f = Math.min(o.length, n.length);
-  let a = !1;
-  for (let d = 0; d < f; d++) {
+  ), a = Math.min(o.length, n.length);
+  let f = !1;
+  for (let d = 0; d < a; d++) {
     const p = ae({
       documentModifier: e,
       product: n[d],
       imageEl: o[d] ?? null,
       nameEl: r[d] ?? null,
       priceEl: s[d] ?? null,
-      oldPriceEl: i[d] ?? null,
+      oldPriceEl: l[d] ?? null,
       omnibusPriceEl: u[d] ?? null,
-      omnibusDiscountEl: l[d] ?? null,
+      omnibusDiscountEl: i[d] ?? null,
       buttonEl: c[d] ?? null
     });
-    a = a || p;
+    f = f || p;
   }
-  return de(t, e, n) && (a = !0), a;
+  return de(t, e, n) && (f = !0), f;
 }
 function he(t) {
-  const { currentNode: e, documentModifier: n, products: o, onApplied: r, description: s } = t;
+  const { currentNode: e, documentModifier: n, products: o, onApplied: r } = t;
   if (!e || !("querySelectorAll" in e))
     return !1;
-  const i = G(e);
-  if (!("querySelectorAll" in i) || i.querySelectorAll(
+  const s = G(e);
+  if (!("querySelectorAll" in s) || s.querySelectorAll(
     `[esd-extension-block-id="${m.IMAGE}"]`
   ).length !== o.length)
     return !1;
-  let l = _(i, n, o);
-  const c = T(e), f = g.getConfig(e);
-  if (c !== "list" && f.mobileLayoutEnabled && "querySelector" in e) {
+  let u = _(s, n, o);
+  const i = T(e), c = g.getConfig(e);
+  if (i !== "list" && c.mobileLayoutEnabled && "querySelector" in e) {
     const a = e.querySelector(L);
     if (a) {
-      const d = _(
+      const f = _(
         a,
         n,
         o
       );
-      l = l || d;
+      u = u || f;
     }
   }
-  return l && (n.apply(new C(s ?? "Updated product content in-place")), r == null || r()), !0;
+  return u && (n.apply(new C("Updated product content in-place")), r == null || r()), !0;
 }
 function N(t, e, n) {
   if (!("querySelectorAll" in t))
@@ -394,10 +393,10 @@ function N(t, e, n) {
     `[esd-extension-block-id="${m.OLD_PRICE}"]`
   ), s = t.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_PRICE}"]`
-  ), i = t.querySelectorAll(
+  ), l = t.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_DISCOUNT}"]`
   ), u = Math.min(o.length, n.length);
-  let l = !1;
+  let i = !1;
   for (let c = 0; c < u; c++)
     V({
       documentModifier: e,
@@ -405,9 +404,9 @@ function N(t, e, n) {
       priceEl: o[c] ?? null,
       oldPriceEl: r[c] ?? null,
       omnibusPriceEl: s[c] ?? null,
-      omnibusDiscountEl: i[c] ?? null
-    }) && (l = !0);
-  return l;
+      omnibusDiscountEl: l[c] ?? null
+    }) && (i = !0);
+  return i;
 }
 function Me(t) {
   const { currentNode: e, documentModifier: n } = t;
@@ -419,25 +418,25 @@ function Me(t) {
   if (r.length === 0)
     return !1;
   const s = G(e);
-  let i = N(s, n, r);
-  const u = T(e), l = g.getConfig(e);
-  if (u !== "list" && l.mobileLayoutEnabled && "querySelector" in e) {
+  let l = N(s, n, r);
+  const u = T(e), i = g.getConfig(e);
+  if (u !== "list" && i.mobileLayoutEnabled && "querySelector" in e) {
     const c = e.querySelector(L);
     if (c) {
-      const f = N(c, n, r);
-      i = i || f;
+      const a = N(c, n, r);
+      l = l || a;
     }
   }
-  return i && n.apply(new C("Updated price formatting in-place")), i;
+  return l && n.apply(new C("Updated price formatting in-place")), l;
 }
 function Ie(t) {
   const { currentNode: e, documentModifier: n, currency: o } = t, r = P(e);
   if (!r)
     return;
-  const s = o.alignment === "before" ? "0" : "1", i = (u, l) => {
-    n.modifyHtml(r).setAttribute(u, l);
+  const s = o.alignment === "before" ? "0" : "1", l = (u, i) => {
+    n.modifyHtml(r).setAttribute(u, i);
   };
-  i(b.CURRENCY, o.code), i(b.SYMBOL, o.symbol), i(b.ALIGNMENT, s), i(b.THOUSAND_SEPARATOR, o.thousandSeparator), i(b.DECIMAL_SEPARATOR, o.decimalSeparator), i(b.DECIMAL_COUNT, o.decimalCount.toString()), n.apply(new C("Update currency attributes"));
+  l(b.CURRENCY, o.code), l(b.SYMBOL, o.symbol), l(b.ALIGNMENT, s), l(b.THOUSAND_SEPARATOR, o.thousandSeparator), l(b.DECIMAL_SEPARATOR, o.decimalSeparator), l(b.DECIMAL_COUNT, o.decimalCount.toString()), n.apply(new C("Update currency attributes"));
 }
 export {
   qe as adjustProductsToSize,

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

@@ -1,85 +1,68 @@
-import { ModificationDescription as a } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { RECOMMENDATION_ID_ATTR as m } from "../constants/selectors.js";
-import { isPartnerManagedBlock as y, updateProductContentInPlace as I, regenerateProductRowsWithStyles as N } from "../controls/main/utils.js";
+import { ModificationDescription as g } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RECOMMENDATION_ID_ATTR as l } from "../constants/selectors.js";
+import { isPartnerManagedBlock as m, updateProductContentInPlace as d, regenerateProductRowsWithStyles as C } from "../controls/main/utils.js";
 import { RecommendationConfigService as c } from "../services/configService.js";
-import { useRecommendationExtensionStore as O } from "../store/recommendation.js";
+import { useRecommendationExtensionStore as y } from "../store/recommendation.js";
 let r = null;
-function $(t) {
-  r = t;
+function M(n) {
+  r = n;
 }
-function C(t) {
-  const n = r == null ? void 0 : r.getDocumentRootHtmlNode();
-  return !n || !("querySelector" in n) ? null : n.querySelector(`[${m}="${t}"]`) ?? null;
+function a(n) {
+  const e = r == null ? void 0 : r.getDocumentRootHtmlNode();
+  return !e || !("querySelector" in e) ? null : e.querySelector(`[${l}="${n}"]`) ?? null;
 }
-function D(t, n) {
-  const o = c.getConfig(t);
-  return Object.keys(n).some((e) => JSON.stringify(o[e]) !== JSON.stringify(n[e]));
+function N(n, e) {
+  const o = c.getConfig(n);
+  return Object.keys(e).some((t) => JSON.stringify(o[t]) !== JSON.stringify(e[t]));
 }
-function R(t, n) {
-  const o = c.getConfig(t);
-  return ["filters", "strategy", "strategyId", "size", "productIds"].some((e) => e in n && JSON.stringify(o[e]) !== JSON.stringify(n[e]));
+function S(n, e) {
+  const o = c.getConfig(n);
+  return ["filters", "strategy", "strategyId", "size"].some((t) => t in e && JSON.stringify(o[t]) !== JSON.stringify(e[t]));
 }
-const p = "Updated product IDs";
-function S(t, n) {
-  if (!("productIds" in n))
-    return !1;
-  const o = c.getConfig(t);
-  return JSON.stringify(o.productIds) !== JSON.stringify(n.productIds);
-}
-function h(t, n, o) {
-  return S(t, n) ? p : o;
-}
-function k(t, n, o) {
-  const e = C(t);
-  if (!r || !e)
-    return !1;
-  if (R(e, n)) {
-    const i = h(e, n, o);
-    c.updateConfig(r, e, n, i);
-  }
-  return !0;
+function P(n, e, o) {
+  const t = a(n);
+  return !r || !t ? !1 : (S(t, e) && c.updateConfig(r, t, e, o), !0);
 }
-function P(t, n) {
-  const o = O(), e = o.currentRecommendationId;
-  if (e === t || !o.blockStates[t]) {
-    n();
+function p(n, e) {
+  const o = y(), t = o.currentRecommendationId;
+  if (t === n || !o.blockStates[n]) {
+    e();
     return;
   }
-  o.setCurrentBlock(t);
+  o.setCurrentBlock(n);
   try {
-    n();
+    e();
   } finally {
-    o.$patch({ currentRecommendationId: e });
+    o.$patch({ currentRecommendationId: t });
   }
 }
-function q(t) {
-  const n = r == null ? void 0 : r.getDocumentRootHtmlNode();
-  return !n || !("querySelectorAll" in n) ? [] : n.querySelectorAll(`[${m}="${t}"]`).map((o) => c.getConfig(o));
+function I(n) {
+  const e = r == null ? void 0 : r.getDocumentRootHtmlNode();
+  return !e || !("querySelectorAll" in e) ? [] : e.querySelectorAll(`[${l}="${n}"]`).map((o) => c.getConfig(o));
 }
-function w(t, n, o, e) {
-  const i = C(t);
+function $(n, e, o, t) {
+  const i = a(n);
   if (!r || !i)
     return !1;
-  const f = r.getDocumentModifier(), d = D(i, n), g = S(i, n), s = g ? p : e, l = { currentNode: i, documentModifier: f, products: o, ...g ? { description: s } : {} };
-  if (c.stageConfig(f, i, n), y(i))
-    return d && f.apply(new a(s)), !0;
+  const f = r.getDocumentModifier(), s = N(i, e);
+  if (c.stageConfig(f, i, e), m(i))
+    return s && f.apply(new g(t)), !0;
   let u = !1;
-  return P(t, () => {
-    I({
-      ...l,
+  return p(n, () => {
+    d({
+      currentNode: i,
+      documentModifier: f,
+      products: o,
       onApplied: () => {
         u = !0;
       }
-    }) || (u = N(l));
-  }), !u && d && f.apply(new a(s)), !0;
+    }) || (u = C({ currentNode: i, documentModifier: f, products: o }));
+  }), !u && s && f.apply(new g(t)), !0;
 }
 export {
-  p as PRODUCT_IDS_DESCRIPTION,
-  w as commitBlockChangeOutsidePanel,
-  R as hasEditedConfigChange,
-  S as isProductIdsChange,
-  h as pickConfigDescription,
-  q as readBlockNodeConfigs,
-  $ as registerNodeConfigWriter,
-  k as writeBlockConfigOutsidePanel
+  $ as commitBlockChangeOutsidePanel,
+  S as hasEditedConfigChange,
+  I as readBlockNodeConfigs,
+  M as registerNodeConfigWriter,
+  P as writeBlockConfigOutsidePanel
 };

package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts

@@ -78,8 +78,6 @@ export declare class RecommendationBlockControl extends CommonControl {
     /** Whether the deferred write would move the node's strategyId — see the caller (SD-149916). */
     private _isPendingStrategyIdChange;
     private _capturePendingNodeConfigWrite;
-    /** The pending write only when it belongs to the node this panel draws: a duplicate focuses the copy. */
-    private _pendingWriteForNode;
     private _getNodeConfigUpdates;
     /**
      * Accumulates the pending write into `documentModifier` without applying, so the
@@ -105,9 +103,6 @@ export declare class RecommendationBlockControl extends CommonControl {
      * the intervening re-render staled, and saveConfig swallows that failure.
      */
     private _flushPendingNodeConfig;
-    private _cardsPredatePendingWrite;
-    /** The Product Ids label when the pending write moves the node's ids; the caller's default otherwise. */
-    private _pendingDescription;
     private _syncNodeConfigToStore;
     /**
      * Fetches initial data for a block in three phases:
@@ -161,7 +156,6 @@ export declare class RecommendationBlockControl extends CommonControl {
     private _debouncedRegenerateWithProducts;
     /** Draws the current block's products into this panel's node. */
     private _regenerateWithProducts;
-    private _consumePendingNodeConfig;
     /**
      * Listen to store changes that require product refresh or regeneration.
      *

package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts

@@ -88,8 +88,6 @@ export interface RegenerateWithStylesOptions extends Omit<RegenerateProductRowsO
     products?: RecommendationProduct[];
     /** Optional: pass layout directly to avoid stale DOM reads after setAttribute */
     layout?: Orientation;
-    /** Undo label for the apply; the caller sets it when a config change rides in the same batch */
-    description?: string;
 }
 /**
  * Regenerates product rows while preserving user-applied styles, in a SINGLE commit.
@@ -158,8 +156,6 @@ export interface UpdateProductContentInPlaceOptions {
      * leaves anything a caller staged into the same batch unwritten unless it applies itself.
      */
     onApplied?: () => void;
-    /** Undo label for the apply; the caller sets it when a config change rides in the same batch */
-    description?: string;
 }
 /**
  * Updates product content in-place without regenerating HTML structure.

package/dist/src/extensions/Blocks/Recommendation/utils/nodeConfigWriter.d.ts

@@ -14,10 +14,6 @@ interface ConfigWriterApi {
  */
 export declare function registerNodeConfigWriter(api: ConfigWriterApi): void;
 export declare function hasEditedConfigChange(node: ImmutableHtmlNode, updates: PartialNodeConfig): boolean;
-export declare const PRODUCT_IDS_DESCRIPTION = "Updated product IDs";
-/** A deferred Product Ids edit keeps its own undo label wherever the write finally lands. */
-export declare function isProductIdsChange(node: ImmutableHtmlNode, updates: PartialNodeConfig): boolean;
-export declare function pickConfigDescription(node: ImmutableHtmlNode, updates: PartialNodeConfig, fallback: string): string;
 /**
  * Writes a config change to the block's node on its own, found by id — never through a
  * panel-held node, which may already belong to the block the user switched to.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.21.0-beta.450394b",
+  "version": "3.21.0-beta.647fb59",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",