@useinsider/guido 3.13.0 → 3.13.1-beta.a1e3c5f

package/README.md

@@ -134,7 +134,7 @@ const config: GuidoConfigInput = {
   // Optional: Editor settings
   editor?: {
     locale?: string,              // Default: 'en'
-    translationsPath?: string,    // Default: 'window.trans.en'
+    translationsPath?: string,    // Default: first locale registered on window.trans
     migrationDate?: number,       // Stripo migration timestamp
     emailHeader?: {
       senderName?: string,

package/dist/@types/config/defaults.js

@@ -1,4 +1,7 @@
 import { ProductType as a, MessageType as o } from "./schemas.js";
+const i = {
+  translationsPath: "window.trans[Object.keys(window.trans)[0]]"
+};
 a.EMAIL;
 o.PROMOTIONAL;
 const e = [
@@ -33,12 +36,13 @@ const e = [
   "vikingsankara",
   "stripoeditorlivetest"
 ];
-function n(t) {
+function s(t) {
   return e.includes(t);
 }
 export {
+  i as DEFAULT_EDITOR,
   o as MessageType,
   a as ProductType,
   e as TEST_PARTNERS,
-  n as isTestPartner
+  s as isTestPartner
 };

package/dist/@types/config/schemas.js

@@ -1,5 +1,5 @@
-import { ModuleFolderDefaults as y } from "../../enums/defaults.js";
-import { object as a, number as n, optional as e, string as t, picklist as r, pipe as p, minLength as b, custom as h, boolean as o, array as c, record as k, fallback as C, literal as i, looseObject as g, variant as R, union as f, unknown as s, lazy as T } from "../../node_modules/valibot/dist/index.js";
+import { ModuleFolderDefaults as f } from "../../enums/defaults.js";
+import { object as a, number as n, optional as e, string as t, picklist as r, pipe as p, minLength as b, custom as h, boolean as o, array as c, record as k, fallback as C, literal as i, looseObject as g, variant as R, union as y, unknown as s, lazy as T } from "../../node_modules/valibot/dist/index.js";
 const d = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -12,7 +12,7 @@ const d = {
   ARCHITECT: 49,
   /** Unsubscribe page builder */
   UNSUBSCRIBE_PAGES: 97
-}, A = a({
+}, I = a({
   /** Unique identifier for the template being edited */
   templateId: p(
     t(),
@@ -25,7 +25,7 @@ const d = {
   ),
   /** Optional variation ID for A/B testing */
   variationId: e(t())
-}), I = a({
+}), A = a({
   /** Fallback font name (e.g., "Georgia") */
   name: t(),
   /** Fallback font family (e.g., "serif" or "sans-serif") */
@@ -53,7 +53,7 @@ const d = {
   /** Display name for the current user */
   username: e(t(), "Guido User"),
   /** Fallback font settings from partner settings — used to match backend size calculation */
-  fallbackFont: e(I)
+  fallbackFont: e(A)
 }), v = a({
   /** Display text for the dynamic content */
   text: t(),
@@ -83,7 +83,7 @@ const d = {
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(n()),
   /** Decimal places for price display (legacy data may use string or number) */
-  decimalCount: e(f([t(), n()])),
+  decimalCount: e(y([t(), n()])),
   /** Pinned product IDs (empty array when filter-driven) */
   productIds: e(c(s())),
   /** Whether the block requested live products at send time */
@@ -117,7 +117,7 @@ const d = {
   /** Block type marker used by some legacy variants */
   blockType: e(t()),
   /** Size variant marker (legacy data may use string or number) */
-  size: e(f([t(), n()])),
+  size: e(y([t(), n()])),
   /** Vertical responsiveness flag (legacy size=1 variants) */
   verticalResponsiveness: e(o()),
   /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
@@ -175,9 +175,9 @@ const d = {
   /** Email header settings */
   emailHeader: e(N, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
-  savedModulesFolderName: e(t(), y.SAVED_MODULES),
+  savedModulesFolderName: e(t(), f.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
-  defaultModulesFolderName: e(t(), y.DEFAULT_MODULES)
+  defaultModulesFolderName: e(t(), f.DEFAULT_MODULES)
 }), x = a({
   /** Whether to show the header bar */
   showHeader: e(o(), !0),
@@ -203,7 +203,9 @@ const d = {
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
   autosave: e(o(), !1),
   /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
-  allowlistEnabled: e(o(), !1)
+  allowlistEnabled: e(o(), !1),
+  /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
+  linkTrackingIds: e(o(), !1)
 }), U = r([
   "amp-accordion",
   "amp-carousel",
@@ -299,7 +301,7 @@ const d = {
 }), K = a({
   // Required sections
   /** Identity configuration (required) */
-  identity: A,
+  identity: I,
   /** Partner configuration (required) */
   partner: L,
   // Optional sections (with defaults)
@@ -331,10 +333,10 @@ export {
   v as DynamicContentSchema,
   O as EditorSchema,
   N as EmailHeaderSchema,
-  I as FallbackFontSchema,
+  A as FallbackFontSchema,
   F as FeaturesSchema,
   K as GuidoConfigSchema,
-  A as IdentitySchema,
+  I as IdentitySchema,
   P as LegacyRecommendationConfigSchema,
   d as MessageType,
   L as PartnerSchema,

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   n,
   !1,
   null,
-  "5079a1c8"
+  "81958b3d"
 );
 const l = s.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,49 +1,50 @@
-import { defineComponent as q, defineAsyncComponent as M, ref as U, computed as _, watch as B, onMounted as K, onUnmounted as V } from "vue";
-import { useCortexBlueprintBridge as j } from "../composables/useCortexBlueprintBridge.js";
-import { provideGuidoActions as J } from "../composables/useGuidoActions.js";
-import { useGuidoStateBridge as Q } from "../composables/useGuidoStateBridge.js";
-import { usePartner as X } from "../composables/usePartner.js";
-import { useStripo as Y } from "../composables/useStripo.js";
-import { useTimerClone as Z } from "../composables/useTimerClone.js";
-import { migrate as I } from "../config/migrator/index.js";
+import { defineComponent as K, defineAsyncComponent as M, ref as O, computed as U, watch as _, onMounted as V, onUnmounted as j } from "vue";
+import { useCortexBlueprintBridge as J } from "../composables/useCortexBlueprintBridge.js";
+import { provideGuidoActions as Q } from "../composables/useGuidoActions.js";
+import { useGuidoStateBridge as X } from "../composables/useGuidoStateBridge.js";
+import { usePartner as Y } from "../composables/usePartner.js";
+import { useStripo as Z } from "../composables/useStripo.js";
+import { useTimerClone as ee } from "../composables/useTimerClone.js";
+import { migrate as B } from "../config/migrator/index.js";
 import { ModuleFolderDefaults as N } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as ee } from "../enums/onboarding.js";
-import { useRecommendationExtensionStore as te } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import oe from "./organisms/AutoSaveController.vue.js";
-import ne from "./organisms/base/Toaster.vue.js";
-import re from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import se from "./organisms/header/HeaderWrapper.vue.js";
-import ie from "./organisms/LoadingWrapper.vue.js";
-import ae from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import ce from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as de } from "../services/stripoApi.js";
-import { useConfigStore as me } from "../stores/config.js";
-import { useDynamicContentStore as le } from "../stores/dynamic-content.js";
-import { useEditorStore as O } from "../stores/editor.js";
-import { usePreviewStore as ue } from "../stores/preview.js";
-import { useTemplateStore as pe } from "../stores/template.js";
-import { useUnsubscribeStore as fe } from "../stores/unsubscribe.js";
-const xe = /* @__PURE__ */ q({
+import { RIBBON_SELECTOR as te } from "../enums/onboarding.js";
+import { useRecommendationExtensionStore as oe } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import ne from "./organisms/AutoSaveController.vue.js";
+import re from "./organisms/base/Toaster.vue.js";
+import se from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import ie from "./organisms/header/HeaderWrapper.vue.js";
+import ae from "./organisms/LoadingWrapper.vue.js";
+import ce from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import de from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as me } from "../services/stripoApi.js";
+import { useConfigStore as le } from "../stores/config.js";
+import { useDynamicContentStore as ue } from "../stores/dynamic-content.js";
+import { useEditorStore as P } from "../stores/editor.js";
+import { usePreviewStore as pe } from "../stores/preview.js";
+import { useTemplateStore as fe } from "../stores/template.js";
+import { useUnsubscribeStore as ye } from "../stores/unsubscribe.js";
+import { readTrackSeq as ve } from "../utils/linkTrackingIds.js";
+const $e = /* @__PURE__ */ K({
   __name: "Guido",
   props: {
     config: null,
     ready: { type: Boolean, default: !0 }
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(P, { expose: A, emit: n }) {
-    const i = P, W = M(
+  setup(A, { expose: W, emit: r }) {
+    const i = A, x = M(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), x = M(
+    ), G = M(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), g = U(), l = U(), u = le(), S = fe(), o = me();
+    ), g = O(), l = O(), u = ue(), S = ye(), o = le();
     i.ready && o.init(i.config);
-    const d = O(), G = ue(), m = _(() => d.hasChanges), { isTestPartner: H } = X(), h = () => {
+    const c = P(), H = pe(), m = U(() => c.hasChanges), { isTestPartner: $ } = Y(), h = () => {
       var t;
       return (t = g.value) == null ? void 0 : t.handleSave(!0);
     }, b = (t) => {
-      d.loadingStatus = t;
+      c.loadingStatus = t;
     };
-    j(), Q();
+    J(), X();
     const p = () => {
       var t, e;
       return {
@@ -54,78 +55,78 @@ const xe = /* @__PURE__ */ q({
         savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || N.SAVED_MODULES,
         defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || N.DEFAULT_MODULES
       };
-    }, { initPlugin: E, preloadRuntime: w } = Y(), { getDefaultTemplate: C } = de(), { cloneTimersOnSave: D, hasTimerBlocks: T } = Z(), $ = _(() => {
+    }, { initPlugin: E, preloadRuntime: w } = Z(), { getDefaultTemplate: C } = me(), { cloneTimersOnSave: D, hasTimerBlocks: k } = ee(), z = U(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
     });
-    J({
+    Q({
       onBack: () => {
-        console.debug("guido:back"), n("back");
+        console.debug("guido:back"), r("back");
       },
       onSaveStart: () => {
-        console.debug("guido:save:start"), n("save:start");
+        console.debug("guido:save:start"), r("save:start");
       },
       onSaveComplete: (t) => {
         const e = { ...t, metadata: p() };
-        console.debug("guido:save:complete", e), n("save:complete", e);
+        console.debug("guido:save:complete", e), r("save:complete", e);
       },
       onTestEmailClick: () => {
-        console.debug("guido:test-email:click"), n("test-email:click");
+        console.debug("guido:test-email:click"), r("test-email:click");
       }
     });
-    const L = (t) => {
+    const T = (t) => {
       console.debug("dynamic-content:close", t), u.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
-    }, R = () => {
+    }, F = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    B(() => m.value, () => {
-      n("on-change", m.value);
+    _(() => m.value, () => {
+      r("on-change", m.value);
     });
     const f = (t) => {
-      const e = t, { attribute: s, position: c } = e.detail;
-      console.debug("dynamic-content:open", e.detail), n("dynamic-content:open", s, c);
+      const e = t, { attribute: s, position: d } = e.detail;
+      console.debug("dynamic-content:open", e.detail), r("dynamic-content:open", s, d);
     };
     let a = null;
     const y = () => {
       var e;
-      const t = document.querySelector(ee);
+      const t = document.querySelector(te);
       (e = l.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
     }, v = async () => {
       var t;
       try {
-        o.initialized || o.init(i.config), d.templateId = o.templateId;
-        const e = o.template, s = (e == null ? void 0 : e.html) || "", c = (e == null ? void 0 : e.css) || "", k = (e == null ? void 0 : e.preselectedDynamicContent) || [];
+        o.initialized || o.init(i.config), c.templateId = o.templateId;
+        const e = o.template, s = (e == null ? void 0 : e.html) || "", d = (e == null ? void 0 : e.css) || "", I = (e == null ? void 0 : e.preselectedDynamicContent) || [];
         S.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
-        const F = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {};
-        let r = {
-          html: s && await I(s, F),
-          css: c
+        const L = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, R = { linkTrackingIds: o.isFeatureEnabled("linkTrackingIds") };
+        let n = {
+          html: s && await B(s, L, R),
+          css: d
         };
-        r.html || (r = await C(), r.html = await I(r.html, F)), T(r.html) && (r.html = await D(r.html));
-        const z = {
-          preselectedDynamicContentList: k,
+        n.html || (n = await C(), n.html = await B(n.html, L, R)), k(n.html) && (n.html = await D(n.html)), c.trackIdSessionFloor = ve(n.html);
+        const q = {
+          preselectedDynamicContentList: I,
           onReady: () => {
-            console.debug("guido:ready"), n("ready");
+            console.debug("guido:ready"), r("ready");
           }
         };
-        await E(r, p(), z), u.selectedDynamicContentList = k;
+        await E(n, p(), q), u.selectedDynamicContentList = I;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
     };
-    return K(async () => {
+    return V(async () => {
       var e;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), te().$reset(), O().$reset(), pe().$reset(), y();
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), oe().$reset(), P().$reset(), fe().$reset(), y();
       const t = (e = l.value) == null ? void 0 : e.parentElement;
       if (t && (a = new ResizeObserver(y), a.observe(t)), w(), i.ready)
         await v();
       else {
-        const s = B(() => i.ready, (c) => {
-          c && (s(), v());
+        const s = _(() => i.ready, (d) => {
+          d && (s(), v());
         });
       }
       document.addEventListener("dynamic-content:open", f);
-    }), V(() => {
+    }), j(() => {
       a == null || a.disconnect(), document.removeEventListener("dynamic-content:open", f);
       try {
         window.UIEditor.removeEditor();
@@ -133,17 +134,17 @@ const xe = /* @__PURE__ */ q({
         console.debug("Failed to remove Stripo editor: No editor found");
       }
       o.reset();
-    }), A({
+    }), W({
       dynamicContent: {
-        insert: L,
-        close: R
+        insert: T,
+        close: F
       },
       hasChanges: m,
       saveSilent: h,
       setLoading: b
-    }), { __sfc: !0, PreviewContainer: W, OnboardingWrapper: x, headerWrapperRef: g, wrapperRef: l, dynamicContentStore: u, unsubscribeStore: S, props: i, configStore: o, editorStore: d, previewStore: G, hasChanges: m, isTestPartner: H, saveSilent: h, setLoading: b, emit: n, buildMetadata: p, initPlugin: E, preloadRuntime: w, getDefaultTemplate: C, cloneTimersOnSave: D, hasTimerBlocks: T, noHeader: $, insertDynamicContent: L, closeDynamicContent: R, handleDynamicContentOpen: f, ribbonObserver: a, updateRibbonOffset: y, startEditor: v, AutoSaveController: oe, Toaster: ne, FilterSelectionDrawer: re, HeaderWrapper: se, LoadingWrapper: ie, SaveAsTemplateDrawer: ae, UnsubscribeWrapper: ce };
+    }), { __sfc: !0, PreviewContainer: x, OnboardingWrapper: G, headerWrapperRef: g, wrapperRef: l, dynamicContentStore: u, unsubscribeStore: S, props: i, configStore: o, editorStore: c, previewStore: H, hasChanges: m, isTestPartner: $, saveSilent: h, setLoading: b, emit: r, buildMetadata: p, initPlugin: E, preloadRuntime: w, getDefaultTemplate: C, cloneTimersOnSave: D, hasTimerBlocks: k, noHeader: z, insertDynamicContent: T, closeDynamicContent: F, handleDynamicContentOpen: f, ribbonObserver: a, updateRibbonOffset: y, startEditor: v, AutoSaveController: ne, Toaster: re, FilterSelectionDrawer: se, HeaderWrapper: ie, LoadingWrapper: ae, SaveAsTemplateDrawer: ce, UnsubscribeWrapper: de };
   }
 });
 export {
-  xe as default
+  $e as default
 };

package/dist/composables/useTranslations.js

@@ -1,18 +1,20 @@
+import "../@types/config/schemas.js";
+import { DEFAULT_EDITOR } from "../@types/config/defaults.js";
 import memoize from "../node_modules/lodash-es/memoize.js";
 import { ref } from "vue";
 import { useConfig } from "./useConfig.js";
 const useTranslations = () => {
   var o, e;
-  const { config } = useConfig(), translationsPath = ((e = (o = config.value) == null ? void 0 : o.editor) == null ? void 0 : e.translationsPath) || "window.trans.en", translations = ref(eval(translationsPath)), trans = (n, t) => {
-    const r = translations.value[n];
-    return r ? t ? Object.entries(t).reduce(
+  const { config } = useConfig(), translationsPath = ((e = (o = config.value) == null ? void 0 : o.editor) == null ? void 0 : e.translationsPath) || DEFAULT_EDITOR.translationsPath, translations = ref(eval(translationsPath)), trans = (t, n) => {
+    const r = translations.value[t];
+    return r ? n ? Object.entries(n).reduce(
       (s, [i, a]) => s.replace(new RegExp(`{${i}}`, "g"), String(a)),
       r
-    ) : r : (console.warn(`Translation key not found: ${n}`), n);
+    ) : r : (console.warn(`Translation key not found: ${t}`), t);
   };
   return memoize(
     trans,
-    (n, t) => !t || Object.keys(t).length === 0 ? n : JSON.stringify({ key: n, params: t })
+    (t, n) => !n || Object.keys(n).length === 0 ? t : JSON.stringify({ key: t, params: n })
   );
 };
 export {

package/dist/config/compiler/outlookCompilerRules.js

@@ -1,4 +1,4 @@
-const c = `
+const r = `
     <!--[if gte mso 9]>
         <xml>
             <o:OfficeDocumentSettings>
@@ -6,15 +6,21 @@ const c = `
                 <o:PixelsPerInch>96</o:PixelsPerInch>
             </o:OfficeDocumentSettings>
         </xml>
-    <![endif]-->`, s = {
+    <![endif]-->`, n = {
   xmlns: "http://www.w3.org/1999/xhtml",
   "xmlns:o": "urn:schemas-microsoft-com:office:office"
-}, r = [
+}, p = `
+    <style type="text/css">
+        ul, ol { padding: 0px 0px 0px 40px; }
+        li p { mso-margin-bottom-alt: 15px; }
+        .es-text-ltr ul, .es-text-ltr ol { padding: 0px 0px 0px 40px; }
+        .es-text-rtl ol, .es-text-rtl ul { padding: 0px 40px 0px 0px; }
+    </style>`, l = [
   {
     id: "append-office-xml",
     description: "Appending office XML into the head if it does not exist.",
     type: "custom",
-    processor: (e) => e.includes("<o:OfficeDocumentSettings>") ? e : e.replace("</head>", `${c}</head>`),
+    processor: (e) => e.includes("<o:OfficeDocumentSettings>") ? e : e.replace("</head>", `${r}</head>`),
     priority: 70
   },
   {
@@ -23,14 +29,21 @@ const c = `
     type: "custom",
     processor: (e) => {
       let t = e;
-      return Object.entries(s).forEach(([o, i]) => {
-        const n = new RegExp(`${o}="[^"]*"`);
-        t.search(n) === -1 && (t = t.replace("<html", `<html ${o}="${i}"`));
+      return Object.entries(n).forEach(([o, i]) => {
+        const s = new RegExp(`${o}="[^"]*"`);
+        t.search(s) === -1 && (t = t.replace("<html", `<html ${o}="${i}"`));
       }), t;
     },
     priority: 71
+  },
+  {
+    id: "append-outlook-list-css",
+    description: "Appending Outlook list rules into the head if the base CSS does not already carry them.",
+    type: "custom",
+    processor: (e) => e.includes("mso-margin-bottom-alt") ? e : e.replace("</head>", `${p}</head>`),
+    priority: 73
   }
 ];
 export {
-  r as outlookCompilerRules
+  l as outlookCompilerRules
 };

package/dist/config/migrator/index.js

@@ -1,14 +1,15 @@
-import { migrateCheckbox as t } from "./checkboxMigrator.js";
-import { migrateCouponBlock as i } from "./couponBlockMigrator.js";
+import { migrateCheckbox as i } from "./checkboxMigrator.js";
+import { migrateCouponBlock as a } from "./couponBlockMigrator.js";
 import { migrateItemsBlock as e } from "./itemsBlockMigrator.js";
-import { migrateRadioButton as a } from "./radioButtonMigrator.js";
-import { migrateRecommendation as c } from "./recommendationMigrator.js";
-import { migrateSocialIcons as g } from "./socialIconMigrator.js";
-import { migrateUnsubscribe as n } from "./unsubscribeMigrator.js";
-const k = async (o, r = {}) => {
-  let m = o;
-  return m = t(m), m = a(m), m = await n(m), m = i(m), m = c(m, r), m = e(m), m = g(m), m;
+import { migrateRadioButton as c } from "./radioButtonMigrator.js";
+import { migrateRecommendation as g } from "./recommendationMigrator.js";
+import { migrateSocialIcons as n } from "./socialIconMigrator.js";
+import { migrateTrackIds as p } from "./trackIdMigrator.js";
+import { migrateUnsubscribe as f } from "./unsubscribeMigrator.js";
+const x = async (m, o = {}, t = {}) => {
+  let r = m;
+  return r = i(r), r = c(r), r = await f(r), r = a(r), r = g(r, o), r = e(r), r = n(r), t.linkTrackingIds && (r = p(r)), r;
 };
 export {
-  k as migrate
+  x as migrate
 };

package/dist/config/migrator/trackIdMigrator.js

@@ -0,0 +1,11 @@
+import { assignTrackingIds as t } from "../../utils/linkTrackingIds.js";
+function e(r) {
+  try {
+    return t(r).html;
+  } catch (o) {
+    return console.error("TrackIdMigrator failed:", o), r;
+  }
+}
+export {
+  e as migrateTrackIds
+};

package/dist/guido.css

@@ -1 +1 @@
-.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-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__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-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__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-5079a1c8]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-5079a1c8]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-5079a1c8]{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}
+.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-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__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-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__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-81958b3d]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-81958b3d]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-81958b3d]{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}

package/dist/library.js

@@ -1,14 +1,19 @@
 import { default as a } from "./components/Guido.vue.js";
-import { MessageType as f, ProductType as t } from "./@types/config/schemas.js";
+import { MessageType as T, ProductType as f } from "./@types/config/schemas.js";
 import "./@types/config/defaults.js";
-import { getValidationErrors as s, isValidConfig as d, parseConfig as g, parseConfigSafe as n, validateConfig as l } from "./@types/config/validator.js";
+import { getValidationErrors as t, isValidConfig as p, parseConfig as d, parseConfigSafe as g, validateConfig as n } from "./@types/config/validator.js";
+import { TRACK_ID_ATTRIBUTE as m, TRACK_SEQ_ATTRIBUTE as l, assignTrackingIds as x, readTrackSeq as A } from "./utils/linkTrackingIds.js";
 export {
   a as Guido,
-  f as MessageType,
-  t as ProductType,
-  s as getValidationErrors,
-  d as isValidConfig,
-  g as parseConfig,
-  n as parseConfigSafe,
-  l as validateConfig
+  T as MessageType,
+  f as ProductType,
+  m as TRACK_ID_ATTRIBUTE,
+  l as TRACK_SEQ_ATTRIBUTE,
+  x as assignTrackingIds,
+  t as getValidationErrors,
+  p as isValidConfig,
+  d as parseConfig,
+  g as parseConfigSafe,
+  A as readTrackSeq,
+  n as validateConfig
 };

package/dist/src/@types/config/schemas.d.ts

@@ -385,6 +385,8 @@ export declare const FeaturesSchema: v.ObjectSchema<{
     readonly autosave: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
     readonly allowlistEnabled: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
+    /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
+    readonly linkTrackingIds: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
 }, undefined>;
 /**
  * Default block types available in Stripo
@@ -774,6 +776,8 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         readonly autosave: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
         /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
         readonly allowlistEnabled: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
+        /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
+        readonly linkTrackingIds: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     }, undefined>, {}>;
     /** Block configuration */
     readonly blocks: v.OptionalSchema<v.ObjectSchema<{

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

@@ -97,6 +97,7 @@ export declare const useConfig: () => {
             liquidSyntax: boolean;
             autosave: boolean;
             allowlistEnabled: boolean;
+            linkTrackingIds: boolean;
         };
         blocks: {
             excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -229,6 +230,7 @@ export declare const useConfig: () => {
         liquidSyntax: boolean;
         autosave: boolean;
         allowlistEnabled: boolean;
+        linkTrackingIds: boolean;
     } | null>;
     blocks: import("vue").ComputedRef<{
         excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];

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

@@ -1,9 +1,4 @@
 import type { ModuleAddData, ModuleModifier } from '@@/Types/stripo';
-/**
- * Host-registered translation key for the "some attributes could not be
- * converted" toaster. Guido resolves it against the host's `window.trans.en`;
- * the copy is registered host-side.
- */
 export declare const UNRESOLVED_DYNAMIC_CONTENT_ON_DROP_KEY = "dynamic-content.unresolved-attributes-on-drop";
 /**
  * Repairs label-form dynamic-content tokens in saved modules as they are dropped

package/dist/src/config/migrator/index.d.ts

@@ -1,2 +1,5 @@
 import type { LegacyRecommendationConfig } from '@@/Types/config';
-export declare const migrate: (html: string, recommendationConfigs?: Record<string, LegacyRecommendationConfig>) => Promise<string>;
+export interface MigrateOptions {
+    linkTrackingIds?: boolean;
+}
+export declare const migrate: (html: string, recommendationConfigs?: Record<string, LegacyRecommendationConfig>, options?: MigrateOptions) => Promise<string>;

package/dist/src/config/migrator/trackIdMigrator.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Backfills persistent link tracking ids (SD-141414) at load so legacy
+ * templates, library imports and externally edited HTML enter the editor
+ * already tagged — before Stripo sees the document (no dirty flag, no undo).
+ */
+export declare function migrateTrackIds(html: string): string;

package/dist/src/library.d.ts

@@ -1,5 +1,7 @@
 export { default as Guido } from './components/Guido.vue';
 export type { GuidoConfig, GuidoConfigInput, IdentityConfig, PartnerConfig, TemplateConfig, TemplateMigrationConfig, LegacyRecommendationConfig, EditorConfig, UIConfig, FeaturesConfig, BlocksConfig, CompilerConfig, DynamicContent, EmailHeader, DefaultBlockType, CustomBlockType, ValidationResult, ValidationError, } from './@types/config';
 export { validateConfig, parseConfig, parseConfigSafe, isValidConfig, getValidationErrors, MessageType, ProductType, } from './@types/config';
+export { assignTrackingIds, readTrackSeq, TRACK_ID_ATTRIBUTE, TRACK_SEQ_ATTRIBUTE, } from './utils/linkTrackingIds';
+export type { TrackingIdResult } from './utils/linkTrackingIds';
 export type { StripoEventType } from './@types/events';
 export type { PositionData, DynamicContentEvent, MergeTagClickEvent, MergeTag, BaseDynamicContent, DynamicContentNode, DynamicContentList, TooltipOptions, TextValueObject, L10n, } from './@types/generic';

package/dist/src/stores/config.d.ts

@@ -102,6 +102,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 liquidSyntax: boolean;
                 autosave: boolean;
                 allowlistEnabled: boolean;
+                linkTrackingIds: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -240,6 +241,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 liquidSyntax: boolean;
                 autosave: boolean;
                 allowlistEnabled: boolean;
+                linkTrackingIds: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -378,6 +380,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 liquidSyntax: boolean;
                 autosave: boolean;
                 allowlistEnabled: boolean;
+                linkTrackingIds: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -516,6 +519,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 liquidSyntax: boolean;
                 autosave: boolean;
                 allowlistEnabled: boolean;
+                linkTrackingIds: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -654,6 +658,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 liquidSyntax: boolean;
                 autosave: boolean;
                 allowlistEnabled: boolean;
+                linkTrackingIds: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -792,6 +797,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 liquidSyntax: boolean;
                 autosave: boolean;
                 allowlistEnabled: boolean;
+                linkTrackingIds: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -930,6 +936,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 liquidSyntax: boolean;
                 autosave: boolean;
                 allowlistEnabled: boolean;
+                linkTrackingIds: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1068,6 +1075,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 liquidSyntax: boolean;
                 autosave: boolean;
                 allowlistEnabled: boolean;
+                linkTrackingIds: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1206,6 +1214,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 liquidSyntax: boolean;
                 autosave: boolean;
                 allowlistEnabled: boolean;
+                linkTrackingIds: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1344,6 +1353,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 liquidSyntax: boolean;
                 autosave: boolean;
                 allowlistEnabled: boolean;
+                linkTrackingIds: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1482,6 +1492,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 liquidSyntax: boolean;
                 autosave: boolean;
                 allowlistEnabled: boolean;
+                linkTrackingIds: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1620,6 +1631,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 liquidSyntax: boolean;
                 autosave: boolean;
                 allowlistEnabled: boolean;
+                linkTrackingIds: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1758,6 +1770,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 liquidSyntax: boolean;
                 autosave: boolean;
                 allowlistEnabled: boolean;
+                linkTrackingIds: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1896,6 +1909,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 liquidSyntax: boolean;
                 autosave: boolean;
                 allowlistEnabled: boolean;
+                linkTrackingIds: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -2034,6 +2048,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 liquidSyntax: boolean;
                 autosave: boolean;
                 allowlistEnabled: boolean;
+                linkTrackingIds: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -2172,6 +2187,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 liquidSyntax: boolean;
                 autosave: boolean;
                 allowlistEnabled: boolean;
+                linkTrackingIds: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -2310,6 +2326,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 liquidSyntax: boolean;
                 autosave: boolean;
                 allowlistEnabled: boolean;
+                linkTrackingIds: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -2450,6 +2467,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 liquidSyntax: boolean;
                 autosave: boolean;
                 allowlistEnabled: boolean;
+                linkTrackingIds: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];

package/dist/src/stores/editor.d.ts

@@ -9,6 +9,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
     isStripoInitialized: boolean;
     templateId: string;
     syncModulesEnabled: boolean;
+    trackIdSessionFloor: number;
 }, {
     isEditorToolbarVisible: (state: {
         loadingStatus: boolean;
@@ -21,6 +22,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -32,6 +34,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     }>) => boolean;
     isUndoButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -44,6 +47,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -55,6 +59,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     }>) => boolean;
     isRedoButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -67,6 +72,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -78,6 +84,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     }>) => boolean;
     isCodeEditorButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -90,6 +97,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -101,6 +109,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     }>) => boolean;
     isPreviewButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -113,6 +122,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -124,6 +134,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     }>) => boolean;
     isViewOptionsDisabled: (state: {
         loadingStatus: boolean;
@@ -136,6 +147,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -147,6 +159,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     }>) => boolean;
     isVersionHistoryButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -159,6 +172,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -170,6 +184,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     }>) => boolean;
     isExportButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -182,6 +197,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -193,6 +209,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     }>) => boolean;
     isSaveAsButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -205,6 +222,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -216,6 +234,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     }>) => boolean;
     isTestButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -228,6 +247,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -239,6 +259,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     }>) => boolean;
     isSaveButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -251,6 +272,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -262,6 +284,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     }>) => boolean;
     isInSaveableState: (state: {
         loadingStatus: boolean;
@@ -274,6 +297,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -285,5 +309,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         isStripoInitialized: boolean;
         templateId: string;
         syncModulesEnabled: boolean;
+        trackIdSessionFloor: number;
     }>) => boolean;
 }, {}>;

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

@@ -0,0 +1,25 @@
+/**
+ * Persistent link tracking ids for the click heatmap (SD-141414).
+ * Pure string transforms — no DOM parse/serialize round-trip, safe for both
+ * Stripo raw HTML and hand-authored HTML-editor documents. Shared with email-fe.
+ */
+export declare const TRACK_ID_ATTRIBUTE = "data-ins-track-id";
+export declare const TRACK_SEQ_ATTRIBUTE = "data-ins-track-seq";
+export interface TrackingIdResult {
+    html: string;
+    changed: boolean;
+    nextSeq: number;
+}
+/**
+ * Reads the persisted id high-water mark: <body> attr, then <html> attr,
+ * then the leading comment fallback. Returns 0 when absent.
+ */
+export declare function readTrackSeq(html: string): number;
+/**
+ * Ensures every <a> opening tag carries a unique positive-integer id and the
+ * document records the id high-water mark. Ids are minted above
+ * max(persisted seq, max id in document, floor) so deleted ids are never
+ * reused — even after a version restore or paste-over (floor = session floor).
+ * Idempotent: a document already normalized returns changed=false.
+ */
+export declare function assignTrackingIds(html: string, floor?: number): TrackingIdResult;

package/dist/stores/editor.js

@@ -10,7 +10,10 @@ const o = e("guidoEditor", {
     hasChanges: !1,
     isStripoInitialized: !1,
     templateId: "",
-    syncModulesEnabled: !1
+    syncModulesEnabled: !1,
+    // In-session id high-water mark; floors tracking-id minting so ids
+    // deleted by a version restore / paste-over are never reused.
+    trackIdSessionFloor: 0
   }),
   getters: {
     // Middle Slot

package/dist/utils/linkTrackingIds.js

@@ -0,0 +1,44 @@
+const E = "data-ins-track-id", g = "data-ins-track-seq", N = /<a\b[^>]*>/gi, $ = /\bdata-ins-track-id\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s>]+))/i, R = /\bdata-ins-track-seq\s*=\s*(?:"(\d+)"|'(\d+)'|(\d+))/i, f = /<body\b[^>]*>/i, b = /<html\b[^>]*>/i, A = /<!--\s*ins-track-seq:(\d+)\s*-->/i, k = /^[1-9][0-9]{0,14}$/;
+function S(e) {
+  const s = Number(e);
+  return Number.isSafeInteger(s) && s > 0 ? s : 0;
+}
+function x(e) {
+  var i, a, c;
+  const n = [(i = f.exec(e)) == null ? void 0 : i[0], (a = b.exec(e)) == null ? void 0 : a[0]].reduce(
+    (T, o) => T ?? (o ? R.exec(o) : null),
+    null
+  ), t = (n == null ? void 0 : n[1]) ?? (n == null ? void 0 : n[2]) ?? (n == null ? void 0 : n[3]) ?? ((c = A.exec(e)) == null ? void 0 : c[1]) ?? "";
+  return S(t);
+}
+function I(e, s) {
+  const n = `${g}="${s}"`, t = f.exec(e) ?? b.exec(e);
+  if (t) {
+    const [i] = t, a = R.exec(i), c = a ? i.replace(a[0], n) : i.replace(/\/?>$/, (T) => ` ${n}${T}`);
+    return e.slice(0, t.index) + c + e.slice(t.index + i.length);
+  }
+  return A.test(e) ? e.replace(A, `<!--ins-track-seq:${s}-->`) : `<!--ins-track-seq:${s}-->${e}`;
+}
+function p(e, s, n) {
+  const t = `${E}="${n}"`;
+  return s ? e.replace(s[0], t) : e.replace(/^<a\b/i, (i) => `${i} ${t}`);
+}
+function q(e, s = 0) {
+  const n = /* @__PURE__ */ new Set();
+  let t = 0;
+  const i = [...e.matchAll(N)].map((r) => {
+    const [_] = r, u = $.exec(_), l = u ? u[1] ?? u[2] ?? u[3] ?? "" : "";
+    let d = null;
+    return k.test(l) && !n.has(Number(l)) && (d = Number(l), n.add(d), t = Math.max(t, d)), { index: r.index, tag: _, attrMatch: u, id: d };
+  });
+  let a = Math.max(x(e), t, s), c = "", T = 0, o = !1;
+  return i.forEach((r) => {
+    c += e.slice(T, r.index), r.id === null ? (a += 1, c += p(r.tag, r.attrMatch, a), o = !0) : c += r.tag, T = r.index + r.tag.length;
+  }), c += e.slice(T), a > 0 && x(c) !== a && (c = I(c, a), o = !0), { html: c, changed: o, nextSeq: a };
+}
+export {
+  E as TRACK_ID_ATTRIBUTE,
+  g as TRACK_SEQ_ATTRIBUTE,
+  q as assignTrackingIds,
+  x as readTrackSeq
+};

package/dist/utils/templatePreparation.js

@@ -1,62 +1,65 @@
-import { useActionsApi as P } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as w } from "../composables/useHtmlCompiler.js";
-import { DEFAULT_CURRENCY as l, DEFAULT_NODE_CONFIG as i } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { mapLegacyStrategy as E } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
-import { DATA_ATTRIBUTES as h } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { parsePageList as H } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useDynamicContentStore as U } from "../stores/dynamic-content.js";
-import { useUnsubscribeStore as F } from "../stores/unsubscribe.js";
-function L(s) {
-  const o = new DOMParser().parseFromString(s, "text/html").querySelectorAll(`[${h.PAGE_LIST}]`), t = [];
-  return o.forEach((a) => {
-    const n = a.getAttribute(h.PAGE_LIST);
-    n && t.push(...H(n));
+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 s } 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 { assignTrackingIds as v } from "./linkTrackingIds.js";
+function O(c) {
+  const n = new DOMParser().parseFromString(c, "text/html").querySelectorAll(`[${C.PAGE_LIST}]`), t = [];
+  return n.forEach((a) => {
+    const r = a.getAttribute(C.PAGE_LIST);
+    r && t.push(...R(r));
   }), [...new Set(t)];
 }
-async function R(s) {
-  const m = new DOMParser().parseFromString(s, "text/html").querySelectorAll(".recommendation-block-v2");
+async function M(c) {
+  const m = new DOMParser().parseFromString(c, "text/html").querySelectorAll(".recommendation-block-v2");
   if (m.length === 0)
     return;
-  const o = b();
+  const n = T();
   m.forEach((t) => {
-    var c, p, g, f, r;
-    const a = t.getAttribute("recommendation-id"), n = a ? Number(a) : NaN;
-    if (!Number.isFinite(n))
+    var l, g, f, i, S;
+    const a = t.getAttribute("recommendation-id"), r = a ? Number(a) : NaN;
+    if (!Number.isFinite(r))
       return;
-    const d = t.getAttribute("esd-ext-config");
-    if (!d)
+    const p = t.getAttribute("esd-ext-config");
+    if (!p)
       return;
     let e;
     try {
-      e = JSON.parse(d);
+      e = JSON.parse(p);
     } catch {
       return;
     }
     if (!e || typeof e != "object" || Array.isArray(e))
       return;
-    const y = {
+    const o = {
       // 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).
-      strategy: E(e.strategy) || i.strategy,
-      language: e.language ?? i.language,
-      size: e.size ?? i.size,
+      strategy: L(e.strategy) || s.strategy,
+      language: e.language ?? s.language,
+      size: e.size ?? s.size,
       // Spread the default arrays so each block gets a fresh reference
       // instead of sharing the singleton in DEFAULT_NODE_CONFIG.
-      productIds: e.productIds ?? [...i.productIds],
-      filters: e.filters ?? [...i.filters],
-      shuffleProducts: e.shuffleProducts ?? i.shuffleProducts,
-      currencyCode: ((c = e.currency) == null ? void 0 : c.code) ?? l.code,
-      currencyAlignment: ((p = e.currency) == null ? void 0 : p.alignment) ?? l.alignment,
-      currencyDecimalCount: ((g = e.currency) == null ? void 0 : g.decimalCount) ?? l.decimalCount,
-      currencyDecimalSeparator: ((f = e.currency) == null ? void 0 : f.decimalSeparator) ?? l.decimalSeparator,
-      currencyThousandSeparator: ((r = e.currency) == null ? void 0 : r.thousandSeparator) ?? l.thousandSeparator
+      productIds: e.productIds ?? [...s.productIds],
+      filters: e.filters ?? [...s.filters],
+      shuffleProducts: e.shuffleProducts ?? s.shuffleProducts,
+      currencyCode: ((l = e.currency) == null ? void 0 : l.code) ?? d.code,
+      currencyAlignment: ((g = e.currency) == null ? void 0 : g.alignment) ?? d.alignment,
+      currencyDecimalCount: ((f = e.currency) == null ? void 0 : f.decimalCount) ?? d.decimalCount,
+      currencyDecimalSeparator: ((i = e.currency) == null ? void 0 : i.decimalSeparator) ?? d.decimalSeparator,
+      currencyThousandSeparator: ((S = e.currency) == null ? void 0 : S.thousandSeparator) ?? d.thousandSeparator
     };
-    o.seedBlockUrlConfig(n, y);
+    n.seedBlockUrlConfig(r, o);
   });
   try {
-    await o.fetchRecommendationCreateData();
+    await n.fetchRecommendationCreateData();
   } catch (t) {
     console.warn(
       "Recommendation reference data pre-load failed; validator will skip the availability check.",
@@ -64,43 +67,51 @@ async function R(s) {
     );
   }
 }
-const G = () => {
-  const s = U(), u = F(), { getCompiledEmail: m, getTemplateData: o } = P(), { compileHtml: t, compileAmpHtml: a } = w();
+const Z = () => {
+  const c = N(), u = _(), { getCompiledEmail: m, getTemplateData: n, updateHtmlAndCss: t } = k(), { compileHtml: a, compileAmpHtml: r } = x(), { isFeatureEnabled: p } = U();
   return {
     prepareTemplateDetails: async () => {
-      const { html: d, ampHtml: e = "", ampErrors: y = [] } = await m({
+      let { html: o, css: l, syncModulesIds: g = [] } = await n();
+      if (p("linkTrackingIds"))
+        try {
+          const h = z(), { html: A, changed: H, nextSeq: I } = v(o, h.trackIdSessionFloor);
+          H && (t(A, l), o = A), h.trackIdSessionFloor = I;
+        } catch (h) {
+          console.error("Tracking-id assignment failed, saving without new ids:", h);
+        }
+      const { html: f, ampHtml: i = "", ampErrors: S = [] } = await m({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: c, css: p, syncModulesIds: g = [] } = await o();
-      u.selectedUnsubscribePages.length && await u.fetchTemplates(), await R(c);
-      const { compiledHtml: f, stats: r, appliedRules: A } = t(d), C = e && a(e).compiledHtml, T = s.getSelectedDynamicContentList, D = b(), S = L(c);
+      });
+      u.selectedUnsubscribePages.length && await u.fetchTemplates(), await M(o);
+      const { compiledHtml: w, stats: y, appliedRules: D } = a(f), E = i && r(i).compiledHtml, P = c.getSelectedDynamicContentList, F = T(), b = O(o);
       return console.debug("HTML Compilation Stats:", {
-        originalSize: r.originalSize,
-        compiledSize: r.compiledSize,
-        reduction: `${r.reductionPercentage.toFixed(2)}%`,
-        appliedRules: A,
-        executionTime: `${r.executionTime.toFixed(2)}ms`
+        originalSize: y.originalSize,
+        compiledSize: y.compiledSize,
+        reduction: `${y.reductionPercentage.toFixed(2)}%`,
+        appliedRules: D,
+        executionTime: `${y.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: T,
-        compiledHtml: f,
-        rawHtml: c,
-        css: p,
-        ampHtml: C,
-        ampErrors: y,
+        dynamicContentList: P,
+        compiledHtml: w,
+        rawHtml: o,
+        css: l,
+        ampHtml: E,
+        ampErrors: S,
         modules: g.map(Number),
         recommendation: {
-          campaignUrls: D.recommendationCampaignUrls,
+          campaignUrls: F.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: S.length > 0,
-          config: S
+          status: b.length > 0,
+          config: b
         }
       };
     }
   };
 };
 export {
-  L as getHtmlReferencedUnsubscribePages,
-  G as useTemplatePreparation
+  O as getHtmlReferencedUnsubscribePages,
+  Z as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.13.0",
+  "version": "3.13.1-beta.a1e3c5f",
   "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",