@useinsider/guido 3.22.0-beta.e1b5da2 → 3.22.0-beta.e9b6f94

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

@@ -1,73 +1,72 @@
-var y = Object.defineProperty;
-var P = (u, c, e) => c in u ? y(u, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[c] = e;
-var r = (u, c, e) => P(u, typeof c != "symbol" ? c + "" : c, 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 k, DEFAULT_NODE_CONFIG as m } from "../../constants/defaultConfig.js";
-import { RECOMMENDATION_ID_ATTR as S } from "../../constants/selectors.js";
-import { RecommendationConfigService as d } from "../../services/configService.js";
-import { useRecommendationExtensionStore as T } from "../../store/recommendation.js";
-import { refreshBlockOutsidePanel as O } from "../../utils/blockRefresh.js";
-import { mapLegacyStrategy as C } from "../../utils/legacyStrategyMap.js";
-import { registerNodeConfigWriter as b, writeBlockConfigOutsidePanel as p, hasEditedConfigChange as B, pickConfigDescription as F, isProductIdsChange as D, PRODUCT_IDS_DESCRIPTION as L } from "../../utils/nodeConfigWriter.js";
+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";
 import { AlgorithmControl as E } from "./algorithm.js";
-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 Se } from "./filters.js";
-import { LayoutOrientationControl as w } from "./layoutOrientation.js";
-import { LAYOUT_ORIENTATION_CONTROL_ID as Oe } from "./layoutOrientation.js";
-import { LocaleControl as A } 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 De } 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 Ae } from "./shuffle.js";
-import { StrategyControl as G } from "./strategy.js";
-import { STRATEGY_CONTROL_ID as We } from "./strategy.js";
-import { setCurrencyAttributes as z, getBlockElement as $, isPartnerManagedBlock as H, updateProductContentInPlace as Y, regenerateProductRowsWithStyles as j } from "./utils.js";
-import { adjustProductsToSize as Me, formatProductPrice as Ge, getCardComposition as ze, getCurrentLayout as $e, 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 {
+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 {
   constructor() {
     super(...arguments);
-    r(this, "store", T());
-    r(this, "storeUnsubscription", () => {
+    s(this, "store", k());
+    s(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.
-    r(this, "pendingNodeConfigWrite", null);
-    r(this, "pendingConfigFlushTimer", null);
+    s(this, "pendingNodeConfigWrite", null);
+    s(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.
-    r(this, "trackedBlockId", null);
-    r(this, "fetchedConfigVersion", 0);
-    r(this, "hasUnrenderedProducts", !1);
-    r(this, "panelGeneration", 0);
-    r(this, "isPanelAlive", !0);
+    s(this, "trackedBlockId", null);
+    s(this, "fetchedConfigVersion", 0);
+    s(this, "hasUnrenderedProducts", !1);
+    s(this, "panelGeneration", 0);
+    s(this, "isPanelAlive", !0);
     // Sub-control instances for lifecycle management
-    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);
+    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);
     /**
      * Debounced product fetch to prevent rapid API calls during config changes
      */
-    r(this, "_debouncedFetchProducts", _(async (e, t) => {
+    s(this, "_debouncedFetchProducts", C(async (e, t) => {
       if (t !== this.panelGeneration)
         return;
       const o = this._getBlockConfigVersion(e);
@@ -88,7 +87,7 @@ class _e extends I {
      * count. The store pads products to the configured size, so in-place only
      * fails when the size actually changed.
      */
-    r(this, "_debouncedRegenerateWithProducts", _((e) => {
+    s(this, "_debouncedRegenerateWithProducts", C((e) => {
       if (e !== this.panelGeneration || !this.currentNode || !this.api)
         return;
       const t = this._getRecommendationIdFromNode(this.currentNode), o = this.store.currentRecommendationId;
@@ -107,7 +106,7 @@ class _e extends I {
     }, 100));
   }
   getId() {
-    return q;
+    return Y;
   }
   get _subControls() {
     return [
@@ -125,10 +124,10 @@ class _e extends I {
   }
   getTemplate() {
     var e;
-    return this.rrsEnabled = f().isFeatureEnabled("reusableRecommendationStrategy"), this._subControls.forEach((t) => {
+    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 A(), 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 w(), this.strategyControl = this.rrsEnabled ? new G() : null, this._subControls.forEach((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) => {
       t && (t.api = this.api);
     }), `
             <div class="recommendation-controls-container">
@@ -146,16 +145,16 @@ class _e extends I {
         `;
   }
   _showControlsForBlock(e) {
-    var s;
-    const t = (s = this.getContainer()) == null ? void 0 : s.querySelector(".recommendation-controls-container");
+    var r;
+    const t = (r = this.getContainer()) == null ? void 0 : r.querySelector(".recommendation-controls-container");
     if (!t)
       return;
-    const o = this._getRecommendationIdFromNode(e) === null ? null : d.getConfig(e), n = this.rrsEnabled && !!o && (!!(o != null && o.strategyId) || ((o == null ? void 0 : o.configVersion) ?? 0) >= k), i = this.rrsEnabled && !!o && !n;
+    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);
   }
   async onRender() {
     var o;
-    b(this.api);
+    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();
@@ -220,13 +219,13 @@ class _e extends I {
     const t = this.store.blockStates[e];
     if (!t)
       return;
-    const o = JSON.stringify(d.getConfig(this.currentNode)), n = t.syncedConfigFingerprint;
+    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();
   }
   /** Whether the deferred write would move the node's strategyId — see the caller (SD-149916). */
   _isPendingStrategyIdChange() {
     const e = this.pendingNodeConfigWrite;
-    return e ? d.getConfig(this.currentNode).strategyId !== e.updates.strategyId : !1;
+    return e ? l.getConfig(this.currentNode).strategyId !== e.updates.strategyId : !1;
   }
   _capturePendingNodeConfigWrite() {
     const e = this.store.currentRecommendationId, t = e === null ? void 0 : this.store.blockStates[e];
@@ -241,15 +240,15 @@ class _e extends I {
     return !e || t !== null && e.blockId !== t ? null : e;
   }
   _getNodeConfigUpdates(e) {
-    const { filters: t, strategy: o, strategyId: n, size: i, productIds: s, nodeConfigVersion: l } = e, { partnerName: a } = f();
+    const { filters: t, strategy: o, strategyId: n, size: i, productIds: r, nodeConfigVersion: h } = e, { partnerName: c } = g();
     return {
       filters: t,
       strategy: o,
       strategyId: n,
       size: i,
-      productIds: s,
-      configVersion: l,
-      ...a.value ? { partnerName: a.value } : {}
+      productIds: r,
+      configVersion: h,
+      ...c.value ? { partnerName: c.value } : {}
     };
   }
   /**
@@ -264,7 +263,7 @@ class _e extends I {
    */
   _stagePendingNodeConfig(e) {
     const t = this._pendingWriteForNode();
-    return !t || !this.currentNode ? !1 : (d.stageConfig(e, this.currentNode, t.updates), !0);
+    return !t || !this.currentNode ? !1 : (l.stageConfig(e, this.currentNode, t.updates), !0);
   }
   /**
    * Arms the guaranteed fallback write, once the product fetch has settled. The
@@ -289,14 +288,14 @@ class _e extends I {
     if (this.pendingNodeConfigWrite = null, this._clearConfigFlush(), !(!e || !this.api)) {
       if (e.blockId !== this.store.currentRecommendationId || !this.currentNode) {
         const { blockId: t, updates: o } = e;
-        !p(t, o, h) && this.store.blockStates[t] && console.error("[recommendation] pending config write did not reach a node", { blockId: t });
+        !m(t, o, f) && this.store.blockStates[t] && console.error("[recommendation] pending config write did not reach a node", { blockId: t });
         return;
       }
-      B(this.currentNode, e.updates) && d.updateConfig(
+      O(this.currentNode, e.updates) && l.updateConfig(
         this.api,
         this.currentNode,
         e.updates,
-        F(this.currentNode, e.updates, h)
+        b(this.currentNode, e.updates, f)
       );
     }
   }
@@ -307,14 +306,14 @@ class _e extends I {
   /** 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 || !D(this.currentNode, e.updates)))
-      return L;
+    if (!(!e || !this.currentNode || !B(this.currentNode, e.updates)))
+      return F;
   }
   _syncNodeConfigToStore() {
     var n;
-    const e = d.getConfig(this.currentNode), t = this.store.currentRecommendationId, o = t !== null && ((n = this.store.blockStates[t]) == null ? void 0 : n.isInitialized);
+    const e = l.getConfig(this.currentNode), t = this.store.currentRecommendationId, o = t !== null && ((n = this.store.blockStates[t]) == null ? void 0 : n.isInitialized);
     this.store.patchCurrentBlockConfig({
-      strategy: C(e.strategy) ?? e.strategy,
+      strategy: e.strategy,
       strategyId: e.strategyId,
       nodeConfigVersion: e.configVersion,
       language: e.language,
@@ -374,45 +373,61 @@ class _e extends I {
     return this.isPanelAlive && this.store.currentRecommendationId === e;
   }
   /**
-   * 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.
+   * 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.
    */
   _applySmartDefaults() {
     if (!this.currentNode || !this.api)
       return;
-    const e = d.getConfig(this.currentNode), t = {};
+    const e = l.getConfig(this.currentNode), t = {};
     let o = null, n = null, i = null;
-    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
-    }), C(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));
+    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 l = this.store.getLanguages;
-    l.length > 0 && !l.some((a) => a.value === e.language) && (i = l[0].value, t.language = i), !(!o && !n && !i) && (d.updateConfig(
+    !o && !n && !i || (l.updateConfig(
       this.api,
       this.currentNode,
       t,
       "Applied smart defaults"
-    ), o && t.currency && z({
+    ), o && t.currency && M({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
       currency: t.currency
     }), this.store.patchCurrentBlockConfig({
-      ...o && t.currency ? {
+      ...o ? {
         currencySettings: {
           name: o,
           value: o,
           symbol: o,
-          alignment: t.currency.alignment === "before" ? "0" : "1",
-          decimalCount: t.currency.decimalCount.toString(),
-          decimalSeparator: t.currency.decimalSeparator,
-          thousandSeparator: t.currency.thousandSeparator
+          alignment: a.currency.alignment === "before" ? "0" : "1",
+          decimalCount: a.currency.decimalCount.toString(),
+          decimalSeparator: a.currency.decimalSeparator,
+          thousandSeparator: a.currency.thousandSeparator
         }
       } : {},
       ...n ? { strategy: n } : {},
@@ -423,10 +438,10 @@ class _e extends I {
    * Reads the recommendation-id attribute from the block element within the node
    */
   _getRecommendationIdFromNode(e) {
-    const t = $(e);
+    const t = G(e);
     if (!t || !("getAttribute" in t))
       return null;
-    const o = t.getAttribute(S);
+    const o = t.getAttribute(I);
     if (!o)
       return null;
     const n = parseInt(o);
@@ -443,10 +458,10 @@ class _e extends I {
       if (e === null || !n)
         return;
       const i = t !== n.configVersion;
-      i && !p(
+      i && !m(
         e,
         this._getNodeConfigUpdates(n.recommendationConfigs),
-        h
+        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);
@@ -460,7 +475,7 @@ class _e extends I {
     };
   }
   _refreshOutsidePanel(e, t) {
-    O(e, {
+    S(e, {
       pickUpdates: (o) => this._getNodeConfigUpdates(o),
       description: "Update recommendation configuration",
       fetch: t
@@ -483,19 +498,19 @@ class _e extends I {
       return;
     }
     const e = this.store.recommendationProducts, t = this.api.getDocumentModifier(), o = this._pendingDescription(), n = this._stagePendingNodeConfig(t);
-    if (H(this.currentNode)) {
+    if (z(this.currentNode)) {
       n && (t.apply(
-        new R(o ?? "Update recommendation configuration")
+        new y(o ?? "Update recommendation configuration")
       ), this._consumePendingNodeConfig());
       return;
     }
-    Y({
+    $({
       currentNode: this.currentNode,
       documentModifier: t,
       products: e,
       description: o,
       onApplied: n ? () => this._consumePendingNodeConfig() : void 0
-    }) || j({
+    }) || H({
       currentNode: this.currentNode,
       documentModifier: t,
       products: e,
@@ -526,51 +541,51 @@ class _e extends I {
     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 g = this._trackedBlockSnapshot();
-        this.panelGeneration++, this.trackedBlockId = n, t = e.recommendationProducts, o = this._getBlockConfigVersion(n), this.fetchedConfigVersion = o, this.hasUnrenderedProducts = !1, this._finishBlockOutsidePanel(g);
+        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);
         return;
       }
       const i = this._getBlockConfigVersion(n);
       i !== o && (o = i, this._capturePendingNodeConfigWrite(), this._isPendingStrategyIdChange() && this._flushPendingNodeConfig(), this._debouncedFetchProducts(n, 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));
+      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));
     });
   }
 }
 export {
-  Pe as ALGORITHM_CONTROL_ID,
+  _e as ALGORITHM_CONTROL_ID,
   E as AlgorithmControl,
-  q as CONTROL_BLOCK_ID,
-  Ie as CURRENCY_CONTROL_ID,
-  U as CurrencyControl,
-  Se as FILTERS_CONTROL_ID,
-  v as FiltersControl,
-  Oe as LAYOUT_ORIENTATION_CONTROL_ID,
-  Be as LOCALE_CONTROL_ID,
-  w as LayoutOrientationControl,
-  A as LocaleControl,
-  De 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,
-  Ae as SHUFFLE_CONTROL_ID,
-  We as STRATEGY_CONTROL_ID,
-  M as ShuffleControl,
-  G as StrategyControl,
-  Me as adjustProductsToSize,
-  Ge as formatProductPrice,
-  $ as getBlockElement,
-  ze as getCardComposition,
-  $e as getCurrentLayout,
-  He as getMainContainerTbody,
-  H as isPartnerManagedBlock,
-  Ye as regenerateMobileProductRows,
-  j as regenerateProductRowsWithStyles,
-  z as setCurrencyAttributes,
-  je as updatePricesInPlace,
-  Y as updateProductContentInPlace,
-  qe as updateSingleProductContent
+  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
 };

package/dist/extensions/Blocks/Recommendation/templates/grid/template.js

@@ -1,8 +1,7 @@
-import { ATTR_PRODUCT_PRICE as D, ATTR_PRODUCT_OLD_PRICE as O } from "../../constants/selectors.js";
+import { ATTR_PRODUCT_PRICE as f, ATTR_PRODUCT_OLD_PRICE as O } from "../../constants/selectors.js";
 import { DEFAULT_PRODUCTS_PER_ROW as w } from "../../constants/layout.js";
-import { createBlockTemplate as A, getDefaultProducts as g, DEFAULTS as U, buildSpacer as h, DEFAULT_CARD_COMPOSITION as Y, buildElementRenderer as B, buildCellOptions as m, DEFAULT_CARD_VISIBILITY as F } from "../utils.js";
-import { DEFAULT_CELL_PADDING as W, renderInlineGridPriceCell as k, buildFillerCell as H, gridElementRenderer as x } from "./elementRenderer.js";
-import { resolveInlinePriceOrder as y } from "../../utils/inlinePriceOrder.js";
+import { createBlockTemplate as A, getDefaultProducts as g, DEFAULTS as U, buildSpacer as h, DEFAULT_CARD_COMPOSITION as Y, buildElementRenderer as B, resolveInlinePriceOrder as F, buildCellOptions as I, DEFAULT_CARD_VISIBILITY as W } from "../utils.js";
+import { DEFAULT_CELL_PADDING as k, renderInlineGridPriceCell as H, buildFillerCell as x, gridElementRenderer as y } from "./elementRenderer.js";
 const G = `
     <tr class="recommendation-product-row">
         <td>
@@ -29,29 +28,29 @@ const G = `
         {-{-CELLS-}-}
     </tr>
 `;
-function j(t, r, n, e = Y, c = {}, i = {}) {
-  const { cellPadding: s = W, cardBackgroundColor: u, visibility: a, priceInline: o = !1 } = i, d = (100 / r).toFixed(2), p = r - t.length, T = p > 0 ? H(d, s).repeat(p) : "", I = B(n, e, c), R = y(e), L = o ? e.filter((l) => l !== R.skip) : e, C = m(D, i), P = m(O, i);
-  return L.filter((l) => I[l]).map((l) => {
-    const _ = (a == null ? void 0 : a[l]) ?? F[l] ?? !0, b = _ ? "" : 'style="display: none;"', S = m(l, i, e), f = t.map((E) => (o && l === R.anchor ? k(
+function j(t, r, o, e = Y, c = {}, i = {}) {
+  const { cellPadding: s = k, cardBackgroundColor: u, visibility: a, priceInline: n = !1 } = i, d = (100 / r).toFixed(2), p = r - t.length, T = p > 0 ? x(d, s).repeat(p) : "", m = B(o, e, c), R = F(e), L = n ? e.filter((l) => l !== R.skip) : e, C = I(f, i), P = I(O, i);
+  return L.filter((l) => m[l]).map((l) => {
+    const _ = (a == null ? void 0 : a[l]) ?? W[l] ?? !0, b = _ ? "" : 'style="display: none;"', S = I(l, i, e), D = t.map((E) => (n && l === R.anchor ? H(
       E,
       R.originalFirst,
       C,
       P,
       u
-    ) : I[l](E, S)).replace("<td", `<td width="${d}%"`)).join("");
-    return V.replace("{-{-ATTR_TYPE-}-}", l).replace("{-{-VISIBILITY-}-}", _ ? "1" : "0").replace("{-{-DISPLAY_STYLE-}-}", b).replace("{-{-CELLS-}-}", f + T);
+    ) : m[l](E, S)).replace("<td", `<td width="${d}%"`)).join("");
+    return V.replace("{-{-ATTR_TYPE-}-}", l).replace("{-{-VISIBILITY-}-}", _ ? "1" : "0").replace("{-{-DISPLAY_STYLE-}-}", b).replace("{-{-CELLS-}-}", D + T);
   }).join("");
 }
-function v(t, r, n, e, c = {}, i = {}) {
+function v(t, r, o, e, c = {}, i = {}) {
   const s = [];
-  for (let o = 0; o < t.length; o += r)
-    s.push(t.slice(o, o + r));
+  for (let n = 0; n < t.length; n += r)
+    s.push(t.slice(n, n + r));
   const u = h(i.rowSpacingPx);
-  return s.map((o, d) => {
+  return s.map((n, d) => {
     const p = j(
-      o,
-      r,
       n,
+      r,
+      o,
       e,
       c,
       i
@@ -59,22 +58,22 @@ function v(t, r, n, e, c = {}, i = {}) {
     return d > 0 ? u + T : T;
   }).join("");
 }
-function M(t, r, n, e = {}, c = {}) {
+function M(t, r, o, e = {}, c = {}) {
   return v(
     t,
     r,
-    x,
-    n,
+    y,
+    o,
     e,
     c
   );
 }
-function X(t) {
-  const r = t ? `ins-recommendation-v3-block-${t}` : void 0, n = A("grid", r), e = g(), c = M(e, w);
-  return n.replace("{-{-TITLE-}-}", U.TITLE).replace("{-{-PRODUCT_ROWS-}-}", c).replace("{-{-MOBILE_PRODUCT_ROWS-}-}", "");
+function Q(t) {
+  const r = t ? `ins-recommendation-v3-block-${t}` : void 0, o = A("grid", r), e = g(), c = M(e, w);
+  return o.replace("{-{-TITLE-}-}", U.TITLE).replace("{-{-PRODUCT_ROWS-}-}", c).replace("{-{-MOBILE_PRODUCT_ROWS-}-}", "");
 }
 export {
-  X as getDefaultTemplate,
+  Q as getDefaultTemplate,
   j as prepareGridAttributeRows,
   v as prepareGridProductRows,
   M as prepareProductRows