@useinsider/guido 3.19.0-beta.7d287ab → 3.19.0-beta.84c97db

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

@@ -1,72 +1,66 @@
-var m = Object.defineProperty;
-var C = (g, l, e) => l in g ? m(g, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[l] = e;
-var r = (g, l, e) => C(g, typeof l != "symbol" ? l + "" : l, e);
+var C = Object.defineProperty;
+var p = (g, u, t) => u in g ? C(g, u, { enumerable: !0, configurable: !0, writable: !0, value: t }) : g[u] = t;
+var i = (g, u, t) => p(g, typeof u != "symbol" ? u + "" : u, t);
 import { useConfig as h } from "../../../../../composables/useConfig.js";
-import { ModificationDescription as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as y } from "../../../common-control.js";
-import { RRS_CONFIG_VERSION as N, DEFAULT_NODE_CONFIG as a } from "../../constants/defaultConfig.js";
-import { RECOMMENDATION_ID_ATTR as _ } from "../../constants/selectors.js";
+import { ModificationDescription as y } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as N } from "../../../common-control.js";
+import { RRS_CONFIG_VERSION as _, DEFAULT_NODE_CONFIG as a } from "../../constants/defaultConfig.js";
+import { RECOMMENDATION_ID_ATTR as I } from "../../constants/selectors.js";
 import { RecommendationConfigService as c } from "../../services/configService.js";
-import { useRecommendationExtensionStore as I } from "../../store/recommendation.js";
-import { registerNodeConfigWriter as R, commitBlockChangeOutsidePanel as b } from "../../utils/nodeConfigWriter.js";
-import { AlgorithmControl as P } from "./algorithm.js";
-import { ALGORITHM_CONTROL_ID as de } from "./algorithm.js";
-import { CurrencyControl as T } from "./currency.js";
-import { CURRENCY_CONTROL_ID as ge } from "./currency.js";
+import { useRecommendationExtensionStore as R } from "../../store/recommendation.js";
+import { registerNodeConfigWriter as b } from "../../utils/nodeConfigWriter.js";
+import { AlgorithmControl as T } from "./algorithm.js";
+import { ALGORITHM_CONTROL_ID as ut } from "./algorithm.js";
+import { CurrencyControl as P } from "./currency.js";
+import { CURRENCY_CONTROL_ID as gt } from "./currency.js";
 import { FiltersControl as S } from "./filters.js";
-import { FILTERS_CONTROL_ID as fe } from "./filters.js";
+import { FILTERS_CONTROL_ID as ft } from "./filters.js";
 import { LayoutOrientationControl as O } from "./layoutOrientation.js";
-import { LAYOUT_ORIENTATION_CONTROL_ID as Ce } from "./layoutOrientation.js";
-import { LocaleControl as k } from "./locale.js";
-import { LOCALE_CONTROL_ID as ye } from "./locale.js";
-import { PricePlacementControl as L } from "./pricePlacement.js";
-import { PRICE_PLACEMENT_CONTROL_ID as _e } from "./pricePlacement.js";
+import { LAYOUT_ORIENTATION_CONTROL_ID as Ct } from "./layoutOrientation.js";
+import { LocaleControl as L } from "./locale.js";
+import { LOCALE_CONTROL_ID as yt } from "./locale.js";
+import { PricePlacementControl as k } from "./pricePlacement.js";
+import { PRICE_PLACEMENT_CONTROL_ID as _t } from "./pricePlacement.js";
 import { ProductCountControl as E } from "./productCount.js";
-import { PRODUCT_COUNT_CONTROL_ID as Re } from "./productCount.js";
+import { PRODUCT_COUNT_CONTROL_ID as Rt } from "./productCount.js";
 import { ProductLayoutControl as F } from "./productLayout.js";
-import { PRODUCT_LAYOUT_CONTROL_ID as Pe } from "./productLayout.js";
+import { PRODUCT_LAYOUT_CONTROL_ID as Tt } from "./productLayout.js";
 import { ShuffleControl as D } from "./shuffle.js";
-import { SHUFFLE_CONTROL_ID as Se } from "./shuffle.js";
+import { SHUFFLE_CONTROL_ID as St } from "./shuffle.js";
 import { StrategyControl as w } from "./strategy.js";
-import { STRATEGY_CONTROL_ID as ke } from "./strategy.js";
-import { setCurrencyAttributes as U, getBlockElement as v, isPartnerManagedBlock as B, updateProductContentInPlace as A, regenerateProductRowsWithStyles as x } from "./utils.js";
-import { adjustProductsToSize as Ee, formatProductPrice as Fe, getCardComposition as De, getCurrentLayout as we, getMainContainerTbody as Ue, regenerateMobileProductRows as ve, updatePricesInPlace as Be, updateSingleProductContent as Ae } from "./utils.js";
+import { STRATEGY_CONTROL_ID as Lt } from "./strategy.js";
+import { setCurrencyAttributes as v, getBlockElement as A, isPartnerManagedBlock as B, updateProductContentInPlace as x, regenerateProductRowsWithStyles as U } from "./utils.js";
+import { adjustProductsToSize as Et, formatProductPrice as Ft, getCardComposition as Dt, getCurrentLayout as wt, getMainContainerTbody as vt, regenerateMobileProductRows as At, updatePricesInPlace as Bt, updateSingleProductContent as xt } from "./utils.js";
 import { useDebounceFn as f } from "../../../../../node_modules/@vueuse/shared/index.js";
-const V = "ui-elements-recommendation-block";
-class ae extends y {
+const W = "ui-elements-recommendation-block";
+class at extends N {
   constructor() {
     super(...arguments);
-    r(this, "store", I());
-    r(this, "storeUnsubscription", () => {
+    i(this, "store", R());
+    i(this, "storeUnsubscription", () => {
     });
     // A config change waiting to reach the node config. Deferred so it can ride the
     // re-render's single apply() — one user action must cost one undo press.
-    r(this, "pendingNodeConfigWrite", null);
-    r(this, "pendingConfigFlushTimer", null);
-    // Last configVersion the subscription handled, and whether its products still
-    // have to reach the canvas — both read on destroy to finish that work.
-    r(this, "seenConfigVersion", 0);
-    r(this, "fetchedConfigVersion", 0);
-    r(this, "hasUnappliedConfigChange", !1);
+    i(this, "pendingNodeConfigWrite", null);
+    i(this, "pendingConfigFlushTimer", null);
     // 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);
+    i(this, "algorithmControl", null);
+    i(this, "localeControl", null);
+    i(this, "currencyControl", null);
+    i(this, "productCountControl", null);
+    i(this, "productLayoutControl", null);
+    i(this, "filtersControl", null);
+    i(this, "shuffleControl", null);
+    i(this, "pricePlacementControl", null);
+    i(this, "layoutOrientationControl", null);
+    i(this, "strategyControl", null);
+    i(this, "rrsEnabled", !1);
     /**
      * Debounced product fetch to prevent rapid API calls during config changes
      */
-    r(this, "_debouncedFetchProducts", f(async () => {
-      const { configVersion: e } = this.store.$state;
+    i(this, "_debouncedFetchProducts", f(async () => {
       try {
-        await this.store.fetchRecommendationProducts(), this.fetchedConfigVersion = e;
+        await this.store.fetchRecommendationProducts();
       } finally {
         this._scheduleConfigFlush();
       }
@@ -82,29 +76,28 @@ class ae extends y {
      * count. The store pads products to the configured size, so in-place only
      * fails when the size actually changed.
      */
-    r(this, "_debouncedRegenerateWithProducts", f(() => {
-      const e = this.store.recommendationProducts;
+    i(this, "_debouncedRegenerateWithProducts", f(() => {
+      const t = this.store.recommendationProducts;
       if (!this.currentNode || !this.api)
         return;
-      this.fetchedConfigVersion === this.seenConfigVersion && (this.hasUnappliedConfigChange = !1);
-      const t = this.api.getDocumentModifier(), o = this._stagePendingNodeConfig(t);
+      const e = this.api.getDocumentModifier(), o = this._stagePendingNodeConfig(e);
       if (B(this.currentNode)) {
-        o && (t.apply(new p("Update recommendation configuration")), this.pendingNodeConfigWrite = null, this._clearConfigFlush());
+        o && (e.apply(new y("Update recommendation configuration")), this.pendingNodeConfigWrite = null, this._clearConfigFlush());
         return;
       }
-      A({
+      x({
         currentNode: this.currentNode,
-        documentModifier: t,
-        products: e
-      }) || x({
+        documentModifier: e,
+        products: t
+      }) || U({
         currentNode: this.currentNode,
-        documentModifier: t,
-        products: e
+        documentModifier: e,
+        products: t
       });
     }, 100));
   }
   getId() {
-    return V;
+    return W;
   }
   get _subControls() {
     return [
@@ -121,15 +114,15 @@ class ae extends y {
     ];
   }
   getTemplate() {
-    var e;
-    return this.rrsEnabled = h().isFeatureEnabled("reusableRecommendationStrategy"), this._subControls.forEach((t) => {
+    var t;
+    return this.rrsEnabled = h().isFeatureEnabled("reusableRecommendationStrategy"), this._subControls.forEach((e) => {
       var o;
-      return (o = t == null ? void 0 : t.onDestroy) == null ? void 0 : o.call(t);
-    }), this.algorithmControl = new P(), this.localeControl = new k(), this.currencyControl = new T(), this.productCountControl = new E(), this.productLayoutControl = new F(), this.filtersControl = new S(), this.shuffleControl = new D(), this.pricePlacementControl = new L(), this.layoutOrientationControl = new O(), this.strategyControl = this.rrsEnabled ? new w() : null, this._subControls.forEach((t) => {
-      t && (t.api = this.api);
+      return (o = e == null ? void 0 : e.onDestroy) == null ? void 0 : o.call(e);
+    }), this.algorithmControl = new T(), this.localeControl = new L(), this.currencyControl = new P(), this.productCountControl = new E(), this.productLayoutControl = new F(), this.filtersControl = new S(), this.shuffleControl = new D(), this.pricePlacementControl = new k(), this.layoutOrientationControl = new O(), this.strategyControl = this.rrsEnabled ? new w() : null, this._subControls.forEach((e) => {
+      e && (e.api = this.api);
     }), `
             <div class="recommendation-controls-container">
-                ${((e = this.strategyControl) == null ? void 0 : e.getTemplate()) ?? ""}
+                ${((t = this.strategyControl) == null ? void 0 : t.getTemplate()) ?? ""}
                 ${this.layoutOrientationControl.getTemplate()}
                 ${this.productCountControl.getTemplate()}
                 ${this.productLayoutControl.getTemplate()}
@@ -142,40 +135,39 @@ class ae extends y {
             </div>
         `;
   }
-  _showControlsForBlock(e) {
-    var i;
-    const t = (i = this.getContainer()) == null ? void 0 : i.querySelector(".recommendation-controls-container");
-    if (!t)
+  _showControlsForBlock(t) {
+    var r;
+    const e = (r = this.getContainer()) == null ? void 0 : r.querySelector(".recommendation-controls-container");
+    if (!e)
       return;
-    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) >= N), s = this.rrsEnabled && !!o && !n;
-    t.classList.toggle("strategy-block", n), t.classList.toggle("legacy-strategy-block", s);
+    const o = this._getRecommendationIdFromNode(t) === null ? null : c.getConfig(t), n = this.rrsEnabled && !!o && (!!(o != null && o.strategyId) || ((o == null ? void 0 : o.configVersion) ?? 0) >= _), s = this.rrsEnabled && !!o && !n;
+    e.classList.toggle("strategy-block", n), e.classList.toggle("legacy-strategy-block", s);
   }
   async onRender() {
     var o;
-    R(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)) {
+    b(this.api);
+    const t = this._getRecommendationIdFromNode(this.currentNode), e = t ?? this.store.currentRecommendationId;
+    if (e !== null && this.store.setCurrentBlock(e), t !== null && this._syncNodeConfigIfChanged(t), this._listenStateUpdates(), this._showControlsForBlock(this.currentNode), t !== null && this.strategyControl && (this.strategyControl.api = this.api, this.strategyControl.currentNode = this.currentNode, this.strategyControl.onRender()), e !== null && ((o = this.store.blockStates[e]) != null && o.isInitialized)) {
       this._initializeSubControls();
       return;
     }
-    await this._fetchBlockData(t), this._initializeSubControls();
+    await this._fetchBlockData(e), this._initializeSubControls();
   }
-  onTemplateNodeUpdated(e) {
+  onTemplateNodeUpdated(t) {
     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(() => {
+    super.onTemplateNodeUpdated(t);
+    const e = this._getRecommendationIdFromNode(t);
+    e !== null && e !== this.store.currentRecommendationId && this.store.setCurrentBlock(e), e !== null && this._syncNodeConfigIfChanged(e), this._showControlsForBlock(t), e !== null && !((o = this.store.blockStates[e]) != null && o.isInitialized) && this._fetchBlockData(e).then(() => {
       this._initializeSubControls();
     }), this._subControls.forEach((n) => {
       var s;
-      n != null && n.api && (n.currentNode = e, (s = n.onTemplateNodeUpdated) == null || s.call(n, e));
+      n != null && n.api && (n.currentNode = t, (s = n.onTemplateNodeUpdated) == null || s.call(n, t));
     });
   }
   onDestroy() {
-    const e = this.hasUnappliedConfigChange || this.store.$state.configVersion !== this.seenConfigVersion;
-    this.storeUnsubscription(), e ? this._refreshProductsOutsidePanel() : this._flushPendingNodeConfig(), this._subControls.forEach((t) => {
-      var o;
-      return (o = t == null ? void 0 : t.onDestroy) == null ? void 0 : o.call(t);
+    this.storeUnsubscription(), this._flushPendingNodeConfig(), this._subControls.forEach((t) => {
+      var e;
+      return (e = t == null ? void 0 : t.onDestroy) == null ? void 0 : e.call(t);
     });
   }
   /**
@@ -183,9 +175,9 @@ class ae extends y {
    * Each sub-control manages its own form values and event listeners
    */
   _initializeSubControls() {
-    this._subControls.forEach((e) => {
-      var t;
-      e && (e.api = this.api, e.currentNode = this.currentNode, (t = e.onRender) == null || t.call(e));
+    this._subControls.forEach((t) => {
+      var e;
+      t && (t.api = this.api, t.currentNode = this.currentNode, (e = t.onRender) == null || e.call(t));
     });
   }
   /**
@@ -212,34 +204,34 @@ class ae extends y {
    * that state and made a re-dropped saved module keep the defaults its wiped
    * state was rebuilt with (SD-150347).
    */
-  _syncNodeConfigIfChanged(e) {
-    this.pendingNodeConfigWrite && this.pendingNodeConfigWrite.blockId !== e && this._flushPendingNodeConfig();
-    const t = this.store.blockStates[e];
-    if (!t)
+  _syncNodeConfigIfChanged(t) {
+    this.pendingNodeConfigWrite && this.pendingNodeConfigWrite.blockId !== t && this._flushPendingNodeConfig();
+    const e = this.store.blockStates[t];
+    if (!e)
       return;
-    const o = JSON.stringify(c.getConfig(this.currentNode)), n = t.syncedConfigFingerprint;
-    t.syncedConfigFingerprint = o, n !== o && (this.pendingNodeConfigWrite || this._syncNodeConfigToStore());
+    const o = JSON.stringify(c.getConfig(this.currentNode)), n = e.syncedConfigFingerprint;
+    e.syncedConfigFingerprint = o, n !== o && (this.pendingNodeConfigWrite || this._syncNodeConfigToStore());
   }
   /** Whether the deferred write would move the node's strategyId — see the caller (SD-149916). */
   _isPendingStrategyIdChange() {
-    const e = this.pendingNodeConfigWrite;
-    return e ? c.getConfig(this.currentNode).strategyId !== e.updates.strategyId : !1;
+    const t = this.pendingNodeConfigWrite;
+    return t ? c.getConfig(this.currentNode).strategyId !== t.updates.strategyId : !1;
   }
   _capturePendingNodeConfigWrite() {
-    const e = this.store.currentRecommendationId;
-    if (!this.currentNode || !this.api || e === null)
+    const t = this.store.currentRecommendationId;
+    if (!this.currentNode || !this.api || t === null)
       return;
-    const { filters: t, strategy: o, strategyId: n, size: s, nodeConfigVersion: i } = this.store.recommendationConfigs, { partnerName: d } = h();
+    const { filters: e, strategy: o, strategyId: n, size: s, nodeConfigVersion: r } = this.store.recommendationConfigs, { partnerName: l } = h();
     this.pendingNodeConfigWrite = {
-      blockId: e,
+      blockId: t,
       node: this.currentNode,
       updates: {
-        filters: t,
+        filters: e,
         strategy: o,
         strategyId: n,
         size: s,
-        configVersion: i,
-        ...d.value ? { partnerName: d.value } : {}
+        configVersion: r,
+        ...l.value ? { partnerName: l.value } : {}
       }
     };
   }
@@ -253,9 +245,9 @@ class ae extends y {
    * @param documentModifier - The batch to accumulate into
    * @returns Whether anything was staged
    */
-  _stagePendingNodeConfig(e) {
-    const t = this.pendingNodeConfigWrite;
-    return !t || !this.currentNode ? !1 : (c.stageConfig(e, this.currentNode, t.updates), !0);
+  _stagePendingNodeConfig(t) {
+    const e = this.pendingNodeConfigWrite;
+    return !e || !this.currentNode ? !1 : (c.stageConfig(t, this.currentNode, e.updates), !0);
   }
   /**
    * Arms the guaranteed fallback write, once the product fetch has settled. The
@@ -276,41 +268,41 @@ class ae extends y {
    * snapshot the intervening re-render staled, and saveConfig swallows that failure.
    */
   _flushPendingNodeConfig() {
-    const e = this.pendingNodeConfigWrite;
-    if (this.pendingNodeConfigWrite = null, this._clearConfigFlush(), !e || !this.api)
+    const t = this.pendingNodeConfigWrite;
+    if (this.pendingNodeConfigWrite = null, this._clearConfigFlush(), !t || !this.api)
       return;
-    const t = e.blockId === this.store.currentRecommendationId && this.currentNode ? this.currentNode : e.node, o = c.getConfig(t);
-    JSON.stringify(o.filters) === JSON.stringify(e.updates.filters) && o.strategy === e.updates.strategy && o.strategyId === e.updates.strategyId && o.size === e.updates.size || c.updateConfig(this.api, t, e.updates, "Update recommendation filters");
+    const e = t.blockId === this.store.currentRecommendationId && this.currentNode ? this.currentNode : t.node, o = c.getConfig(e);
+    JSON.stringify(o.filters) === JSON.stringify(t.updates.filters) && o.strategy === t.updates.strategy && o.strategyId === t.updates.strategyId && o.size === t.updates.size || c.updateConfig(this.api, e, t.updates, "Update recommendation filters");
   }
   _syncNodeConfigToStore() {
     var n;
-    const e = c.getConfig(this.currentNode), t = this.store.currentRecommendationId, o = t !== null && ((n = this.store.blockStates[t]) == null ? void 0 : n.isInitialized);
+    const t = c.getConfig(this.currentNode), e = this.store.currentRecommendationId, o = e !== null && ((n = this.store.blockStates[e]) == null ? void 0 : n.isInitialized);
     this.store.patchCurrentBlockConfig({
-      strategy: e.strategy,
-      strategyId: e.strategyId,
-      nodeConfigVersion: e.configVersion,
-      language: e.language,
-      size: e.size,
-      productIds: e.productIds,
-      cardsInRow: e.cardsInRow,
-      mobileCardsInRow: e.mobileCardsInRow,
-      mobileLayoutEnabled: e.mobileLayoutEnabled,
-      orientation: e.layout,
+      strategy: t.strategy,
+      strategyId: t.strategyId,
+      nodeConfigVersion: t.configVersion,
+      language: t.language,
+      size: t.size,
+      productIds: t.productIds,
+      cardsInRow: t.cardsInRow,
+      mobileCardsInRow: t.mobileCardsInRow,
+      mobileLayoutEnabled: t.mobileLayoutEnabled,
+      orientation: t.layout,
       // 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 },
-      shuffleProducts: e.shuffleProducts,
-      priceMovedToNextLine: e.priceMovedToNextLine,
-      priceHideIfSameAsDiscounted: e.priceHideIfSameAsDiscounted,
+      ...o ? {} : { filters: t.filters },
+      shuffleProducts: t.shuffleProducts,
+      priceMovedToNextLine: t.priceMovedToNextLine,
+      priceHideIfSameAsDiscounted: t.priceHideIfSameAsDiscounted,
       currencySettings: {
-        name: e.currency.code,
-        value: e.currency.code,
-        symbol: e.currency.symbol,
-        alignment: e.currency.alignment === "before" ? "0" : "1",
-        decimalCount: e.currency.decimalCount.toString(),
-        decimalSeparator: e.currency.decimalSeparator,
-        thousandSeparator: e.currency.thousandSeparator
+        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 });
   }
@@ -323,8 +315,8 @@ class ae extends y {
    * Shared by onRender() and onTemplateNodeUpdated() to avoid duplication.
    * Marks the block as initialized to prevent redundant fetches on re-selection.
    */
-  async _fetchBlockData(e) {
-    e !== null && this.store.markBlockInitialized(e), (await Promise.allSettled([
+  async _fetchBlockData(t) {
+    t !== null && this.store.markBlockInitialized(t), (await Promise.allSettled([
       this.store.fetchRecommendationCreateData(),
       this.store.fetchRecommendationFilters()
     ])).forEach((o, n) => {
@@ -349,39 +341,39 @@ class ae extends y {
   _applySmartDefaults() {
     if (!this.currentNode || !this.api)
       return;
-    const e = c.getConfig(this.currentNode), t = {};
+    const t = c.getConfig(this.currentNode), e = {};
     let o = null, n = null, s = null;
-    if (e.currency.code === a.currency.code) {
-      const { currencyList: i } = this.store;
-      i.length > 0 && (i.some(
-        (u) => u.value === `price.${a.currency.code}`
-      ) || (o = i[0].value.replace("price.", ""), t.currency = {
+    if (t.currency.code === a.currency.code) {
+      const { currencyList: r } = this.store;
+      r.length > 0 && (r.some(
+        (d) => d.value === `price.${a.currency.code}`
+      ) || (o = r[0].value.replace("price.", ""), e.currency = {
         ...a.currency,
         code: o,
         symbol: o
       }));
     }
-    if (e.strategy === a.strategy) {
-      const i = this.store.getActivePredictiveAlgorithms;
-      i.length > 0 && (i.some(
-        (u) => u.value === a.strategy
-      ) || (n = i[0].value, t.strategy = n));
+    if (t.strategy === a.strategy) {
+      const r = this.store.getActivePredictiveAlgorithms;
+      r.length > 0 && (r.some(
+        (d) => d.value === a.strategy
+      ) || (n = r[0].value, e.strategy = n));
     }
-    if (e.language === a.language) {
-      const i = this.store.getLanguages;
-      i.length > 0 && (i.some(
-        (u) => u.value === a.language
-      ) || (s = i[0].value, t.language = s));
+    if (t.language === a.language) {
+      const r = this.store.getLanguages;
+      r.length > 0 && (r.some(
+        (d) => d.value === a.language
+      ) || (s = r[0].value, e.language = s));
     }
     !o && !n && !s || (c.updateConfig(
       this.api,
       this.currentNode,
-      t,
+      e,
       "Applied smart defaults"
-    ), o && t.currency && U({
+    ), o && e.currency && v({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
-      currency: t.currency
+      currency: e.currency
     }), this.store.patchCurrentBlockConfig({
       ...o ? {
         currencySettings: {
@@ -401,45 +393,16 @@ class ae extends y {
   /**
    * Reads the recommendation-id attribute from the block element within the node
    */
-  _getRecommendationIdFromNode(e) {
-    const t = v(e);
-    if (!t || !("getAttribute" in t))
+  _getRecommendationIdFromNode(t) {
+    const e = A(t);
+    if (!e || !("getAttribute" in e))
       return null;
-    const o = t.getAttribute(_);
+    const o = e.getAttribute(I);
     if (!o)
       return null;
     const n = parseInt(o);
     return Number.isNaN(n) ? null : n;
   }
-  /**
-   * Fetches and renders the block's products without the panel, carrying the
-   * deferred config write so both still land as one undo entry.
-   */
-  async _refreshProductsOutsidePanel() {
-    const e = this.store.currentRecommendationId;
-    if (e === null)
-      return;
-    this.hasUnappliedConfigChange = !1, this.pendingNodeConfigWrite || this._capturePendingNodeConfigWrite();
-    const t = this.pendingNodeConfigWrite, o = (t == null ? void 0 : t.blockId) === e ? t.updates : {};
-    try {
-      await this.store.fetchRecommendationProducts();
-    } catch (s) {
-      console.warn("Recommendation block: fetchRecommendationProducts failed", s);
-    }
-    const n = this.store.blockStates[e];
-    if (n) {
-      if (b(
-        e,
-        o,
-        n.recommendationProducts,
-        "Update recommendation configuration"
-      )) {
-        this.pendingNodeConfigWrite = null, this._clearConfigFlush();
-        return;
-      }
-      this._flushPendingNodeConfig();
-    }
-  }
   /**
    * Listen to store changes that require product refresh or regeneration.
    *
@@ -454,55 +417,55 @@ class ae extends y {
    * We skip that tick and update tracking references instead.
    */
   _listenStateUpdates() {
-    const { store: e } = this;
-    let t = e.recommendationProducts, o = e.currentRecommendationId;
-    this.seenConfigVersion = e.$state.configVersion, this.hasUnappliedConfigChange = !1, this.storeUnsubscription = e.$subscribe(() => {
-      const n = e.currentRecommendationId;
-      if (n !== o) {
-        o = n, t = e.recommendationProducts, this.seenConfigVersion = e.$state.configVersion;
+    const { store: t } = this;
+    let e = t.recommendationProducts, o = t.$state.configVersion, n = t.currentRecommendationId;
+    this.storeUnsubscription = t.$subscribe(() => {
+      const s = t.currentRecommendationId;
+      if (s !== n) {
+        n = s, e = t.recommendationProducts, o = t.$state.configVersion;
         return;
       }
-      const s = e.$state.configVersion;
-      s !== this.seenConfigVersion && (this.seenConfigVersion = s, this.hasUnappliedConfigChange = !0, this._capturePendingNodeConfigWrite(), this._isPendingStrategyIdChange() && this._flushPendingNodeConfig(), this._debouncedFetchProducts());
-      const i = e.recommendationProducts, d = i !== t, u = Array.isArray(i) && i.length > 0;
-      d && u && (t = i, this._debouncedRegenerateWithProducts());
+      const r = t.$state.configVersion;
+      r !== o && (o = r, this._capturePendingNodeConfigWrite(), this._isPendingStrategyIdChange() && this._flushPendingNodeConfig(), this._debouncedFetchProducts());
+      const l = t.recommendationProducts, d = l !== e, m = Array.isArray(l) && l.length > 0;
+      d && m && (e = l, this._debouncedRegenerateWithProducts());
     });
   }
 }
 export {
-  de as ALGORITHM_CONTROL_ID,
-  P as AlgorithmControl,
-  V as CONTROL_BLOCK_ID,
-  ge as CURRENCY_CONTROL_ID,
-  T as CurrencyControl,
-  fe as FILTERS_CONTROL_ID,
+  ut as ALGORITHM_CONTROL_ID,
+  T as AlgorithmControl,
+  W as CONTROL_BLOCK_ID,
+  gt as CURRENCY_CONTROL_ID,
+  P as CurrencyControl,
+  ft as FILTERS_CONTROL_ID,
   S as FiltersControl,
-  Ce as LAYOUT_ORIENTATION_CONTROL_ID,
-  ye as LOCALE_CONTROL_ID,
+  Ct as LAYOUT_ORIENTATION_CONTROL_ID,
+  yt as LOCALE_CONTROL_ID,
   O as LayoutOrientationControl,
-  k as LocaleControl,
-  _e as PRICE_PLACEMENT_CONTROL_ID,
-  Re as PRODUCT_COUNT_CONTROL_ID,
-  Pe as PRODUCT_LAYOUT_CONTROL_ID,
-  L as PricePlacementControl,
+  L as LocaleControl,
+  _t as PRICE_PLACEMENT_CONTROL_ID,
+  Rt as PRODUCT_COUNT_CONTROL_ID,
+  Tt as PRODUCT_LAYOUT_CONTROL_ID,
+  k as PricePlacementControl,
   E as ProductCountControl,
   F as ProductLayoutControl,
-  ae as RecommendationBlockControl,
-  Se as SHUFFLE_CONTROL_ID,
-  ke as STRATEGY_CONTROL_ID,
+  at as RecommendationBlockControl,
+  St as SHUFFLE_CONTROL_ID,
+  Lt as STRATEGY_CONTROL_ID,
   D as ShuffleControl,
   w as StrategyControl,
-  Ee as adjustProductsToSize,
-  Fe as formatProductPrice,
-  v as getBlockElement,
-  De as getCardComposition,
-  we as getCurrentLayout,
-  Ue as getMainContainerTbody,
+  Et as adjustProductsToSize,
+  Ft as formatProductPrice,
+  A as getBlockElement,
+  Dt as getCardComposition,
+  wt as getCurrentLayout,
+  vt as getMainContainerTbody,
   B as isPartnerManagedBlock,
-  ve as regenerateMobileProductRows,
-  x as regenerateProductRowsWithStyles,
-  U as setCurrencyAttributes,
-  Be as updatePricesInPlace,
-  A as updateProductContentInPlace,
-  Ae as updateSingleProductContent
+  At as regenerateMobileProductRows,
+  U as regenerateProductRowsWithStyles,
+  v as setCurrencyAttributes,
+  Bt as updatePricesInPlace,
+  x as updateProductContentInPlace,
+  xt as updateSingleProductContent
 };

package/dist/guido.css

@@ -1 +1 @@
-@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-c61cc8ea]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-926b01f5]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-926b01f5]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-926b01f5]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}
+@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-15610de9] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.color-vision-select__dropdown[data-v-64cb50da]{z-index:20;width:387px}.accessibility-toolbar[data-v-391019bc]{gap:16px}.accessibility-toolbar[data-v-391019bc] .in-segments-wrapper__button svg{margin-right:0}.accessibility-toolbar[data-v-391019bc] .in-segments-wrapper__button .clearfix:after{content:none}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-actions-menu__dropdown[data-v-d0e6b57a]{z-index:20;width:222px}.editor-actions[data-v-23b54db0]{gap:16px}.editor-actions__divider[data-v-23b54db0]{width:1px;height:40px;background-color:#e1e1e1}.right-slot[data-v-efc32e0d]{gap:16px}.header-wrapper[data-v-3c713746]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-ecfaf815]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-ecfaf815]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-ecfaf815]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.guido-tab-bar-onboarding[data-v-42f02a1f]{z-index:21}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}