@useinsider/guido 3.19.0-beta.dcea8c0 → 3.19.0-beta.e110e88

package/dist/composables/useLegacyStrategyConversion.js

@@ -1,23 +1,23 @@
-import { useRecommendation as C } from "./useRecommendation.js";
-import { useToaster as I } from "./useToaster.js";
+import { useRecommendation as I } from "./useRecommendation.js";
+import { useToaster as C } from "./useToaster.js";
 import { useTranslations as v } from "./useTranslations.js";
 import { ToasterTypeOptions as g } from "../enums/toaster.js";
 import "../extensions/Blocks/Recommendation/constants/selectors.js";
 import { CURRENT_CONFIG_VERSION as L } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
 import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { resolveMigrationTarget as k, buildLegacyMigrationPayload as R } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js";
-import { commitBlockChangeOutsidePanel as T } from "../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
-import { useConfigStore as h } from "../stores/config.js";
+import { resolveMigrationTarget as R, buildLegacyMigrationPayload as T } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js";
+import { commitBlockChangeOutsidePanel as h } from "../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
+import { useConfigStore as k } from "../stores/config.js";
 const F = () => {
-  const e = b(), r = h(), { buildCampaignUrl: m } = C(), { showToaster: c } = I(), a = v();
+  const e = b(), r = k(), { buildCampaignUrl: m } = I(), { showToaster: i } = C(), c = v();
   return { convertLegacyStrategy: async () => {
     const t = e.currentRecommendationId;
     if (t === null || !e.isLegacyStrategyBlock || e.legacyConversionLoading)
       return "";
-    const { strategy: d, productIds: y, size: l, strategyId: p, nodeConfigVersion: u } = e.recommendationConfigs, f = { strategyId: p, size: l, nodeConfigVersion: u }, s = k({
+    const { strategy: d, productIds: y, size: l, strategyId: p, nodeConfigVersion: u } = e.recommendationConfigs, f = { strategyId: p, size: l, nodeConfigVersion: u }, s = R({
       campaignId: r.campaignId,
       templateLibraryId: r.templateLibraryId
-    }), S = R({
+    }), S = T({
       blockId: t,
       url: m(String(t)),
       campaignId: r.campaignId,
@@ -29,34 +29,30 @@ const F = () => {
     let o;
     try {
       o = await e.convertLegacyStrategy(S, s);
-    } catch (i) {
-      return console.error("[useLegacyStrategyConversion] migration failed", i), c({
+    } catch (n) {
+      return console.error("[useLegacyStrategyConversion] migration failed", n), i({
         type: g.Error,
-        message: a("email-editor.legacy-strategy-migration-failed"),
-        actionButton: {
-          text: a("ds-steps.create-recommendation-strategy"),
-          onClick: () => e.openStrategyCreation()
-        }
+        message: c("email-editor.legacy-strategy-update-failed")
       }), "";
     }
     try {
       await e.fetchStrategyProductsForBlock(t);
-    } catch (i) {
-      console.error("[useLegacyStrategyConversion] product refetch failed", i);
+    } catch (n) {
+      console.error("[useLegacyStrategyConversion] product refetch failed", n);
     }
-    const n = e.blockStates[t];
-    return n ? T(
+    const a = e.blockStates[t];
+    return a ? h(
       t,
       {
         strategyId: o,
-        size: n.recommendationConfigs.size,
+        size: a.recommendationConfigs.size,
         configVersion: L
       },
-      n.recommendationProducts,
+      a.recommendationProducts,
       "Converted legacy recommendation strategy"
-    ) ? (e.currentRecommendationId === t && e.openLegacyStrategyUpdatedModal(), o) : (console.error("[useLegacyStrategyConversion] node write failed", t), e.revertLegacyConversion(t, f), c({
+    ) ? (e.currentRecommendationId === t && e.openLegacyStrategyUpdatedModal(), o) : (console.error("[useLegacyStrategyConversion] node write failed", t), e.revertLegacyConversion(t, f), i({
       type: g.Error,
-      message: a("email-editor.legacy-strategy-update-failed")
+      message: c("email-editor.legacy-strategy-update-failed")
     }), "") : o;
   } };
 };

package/dist/extensions/Blocks/Recommendation/block.js

@@ -1,30 +1,32 @@
-var y = Object.defineProperty;
-var A = (l, c, t) => c in l ? y(l, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[c] = t;
-var g = (l, c, t) => A(l, typeof c != "symbol" ? c + "" : c, t);
+var b = Object.defineProperty;
+var C = (l, c, t) => c in l ? b(l, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[c] = t;
+var d = (l, c, t) => C(l, typeof c != "symbol" ? c + "" : c, t);
 import { useConfig as h } from "../../../composables/useConfig.js";
 import { BlockId as D } from "../../../enums/block.js";
-import { getMigrationBannerHtml as C } from "../../../utils/migrationBannerHtml.js";
+import { getMigrationBannerHtml as A } from "../../../utils/migrationBannerHtml.js";
 import { Block as E, BlockCompositionType as S, ModificationDescription as p } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CURRENT_CONFIG_VERSION as N, PRE_RRS_CONFIG_VERSION as O } from "./constants/defaultConfig.js";
 import { RECOMMENDATION_ID_ATTR as m } from "./constants/selectors.js";
 import { regenerateMobileProductRows as M } from "./controls/main/utils.js";
 import { ensureMobileCssRulesExist as I, setMobileLayoutOptOut as R, hasMobileLayoutOptOut as w } from "./controls/mobileLayout/cssRules.js";
 import { RecommendationConfigService as s } from "./services/configService.js";
-import { useRecommendationExtensionStore as d } from "./store/recommendation.js";
+import { useRecommendationExtensionStore as g } from "./store/recommendation.js";
 import { getDefaultTemplate as T } from "./templates/grid/template.js";
 import { useRecommendationBlockWarning as x } from "./useRecommendationBlockWarning.js";
-const k = D.Recommendation, u = "recommendation-block-v2", B = "hide-price";
-let b = !1;
-class j extends E {
+import { registerNodeConfigWriter as H } from "./utils/nodeConfigWriter.js";
+import { refreshDuplicatedStrategyBlocks as $ } from "./utils/strategyCommit.js";
+const k = D.Recommendation, u = "recommendation-block-v2", y = "hide-price";
+let B = !1;
+class Y extends E {
   constructor() {
     super();
     /**
      * Stores the ID generated in getTemplate() so onCreated() can reuse it.
      * This avoids generating a new (different) ID in onCreated().
      */
-    g(this, "_pendingBlockId", null);
+    d(this, "_pendingBlockId", null);
     /** Ids already reset under their new name, so the deferred pass skips their stale snapshot. */
-    g(this, "_resetSourceIds", /* @__PURE__ */ new Set());
+    d(this, "_resetSourceIds", /* @__PURE__ */ new Set());
   }
   getId() {
     return k;
@@ -44,7 +46,7 @@ class j extends E {
     );
   }
   getSettingsPanelTitleHtml() {
-    return C(
+    return A(
       k,
       this.api.translate("Recommendation Block"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.")
@@ -102,7 +104,7 @@ class j extends E {
         // at save for a block the user never configured.
         ...o ? { strategy: "" } : {}
       }
-    ), f = d();
+    ), f = g();
     if (f.setCurrentBlock(i), this._stampHidePrice(t, r.priceHideIfSameAsDiscounted), a) {
       I(this.api);
       const _ = this._getBlockElement(t);
@@ -133,7 +135,7 @@ class j extends E {
       }
       this._healLingeringDuplicate(t), s.needsMigration(t) && this._migrateFromLegacy(t), this._healHidePriceAttr(t);
       try {
-        b || (I(this.api), b = !0);
+        B || (I(this.api), B = !0);
         const e = s.getConfig(t), i = this._getBlockElement(t);
         if (i) {
           const n = !e.mobileLayoutEnabled;
@@ -151,7 +153,7 @@ class j extends E {
    */
   onDelete(t) {
     const e = this._getRecommendationId(t);
-    e && d().removeBlockState(e);
+    e && g().removeBlockState(e);
   }
   /**
    * Warns (dark advisory toaster) when the design holds more than one live
@@ -199,7 +201,7 @@ class j extends E {
   _scheduleArrivalReset(t) {
     h().isFeatureEnabled("reusableRecommendationStrategy") && setTimeout(() => {
       const e = this._getRecommendationId(t);
-      e !== null && e > 0 && !this._resetSourceIds.delete(e) && d().resetArrivedBlock(e);
+      e !== null && e > 0 && !this._resetSourceIds.delete(e) && g().resetArrivedBlock(e);
     }, 0);
   }
   /**
@@ -255,8 +257,8 @@ class j extends E {
   }
   /** Assigns a fresh id to a duplicated block and syncs DOM, node config and store. */
   _handleDuplicate(t, e) {
-    const i = this._reassignDuplicateId(t, e), n = d();
-    n.cloneBlockState(e, i), n.setCurrentBlock(i), h().isFeatureEnabled("reusableRecommendationStrategy") && (this._resetSourceIds.add(e), n.resetArrivedBlock(i)), this._warnIfMultipleBlocks();
+    const i = this._reassignDuplicateId(t, e), n = g();
+    n.cloneBlockState(e, i), n.setCurrentBlock(i), h().isFeatureEnabled("reusableRecommendationStrategy") && (this._resetSourceIds.add(e), H(this.api), $(e, i, s.getConfig(t)).catch((o) => console.error("[recommendation] refreshing a duplicated strategy failed", o))), this._warnIfMultipleBlocks();
   }
   /**
    * Core id-reassignment for a duplicated block: rewrites the DOM
@@ -312,7 +314,7 @@ class j extends E {
    */
   _stampHidePrice(t, e) {
     const i = this._getBlockElement(t);
-    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(B, String(e)).apply(new p("Stamp hide-price"));
+    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(y, String(e)).apply(new p("Stamp hide-price"));
   }
   /**
    * Stamps `hide-price` from config only when the block lacks the attribute —
@@ -320,7 +322,7 @@ class j extends E {
    */
   _healHidePriceAttr(t) {
     const e = this._getBlockElement(t);
-    if (!e || !("getAttribute" in e) || e.getAttribute(B) !== null)
+    if (!e || !("getAttribute" in e) || e.getAttribute(y) !== null)
       return;
     const { priceHideIfSameAsDiscounted: i } = s.getConfig(t);
     this._stampHidePrice(t, i);
@@ -358,5 +360,5 @@ class j extends E {
 }
 export {
   k as BLOCK_ID,
-  j as RecommendationBlock
+  Y as RecommendationBlock
 };

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

@@ -9,28 +9,28 @@ import { RECOMMENDATION_ID_ATTR as I } from "../../constants/selectors.js";
 import { RecommendationConfigService as l } from "../../services/configService.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 { AlgorithmControl as P } from "./algorithm.js";
 import { ALGORITHM_CONTROL_ID as dt } from "./algorithm.js";
-import { CurrencyControl as P } from "./currency.js";
+import { CurrencyControl as T } from "./currency.js";
 import { CURRENCY_CONTROL_ID as gt } from "./currency.js";
 import { FiltersControl as S } 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 Ct } from "./layoutOrientation.js";
-import { LocaleControl as L } from "./locale.js";
+import { LocaleControl as k } from "./locale.js";
 import { LOCALE_CONTROL_ID as yt } from "./locale.js";
-import { PricePlacementControl as k } from "./pricePlacement.js";
+import { PricePlacementControl as L } 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 Rt } from "./productCount.js";
 import { ProductLayoutControl as F } from "./productLayout.js";
-import { PRODUCT_LAYOUT_CONTROL_ID as Tt } from "./productLayout.js";
+import { PRODUCT_LAYOUT_CONTROL_ID as Pt } from "./productLayout.js";
 import { ShuffleControl as D } from "./shuffle.js";
 import { SHUFFLE_CONTROL_ID as St } from "./shuffle.js";
-import { StrategyControl as w } from "./strategy.js";
-import { STRATEGY_CONTROL_ID as Lt } from "./strategy.js";
-import { setCurrencyAttributes as A, getBlockElement as B, isPartnerManagedBlock as v, updateProductContentInPlace as x, regenerateProductRowsWithStyles as U } from "./utils.js";
-import { adjustProductsToSize as Et, formatProductPrice as Ft, getCardComposition as Dt, getCurrentLayout as wt, getMainContainerTbody as At, regenerateMobileProductRows as Bt, updatePricesInPlace as vt, updateSingleProductContent as xt } from "./utils.js";
+import { StrategyControl as B } from "./strategy.js";
+import { STRATEGY_CONTROL_ID as kt } from "./strategy.js";
+import { setCurrencyAttributes as w, getBlockElement as A, isPartnerManagedBlock as v, updateProductContentInPlace as x, regenerateProductRowsWithStyles as U } from "./utils.js";
+import { adjustProductsToSize as Et, formatProductPrice as Ft, getCardComposition as Dt, getCurrentLayout as Bt, getMainContainerTbody as wt, regenerateMobileProductRows as At, updatePricesInPlace as vt, updateSingleProductContent as xt } from "./utils.js";
 import { useDebounceFn as h } from "../../../../../node_modules/@vueuse/shared/index.js";
 const W = "ui-elements-recommendation-block";
 class at extends N {
@@ -77,23 +77,21 @@ class at extends N {
      * fails when the size actually changed.
      */
     i(this, "_debouncedRegenerateWithProducts", h(() => {
-      const t = this.store.recommendationProducts;
       if (!this.currentNode || !this.api)
         return;
-      const e = this.api.getDocumentModifier(), o = this._stagePendingNodeConfig(e);
-      if (v(this.currentNode)) {
-        o && (e.apply(new y("Update recommendation configuration")), this.pendingNodeConfigWrite = null, this._clearConfigFlush());
+      const t = this._getRecommendationIdFromNode(this.currentNode), e = this.store.currentRecommendationId;
+      if (t === null || e === null || t === e || !this.store.blockStates[t]) {
+        this._regenerateWithProducts();
         return;
       }
-      x({
-        currentNode: this.currentNode,
-        documentModifier: e,
-        products: t
-      }) || U({
-        currentNode: this.currentNode,
-        documentModifier: e,
-        products: t
-      });
+      if (this.store.blockStates[t].recommendationProducts.length) {
+        this.store.setCurrentBlock(t);
+        try {
+          this._regenerateWithProducts();
+        } finally {
+          this.store.setCurrentBlock(e);
+        }
+      }
     }, 100));
   }
   getId() {
@@ -118,7 +116,7 @@ class at extends N {
     return this.rrsEnabled = p().isFeatureEnabled("reusableRecommendationStrategy"), this._subControls.forEach((e) => {
       var o;
       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) => {
+    }), 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 B() : null, this._subControls.forEach((e) => {
       e && (e.api = this.api);
     }), `
             <div class="recommendation-controls-container">
@@ -136,12 +134,12 @@ class at extends N {
         `;
   }
   _showControlsForBlock(t) {
-    var r;
-    const e = (r = this.getContainer()) == null ? void 0 : r.querySelector(".recommendation-controls-container");
+    var n;
+    const e = (n = this.getContainer()) == null ? void 0 : n.querySelector(".recommendation-controls-container");
     if (!e)
       return;
-    const o = this._getRecommendationIdFromNode(t) === null ? null : l.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);
+    const o = this._getRecommendationIdFromNode(t) === null ? null : l.getConfig(t), r = this.rrsEnabled && !!o && (!!(o != null && o.strategyId) || ((o == null ? void 0 : o.configVersion) ?? 0) >= _), s = this.rrsEnabled && !!o && !r;
+    e.classList.toggle("strategy-block", r), e.classList.toggle("legacy-strategy-block", s);
   }
   async onRender() {
     var o;
@@ -159,9 +157,9 @@ class at extends N {
     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) => {
+    }), this._subControls.forEach((r) => {
       var s;
-      n != null && n.api && (n.currentNode = t, (s = n.onTemplateNodeUpdated) == null || s.call(n, t));
+      r != null && r.api && (r.currentNode = t, (s = r.onTemplateNodeUpdated) == null || s.call(r, t));
     });
   }
   onDestroy() {
@@ -209,8 +207,8 @@ class at extends N {
     const e = this.store.blockStates[t];
     if (!e)
       return;
-    const o = JSON.stringify(l.getConfig(this.currentNode)), n = e.syncedConfigFingerprint;
-    e.syncedConfigFingerprint = o, n !== o && (this.pendingNodeConfigWrite || this._syncNodeConfigToStore());
+    const o = JSON.stringify(l.getConfig(this.currentNode)), r = e.syncedConfigFingerprint;
+    e.syncedConfigFingerprint = o, r !== o && (this.pendingNodeConfigWrite || this._syncNodeConfigToStore());
   }
   /** Whether the deferred write would move the node's strategyId — see the caller (SD-149916). */
   _isPendingStrategyIdChange() {
@@ -221,11 +219,11 @@ class at extends N {
     const t = this.store.currentRecommendationId;
     if (!this.currentNode || !this.api || t === null)
       return;
-    const { filters: e, strategy: o, strategyId: n, size: s, nodeConfigVersion: r } = this.store.recommendationConfigs;
+    const { filters: e, strategy: o, strategyId: r, size: s, nodeConfigVersion: n } = this.store.recommendationConfigs;
     this.pendingNodeConfigWrite = {
       blockId: t,
       node: this.currentNode,
-      updates: { filters: e, strategy: o, strategyId: n, size: s, configVersion: r }
+      updates: { filters: e, strategy: o, strategyId: r, size: s, configVersion: n }
     };
   }
   /**
@@ -268,8 +266,8 @@ class at extends N {
     JSON.stringify(o.filters) === JSON.stringify(t.updates.filters) && o.strategy === t.updates.strategy && o.strategyId === t.updates.strategyId && o.size === t.updates.size || l.updateConfig(this.api, e, t.updates, "Update recommendation filters");
   }
   _syncNodeConfigToStore() {
-    var n;
-    const t = l.getConfig(this.currentNode), e = this.store.currentRecommendationId, o = e !== null && ((n = this.store.blockStates[e]) == null ? void 0 : n.isInitialized);
+    var r;
+    const t = l.getConfig(this.currentNode), e = this.store.currentRecommendationId, o = e !== null && ((r = this.store.blockStates[e]) == null ? void 0 : r.isInitialized);
     this.store.patchCurrentBlockConfig({
       strategy: t.strategy,
       strategyId: t.strategyId,
@@ -312,8 +310,8 @@ class at extends N {
     t !== null && this.store.markBlockInitialized(t), (await Promise.allSettled([
       this.store.fetchRecommendationCreateData(),
       this.store.fetchRecommendationFilters()
-    ])).forEach((o, n) => {
-      o.status === "rejected" && console.warn(`Recommendation block: ${["fetchRecommendationCreateData", "fetchRecommendationFilters"][n]} failed`, o.reason);
+    ])).forEach((o, r) => {
+      o.status === "rejected" && console.warn(`Recommendation block: ${["fetchRecommendationCreateData", "fetchRecommendationFilters"][r]} failed`, o.reason);
     }), this._applySmartDefaults();
     try {
       await this.store.fetchRecommendationProducts();
@@ -335,35 +333,35 @@ class at extends N {
     if (!this.currentNode || !this.api)
       return;
     const t = l.getConfig(this.currentNode), e = {};
-    let o = null, n = null, s = null;
+    let o = null, r = null, s = null;
     if (t.currency.code === a.currency.code) {
-      const { currencyList: r } = this.store;
-      r.length > 0 && (r.some(
+      const { currencyList: n } = this.store;
+      n.length > 0 && (n.some(
         (u) => u.value === `price.${a.currency.code}`
-      ) || (o = r[0].value.replace("price.", ""), e.currency = {
+      ) || (o = n[0].value.replace("price.", ""), e.currency = {
         ...a.currency,
         code: o,
         symbol: o
       }));
     }
     if (t.strategy === a.strategy) {
-      const r = this.store.getActivePredictiveAlgorithms;
-      r.length > 0 && (r.some(
+      const n = this.store.getActivePredictiveAlgorithms;
+      n.length > 0 && (n.some(
         (u) => u.value === a.strategy
-      ) || (n = r[0].value, e.strategy = n));
+      ) || (r = n[0].value, e.strategy = r));
     }
     if (t.language === a.language) {
-      const r = this.store.getLanguages;
-      r.length > 0 && (r.some(
+      const n = this.store.getLanguages;
+      n.length > 0 && (n.some(
         (u) => u.value === a.language
-      ) || (s = r[0].value, e.language = s));
+      ) || (s = n[0].value, e.language = s));
     }
-    !o && !n && !s || (l.updateConfig(
+    !o && !r && !s || (l.updateConfig(
       this.api,
       this.currentNode,
       e,
       "Applied smart defaults"
-    ), o && e.currency && A({
+    ), o && e.currency && w({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
       currency: e.currency
@@ -379,7 +377,7 @@ class at extends N {
           thousandSeparator: a.currency.thousandSeparator
         }
       } : {},
-      ...n ? { strategy: n } : {},
+      ...r ? { strategy: r } : {},
       ...s ? { language: s } : {}
     }, { triggerRefetch: !1 }));
   }
@@ -387,14 +385,33 @@ class at extends N {
    * Reads the recommendation-id attribute from the block element within the node
    */
   _getRecommendationIdFromNode(t) {
-    const e = B(t);
+    const e = A(t);
     if (!e || !("getAttribute" in e))
       return null;
     const o = e.getAttribute(I);
     if (!o)
       return null;
-    const n = parseInt(o);
-    return Number.isNaN(n) ? null : n;
+    const r = parseInt(o);
+    return Number.isNaN(r) ? null : r;
+  }
+  /** Draws the current block's products into this panel's node. */
+  _regenerateWithProducts() {
+    if (!this.currentNode || !this.api)
+      return;
+    const t = this.store.recommendationProducts, e = this.api.getDocumentModifier(), o = this._stagePendingNodeConfig(e);
+    if (v(this.currentNode)) {
+      o && (e.apply(new y("Update recommendation configuration")), this.pendingNodeConfigWrite = null, this._clearConfigFlush());
+      return;
+    }
+    x({
+      currentNode: this.currentNode,
+      documentModifier: e,
+      products: t
+    }) || U({
+      currentNode: this.currentNode,
+      documentModifier: e,
+      products: t
+    });
   }
   /**
    * Listen to store changes that require product refresh or regeneration.
@@ -411,15 +428,15 @@ class at extends N {
    */
   _listenStateUpdates() {
     const { store: t } = this;
-    let e = t.recommendationProducts, o = t.$state.configVersion, n = t.currentRecommendationId;
+    let e = t.recommendationProducts, o = t.$state.configVersion, r = t.currentRecommendationId;
     this.storeUnsubscription = t.$subscribe(() => {
       const s = t.currentRecommendationId;
-      if (s !== n) {
-        n = s, e = t.recommendationProducts, o = t.$state.configVersion;
+      if (s !== r) {
+        r = s, e = t.recommendationProducts, o = t.$state.configVersion;
         return;
       }
-      const r = t.$state.configVersion;
-      r !== o && (o = r, this._capturePendingNodeConfigWrite(), this._isPendingStrategyIdChange() && this._flushPendingNodeConfig(), this._debouncedFetchProducts());
+      const n = t.$state.configVersion;
+      n !== o && (o = n, this._capturePendingNodeConfigWrite(), this._isPendingStrategyIdChange() && this._flushPendingNodeConfig(), this._debouncedFetchProducts());
       const d = t.recommendationProducts, u = d !== e, f = Array.isArray(d) && d.length > 0;
       u && f && (e = d, this._debouncedRegenerateWithProducts());
     });
@@ -427,37 +444,37 @@ class at extends N {
 }
 export {
   dt as ALGORITHM_CONTROL_ID,
-  T as AlgorithmControl,
+  P as AlgorithmControl,
   W as CONTROL_BLOCK_ID,
   gt as CURRENCY_CONTROL_ID,
-  P as CurrencyControl,
+  T as CurrencyControl,
   ft as FILTERS_CONTROL_ID,
   S as FiltersControl,
   Ct as LAYOUT_ORIENTATION_CONTROL_ID,
   yt as LOCALE_CONTROL_ID,
   O as LayoutOrientationControl,
-  L as LocaleControl,
+  k as LocaleControl,
   _t as PRICE_PLACEMENT_CONTROL_ID,
   Rt as PRODUCT_COUNT_CONTROL_ID,
-  Tt as PRODUCT_LAYOUT_CONTROL_ID,
-  k as PricePlacementControl,
+  Pt as PRODUCT_LAYOUT_CONTROL_ID,
+  L as PricePlacementControl,
   E as ProductCountControl,
   F as ProductLayoutControl,
   at as RecommendationBlockControl,
   St as SHUFFLE_CONTROL_ID,
-  Lt as STRATEGY_CONTROL_ID,
+  kt as STRATEGY_CONTROL_ID,
   D as ShuffleControl,
-  w as StrategyControl,
+  B as StrategyControl,
   Et as adjustProductsToSize,
   Ft as formatProductPrice,
-  B as getBlockElement,
+  A as getBlockElement,
   Dt as getCardComposition,
-  wt as getCurrentLayout,
-  At as getMainContainerTbody,
+  Bt as getCurrentLayout,
+  wt as getMainContainerTbody,
   v as isPartnerManagedBlock,
-  Bt as regenerateMobileProductRows,
+  At as regenerateMobileProductRows,
   U as regenerateProductRowsWithStyles,
-  A as setCurrencyAttributes,
+  w as setCurrencyAttributes,
   vt as updatePricesInPlace,
   x as updateProductContentInPlace,
   xt as updateSingleProductContent