@useinsider/guido 2.1.0-beta.e13d291 → 2.1.0-beta.e2153c2

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

@@ -1,22 +1,22 @@
 var d = Object.defineProperty;
-var c = (o, i, t) => i in o ? d(o, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[i] = t;
-var a = (o, i, t) => c(o, typeof i != "symbol" ? i + "" : i, t);
-import { UEAttr as h } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as l } from "../../../common-control.js";
+var l = (o, i, t) => i in o ? d(o, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[i] = t;
+var a = (o, i, t) => l(o, typeof i != "symbol" ? i + "" : i, t);
+import { UEAttr as c } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as h } from "../../../common-control.js";
 import { RecommendationConfigService as n } from "../../services/configService.js";
 import { useRecommendationExtensionStore as m } from "../../store/recommendation.js";
-const g = "recommendation-algorithm-control", e = {
+const u = "recommendation-algorithm-control", e = {
   ALGORITHM: "strategy",
   PRODUCT_IDS: "productIds"
 };
-class T extends l {
+class T extends h {
   constructor() {
     super(...arguments);
     // Store is used ONLY for API-fetched data (algorithms list), not for config
     a(this, "store", m());
   }
   getId() {
-    return g;
+    return u;
   }
   getTemplate() {
     return `
@@ -52,22 +52,22 @@ class T extends l {
     });
   }
   _initializeSelectItems() {
-    var s;
-    const t = (s = this.store) == null ? void 0 : s.getActivePredictiveAlgorithms;
+    var r;
+    const t = (r = this.store) == null ? void 0 : r.getActivePredictiveAlgorithms;
     if (t != null && t.length)
       try {
         this.api.setUIEAttribute(
           e.ALGORITHM,
-          h.SELECTPICKER.items,
+          c.SELECTPICKER.items,
           t
         );
-      } catch (r) {
-        console.warn("[AlgorithmControl] Failed to set algorithm options:", r);
+      } catch (s) {
+        console.warn("[AlgorithmControl] Failed to set algorithm options:", s);
       }
   }
   _setProductIdsVisibility(t) {
-    const r = (t ?? n.getConfig(this.currentNode).strategy) === "manualMerchandising";
-    this.api.setVisibility(e.PRODUCT_IDS, r), this.api.setVisibility(`${e.PRODUCT_IDS}_label`, r);
+    const s = (t ?? n.getConfig(this.currentNode).strategy) === "manualMerchandising";
+    this.api.setVisibility(e.PRODUCT_IDS, s), this.api.setVisibility(`${e.PRODUCT_IDS}_label`, s);
   }
   _onAlgorithmChange(t) {
     this.currentNode && (n.updateConfig(
@@ -75,26 +75,18 @@ class T extends l {
       this.currentNode,
       { strategy: t },
       `Changed algorithm to ${t}`
-    ), this.store.$patch({
-      recommendationConfigs: {
-        strategy: t
-      }
-    }), this._setProductIdsVisibility(t));
+    ), this.store.patchCurrentBlockConfig({ strategy: t }), this._setProductIdsVisibility(t));
   }
   _onProductIdsChange(t) {
     if (!this.currentNode)
       return;
-    const s = t.split(",").map((r) => r.trim()).filter(Boolean);
+    const r = t.split(",").map((s) => s.trim()).filter(Boolean);
     n.updateConfig(
       this.api,
       this.currentNode,
-      { productIds: s },
+      { productIds: r },
       "Updated product IDs"
-    ), this.store.$patch({
-      recommendationConfigs: {
-        productIds: s
-      }
-    });
+    ), this.store.patchCurrentBlockConfig({ productIds: r });
   }
   _listenToFormUpdates() {
     this.api.onValueChanged(e.ALGORITHM, (t) => {
@@ -105,6 +97,6 @@ class T extends l {
   }
 }
 export {
-  g as ALGORITHM_CONTROL_ID,
+  u as ALGORITHM_CONTROL_ID,
   T as AlgorithmControl
 };

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

@@ -1,13 +1,13 @@
-var h = Object.defineProperty;
-var R = (i, o, e) => o in i ? h(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e;
-var c = (i, o, e) => R(i, typeof o != "symbol" ? o + "" : o, e);
-import { currencyLocationMaps as u, currencyOperators as a, currencyDecimalCounts as l } from "../../../../../enums/extensions/recommendationBlock.js";
-import { UEAttr as _ } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as m } from "../../../common-control.js";
+var R = Object.defineProperty;
+var _ = (s, o, e) => o in s ? R(s, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[o] = e;
+var c = (s, o, e) => _(s, typeof o != "symbol" ? o + "" : o, e);
+import { currencyLocationMaps as l, currencyOperators as i, currencyDecimalCounts as h } from "../../../../../enums/extensions/recommendationBlock.js";
+import { UEAttr as m } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as d } from "../../../common-control.js";
 import { RecommendationConfigService as C } from "../../services/configService.js";
-import { useRecommendationExtensionStore as d } from "../../store/recommendation.js";
-import { setCurrencyAttributes as p, updatePricesInPlace as S, regenerateProductRowsWithStyles as E } from "./utils.js";
-const N = "recommendation-currency-control", t = {
+import { useRecommendationExtensionStore as p } from "../../store/recommendation.js";
+import { setCurrencyAttributes as S, updatePricesInPlace as E, regenerateProductRowsWithStyles as N } from "./utils.js";
+const y = "recommendation-currency-control", t = {
   CURRENCY: "currencyCode",
   CURRENCY_LOCATION: "currencyAlignment",
   CURRENCY_SYMBOL: "currencySymbol",
@@ -15,16 +15,16 @@ const N = "recommendation-currency-control", t = {
   CURRENCY_DECIMAL_SEPARATOR: "currencyDecimalSeparator",
   CURRENCY_DECIMAL_COUNT: "currencyDecimalCount"
 };
-class b extends m {
+class D extends d {
   constructor() {
     super(...arguments);
     // Store is used ONLY for API-fetched data (currency list), not for config
-    c(this, "store", d());
+    c(this, "store", p());
     c(this, "storeUnsubscription", () => {
     });
   }
   getId() {
-    return N;
+    return y;
   }
   getTemplate() {
     return `
@@ -40,7 +40,7 @@ class b extends m {
       this._GuSelect({
         name: t.CURRENCY_LOCATION,
         placeholder: "Select Currency Location",
-        options: u
+        options: l
       }),
       this._GuLabel({ text: "Currency Symbol" }),
       this._GuTextInput({
@@ -52,19 +52,19 @@ class b extends m {
       this._GuSelect({
         name: t.CURRENCY_THOUSAND_SEPARATOR,
         placeholder: "Select Thousand Separator",
-        options: a
+        options: i
       }),
       this._GuLabel({ text: "Decimal Separator" }),
       this._GuSelect({
         name: t.CURRENCY_DECIMAL_SEPARATOR,
         placeholder: "Select Decimal Separator",
-        options: a
+        options: i
       }),
       this._GuLabel({ text: "Decimal Count" }),
       this._GuSelect({
         name: t.CURRENCY_DECIMAL_COUNT,
         placeholder: "Select Decimal Count",
-        options: l
+        options: h
       })
     ])}
             </div>
@@ -95,16 +95,23 @@ class b extends m {
   _initializeSelectItems() {
     const { store: e } = this, r = {
       [t.CURRENCY]: e.currencyList,
-      [t.CURRENCY_LOCATION]: u,
-      [t.CURRENCY_THOUSAND_SEPARATOR]: a,
-      [t.CURRENCY_DECIMAL_SEPARATOR]: a,
-      [t.CURRENCY_DECIMAL_COUNT]: l
+      [t.CURRENCY_LOCATION]: l,
+      [t.CURRENCY_THOUSAND_SEPARATOR]: i,
+      [t.CURRENCY_DECIMAL_SEPARATOR]: i,
+      [t.CURRENCY_DECIMAL_COUNT]: h
     };
-    Object.entries(r).forEach(([n, s]) => {
-      this.api.setUIEAttribute(n, _.SELECTPICKER.items, s);
+    Object.entries(r).forEach(([u, n]) => {
+      this.api.setUIEAttribute(u, m.SELECTPICKER.items, n);
     });
   }
-  _updateCurrency(e) {
+  /**
+   * Applies currency updates to node config, HTML attributes, Pinia store, and DOM.
+   * @param updates - Partial currency config to merge
+   * @param triggerRefetch - Whether to trigger a product API refetch.
+   *   true for currency code changes (different prices from API),
+   *   false for display-only changes (symbol, separators, alignment, decimal count).
+   */
+  _updateCurrency(e, r = !1) {
     if (!this.currentNode)
       return;
     const n = { ...C.getConfig(this.currentNode).currency, ...e };
@@ -114,29 +121,27 @@ class b extends m {
       { currency: n },
       "Updated currency settings"
     );
-    const s = this.api.getDocumentModifier();
-    p({
+    const a = this.api.getDocumentModifier();
+    S({
       currentNode: this.currentNode,
-      documentModifier: s,
+      documentModifier: a,
       currency: n
-    }), this.store.$patch({
-      recommendationConfigs: {
-        currencySettings: {
-          name: n.code,
-          value: n.code,
-          symbol: n.symbol,
-          alignment: n.alignment === "before" ? "0" : "1",
-          decimalCount: n.decimalCount.toString(),
-          decimalSeparator: n.decimalSeparator,
-          thousandSeparator: n.thousandSeparator
-        }
+    }), this.store.patchCurrentBlockConfig({
+      currencySettings: {
+        name: n.code,
+        value: n.code,
+        symbol: n.symbol,
+        alignment: n.alignment === "before" ? "0" : "1",
+        decimalCount: n.decimalCount.toString(),
+        decimalSeparator: n.decimalSeparator,
+        thousandSeparator: n.thousandSeparator
       }
-    }), S({
+    }, { triggerRefetch: r }), E({
       currentNode: this.currentNode,
-      documentModifier: s
-    }) || E({
+      documentModifier: a
+    }) || N({
       currentNode: this.currentNode,
-      documentModifier: s
+      documentModifier: a
     });
   }
   _onCurrencyChange(e) {
@@ -144,7 +149,7 @@ class b extends m {
     this._updateCurrency({
       code: r,
       symbol: r
-    }), this.api.updateValues({
+    }, !0), this.api.updateValues({
       [t.CURRENCY_SYMBOL]: r
     });
   }
@@ -199,6 +204,6 @@ class b extends m {
   }
 }
 export {
-  N as CURRENCY_CONTROL_ID,
-  b as CurrencyControl
+  y as CURRENCY_CONTROL_ID,
+  D as CurrencyControl
 };

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

@@ -39,9 +39,7 @@ class h extends s {
     (t = this.addFilterButton) == null || t.removeEventListener("click", this.addFilterListener);
   }
   _onFilterSelectClick() {
-    this.store.$patch({
-      filterSelectionDrawerStatus: !0
-    });
+    this.store.openFilterDrawer();
   }
   _setupButtonListener() {
     var t;

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

@@ -1,62 +1,54 @@
-var g = Object.defineProperty;
-var y = (n, s, t) => s in n ? g(n, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[s] = t;
-var r = (n, s, t) => y(n, typeof s != "symbol" ? s + "" : s, t);
-import { CommonControl as R } from "../../../common-control.js";
-import { useRecommendationExtensionStore as P } from "../../store/recommendation.js";
-import { AlgorithmControl as _ } from "./algorithm.js";
-import { ALGORITHM_CONTROL_ID as j } from "./algorithm.js";
-import { CurrencyControl as b } from "./currency.js";
-import { CURRENCY_CONTROL_ID as q } from "./currency.js";
-import { FiltersControl as L } from "./filters.js";
-import { FILTERS_CONTROL_ID as Q } from "./filters.js";
-import { LocaleControl as N } from "./locale.js";
-import { LOCALE_CONTROL_ID as X } from "./locale.js";
-import { ProductLayoutControl as T } from "./productLayout.js";
-import { PRODUCT_LAYOUT_CONTROL_ID as tt } from "./productLayout.js";
-import { ShuffleControl as O } from "./shuffle.js";
-import { SHUFFLE_CONTROL_ID as ot } from "./shuffle.js";
-import { regenerateProductRowsWithStyles as D, updateProductContentInPlace as S } from "./utils.js";
-import { formatProductPrice as st, getBlockElement as nt, getCardComposition as it, getCurrentLayout as at, reapplySpacing as ct, regenerateProductRows as lt, setCurrencyAttributes as ut, updatePricesInPlace as dt, updateSingleProductContent as ht } from "./utils.js";
-import { useDebounceFn as h } from "../../../../../node_modules/@vueuse/shared/index.js";
-const I = /* @__PURE__ */ new Set([
-  "size",
-  "strategy",
-  "filters",
-  "productIds",
-  "language",
-  "shuffleProducts"
-]), w = "ui-elements-recommendation-block";
-class B extends R {
+var d = Object.defineProperty;
+var m = (c, s, t) => s in c ? d(c, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[s] = t;
+var n = (c, s, t) => m(c, typeof s != "symbol" ? s + "" : s, t);
+import { CommonControl as h } from "../../../common-control.js";
+import { RecommendationConfigService as f } from "../../services/configService.js";
+import { useRecommendationExtensionStore as C } from "../../store/recommendation.js";
+import { AlgorithmControl as p } from "./algorithm.js";
+import { ALGORITHM_CONTROL_ID as W } from "./algorithm.js";
+import { CurrencyControl as g } from "./currency.js";
+import { CURRENCY_CONTROL_ID as H } from "./currency.js";
+import { FiltersControl as R } from "./filters.js";
+import { FILTERS_CONTROL_ID as j } from "./filters.js";
+import { LocaleControl as y } from "./locale.js";
+import { LOCALE_CONTROL_ID as K } from "./locale.js";
+import { ProductLayoutControl as _ } from "./productLayout.js";
+import { PRODUCT_LAYOUT_CONTROL_ID as J } from "./productLayout.js";
+import { ShuffleControl as N } from "./shuffle.js";
+import { SHUFFLE_CONTROL_ID as X } from "./shuffle.js";
+import { regenerateProductRowsWithStyles as b, getBlockElement as P, updateProductContentInPlace as I } from "./utils.js";
+import { formatProductPrice as tt, getCardComposition as et, getCurrentLayout as ot, reapplySpacing as rt, regenerateMobileProductRows as nt, regenerateProductRows as it, setCurrencyAttributes as st, updatePricesInPlace as ct, updateSingleProductContent as at } from "./utils.js";
+import { useDebounceFn as l } from "../../../../../node_modules/@vueuse/shared/index.js";
+const T = "recommendation-id", S = "ui-elements-recommendation-block";
+class $ extends h {
   constructor() {
     super(...arguments);
-    r(this, "store", P());
-    r(this, "storeUnsubscription", () => {
+    n(this, "store", C());
+    n(this, "storeUnsubscription", () => {
     });
-    // Track if initial data has been fetched to avoid redundant API calls
-    r(this, "hasInitializedData", !1);
     // Sub-control instances for lifecycle management
-    r(this, "algorithmControl", null);
-    r(this, "localeControl", null);
-    r(this, "currencyControl", null);
-    r(this, "productLayoutControl", null);
-    r(this, "filtersControl", null);
-    r(this, "shuffleControl", null);
+    n(this, "algorithmControl", null);
+    n(this, "localeControl", null);
+    n(this, "currencyControl", null);
+    n(this, "productLayoutControl", null);
+    n(this, "filtersControl", null);
+    n(this, "shuffleControl", null);
     /**
      * Debounced product fetch to prevent rapid API calls during config changes
      */
-    r(this, "_debouncedFetchProducts", h(() => {
+    n(this, "_debouncedFetchProducts", l(() => {
       this.store.fetchRecommendationProducts();
     }, 500));
     /**
      * Debounced regeneration when products arrive from API
      * Tries in-place update first to preserve styles, falls back to full regeneration
      */
-    r(this, "_debouncedRegenerateWithProducts", h(() => {
+    n(this, "_debouncedRegenerateWithProducts", l(() => {
       const t = this.store.recommendationProducts;
       if (!this.currentNode || !this.api)
         return;
       const e = this.api.getDocumentModifier();
-      S({
+      I({
         currentNode: this.currentNode,
         documentModifier: e,
         products: t
@@ -64,10 +56,10 @@ class B extends R {
     }, 100));
   }
   getId() {
-    return w;
+    return S;
   }
   getTemplate() {
-    return this.algorithmControl = new _(), this.localeControl = new N(), this.currencyControl = new b(), this.productLayoutControl = new T(), this.filtersControl = new L(), this.shuffleControl = new O(), `
+    return this.algorithmControl = new p(), this.localeControl = new y(), this.currencyControl = new g(), this.productLayoutControl = new _(), this.filtersControl = new R(), this.shuffleControl = new N(), `
             <div class="recommendation-controls-container">
                 ${this.algorithmControl.getTemplate()}
                 ${this.localeControl.getTemplate()}
@@ -79,21 +71,13 @@ class B extends R {
         `;
   }
   async onRender() {
-    if (this._listenStateUpdates(), this.hasInitializedData) {
+    var e;
+    const t = this._getRecommendationIdFromNode(this.currentNode) ?? this.store.currentRecommendationId;
+    if (t !== null && this.store.setCurrentBlock(t), this._listenStateUpdates(), t !== null && ((e = this.store.blockStates[t]) != null && e.isInitialized)) {
       this._initializeSubControls();
       return;
     }
-    (await Promise.allSettled([
-      this.store.fetchRecommendationFilters(),
-      this.store.fetchRecommendationCreateData(),
-      this.store.fetchRecommendationProducts()
-    ])).forEach((e, o) => {
-      e.status === "rejected" && console.warn(`Recommendation block: ${[
-        "fetchRecommendationFilters",
-        "fetchRecommendationCreateData",
-        "fetchRecommendationProducts"
-      ][o]} failed`, e.reason);
-    }), this.hasInitializedData = !0, this._initializeSubControls();
+    await this._fetchBlockData(t), this._initializeSubControls();
   }
   /**
    * Immediately regenerate products with styles (no debounce)
@@ -104,23 +88,26 @@ class B extends R {
       console.warn("[Recommendation] Cannot regenerate - missing currentNode or api");
       return;
     }
-    D({
+    b({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
       products: t
     });
   }
   onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), [
+    var i;
+    super.onTemplateNodeUpdated(t);
+    const e = this._getRecommendationIdFromNode(t);
+    e !== null && e !== this.store.currentRecommendationId && this.store.setCurrentBlock(e), this._syncNodeConfigToStore(), e !== null && !((i = this.store.blockStates[e]) != null && i.isInitialized) && this._fetchBlockData(e), [
       this.algorithmControl,
       this.localeControl,
       this.currencyControl,
       this.productLayoutControl,
       this.filtersControl,
       this.shuffleControl
-    ].forEach((o) => {
-      var i;
-      o != null && o.api && (o.currentNode = t, (i = o.onTemplateNodeUpdated) == null || i.call(o, t));
+    ].forEach((r) => {
+      var a;
+      r != null && r.api && (r.currentNode = t, (a = r.onTemplateNodeUpdated) == null || a.call(r, t));
     });
   }
   onDestroy() {
@@ -154,52 +141,110 @@ class B extends R {
     });
   }
   /**
-   * Listen to store changes that require product refresh or regeneration
-   * - Config changes (size, strategy, filters, etc.) trigger API refetch
-   * - Currency code changes trigger API refetch (formatting changes are handled in-place)
-   * - Products array changes (API response) trigger HTML regeneration
+   * Syncs persisted node config into the Pinia store's block state.
+   *
+   * setCurrentBlock() creates a default entry (USD, en_US, mostPopular).
+   * For saved templates, the real config lives in the node (e.g., TRY, tr_TR).
+   * This method reads it and patches the store so fetchRecommendationProducts()
+   * uses the correct values.
+   *
+   * Uses triggerRefetch: false because the fetch hasn't happened yet —
+   * values are being prepared for the upcoming initial fetch.
+   */
+  _syncNodeConfigToStore() {
+    const t = f.getConfig(this.currentNode);
+    this.store.patchCurrentBlockConfig({
+      strategy: t.strategy,
+      language: t.language,
+      size: t.size,
+      productIds: t.productIds,
+      filters: t.filters,
+      shuffleProducts: t.shuffleProducts,
+      currencySettings: {
+        name: t.currency.code,
+        value: t.currency.code,
+        symbol: t.currency.symbol,
+        alignment: t.currency.alignment === "before" ? "0" : "1",
+        decimalCount: t.currency.decimalCount.toString(),
+        decimalSeparator: t.currency.decimalSeparator,
+        thousandSeparator: t.currency.thousandSeparator
+      }
+    }, { triggerRefetch: !1 });
+  }
+  /**
+   * Fetches initial data for a block (filters, algorithms, products).
+   * Shared by onRender() and onTemplateNodeUpdated() to avoid duplication.
+   * Marks the block as initialized to prevent redundant fetches on re-selection.
+   */
+  async _fetchBlockData(t) {
+    t !== null && this.store.markBlockInitialized(t), (await Promise.allSettled([
+      this.store.fetchRecommendationFilters(),
+      this.store.fetchRecommendationCreateData(),
+      this.store.fetchRecommendationProducts()
+    ])).forEach((o, i) => {
+      o.status === "rejected" && console.warn(`Recommendation block: ${[
+        "fetchRecommendationFilters",
+        "fetchRecommendationCreateData",
+        "fetchRecommendationProducts"
+      ][i]} failed`, o.reason);
+    });
+  }
+  /**
+   * Reads the recommendation-id attribute from the block element within the node
+   */
+  _getRecommendationIdFromNode(t) {
+    const e = P(t);
+    if (!e || !("getAttribute" in e))
+      return null;
+    const o = e.getAttribute(T);
+    if (!o)
+      return null;
+    const i = parseInt(o);
+    return Number.isNaN(i) ? null : i;
+  }
+  /**
+   * Listen to store changes that require product refresh or regeneration.
+   *
+   * Uses configVersion counter (incremented only by patchCurrentBlockConfig)
+   * to distinguish user-initiated config changes from internal mutations
+   * (e.g., fetchRecommendationCreateData setting preferred currency).
    */
   _listenStateUpdates() {
     const { store: t } = this;
-    let e = t.recommendationProducts, o = t.recommendationConfigs.currencySettings.value;
-    this.storeUnsubscription = t.$subscribe((i) => {
-      var u;
-      if ("payload" in i) {
-        const c = i.payload.recommendationConfigs;
-        if (c) {
-          const f = Object.keys(c).some((p) => I.has(p)), l = (u = c.currencySettings) == null ? void 0 : u.value, d = l !== void 0 && l !== o;
-          d && (o = l), (f || d) && this._debouncedFetchProducts();
-        }
-      }
-      const a = t.recommendationProducts, m = a !== e, C = Array.isArray(a) && a.length > 0;
-      m && C && (e = a, this._debouncedRegenerateWithProducts());
+    let e = t.recommendationProducts, o = t.$state.configVersion;
+    this.storeUnsubscription = t.$subscribe(() => {
+      const i = t.$state.configVersion;
+      i !== o && (o = i, this._debouncedFetchProducts());
+      const r = t.recommendationProducts, a = r !== e, u = Array.isArray(r) && r.length > 0;
+      a && u && (e = r, this._debouncedRegenerateWithProducts());
     });
   }
 }
 export {
-  j as ALGORITHM_CONTROL_ID,
-  _ as AlgorithmControl,
-  w as CONTROL_BLOCK_ID,
-  q as CURRENCY_CONTROL_ID,
-  b as CurrencyControl,
-  Q as FILTERS_CONTROL_ID,
-  L as FiltersControl,
-  X as LOCALE_CONTROL_ID,
-  N as LocaleControl,
-  tt as PRODUCT_LAYOUT_CONTROL_ID,
-  T as ProductLayoutControl,
-  B as RecommendationBlockControl,
-  ot as SHUFFLE_CONTROL_ID,
-  O as ShuffleControl,
-  st as formatProductPrice,
-  nt as getBlockElement,
-  it as getCardComposition,
-  at as getCurrentLayout,
-  ct as reapplySpacing,
-  lt as regenerateProductRows,
-  D as regenerateProductRowsWithStyles,
-  ut as setCurrencyAttributes,
-  dt as updatePricesInPlace,
-  S as updateProductContentInPlace,
-  ht as updateSingleProductContent
+  W as ALGORITHM_CONTROL_ID,
+  p as AlgorithmControl,
+  S as CONTROL_BLOCK_ID,
+  H as CURRENCY_CONTROL_ID,
+  g as CurrencyControl,
+  j as FILTERS_CONTROL_ID,
+  R as FiltersControl,
+  K as LOCALE_CONTROL_ID,
+  y as LocaleControl,
+  J as PRODUCT_LAYOUT_CONTROL_ID,
+  _ as ProductLayoutControl,
+  $ as RecommendationBlockControl,
+  X as SHUFFLE_CONTROL_ID,
+  N as ShuffleControl,
+  tt as formatProductPrice,
+  P as getBlockElement,
+  et as getCardComposition,
+  ot as getCurrentLayout,
+  rt as reapplySpacing,
+  nt as regenerateMobileProductRows,
+  it as regenerateProductRows,
+  b as regenerateProductRowsWithStyles,
+  st as setCurrencyAttributes,
+  ct as updatePricesInPlace,
+  I as updateProductContentInPlace,
+  at as updateSingleProductContent
 };

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

@@ -56,11 +56,7 @@ class C extends m {
       this.currentNode,
       { language: e },
       `Changed language to ${e}`
-    ), this.store.$patch({
-      recommendationConfigs: {
-        language: e
-      }
-    }));
+    ), this.store.patchCurrentBlockConfig({ language: e }));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged(n.LOCALE, (e) => {