@useinsider/guido 3.18.0-beta.19e1253 → 3.18.0-beta.3ffa144

package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue.js

@@ -1,23 +1,21 @@
-import s from "./AssignStrategyDrawer.vue2.js";
+import r from "./AssignStrategyDrawer.vue2.js";
 /* empty css                          */
 /* empty css                          */
-import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var a = function() {
-  var e = this, r = e._self._c, t = e._self._setupProxy;
-  return t.store.assignStrategyDrawerStatus ? r(t.OrgStrategyDetailModal, { staticClass: "assign-strategy-drawer", attrs: { "description-status": "", show: "", "description-text": t.drawerDescription, "footer-button-group-options": t.footerButtonGroupOptions, strategy: t.selectedStrategy ?? {}, "title-text": t.trans("gpt-app-builder.assign-recommendation-strategy") }, on: { close: t.closeDrawer, primaryClick: t.assignStrategy }, scopedSlots: e._u([{ key: "contentTop", fn: function() {
-    return [r("div", { staticClass: "assign-strategy-drawer-content px-5 py-5" }, [r(t.OrgStrategyDropdown, { staticClass: "assign-strategy-select", attrs: { id: "assign-strategy-select", "create-button-visible": "", "info-box-position": "bottom right", loading: t.store.strategiesLoading, "placeholder-text": t.trans("smart-recommender.select-recommendation-strategy"), "selected-strategy-id": t.selectedStrategyId, state: t.showSelectionError ? "error" : "default", "state-message": t.showSelectionError ? t.trans("ds-steps.select-strategy-tooltip") : "", strategies: t.strategyOptions }, on: { create: function(l) {
-      return t.store.openStrategyCreation();
-    }, select: t.onSelect } })], 1)];
-  }, proxy: !0 }], null, !1, 4266143898) }) : e._e();
-}, n = [], i = /* @__PURE__ */ o(
-  s,
-  a,
+import a from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var e = this, s = e._self._c, t = e._self._setupProxy;
+  return t.store.assignStrategyDrawerStatus ? s(t.OrgStrategyDetailModal, { staticClass: "assign-strategy-drawer", attrs: { "description-status": "", show: "", "description-text": t.drawerDescription, "footer-button-group-options": t.footerButtonGroupOptions, strategy: t.selectedStrategy ?? {}, "title-text": t.trans("gpt-app-builder.assign-recommendation-strategy") }, on: { close: t.closeDrawer, primaryClick: t.assignStrategy }, scopedSlots: e._u([{ key: "contentTop", fn: function() {
+    return [s("div", { staticClass: "assign-strategy-drawer-content px-5 py-5" }, [s(t.OrgStrategyDropdown, { staticClass: "assign-strategy-select", attrs: { id: "assign-strategy-select", "info-box-position": "bottom right", "create-button-visible": !1, loading: t.store.strategiesLoading, "placeholder-text": t.trans("smart-recommender.select-recommendation-strategy"), "selected-strategy-id": t.selectedStrategyId, state: t.showSelectionError ? "error" : "default", "state-message": t.showSelectionError ? t.trans("ds-steps.select-strategy-tooltip") : "", strategies: t.strategyOptions }, on: { select: t.onSelect } })], 1)];
+  }, proxy: !0 }], null, !1, 2542767044) }) : e._e();
+}, n = [], i = /* @__PURE__ */ a(
+  r,
+  o,
   n,
   !1,
   null,
-  "598fd738"
+  "2580a7d9"
 );
-const u = i.exports;
+const y = i.exports;
 export {
-  u as default
+  y as default
 };

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

@@ -1,50 +1,48 @@
-import { defineComponent as O, defineAsyncComponent as u, ref as f, computed as l, watch as S } from "vue";
+import { defineComponent as v, defineAsyncComponent as y, ref as u, computed as l, watch as O } from "vue";
 import "@useinsider/design-system-organisms/style";
 import { useToaster as x } from "../../../../composables/useToaster.js";
 import { useTranslations as A } from "../../../../composables/useTranslations.js";
 import { DOTTED_DATE_LOCALE as E } from "../../../../enums/date.js";
 import { URLS as h } from "../../../../enums/extensions/recommendationBlock.js";
-import { ToasterTypeOptions as d } from "../../../../enums/toaster.js";
-import { useRecommendationExtensionStore as I } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { ToasterTypeOptions as m } from "../../../../enums/toaster.js";
+import { useRecommendationExtensionStore as C } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
 import B from "./StrategyInfoBoxContent.vue.js";
-import { formatShortDate as N } from "../../../../utils/dateUtil.js";
-import { asText as T } from "../../../../utils/genericUtil.js";
-import { escapeHtml as b } from "../../../../utils/htmlEscape.js";
-import { InSkeleton as L } from "@useinsider/design-system-vue";
-const X = /* @__PURE__ */ O({
+import { formatShortDate as I } from "../../../../utils/dateUtil.js";
+import { asText as f } from "../../../../utils/genericUtil.js";
+import { escapeHtml as N } from "../../../../utils/htmlEscape.js";
+import { InSkeleton as b } from "@useinsider/design-system-vue";
+const W = /* @__PURE__ */ v({
   __name: "AssignStrategyDrawer",
   setup(k) {
     const c = () => import("@useinsider/design-system-organisms"), g = (t, r) => ({
-      render: (n) => n(L, { props: { sizing: { width: t, height: r } } })
-    }), _ = u({
+      render: (a) => a(b, { props: { sizing: { width: t, height: r } } })
+    }), S = y({
       loader: async () => (await c()).OrgStrategyDetailModal,
       loadingComponent: g(480, 240),
       delay: 0
-    }), v = u({
+    }), T = y({
       loader: async () => (await c()).OrgStrategyDropdown,
       loadingComponent: g(240, 42),
       delay: 0
-    }), a = A(), e = I(), { showToaster: i } = x(), s = f(null), o = f(!1), D = l(() => e.assignStrategyDrawerStatus ? a("email-editor.assign-strategy-description", { url: h.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : ""), m = () => {
-      e.lastCreatedStrategyId && (s.value = e.lastCreatedStrategyId, o.value = !1, e.lastCreatedStrategyId = null);
-    };
-    S(() => e.assignStrategyDrawerStatus, (t) => {
+    }), o = A(), e = C(), { showToaster: s } = x(), n = u(null), i = u(!1), _ = l(() => e.assignStrategyDrawerStatus ? o("email-editor.assign-strategy-description", { url: h.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
+    O(() => e.assignStrategyDrawerStatus, (t) => {
       if (!t)
         return;
       const { strategyId: r } = e.recommendationConfigs;
-      s.value = r || null, o.value = !1, e.fetchStrategies().then(m).catch(() => {
-        i({
-          type: d.Error,
-          message: a("discovery-strategy.error-description")
+      n.value = r || null, i.value = !1, e.fetchStrategies().catch(() => {
+        s({
+          type: m.Error,
+          message: o("discovery-strategy.error-description")
         });
       });
-    }), S(() => e.lastCreatedStrategyId, m);
+    });
     const p = (t) => {
-      const r = T(t.updated_at || t.created_at);
+      const r = f(t.updated_at || t.created_at);
       if (!r)
         return "";
-      const n = N(r, E);
-      return a("recommendation-strategy.last-updated-on", { value: n });
-    }, w = l(() => e.strategies.map((t) => ({
+      const a = I(r, E);
+      return o("recommendation-strategy.last-updated-on", { value: a });
+    }, D = l(() => e.strategies.map((t) => ({
       text: t.name,
       value: t.strategy_id,
       infoBoxProps: {
@@ -52,57 +50,57 @@ const X = /* @__PURE__ */ O({
         theme: "light",
         variant: "information",
         className: "assign-strategy-info-box",
-        titleText: b(T(t.name)),
+        titleText: N(f(t.name)),
         descriptionStatus: !0,
         descriptionText: p(t),
         slot: B,
         slotProps: { strategy: t }
       }
-    }))), y = l(() => {
-      const t = e.strategies.find((r) => String(r.strategy_id) === String(s.value ?? ""));
+    }))), d = l(() => {
+      const t = e.strategies.find((r) => String(r.strategy_id) === String(n.value ?? ""));
       return t ? { ...t, fallback_config: null } : null;
-    }), C = l(() => ({
+    }), w = l(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
-        labelText: a("products.assign-btn")
+        labelText: o("products.assign-btn")
       },
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
-        labelText: a("products.cancel")
+        labelText: o("products.cancel")
       }
     }));
-    return { __sfc: !0, loadOrganisms: c, skeleton: g, OrgStrategyDetailModal: _, OrgStrategyDropdown: v, trans: a, store: e, showToaster: i, selectedStrategyId: s, showSelectionError: o, drawerDescription: D, consumeLastCreatedStrategy: m, lastUpdatedText: p, strategyOptions: w, selectedStrategy: y, footerButtonGroupOptions: C, closeDrawer: () => {
+    return { __sfc: !0, loadOrganisms: c, skeleton: g, OrgStrategyDetailModal: S, OrgStrategyDropdown: T, trans: o, store: e, showToaster: s, selectedStrategyId: n, showSelectionError: i, drawerDescription: _, lastUpdatedText: p, strategyOptions: D, selectedStrategy: d, footerButtonGroupOptions: w, closeDrawer: () => {
       e.closeAssignStrategyDrawer();
     }, assignStrategy: async () => {
-      const t = y.value;
+      const t = d.value;
       if (!t) {
-        o.value = !0;
+        i.value = !0;
         return;
       }
       let r = "";
       try {
         r = await e.resolveStrategyUrlTemplate(t, e.recommendationConfigs.currencySettings.value);
-      } catch (n) {
-        console.error("[AssignStrategyDrawer] resolveStrategyUrlTemplate failed", n);
+      } catch (a) {
+        console.error("[AssignStrategyDrawer] resolveStrategyUrlTemplate failed", a);
       }
       if (!r) {
-        i({
-          type: d.Error,
-          message: a("email-editor.strategy-assign-failed", { strategyName: t.name })
+        s({
+          type: m.Error,
+          message: o("email-editor.strategy-assign-failed", { strategyName: t.name })
         });
         return;
       }
-      e.assignStrategy(t), i({
-        type: d.Success,
-        message: a("email-editor.strategy-assigned-success", { strategyName: t.name })
+      e.assignStrategy(t), s({
+        type: m.Success,
+        message: o("email-editor.strategy-assigned-success", { strategyName: t.name })
       }), e.closeAssignStrategyDrawer();
     }, onSelect: (t) => {
-      s.value = t.value, o.value = !1;
+      n.value = t.value, i.value = !1;
     } };
   }
 });
 export {
-  X as default
+  W as default
 };

package/dist/enums/extensions/recommendationBlock.js

@@ -1,12 +1,11 @@
 import { useTranslations as r } from "../../composables/useTranslations.js";
-const c = {
+const l = {
   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",
-  RECOMMENDATION_STRATEGY_CREATE_PATH: "/discovery/recommendation-strategies/create"
-}, l = {
+  RECOMMENDATION_STRATEGIES_PANEL_PATH: "/discovery/recommendation-strategies"
+}, c = {
   CLIENT_ID: "clientId"
 }, d = () => {
   const e = r();
@@ -91,13 +90,13 @@ const c = {
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
   { text: "any of", value: a }
-], o = [
+], n = [
   { text: "is exactly", value: "=" },
   { text: "is not exactly", value: "!==" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
   { text: "any of", value: a }
-], n = [
+], o = [
   { text: "is equal to", value: "=" },
   { text: "is greater than", value: ">" },
   { text: "is less than", value: "<" }
@@ -117,11 +116,11 @@ const c = {
     case "Date":
       return s;
     case "Number":
-      return n;
+      return o;
     case "String":
       return t;
     case "Strings":
-      return o;
+      return n;
     default:
       return t;
   }
@@ -129,16 +128,16 @@ const c = {
 export {
   a as OP_ANY_OF,
   m as PriceAttributes,
-  l as QUERY_PARAMS,
-  c as URLS,
+  c as QUERY_PARAMS,
+  l as URLS,
   h as currencyDecimalCounts,
   p as currencyLocationMaps,
   v as currencyOperators,
   x as getOperatorOptions,
   d as getRecommendationFeedSourceMaps,
-  o as operatorOptionsForArrayOfStrings,
+  n as operatorOptionsForArrayOfStrings,
   i as operatorOptionsForBooleans,
   s as operatorOptionsForDates,
-  n as operatorOptionsForNumbers,
+  o as operatorOptionsForNumbers,
   t as operatorOptionsForStrings
 };

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

@@ -23,14 +23,14 @@ import { PricePlacementControl as E } from "./pricePlacement.js";
 import { PRICE_PLACEMENT_CONTROL_ID as _t } from "./pricePlacement.js";
 import { ProductCountControl as k } 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 v, isPartnerManagedBlock as x, updateProductContentInPlace as B, regenerateProductRowsWithStyles as U } from "./utils.js";
-import { adjustProductsToSize as kt, formatProductPrice as Dt, getCardComposition as Ft, getCurrentLayout as wt, getMainContainerTbody as At, regenerateMobileProductRows as vt, updatePricesInPlace as xt, updateSingleProductContent as Bt } from "./utils.js";
+import { adjustProductsToSize as kt, formatProductPrice as Ft, getCardComposition as Dt, getCurrentLayout as wt, getMainContainerTbody as At, regenerateMobileProductRows as vt, updatePricesInPlace as xt, updateSingleProductContent as Bt } 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 {
     n(this, "store", R());
     n(this, "storeUnsubscription", () => {
     });
-    // blockId -> fingerprint of the node config as it looked at the last sync.
-    n(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.
     n(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 k(), this.productLayoutControl = new F(), this.filtersControl = new S(), this.shuffleControl = new D(), this.pricePlacementControl = new E(), 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)), r = e.syncedConfigFingerprint;
+    e.syncedConfigFingerprint = o, r !== o && (this.pendingNodeConfigWrite || this._syncNodeConfigToStore());
   }
   _capturePendingNodeConfigWrite() {
     const t = this.store.currentRecommendationId;
@@ -430,16 +436,16 @@ export {
   Tt as PRODUCT_LAYOUT_CONTROL_ID,
   E as PricePlacementControl,
   k as ProductCountControl,
-  D as ProductLayoutControl,
+  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,
+  Ft as formatProductPrice,
   v as getBlockElement,
-  Ft as getCardComposition,
+  Dt as getCardComposition,
   wt as getCurrentLayout,
   At as getMainContainerTbody,
   x as isPartnerManagedBlock,

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

@@ -1,21 +1,21 @@
 var d = Object.defineProperty;
 var y = (r, s, t) => s in r ? d(r, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[s] = t;
-var i = (r, s, t) => y(r, typeof s != "symbol" ? s + "" : s, t);
-import { ACADEMY_LINKS as h } from "../../../../../enums/academy.js";
-import { CommonControl as m } from "../../../common-control.js";
-import { useRecommendationExtensionStore as p } from "../../store/recommendation.js";
-const u = "recommendation-strategy-control";
-class f extends m {
+var o = (r, s, t) => y(r, typeof s != "symbol" ? s + "" : s, t);
+import { ACADEMY_LINKS as m } from "../../../../../enums/academy.js";
+import { CommonControl as h } from "../../../common-control.js";
+import { useRecommendationExtensionStore as u } from "../../store/recommendation.js";
+const p = "recommendation-strategy-control";
+class f extends h {
   constructor() {
     super(...arguments);
-    i(this, "store", p());
-    i(this, "storeUnsubscription", () => {
+    o(this, "store", u());
+    o(this, "storeUnsubscription", () => {
     });
-    i(this, "listeners", []);
-    i(this, "lastPaintedState", null);
+    o(this, "listeners", []);
+    o(this, "lastPaintedState", null);
   }
   getId() {
-    return u;
+    return p;
   }
   getTemplate() {
     const t = this.api.translate(
@@ -31,7 +31,7 @@ class f extends m {
                         ${t}
                         ${e}
                         <a
-                            href="${h.EMAIL_RECOMMENDATION_BLOCK}"
+                            href="${m.EMAIL_RECOMMENDATION_BLOCK}"
                             target="_blank"
                             rel="noopener noreferrer">${a}</a>.
                     </p>
@@ -48,7 +48,8 @@ class f extends m {
         name: "createStrategy",
         label: this.api.translate("Create New Strategy"),
         id: "guido__btn-create-strategy",
-        className: "strategy-control-cta primary"
+        className: "strategy-control-cta primary",
+        disabled: !0
       })
     ], "strategy-control-cta-row")}
                 </div>
@@ -100,10 +101,10 @@ class f extends m {
     if (!t)
       return;
     const e = (a, n) => {
-      const o = t.querySelector(a);
-      o && (o.addEventListener("click", n), this.listeners.push({ element: o, handler: n }));
+      const i = t.querySelector(a);
+      i && (i.addEventListener("click", n), this.listeners.push({ element: i, handler: n }));
     };
-    e("#guido__btn-assign-strategy", () => this.store.openAssignStrategyDrawer()), e("#guido__btn-create-strategy", () => this.store.openStrategyCreation()), e("#guido__btn-change-strategy", () => this.store.openAssignStrategyDrawer()), e("#guido__btn-remove-strategy", () => this.store.openRemoveStrategyModal());
+    e("#guido__btn-assign-strategy", () => this.store.openAssignStrategyDrawer()), e("#guido__btn-change-strategy", () => this.store.openAssignStrategyDrawer()), e("#guido__btn-remove-strategy", () => this.store.openRemoveStrategyModal());
   }
   _renderState() {
     var l;
@@ -113,11 +114,11 @@ class f extends m {
     const n = this.getContainer();
     if (!n)
       return;
-    const o = n.querySelector("[data-strategy-empty-state]"), c = n.querySelector("[data-strategy-assigned-state]"), g = n.querySelector("[data-strategy-name]");
-    !o || !c || (o.style.display = t ? "none" : "", c.style.display = t ? "" : "none", g && t && (g.textContent = e || `#${t}`), this.lastPaintedState = a);
+    const i = n.querySelector("[data-strategy-empty-state]"), c = n.querySelector("[data-strategy-assigned-state]"), g = n.querySelector("[data-strategy-name]");
+    !i || !c || (i.style.display = t ? "none" : "", c.style.display = t ? "" : "none", g && t && (g.textContent = e || `#${t}`), this.lastPaintedState = a);
   }
 }
 export {
-  u as STRATEGY_CONTROL_ID,
+  p as STRATEGY_CONTROL_ID,
   f as StrategyControl
 };

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

@@ -1,31 +1,22 @@
-import { getRecommendationFeedSourceMaps as R, URLS as D, getOperatorOptions as P, PriceAttributes as F } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationApi as _ } from "../../../../services/recommendationApi.js";
-import { useConfigStore as L } from "../../../../stores/config.js";
-import { asText as k } from "../../../../utils/genericUtil.js";
-import { defineStore as N } from "pinia";
+import { getRecommendationFeedSourceMaps as b, getOperatorOptions as G, PriceAttributes as v } from "../../../../enums/extensions/recommendationBlock.js";
+import { useRecommendationApi as D } from "../../../../services/recommendationApi.js";
+import { useConfigStore as F } from "../../../../stores/config.js";
+import { defineStore as P } from "pinia";
 import "../constants/selectors.js";
-import { DEFAULT_MOBILE_CARDS_IN_ROW as U, DEFAULT_CARDS_IN_ROW as A } from "../constants/layout.js";
-import { DEFAULT_NODE_CONFIG as E, EXCLUDED_ALGORITHM_IDS as x } from "../constants/defaultConfig.js";
-import { getDefaultProducts as C } from "../templates/utils.js";
-import { generateCompleteFilterQuery as w } from "../utils/filterUtil.js";
-import { getPartnerRecommendationParams as M } from "../utils/partnerCustomizations.js";
-import { sanitizeProductIds as T } from "../utils/productIds.js";
+import { DEFAULT_MOBILE_CARDS_IN_ROW as _, DEFAULT_CARDS_IN_ROW as U } from "../constants/layout.js";
+import { DEFAULT_NODE_CONFIG as N, EXCLUDED_ALGORITHM_IDS as L } from "../constants/defaultConfig.js";
+import { getDefaultProducts as R } from "../templates/utils.js";
+import { generateCompleteFilterQuery as k } from "../utils/filterUtil.js";
+import { getPartnerRecommendationParams as x } from "../utils/partnerCustomizations.js";
+import { sanitizeProductIds as A } from "../utils/productIds.js";
 import { isFilterValid as B } from "../validation/filterSchema.js";
-import { isConfigValid as O } from "../validation/requiredFields.js";
-const d = _();
-let h = null, g = null, S = null, p = null;
-const y = /* @__PURE__ */ new Map();
-let u = null;
-const z = (t, e) => {
-  const r = t.filter((s) => !e.has(String(s.strategy_id)));
-  if (!r.length)
-    return null;
-  const n = r.reduce((s, i) => k(i.created_at) > k(s.created_at) ? i : s);
-  return String(n.strategy_id);
-};
-function G() {
+import { isConfigValid as M } from "../validation/requiredFields.js";
+const u = D();
+let f = null, g = null, h = null, S = null;
+const p = /* @__PURE__ */ new Map();
+function w() {
   return {
-    cardsInRow: A,
+    cardsInRow: U,
     currencySettings: {
       name: "USD",
       value: "USD",
@@ -39,7 +30,7 @@ function G() {
     productIds: [],
     id: 1,
     language: "en_US",
-    mobileCardsInRow: U,
+    mobileCardsInRow: _,
     mobileLayoutEnabled: !1,
     orientation: "grid",
     recommendedProducts: [],
@@ -55,9 +46,9 @@ function G() {
     priceHideIfSameAsDiscounted: !1
   };
 }
-function v() {
+function C() {
   return {
-    recommendationConfigs: G(),
+    recommendationConfigs: w(),
     recommendationProducts: [],
     filterStatus: !1,
     filterSelectionDrawerStatus: !1,
@@ -65,10 +56,11 @@ function v() {
     removeStrategyModalStatus: !1,
     filterGroup: 1,
     isInitialized: !1,
-    filterSnapshot: null
+    filterSnapshot: null,
+    syncedConfigFingerprint: null
   };
 }
-const V = () => ({
+const z = () => ({
   recommendationCampaignUrls: {},
   activePredictiveAlgorithms: [],
   languages: {},
@@ -77,12 +69,11 @@ const V = () => ({
   strategies: [],
   strategiesLoading: !1,
   strategyUrlTemplates: {},
-  lastCreatedStrategyId: null,
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), nt = N("guidoRecommendationExtension", {
-  state: () => V(),
+}), Y = P("guidoRecommendationExtension", {
+  state: () => z(),
   getters: {
     // ====================================================================
     // Proxy Getters — Backward Compatible Access to Current Block State
@@ -92,7 +83,7 @@ const V = () => ({
      * This allows all existing code that reads `store.recommendationConfigs` to work unchanged.
      */
     recommendationConfigs(t) {
-      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : G();
+      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : w();
     },
     /**
      * Proxy getter: delegates to blockStates[currentRecommendationId].recommendationProducts
@@ -147,8 +138,8 @@ const V = () => ({
       return [...new Set(t.map((e) => e.filterGroup))].sort((e, r) => e - r);
     },
     getActivePredictiveAlgorithms: (t) => {
-      const e = R(), r = [];
-      return t.activePredictiveAlgorithms.filter((n) => !x.includes(n)).forEach((n) => {
+      const e = b(), r = [];
+      return t.activePredictiveAlgorithms.filter((n) => !L.includes(n)).forEach((n) => {
         r.push(...e.filter((s) => s.id === n));
       }), r.map((n) => ({
         text: n.name,
@@ -166,7 +157,7 @@ const V = () => ({
     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}` : v.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
           text: t.displayName,
           value: e,
           type: t.attributeType
@@ -188,7 +179,7 @@ const V = () => ({
     setCurrentBlock(t) {
       this.blockStates[t] || (this.blockStates = {
         ...this.blockStates,
-        [t]: v()
+        [t]: C()
       }), this.currentRecommendationId = t;
     },
     /**
@@ -251,12 +242,12 @@ const V = () => ({
       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, ","),
         thousandSeparator: r(e.currencyThousandSeparator, ".")
-      }, s = !this.blockStates[t], i = s ? v() : this.blockStates[t];
+      }, s = !this.blockStates[t], i = s ? C() : this.blockStates[t];
       i.recommendationConfigs = {
         ...i.recommendationConfigs,
         strategy: e.strategy,
@@ -295,7 +286,7 @@ const V = () => ({
      * Creates a filter with the first available attribute and operator pre-selected.
      */
     createDefaultFilter(t, e) {
-      const [r] = this.getFilterList, [n] = P(r == null ? void 0 : r.type);
+      const [r] = this.getFilterList, [n] = G(r == null ? void 0 : r.type);
       return {
         type: "standardFilter",
         attribute: (r == null ? void 0 : r.value) ?? "",
@@ -355,47 +346,29 @@ const V = () => ({
       this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId] || (this.blockStates[this.currentRecommendationId].removeStrategyModalStatus = !1);
     },
     async fetchStrategies() {
-      if (p) {
-        await p;
+      if (S) {
+        await S;
         return;
       }
-      p = (async () => {
+      S = (async () => {
         this.strategiesLoading = !0;
         try {
-          this.strategies = await d.fetchRecommendationStrategies();
+          this.strategies = await u.fetchRecommendationStrategies();
         } finally {
           this.strategiesLoading = !1;
         }
       })();
       try {
-        await p;
+        await S;
       } finally {
-        p = null;
+        S = null;
       }
     },
-    /**
-     * Opens Smart Recommender's strategy creation page in a new tab. The first time the user
-     * comes back, the list is fetched once more and any strategy that appeared meanwhile
-     * is remembered so the drawer can preselect it.
-     */
-    openStrategyCreation() {
-      const t = new Set(this.strategies.map((r) => String(r.strategy_id)));
-      window.open(D.RECOMMENDATION_STRATEGY_CREATE_PATH, "_blank", "noopener"), u == null || u();
-      const e = () => {
-        document.hidden || (u == null || u(), this.fetchStrategies().then(() => {
-          this.lastCreatedStrategyId = z(this.strategies, t);
-        }).catch(() => {
-        }));
-      };
-      document.addEventListener("visibilitychange", e), window.addEventListener("focus", e), u = () => {
-        document.removeEventListener("visibilitychange", e), window.removeEventListener("focus", e), u = null;
-      };
-    },
     async resolveStrategyUrlTemplate(t, e) {
       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 u.generateStrategyEndpoint(t, e) ?? {};
       return n && i && (this.strategyUrlTemplates = {
         ...this.strategyUrlTemplates,
         [n]: i
@@ -408,23 +381,23 @@ const V = () => ({
       });
     },
     removeStrategy() {
-      this.patchCurrentBlockConfig({ strategyId: "", size: E.size });
+      this.patchCurrentBlockConfig({ strategyId: "", size: N.size });
     },
     // ====================================================================
     // Shared Data Fetching (fetched once, used by all blocks)
     // ====================================================================
     async fetchRecommendationCreateData() {
       if (!this.activePredictiveAlgorithms.length) {
-        if (h) {
-          await h;
+        if (f) {
+          await f;
           return;
         }
-        h = (async () => {
+        f = (async () => {
           const {
             activePredictiveAlgorithms: t,
             languages: e,
             currencies: r
-          } = await d.fetchRecommendationCreateData();
+          } = await u.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;
@@ -432,9 +405,9 @@ const V = () => ({
           this.currencyList = r;
         })();
         try {
-          await h;
+          await f;
         } finally {
-          h = null;
+          f = null;
         }
       }
     },
@@ -445,7 +418,7 @@ const V = () => ({
           return;
         }
         g = (async () => {
-          const t = await d.fetchRecommendationFilters();
+          const t = await u.fetchRecommendationFilters();
           this.filterList = t;
         })();
         try {
@@ -518,7 +491,7 @@ const V = () => ({
       }), e.recommendationConfigs.filters = r;
     },
     generateFilterQuery() {
-      return w(this.recommendationConfigs.filters);
+      return k(this.recommendationConfigs.filters);
     },
     /**
      * Validation-only check invoked at save-CTA time. Defined as an action
@@ -526,33 +499,33 @@ const V = () => ({
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock() {
-      return Object.values(this.blockStates).some((t) => !O(t.recommendationConfigs, this));
+      return Object.values(this.blockStates).some((t) => !M(t.recommendationConfigs, this));
     },
     // ====================================================================
     // Per-Block Product Fetching
     // ====================================================================
     async fetchRecommendationProducts() {
       if (!(this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId])) {
-        if (S) {
-          await S;
+        if (h) {
+          await h;
           return;
         }
-        S = this._doFetchProducts();
+        h = this._doFetchProducts();
         try {
-          await S;
+          await h;
         } finally {
-          S = null;
+          h = null;
         }
       }
     },
     async _doFetchProducts() {
-      var f;
-      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = L();
+      var d;
+      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = F();
       if (r.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy")) {
         await this._doFetchStrategyProducts(t);
         return;
       }
-      const s = r.filters.filter((m) => m.isValid), i = w(s), o = ((f = R().find((m) => m.key === r.strategy)) == null ? void 0 : f.path) || "", c = parseInt(r.size) || 6, a = {
+      const s = r.filters.filter((m) => m.isValid), i = k(s), o = ((d = b().find((m) => m.key === r.strategy)) == null ? void 0 : d.path) || "", c = parseInt(r.size) || 6, a = {
         locale: r.language,
         currency: r.currencySettings.value,
         partnerName: n.partnerName,
@@ -560,21 +533,21 @@ const V = () => ({
         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}"), i && (a.filter = i), r.shuffleProducts && (a.shuffle = !0), Object.assign(
+      r.strategy === "manualMerchandising" ? a.productId = A(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,
-        M(n.partnerName, r.strategy)
+        x(n.partnerName, r.strategy)
       );
       let l;
       try {
-        l = await d.fetchRecommendationProducts(o, a);
+        l = await u.fetchRecommendationProducts(o, a);
       } catch {
         l = [];
       }
       this._setBlockProducts(t, l, c);
     },
     async _doFetchStrategyProducts(t) {
-      const e = (y.get(t) ?? 0) + 1;
-      y.set(t, e);
+      const e = (p.get(t) ?? 0) + 1;
+      p.set(t, e);
       const { recommendationConfigs: r } = this.blockStates[t];
       let n = [], s = parseInt(r.size) || 6;
       try {
@@ -584,25 +557,25 @@ const V = () => ({
         );
         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("?"), f = l === -1 ? a : a.slice(0, l), m = (l === -1 ? "" : a.slice(l + 1)).split("&").filter((b) => b && !b.startsWith("user_id=")), I = m.length ? `${f}?${m.join("&")}` : f;
-          I && (n = await d.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), m = (l === -1 ? "" : a.slice(l + 1)).split("&").filter((I) => I && !I.startsWith("user_id=")), y = m.length ? `${d}?${m.join("&")}` : d;
+          y && (n = await u.fetchRecommendationProductsByUrl(y));
         }
       } catch {
         n = [];
       }
-      y.get(t) === e && this._setBlockProducts(t, n, s);
+      p.get(t) === e && this._setBlockProducts(t, n, s);
     },
     _setBlockProducts(t, e, r) {
       if (!this.blockStates[t])
         return;
-      const n = e.length > 0 ? e : C(r);
+      const n = e.length > 0 ? e : R(r);
       this.blockStates[t].recommendationProducts = [
         ...n.slice(0, r),
-        ...C(Math.max(0, r - n.length))
+        ...R(Math.max(0, r - n.length))
       ];
     }
   }
 });
 export {
-  nt as useRecommendationExtensionStore
+  Y as useRecommendationExtensionStore
 };

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-6e711fd7]{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-5c588dc5]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-5c588dc5]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-5c588dc5]{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-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-598fd738]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-598fd738] .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-6e711fd7]{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-5c588dc5]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-5c588dc5]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-5c588dc5]{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-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-2580a7d9]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-2580a7d9] .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}

package/dist/src/enums/extensions/recommendationBlock.d.ts

@@ -5,7 +5,6 @@ export declare const URLS: {
     PRODUCT_ATTRIBUTES_PATH: string;
     RECOMMENDATION_STRATEGIES_PATH: string;
     RECOMMENDATION_STRATEGIES_PANEL_PATH: string;
-    RECOMMENDATION_STRATEGY_CREATE_PATH: string;
 };
 export declare const QUERY_PARAMS: {
     CLIENT_ID: string;

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

@@ -20,7 +20,6 @@ export * from './utils';
 export declare class RecommendationBlockControl extends CommonControl {
     private store;
     private storeUnsubscription;
-    private syncedConfigs;
     private pendingNodeConfigWrite;
     private pendingConfigFlushTimer;
     private algorithmControl;
@@ -64,6 +63,11 @@ export declare class RecommendationBlockControl extends CommonControl {
      * 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).
      */
     private _syncNodeConfigIfChanged;
     private _capturePendingNodeConfigWrite;

package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts

@@ -41,6 +41,16 @@ interface PerBlockState {
     isInitialized: boolean;
     /** Snapshot of filters taken when the drawer opens, used to revert on cancel */
     filterSnapshot: Filter[] | null;
+    /**
+     * Fingerprint of the node config as this block's state last adopted it.
+     *
+     * Lives here, not on the control, because it is a claim ABOUT this state —
+     * "the store already holds that node config". Held on the control it
+     * outlived the state it described: `removeBlockState` tore the state down
+     * while the fingerprint survived, so re-dropping a saved module under the
+     * same id skipped the re-sync and kept the defaults (SD-150347).
+     */
+    syncedConfigFingerprint: string | null;
 }
 /**
  * Persisted-config subset used by `seedBlockUrlConfig` to reconstruct
@@ -57,6 +67,8 @@ export interface PerBlockUrlConfig {
     filters: Filter[];
     shuffleProducts: boolean;
     currencyCode: string;
+    /** The displayed symbol, which is not the code — a TRY block shows `₺`. */
+    currencySymbol: string;
     currencyAlignment: 'before' | 'after';
     currencyDecimalCount: number;
     currencyDecimalSeparator: string;
@@ -71,7 +83,6 @@ interface StoreState {
     strategies: RrsStrategy[];
     strategiesLoading: boolean;
     strategyUrlTemplates: Record<string, string>;
-    lastCreatedStrategyId: string | null;
     blockStates: Record<number, PerBlockState>;
     currentRecommendationId: number | null;
     configVersion: number;
@@ -100,7 +111,6 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         }[];
         strategiesLoading: boolean;
         strategyUrlTemplates: Record<string, string>;
-        lastCreatedStrategyId: string | null;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -127,7 +137,6 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         }[];
         strategiesLoading: boolean;
         strategyUrlTemplates: Record<string, string>;
-        lastCreatedStrategyId: string | null;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -154,7 +163,6 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         }[];
         strategiesLoading: boolean;
         strategyUrlTemplates: Record<string, string>;
-        lastCreatedStrategyId: string | null;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -178,7 +186,6 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         }[];
         strategiesLoading: boolean;
         strategyUrlTemplates: Record<string, string>;
-        lastCreatedStrategyId: string | null;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -202,7 +209,6 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         }[];
         strategiesLoading: boolean;
         strategyUrlTemplates: Record<string, string>;
-        lastCreatedStrategyId: string | null;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -226,7 +232,6 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         }[];
         strategiesLoading: boolean;
         strategyUrlTemplates: Record<string, string>;
-        lastCreatedStrategyId: string | null;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -253,7 +258,6 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         }[];
         strategiesLoading: boolean;
         strategyUrlTemplates: Record<string, string>;
-        lastCreatedStrategyId: string | null;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -280,7 +284,6 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         }[];
         strategiesLoading: boolean;
         strategyUrlTemplates: Record<string, string>;
-        lastCreatedStrategyId: string | null;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -308,7 +311,6 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         }[];
         strategiesLoading: boolean;
         strategyUrlTemplates: Record<string, string>;
-        lastCreatedStrategyId: string | null;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -335,7 +337,6 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         }[];
         strategiesLoading: boolean;
         strategyUrlTemplates: Record<string, string>;
-        lastCreatedStrategyId: string | null;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -362,7 +363,6 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         }[];
         strategiesLoading: boolean;
         strategyUrlTemplates: Record<string, string>;
-        lastCreatedStrategyId: string | null;
         blockStates: Record<number, PerBlockState>;
         currentRecommendationId: number | null;
         configVersion: number;
@@ -445,12 +445,6 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
     openRemoveStrategyModal(): void;
     closeRemoveStrategyModal(): void;
     fetchStrategies(): Promise<void>;
-    /**
-     * Opens Smart Recommender's strategy creation page in a new tab. The first time the user
-     * comes back, the list is fetched once more and any strategy that appeared meanwhile
-     * is remembered so the drawer can preselect it.
-     */
-    openStrategyCreation(): void;
     resolveStrategyUrlTemplate(strategy: RrsStrategy, currency: string): Promise<string>;
     assignStrategy(strategy: RrsStrategy): void;
     removeStrategy(): void;

package/dist/static/styles/components/recommendation-strategy.css.js

@@ -49,8 +49,11 @@ const n = `.strategy-control-header {
     white-space: nowrap;
 }
 
-.strategy-control-cta.primary > .button {
+.strategy-control-cta.primary > .button:disabled,
+.strategy-control-cta.primary > .button.disabled {
+    opacity: 1;
     color: var(--guido-color-gray-800);
+    cursor: default;
 }
 
 .strategy-control-name-band {

package/dist/utils/templatePreparation.js

@@ -1,30 +1,30 @@
 import { useActionsApi as k } from "../composables/useActionsApi.js";
 import { useConfig as U } from "../composables/useConfig.js";
 import { useHtmlCompiler as x } from "../composables/useHtmlCompiler.js";
-import { DEFAULT_CURRENCY as d, DEFAULT_NODE_CONFIG as a } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { useRecommendationExtensionStore as C } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { DEFAULT_CURRENCY as m, DEFAULT_NODE_CONFIG as a } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { useRecommendationExtensionStore as T } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { mapLegacyStrategy as L } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
-import { DATA_ATTRIBUTES as A } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { DATA_ATTRIBUTES as C } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
 import { parsePageList as R } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
 import { useDynamicContentStore as N } from "../stores/dynamic-content.js";
 import { useEditorStore as z } from "../stores/editor.js";
 import { useUnsubscribeStore as _ } from "../stores/unsubscribe.js";
 import { assignTrackingIds as v } from "./linkTrackingIds.js";
-function O(m) {
-  const i = new DOMParser().parseFromString(m, "text/html").querySelectorAll(`[${A.PAGE_LIST}]`), t = [];
-  return i.forEach((s) => {
-    const o = s.getAttribute(A.PAGE_LIST);
+function O(l) {
+  const c = new DOMParser().parseFromString(l, "text/html").querySelectorAll(`[${C.PAGE_LIST}]`), t = [];
+  return c.forEach((i) => {
+    const o = i.getAttribute(C.PAGE_LIST);
     o && t.push(...R(o));
   }), [...new Set(t)];
 }
-async function M(m) {
-  const n = new DOMParser().parseFromString(m, "text/html").querySelectorAll(".recommendation-block-v2");
+async function M(l) {
+  const n = new DOMParser().parseFromString(l, "text/html").querySelectorAll(".recommendation-block-v2");
   if (n.length === 0)
     return;
-  const i = C();
+  const c = T();
   n.forEach((t) => {
-    var r, l, g, f, c;
-    const s = t.getAttribute("recommendation-id"), o = s ? Number(s) : NaN;
+    var r, d, g, f, s, y;
+    const i = t.getAttribute("recommendation-id"), o = i ? Number(i) : NaN;
     if (!Number.isFinite(o))
       return;
     const p = t.getAttribute("esd-ext-config");
@@ -38,7 +38,7 @@ async function M(m) {
     }
     if (!e || typeof e != "object" || Array.isArray(e))
       return;
-    const h = {
+    const b = {
       // Normalize legacy strategy keys (e.g. `mostViewed` → `mostPopular`) so
       // already-saved blocks that never re-run the migrator don't emit a
       // strategy-less campaign URL. `||` also catches '' / undefined (SD-144882).
@@ -51,16 +51,17 @@ async function M(m) {
       productIds: e.productIds ?? [...a.productIds],
       filters: e.filters ?? [...a.filters],
       shuffleProducts: e.shuffleProducts ?? a.shuffleProducts,
-      currencyCode: ((r = e.currency) == null ? void 0 : r.code) ?? d.code,
-      currencyAlignment: ((l = e.currency) == null ? void 0 : l.alignment) ?? d.alignment,
-      currencyDecimalCount: ((g = e.currency) == null ? void 0 : g.decimalCount) ?? d.decimalCount,
-      currencyDecimalSeparator: ((f = e.currency) == null ? void 0 : f.decimalSeparator) ?? d.decimalSeparator,
-      currencyThousandSeparator: ((c = e.currency) == null ? void 0 : c.thousandSeparator) ?? d.thousandSeparator
+      currencyCode: ((r = e.currency) == null ? void 0 : r.code) ?? m.code,
+      currencySymbol: ((d = e.currency) == null ? void 0 : d.symbol) ?? m.symbol,
+      currencyAlignment: ((g = e.currency) == null ? void 0 : g.alignment) ?? m.alignment,
+      currencyDecimalCount: ((f = e.currency) == null ? void 0 : f.decimalCount) ?? m.decimalCount,
+      currencyDecimalSeparator: ((s = e.currency) == null ? void 0 : s.decimalSeparator) ?? m.decimalSeparator,
+      currencyThousandSeparator: ((y = e.currency) == null ? void 0 : y.thousandSeparator) ?? m.thousandSeparator
     };
-    i.seedBlockUrlConfig(o, h);
+    c.seedBlockUrlConfig(o, b);
   });
   try {
-    await i.fetchRecommendationCreateData();
+    await c.fetchRecommendationCreateData();
   } catch (t) {
     console.warn(
       "Recommendation reference data pre-load failed; validator will skip the availability check.",
@@ -69,44 +70,44 @@ async function M(m) {
   }
 }
 const Z = () => {
-  const m = N(), u = z(), n = _(), { getCompiledEmail: i, getTemplateData: t, updateHtmlAndCss: s } = k(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
+  const l = N(), u = z(), n = _(), { getCompiledEmail: c, getTemplateData: t, updateHtmlAndCss: i } = k(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
   return {
     prepareTemplateDetails: async () => {
-      let { html: r, css: l, syncModulesIds: g = [] } = await t();
+      let { html: r, css: d, syncModulesIds: g = [] } = await t();
       if (e("linkTrackingIds"))
         try {
-          const { html: S, changed: F, nextSeq: H } = v(r, u.trackIdSessionFloor);
-          u.trackIdSessionFloor = H, F && (r = S, await s(S, l));
-        } catch (S) {
-          console.error("Tracking-id step failed, saving anyway:", S);
+          const { html: h, changed: F, nextSeq: H } = v(r, u.trackIdSessionFloor);
+          u.trackIdSessionFloor = H, F && (r = h, await i(h, d));
+        } catch (h) {
+          console.error("Tracking-id step failed, saving anyway:", h);
         }
-      const { html: f, ampHtml: c = "", ampErrors: T = [] } = await i({
+      const { html: f, ampHtml: s = "", ampErrors: y = [] } = await c({
         minimize: !0,
         resetDataSavedFlag: !1
       });
       n.selectedUnsubscribePages.length && await n.fetchTemplates(), await M(r);
-      const { compiledHtml: I, stats: y, appliedRules: w } = o(f), D = c && p(c).compiledHtml, E = m.getSelectedDynamicContentList, P = C(), b = O(r);
+      const { compiledHtml: I, stats: S, appliedRules: w } = o(f), D = s && p(s).compiledHtml, E = l.getSelectedDynamicContentList, P = T(), A = O(r);
       return console.debug("HTML Compilation Stats:", {
-        originalSize: y.originalSize,
-        compiledSize: y.compiledSize,
-        reduction: `${y.reductionPercentage.toFixed(2)}%`,
+        originalSize: S.originalSize,
+        compiledSize: S.compiledSize,
+        reduction: `${S.reductionPercentage.toFixed(2)}%`,
         appliedRules: w,
-        executionTime: `${y.executionTime.toFixed(2)}ms`
+        executionTime: `${S.executionTime.toFixed(2)}ms`
       }), {
         dynamicContentList: E,
         compiledHtml: I,
         rawHtml: r,
-        css: l,
+        css: d,
         ampHtml: D,
-        ampErrors: T,
+        ampErrors: y,
         modules: g.map(Number),
         recommendation: {
           campaignUrls: P.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: b.length > 0,
-          config: b
+          status: A.length > 0,
+          config: A
         }
       };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.18.0-beta.19e1253",
+  "version": "3.18.0-beta.3ffa144",
   "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",