@useinsider/guido 3.20.1-beta.68ebd35 → 3.20.1-beta.816316b

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

@@ -1,7 +1,7 @@
 var _ = Object.defineProperty;
 var y = (h, c, e) => c in h ? _(h, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[c] = e;
 var i = (h, c, e) => y(h, typeof c != "symbol" ? c + "" : c, e);
-import { useConfig as g } from "../../../../../composables/useConfig.js";
+import { useConfig as m } from "../../../../../composables/useConfig.js";
 import { ModificationDescription as N } 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";
@@ -9,7 +9,7 @@ import { RECOMMENDATION_ID_ATTR as k } from "../../constants/selectors.js";
 import { RecommendationConfigService as l } from "../../services/configService.js";
 import { useRecommendationExtensionStore as I } from "../../store/recommendation.js";
 import { refreshBlockOutsidePanel as S } from "../../utils/blockRefresh.js";
-import { registerNodeConfigWriter as T, writeBlockConfigOutsidePanel as m, hasEditedConfigChange as b } from "../../utils/nodeConfigWriter.js";
+import { registerNodeConfigWriter as T, writeBlockConfigOutsidePanel as C, hasEditedConfigChange as b } from "../../utils/nodeConfigWriter.js";
 import { AlgorithmControl as O } from "./algorithm.js";
 import { ALGORITHM_CONTROL_ID as me } from "./algorithm.js";
 import { CurrencyControl as B } from "./currency.js";
@@ -32,8 +32,8 @@ import { StrategyControl as A } from "./strategy.js";
 import { STRATEGY_CONTROL_ID as De } from "./strategy.js";
 import { setCurrencyAttributes as V, getBlockElement as x, isPartnerManagedBlock as W, updateProductContentInPlace as M, regenerateProductRowsWithStyles as G } from "./utils.js";
 import { adjustProductsToSize as ve, formatProductPrice as we, getCardComposition as Ae, getCurrentLayout as Ve, getMainContainerTbody as xe, regenerateMobileProductRows as We, updatePricesInPlace as Me, updateSingleProductContent as Ge } from "./utils.js";
-import { useDebounceFn as C } from "../../../../../node_modules/@vueuse/shared/index.js";
-const f = "Update recommendation filters", z = "ui-elements-recommendation-block";
+import { useDebounceFn as p } from "../../../../../node_modules/@vueuse/shared/index.js";
+const g = "Update recommendation filters", z = "ui-elements-recommendation-block";
 class he extends P {
   constructor() {
     super(...arguments);
@@ -66,7 +66,7 @@ class he extends P {
     /**
      * Debounced product fetch to prevent rapid API calls during config changes
      */
-    i(this, "_debouncedFetchProducts", C(async (e, t) => {
+    i(this, "_debouncedFetchProducts", p(async (e, t) => {
       if (t !== this.panelGeneration)
         return;
       const o = this._getBlockConfigVersion(e);
@@ -87,7 +87,7 @@ class he extends P {
      * count. The store pads products to the configured size, so in-place only
      * fails when the size actually changed.
      */
-    i(this, "_debouncedRegenerateWithProducts", C((e) => {
+    i(this, "_debouncedRegenerateWithProducts", p((e) => {
       if (e !== this.panelGeneration || !this.currentNode || !this.api)
         return;
       const t = this._getRecommendationIdFromNode(this.currentNode), o = this.store.currentRecommendationId;
@@ -124,7 +124,7 @@ class he extends P {
   }
   getTemplate() {
     var e;
-    return this.rrsEnabled = g().isFeatureEnabled("reusableRecommendationStrategy"), this._subControls.forEach((t) => {
+    return this.rrsEnabled = m().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 O(), this.localeControl = new F(), this.currencyControl = new B(), this.productCountControl = new U(), this.productLayoutControl = new v(), this.filtersControl = new L(), this.shuffleControl = new w(), this.pricePlacementControl = new D(), this.layoutOrientationControl = new E(), this.strategyControl = this.rrsEnabled ? new A() : null, this._subControls.forEach((t) => {
@@ -235,7 +235,7 @@ class he extends P {
     });
   }
   _getNodeConfigUpdates(e) {
-    const { filters: t, strategy: o, strategyId: n, size: r, nodeConfigVersion: s } = e, { partnerName: d } = g();
+    const { filters: t, strategy: o, strategyId: n, size: r, nodeConfigVersion: s } = e, { partnerName: d } = m();
     return {
       filters: t,
       strategy: o,
@@ -282,14 +282,14 @@ class he extends P {
     if (this.pendingNodeConfigWrite = null, this._clearConfigFlush(), !(!e || !this.api)) {
       if (e.blockId !== this.store.currentRecommendationId || !this.currentNode) {
         const { blockId: t, updates: o } = e;
-        !m(t, o, f) && this.store.blockStates[t] && console.error("[recommendation] pending config write did not reach a node", { blockId: t });
+        !C(t, o, g) && this.store.blockStates[t] && console.error("[recommendation] pending config write did not reach a node", { blockId: t });
         return;
       }
       b(this.currentNode, e.updates) && l.updateConfig(
         this.api,
         this.currentNode,
         e.updates,
-        f
+        g
       );
     }
   }
@@ -442,10 +442,10 @@ class he extends P {
       if (e === null || !n)
         return;
       const r = t !== n.configVersion;
-      r && !m(
+      r && !C(
         e,
         this._getNodeConfigUpdates(n.recommendationConfigs),
-        f
+        g
       ) && console.error("[recommendation] config write outside the panel did not reach a node", { blockId: e }), (r || o) && this._refreshOutsidePanel(e, r);
     } catch (n) {
       console.error("[recommendation] finishing the block outside the panel failed", n);
@@ -511,14 +511,18 @@ class he extends P {
     this.panelGeneration++, this.isPanelAlive = !0, this.trackedBlockId = e.currentRecommendationId, this.fetchedConfigVersion = o, this.hasUnrenderedProducts = !1, this.storeUnsubscription = e.$subscribe(() => {
       const n = e.currentRecommendationId;
       if (n !== this.trackedBlockId) {
-        const p = this._trackedBlockSnapshot();
-        this.panelGeneration++, this.trackedBlockId = n, t = e.recommendationProducts, o = this._getBlockConfigVersion(n), this.fetchedConfigVersion = o, this.hasUnrenderedProducts = !1, this._finishBlockOutsidePanel(p);
+        const f = this._trackedBlockSnapshot();
+        this.panelGeneration++, this.trackedBlockId = n, t = e.recommendationProducts, o = this._getBlockConfigVersion(n), this.fetchedConfigVersion = o, this.hasUnrenderedProducts = !1, this._finishBlockOutsidePanel(f);
         return;
       }
       const r = this._getBlockConfigVersion(n);
       r !== o && (o = r, this._capturePendingNodeConfigWrite(), this._isPendingStrategyIdChange() && this._flushPendingNodeConfig(), this._debouncedFetchProducts(n, this.panelGeneration));
       const s = e.recommendationProducts, d = s !== t, u = Array.isArray(s) && s.length > 0;
-      d && u && (t = s, this.hasUnrenderedProducts = !0, this._debouncedRegenerateWithProducts(this.panelGeneration));
+      if (d && u) {
+        t = s;
+        const f = this._getRecommendationIdFromNode(this.currentNode);
+        (f === null || f === n) && (this.hasUnrenderedProducts = !0), this._debouncedRegenerateWithProducts(this.panelGeneration);
+      }
     });
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.20.1-beta.68ebd35",
+  "version": "3.20.1-beta.816316b",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",