@useinsider/guido 3.22.0-beta.d4e1d48 → 3.22.0-beta.d762f04

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

@@ -4,7 +4,7 @@ var v = (_, g, t) => ct(_, typeof g != "symbol" ? g + "" : g, t);
 import { ACADEMY_LINKS as dt } from "../../../../../enums/academy.js";
 import { UIElementType as f, UEAttr as O, ModificationDescription as y } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as ut } from "../../../common-control.js";
-import { ATTR_PRODUCT_IMAGE as q, ATTR_PRODUCT_NAME as mt, ATTR_PRODUCT_PRICE as p, ATTR_PRODUCT_OLD_PRICE as I, ATTR_PRODUCT_OMNIBUS_PRICE as ht, ATTR_PRODUCT_OMNIBUS_DISCOUNT as pt, ATTR_PRODUCT_BUTTON as F, ATTR_RECOMMENDATION_TITLE as $, ATTR_DATA_CARD_COMPOSITION as K, ATTR_DATA_CUSTOM_ATTRIBUTES as W, ATTR_CUSTOM_PREFIX as N, SELECTOR_ATTRIBUTE_ROW as E, SELECTOR_TITLE_CELL as z, ATTR_DATA_VISIBILITY as D, ATTR_DATA_ATTRIBUTE_TYPE as R, CSS_CLASS_ATTRIBUTE_ROW as G, CSS_CLASS_SPACER as _t, BUILT_IN_DEFAULT_ATTRIBUTES as gt } from "../../constants/selectors.js";
+import { ATTR_PRODUCT_IMAGE as q, ATTR_PRODUCT_NAME as mt, ATTR_PRODUCT_PRICE as p, ATTR_PRODUCT_OLD_PRICE as I, ATTR_PRODUCT_OMNIBUS_PRICE as ht, ATTR_PRODUCT_OMNIBUS_DISCOUNT as pt, ATTR_PRODUCT_BUTTON as F, ATTR_RECOMMENDATION_TITLE as $, ATTR_DATA_CARD_COMPOSITION as K, ATTR_DATA_CUSTOM_ATTRIBUTES as W, ATTR_CUSTOM_PREFIX as N, SELECTOR_ATTRIBUTE_ROW as E, SELECTOR_TITLE_CELL as G, ATTR_DATA_VISIBILITY as D, ATTR_DATA_ATTRIBUTE_TYPE as R, CSS_CLASS_ATTRIBUTE_ROW as z, CSS_CLASS_SPACER as _t, BUILT_IN_DEFAULT_ATTRIBUTES as gt } from "../../constants/selectors.js";
 import { DEFAULT_COMPOSITION as Y, DEFAULT_VISIBILITY as X } from "../../constants/defaultConfig.js";
 import { RecommendationConfigService as T } from "../../services/configService.js";
 import { useRecommendationExtensionStore as ft } from "../../store/recommendation.js";
@@ -142,7 +142,7 @@ class se extends ut {
         `;
   }
   onRender() {
-    this._initializeComposition(), this._registerValueChangeListeners(), this._setupEventListeners(), this._updateOrderableState(), this._subscribeToStoreChanges(), this._syncDisabledState();
+    this.forgetLastPanelNode(), this._registerValueChangeListeners(), this._setupEventListeners(), this._updateOrderableState(), this._subscribeToStoreChanges();
   }
   /**
    * Card composition restructures the block (toggles/reorders/adds attribute
@@ -230,7 +230,7 @@ class se extends ut {
   }
   _hasTitle() {
     var t;
-    return !!((t = this.currentNode) != null && t.querySelector(z));
+    return !!((t = this.currentNode) != null && t.querySelector(G));
   }
   _getDefaultVisibilities() {
     return { ...X };
@@ -712,7 +712,7 @@ class se extends ut {
               );
             }
           ).join(""), ot = Ct(x, l).repeat(S - B);
-          return `<tr class="${G}" ${R}="${r}" ${D}="1">${st}${ot}</tr>`;
+          return `<tr class="${z}" ${R}="${r}" ${D}="1">${st}${ot}</tr>`;
         }
         return this._getExistingRowHtml(u, j);
       }).join("");
@@ -867,7 +867,7 @@ class se extends ut {
     return t.length > 0 ? t : this._findTitleRowsByClass();
   }
   _findTitleRowsByClass() {
-    const t = this._findTitleContainerBody(), e = t && "children" in t ? t.children() : [], r = e.findIndex((s) => !!s.querySelector(z));
+    const t = this._findTitleContainerBody(), e = t && "children" in t ? t.children() : [], r = e.findIndex((s) => !!s.querySelector(G));
     if (r === -1)
       return [];
     const i = e[r + 1];
@@ -974,7 +974,7 @@ class se extends ut {
       const r = this.store.recommendationConfigs.orientation;
       r !== t && (t = r, this._updateOrderableState());
       const i = Object.keys(this.store.filterList).sort().join(",");
-      i !== e && (e = i, this._initializeComposition());
+      i !== e && (e = i, this.currentNode && this._initializeComposition());
     });
   }
   /**
@@ -1027,7 +1027,7 @@ class se extends ut {
       [i]: e,
       product_attributes: { [i]: e }
     }, l = s[r](o).replace(/<tr>/, "").replace(/<\/tr>/, "");
-    return `<tr class="${G}" ${R}="${r}" ${D}="1">${l}</tr>`;
+    return `<tr class="${z}" ${R}="${r}" ${D}="1">${l}</tr>`;
   }
 }
 export {

package/dist/extensions/Blocks/Recommendation/controls/customAttribute/textTrim.js

@@ -1,15 +1,15 @@
 import { ModificationDescription as T } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as m } from "../../../common-control.js";
+import { CommonControl as l } from "../../../common-control.js";
 import { RecommendationBlockId as n } from "../../constants/blockIds.js";
-import { RecommendationControlId as l } from "../../constants/controlIds.js";
+import { RecommendationControlId as m } from "../../constants/controlIds.js";
 import { BLOCK_ROOT_SELECTOR as u, ATTR_PRODUCT_ATTR as a } from "../../constants/selectors.js";
-import { CSS_CLASS_TEXT_TRIM as o, ensureTextTrimCssRulesExist as c } from "../shared/textTrimCssRules.js";
+import { CSS_CLASS_TEXT_TRIM as s, ensureTextTrimCssRulesExist as c } from "../shared/textTrimCssRules.js";
 const i = {
   TEXT_TRIM_ENABLED: "customAttrTextTrimEnabled"
 };
-class g extends m {
+class C extends l {
   getId() {
-    return l.CUSTOM_ATTR_TEXT_TRIM;
+    return m.CUSTOM_ATTR_TEXT_TRIM;
   }
   getTemplate() {
     return `
@@ -23,7 +23,7 @@ class g extends m {
         `;
   }
   onRender() {
-    this._setFormValues(), this._listenToFormUpdates();
+    this.forgetLastPanelNode(), this._listenToFormUpdates();
   }
   onTemplateNodeUpdated(t) {
     super.onTemplateNodeUpdated(t), this._setFormValues();
@@ -39,10 +39,10 @@ class g extends m {
   _getCurrentTrimState() {
     if (!this.currentNode || !("hasClass" in this.currentNode))
       return !1;
-    if (this.currentNode.hasClass(o))
+    if (this.currentNode.hasClass(s))
       return !0;
     const t = this._getTargetElements();
-    return t.length > 0 && "hasClass" in t[0] ? t[0].hasClass(o) : !1;
+    return t.length > 0 && "hasClass" in t[0] ? t[0].hasClass(s) : !1;
   }
   // ========================================================================
   // Target Element Discovery (per-attribute scoping)
@@ -62,8 +62,8 @@ class g extends m {
       return [];
     const e = "asElement" in this.currentNode ? this.currentNode.asElement().getAttribute(a) : null;
     if (e) {
-      const s = `[esd-extension-block-id="${n.CUSTOM_ATTRIBUTE}"][${a}="${e}"]`;
-      return Array.from(t.querySelectorAll(s));
+      const o = `[esd-extension-block-id="${n.CUSTOM_ATTRIBUTE}"][${a}="${e}"]`;
+      return Array.from(t.querySelectorAll(o));
     }
     return Array.from(
       t.querySelectorAll(
@@ -80,8 +80,8 @@ class g extends m {
       return;
     t && c(this.api);
     const r = this.api.getDocumentModifier();
-    e.forEach((s) => {
-      t ? r.modifyHtml(s).setClass(o) : r.modifyHtml(s).removeClass(o);
+    e.forEach((o) => {
+      t ? r.modifyHtml(o).setClass(s) : r.modifyHtml(o).removeClass(s);
     }), r.apply(
       new T(
         t ? "Enable custom attribute text trimming" : "Disable custom attribute text trimming"
@@ -95,5 +95,5 @@ class g extends m {
   }
 }
 export {
-  g as CustomAttributeTextTrimControl
+  C as CustomAttributeTextTrimControl
 };

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

@@ -1,6 +1,6 @@
 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 N = (u, c, e) => c in u ? _(u, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[c] = e;
+var s = (u, c, e) => N(u, 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 { CommonControl as P } from "../../../common-control.js";
@@ -9,10 +9,10 @@ import { RECOMMENDATION_ID_ATTR as I } from "../../constants/selectors.js";
 import { RecommendationConfigService as l } from "../../services/configService.js";
 import { useRecommendationExtensionStore as k } 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 { registerNodeConfigWriter as T, writeBlockConfigOutsidePanel as m, hasEditedConfigChange as O, pickConfigDescription as b, isProductIdsChange as B, PRODUCT_IDS_DESCRIPTION as L } 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 { CurrencyControl as F } 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";
@@ -20,18 +20,18 @@ 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 { PricePlacementControl as A } 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 { ProductCountControl as w } from "./productCount.js";
+import { PRODUCT_COUNT_CONTROL_ID as Le } from "./productCount.js";
 import { ProductLayoutControl as V } from "./productLayout.js";
-import { PRODUCT_LAYOUT_CONTROL_ID as Le } from "./productLayout.js";
+import { PRODUCT_LAYOUT_CONTROL_ID as Fe } 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 { STRATEGY_CONTROL_ID as Ae } from "./strategy.js";
+import { setCurrencyAttributes as M, getBlockElement as G, isPartnerManagedBlock as $, updateProductContentInPlace as z, regenerateProductRowsWithStyles as H } from "./utils.js";
+import { adjustProductsToSize as Ve, formatProductPrice as We, getCardComposition as xe, getCurrentLayout as Me, getMainContainerTbody as Ge, regenerateMobileProductRows as $e, updatePricesInPlace as ze, updateSingleProductContent as He } 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 {
@@ -69,11 +69,11 @@ class me extends P {
     s(this, "_debouncedFetchProducts", C(async (e, t) => {
       if (t !== this.panelGeneration)
         return;
-      const o = this._getBlockConfigVersion(e);
+      const n = this._getBlockConfigVersion(e);
       try {
-        await (e === null ? this.store.fetchRecommendationProducts() : this.store.fetchRecommendationProductsForBlock(e)), t === this.panelGeneration && (this.fetchedConfigVersion = Math.max(this.fetchedConfigVersion, o));
+        await (e === null ? this.store.fetchRecommendationProducts() : this.store.fetchRecommendationProductsForBlock(e)), t === this.panelGeneration && (this.fetchedConfigVersion = Math.max(this.fetchedConfigVersion, n));
       } finally {
-        t === this.panelGeneration && o === this._getBlockConfigVersion(e) && this._scheduleConfigFlush();
+        t === this.panelGeneration && n === this._getBlockConfigVersion(e) && this._scheduleConfigFlush();
       }
     }, 500));
     /**
@@ -90,8 +90,8 @@ class me extends P {
     s(this, "_debouncedRegenerateWithProducts", C((e) => {
       if (e !== this.panelGeneration || !this.currentNode || !this.api)
         return;
-      const t = this._getRecommendationIdFromNode(this.currentNode), o = this.store.currentRecommendationId;
-      if (t === null || o === null || t === o || !this.store.blockStates[t]) {
+      const t = this._getRecommendationIdFromNode(this.currentNode), n = this.store.currentRecommendationId;
+      if (t === null || n === null || t === n || !this.store.blockStates[t]) {
         this.hasUnrenderedProducts = !1, this._regenerateWithProducts();
         return;
       }
@@ -100,7 +100,7 @@ class me extends P {
         try {
           this._regenerateWithProducts();
         } finally {
-          this.store.setCurrentBlock(o);
+          this.store.setCurrentBlock(n);
         }
       }
     }, 100));
@@ -125,9 +125,9 @@ class me extends P {
   getTemplate() {
     var e;
     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) => {
+      var n;
+      return (n = t == null ? void 0 : t.onDestroy) == null ? void 0 : n.call(t);
+    }), this.algorithmControl = new E(), this.localeControl = new v(), this.currencyControl = new F(), this.productCountControl = new w(), this.productLayoutControl = new V(), this.filtersControl = new D(), this.shuffleControl = new W(), this.pricePlacementControl = new A(), this.layoutOrientationControl = new U(), this.strategyControl = this.rrsEnabled ? new x() : null, this._subControls.forEach((t) => {
       t && (t.api = this.api);
     }), `
             <div class="recommendation-controls-container">
@@ -149,32 +149,25 @@ class me extends P {
     const t = (r = this.getContainer()) == null ? void 0 : r.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 n = this._getRecommendationIdFromNode(e) === null ? null : l.getConfig(e), o = this.rrsEnabled && !!n && (!!(n != null && n.strategyId) || ((n == null ? void 0 : n.configVersion) ?? 0) >= R), i = this.rrsEnabled && !!n && !o;
+    t.classList.toggle("strategy-block", o), t.classList.toggle("legacy-strategy-block", i);
   }
-  async onRender() {
-    var o;
-    T(this.api);
-    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(t), this._initializeSubControls();
+  onRender() {
+    T(this.api), this.forgetLastPanelNode(), this._listenStateUpdates();
   }
   onTemplateNodeUpdated(e) {
-    var o;
+    var n;
     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(() => {
+    t !== null && t !== this.store.currentRecommendationId && this.store.setCurrentBlock(t), t !== null && this._syncNodeConfigIfChanged(t), this._showControlsForBlock(e), this._renderWithPanelNode(t), t !== null && !((n = this.store.blockStates[t]) != null && n.isInitialized) && this._fetchBlockData(t).then(() => {
       this._initializeSubControls();
-    }), this._subControls.forEach((n) => {
+    }), this._subControls.forEach((o) => {
       var i;
-      n != null && n.api && (n.currentNode = e, (i = n.onTemplateNodeUpdated) == null || i.call(n, e));
+      o != null && o.api && (o.currentNode = e, (i = o.onTemplateNodeUpdated) == null || i.call(o, e));
     });
   }
   onDestroy() {
-    this.panelGeneration++, this.isPanelAlive = !1, this.storeUnsubscription(), this._finishBlockOutsidePanel(), this.hasUnrenderedProducts = !1, this._subControls.forEach((e) => {
+    this.panelGeneration++, this.isPanelAlive = !1, this.isAwaitingPanelNode = !1, this.storeUnsubscription(), this._finishBlockOutsidePanel(), this.hasUnrenderedProducts = !1, this._subControls.forEach((e) => {
       var t;
       return (t = e == null ? void 0 : e.onDestroy) == null ? void 0 : t.call(e);
     });
@@ -184,11 +177,23 @@ class me extends P {
    * Each sub-control manages its own form values and event listeners
    */
   _initializeSubControls() {
-    this._subControls.forEach((e) => {
+    this.currentNode && this._subControls.forEach((e) => {
       var t;
       e && (e.api = this.api, e.currentNode = this.currentNode, (t = e.onRender) == null || t.call(e));
     });
   }
+  // The panel's own node, not the store's last focused block, decides what to render; the caller
+  // fetches an uninitialized block once its config is synced.
+  _renderWithPanelNode(e) {
+    var t;
+    if (!(!this.isAwaitingPanelNode || e === null)) {
+      if (this.isAwaitingPanelNode = !1, (t = this.store.blockStates[e]) != null && t.isInitialized) {
+        this._initializeSubControls();
+        return;
+      }
+      this.strategyControl && (this.strategyControl.api = this.api, this.strategyControl.currentNode = this.currentNode, this.strategyControl.onRender());
+    }
+  }
   /**
    * Syncs persisted node config into the Pinia store's block state.
    *
@@ -219,8 +224,8 @@ class me extends P {
     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();
+    const n = JSON.stringify(l.getConfig(this.currentNode)), o = t.syncedConfigFingerprint;
+    t.syncedConfigFingerprint = n, o !== n && ((i = this.pendingNodeConfigWrite) == null ? void 0 : i.blockId) !== e && this._syncNodeConfigToStore();
   }
   /** Whether the deferred write would move the node's strategyId — see the caller (SD-149916). */
   _isPendingStrategyIdChange() {
@@ -240,15 +245,15 @@ class me extends P {
     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: n, strategyId: o, size: i, productIds: r, nodeConfigVersion: h } = e, { partnerName: d } = g();
     return {
       filters: t,
-      strategy: o,
-      strategyId: n,
+      strategy: n,
+      strategyId: o,
       size: i,
       productIds: r,
       configVersion: h,
-      ...c.value ? { partnerName: c.value } : {}
+      ...d.value ? { partnerName: d.value } : {}
     };
   }
   /**
@@ -287,8 +292,8 @@ class me extends P {
     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 });
+        const { blockId: t, updates: n } = e;
+        !m(t, n, 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(
@@ -307,11 +312,11 @@ class me extends P {
   _pendingDescription() {
     const e = this._pendingWriteForNode();
     if (!(!e || !this.currentNode || !B(this.currentNode, e.updates)))
-      return F;
+      return L;
   }
   _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);
+    var o;
+    const e = l.getConfig(this.currentNode), t = this.store.currentRecommendationId, n = t !== null && ((o = this.store.blockStates[t]) == null ? void 0 : o.isInitialized);
     this.store.patchCurrentBlockConfig({
       strategy: e.strategy,
       strategyId: e.strategyId,
@@ -326,7 +331,7 @@ class me extends P {
       // 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: e.filters },
+      ...n ? {} : { filters: e.filters },
       shuffleProducts: e.shuffleProducts,
       priceMovedToNextLine: e.priceMovedToNextLine,
       priceHideIfSameAsDiscounted: e.priceHideIfSameAsDiscounted,
@@ -347,27 +352,27 @@ class me extends P {
    * 2. Smart defaults for new blocks (currency, algorithm) — sequential
    * 3. Product data with correct defaults — sequential
    *
-   * Shared by onRender() and onTemplateNodeUpdated() to avoid duplication.
+   * Called from onTemplateNodeUpdated() once the node config is synced.
    * Marks the block as initialized to prevent redundant fetches on re-selection.
    */
   async _fetchBlockData(e) {
     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((o, i) => {
+      o.status === "rejected" && console.warn(`Recommendation block: ${["fetchRecommendationCreateData", "fetchRecommendationFilters"][i]} failed`, o.reason);
     }), e !== null && this.store.currentRecommendationId !== e) {
       this._refreshOutsidePanel(e, !0);
       return;
     }
     this._applySmartDefaults();
-    const o = this._getBlockConfigVersion(e);
+    const n = this._getBlockConfigVersion(e);
     try {
       await this.store.fetchRecommendationProducts();
-    } catch (n) {
-      console.warn("Recommendation block: fetchRecommendationProducts failed", n);
+    } catch (o) {
+      console.warn("Recommendation block: fetchRecommendationProducts failed", o);
     }
-    e !== null && !this._isPanelOn(e) && this._refreshOutsidePanel(e, this._getBlockConfigVersion(e) !== o);
+    e !== null && !this._isPanelOn(e) && this._refreshOutsidePanel(e, this._getBlockConfigVersion(e) !== n);
   }
   _isPanelOn(e) {
     return this.isPanelAlive && this.store.currentRecommendationId === e;
@@ -386,51 +391,51 @@ 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 n = null, o = null, i = 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 = {
+        (d) => d.value === `price.${a.currency.code}`
+      ) || (n = r[0].value.replace("price.", ""), t.currency = {
         ...a.currency,
-        code: o,
-        symbol: o
+        code: n,
+        symbol: n
       }));
     }
     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));
+        (d) => d.value === a.strategy
+      ) || (o = r[0].value, t.strategy = o));
     }
     if (e.language === a.language) {
       const r = this.store.getLanguages;
       r.length > 0 && (r.some(
-        (c) => c.value === a.language
+        (d) => d.value === a.language
       ) || (i = r[0].value, t.language = i));
     }
-    !o && !n && !i || (l.updateConfig(
+    !n && !o && !i || (l.updateConfig(
       this.api,
       this.currentNode,
       t,
       "Applied smart defaults"
-    ), o && t.currency && M({
+    ), n && t.currency && M({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
       currency: t.currency
     }), this.store.patchCurrentBlockConfig({
-      ...o ? {
+      ...n ? {
         currencySettings: {
-          name: o,
-          value: o,
-          symbol: o,
+          name: n,
+          value: n,
+          symbol: n,
           alignment: a.currency.alignment === "before" ? "0" : "1",
           decimalCount: a.currency.decimalCount.toString(),
           decimalSeparator: a.currency.decimalSeparator,
           thousandSeparator: a.currency.thousandSeparator
         }
       } : {},
-      ...n ? { strategy: n } : {},
+      ...o ? { strategy: o } : {},
       ...i ? { language: i } : {}
     }, { triggerRefetch: !1 }));
   }
@@ -441,30 +446,30 @@ class me extends P {
     const t = G(e);
     if (!t || !("getAttribute" in t))
       return null;
-    const o = t.getAttribute(I);
-    if (!o)
+    const n = t.getAttribute(I);
+    if (!n)
       return null;
-    const n = parseInt(o);
-    return Number.isNaN(n) ? null : n;
+    const o = parseInt(n);
+    return Number.isNaN(o) ? null : o;
   }
   /**
    * 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({ blockId: e, fetchedConfigVersion: t, hasUnrenderedProducts: n } = this._trackedBlockSnapshot()) {
     try {
       this._flushPendingNodeConfig();
-      const n = e === null ? void 0 : this.store.blockStates[e];
-      if (e === null || !n)
+      const o = e === null ? void 0 : this.store.blockStates[e];
+      if (e === null || !o)
         return;
-      const i = t !== n.configVersion;
+      const i = t !== o.configVersion;
       i && !m(
         e,
-        this._getNodeConfigUpdates(n.recommendationConfigs),
+        this._getNodeConfigUpdates(o.recommendationConfigs),
         f
-      ) && console.error("[recommendation] config write outside the panel did not reach a node", { blockId: e }), (i || o) && this._refreshOutsidePanel(e, i);
-    } catch (n) {
-      console.error("[recommendation] finishing the block outside the panel failed", n);
+      ) && console.error("[recommendation] config write outside the panel did not reach a node", { blockId: e }), (i || n) && this._refreshOutsidePanel(e, i);
+    } catch (o) {
+      console.error("[recommendation] finishing the block outside the panel failed", o);
     }
   }
   _trackedBlockSnapshot() {
@@ -476,13 +481,13 @@ class me extends P {
   }
   _refreshOutsidePanel(e, t) {
     S(e, {
-      pickUpdates: (o) => this._getNodeConfigUpdates(o),
+      pickUpdates: (n) => this._getNodeConfigUpdates(n),
       description: "Update recommendation configuration",
       fetch: t
-    }).then((o) => {
-      !o && this.store.blockStates[e] && console.error("[recommendation] refresh outside the panel did not reach a node", { blockId: e });
-    }).catch((o) => {
-      console.error("[recommendation] refresh outside the panel failed", o);
+    }).then((n) => {
+      !n && this.store.blockStates[e] && console.error("[recommendation] refresh outside the panel did not reach a node", { blockId: e });
+    }).catch((n) => {
+      console.error("[recommendation] refresh outside the panel failed", n);
     });
   }
   _getBlockConfigVersion(e) {
@@ -497,25 +502,25 @@ class me extends P {
       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")
+    const e = this.store.recommendationProducts, t = this.api.getDocumentModifier(), n = this._pendingDescription(), o = this._stagePendingNodeConfig(t);
+    if ($(this.currentNode)) {
+      o && (t.apply(
+        new y(n ?? "Update recommendation configuration")
       ), this._consumePendingNodeConfig());
       return;
     }
-    $({
+    z({
       currentNode: this.currentNode,
       documentModifier: t,
       products: e,
-      description: o,
-      onApplied: n ? () => this._consumePendingNodeConfig() : void 0
+      description: n,
+      onApplied: o ? () => this._consumePendingNodeConfig() : void 0
     }) || H({
       currentNode: this.currentNode,
       documentModifier: t,
       products: e,
-      description: o
-    }) && n && this._consumePendingNodeConfig();
+      description: n
+    }) && o && 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.
@@ -537,18 +542,18 @@ class me extends P {
    */
   _listenStateUpdates() {
     const { store: e } = this;
-    let t = e.recommendationProducts, o = this._getBlockConfigVersion(e.currentRecommendationId);
-    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) {
+    let t = e.recommendationProducts, n = this._getBlockConfigVersion(e.currentRecommendationId);
+    this.panelGeneration++, this.isPanelAlive = !0, this.trackedBlockId = e.currentRecommendationId, this.fetchedConfigVersion = n, this.hasUnrenderedProducts = !1, this.storeUnsubscription = e.$subscribe(() => {
+      const o = e.currentRecommendationId;
+      if (o !== 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);
+        this.panelGeneration++, this.trackedBlockId = o, t = e.recommendationProducts, n = this._getBlockConfigVersion(o), this.fetchedConfigVersion = n, 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 i = this._getBlockConfigVersion(o);
+      i !== n && (n = i, this._capturePendingNodeConfigWrite(), this._isPendingStrategyIdChange() && this._flushPendingNodeConfig(), this._debouncedFetchProducts(o, this.panelGeneration));
+      const r = e.recommendationProducts, h = r !== t, d = Array.isArray(r) && r.length > 0;
+      h && d && (t = r, this.hasUnrenderedProducts = !0, this._debouncedRegenerateWithProducts(this.panelGeneration));
     });
   }
 }
@@ -557,7 +562,7 @@ export {
   E as AlgorithmControl,
   Y as CONTROL_BLOCK_ID,
   ye as CURRENCY_CONTROL_ID,
-  L as CurrencyControl,
+  F as CurrencyControl,
   Re as FILTERS_CONTROL_ID,
   D as FiltersControl,
   ke as LAYOUT_ORIENTATION_CONTROL_ID,
@@ -565,14 +570,14 @@ export {
   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,
+  Le as PRODUCT_COUNT_CONTROL_ID,
+  Fe as PRODUCT_LAYOUT_CONTROL_ID,
+  A as PricePlacementControl,
+  w as ProductCountControl,
   V as ProductLayoutControl,
   me as RecommendationBlockControl,
   Ue as SHUFFLE_CONTROL_ID,
-  we as STRATEGY_CONTROL_ID,
+  Ae as STRATEGY_CONTROL_ID,
   W as ShuffleControl,
   x as StrategyControl,
   Ve as adjustProductsToSize,
@@ -581,11 +586,11 @@ export {
   xe as getCardComposition,
   Me as getCurrentLayout,
   Ge as getMainContainerTbody,
-  z as isPartnerManagedBlock,
-  ze as regenerateMobileProductRows,
+  $ as isPartnerManagedBlock,
+  $e as regenerateMobileProductRows,
   H as regenerateProductRowsWithStyles,
   M as setCurrencyAttributes,
-  $e as updatePricesInPlace,
-  $ as updateProductContentInPlace,
+  ze as updatePricesInPlace,
+  z as updateProductContentInPlace,
   He as updateSingleProductContent
 };