@useinsider/guido 3.18.1-beta.4ee2462 → 3.18.1-beta.4fbee43

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/store/recommendation.js

@@ -1,7 +1,7 @@
 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 P } from "../../../../stores/config.js";
-import { defineStore as F } from "pinia";
+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 _, 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";
@@ -12,7 +12,7 @@ import { sanitizeProductIds as A } from "../utils/productIds.js";
 import { isFilterValid as B } from "../validation/filterSchema.js";
 import { isConfigValid as M } from "../validation/requiredFields.js";
 const u = D();
-let f = null, h = null, g = null, S = null;
+let f = null, g = null, h = null, S = null;
 const p = /* @__PURE__ */ new Map();
 function w() {
   return {
@@ -56,7 +56,8 @@ function C() {
     removeStrategyModalStatus: !1,
     filterGroup: 1,
     isInitialized: !1,
-    filterSnapshot: null
+    filterSnapshot: null,
+    syncedConfigFingerprint: null
   };
 }
 const z = () => ({
@@ -71,7 +72,7 @@ const z = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), Y = F("guidoRecommendationExtension", {
+}), Y = P("guidoRecommendationExtension", {
   state: () => z(),
   getters: {
     // ====================================================================
@@ -241,7 +242,7 @@ const z = () => ({
       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, ","),
@@ -412,18 +413,18 @@ const z = () => ({
     },
     async fetchRecommendationFilters() {
       if (!Object.keys(this.filterList).length) {
-        if (h) {
-          await h;
+        if (g) {
+          await g;
           return;
         }
-        h = (async () => {
+        g = (async () => {
           const t = await u.fetchRecommendationFilters();
           this.filterList = t;
         })();
         try {
-          await h;
+          await g;
         } finally {
-          h = null;
+          g = null;
         }
       }
     },
@@ -505,21 +506,21 @@ const z = () => ({
     // ====================================================================
     async fetchRecommendationProducts() {
       if (!(this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId])) {
-        if (g) {
-          await g;
+        if (h) {
+          await h;
           return;
         }
-        g = this._doFetchProducts();
+        h = this._doFetchProducts();
         try {
-          await g;
+          await h;
         } finally {
-          g = null;
+          h = null;
         }
       }
     },
     async _doFetchProducts() {
       var d;
-      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = P();
+      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = F();
       if (r.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy")) {
         await this._doFetchStrategyProducts(t);
         return;

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;

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.1-beta.4ee2462",
+  "version": "3.18.1-beta.4fbee43",
   "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",