@useinsider/guido 3.6.0-beta.4f2bf14 → 3.6.0-beta.804c9cb

package/dist/composables/useActionsApi.js

@@ -1,6 +1,7 @@
-import { useToaster as w } from "./useToaster.js";
-const v = () => {
-  const { handleError: n } = w(), m = (t = {}) => new Promise((e, a) => {
+import { filterAmpErrors as w } from "../utils/ampErrorFilter.js";
+import { useToaster as A } from "./useToaster.js";
+const D = () => {
+  const { handleError: n } = A(), s = (t = {}) => new Promise((e, a) => {
     const o = { ...{
       minimize: !0,
       utmEntity: {
@@ -20,29 +21,29 @@ const v = () => {
       forceAmp: !1,
       resetDataSavedFlag: !1,
       disableLineHeightsReplace: !0
-    }, ...t }, s = {
-      callback: (l, p, d, c, u) => {
-        l ? a(l) : e({
+    }, ...t }, l = {
+      callback: (r, p, d, c, u) => {
+        r ? a(r) : e({
           html: p,
           ampHtml: d,
-          ampErrors: c,
+          ampErrors: w(c ?? []),
           displayConditions: u
         });
       },
       ...o
     };
-    window.StripoEditorApi.actionsApi.compileEmail(s);
+    window.StripoEditorApi.actionsApi.compileEmail(l);
   });
   return {
-    getCompiledEmail: m,
+    getCompiledEmail: s,
     getTemplateData: () => new Promise((t) => {
-      const e = ({ html: a, css: i, width: o, height: r, utmParams: s, syncModulesIds: l }) => t({
+      const e = ({ html: a, css: i, width: o, height: m, utmParams: l, syncModulesIds: r }) => t({
         html: a,
         css: i,
         width: o,
-        height: r,
-        utmParams: s,
-        syncModulesIds: l
+        height: m,
+        utmParams: l,
+        syncModulesIds: r
       });
       window.StripoEditorApi.actionsApi.getTemplateData(e);
     }),
@@ -56,7 +57,7 @@ const v = () => {
           displayConditions: a,
           ampHtml: i = "",
           ampErrors: o = []
-        } = await m({ minimize: !1, resetDataSavedFlag: !1, ...t });
+        } = await s({ minimize: !1, resetDataSavedFlag: !1, ...t });
         return {
           html: e,
           ampHtml: i,
@@ -101,5 +102,5 @@ const v = () => {
   };
 };
 export {
-  v as useActionsApi
+  D as useActionsApi
 };

package/dist/composables/useHtmlCompiler.js

@@ -1,30 +1,48 @@
-import { defaultHtmlCompilerRules as c } from "../config/compiler/htmlCompilerRules.js";
-import { itemsCompilerRules as f } from "../config/compiler/itemsCompilerRules.js";
-import { liquidCompilerRules as R } from "../config/compiler/liquidCompilerRules.js";
-import { outlookCompilerRules as C } from "../config/compiler/outlookCompilerRules.js";
-import { recommendationCompilerRules as d } from "../config/compiler/recommendationCompilerRules.js";
-import { socialCompilerRules as b } from "../config/compiler/socialCompilerRules.js";
-import { unsubscribeCompilerRules as g } from "../config/compiler/unsubscribeCompilerRules.js";
-import { createHtmlCompiler as H } from "../utils/htmlCompiler.js";
-import { useConfig as v } from "./useConfig.js";
-const w = () => {
-  var l, m, r;
-  const { compiler: e, isFeatureEnabled: t, partner: i } = v(), s = ((l = e.value) == null ? void 0 : l.customRules) || [], u = [
-    ...!!((m = e.value) != null && m.ignoreDefaultRules) ? [] : c,
-    ...d,
+import { defaultHtmlCompilerRules as R } from "../config/compiler/htmlCompilerRules.js";
+import { itemsCompilerRules as g } from "../config/compiler/itemsCompilerRules.js";
+import { liquidCompilerRules as C } from "../config/compiler/liquidCompilerRules.js";
+import { outlookCompilerRules as b } from "../config/compiler/outlookCompilerRules.js";
+import { recommendationCompilerRules as v } from "../config/compiler/recommendationCompilerRules.js";
+import { socialCompilerRules as H } from "../config/compiler/socialCompilerRules.js";
+import { unsubscribeCompilerRules as x } from "../config/compiler/unsubscribeCompilerRules.js";
+import { createHtmlCompiler as s } from "../utils/htmlCompiler.js";
+import { useConfig as k } from "./useConfig.js";
+const y = /* @__PURE__ */ new Set([
+  // URL/tag encoding fixes — keep merge-tag and placeholder integrity intact.
+  "fix-url-encoding-start",
+  "fix-url-encoding-end",
+  "fix-tags-start",
+  "fix-tags-end",
+  // Image domain corrections — plain string replacement.
+  "replace-old-image-domain",
+  "replace-old-v2-image-domain",
+  // Unsubscribe domain — the actual fix: injects the real unsubscribe href in
+  // place of the `{{ins-*-unsubscribe-link}}` placeholders, plus related
+  // unsubscribe-only cleanups. All pure regex/text, no AMP-forbidden output.
+  "add-unsubscribe-link-values",
+  "remove-data-ogsb-button-styles",
+  "format-comment-braces",
+  "add-universal-link-flags",
+  // Coupon placeholder replacement (only present when liquidSyntax is enabled).
+  "liquid-coupon-code"
+]), M = () => {
+  var m, t, r;
+  const { compiler: e, isFeatureEnabled: a, partner: n } = k(), u = ((m = e.value) == null ? void 0 : m.customRules) || [], l = [
+    ...!!((t = e.value) != null && t.ignoreDefaultRules) ? [] : R,
+    ...v,
+    ...x,
     ...g,
-    ...f,
-    ...C,
     ...b,
-    ...t("liquidSyntax") ? R : [],
-    ...s.map((o, a) => ({
+    ...H,
+    ...a("liquidSyntax") ? C : [],
+    ...u.map((o, f) => ({
       ...o,
-      priority: o.priority + 1e3 + a
+      priority: o.priority + 1e3 + f
       // Ensure additional rules run after default rules
     }))
-  ], p = H(u), n = (r = i.value) == null ? void 0 : r.fallbackFont;
-  return { compileHtml: (o) => p.compile(o, void 0, n) };
+  ], p = s(l), c = l.filter((o) => y.has(o.id)), d = s(c), i = (r = n.value) == null ? void 0 : r.fallbackFont;
+  return { compileHtml: (o) => p.compile(o, void 0, i), compileAmpHtml: (o) => d.compile(o, void 0, i) };
 };
 export {
-  w as useHtmlCompiler
+  M as useHtmlCompiler
 };

package/dist/composables/useStripoEventHandler.js

@@ -1,35 +1,33 @@
-import { useStripoApi as c } from "../services/stripoApi.js";
+import { useStripoApi as i } from "../services/stripoApi.js";
 import { useEditorStore as u } from "../stores/editor.js";
 import { useOnboardingStore as l } from "../stores/onboarding.js";
 import { useUnsubscribeStore as b } from "../stores/unsubscribe.js";
 const v = () => {
-  const { updateSyncModule: r, getSyncModule: a } = c(), t = u(), s = b(), i = {
+  const { updateSyncModule: d, getSyncModule: r } = i(), n = u(), s = b(), a = {
     block_dropped: ({ blockName: e }) => {
       if (e === "BLOCK_TEXT") {
-        const o = l(), n = !o.shouldShowOnboarding("textBlockOnboarding"), d = o.isActive("textBlockOnboarding");
-        if (n || d)
+        const o = l(), t = !o.shouldShowOnboarding("textBlockOnboarding"), c = o.isActive("textBlockOnboarding");
+        if (t || c)
           return;
         o.start("textBlockOnboarding");
       }
     },
     module_saved: async (e) => {
-      t.syncModulesEnabled && (console.debug("[module_saved] Saved module data:", e), await r(e));
+      n.syncModulesEnabled && (console.debug("[module_saved] Saved module data:", e), await d(e));
     },
     module_dropped: async (e) => {
-      if (!t.syncModulesEnabled)
+      if (!n.syncModulesEnabled)
         return;
-      const { moduleId: o } = e, n = await a(o);
-      console.debug("[module_dropped] Sync module data:", n), n.unsubscriptionPreferencePages.length && (await s.fetchTemplates(), s.addUnsubscribePages(
-        n.unsubscriptionPreferencePages.map((d) => d.id)
-      ));
+      const { moduleId: o } = e, t = await r(o);
+      console.debug("[module_dropped] Sync module data:", t), t.unsubscriptionPreferencePages.length && await s.fetchTemplates();
     },
     module_updated: async (e) => {
-      t.syncModulesEnabled && (console.debug("[module_updated] Updated module data:", e), await r(e));
+      n.syncModulesEnabled && (console.debug("[module_updated] Updated module data:", e), await d(e));
     }
   };
   return { handleEvent: async (e, o) => {
-    const n = i[e];
-    console.debug("Stripo Event: ", e, o), n && await n(o);
+    const t = a[e];
+    console.debug("Stripo Event: ", e, o), t && await t(o);
   } };
 };
 export {

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

@@ -1,31 +1,31 @@
-var f = Object.defineProperty;
-var p = (d, l, t) => l in d ? f(d, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[l] = t;
-var s = (d, l, t) => p(d, typeof l != "symbol" ? l + "" : l, t);
+var C = Object.defineProperty;
+var p = (d, c, t) => c in d ? C(d, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[c] = t;
+var s = (d, c, t) => p(d, typeof c != "symbol" ? c + "" : c, t);
 import { CommonControl as g } from "../../../common-control.js";
 import { DEFAULT_NODE_CONFIG as a } from "../../constants/defaultConfig.js";
 import { RecommendationConfigService as h } from "../../services/configService.js";
 import { useRecommendationExtensionStore as y } from "../../store/recommendation.js";
-import { AlgorithmControl as R } from "./algorithm.js";
-import { ALGORITHM_CONTROL_ID as J } from "./algorithm.js";
-import { CurrencyControl as N } from "./currency.js";
-import { CURRENCY_CONTROL_ID as X } from "./currency.js";
+import { AlgorithmControl as N } from "./algorithm.js";
+import { ALGORITHM_CONTROL_ID as Q } from "./algorithm.js";
+import { CurrencyControl as R } from "./currency.js";
+import { CURRENCY_CONTROL_ID as Z } from "./currency.js";
 import { FiltersControl as _ } from "./filters.js";
-import { FILTERS_CONTROL_ID as tt } from "./filters.js";
+import { FILTERS_CONTROL_ID as et } from "./filters.js";
 import { LayoutOrientationControl as b } from "./layoutOrientation.js";
-import { LAYOUT_ORIENTATION_CONTROL_ID as ot } from "./layoutOrientation.js";
+import { LAYOUT_ORIENTATION_CONTROL_ID as rt } from "./layoutOrientation.js";
 import { LocaleControl as O } from "./locale.js";
-import { LOCALE_CONTROL_ID as nt } from "./locale.js";
+import { LOCALE_CONTROL_ID as it } from "./locale.js";
 import { ProductCountControl as I } from "./productCount.js";
-import { PRODUCT_COUNT_CONTROL_ID as st } from "./productCount.js";
+import { PRODUCT_COUNT_CONTROL_ID as at } from "./productCount.js";
 import { ProductLayoutControl as T } from "./productLayout.js";
 import { PRODUCT_LAYOUT_CONTROL_ID as lt } from "./productLayout.js";
 import { ShuffleControl as S } from "./shuffle.js";
-import { SHUFFLE_CONTROL_ID as ut } from "./shuffle.js";
-import { getBlockElement as L, updateProductContentInPlace as P, regenerateProductRowsWithStyles as D } from "./utils.js";
-import { adjustProductsToSize as ht, formatProductPrice as mt, getCardComposition as Ct, getCurrentLayout as ft, reapplySpacing as pt, regenerateMobileProductRows as gt, regenerateProductRows as yt, setCurrencyAttributes as Rt, updatePricesInPlace as Nt, updateSingleProductContent as _t } from "./utils.js";
+import { SHUFFLE_CONTROL_ID as dt } from "./shuffle.js";
+import { setCurrencyAttributes as L, getBlockElement as P, updateProductContentInPlace as D, regenerateProductRowsWithStyles as k } from "./utils.js";
+import { adjustProductsToSize as mt, formatProductPrice as ft, getCardComposition as Ct, getCurrentLayout as pt, reapplySpacing as gt, regenerateMobileProductRows as yt, regenerateProductRows as Nt, updatePricesInPlace as Rt, updateSingleProductContent as _t } from "./utils.js";
 import { useDebounceFn as m } from "../../../../../node_modules/@vueuse/shared/index.js";
-const k = "recommendation-id", E = "ui-elements-recommendation-block";
-class H extends g {
+const E = "recommendation-id", v = "ui-elements-recommendation-block";
+class K extends g {
   constructor() {
     super(...arguments);
     s(this, "store", y());
@@ -62,11 +62,11 @@ class H extends g {
       if (!this.currentNode || !this.api)
         return;
       const e = this.api.getDocumentModifier();
-      P({
+      D({
         currentNode: this.currentNode,
         documentModifier: e,
         products: t
-      }) || D({
+      }) || k({
         currentNode: this.currentNode,
         documentModifier: e,
         products: t
@@ -74,10 +74,10 @@ class H extends g {
     }, 100));
   }
   getId() {
-    return E;
+    return v;
   }
   getTemplate() {
-    return this.algorithmControl = new R(), this.localeControl = new O(), this.currencyControl = new N(), this.productCountControl = new I(), this.productLayoutControl = new T(), this.filtersControl = new _(), this.shuffleControl = new S(), this.layoutOrientationControl = new b(), [
+    return this.algorithmControl = new N(), this.localeControl = new O(), this.currencyControl = new R(), this.productCountControl = new I(), this.productLayoutControl = new T(), this.filtersControl = new _(), this.shuffleControl = new S(), this.layoutOrientationControl = new b(), [
       this.algorithmControl,
       this.localeControl,
       this.currencyControl,
@@ -263,7 +263,11 @@ class H extends g {
       this.currentNode,
       e,
       "Applied smart defaults"
-    ), this.store.patchCurrentBlockConfig({
+    ), o && e.currency && L({
+      currentNode: this.currentNode,
+      documentModifier: this.api.getDocumentModifier(),
+      currency: e.currency
+    }), this.store.patchCurrentBlockConfig({
       ...o ? {
         currencySettings: {
           name: o,
@@ -283,10 +287,10 @@ class H extends g {
    * Reads the recommendation-id attribute from the block element within the node
    */
   _getRecommendationIdFromNode(t) {
-    const e = L(t);
+    const e = P(t);
     if (!e || !("getAttribute" in e))
       return null;
-    const o = e.getAttribute(k);
+    const o = e.getAttribute(E);
     if (!o)
       return null;
     const r = parseInt(o);
@@ -316,8 +320,8 @@ class H extends g {
       }
       const i = t.$state.configVersion;
       i !== o && (o = i, this._persistFiltersToNodeConfig(), this._debouncedFetchProducts());
-      const c = t.recommendationProducts, u = c !== e, C = Array.isArray(c) && c.length > 0;
-      u && C && (e = c, this._debouncedRegenerateWithProducts());
+      const l = t.recommendationProducts, u = l !== e, f = Array.isArray(l) && l.length > 0;
+      u && f && (e = l, this._debouncedRegenerateWithProducts());
     });
   }
   /**
@@ -337,35 +341,35 @@ class H extends g {
   }
 }
 export {
-  J as ALGORITHM_CONTROL_ID,
-  R as AlgorithmControl,
-  E as CONTROL_BLOCK_ID,
-  X as CURRENCY_CONTROL_ID,
-  N as CurrencyControl,
-  tt as FILTERS_CONTROL_ID,
+  Q as ALGORITHM_CONTROL_ID,
+  N as AlgorithmControl,
+  v as CONTROL_BLOCK_ID,
+  Z as CURRENCY_CONTROL_ID,
+  R as CurrencyControl,
+  et as FILTERS_CONTROL_ID,
   _ as FiltersControl,
-  ot as LAYOUT_ORIENTATION_CONTROL_ID,
-  nt as LOCALE_CONTROL_ID,
+  rt as LAYOUT_ORIENTATION_CONTROL_ID,
+  it as LOCALE_CONTROL_ID,
   b as LayoutOrientationControl,
   O as LocaleControl,
-  st as PRODUCT_COUNT_CONTROL_ID,
+  at as PRODUCT_COUNT_CONTROL_ID,
   lt as PRODUCT_LAYOUT_CONTROL_ID,
   I as ProductCountControl,
   T as ProductLayoutControl,
-  H as RecommendationBlockControl,
-  ut as SHUFFLE_CONTROL_ID,
+  K as RecommendationBlockControl,
+  dt as SHUFFLE_CONTROL_ID,
   S as ShuffleControl,
-  ht as adjustProductsToSize,
-  mt as formatProductPrice,
-  L as getBlockElement,
+  mt as adjustProductsToSize,
+  ft as formatProductPrice,
+  P as getBlockElement,
   Ct as getCardComposition,
-  ft as getCurrentLayout,
-  pt as reapplySpacing,
-  gt as regenerateMobileProductRows,
-  yt as regenerateProductRows,
-  D as regenerateProductRowsWithStyles,
-  Rt as setCurrencyAttributes,
-  Nt as updatePricesInPlace,
-  P as updateProductContentInPlace,
+  pt as getCurrentLayout,
+  gt as reapplySpacing,
+  yt as regenerateMobileProductRows,
+  Nt as regenerateProductRows,
+  k as regenerateProductRowsWithStyles,
+  L as setCurrencyAttributes,
+  Rt as updatePricesInPlace,
+  D as updateProductContentInPlace,
   _t as updateSingleProductContent
 };

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

@@ -1,6 +1,6 @@
 import { ModificationDescription as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { RecommendationBlockId as m } from "../../constants/blockIds.js";
-import { MOBILE_CONTAINER_SELECTOR as q, MOBILE_ROW_SELECTOR as k, CURRENCY_ATTR as y, DESKTOP_CONTAINER_SELECTOR as P, CONTAINER_SELECTOR as v, ATTR_PRODUCT_ATTR as W } from "../../constants/selectors.js";
+import { CURRENCY_ATTR as y, MOBILE_CONTAINER_SELECTOR as q, MOBILE_ROW_SELECTOR as k, DESKTOP_CONTAINER_SELECTOR as P, CONTAINER_SELECTOR as v, ATTR_PRODUCT_ATTR as W } from "../../constants/selectors.js";
 import { RecommendationConfigService as E } from "../../services/configService.js";
 import { useRecommendationExtensionStore as C } from "../../store/recommendation.js";
 import { prepareProductRows as _ } from "../../templates/index.js";

package/dist/src/composables/useHtmlCompiler.d.ts

@@ -1,4 +1,5 @@
 import type { CompilationResult } from '@@/Types/html-compiler';
 export declare const useHtmlCompiler: () => {
     compileHtml: (html: string) => CompilationResult;
+    compileAmpHtml: (amp: string) => CompilationResult;
 };

package/dist/src/utils/ampErrorFilter.d.ts

@@ -0,0 +1,2 @@
+export declare const AMP_ERROR_WHITELISTED_TOKENS: string[];
+export declare const filterAmpErrors: (ampErrors: string[]) => string[];

package/dist/utils/ampErrorFilter.js

@@ -0,0 +1,8 @@
+import { MERGE_TAGS as t } from "../enums/unsubscribe.js";
+const E = Object.values(t), c = (r) => r.filter(
+  (e) => !E.some((o) => e.includes(o))
+);
+export {
+  E as AMP_ERROR_WHITELISTED_TOKENS,
+  c as filterAmpErrors
+};

package/dist/utils/templatePreparation.js

@@ -1,55 +1,55 @@
-import { useActionsApi as C } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as T } from "../composables/useHtmlCompiler.js";
-import { DEFAULT_CURRENCY as d, DEFAULT_NODE_CONFIG as s } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { useActionsApi as D } from "../composables/useActionsApi.js";
+import { useHtmlCompiler as P } from "../composables/useHtmlCompiler.js";
+import { DEFAULT_CURRENCY as p, DEFAULT_NODE_CONFIG as i } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
 import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { DATA_ATTRIBUTES as S } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { parsePageList as D } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useDynamicContentStore as P } from "../stores/dynamic-content.js";
-import { useUnsubscribeStore as w } from "../stores/unsubscribe.js";
-function E(i, o) {
-  const t = new DOMParser().parseFromString(i, "text/html").querySelectorAll(`[${S.PAGE_LIST}]`), c = [];
-  return t.forEach((r) => {
-    const a = r.getAttribute(S.PAGE_LIST);
-    a && c.push(...D(a));
-  }), o.filter((r) => c.includes(r));
+import { parsePageList as w } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useDynamicContentStore as E } from "../stores/dynamic-content.js";
+import { useUnsubscribeStore as H } from "../stores/unsubscribe.js";
+function U(s, r) {
+  const t = new DOMParser().parseFromString(s, "text/html").querySelectorAll(`[${S.PAGE_LIST}]`), o = [];
+  return t.forEach((a) => {
+    const n = a.getAttribute(S.PAGE_LIST);
+    n && o.push(...w(n));
+  }), r.filter((a) => o.includes(a));
 }
-async function U(i) {
-  const m = new DOMParser().parseFromString(i, "text/html").querySelectorAll(".recommendation-block-v2");
+async function F(s) {
+  const m = new DOMParser().parseFromString(s, "text/html").querySelectorAll(".recommendation-block-v2");
   if (m.length === 0)
     return;
   const l = b();
   m.forEach((t) => {
-    var g, f, u, n, y;
-    const c = t.getAttribute("recommendation-id"), r = c ? Number(c) : NaN;
-    if (!Number.isFinite(r))
+    var u, g, f, d, c;
+    const o = t.getAttribute("recommendation-id"), a = o ? Number(o) : NaN;
+    if (!Number.isFinite(a))
       return;
-    const a = t.getAttribute("esd-ext-config");
-    if (!a)
+    const n = t.getAttribute("esd-ext-config");
+    if (!n)
       return;
     let e;
     try {
-      e = JSON.parse(a);
+      e = JSON.parse(n);
     } catch {
       return;
     }
     if (!e || typeof e != "object" || Array.isArray(e))
       return;
-    const p = {
-      strategy: e.strategy ?? s.strategy,
-      language: e.language ?? s.language,
-      size: e.size ?? s.size,
+    const y = {
+      strategy: e.strategy ?? i.strategy,
+      language: e.language ?? i.language,
+      size: e.size ?? i.size,
       // Spread the default arrays so each block gets a fresh reference
       // instead of sharing the singleton in DEFAULT_NODE_CONFIG.
-      productIds: e.productIds ?? [...s.productIds],
-      filters: e.filters ?? [...s.filters],
-      shuffleProducts: e.shuffleProducts ?? s.shuffleProducts,
-      currencyCode: ((g = e.currency) == null ? void 0 : g.code) ?? d.code,
-      currencyAlignment: ((f = e.currency) == null ? void 0 : f.alignment) ?? d.alignment,
-      currencyDecimalCount: ((u = e.currency) == null ? void 0 : u.decimalCount) ?? d.decimalCount,
-      currencyDecimalSeparator: ((n = e.currency) == null ? void 0 : n.decimalSeparator) ?? d.decimalSeparator,
-      currencyThousandSeparator: ((y = e.currency) == null ? void 0 : y.thousandSeparator) ?? d.thousandSeparator
+      productIds: e.productIds ?? [...i.productIds],
+      filters: e.filters ?? [...i.filters],
+      shuffleProducts: e.shuffleProducts ?? i.shuffleProducts,
+      currencyCode: ((u = e.currency) == null ? void 0 : u.code) ?? p.code,
+      currencyAlignment: ((g = e.currency) == null ? void 0 : g.alignment) ?? p.alignment,
+      currencyDecimalCount: ((f = e.currency) == null ? void 0 : f.decimalCount) ?? p.decimalCount,
+      currencyDecimalSeparator: ((d = e.currency) == null ? void 0 : d.decimalSeparator) ?? p.decimalSeparator,
+      currencyThousandSeparator: ((c = e.currency) == null ? void 0 : c.thousandSeparator) ?? p.thousandSeparator
     };
-    l.seedBlockUrlConfig(r, p);
+    l.seedBlockUrlConfig(a, y);
   });
   try {
     await l.fetchRecommendationCreateData();
@@ -60,42 +60,42 @@ async function U(i) {
     );
   }
 }
-const _ = () => {
-  const i = P(), o = w(), { getCompiledEmail: m, getTemplateData: l } = C(), { compileHtml: t } = T();
+const O = () => {
+  const s = E(), r = H(), { getCompiledEmail: m, getTemplateData: l } = D(), { compileHtml: t, compileAmpHtml: o } = P();
   return {
     prepareTemplateDetails: async () => {
-      const { html: r, ampHtml: a = "", ampErrors: e = [] } = await m({
+      const { html: n, ampHtml: e = "", ampErrors: y = [] } = await m({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: p, css: g, syncModulesIds: f = [] } = await l();
-      o.selectedUnsubscribePages.length && await o.fetchTemplates(), await U(p);
-      const { compiledHtml: u, stats: n, appliedRules: y } = t(r), h = i.getSelectedDynamicContentList, A = b();
+      }), { html: u, css: g, syncModulesIds: f = [] } = await l();
+      r.selectedUnsubscribePages.length && await r.fetchTemplates(), await F(u);
+      const { compiledHtml: d, stats: c, appliedRules: h } = t(n), A = e && o(e).compiledHtml, C = s.getSelectedDynamicContentList, T = b();
       return console.debug("HTML Compilation Stats:", {
-        originalSize: n.originalSize,
-        compiledSize: n.compiledSize,
-        reduction: `${n.reductionPercentage.toFixed(2)}%`,
-        appliedRules: y,
-        executionTime: `${n.executionTime.toFixed(2)}ms`
+        originalSize: c.originalSize,
+        compiledSize: c.compiledSize,
+        reduction: `${c.reductionPercentage.toFixed(2)}%`,
+        appliedRules: h,
+        executionTime: `${c.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: h,
-        compiledHtml: u,
-        rawHtml: p,
+        dynamicContentList: C,
+        compiledHtml: d,
+        rawHtml: u,
         css: g,
-        ampHtml: a,
-        ampErrors: e,
+        ampHtml: A,
+        ampErrors: y,
         modules: f.map(Number),
         recommendation: {
-          campaignUrls: A.recommendationCampaignUrls,
+          campaignUrls: T.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: o.unsubscribePagesStatus,
-          config: E(u, o.selectedUnsubscribePages)
+          status: r.unsubscribePagesStatus,
+          config: U(d, r.selectedUnsubscribePages)
         }
       };
     }
   };
 };
 export {
-  _ as useTemplatePreparation
+  O as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.6.0-beta.4f2bf14",
+  "version": "3.6.0-beta.804c9cb",
   "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",