@useinsider/guido 3.18.1-beta.4fbee43 → 3.18.1-beta.5b53256

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/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 F } from "./productLayout.js";
+import { ProductLayoutControl as D } from "./productLayout.js";
 import { PRODUCT_LAYOUT_CONTROL_ID as Tt } from "./productLayout.js";
-import { ShuffleControl as D } from "./shuffle.js";
+import { ShuffleControl as F } 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 Ft, getCardComposition as Dt, getCurrentLayout as wt, getMainContainerTbody as At, regenerateMobileProductRows as vt, updatePricesInPlace as xt, updateSingleProductContent as Bt } 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 { useDebounceFn as f } from "../../../../../node_modules/@vueuse/shared/index.js";
 const $ = "ui-elements-recommendation-block";
 class at extends N {
@@ -39,6 +39,8 @@ 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);
@@ -118,7 +120,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 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) => {
+    }), 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) => {
       e && (e.api = this.api);
     }), `
             <div class="recommendation-controls-container">
@@ -198,19 +200,11 @@ 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 = 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());
+    const e = JSON.stringify(c.getConfig(this.currentNode)), o = this.syncedConfigs.get(t);
+    this.syncedConfigs.set(t, e), o !== e && (this.pendingNodeConfigWrite || this._syncNodeConfigToStore());
   }
   _capturePendingNodeConfigWrite() {
     const t = this.store.currentRecommendationId;
@@ -436,16 +430,16 @@ export {
   Tt as PRODUCT_LAYOUT_CONTROL_ID,
   E as PricePlacementControl,
   k as ProductCountControl,
-  F as ProductLayoutControl,
+  D as ProductLayoutControl,
   at as RecommendationBlockControl,
   St as SHUFFLE_CONTROL_ID,
   Lt as STRATEGY_CONTROL_ID,
-  D as ShuffleControl,
+  F as ShuffleControl,
   w as StrategyControl,
   kt as adjustProductsToSize,
-  Ft as formatProductPrice,
+  Dt as formatProductPrice,
   v as getBlockElement,
-  Dt as getCardComposition,
+  Ft 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 F } from "../../../../stores/config.js";
-import { defineStore as P } from "pinia";
+import { useConfigStore as P } from "../../../../stores/config.js";
+import { defineStore as F } 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, g = null, h = null, S = null;
+let f = null, h = null, g = null, S = null;
 const p = /* @__PURE__ */ new Map();
 function w() {
   return {
@@ -56,8 +56,7 @@ function C() {
     removeStrategyModalStatus: !1,
     filterGroup: 1,
     isInitialized: !1,
-    filterSnapshot: null,
-    syncedConfigFingerprint: null
+    filterSnapshot: null
   };
 }
 const z = () => ({
@@ -72,7 +71,7 @@ const z = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), Y = P("guidoRecommendationExtension", {
+}), Y = F("guidoRecommendationExtension", {
   state: () => z(),
   getters: {
     // ====================================================================
@@ -242,7 +241,7 @@ const z = () => ({
       const r = (o, c) => o === "." || o === "," || o === " " ? o : c, n = {
         name: e.currencyCode,
         value: e.currencyCode,
-        symbol: e.currencySymbol,
+        symbol: e.currencyCode,
         alignment: e.currencyAlignment === "before" ? "0" : "1",
         decimalCount: String(e.currencyDecimalCount),
         decimalSeparator: r(e.currencyDecimalSeparator, ","),
@@ -413,18 +412,18 @@ const z = () => ({
     },
     async fetchRecommendationFilters() {
       if (!Object.keys(this.filterList).length) {
-        if (g) {
-          await g;
+        if (h) {
+          await h;
           return;
         }
-        g = (async () => {
+        h = (async () => {
           const t = await u.fetchRecommendationFilters();
           this.filterList = t;
         })();
         try {
-          await g;
+          await h;
         } finally {
-          g = null;
+          h = null;
         }
       }
     },
@@ -506,21 +505,21 @@ const z = () => ({
     // ====================================================================
     async fetchRecommendationProducts() {
       if (!(this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId])) {
-        if (h) {
-          await h;
+        if (g) {
+          await g;
           return;
         }
-        h = this._doFetchProducts();
+        g = this._doFetchProducts();
         try {
-          await h;
+          await g;
         } finally {
-          h = null;
+          g = null;
         }
       }
     },
     async _doFetchProducts() {
       var d;
-      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = F();
+      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = P();
       if (r.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy")) {
         await this._doFetchStrategyProducts(t);
         return;

package/dist/services/templateLibraryApi.js

@@ -4,13 +4,14 @@ import { useToaster as C } from "../composables/useToaster.js";
 import { useTranslations as h } from "../composables/useTranslations.js";
 import { useLiquidValidator as S } from "../composables/validators/useLiquidValidator.js";
 import { EditorType as v } from "../enums/defaults.js";
-import { ToasterTypeOptions as N } from "../enums/toaster.js";
-import { useRecommendationExtensionStore as x } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { useSaveAsTemplateStore as E } from "../stores/save-as-template.js";
+import { ToasterTypeOptions as x } from "../enums/toaster.js";
+import { useRecommendationExtensionStore as E } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useSaveAsTemplateStore as N } from "../stores/save-as-template.js";
 import { base64EncodeWithSpecialChars as r } from "../utils/base64.js";
+import { isPlainObject as P } from "../utils/genericUtil.js";
 import { useTemplatePreparation as A } from "../utils/templatePreparation.js";
-const j = () => {
-  const { get: n, post: m } = b(), { handleError: o, showToaster: l } = C(), { config: c, isFeatureEnabled: p } = w(), { validateLiquidSyntax: g } = S(), u = h();
+const B = () => {
+  const { get: n, post: m } = b(), { handleError: o, showToaster: l } = C(), { config: c, isFeatureEnabled: p } = w(), { validateLiquidSyntax: f } = S(), u = h();
   return {
     getCategories: async () => {
       try {
@@ -40,10 +41,10 @@ const j = () => {
     createTemplate: async () => {
       var e, t, d, y;
       try {
-        const { prepareTemplateDetails: i } = A(), s = E(), a = await i();
-        if (p("liquidSyntax") && !await g(a.compiledHtml))
+        const { prepareTemplateDetails: i } = A(), s = N(), a = await i();
+        if (p("liquidSyntax") && !await f(a.compiledHtml))
           return !1;
-        const f = {
+        const T = {
           name: s.getTemplateName,
           categories: s.getSelectedCategoryIds,
           productId: ((t = (e = c.value) == null ? void 0 : e.partner) == null ? void 0 : t.productType) || 0,
@@ -54,7 +55,7 @@ const j = () => {
           unsubscriptionPreferencePageStatus: !1,
           unsubscriptionPreferencePages: [],
           recommendationCampaignUrls: r(
-            x().recommendationCampaignUrls
+            E().recommendationCampaignUrls
           ),
           recommendationConfigs: r({}),
           isGuido: !0,
@@ -66,16 +67,18 @@ const j = () => {
             css: a.css,
             dynamicContentList: a.dynamicContentList
           })
-        }, { data: { type: T } } = await m(
+        }, { data: g } = await m(
           "/newsletter/template-library/create-template",
-          f
+          T
         );
-        return T === "alert" ? (l({
+        if (!P(g))
+          throw new Error("Unexpected create-template response");
+        return g.type === "alert" ? (l({
           message: u(
             "newsletter.template-library-save-alert",
             { templateName: s.getTemplateName }
           ),
-          type: N.Error
+          type: x.Error
         }), !1) : (l({
           message: u(
             "newsletter.template-library-save-success",
@@ -90,5 +93,5 @@ const j = () => {
   };
 };
 export {
-  j as useTemplateLibraryApi
+  B as useTemplateLibraryApi
 };

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

@@ -20,6 +20,7 @@ export * from './utils';
 export declare class RecommendationBlockControl extends CommonControl {
     private store;
     private storeUnsubscription;
+    private syncedConfigs;
     private pendingNodeConfigWrite;
     private pendingConfigFlushTimer;
     private algorithmControl;
@@ -63,11 +64,6 @@ 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,16 +41,6 @@ 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
@@ -67,8 +57,6 @@ 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/src/utils/genericUtil.d.ts

@@ -30,3 +30,9 @@ export declare const replaceString: (string?: string, values?: Record<string, st
  * a string nor a number becomes ''.
  */
 export declare const asText: (value: unknown) => string;
+/**
+ * Narrows an unknown API value to a plain JSON object. Arrays and exotic
+ * objects (Blob, Date, FormData) are rejected, so a response body that useHttp
+ * parsed as text or blob can never be read as a JSON payload.
+ */
+export declare const isPlainObject: <T>(value: T) => value is T & Record<string, unknown>;

package/dist/utils/genericUtil.js

@@ -1,69 +1,75 @@
-const o = (t) => {
-  const a = t.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((l) => l.trim()), [s] = a, r = {
-    text: t.label,
+const o = (a) => {
+  const t = a.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((e) => e.trim()), [s] = t, r = {
+    text: a.label,
     value: s || ""
   };
-  if (a.length >= 2) {
-    const [, l, e] = a;
-    if (l.startsWith("default:")) {
-      let n = l.slice(8).trim();
+  if (t.length >= 2) {
+    const [, e, l] = t;
+    if (e.startsWith("default:")) {
+      let n = e.slice(8).trim();
       n.startsWith('"') && n.endsWith('"') && (n = n.slice(1, -1)), r.fallback = n;
     } else {
-      const n = l.includes("=") ? { key: l.split("=")[0].trim(), value: l.split("=")[1].trim() } : null;
-      n ? r.format = n : e || (r.fallback = l), e && (r.fallback = e);
+      const n = e.includes("=") ? { key: e.split("=")[0].trim(), value: e.split("=")[1].trim() } : null;
+      n ? r.format = n : l || (r.fallback = e), l && (r.fallback = l);
     }
   }
   return r;
-}, f = (t, c = !1) => t.map((a) => {
-  if (a.format)
+}, u = (a, c = !1) => a.map((t) => {
+  if (t.format)
     return {
-      label: `${a.text} | ${a.format.key}=${a.format.value}`,
-      value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
+      label: `${t.text} | ${t.format.key}=${t.format.value}`,
+      value: `{{${t.value}|${t.format.key}=${t.format.value}}}`
     };
   if (c) {
-    if (!a.fallback)
+    if (!t.fallback)
       return {
-        label: a.text,
-        value: `{{ ${a.value} }}`
+        label: t.text,
+        value: `{{ ${t.value} }}`
       };
-    const r = !Number.isNaN(Number(a.fallback)) && a.fallback.trim() !== "" ? a.fallback : `"${a.fallback}"`;
+    const r = !Number.isNaN(Number(t.fallback)) && t.fallback.trim() !== "" ? t.fallback : `"${t.fallback}"`;
     return {
-      label: `${a.text} | ${a.fallback}`,
-      value: `{{ ${a.value} | default: ${r} }}`
+      label: `${t.text} | ${t.fallback}`,
+      value: `{{ ${t.value} | default: ${r} }}`
     };
   }
   return {
-    label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
-    value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
+    label: t.fallback ? `${t.text} | ${t.fallback}` : t.text,
+    value: t.fallback ? `{{${t.value}|${t.fallback}}}` : `{{${t.value}}}`
   };
-}), b = (t) => {
-  const c = [], a = /* @__PURE__ */ new Set(), s = (l) => {
-    Array.isArray(l) && l.forEach((e) => {
-      const n = [...e.children ?? [], ...e.select_items ?? []];
+}), b = (a) => {
+  const c = [], t = /* @__PURE__ */ new Set(), s = (e) => {
+    Array.isArray(e) && e.forEach((l) => {
+      const n = [...l.children ?? [], ...l.select_items ?? []];
       if (n.length > 0) {
         s(n);
         return;
       }
-      const u = e.text || e.tag_text;
-      u && e.value && !a.has(e.value) && (a.add(e.value), c.push({ text: u, value: e.value }));
+      const f = l.text || l.tag_text;
+      f && l.value && !t.has(l.value) && (t.add(l.value), c.push({ text: f, value: l.value }));
     });
-  }, [r] = Object.values(t ?? {});
+  }, [r] = Object.values(a ?? {});
   return s(r), c;
-}, i = (t, c, a = !1) => {
-  const s = new Set(t.map((l) => l.value)), r = c.filter((l) => s.has(l.value) ? !1 : (s.add(l.value), !0));
+}, i = (a, c, t = !1) => {
+  const s = new Set(a.map((e) => e.value)), r = c.filter((e) => s.has(e.value) ? !1 : (s.add(e.value), !0));
   return [
-    ...f(t, a),
-    ...f(r, a)
+    ...u(a, t),
+    ...u(r, t)
   ];
-}, v = () => {
-  var t;
-  return ((t = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : t.getAttribute("content")) ?? "";
-}, k = (t) => typeof t == "string" ? t : typeof t == "number" ? String(t) : "";
+}, k = () => {
+  var a;
+  return ((a = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : a.getAttribute("content")) ?? "";
+}, v = (a) => typeof a == "string" ? a : typeof a == "number" ? String(a) : "", y = (a) => {
+  if (a === null || typeof a != "object" || Array.isArray(a))
+    return !1;
+  const c = Object.getPrototypeOf(a);
+  return c === Object.prototype || c === null;
+};
 export {
-  k as asText,
+  v as asText,
   i as buildMergeTagEntries,
-  f as dynamicContentToMergeTags,
+  u as dynamicContentToMergeTags,
   b as flattenDynamicContentList,
-  v as getCsrfToken,
+  k as getCsrfToken,
+  y as isPlainObject,
   o as mergeTagToDynamicContent
 };

package/dist/utils/templatePreparation.js

@@ -1,30 +1,31 @@
 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 m, DEFAULT_NODE_CONFIG as a } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { DEFAULT_CURRENCY as d, 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 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 { useUnsubscribeStore as O } from "../stores/unsubscribe.js";
+import { isPlainObject as _ } from "./genericUtil.js";
 import { assignTrackingIds as v } from "./linkTrackingIds.js";
-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);
+function M(m) {
+  const i = new DOMParser().parseFromString(m, "text/html").querySelectorAll(`[${C.PAGE_LIST}]`), t = [];
+  return i.forEach((s) => {
+    const o = s.getAttribute(C.PAGE_LIST);
     o && t.push(...R(o));
   }), [...new Set(t)];
 }
-async function M(l) {
-  const n = new DOMParser().parseFromString(l, "text/html").querySelectorAll(".recommendation-block-v2");
+async function q(m) {
+  const n = new DOMParser().parseFromString(m, "text/html").querySelectorAll(".recommendation-block-v2");
   if (n.length === 0)
     return;
-  const c = T();
+  const i = T();
   n.forEach((t) => {
-    var r, d, g, f, s, y;
-    const i = t.getAttribute("recommendation-id"), o = i ? Number(i) : NaN;
+    var r, l, g, f, c;
+    const s = t.getAttribute("recommendation-id"), o = s ? Number(s) : NaN;
     if (!Number.isFinite(o))
       return;
     const p = t.getAttribute("esd-ext-config");
@@ -36,9 +37,9 @@ async function M(l) {
     } catch {
       return;
     }
-    if (!e || typeof e != "object" || Array.isArray(e))
+    if (!_(e))
       return;
-    const b = {
+    const h = {
       // 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,17 +52,16 @@ async function M(l) {
       productIds: e.productIds ?? [...a.productIds],
       filters: e.filters ?? [...a.filters],
       shuffleProducts: e.shuffleProducts ?? a.shuffleProducts,
-      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
+      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
     };
-    c.seedBlockUrlConfig(o, b);
+    i.seedBlockUrlConfig(o, h);
   });
   try {
-    await c.fetchRecommendationCreateData();
+    await i.fetchRecommendationCreateData();
   } catch (t) {
     console.warn(
       "Recommendation reference data pre-load failed; validator will skip the availability check.",
@@ -69,24 +69,24 @@ async function M(l) {
     );
   }
 }
-const Z = () => {
-  const l = N(), u = z(), n = _(), { getCompiledEmail: c, getTemplateData: t, updateHtmlAndCss: i } = k(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
+const te = () => {
+  const m = N(), u = z(), n = O(), { getCompiledEmail: i, getTemplateData: t, updateHtmlAndCss: s } = k(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
   return {
     prepareTemplateDetails: async () => {
-      let { html: r, css: d, syncModulesIds: g = [] } = await t();
+      let { html: r, css: l, syncModulesIds: g = [] } = await t();
       if (e("linkTrackingIds"))
         try {
-          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: y, changed: F, nextSeq: H } = v(r, u.trackIdSessionFloor);
+          u.trackIdSessionFloor = H, F && (r = y, await s(y, l));
+        } catch (y) {
+          console.error("Tracking-id step failed, saving anyway:", y);
         }
-      const { html: f, ampHtml: s = "", ampErrors: y = [] } = await c({
+      const { html: f, ampHtml: c = "", ampErrors: A = [] } = await i({
         minimize: !0,
         resetDataSavedFlag: !1
       });
-      n.selectedUnsubscribePages.length && await n.fetchTemplates(), await M(r);
-      const { compiledHtml: I, stats: S, appliedRules: w } = o(f), D = s && p(s).compiledHtml, E = l.getSelectedDynamicContentList, P = T(), A = O(r);
+      n.selectedUnsubscribePages.length && await n.fetchTemplates(), await q(r);
+      const { compiledHtml: I, stats: S, appliedRules: w } = o(f), D = c && p(c).compiledHtml, P = m.getSelectedDynamicContentList, E = T(), b = M(r);
       return console.debug("HTML Compilation Stats:", {
         originalSize: S.originalSize,
         compiledSize: S.compiledSize,
@@ -94,26 +94,26 @@ const Z = () => {
         appliedRules: w,
         executionTime: `${S.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: E,
+        dynamicContentList: P,
         compiledHtml: I,
         rawHtml: r,
-        css: d,
+        css: l,
         ampHtml: D,
-        ampErrors: y,
+        ampErrors: A,
         modules: g.map(Number),
         recommendation: {
-          campaignUrls: P.recommendationCampaignUrls,
+          campaignUrls: E.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: A.length > 0,
-          config: A
+          status: b.length > 0,
+          config: b
         }
       };
     }
   };
 };
 export {
-  O as getHtmlReferencedUnsubscribePages,
-  Z as useTemplatePreparation
+  M as getHtmlReferencedUnsubscribePages,
+  te as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.18.1-beta.4fbee43",
+  "version": "3.18.1-beta.5b53256",
   "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",