@useinsider/guido 3.18.2-beta.ec25841 → 3.18.2-beta.f42547e

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

@@ -87,21 +87,21 @@ function j(e, t = {}) {
     documentModifier: o,
     products: r,
     layout: s,
-    composition: i
+    composition: l
   } = e;
   if (!n || !("querySelector" in n))
     return !1;
-  const u = s ?? P(n), l = y.getConfig(n);
-  if (u === "list" || !l.mobileLayoutEnabled)
+  const u = s ?? P(n), i = y.getConfig(n);
+  if (u === "list" || !i.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, {
-    productsPerRow: l.mobileCardsInRow,
+  const c = A(), a = $(r, c.recommendationProducts), f = l ?? 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, {
+    productsPerRow: i.mobileCardsInRow,
     composition: f,
     filterList: c.filterList,
-    priceInline: !l.priceMovedToNextLine,
+    priceInline: !i.priceMovedToNextLine,
     // Match the initial render's gutter so a regeneration never changes block height (SD-143023, #386).
-    cellPadding: v(l.mobileColumnSpacing),
-    rowSpacingPx: l.mobileRowSpacing,
+    cellPadding: v(i.mobileColumnSpacing),
+    rowSpacingPx: i.mobileRowSpacing,
     ...t
   })}</table></td>`, E = n.querySelector(w);
   return E ? (o.modifyHtml(E).setInnerHtml(p), !0) : (re(n, o, p), !1);
@@ -115,17 +115,17 @@ function ie(e, t = {}) {
     documentModifier: o,
     products: r,
     layout: s,
-    composition: i
+    composition: l
   } = e;
   if (!n || !("querySelector" in n))
     return !1;
   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, {
+  const i = A(), c = $(r, i.recommendationProducts), { cardsInRow: a } = y.getConfig(n), f = l ?? U(n, i.filterList), d = s ?? P(n), p = y.getConfig(n), E = k(c, d, {
     productsPerRow: a,
     composition: f,
-    filterList: l.filterList,
+    filterList: i.filterList,
     priceInline: !p.priceMovedToNextLine,
     // Match the initial render's gutter so a regeneration never changes block height (SD-143023, #386).
     cellPadding: v(p.columnSpacing),
@@ -151,14 +151,14 @@ function ce(e, t, n) {
   const r = o.getAttribute(R);
   if (!r)
     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 s = A(), l = r.split(",").filter(Boolean), u = D(l, o, s.filterList), i = [], c = u.join(",") !== l.join(",");
+  c && i.push([R, u.join(",")]);
   const a = 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)
+  if (a && f && f.join(",") !== a.join(",") && i.push([q, JSON.stringify(f)]), i.length === 0)
     return !1;
-  if (l.forEach(([d, p]) => {
+  if (i.forEach(([d, p]) => {
     t.modifyHtml(o).setAttribute(d, p);
   }), c && y.hasConfig(e)) {
     const d = {
@@ -176,20 +176,20 @@ function Te(e) {
     afterRegenerate: o,
     products: r,
     layout: s,
-    composition: i,
+    composition: l,
     skipStylePreservation: u
   } = e;
   if (!t)
-    return;
-  const l = u ? {} : x(t), c = {
+    return !1;
+  const i = u ? {} : x(t), c = {
     currentNode: t,
     documentModifier: n,
     products: r,
     layout: s,
-    composition: i
+    composition: l
   };
-  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(c, i);
+  return a = j(c, i) || a, a && (ce(t, n, l), n.apply(new S("Regenerate products with styles"))), o == null || o(), a;
 }
 function Re(e, t) {
   return e.length === t ? e : e.length > t ? e.slice(0, t) : [...e, ...H(t - e.length)];
@@ -213,28 +213,28 @@ function T(e, t = "price") {
   });
 }
 function ue(e) {
-  var s, i;
-  const t = F(), n = ((s = e.original_price) == null ? void 0 : s[t.code]) ?? Object.values(e.original_price ?? {})[0] ?? 0, o = ((i = e.price) == null ? void 0 : i[t.code]) ?? Object.values(e.price ?? {})[0] ?? 0, r = n > 0 ? Math.round((n - o) / n * 100) : 0;
+  var s, l;
+  const t = F(), n = ((s = e.original_price) == null ? void 0 : s[t.code]) ?? Object.values(e.original_price ?? {})[0] ?? 0, o = ((l = e.price) == null ? void 0 : l[t.code]) ?? Object.values(e.price ?? {})[0] ?? 0, r = n > 0 ? Math.round((n - o) / n * 100) : 0;
   return r > 0 ? `-${r}%` : "0%";
 }
 function K(e) {
-  const { documentModifier: t, product: n, priceEl: o, oldPriceEl: r, omnibusPriceEl: s, omnibusDiscountEl: i } = e;
+  const { documentModifier: t, product: n, priceEl: o, oldPriceEl: r, omnibusPriceEl: s, omnibusDiscountEl: l } = e;
   let u = !1;
   if (o && "querySelector" in o) {
-    const l = o.querySelector("strong") ?? o.querySelector("p"), c = T(n, "price");
-    b(t, l ?? null, c) && (u = !0);
+    const i = o.querySelector("strong") ?? o.querySelector("p"), c = T(n, "price");
+    b(t, i ?? null, c) && (u = !0);
   }
   if (r && "querySelector" in r) {
-    const l = r.querySelector("strong") ?? r.querySelector("p"), c = T(n, "original_price");
-    b(t, l ?? null, c) && (u = !0), t.modifyHtml(r).setAttribute("data-same-price", String(Q(n))), u = !0;
+    const i = r.querySelector("strong") ?? r.querySelector("p"), c = T(n, "original_price");
+    b(t, i ?? null, c) && (u = !0), t.modifyHtml(r).setAttribute("data-same-price", String(Q(n))), u = !0;
   }
   if (s && "querySelector" in s) {
-    const l = s.querySelector(".omnibus-price-value") ?? null, c = T(n, "original_price");
-    b(t, l, c) && (u = !0);
+    const i = s.querySelector(".omnibus-price-value") ?? null, c = T(n, "original_price");
+    b(t, i, c) && (u = !0);
   }
-  if (i && "querySelector" in i) {
-    const l = i.querySelector(".omnibus-discount-value") ?? null, c = ue(n);
-    b(t, l, c) && (u = !0);
+  if (l && "querySelector" in l) {
+    const i = l.querySelector(".omnibus-discount-value") ?? null, c = ue(n);
+    b(t, i, c) && (u = !0);
   }
   return u;
 }
@@ -245,9 +245,9 @@ function se(e) {
     imageEl: o,
     nameEl: r,
     priceEl: s,
-    oldPriceEl: i,
+    oldPriceEl: l,
     omnibusPriceEl: u,
-    omnibusDiscountEl: l,
+    omnibusDiscountEl: i,
     buttonEl: c
   } = e;
   let a = !1;
@@ -265,9 +265,9 @@ function se(e) {
     documentModifier: t,
     product: n,
     priceEl: s,
-    oldPriceEl: i,
+    oldPriceEl: l,
     omnibusPriceEl: u,
-    omnibusDiscountEl: l
+    omnibusDiscountEl: i
   }) && (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);
@@ -296,19 +296,19 @@ function fe(e, t, n) {
   if (o.length === 0)
     return !1;
   const r = /* @__PURE__ */ new Map();
-  o.forEach((i) => {
-    if (!("getAttribute" in i))
+  o.forEach((l) => {
+    if (!("getAttribute" in l))
       return;
-    const u = i.getAttribute(Y);
+    const u = l.getAttribute(Y);
     if (!u)
       return;
-    const l = r.get(u) ?? [];
-    l.push(i), r.set(u, l);
+    const i = r.get(u) ?? [];
+    i.push(l), r.set(u, i);
   });
   let s = !1;
-  return r.forEach((i, u) => {
-    const l = Math.min(i.length, n.length);
-    i.slice(0, l).forEach((c, a) => {
+  return r.forEach((l, u) => {
+    const i = Math.min(l.length, n.length);
+    l.slice(0, i).forEach((c, a) => {
       if (!("querySelector" in c))
         return;
       const f = ae(u, n[a]);
@@ -328,11 +328,11 @@ function O(e, t, n) {
     `[esd-extension-block-id="${m.NAME}"]`
   ), s = e.querySelectorAll(
     `[esd-extension-block-id="${m.PRICE}"]`
-  ), i = e.querySelectorAll(
+  ), l = e.querySelectorAll(
     `[esd-extension-block-id="${m.OLD_PRICE}"]`
   ), u = e.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_PRICE}"]`
-  ), l = e.querySelectorAll(
+  ), i = e.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_DISCOUNT}"]`
   ), c = e.querySelectorAll(
     `[esd-extension-block-id="${m.BUTTON}"]`
@@ -345,9 +345,9 @@ function O(e, t, n) {
       imageEl: o[d] ?? null,
       nameEl: r[d] ?? null,
       priceEl: s[d] ?? null,
-      oldPriceEl: i[d] ?? null,
+      oldPriceEl: l[d] ?? null,
       omnibusPriceEl: u[d] ?? null,
-      omnibusDiscountEl: l[d] ?? null,
+      omnibusDiscountEl: i[d] ?? null,
       buttonEl: c[d] ?? null
     });
     f = f || p;
@@ -355,28 +355,28 @@ function O(e, t, n) {
   return fe(e, t, n) && (f = !0), f;
 }
 function qe(e) {
-  const { currentNode: t, documentModifier: n, products: o } = e;
+  const { currentNode: t, documentModifier: n, products: o, onApplied: r } = 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) {
-      const a = O(
-        c,
+  let u = O(s, n, o);
+  const i = P(t), c = y.getConfig(t);
+  if (i !== "list" && c.mobileLayoutEnabled && "querySelector" in t) {
+    const a = t.querySelector(N);
+    if (a) {
+      const f = O(
+        a,
         n,
         o
       );
-      i = i || a;
+      u = u || f;
     }
   }
-  return i && n.apply(new S("Updated product content in-place")), !0;
+  return u && (n.apply(new S("Updated product content in-place")), r == null || r()), !0;
 }
 function _(e, t, n) {
   if (!("querySelectorAll" in e))
@@ -387,10 +387,10 @@ function _(e, t, n) {
     `[esd-extension-block-id="${m.OLD_PRICE}"]`
   ), s = e.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_PRICE}"]`
-  ), i = e.querySelectorAll(
+  ), l = e.querySelectorAll(
     `[esd-extension-block-id="${m.OMNIBUS_DISCOUNT}"]`
   ), u = Math.min(o.length, n.length);
-  let l = !1;
+  let i = !1;
   for (let c = 0; c < u; c++)
     K({
       documentModifier: t,
@@ -398,9 +398,9 @@ function _(e, t, n) {
       priceEl: o[c] ?? null,
       oldPriceEl: r[c] ?? null,
       omnibusPriceEl: s[c] ?? null,
-      omnibusDiscountEl: i[c] ?? null
-    }) && (l = !0);
-  return l;
+      omnibusDiscountEl: l[c] ?? null
+    }) && (i = !0);
+  return i;
 }
 function Me(e) {
   const { currentNode: t, documentModifier: n } = e;
@@ -412,25 +412,25 @@ function Me(e) {
   if (r.length === 0)
     return !1;
   const s = V(t);
-  let i = _(s, n, r);
-  const u = P(t), l = y.getConfig(t);
-  if (u !== "list" && l.mobileLayoutEnabled && "querySelector" in t) {
+  let l = _(s, n, r);
+  const u = P(t), i = y.getConfig(t);
+  if (u !== "list" && i.mobileLayoutEnabled && "querySelector" in t) {
     const c = t.querySelector(N);
     if (c) {
       const a = _(c, n, r);
-      i = i || a;
+      l = l || a;
     }
   }
-  return i && n.apply(new S("Updated price formatting in-place")), i;
+  return l && n.apply(new S("Updated price formatting in-place")), l;
 }
 function he(e) {
   const { currentNode: t, documentModifier: n, currency: o } = e, r = C(t);
   if (!r)
     return;
-  const s = o.alignment === "before" ? "0" : "1", i = (u, l) => {
-    n.modifyHtml(r).setAttribute(u, l);
+  const s = o.alignment === "before" ? "0" : "1", l = (u, i) => {
+    n.modifyHtml(r).setAttribute(u, i);
   };
-  i(g.CURRENCY, o.code), i(g.SYMBOL, o.symbol), i(g.ALIGNMENT, s), i(g.THOUSAND_SEPARATOR, o.thousandSeparator), i(g.DECIMAL_SEPARATOR, o.decimalSeparator), i(g.DECIMAL_COUNT, o.decimalCount.toString()), n.apply(new S("Update currency attributes"));
+  l(g.CURRENCY, o.code), l(g.SYMBOL, o.symbol), l(g.ALIGNMENT, s), l(g.THOUSAND_SEPARATOR, o.thousandSeparator), l(g.DECIMAL_SEPARATOR, o.decimalSeparator), l(g.DECIMAL_COUNT, o.decimalCount.toString()), n.apply(new S("Update currency attributes"));
 }
 export {
   Re as adjustProductsToSize,

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

@@ -11,9 +11,9 @@ import { getPartnerRecommendationParams as O } from "../utils/partnerCustomizati
 import { sanitizeProductIds as T } from "../utils/productIds.js";
 import { isFilterValid as z } from "../validation/filterSchema.js";
 import { getInvalidFields as V, isConfigValid as j } from "../validation/requiredFields.js";
-const d = A();
-let h = null, g = null, S = null, y = "", b = null, p = 0;
-const I = /* @__PURE__ */ new Map();
+const f = A();
+let S = null, p = null, y = null, I = "", R = null, b = 0;
+const h = /* @__PURE__ */ new Map();
 let l = null;
 function G() {
   return {
@@ -247,7 +247,7 @@ const $ = () => ({
      * `isInitialized`) alone.
      */
     seedBlockUrlConfig(t, e) {
-      const r = (o, c) => o === "." || o === "," || o === " " ? o : c, n = {
+      const r = (o, a) => o === "." || o === "," || o === " " ? o : a, n = {
         name: e.currencyCode,
         value: e.currencyCode,
         symbol: e.currencySymbol,
@@ -354,33 +354,33 @@ const $ = () => ({
       this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId] || (this.blockStates[this.currentRecommendationId].removeStrategyModalStatus = !1);
     },
     async fetchStrategies() {
-      for (; b; )
+      for (; R; )
         try {
-          await b;
+          await R;
         } catch {
         }
       if (this.strategiesFetched)
         return;
-      const t = p, e = (async () => {
+      const t = b, e = (async () => {
         this.strategiesLoading = !0;
         try {
-          const r = await d.fetchRecommendationStrategies();
-          if (t !== p)
+          const r = await f.fetchRecommendationStrategies();
+          if (t !== b)
             return;
           this.strategies = r, this.strategiesFetched = !0;
         } finally {
-          this.strategiesLoading = !1, t === p && (this.strategiesSettled = !0);
+          this.strategiesLoading = !1, t === b && (this.strategiesSettled = !0);
         }
       })();
-      b = e;
+      R = e;
       try {
         await e;
       } finally {
-        b = null;
+        R = null;
       }
     },
     invalidateStrategies() {
-      this.strategiesFetched = !1, this.strategiesSettled = !1, p += 1;
+      this.strategiesFetched = !1, this.strategiesSettled = !1, b += 1;
     },
     /**
      * Opens a Smart Recommender strategy page in a new tab and refreshes the list every time
@@ -444,7 +444,7 @@ const $ = () => ({
       const r = typeof t.updated_at == "string" ? t.updated_at : "", n = r ? `${t.strategy_id}:${r}:${e}` : "", s = n ? this.strategyUrlTemplates[n] : void 0;
       if (s)
         return s;
-      const { full_path: i = "" } = await d.generateStrategyEndpoint(t, e) ?? {};
+      const { full_path: i = "" } = await f.generateStrategyEndpoint(t, e) ?? {};
       return n && i && (this.strategyUrlTemplates = {
         ...this.strategyUrlTemplates,
         [n]: i
@@ -468,16 +468,16 @@ const $ = () => ({
     // ====================================================================
     async fetchRecommendationCreateData() {
       if (!this.activePredictiveAlgorithms.length) {
-        if (h) {
-          await h;
+        if (S) {
+          await S;
           return;
         }
-        h = (async () => {
+        S = (async () => {
           const {
             activePredictiveAlgorithms: t,
             languages: e,
             currencies: r
-          } = await d.fetchRecommendationCreateData();
+          } = await f.fetchRecommendationCreateData();
           if (this.activePredictiveAlgorithms = t, this.languages = e, this.currentRecommendationId !== null && this.blockStates[this.currentRecommendationId]) {
             const n = this.blockStates[this.currentRecommendationId];
             n.filterStatus = !!n.recommendationConfigs.filters.length;
@@ -485,26 +485,26 @@ const $ = () => ({
           this.currencyList = r;
         })();
         try {
-          await h;
+          await S;
         } finally {
-          h = null;
+          S = null;
         }
       }
     },
     async fetchRecommendationFilters() {
       if (!Object.keys(this.filterList).length) {
-        if (g) {
-          await g;
+        if (p) {
+          await p;
           return;
         }
-        g = (async () => {
-          const t = await d.fetchRecommendationFilters();
+        p = (async () => {
+          const t = await f.fetchRecommendationFilters();
           this.filterList = t;
         })();
         try {
-          await g;
+          await p;
         } finally {
-          g = null;
+          p = null;
         }
       }
     },
@@ -547,10 +547,10 @@ const $ = () => ({
           let i = 1;
           n = n.map((o) => o.filterGroup === t.filterGroup ? { ...o, filterNumber: i++ } : o);
         } else {
-          const i = [...new Set(n.map((c) => c.filterGroup))].sort((c, a) => c - a), o = new Map(i.map((c, a) => [c, a + 1]));
-          n = n.map((c) => ({
-            ...c,
-            filterGroup: o.get(c.filterGroup) ?? c.filterGroup
+          const i = [...new Set(n.map((a) => a.filterGroup))].sort((a, u) => a - u), o = new Map(i.map((a, u) => [a, u + 1]));
+          n = n.map((a) => ({
+            ...a,
+            filterGroup: o.get(a.filterGroup) ?? a.filterGroup
           }));
         }
         e.recommendationConfigs.filters = n;
@@ -597,32 +597,34 @@ const $ = () => ({
       const t = [
         this.currentRecommendationId,
         this.configVersion,
-        p
+        b
       ].join(":");
-      if (S && y === t) {
-        await S;
+      if (y && I === t) {
+        await y;
         return;
       }
-      y = t, S = this._doFetchProducts();
+      I = t, y = this._doFetchProducts();
       try {
-        await S;
+        await y;
       } finally {
-        y === t && (S = null, y = "");
+        I === t && (y = null, I = "");
       }
     },
     async _doFetchProducts() {
-      var f;
+      var g;
       const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = P();
       if (r.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy")) {
         await this._doFetchStrategyProducts(t);
         return;
       }
-      const s = parseInt(r.size) || 6;
+      const s = (h.get(t) ?? 0) + 1;
+      h.set(t, s);
+      const i = parseInt(r.size) || 6;
       if (!r.strategy) {
-        this._setBlockProducts(t, [], s);
+        this._setBlockProducts(t, [], i);
         return;
       }
-      const i = r.filters.filter((m) => m.isValid), o = F(i), c = ((f = C().find((m) => m.key === r.strategy)) == null ? void 0 : f.path) || "", a = {
+      const o = r.filters.filter((d) => d.isValid), a = F(o), u = ((g = C().find((d) => d.key === r.strategy)) == null ? void 0 : g.path) || "", c = {
         locale: r.language,
         currency: r.currencySettings.value,
         partnerName: n.partnerName,
@@ -630,21 +632,21 @@ const $ = () => ({
         details: !0,
         campaignId: n.variationId
       };
-      r.strategy === "manualMerchandising" ? a.productId = T(r.productIds) : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), o && (a.filter = o), r.shuffleProducts && (a.shuffle = !0), Object.assign(
-        a,
+      r.strategy === "manualMerchandising" ? c.productId = T(r.productIds) : r.strategy === "similarViewed" && (c.productId = "{itemId}"), r.strategy === "userBased" && (c.userId = "{user_id}"), a && (c.filter = a), r.shuffleProducts && (c.shuffle = !0), Object.assign(
+        c,
         O(n.partnerName, r.strategy)
       );
-      let u;
+      let m;
       try {
-        u = await d.fetchRecommendationProducts(c, a);
+        m = await f.fetchRecommendationProducts(u, c);
       } catch {
-        u = [];
+        m = [];
       }
-      this._setBlockProducts(t, u, s);
+      h.get(t) === s && this._setBlockProducts(t, m, i);
     },
     async _doFetchStrategyProducts(t) {
-      const e = (I.get(t) ?? 0) + 1;
-      I.set(t, e);
+      const e = (h.get(t) ?? 0) + 1;
+      h.set(t, e);
       const { recommendationConfigs: r } = this.blockStates[t];
       let n = [], s = parseInt(r.size) || 6;
       try {
@@ -654,13 +656,13 @@ const $ = () => ({
         );
         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), u = a.indexOf("?"), f = u === -1 ? a : a.slice(0, u), m = (u === -1 ? "" : a.slice(u + 1)).split("&").filter((k) => k && !k.startsWith("user_id=")), R = m.length ? `${f}?${m.join("&")}` : f;
-          R && (n = await d.fetchRecommendationProductsByUrl(R));
+          const o = r.currencySettings.value, u = (await this.resolveStrategyUrlTemplate(i, o)).replaceAll("{locale}", r.language).replaceAll("{currency}", o), c = u.indexOf("?"), m = c === -1 ? u : u.slice(0, c), g = (c === -1 ? "" : u.slice(c + 1)).split("&").filter((k) => k && !k.startsWith("user_id=")), d = g.length ? `${m}?${g.join("&")}` : m;
+          d && (n = await f.fetchRecommendationProductsByUrl(d));
         }
       } catch {
         n = [];
       }
-      I.get(t) === e && this._setBlockProducts(t, n, s);
+      h.get(t) === e && this._setBlockProducts(t, n, s);
     },
     _setBlockProducts(t, e, r) {
       if (!this.blockStates[t])

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

@@ -1,22 +1,32 @@
-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";
-let e = null;
-function N(r) {
-  e = r;
+import { ModificationDescription as g } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RECOMMENDATION_ID_ATTR as s } from "../constants/selectors.js";
+import { isPartnerManagedBlock as p, updateProductContentInPlace as C, regenerateProductRowsWithStyles as N } from "../controls/main/utils.js";
+import { RecommendationConfigService as m } from "../services/configService.js";
+let o = null;
+function D(n) {
+  o = n;
 }
-function D(r, c, i, u) {
-  const n = e == null ? void 0 : e.getDocumentRootHtmlNode();
-  if (!e || !n || !("querySelector" in n))
+function P(n, r, c, l) {
+  const i = o == null ? void 0 : o.getDocumentRootHtmlNode();
+  if (!o || !i || !("querySelector" in i))
     return !1;
-  const t = n.querySelector(`[${m}="${r}"]`);
-  if (!t)
+  const e = i.querySelector(`[${s}="${n}"]`);
+  if (!e)
     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);
+  const t = o.getDocumentModifier(), a = m.getConfig(e), d = Object.keys(r).some((u) => JSON.stringify(a[u]) !== JSON.stringify(r[u]));
+  if (m.stageConfig(t, e, r), p(e))
+    return t.apply(new g(l)), !0;
+  let f = !1;
+  return C({
+    currentNode: e,
+    documentModifier: t,
+    products: c,
+    onApplied: () => {
+      f = !0;
+    }
+  }) || (f = N({ currentNode: e, documentModifier: t, products: c })), !f && d && t.apply(new g(l)), !0;
 }
 export {
-  D as commitBlockChangeOutsidePanel,
-  N as registerNodeConfigWriter
+  P as commitBlockChangeOutsidePanel,
+  D as registerNodeConfigWriter
 };

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

@@ -0,0 +1,24 @@
+import { useRecommendationExtensionStore as s } from "../store/recommendation.js";
+import { commitBlockChangeOutsidePanel as d } from "./nodeConfigWriter.js";
+async function u(e, n) {
+  const t = s(), o = t.blockStates[e];
+  if (!o)
+    return !1;
+  const { strategyId: a, strategy: c, size: i } = o.recommendationConfigs;
+  if (t.currentRecommendationId === e)
+    try {
+      await t.fetchRecommendationProducts();
+    } catch (m) {
+      console.error("[recommendation] product refetch after a strategy change failed", m);
+    }
+  const r = d(
+    e,
+    { strategyId: a, strategy: c, size: i },
+    o.recommendationProducts,
+    n
+  );
+  return r || console.error("[recommendation] strategy change did not reach a node", { blockId: e }), r;
+}
+export {
+  u as commitStrategyChange
+};

package/dist/guido.css

@@ -1 +1 @@
-@charset "UTF-8";.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-1ca6baf0]{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-cc5ee925]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-cc5ee925]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-cc5ee925]{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-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-6c26ded2]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6c26ded2] .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}
+@charset "UTF-8";.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-1ca6baf0]{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-cc5ee925]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-cc5ee925]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-cc5ee925]{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-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-521cf6b3]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-521cf6b3] .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}