@useinsider/guido 3.19.0-beta.cac604e → 3.19.0-beta.cd25cc8

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

@@ -1,41 +1,41 @@
-var D = Object.defineProperty;
-var S = (m, c, t) => c in m ? D(m, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[c] = t;
-var _ = (m, c, t) => S(m, 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 h = (l, c, t) => C(l, typeof c != "symbol" ? c + "" : c, t);
 import { useConfig as g } from "../../../composables/useConfig.js";
-import { BlockId as T } from "../../../enums/block.js";
-import { getMigrationBannerHtml as N } from "../../../utils/migrationBannerHtml.js";
-import { Block as O, BlockCompositionType as M, ModificationDescription as h } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CURRENT_CONFIG_VERSION as w, PRE_RRS_CONFIG_VERSION as v } from "./constants/defaultConfig.js";
-import { RECOMMENDATION_ID_ATTR as d, SELECTOR_ATTRIBUTE_ROW as F, ATTR_CUSTOM_PREFIX as H, ATTR_DATA_CARD_COMPOSITION as P, ATTR_DATA_CUSTOM_ATTRIBUTES as x } from "./constants/selectors.js";
-import { regenerateMobileProductRows as $ } from "./controls/main/utils.js";
-import { ensureMobileCssRulesExist as C, setMobileLayoutOptOut as b, hasMobileLayoutOptOut as L } from "./controls/mobileLayout/cssRules.js";
+import { BlockId as D } from "../../../enums/block.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 p } from "./store/recommendation.js";
-import { getDefaultTemplate as q } from "./templates/grid/template.js";
-import { useRecommendationBlockWarning as U } from "./useRecommendationBlockWarning.js";
-import { resolveRowCompositionKey as V } from "./utils/compositionKeys.js";
-import { carriesForeignPartnerConfig as W, loadedRecommendationIds as K, withoutCustomAttributes as z } from "./utils/partnerScope.js";
-const y = T.Recommendation, f = "recommendation-block-v2", B = "hide-price";
-let E = !1;
-class at extends O {
+import { useRecommendationExtensionStore as d } from "./store/recommendation.js";
+import { getDefaultTemplate as T } from "./templates/grid/template.js";
+import { useRecommendationBlockWarning as x } from "./useRecommendationBlockWarning.js";
+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().
      */
-    _(this, "_pendingBlockId", null);
+    h(this, "_pendingBlockId", null);
     /** Ids already reset under their new name, so the deferred pass skips their stale snapshot. */
-    _(this, "_resetSourceIds", /* @__PURE__ */ new Set());
+    h(this, "_resetSourceIds", /* @__PURE__ */ new Set());
   }
   getId() {
-    return y;
+    return k;
   }
   getIcon() {
     return "recommendation-icon";
   }
   getBlockCompositionType() {
-    return M.CONTAINER;
+    return S.CONTAINER;
   }
   getName() {
     return this.api.translate("Recommendation Block");
@@ -46,8 +46,8 @@ class at extends O {
     );
   }
   getSettingsPanelTitleHtml() {
-    return N(
-      y,
+    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.")
     );
@@ -70,7 +70,7 @@ class at extends O {
    */
   getTemplate() {
     const t = this._generateNextId();
-    return this._pendingBlockId = t, q(t);
+    return this._pendingBlockId = t, T(t);
   }
   /**
    * Called when a new block is dropped into the template
@@ -98,23 +98,23 @@ class at extends O {
       t,
       {
         recommendationId: i,
-        configVersion: n ? w : v,
+        configVersion: n ? N : O,
         ...o ? { partnerName: g().partnerName.value } : {},
         // An RRS block picks a strategy, not an algorithm, and its algorithm control is
         // hidden. Keeping the `mostPopular` default would bake a most-popular feed URL
         // at save for a block the user never configured.
         ...o ? { strategy: "" } : {}
       }
-    ), u = p();
-    if (u.setCurrentBlock(i), this._stampHidePrice(t, r.priceHideIfSameAsDiscounted), a) {
-      C(this.api);
-      const l = this._getBlockElement(t);
-      l && (b(this.api, l, !0), $({
+    ), f = d();
+    if (f.setCurrentBlock(i), this._stampHidePrice(t, r.priceHideIfSameAsDiscounted), a) {
+      I(this.api);
+      const _ = this._getBlockElement(t);
+      _ && (R(this.api, _, !0), M({
         currentNode: t,
         documentModifier: this.api.getDocumentModifier()
       }));
     }
-    u.patchCurrentBlockConfig({ language: r.language }, { triggerRefetch: !1 }), this._warnIfMultipleBlocks();
+    f.patchCurrentBlockConfig({ language: r.language }, { triggerRefetch: !1 }), this._warnIfMultipleBlocks();
   }
   /**
    * Called when the document changes or template is loaded
@@ -134,13 +134,13 @@ class at extends O {
           "Assign recommendation ID to legacy block"
         );
       }
-      this._healLingeringDuplicate(t), s.needsMigration(t) && this._migrateFromLegacy(t), this._healHidePriceAttr(t), this._resetForeignPartnerConfig(t);
+      this._healLingeringDuplicate(t), s.needsMigration(t) && this._migrateFromLegacy(t), this._healHidePriceAttr(t);
       try {
-        E || (C(this.api), E = !0);
+        B || (I(this.api), B = !0);
         const e = s.getConfig(t), i = this._getBlockElement(t);
         if (i) {
           const n = !e.mobileLayoutEnabled;
-          L(i) !== n && b(this.api, i, n);
+          w(i) !== n && R(this.api, i, n);
         }
       } catch {
       }
@@ -154,7 +154,7 @@ class at extends O {
    */
   onDelete(t) {
     const e = this._getRecommendationId(t);
-    e && p().removeBlockState(e);
+    e && d().removeBlockState(e);
   }
   /**
    * Warns (dark advisory toaster) when the design holds more than one live
@@ -170,7 +170,7 @@ class at extends O {
    */
   _warnIfMultipleBlocks() {
     try {
-      U().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
+      x().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
     } catch {
     }
   }
@@ -182,9 +182,9 @@ class at extends O {
     let t = 0;
     try {
       const e = this.api.getDocumentRoot();
-      e && "querySelectorAll" in e && e.querySelectorAll(`.${f}`).forEach((n) => {
+      e && "querySelectorAll" in e && e.querySelectorAll(`.${u}`).forEach((n) => {
         if ("getAttribute" in n) {
-          const o = n.getAttribute(d), r = o ? parseInt(o) : 0;
+          const o = n.getAttribute(m), r = o ? parseInt(o) : 0;
           r > t && (t = r);
         }
       });
@@ -202,7 +202,7 @@ class at extends O {
   _scheduleArrivalReset(t) {
     g().isFeatureEnabled("reusableRecommendationStrategy") && setTimeout(() => {
       const e = this._getRecommendationId(t);
-      e !== null && e > 0 && !this._resetSourceIds.delete(e) && p().resetArrivedBlock(e);
+      e !== null && e > 0 && !this._resetSourceIds.delete(e) && d().resetArrivedBlock(e);
     }, 0);
   }
   /**
@@ -225,7 +225,7 @@ class at extends O {
         if (!i || !("querySelectorAll" in i))
           return;
         const n = i.querySelectorAll(
-          `.${f}[${d}="${e}"]`
+          `.${u}[${m}="${e}"]`
         );
         if (n.length <= 1)
           return;
@@ -250,7 +250,7 @@ class at extends O {
       const e = this.api.getDocumentRoot();
       if (e && "querySelectorAll" in e)
         return e.querySelectorAll(
-          `.${f}[${d}="${t}"]`
+          `.${u}[${m}="${t}"]`
         ).length > 1;
     } catch {
     }
@@ -258,8 +258,8 @@ class at extends O {
   }
   /** 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 = p();
-    n.cloneBlockState(e, i), n.setCurrentBlock(i), g().isFeatureEnabled("reusableRecommendationStrategy") && (this._resetSourceIds.add(e), n.resetArrivedBlock(i)), this._warnIfMultipleBlocks();
+    const i = this._reassignDuplicateId(t, e), n = d();
+    n.cloneBlockState(e, i), n.setCurrentBlock(i), g().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
@@ -292,7 +292,7 @@ class at extends O {
     if (!("getAttribute" in t))
       return;
     const n = `ins-recommendation-v3-block-${e}`, o = `ins-recommendation-v3-block-${i}`, r = this.api.getDocumentModifier();
-    r.modifyHtml(t).removeClass(n).setClass(o), r.apply(new h(
+    r.modifyHtml(t).removeClass(n).setClass(o), r.apply(new p(
       `Reassign recommendation instance class ${n} -> ${o}`
     ));
   }
@@ -307,7 +307,7 @@ class at extends O {
     if (!i)
       return;
     const n = this.api.getDocumentModifier();
-    n.modifyHtml(i).setAttribute(d, e.toString()), n.apply(new h(`Assign recommendation ID ${e}`));
+    n.modifyHtml(i).setAttribute(m, e.toString()), n.apply(new p(`Assign recommendation ID ${e}`));
   }
   /**
    * Stamps the `hide-price` attribute (read by email-service at send time) on
@@ -315,7 +315,7 @@ class at extends O {
    */
   _stampHidePrice(t, e) {
     const i = this._getBlockElement(t);
-    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(B, String(e)).apply(new h("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 —
@@ -323,43 +323,11 @@ class at extends O {
    */
   _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);
   }
-  /**
-   * Empties a block copied in from another account: its strategy and attribute types
-   * are account-scoped and would not resolve here (SD-151945). Layout, locale and
-   * currency stay. The write stamps the current account, so the next pass is a no-op.
-   */
-  _resetForeignPartnerConfig(t) {
-    var I, R;
-    const e = this._getRecommendationId(t), i = this._getBlockElement(t);
-    if (e === null || !i || !s.hasConfig(t))
-      return;
-    const { partnerName: n, template: o } = g(), r = s.getConfig(t);
-    if (!W({
-      config: r,
-      blockId: e,
-      partnerName: n.value,
-      campaignUrls: (I = o.value) == null ? void 0 : I.recommendationCampaignUrls,
-      loadedIds: K(((R = o.value) == null ? void 0 : R.html) ?? "")
-    }))
-      return;
-    const u = z(r.composition), l = this.api.getDocumentModifier();
-    i.querySelectorAll(F).forEach((k) => {
-      var A;
-      (A = V(k)) != null && A.startsWith(H) && l.modifyHtml(k).delete();
-    }), l.modifyHtml(i).setAttribute(P, u.join(",")).setAttribute(x, "[]"), s.stageConfig(l, t, {
-      strategyId: "",
-      strategy: "",
-      filters: [],
-      productIds: [],
-      composition: u,
-      partnerName: n.value
-    }), l.apply(new h("Reset recommendation block copied from another account")), p().resetPartnerScopedConfig(e);
-  }
   /**
    * Gets the recommendation-id from a block node
    */
@@ -367,7 +335,7 @@ class at extends O {
     const e = this._getBlockElement(t);
     if (!e || !("getAttribute" in e))
       return null;
-    const i = e.getAttribute(d);
+    const i = e.getAttribute(m);
     if (!i)
       return null;
     const n = parseInt(i);
@@ -379,10 +347,10 @@ class at extends O {
   _getBlockElement(t) {
     if ("getAttribute" in t) {
       const e = t.getAttribute("class");
-      if (e && e.includes(f))
+      if (e && e.includes(u))
         return t;
     }
-    return "querySelector" in t ? t.querySelector(`.${f}`) ?? null : null;
+    return "querySelector" in t ? t.querySelector(`.${u}`) ?? null : null;
   }
   /**
    * Migrate configuration from legacy format
@@ -392,6 +360,6 @@ class at extends O {
   }
 }
 export {
-  y as BLOCK_ID,
-  at as RecommendationBlock
+  k as BLOCK_ID,
+  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 c } 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 ut } 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 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 { StrategyControl as B } from "./strategy.js";
+import { STRATEGY_CONTROL_ID as kt } from "./strategy.js";
+import { setCurrencyAttributes as w, getBlockElement as v, isPartnerManagedBlock as A, 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 vt, updatePricesInPlace as At, updateSingleProductContent as xt } from "./utils.js";
 import { useDebounceFn as f } 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", f(() => {
-      const t = this.store.recommendationProducts;
       if (!this.currentNode || !this.api)
         return;
-      const e = this.api.getDocumentModifier(), o = this._stagePendingNodeConfig(e);
-      if (B(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 = h().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 : 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);
+    const o = this._getRecommendationIdFromNode(t) === null ? null : c.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(c.getConfig(this.currentNode)), n = e.syncedConfigFingerprint;
-    e.syncedConfigFingerprint = o, n !== o && (this.pendingNodeConfigWrite || this._syncNodeConfigToStore());
+    const o = JSON.stringify(c.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,16 +219,16 @@ 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, { partnerName: l } = h();
+    const { filters: e, strategy: o, strategyId: r, size: s, nodeConfigVersion: n } = this.store.recommendationConfigs, { partnerName: l } = h();
     this.pendingNodeConfigWrite = {
       blockId: t,
       node: this.currentNode,
       updates: {
         filters: e,
         strategy: o,
-        strategyId: n,
+        strategyId: r,
         size: s,
-        configVersion: r,
+        configVersion: n,
         ...l.value ? { partnerName: l.value } : {}
       }
     };
@@ -275,8 +273,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 || c.updateConfig(this.api, e, t.updates, "Update recommendation filters");
   }
   _syncNodeConfigToStore() {
-    var n;
-    const t = c.getConfig(this.currentNode), e = this.store.currentRecommendationId, o = e !== null && ((n = this.store.blockStates[e]) == null ? void 0 : n.isInitialized);
+    var r;
+    const t = c.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,
@@ -319,8 +317,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();
@@ -342,35 +340,35 @@ class at extends N {
     if (!this.currentNode || !this.api)
       return;
     const t = c.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(
         (d) => d.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(
         (d) => d.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(
         (d) => d.value === a.language
-      ) || (s = r[0].value, e.language = s));
+      ) || (s = n[0].value, e.language = s));
     }
-    !o && !n && !s || (c.updateConfig(
+    !o && !r && !s || (c.updateConfig(
       this.api,
       this.currentNode,
       e,
       "Applied smart defaults"
-    ), o && e.currency && v({
+    ), o && e.currency && w({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
       currency: e.currency
@@ -386,7 +384,7 @@ class at extends N {
           thousandSeparator: a.currency.thousandSeparator
         }
       } : {},
-      ...n ? { strategy: n } : {},
+      ...r ? { strategy: r } : {},
       ...s ? { language: s } : {}
     }, { triggerRefetch: !1 }));
   }
@@ -394,14 +392,33 @@ class at extends N {
    * Reads the recommendation-id attribute from the block element within the node
    */
   _getRecommendationIdFromNode(t) {
-    const e = A(t);
+    const e = v(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 (A(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.
@@ -418,15 +435,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 l = t.recommendationProducts, d = l !== e, m = Array.isArray(l) && l.length > 0;
       d && m && (e = l, this._debouncedRegenerateWithProducts());
     });
@@ -434,38 +451,38 @@ class at extends N {
 }
 export {
   ut 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,
-  A as getBlockElement,
+  v as getBlockElement,
   Dt as getCardComposition,
-  wt as getCurrentLayout,
-  vt as getMainContainerTbody,
-  B as isPartnerManagedBlock,
-  At as regenerateMobileProductRows,
+  Bt as getCurrentLayout,
+  wt as getMainContainerTbody,
+  A as isPartnerManagedBlock,
+  vt as regenerateMobileProductRows,
   U as regenerateProductRowsWithStyles,
-  v as setCurrencyAttributes,
-  Bt as updatePricesInPlace,
+  w as setCurrencyAttributes,
+  At as updatePricesInPlace,
   x as updateProductContentInPlace,
   xt as updateSingleProductContent
 };