@useinsider/guido 3.18.1-beta.8d3bf29 → 3.18.1-beta.c5d7fb4

package/dist/components/organisms/extensions/recommendation/RemoveStrategyModal.vue2.js

@@ -1,15 +1,17 @@
-import { defineComponent as u, computed as n } from "vue";
-import y from "../../../wrappers/WpModal.vue.js";
-import { useToaster as f } from "../../../../composables/useToaster.js";
+import { defineComponent as y, computed as n } from "vue";
+import f from "../../../wrappers/WpModal.vue.js";
+import { useToaster as u } from "../../../../composables/useToaster.js";
 import { useTranslations as _ } from "../../../../composables/useTranslations.js";
-import { ToasterTypeOptions as v } from "../../../../enums/toaster.js";
-import { useRecommendationExtensionStore as T } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import { commitBlockChangeOutsidePanel as h } from "../../../../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
-import { escapeHtml as R } from "../../../../utils/htmlEscape.js";
-const P = /* @__PURE__ */ u({
+import { ToasterTypeOptions as R } from "../../../../enums/toaster.js";
+import "../../../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { CURRENT_CONFIG_VERSION as T } from "../../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { useRecommendationExtensionStore as v } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { commitBlockChangeOutsidePanel as N } from "../../../../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
+import { escapeHtml as S } from "../../../../utils/htmlEscape.js";
+const w = /* @__PURE__ */ y({
   __name: "RemoveStrategyModal",
-  setup(S) {
-    const t = _(), e = T(), { showToaster: a } = f(), i = n(() => ({
+  setup(h) {
+    const t = _(), e = v(), { showToaster: a } = u(), i = n(() => ({
       cancelOrBackButton: {
         type: "secondary",
         labelText: t("products.cancel"),
@@ -20,38 +22,38 @@ const P = /* @__PURE__ */ u({
         labelText: t("discovery-strategy.remove")
       }
     })), m = n(() => {
-      var o;
-      const { strategyId: r } = e.recommendationConfigs;
-      return ((o = e.assignedStrategy) == null ? void 0 : o.name) || `#${r}`;
+      var r;
+      const { strategyId: o } = e.recommendationConfigs;
+      return o ? ((r = e.assignedStrategy) == null ? void 0 : r.name) || `#${o}` : t("ds-steps.legacy-strategy");
     }), s = "__STRATEGY_NAME__", d = n(() => t("email-editor.remove-strategy-confirm-message", { strategyName: s }).split(s)), c = () => {
       e.closeRemoveStrategyModal();
     };
     return { __sfc: !0, trans: t, store: e, showToaster: a, footerButtonOptions: i, strategyName: m, NAME_TOKEN: s, messageParts: d, close: c, handleConfirm: async () => {
-      const r = m.value, o = e.currentRecommendationId;
+      const o = m.value, r = e.currentRecommendationId;
       e.removeStrategy(), c();
       const { strategyId: l, size: g } = e.recommendationConfigs;
       if (a({
-        type: v.Success,
+        type: R.Success,
         // The toast renders through a sanitizing v-html, so the name is escaped first.
         message: t("email-editor.strategy-removed-success", {
-          strategyName: `<b>${R(r)}</b>`
+          strategyName: `<b>${S(o)}</b>`
         })
-      }), o !== null) {
+      }), r !== null) {
         try {
           await e.fetchRecommendationProducts();
         } catch (p) {
           console.error("[RemoveStrategyModal] product refetch failed", p);
         }
-        h(
-          o,
-          { strategyId: l, size: g },
+        N(
+          r,
+          { strategyId: l, size: g, configVersion: T },
           e.recommendationProducts,
           "Removed recommendation strategy"
         );
       }
-    }, WpModal: y };
+    }, WpModal: f };
   }
 });
 export {
-  P as default
+  w as default
 };

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

@@ -1,25 +1,25 @@
 var p = Object.defineProperty;
-var S = (i, s, t) => s in i ? p(i, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[s] = t;
-var r = (i, s, t) => S(i, typeof s != "symbol" ? s + "" : s, t);
-import { useLegacyStrategyConversion as v } from "../../../../../composables/useLegacyStrategyConversion.js";
+var v = (i, s, t) => s in i ? p(i, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[s] = t;
+var r = (i, s, t) => v(i, typeof s != "symbol" ? s + "" : s, t);
+import { useLegacyStrategyConversion as _ } from "../../../../../composables/useLegacyStrategyConversion.js";
 import { ACADEMY_LINKS as b } from "../../../../../enums/academy.js";
-import { useOnboardingStore as _ } from "../../../../../stores/onboarding.js";
+import { useOnboardingStore as S } from "../../../../../stores/onboarding.js";
 import { CommonControl as f } from "../../../common-control.js";
-import { useRecommendationExtensionStore as C } from "../../store/recommendation.js";
-const $ = "recommendation-strategy-control";
+import { useRecommendationExtensionStore as $ } from "../../store/recommendation.js";
+const C = "recommendation-strategy-control";
 class N extends f {
   constructor() {
     super(...arguments);
-    r(this, "store", C());
-    r(this, "onboardingStore", _());
-    r(this, "legacyConversion", v());
+    r(this, "store", $());
+    r(this, "onboardingStore", S());
+    r(this, "legacyConversion", _());
     r(this, "storeUnsubscription", () => {
     });
     r(this, "listeners", []);
     r(this, "lastPaintedState", null);
   }
   getId() {
-    return $;
+    return C;
   }
   getTemplate() {
     const t = this.api.translate(
@@ -78,6 +78,11 @@ class N extends f {
       id: "guido__btn-change-legacy-strategy",
       label: this.api.translate("Change"),
       modifier: "change"
+    })}
+                        ${this._strategyAction({
+      id: "guido__btn-remove-legacy-strategy",
+      label: this.api.translate("Remove"),
+      modifier: "remove"
     })}
                     </div>
                 </div>
@@ -134,19 +139,19 @@ class N extends f {
       const n = t.querySelector(a);
       n && (n.addEventListener("click", o), this.listeners.push({ element: n, handler: o }));
     };
-    e("#guido__btn-assign-strategy", () => this.store.openAssignStrategyDrawer()), e("#guido__btn-change-strategy", () => this.store.openAssignStrategyDrawer()), e("#guido__btn-change-legacy-strategy", () => this.store.openAssignStrategyDrawer()), e("#guido__btn-remove-strategy", () => this.store.openRemoveStrategyModal()), e("#guido__btn-update-legacy-strategy", () => {
+    e("#guido__btn-assign-strategy", () => this.store.openAssignStrategyDrawer()), e("#guido__btn-change-strategy", () => this.store.openAssignStrategyDrawer()), e("#guido__btn-change-legacy-strategy", () => this.store.openAssignStrategyDrawer()), e("#guido__btn-remove-strategy", () => this.store.openRemoveStrategyModal()), e("#guido__btn-remove-legacy-strategy", () => this.store.openRemoveStrategyModal()), e("#guido__btn-update-legacy-strategy", () => {
       this.legacyConversion.convertLegacyStrategy();
     });
   }
   _renderState() {
-    var m;
-    const { strategyId: t } = this.store.recommendationConfigs, e = t ? ((m = this.store.assignedStrategy) == null ? void 0 : m.name) ?? "" : "", a = this.store.legacyConversionLoading, o = this.store.isLegacyStrategyBlock, n = `${t}\0${e}\0${a}\0${o}`;
+    var h;
+    const { strategyId: t } = this.store.recommendationConfigs, e = t ? ((h = this.store.assignedStrategy) == null ? void 0 : h.name) ?? "" : "", a = this.store.legacyConversionLoading, o = this.store.isLegacyStrategyBlock, n = `${t}\0${e}\0${a}\0${o}`;
     if (n === this.lastPaintedState)
       return;
     const c = this.getContainer();
     if (!c)
       return;
-    const d = c.querySelector("[data-strategy-empty-state]"), y = c.querySelector("[data-strategy-assigned-state]"), g = c.querySelector("[data-strategy-legacy-state]"), h = c.querySelector("[data-strategy-name]");
+    const d = c.querySelector("[data-strategy-empty-state]"), y = c.querySelector("[data-strategy-assigned-state]"), g = c.querySelector("[data-strategy-legacy-state]"), m = c.querySelector("[data-strategy-name]");
     if (!d || !y || !g)
       return;
     const u = t ? y : o ? g : d;
@@ -154,10 +159,10 @@ class N extends f {
       l.style.display = l === u ? "" : "none";
     }), g.querySelectorAll("button").forEach((l) => {
       l.disabled = a;
-    }), g.classList.toggle("is-converting", a), h && t && (h.textContent = e || `#${t}`), this.lastPaintedState = n;
+    }), g.classList.toggle("is-converting", a), m && t && (m.textContent = e || `#${t}`), this.lastPaintedState = n;
   }
 }
 export {
-  $ as STRATEGY_CONTROL_ID,
+  C as STRATEGY_CONTROL_ID,
   N as StrategyControl
 };

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

@@ -94,9 +94,9 @@ function j(e, t = {}) {
   const u = s ?? P(n), l = y.getConfig(n);
   if (u === "list" || !l.mobileLayoutEnabled)
     return te({ currentNode: n, documentModifier: o });
-  const c = A(), a = $(r, c.recommendationProducts), f = i ?? U(n, c.filterList), p = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${k(a, u, {
+  const c = A(), f = $(r, c.recommendationProducts), a = i ?? U(n, c.filterList), p = `<td><table class="ins-recommendation-product-container ins-recommendation-mobile-container" width="100%" cellpadding="0" cellspacing="0" border="0">${k(f, u, {
     productsPerRow: l.mobileCardsInRow,
-    composition: f,
+    composition: a,
     filterList: c.filterList,
     priceInline: !l.priceMovedToNextLine,
     // Match the initial render's gutter so a regeneration never changes block height (SD-143023, #386).
@@ -122,9 +122,9 @@ function ie(e, t = {}) {
   const u = n.querySelector(L) ?? n.querySelector(W);
   if (!u)
     return !1;
-  const l = A(), c = $(r, l.recommendationProducts), { cardsInRow: a } = y.getConfig(n), f = i ?? U(n, l.filterList), d = s ?? P(n), p = y.getConfig(n), E = k(c, d, {
-    productsPerRow: a,
-    composition: f,
+  const l = A(), c = $(r, l.recommendationProducts), { cardsInRow: f } = y.getConfig(n), a = i ?? U(n, l.filterList), d = s ?? P(n), p = y.getConfig(n), E = k(c, d, {
+    productsPerRow: f,
+    composition: a,
     filterList: l.filterList,
     priceInline: !p.priceMovedToNextLine,
     // Match the initial render's gutter so a regeneration never changes block height (SD-143023, #386).
@@ -153,10 +153,10 @@ function ce(e, t, n) {
     return !1;
   const s = A(), i = r.split(",").filter(Boolean), u = D(i, o, s.filterList), l = [], c = u.join(",") !== i.join(",");
   c && l.push([R, u.join(",")]);
-  const a = le(
+  const f = le(
     o.getAttribute(q)
-  ), f = a && z(a, o, s.filterList);
-  if (a && f && f.join(",") !== a.join(",") && l.push([q, JSON.stringify(f)]), l.length === 0)
+  ), a = f && z(f, o, s.filterList);
+  if (f && a && a.join(",") !== f.join(",") && l.push([q, JSON.stringify(a)]), l.length === 0)
     return !1;
   if (l.forEach(([d, p]) => {
     t.modifyHtml(o).setAttribute(d, p);
@@ -177,19 +177,20 @@ function Te(e) {
     products: r,
     layout: s,
     composition: i,
-    skipStylePreservation: u
+    skipStylePreservation: u,
+    forceApply: l = !1
   } = e;
   if (!t)
     return;
-  const l = u ? {} : x(t), c = {
+  const c = u ? {} : x(t), f = {
     currentNode: t,
     documentModifier: n,
     products: r,
     layout: s,
     composition: i
   };
-  let a = ie(c, l);
-  a = j(c, l) || a, a && (ce(t, n, i), n.apply(new S("Regenerate products with styles"))), o == null || o();
+  let a = ie(f, c);
+  a = j(f, c) || a, a && ce(t, n, i), (a || l) && n.apply(new S("Regenerate products with styles")), o == null || o();
 }
 function Re(e, t) {
   return e.length === t ? e : e.length > t ? e.slice(0, t) : [...e, ...H(t - e.length)];
@@ -250,16 +251,16 @@ function se(e) {
     omnibusDiscountEl: l,
     buttonEl: c
   } = e;
-  let a = !1;
+  let f = !1;
   if (o && "querySelector" in o) {
-    const f = o.querySelector("img");
-    f && (t.modifyHtml(f).setAttribute("src", X(n.image_url)).setAttribute("alt", n.name), a = !0);
+    const a = o.querySelector("img");
+    a && (t.modifyHtml(a).setAttribute("src", X(n.image_url)).setAttribute("alt", n.name), f = !0);
     const d = o.querySelector("a");
-    d && (t.modifyHtml(d).setAttribute("href", n.url), a = !0);
+    d && (t.modifyHtml(d).setAttribute("href", n.url), f = !0);
   }
   if (r && "querySelector" in r) {
-    const f = r.querySelector("strong") ?? r.querySelector("p");
-    b(t, f ?? null, n.name) && (a = !0);
+    const a = r.querySelector("strong") ?? r.querySelector("p");
+    b(t, a ?? null, n.name) && (f = !0);
   }
   if (K({
     documentModifier: t,
@@ -268,11 +269,11 @@ function se(e) {
     oldPriceEl: i,
     omnibusPriceEl: u,
     omnibusDiscountEl: l
-  }) && (a = !0), c && "querySelector" in c) {
-    const f = c.querySelector("a.es-button") || c.querySelector("a");
-    f && (t.modifyHtml(f).setAttribute("href", n.url), a = !0);
+  }) && (f = !0), c && "querySelector" in c) {
+    const a = c.querySelector("a.es-button") || c.querySelector("a");
+    a && (t.modifyHtml(a).setAttribute("href", n.url), f = !0);
   }
-  return a;
+  return f;
 }
 function V(e) {
   return "querySelector" in e ? e.querySelector(L) ?? e : e;
@@ -308,14 +309,14 @@ function fe(e, t, n) {
   let s = !1;
   return r.forEach((i, u) => {
     const l = Math.min(i.length, n.length);
-    i.slice(0, l).forEach((c, a) => {
+    i.slice(0, l).forEach((c, f) => {
       if (!("querySelector" in c))
         return;
-      const f = ae(u, n[a]);
-      if (f === null)
+      const a = ae(u, n[f]);
+      if (a === null)
         return;
       const d = c.querySelector("p") ?? null;
-      b(t, d, f) && (s = !0);
+      b(t, d, a) && (s = !0);
     });
   }), s;
 }
@@ -336,9 +337,9 @@ function O(e, t, n) {
     `[esd-extension-block-id="${m.OMNIBUS_DISCOUNT}"]`
   ), c = e.querySelectorAll(
     `[esd-extension-block-id="${m.BUTTON}"]`
-  ), a = Math.min(o.length, n.length);
-  let f = !1;
-  for (let d = 0; d < a; d++) {
+  ), f = Math.min(o.length, n.length);
+  let a = !1;
+  for (let d = 0; d < f; d++) {
     const p = se({
       documentModifier: t,
       product: n[d],
@@ -350,33 +351,33 @@ function O(e, t, n) {
       omnibusDiscountEl: l[d] ?? null,
       buttonEl: c[d] ?? null
     });
-    f = f || p;
+    a = a || p;
   }
-  return fe(e, t, n) && (f = !0), f;
+  return fe(e, t, n) && (a = !0), a;
 }
 function qe(e) {
-  const { currentNode: t, documentModifier: n, products: o } = e;
+  const { currentNode: t, documentModifier: n, products: o, forceApply: r = !1 } = e;
   if (!t || !("querySelectorAll" in t))
     return !1;
-  const r = V(t);
-  if (!("querySelectorAll" in r) || r.querySelectorAll(
+  const s = V(t);
+  if (!("querySelectorAll" in s) || s.querySelectorAll(
     `[esd-extension-block-id="${m.IMAGE}"]`
   ).length !== o.length)
     return !1;
-  let i = O(r, n, o);
-  const u = P(t), l = y.getConfig(t);
-  if (u !== "list" && l.mobileLayoutEnabled && "querySelector" in t) {
-    const c = t.querySelector(N);
-    if (c) {
+  let u = O(s, n, o);
+  const l = P(t), c = y.getConfig(t);
+  if (l !== "list" && c.mobileLayoutEnabled && "querySelector" in t) {
+    const f = t.querySelector(N);
+    if (f) {
       const a = O(
-        c,
+        f,
         n,
         o
       );
-      i = i || a;
+      u = u || a;
     }
   }
-  return i && n.apply(new S("Updated product content in-place")), !0;
+  return (u || r) && n.apply(new S("Updated product content in-place")), !0;
 }
 function _(e, t, n) {
   if (!("querySelectorAll" in e))
@@ -417,8 +418,8 @@ function Me(e) {
   if (u !== "list" && l.mobileLayoutEnabled && "querySelector" in t) {
     const c = t.querySelector(N);
     if (c) {
-      const a = _(c, n, r);
-      i = i || a;
+      const f = _(c, n, r);
+      i = i || f;
     }
   }
   return i && n.apply(new S("Updated price formatting in-place")), i;

package/dist/extensions/Blocks/Recommendation/store/recommendation.js

@@ -1,12 +1,12 @@
-import { getRecommendationFeedSourceMaps as b, getOperatorOptions as D, PriceAttributes as F } from "../../../../enums/extensions/recommendationBlock.js";
+import { getRecommendationFeedSourceMaps as R, getOperatorOptions as D, PriceAttributes as F } from "../../../../enums/extensions/recommendationBlock.js";
 import { useRecommendationApi as P } from "../../../../services/recommendationApi.js";
-import { useConfigStore as R } from "../../../../stores/config.js";
+import { useConfigStore as k } from "../../../../stores/config.js";
 import { defineStore as L } from "pinia";
 import "../constants/selectors.js";
 import { DEFAULT_MOBILE_CARDS_IN_ROW as U, DEFAULT_CARDS_IN_ROW as _ } from "../constants/layout.js";
-import { DEFAULT_NODE_CONFIG as N, CURRENT_CONFIG_VERSION as w, EXCLUDED_ALGORITHM_IDS as M } from "../constants/defaultConfig.js";
-import { getDefaultProducts as k } from "../templates/utils.js";
-import { generateCompleteFilterQuery as C } from "../utils/filterUtil.js";
+import { CURRENT_CONFIG_VERSION as y, DEFAULT_NODE_CONFIG as N, EXCLUDED_ALGORITHM_IDS as M } from "../constants/defaultConfig.js";
+import { getDefaultProducts as C } from "../templates/utils.js";
+import { generateCompleteFilterQuery as v } from "../utils/filterUtil.js";
 import { isLegacyStrategyConfig as x } from "../utils/legacyStrategyMigration.js";
 import { getPartnerRecommendationParams as z } from "../utils/partnerCustomizations.js";
 import { sanitizeProductIds as B } from "../utils/productIds.js";
@@ -39,7 +39,7 @@ function G() {
     shuffleProducts: !1,
     strategy: "mostPopular",
     strategyId: "",
-    nodeConfigVersion: w,
+    nodeConfigVersion: y,
     textTrimming: !0,
     unresponsive: !1,
     size: "6",
@@ -48,7 +48,7 @@ function G() {
     priceHideIfSameAsDiscounted: !1
   };
 }
-function v() {
+function w() {
   return {
     recommendationConfigs: G(),
     recommendationProducts: [],
@@ -107,7 +107,7 @@ const E = () => ({
       return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].removeStrategyModalStatus : !1;
     },
     isLegacyStrategyBlock() {
-      return R().isFeatureEnabled("reusableRecommendationStrategy") && x(this.recommendationConfigs);
+      return k().isFeatureEnabled("reusableRecommendationStrategy") && x(this.recommendationConfigs);
     },
     legacyConversionLoading(t) {
       return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].legacyConversionLoading : !1;
@@ -150,7 +150,7 @@ const E = () => ({
       return [...new Set(t.map((e) => e.filterGroup))].sort((e, r) => e - r);
     },
     getActivePredictiveAlgorithms: (t) => {
-      const e = b(), r = [];
+      const e = R(), r = [];
       return t.activePredictiveAlgorithms.filter((n) => !M.includes(n)).forEach((n) => {
         r.push(...e.filter((s) => s.id === n));
       }), r.map((n) => ({
@@ -191,7 +191,7 @@ const E = () => ({
     setCurrentBlock(t) {
       this.blockStates[t] || (this.blockStates = {
         ...this.blockStates,
-        [t]: v()
+        [t]: w()
       }), this.currentRecommendationId = t;
     },
     /**
@@ -259,7 +259,7 @@ const E = () => ({
         decimalCount: String(e.currencyDecimalCount),
         decimalSeparator: r(e.currencyDecimalSeparator, ","),
         thousandSeparator: r(e.currencyThousandSeparator, ".")
-      }, s = !this.blockStates[t], i = s ? v() : this.blockStates[t];
+      }, s = !this.blockStates[t], i = s ? w() : this.blockStates[t];
       i.recommendationConfigs = {
         ...i.recommendationConfigs,
         strategy: e.strategy,
@@ -414,7 +414,7 @@ const E = () => ({
         return s.recommendationConfigs = {
           ...s.recommendationConfigs,
           strategyId: r,
-          nodeConfigVersion: w,
+          nodeConfigVersion: y,
           ...(n == null ? void 0 : n.size) !== void 0 ? { size: String(n.size) } : {}
         }, this.currentRecommendationId === e && this.configVersion++, r;
       } finally {
@@ -422,7 +422,11 @@ const E = () => ({
       }
     },
     removeStrategy() {
-      this.patchCurrentBlockConfig({ strategyId: "", size: N.size });
+      this.patchCurrentBlockConfig({
+        strategyId: "",
+        size: N.size,
+        nodeConfigVersion: y
+      });
     },
     // ====================================================================
     // Shared Data Fetching (fetched once, used by all blocks)
@@ -532,7 +536,7 @@ const E = () => ({
       }), e.recommendationConfigs.filters = r;
     },
     generateFilterQuery() {
-      return C(this.recommendationConfigs.filters);
+      return v(this.recommendationConfigs.filters);
     },
     /**
      * Validation-only check invoked at save-CTA time. Defined as an action
@@ -561,12 +565,12 @@ const E = () => ({
     },
     async _doFetchProducts() {
       var d;
-      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = R();
+      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = k();
       if (r.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy")) {
         await this._doFetchStrategyProducts(t);
         return;
       }
-      const s = r.filters.filter((u) => u.isValid), i = C(s), o = ((d = b().find((u) => u.key === r.strategy)) == null ? void 0 : d.path) || "", c = parseInt(r.size) || 6, a = {
+      const s = r.filters.filter((u) => u.isValid), i = v(s), o = ((d = R().find((u) => u.key === r.strategy)) == null ? void 0 : d.path) || "", c = parseInt(r.size) || 6, a = {
         locale: r.language,
         currency: r.currencySettings.value,
         partnerName: n.partnerName,
@@ -598,8 +602,8 @@ const E = () => ({
         );
         if (i) {
           s = parseInt(String(i.size ?? "")) || s;
-          const o = r.currencySettings.value, a = (await this.resolveStrategyUrlTemplate(i, o)).replaceAll("{locale}", r.language).replaceAll("{currency}", o), l = a.indexOf("?"), d = l === -1 ? a : a.slice(0, l), u = (l === -1 ? "" : a.slice(l + 1)).split("&").filter((I) => I && !I.startsWith("user_id=")), y = u.length ? `${d}?${u.join("&")}` : d;
-          y && (n = await m.fetchRecommendationProductsByUrl(y));
+          const o = r.currencySettings.value, a = (await this.resolveStrategyUrlTemplate(i, o)).replaceAll("{locale}", r.language).replaceAll("{currency}", o), l = a.indexOf("?"), d = l === -1 ? a : a.slice(0, l), u = (l === -1 ? "" : a.slice(l + 1)).split("&").filter((b) => b && !b.startsWith("user_id=")), I = u.length ? `${d}?${u.join("&")}` : d;
+          I && (n = await m.fetchRecommendationProductsByUrl(I));
         }
       } catch {
         n = [];
@@ -609,10 +613,10 @@ const E = () => ({
     _setBlockProducts(t, e, r) {
       if (!this.blockStates[t])
         return;
-      const n = e.length > 0 ? e : k(r);
+      const n = e.length > 0 ? e : C(r);
       this.blockStates[t].recommendationProducts = [
         ...n.slice(0, r),
-        ...k(Math.max(0, r - n.length))
+        ...C(Math.max(0, r - n.length))
       ];
     }
   }

package/dist/extensions/Blocks/Recommendation/utils/nodeConfigWriter.js

@@ -1,12 +1,12 @@
 import { ModificationDescription as f } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { RECOMMENDATION_ID_ATTR as m } from "../constants/selectors.js";
-import { isPartnerManagedBlock as a, updateProductContentInPlace as d, regenerateProductRowsWithStyles as l } from "../controls/main/utils.js";
-import { RecommendationConfigService as s } from "../services/configService.js";
+import { isPartnerManagedBlock as l, updateProductContentInPlace as a, regenerateProductRowsWithStyles as d } from "../controls/main/utils.js";
+import { RecommendationConfigService as p } from "../services/configService.js";
 let e = null;
-function N(r) {
+function M(r) {
   e = r;
 }
-function D(r, c, i, u) {
+function N(r, c, i, u) {
   const n = e == null ? void 0 : e.getDocumentRootHtmlNode();
   if (!e || !n || !("querySelector" in n))
     return !1;
@@ -14,9 +14,9 @@ function D(r, c, i, u) {
   if (!t)
     return !1;
   const o = e.getDocumentModifier();
-  return s.stageConfig(o, t, c), a(t) ? (o.apply(new f(u)), !0) : (d({ currentNode: t, documentModifier: o, products: i }) || l({ currentNode: t, documentModifier: o, products: i }), !0);
+  return p.stageConfig(o, t, c), l(t) ? (o.apply(new f(u)), !0) : (a({ currentNode: t, documentModifier: o, products: i, forceApply: !0 }) || d({ currentNode: t, documentModifier: o, products: i, forceApply: !0 }), !0);
 }
 export {
-  D as commitBlockChangeOutsidePanel,
-  N as registerNodeConfigWriter
+  N as commitBlockChangeOutsidePanel,
+  M as registerNodeConfigWriter
 };

package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts

@@ -88,6 +88,8 @@ export interface RegenerateWithStylesOptions extends Omit<RegenerateProductRowsO
     products?: RecommendationProduct[];
     /** Optional: pass layout directly to avoid stale DOM reads after setAttribute */
     layout?: Orientation;
+    /** Applies the batch even when the rows are unchanged, for callers that staged their own edits. */
+    forceApply?: boolean;
 }
 /**
  * Regenerates product rows while preserving user-applied styles, in a SINGLE commit.
@@ -151,6 +153,8 @@ export interface UpdateProductContentInPlaceOptions {
     currentNode: ImmutableHtmlNode | null | undefined;
     documentModifier: DocumentModifier;
     products: RecommendationProduct[];
+    /** Applies the batch even when the cards are unchanged, for callers that staged their own edits. */
+    forceApply?: boolean;
 }
 /**
  * Updates product content in-place without regenerating HTML structure.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.18.1-beta.8d3bf29",
+  "version": "3.18.1-beta.c5d7fb4",
   "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",