@useinsider/guido 3.18.1-beta.fefef3c → 3.18.2-beta.32d291d

package/dist/components/organisms/save-as-template/SaveAsTemplateDrawer.vue2.js

@@ -1,64 +1,64 @@
-import { defineComponent as A, ref as c, computed as b, toRef as h, nextTick as C } from "vue";
-import N from "../../wrappers/WpDrawer.vue.js";
-import { useTranslations as O } from "../../../composables/useTranslations.js";
+import { defineComponent as _, ref as c, computed as h, watch as C, toRef as N, nextTick as O } from "vue";
+import b from "../../wrappers/WpDrawer.vue.js";
+import { useTranslations as D } from "../../../composables/useTranslations.js";
 import { useTemplateNameValidator as x } from "../../../composables/validators/saveAsTemplate.js";
 import { useTemplateLibraryApi as B } from "../../../services/templateLibraryApi.js";
-import { useEditorStore as D } from "../../../stores/editor.js";
-import { useSaveAsTemplateStore as k } from "../../../stores/save-as-template.js";
-import { InMultiSelect as I, InBasicTextInput as M } from "@useinsider/design-system-vue";
-import { useDebounceFn as V } from "../../../node_modules/@vueuse/shared/index.js";
-const H = /* @__PURE__ */ A({
+import { useEditorStore as k } from "../../../stores/editor.js";
+import { useSaveAsTemplateStore as I } from "../../../stores/save-as-template.js";
+import { InMultiSelect as M, InBasicTextInput as V } from "@useinsider/design-system-vue";
+import { useDebounceFn as E } from "../../../node_modules/@vueuse/shared/index.js";
+const J = /* @__PURE__ */ _({
   __name: "SaveAsTemplateDrawer",
-  setup(E) {
-    const o = O(), n = D(), t = k(), { createTemplate: m } = B(), a = c(!1), r = c(!1), l = c(""), f = b(() => ({
+  setup(R) {
+    const s = D(), o = k(), t = I(), { createTemplate: m } = B(), a = c(!1), n = c(!1), r = c(""), f = h(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
-        labelText: o(a.value ? "newsletter.saving" : "products.save"),
+        labelText: s(a.value ? "newsletter.saving" : "products.save"),
         loadingStatus: a.value,
         disabledStatus: t.skeletonStatus
       },
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
-        labelText: o("products.cancel"),
+        labelText: s("products.cancel"),
         disabledStatus: a.value
       }
-    })), u = () => {
-      l.value = "", n.isSaveAsTemplateDrawerOpen = !1;
-    }, i = async () => {
-      const e = h(t, "templateName"), { success: s, errorMessage: _ } = await x(e).validate();
-      return l.value = _, s;
-    }, v = V(async (e) => {
-      t.templateName = e, await i();
-    }, 500), g = async (e) => {
-      r.value = !0, await t.addCategory(e), r.value = !1;
-    }, y = (e) => {
+    })), p = () => {
+      r.value = "", o.isSaveAsTemplateDrawerOpen = !1;
+    }, l = async () => {
+      const e = N(t, "templateName"), { success: i, errorMessage: A } = await x(e).validate();
+      return r.value = A, i;
+    }, v = E(async (e) => {
+      t.templateName = e, await l();
+    }, 500), S = async (e) => {
+      n.value = !0, await t.addCategory(e), n.value = !1;
+    }, T = (e) => {
       t.selectedCategories = e;
-    }, S = (e) => {
+    }, g = (e) => {
       e && (t.selectedCategories = e);
-    }, T = () => {
+    }, y = () => {
       t.selectedCategories = [];
     }, w = async () => {
-      if (a.value = !0, !await i()) {
+      if (a.value = !0, !await l()) {
         a.value = !1;
         return;
       }
-      const s = await m();
-      a.value = !1, s && u();
-    }, p = () => {
-      C(() => {
+      const i = await m();
+      a.value = !1, i && p();
+    }, u = () => {
+      O(() => {
         const e = document.querySelector("input#guido__template-name-input");
         e == null || e.focus();
       });
     }, d = async () => {
-      t.$reset(), await t.fetchCategories(), t.skeletonStatus = !1, p();
+      t.$reset(), await t.fetchCategories(), t.skeletonStatus = !1, u();
     };
-    return n.$subscribe((e, { isSaveAsTemplateDrawerOpen: s }) => {
-      s && d();
-    }), { __sfc: !0, trans: o, editorStore: n, saveAsTemplateStore: t, createTemplate: m, isSaving: a, isAddingOption: r, templateNameError: l, footerButtonGroupOptions: f, closeModal: u, validateTemplateName: i, handleTemplateName: v, handleAddOption: g, handleCategoryChange: y, handleSelectAllOptions: S, handleResetAllOptions: T, saveTemplate: w, focusToInput: p, initializeDrawer: d, WpDrawer: N, InBasicTextInput: M, InMultiSelect: I };
+    return C(() => o.isSaveAsTemplateDrawerOpen, (e) => {
+      e && d();
+    }), { __sfc: !0, trans: s, editorStore: o, saveAsTemplateStore: t, createTemplate: m, isSaving: a, isAddingOption: n, templateNameError: r, footerButtonGroupOptions: f, closeModal: p, validateTemplateName: l, handleTemplateName: v, handleAddOption: S, handleCategoryChange: T, handleSelectAllOptions: g, handleResetAllOptions: y, saveTemplate: w, focusToInput: u, initializeDrawer: d, WpDrawer: b, InBasicTextInput: V, InMultiSelect: M };
   }
 });
 export {
-  H as default
+  J as default
 };

package/dist/composables/useHttp.js

@@ -1,14 +1,16 @@
-import { getCsrfToken as H } from "../utils/genericUtil.js";
-import { ref as p, computed as T } from "vue";
-const k = (b = {}) => {
-  const h = p(!1), a = p(null), u = p(null), g = T(() => h.value), y = T(() => a.value !== null), v = {
+import { getCsrfToken as O } from "../utils/genericUtil.js";
+import { ref as m, computed as T } from "vue";
+const X = (b = {}) => {
+  const p = m(!1), a = m(null), u = m(null), g = T(() => p.value), y = T(() => a.value !== null), v = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
       "Content-Type": "application/json",
-      "X-CSRF-TOKEN": H()
+      "X-CSRF-TOKEN": O(),
+      Accept: "application/json",
+      "X-Requested-With": "XMLHttpRequest"
     },
     ...b
   }, w = (e, s) => {
@@ -22,22 +24,22 @@ const k = (b = {}) => {
     }, e);
   }), x = (e) => new Promise((s) => {
     setTimeout(s, e);
-  }), i = async (e, s, t, D = {}) => {
-    a.value = null, h.value = !0, u.value = new AbortController();
-    const n = { ...v, ...D }, L = w(s, n.baseURL), c = {
+  }), i = async (e, s, t, L = {}) => {
+    a.value = null, p.value = !0, u.value = new AbortController();
+    const n = { ...v, ...L }, D = w(s, n.baseURL), c = {
       method: e,
       headers: { ...n.headers },
       signal: u.value.signal,
       ...n
     };
     t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete c.headers["Content-Type"], c.body = t) : c.body = JSON.stringify(t));
-    const E = async (m = 0) => {
+    const E = async (h = 0) => {
       try {
-        const o = [fetch(L, c)];
+        const o = [fetch(D, c)];
         n.timeout && o.push(P(n.timeout));
         const r = await Promise.race(o);
         if (!r.ok) {
-          const O = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(O);
+          const H = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(H);
           throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
         }
         let f;
@@ -50,19 +52,19 @@ const k = (b = {}) => {
         };
       } catch (o) {
         const r = o instanceof Error && o.name === "AbortError";
-        if (m < (n.retry || 0) && !r)
-          return await x(n.retryDelay || 1e3), E(m + 1);
+        if (h < (n.retry || 0) && !r)
+          return await x(n.retryDelay || 1e3), E(h + 1);
         throw o instanceof Error ? o.name === "AbortError" ? a.value = { message: "Request was cancelled" } : a.value = { message: o.message } : a.value = o, o;
       }
     };
     try {
       return await E();
     } finally {
-      h.value = !1, u.value = null;
+      p.value = !1, u.value = null;
     }
-  }, C = (e, s) => i("GET", e, void 0, s), $ = (e, s, t) => i("POST", e, s, t), R = (e, s, t) => i("PUT", e, s, t), U = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), W = (e) => {
+  }, C = (e, s) => i("GET", e, void 0, s), R = (e, s, t) => i("POST", e, s, t), $ = (e, s, t) => i("PUT", e, s, t), q = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), U = (e) => {
     u.value && u.value.abort(e);
-  }, q = () => {
+  }, W = () => {
     a.value = null;
   };
   return {
@@ -73,14 +75,14 @@ const k = (b = {}) => {
     // Methods
     request: i,
     get: C,
-    post: $,
-    put: R,
-    patch: U,
+    post: R,
+    put: $,
+    patch: q,
     delete: A,
-    cancel: W,
-    clearError: q
+    cancel: U,
+    clearError: W
   };
 };
 export {
-  k as useHttp
+  X as useHttp
 };

package/dist/composables/useLegacyStrategyConversion.js

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

package/dist/enums/extensions/recommendationBlock.js

@@ -1,15 +1,22 @@
-import { useTranslations as r } from "../../composables/useTranslations.js";
-const l = {
+import { useTranslations as n } from "../../composables/useTranslations.js";
+const a = {
   RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com",
   // Relative path → same-origin as the embedding inone dashboard.
   PRODUCT_ATTRIBUTES_PATH: "/product-attributes/get-attributes",
   RECOMMENDATION_STRATEGIES_PATH: "/api/recommendation-strategies",
   RECOMMENDATION_STRATEGIES_PANEL_PATH: "/discovery/recommendation-strategies",
-  NEWSLETTER_RECOMMENDATIONS_PATH: "/newsletter/recommendations"
-}, c = "migrate-strategies", d = "template", m = {
+  NEWSLETTER_RECOMMENDATIONS_PATH: "/newsletter/recommendations",
+  MIGRATE_STRATEGIES_PATH: "/newsletter/recommendations/migrate-strategies",
+  // The template route narrows the recommendations resource before the action: the id
+  // travels in the body, not the path.
+  TEMPLATE_MIGRATE_STRATEGIES_PATH: "/newsletter/recommendations/template/migrate-strategies"
+}, c = {
+  campaign: a.MIGRATE_STRATEGIES_PATH,
+  template: a.TEMPLATE_MIGRATE_STRATEGIES_PATH
+}, d = {
   CLIENT_ID: "clientId"
-}, p = () => {
-  const e = r();
+}, m = () => {
+  const e = n();
   return [
     {
       id: 11,
@@ -72,75 +79,74 @@ const l = {
       path: "top-sellers"
     }
   ];
-}, v = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], h = [
+}, p = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], T = [
   { text: "before the amount", value: "0" },
   { text: "after the amount", value: "1" }
-], x = [
+], v = [
   { text: "dot(.)", value: "." },
   { text: "comma(,)", value: "," },
   { text: "space( )", value: " " }
-], E = [
+], A = [
   { text: "0", value: "0" },
   { text: "1", value: "1" },
   { text: "2", value: "2" },
   { text: "3", value: "3" },
   { text: "4", value: "4" },
   { text: "5", value: "5" }
-], a = "||", t = [
+], r = "||", t = [
   { text: "is exactly", value: "=" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
-  { text: "any of", value: a }
-], n = [
+  { text: "any of", value: r }
+], o = [
   { text: "is exactly", value: "=" },
   { text: "is not exactly", value: "!==" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
-  { text: "any of", value: a }
-], o = [
+  { text: "any of", value: r }
+], s = [
   { text: "is equal to", value: "=" },
   { text: "is greater than", value: ">" },
   { text: "is less than", value: "<" }
-], s = [
+], i = [
   { text: "is equal to", value: "=" },
   { text: "after", value: ">" },
   { text: "before", value: "<" }
-], i = [
+], u = [
   { text: "true", value: "==" },
   { text: "false", value: "!=" }
-], T = (e) => {
+], E = (e) => {
   if (!e)
     return t;
   switch (e) {
     case "Boolean":
-      return i;
+      return u;
     case "Date":
-      return s;
+      return i;
     case "Number":
-      return o;
+      return s;
     case "String":
       return t;
     case "Strings":
-      return n;
+      return o;
     default:
       return t;
   }
 };
 export {
-  c as MIGRATE_STRATEGIES_SEGMENT,
-  a as OP_ANY_OF,
-  v as PriceAttributes,
-  m as QUERY_PARAMS,
-  d as TEMPLATE_MIGRATION_SCOPE_SEGMENT,
-  l as URLS,
-  E as currencyDecimalCounts,
-  h as currencyLocationMaps,
-  x as currencyOperators,
-  T as getOperatorOptions,
-  p as getRecommendationFeedSourceMaps,
-  n as operatorOptionsForArrayOfStrings,
-  i as operatorOptionsForBooleans,
-  s as operatorOptionsForDates,
-  o as operatorOptionsForNumbers,
+  c as MIGRATION_PATHS,
+  r as OP_ANY_OF,
+  p as PriceAttributes,
+  d as QUERY_PARAMS,
+  a as URLS,
+  A as currencyDecimalCounts,
+  T as currencyLocationMaps,
+  v as currencyOperators,
+  E as getOperatorOptions,
+  m as getRecommendationFeedSourceMaps,
+  o as operatorOptionsForArrayOfStrings,
+  u as operatorOptionsForBooleans,
+  i as operatorOptionsForDates,
+  s as operatorOptionsForNumbers,
   t as operatorOptionsForStrings
 };

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

@@ -19,18 +19,18 @@ 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 { LOCALE_CONTROL_ID as yt } from "./locale.js";
-import { PricePlacementControl as E } from "./pricePlacement.js";
+import { PricePlacementControl as k } from "./pricePlacement.js";
 import { PRICE_PLACEMENT_CONTROL_ID as _t } from "./pricePlacement.js";
-import { ProductCountControl as k } from "./productCount.js";
+import { ProductCountControl as E } from "./productCount.js";
 import { PRODUCT_COUNT_CONTROL_ID as Rt } from "./productCount.js";
-import { ProductLayoutControl as D } from "./productLayout.js";
+import { ProductLayoutControl as F } from "./productLayout.js";
 import { PRODUCT_LAYOUT_CONTROL_ID as Tt } from "./productLayout.js";
-import { ShuffleControl as F } from "./shuffle.js";
+import { ShuffleControl as D } from "./shuffle.js";
 import { SHUFFLE_CONTROL_ID as St } from "./shuffle.js";
 import { StrategyControl as w } from "./strategy.js";
 import { STRATEGY_CONTROL_ID as Lt } from "./strategy.js";
 import { setCurrencyAttributes as A, getBlockElement as B, isPartnerManagedBlock as v, updateProductContentInPlace as x, regenerateProductRowsWithStyles as U } from "./utils.js";
-import { adjustProductsToSize as kt, formatProductPrice as Dt, getCardComposition as Ft, getCurrentLayout as wt, getMainContainerTbody as At, regenerateMobileProductRows as Bt, updatePricesInPlace as vt, updateSingleProductContent as xt } from "./utils.js";
+import { adjustProductsToSize as Et, formatProductPrice as Ft, getCardComposition as Dt, getCurrentLayout as wt, getMainContainerTbody as At, regenerateMobileProductRows as Bt, updatePricesInPlace as vt, updateSingleProductContent as xt } from "./utils.js";
 import { useDebounceFn as f } from "../../../../../node_modules/@vueuse/shared/index.js";
 const $ = "ui-elements-recommendation-block";
 class at extends N {
@@ -39,8 +39,6 @@ class at extends N {
     r(this, "store", R());
     r(this, "storeUnsubscription", () => {
     });
-    // blockId -> fingerprint of the node config as it looked at the last sync.
-    r(this, "syncedConfigs", /* @__PURE__ */ new Map());
     // A config change waiting to reach the node config. Deferred so it can ride the
     // re-render's single apply() — one user action must cost one undo press.
     r(this, "pendingNodeConfigWrite", null);
@@ -120,7 +118,7 @@ class at extends N {
     return this.rrsEnabled = p().isFeatureEnabled("reusableRecommendationStrategy"), this._subControls.forEach((e) => {
       var o;
       return (o = e == null ? void 0 : e.onDestroy) == null ? void 0 : o.call(e);
-    }), this.algorithmControl = new T(), this.localeControl = new L(), this.currencyControl = new P(), this.productCountControl = new k(), this.productLayoutControl = new D(), this.filtersControl = new S(), this.shuffleControl = new F(), this.pricePlacementControl = new E(), this.layoutOrientationControl = new O(), this.strategyControl = this.rrsEnabled ? new w() : null, this._subControls.forEach((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) => {
       e && (e.api = this.api);
     }), `
             <div class="recommendation-controls-container">
@@ -200,11 +198,19 @@ class at extends N {
    * fingerprint diff on this hook is the only way to notice (SD-149105).
    * An unchanged fingerprint means the move came from us, so runtime store
    * edits are never clobbered (SD-141049).
+   *
+   * The fingerprint is kept on the block's own store state so deleting the
+   * block drops it with the state it describes. A control-owned memo outlived
+   * that state and made a re-dropped saved module keep the defaults its wiped
+   * state was rebuilt with (SD-150347).
    */
   _syncNodeConfigIfChanged(t) {
     this.pendingNodeConfigWrite && this.pendingNodeConfigWrite.blockId !== t && this._flushPendingNodeConfig();
-    const e = JSON.stringify(c.getConfig(this.currentNode)), o = this.syncedConfigs.get(t);
-    this.syncedConfigs.set(t, e), o !== e && (this.pendingNodeConfigWrite || this._syncNodeConfigToStore());
+    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());
   }
   _capturePendingNodeConfigWrite() {
     const t = this.store.currentRecommendationId;
@@ -429,18 +435,18 @@ export {
   _t as PRICE_PLACEMENT_CONTROL_ID,
   Rt as PRODUCT_COUNT_CONTROL_ID,
   Tt as PRODUCT_LAYOUT_CONTROL_ID,
-  E as PricePlacementControl,
-  k as ProductCountControl,
-  D as ProductLayoutControl,
+  k as PricePlacementControl,
+  E as ProductCountControl,
+  F as ProductLayoutControl,
   at as RecommendationBlockControl,
   St as SHUFFLE_CONTROL_ID,
   Lt as STRATEGY_CONTROL_ID,
-  F as ShuffleControl,
+  D as ShuffleControl,
   w as StrategyControl,
-  kt as adjustProductsToSize,
-  Dt as formatProductPrice,
+  Et as adjustProductsToSize,
+  Ft as formatProductPrice,
   B as getBlockElement,
-  Ft as getCardComposition,
+  Dt as getCardComposition,
   wt as getCurrentLayout,
   At as getMainContainerTbody,
   v as isPartnerManagedBlock,

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

@@ -1,5 +1,5 @@
-import { getRecommendationFeedSourceMaps as R, getOperatorOptions as D, PriceAttributes as F } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationApi as P } from "../../../../services/recommendationApi.js";
+import { getRecommendationFeedSourceMaps as R, getOperatorOptions as F, PriceAttributes as P } from "../../../../enums/extensions/recommendationBlock.js";
+import { useRecommendationApi as D } from "../../../../services/recommendationApi.js";
 import { useConfigStore as k } from "../../../../stores/config.js";
 import { defineStore as L } from "pinia";
 import "../constants/selectors.js";
@@ -8,11 +8,11 @@ import { CURRENT_CONFIG_VERSION as y, DEFAULT_NODE_CONFIG as N, EXCLUDED_ALGORIT
 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";
+import { getPartnerRecommendationParams as B } from "../utils/partnerCustomizations.js";
+import { sanitizeProductIds as z } from "../utils/productIds.js";
 import { isFilterValid as A } from "../validation/filterSchema.js";
 import { isConfigValid as O } from "../validation/requiredFields.js";
-const m = P();
+const m = D();
 let f = null, g = null, h = null, S = null;
 const p = /* @__PURE__ */ new Map();
 function G() {
@@ -60,6 +60,7 @@ function w() {
     filterGroup: 1,
     isInitialized: !1,
     filterSnapshot: null,
+    syncedConfigFingerprint: null,
     legacyConversionLoading: !1
   };
 }
@@ -169,7 +170,7 @@ const E = () => ({
     getFilterList() {
       return Object.values(this.filterList).filter((t) => t.isFilterable !== 0 && t.isFilterable !== !1).map((t) => {
         let e;
-        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : F.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
+        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : P.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
           text: t.displayName,
           value: e,
           type: t.attributeType
@@ -254,7 +255,7 @@ const E = () => ({
       const r = (o, c) => o === "." || o === "," || o === " " ? o : c, n = {
         name: e.currencyCode,
         value: e.currencyCode,
-        symbol: e.currencyCode,
+        symbol: e.currencySymbol,
         alignment: e.currencyAlignment === "before" ? "0" : "1",
         decimalCount: String(e.currencyDecimalCount),
         decimalSeparator: r(e.currencyDecimalSeparator, ","),
@@ -298,7 +299,7 @@ const E = () => ({
      * Creates a filter with the first available attribute and operator pre-selected.
      */
     createDefaultFilter(t, e) {
-      const [r] = this.getFilterList, [n] = D(r == null ? void 0 : r.type);
+      const [r] = this.getFilterList, [n] = F(r == null ? void 0 : r.type);
       return {
         type: "standardFilter",
         attribute: (r == null ? void 0 : r.value) ?? "",
@@ -421,6 +422,15 @@ const E = () => ({
         this.blockStates[r] && (this.blockStates[r].legacyConversionLoading = !1);
       }
     },
+    /**
+     * Undoes the config half of a conversion whose document write never landed, so the
+     * panel and the drawer fall back to "Legacy Strategy" instead of showing an assignment
+     * the document never received.
+     */
+    revertLegacyConversion(t, e) {
+      const r = this.blockStates[t];
+      r && (r.recommendationConfigs = { ...r.recommendationConfigs, ...e }, this.currentRecommendationId === t && this.configVersion++);
+    },
     removeStrategy() {
       this.patchCurrentBlockConfig({
         strategyId: "",
@@ -578,9 +588,9 @@ const E = () => ({
         details: !0,
         campaignId: n.variationId
       };
-      r.strategy === "manualMerchandising" ? a.productId = B(r.productIds) : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), i && (a.filter = i), r.shuffleProducts && (a.shuffle = !0), Object.assign(
+      r.strategy === "manualMerchandising" ? a.productId = z(r.productIds) : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), i && (a.filter = i), r.shuffleProducts && (a.shuffle = !0), Object.assign(
         a,
-        z(n.partnerName, r.strategy)
+        B(n.partnerName, r.strategy)
       );
       let l;
       try {
@@ -590,6 +600,15 @@ const E = () => ({
       }
       this._setBlockProducts(t, l, c);
     },
+    /**
+     * Block-scoped counterpart of `fetchRecommendationProducts`, which only ever serves the
+     * selected block. The legacy conversion must refresh the products of the block that
+     * started it even after the user selected another one.
+     */
+    async fetchStrategyProductsForBlock(t) {
+      var e;
+      (e = this.blockStates[t]) != null && e.recommendationConfigs.strategyId && await this._doFetchStrategyProducts(t);
+    },
     async _doFetchStrategyProducts(t) {
       const e = (p.get(t) ?? 0) + 1;
       p.set(t, e);
@@ -602,8 +621,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((b) => b && !b.startsWith("user_id=")), I = u.length ? `${d}?${u.join("&")}` : d;
-          I && (n = await m.fetchRecommendationProductsByUrl(I));
+          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=")), b = u.length ? `${d}?${u.join("&")}` : d;
+          b && (n = await m.fetchRecommendationProductsByUrl(b));
         }
       } catch {
         n = [];