@useinsider/guido 3.22.0 → 3.23.0

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

@@ -1,72 +1,73 @@
-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);
-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";
-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 { 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";
+var y = Object.defineProperty;
+var P = (u, d, e) => d in u ? y(u, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[d] = e;
+var r = (u, d, e) => P(u, typeof d != "symbol" ? d + "" : d, e);
+import { useConfig as f } from "../../../../../composables/useConfig.js";
+import { ModificationDescription as R } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as I } from "../../../common-control.js";
+import { RRS_CONFIG_VERSION as S, DEFAULT_NODE_CONFIG as m } from "../../constants/defaultConfig.js";
+import { RECOMMENDATION_ID_ATTR as k } from "../../constants/selectors.js";
+import { RecommendationConfigService as c } from "../../services/configService.js";
+import { useRecommendationExtensionStore as T } from "../../store/recommendation.js";
+import { refreshBlockOutsidePanel as O } from "../../utils/blockRefresh.js";
+import { mapLegacyStrategy as p } from "../../utils/legacyStrategyMap.js";
+import { registerNodeConfigWriter as b, writeBlockConfigOutsidePanel as C, hasEditedConfigChange as B, pickConfigDescription as F, isProductIdsChange as L, PRODUCT_IDS_DESCRIPTION as D } 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 { useDebounceFn as C } from "../../../../../node_modules/@vueuse/shared/index.js";
-const f = "Update recommendation filters", Y = "ui-elements-recommendation-block";
-class me extends P {
+import { ALGORITHM_CONTROL_ID as Pe } from "./algorithm.js";
+import { CurrencyControl as U } from "./currency.js";
+import { CURRENCY_CONTROL_ID as Ie } from "./currency.js";
+import { FiltersControl as v } from "./filters.js";
+import { FILTERS_CONTROL_ID as ke } from "./filters.js";
+import { LayoutOrientationControl as A } from "./layoutOrientation.js";
+import { LAYOUT_ORIENTATION_CONTROL_ID as Oe } from "./layoutOrientation.js";
+import { LocaleControl as w } from "./locale.js";
+import { LOCALE_CONTROL_ID as Be } from "./locale.js";
+import { PricePlacementControl as V } from "./pricePlacement.js";
+import { PRICE_PLACEMENT_CONTROL_ID as Le } from "./pricePlacement.js";
+import { ProductCountControl as W } from "./productCount.js";
+import { PRODUCT_COUNT_CONTROL_ID as Ee } from "./productCount.js";
+import { ProductLayoutControl as x } from "./productLayout.js";
+import { PRODUCT_LAYOUT_CONTROL_ID as ve } from "./productLayout.js";
+import { ShuffleControl as M } from "./shuffle.js";
+import { SHUFFLE_CONTROL_ID as we } from "./shuffle.js";
+import { StrategyControl as G } from "./strategy.js";
+import { STRATEGY_CONTROL_ID as We } from "./strategy.js";
+import { setCurrencyAttributes as $, getBlockElement as z, isPartnerManagedBlock as H, updateProductContentInPlace as Y, regenerateProductRowsWithStyles as j } from "./utils.js";
+import { adjustProductsToSize as Me, formatProductPrice as Ge, getCardComposition as $e, getCurrentLayout as ze, getMainContainerTbody as He, regenerateMobileProductRows as Ye, updatePricesInPlace as je, updateSingleProductContent as qe } from "./utils.js";
+import { useDebounceFn as _ } from "../../../../../node_modules/@vueuse/shared/index.js";
+const h = "Update recommendation filters", q = "ui-elements-recommendation-block";
+class _e extends I {
   constructor() {
     super(...arguments);
-    s(this, "store", k());
-    s(this, "storeUnsubscription", () => {
+    r(this, "store", T());
+    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.
-    s(this, "pendingNodeConfigWrite", null);
-    s(this, "pendingConfigFlushTimer", null);
+    r(this, "pendingNodeConfigWrite", null);
+    r(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);
+    r(this, "trackedBlockId", null);
+    r(this, "fetchedConfigVersion", 0);
+    r(this, "hasUnrenderedProducts", !1);
+    r(this, "panelGeneration", 0);
+    r(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);
+    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
      */
-    s(this, "_debouncedFetchProducts", C(async (e, t) => {
+    r(this, "_debouncedFetchProducts", _(async (e, t) => {
       if (t !== this.panelGeneration)
         return;
       const o = this._getBlockConfigVersion(e);
@@ -87,7 +88,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) => {
+    r(this, "_debouncedRegenerateWithProducts", _((e) => {
       if (e !== this.panelGeneration || !this.currentNode || !this.api)
         return;
       const t = this._getRecommendationIdFromNode(this.currentNode), o = this.store.currentRecommendationId;
@@ -106,7 +107,7 @@ class me extends P {
     }, 100));
   }
   getId() {
-    return Y;
+    return q;
   }
   get _subControls() {
     return [
@@ -124,10 +125,10 @@ class me extends P {
   }
   getTemplate() {
     var e;
-    return this.rrsEnabled = g().isFeatureEnabled("reusableRecommendationStrategy"), this._subControls.forEach((t) => {
+    return this.rrsEnabled = f().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 E(), this.localeControl = new w(), this.currencyControl = new U(), this.productCountControl = new W(), this.productLayoutControl = new x(), this.filtersControl = new v(), this.shuffleControl = new M(), this.pricePlacementControl = new V(), this.layoutOrientationControl = new A(), this.strategyControl = this.rrsEnabled ? new G() : null, this._subControls.forEach((t) => {
       t && (t.api = this.api);
     }), `
             <div class="recommendation-controls-container">
@@ -145,28 +146,21 @@ 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;
+    const o = this._getRecommendationIdFromNode(e) === null ? null : c.getConfig(e), n = this.rrsEnabled && !!o && (!!(o != null && o.strategyId) || ((o == null ? void 0 : o.configVersion) ?? 0) >= S), i = this.rrsEnabled && !!o && !n;
     t.classList.toggle("strategy-block", n), 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() {
+    b(this.api), this.forgetLastPanelNode(), this._listenStateUpdates();
   }
   onTemplateNodeUpdated(e) {
     var o;
     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 && !((o = this.store.blockStates[t]) != null && o.isInitialized) && this._fetchBlockData(t).then(() => {
       this._initializeSubControls();
     }), this._subControls.forEach((n) => {
       var i;
@@ -174,7 +168,7 @@ class me extends P {
     });
   }
   onDestroy() {
-    this.panelGeneration++, this.isPanelAlive = !1, this.storeUnsubscription(), this._finishBlockOutsidePanel(), this.hasUnrenderedProducts = !1, this._subControls.forEach((e) => {
+    this.panelGeneration++, this.isPanelAlive = !1, this.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 +178,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,13 +225,13 @@ class me extends P {
     const t = this.store.blockStates[e];
     if (!t)
       return;
-    const o = JSON.stringify(l.getConfig(this.currentNode)), n = t.syncedConfigFingerprint;
+    const o = JSON.stringify(c.getConfig(this.currentNode)), n = t.syncedConfigFingerprint;
     t.syncedConfigFingerprint = o, n !== o && ((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() {
     const e = this.pendingNodeConfigWrite;
-    return e ? l.getConfig(this.currentNode).strategyId !== e.updates.strategyId : !1;
+    return e ? c.getConfig(this.currentNode).strategyId !== e.updates.strategyId : !1;
   }
   _capturePendingNodeConfigWrite() {
     const e = this.store.currentRecommendationId, t = e === null ? void 0 : this.store.blockStates[e];
@@ -240,15 +246,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: o, strategyId: n, size: i, productIds: s, nodeConfigVersion: l } = e, { partnerName: a } = f();
     return {
       filters: t,
       strategy: o,
       strategyId: n,
       size: i,
-      productIds: r,
-      configVersion: h,
-      ...c.value ? { partnerName: c.value } : {}
+      productIds: s,
+      configVersion: l,
+      ...a.value ? { partnerName: a.value } : {}
     };
   }
   /**
@@ -263,7 +269,7 @@ class me extends P {
    */
   _stagePendingNodeConfig(e) {
     const t = this._pendingWriteForNode();
-    return !t || !this.currentNode ? !1 : (l.stageConfig(e, this.currentNode, t.updates), !0);
+    return !t || !this.currentNode ? !1 : (c.stageConfig(e, this.currentNode, t.updates), !0);
   }
   /**
    * Arms the guaranteed fallback write, once the product fetch has settled. The
@@ -288,14 +294,14 @@ class me extends P {
     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 });
+        !C(t, o, h) && 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) && c.updateConfig(
         this.api,
         this.currentNode,
         e.updates,
-        b(this.currentNode, e.updates, f)
+        F(this.currentNode, e.updates, h)
       );
     }
   }
@@ -306,14 +312,14 @@ class me extends P {
   /** 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;
+    if (!(!e || !this.currentNode || !L(this.currentNode, e.updates)))
+      return D;
   }
   _syncNodeConfigToStore() {
     var n;
-    const e = l.getConfig(this.currentNode), t = this.store.currentRecommendationId, o = t !== null && ((n = this.store.blockStates[t]) == null ? void 0 : n.isInitialized);
+    const e = c.getConfig(this.currentNode), t = this.store.currentRecommendationId, o = t !== null && ((n = this.store.blockStates[t]) == null ? void 0 : n.isInitialized);
     this.store.patchCurrentBlockConfig({
-      strategy: e.strategy,
+      strategy: p(e.strategy) ?? e.strategy,
       strategyId: e.strategyId,
       nodeConfigVersion: e.configVersion,
       language: e.language,
@@ -347,7 +353,7 @@ 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) {
@@ -373,61 +379,45 @@ class me extends P {
     return this.isPanelAlive && this.store.currentRecommendationId === e;
   }
   /**
-   * Applies smart defaults for newly dropped blocks.
-   *
-   * For new blocks (config still matches hardcoded defaults), validates that
-   * the default currency and algorithm are available from the API response.
-   * If not, falls back to the first available option.
-   *
-   * Saved templates with user-customized config are left unchanged because
-   * their values won't match the hardcoded defaults.
+   * Falls back to the first available option when the block's currency or locale is not offered (a new block on
+   * the hard-coded default, or a block copied from another account). Only the default strategy gets an algorithm.
    */
   _applySmartDefaults() {
     if (!this.currentNode || !this.api)
       return;
-    const e = l.getConfig(this.currentNode), t = {};
+    const e = c.getConfig(this.currentNode), t = {};
     let o = null, n = 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 = {
-        ...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));
-    }
-    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 { currencyList: s } = this.store;
+    if (s.length > 0 && !s.some((a) => a.value === `price.${e.currency.code}`) && (o = s[0].value.replace("price.", ""), t.currency = {
+      ...e.currency,
+      code: o,
+      symbol: o
+    }), p(e.strategy) === m.strategy) {
+      const a = this.store.getActivePredictiveAlgorithms;
+      a.length > 0 && (a.some(
+        (N) => N.value === m.strategy
+      ) || (n = a[0].value, t.strategy = n));
     }
-    !o && !n && !i || (l.updateConfig(
+    const l = this.store.getLanguages;
+    l.length > 0 && !l.some((a) => a.value === e.language) && (i = l[0].value, t.language = i), !(!o && !n && !i) && (c.updateConfig(
       this.api,
       this.currentNode,
       t,
       "Applied smart defaults"
-    ), o && t.currency && M({
+    ), o && t.currency && $({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
       currency: t.currency
     }), this.store.patchCurrentBlockConfig({
-      ...o ? {
+      ...o && t.currency ? {
         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: t.currency.alignment === "before" ? "0" : "1",
+          decimalCount: t.currency.decimalCount.toString(),
+          decimalSeparator: t.currency.decimalSeparator,
+          thousandSeparator: t.currency.thousandSeparator
         }
       } : {},
       ...n ? { strategy: n } : {},
@@ -438,10 +428,10 @@ class me extends P {
    * Reads the recommendation-id attribute from the block element within the node
    */
   _getRecommendationIdFromNode(e) {
-    const t = G(e);
+    const t = z(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);
@@ -458,10 +448,10 @@ class me extends P {
       if (e === null || !n)
         return;
       const i = t !== n.configVersion;
-      i && !m(
+      i && !C(
         e,
         this._getNodeConfigUpdates(n.recommendationConfigs),
-        f
+        h
       ) && 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);
@@ -475,7 +465,7 @@ class me extends P {
     };
   }
   _refreshOutsidePanel(e, t) {
-    S(e, {
+    O(e, {
       pickUpdates: (o) => this._getNodeConfigUpdates(o),
       description: "Update recommendation configuration",
       fetch: t
@@ -498,19 +488,19 @@ class me extends P {
       return;
     }
     const e = this.store.recommendationProducts, t = this.api.getDocumentModifier(), o = this._pendingDescription(), n = this._stagePendingNodeConfig(t);
-    if (z(this.currentNode)) {
+    if (H(this.currentNode)) {
       n && (t.apply(
-        new y(o ?? "Update recommendation configuration")
+        new R(o ?? "Update recommendation configuration")
       ), this._consumePendingNodeConfig());
       return;
     }
-    $({
+    Y({
       currentNode: this.currentNode,
       documentModifier: t,
       products: e,
       description: o,
       onApplied: n ? () => this._consumePendingNodeConfig() : void 0
-    }) || H({
+    }) || j({
       currentNode: this.currentNode,
       documentModifier: t,
       products: e,
@@ -541,51 +531,51 @@ class me extends P {
     this.panelGeneration++, this.isPanelAlive = !0, this.trackedBlockId = e.currentRecommendationId, this.fetchedConfigVersion = o, this.hasUnrenderedProducts = !1, this.storeUnsubscription = e.$subscribe(() => {
       const n = e.currentRecommendationId;
       if (n !== this.trackedBlockId) {
-        const p = this._trackedBlockSnapshot();
-        this.panelGeneration++, this.trackedBlockId = n, t = e.recommendationProducts, o = this._getBlockConfigVersion(n), this.fetchedConfigVersion = o, this.hasUnrenderedProducts = !1, this._finishBlockOutsidePanel(p);
+        const g = this._trackedBlockSnapshot();
+        this.panelGeneration++, this.trackedBlockId = n, t = e.recommendationProducts, o = this._getBlockConfigVersion(n), this.fetchedConfigVersion = o, this.hasUnrenderedProducts = !1, this._finishBlockOutsidePanel(g);
         return;
       }
       const 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 s = e.recommendationProducts, l = s !== t, a = Array.isArray(s) && s.length > 0;
+      l && a && (t = s, this.hasUnrenderedProducts = !0, this._debouncedRegenerateWithProducts(this.panelGeneration));
     });
   }
 }
 export {
-  _e as ALGORITHM_CONTROL_ID,
+  Pe 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
+  q as CONTROL_BLOCK_ID,
+  Ie as CURRENCY_CONTROL_ID,
+  U as CurrencyControl,
+  ke as FILTERS_CONTROL_ID,
+  v as FiltersControl,
+  Oe as LAYOUT_ORIENTATION_CONTROL_ID,
+  Be as LOCALE_CONTROL_ID,
+  A as LayoutOrientationControl,
+  w as LocaleControl,
+  Le as PRICE_PLACEMENT_CONTROL_ID,
+  Ee as PRODUCT_COUNT_CONTROL_ID,
+  ve as PRODUCT_LAYOUT_CONTROL_ID,
+  V as PricePlacementControl,
+  W as ProductCountControl,
+  x as ProductLayoutControl,
+  _e as RecommendationBlockControl,
+  we as SHUFFLE_CONTROL_ID,
+  We as STRATEGY_CONTROL_ID,
+  M as ShuffleControl,
+  G as StrategyControl,
+  Me as adjustProductsToSize,
+  Ge as formatProductPrice,
+  z as getBlockElement,
+  $e as getCardComposition,
+  ze as getCurrentLayout,
+  He as getMainContainerTbody,
+  H as isPartnerManagedBlock,
+  Ye as regenerateMobileProductRows,
+  j as regenerateProductRowsWithStyles,
+  $ as setCurrencyAttributes,
+  je as updatePricesInPlace,
+  Y as updateProductContentInPlace,
+  qe as updateSingleProductContent
 };

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

@@ -1,15 +1,15 @@
 import { ModificationDescription as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as u } from "../../../common-control.js";
+import { CommonControl as d } from "../../../common-control.js";
 import { RecommendationBlockId as a } from "../../constants/blockIds.js";
-import { RecommendationControlId as d } from "../../constants/controlIds.js";
+import { RecommendationControlId as u } from "../../constants/controlIds.js";
 import { BLOCK_ROOT_SELECTOR as m } from "../../constants/selectors.js";
 import { CSS_CLASS_TEXT_TRIM as r, ensureTextTrimCssRulesExist as T } from "../shared/textTrimCssRules.js";
 const s = {
   TEXT_TRIM_ENABLED: "textTrimEnabled"
 };
-class N extends u {
+class N extends d {
   getId() {
-    return d.NAME_TEXT_TRIM;
+    return u.NAME_TEXT_TRIM;
   }
   getTemplate() {
     return `
@@ -23,7 +23,7 @@ class N extends u {
         `;
   }
   onRender() {
-    this._setFormValues(), this._listenToFormUpdates();
+    this.forgetLastPanelNode(), this._listenToFormUpdates();
   }
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), this._setFormValues();

package/dist/extensions/Blocks/Recommendation/controls/omnibusDiscount/textAfter.js

@@ -4,8 +4,8 @@ import { CommonControl as l } from "../../../common-control.js";
 import { RecommendationBlockId as d } from "../../constants/blockIds.js";
 import { RecommendationControlId as T } from "../../constants/controlIds.js";
 import { BLOCK_ROOT_SELECTOR as f } from "../../constants/selectors.js";
-const i = "data-text-after", u = "", p = ".omnibus-text-after";
-class g extends l {
+const s = "data-text-after", u = "", p = ".omnibus-text-after";
+class N extends l {
   getId() {
     return T.OMNIBUS_DISCOUNT_TEXT_AFTER;
   }
@@ -24,7 +24,7 @@ class g extends l {
         `;
   }
   onRender() {
-    this._setFormValues(), this._listenToFormUpdates();
+    this.forgetLastPanelNode(), this._listenToFormUpdates();
   }
   onTemplateNodeUpdated(t) {
     super.onTemplateNodeUpdated(t), this._setFormValues();
@@ -38,7 +38,7 @@ class g extends l {
   _getCurrentText() {
     if (!this.currentNode || !("getAttribute" in this.currentNode))
       return u;
-    const t = this.currentNode.getAttribute(i);
+    const t = this.currentNode.getAttribute(s);
     return t === null ? u : t;
   }
   _onTextChange(t) {
@@ -53,9 +53,9 @@ class g extends l {
     if (!n.length)
       return;
     const o = this.api.getDocumentModifier();
-    n.forEach((s) => {
-      o.modifyHtml(s).setAttribute(i, t);
-      const r = s.querySelector(p);
+    n.forEach((i) => {
+      o.modifyHtml(i).setAttribute(s, t);
+      const r = i.querySelector(p);
       if (r) {
         const a = m(r, t);
         o.modifyHtml(r).setInnerHtml(a);
@@ -69,5 +69,5 @@ class g extends l {
   }
 }
 export {
-  g as OmnibusDiscountTextAfterControl
+  N as OmnibusDiscountTextAfterControl
 };