@useinsider/guido 3.13.0 → 3.13.1-beta.88c2f20

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