@useinsider/guido 3.13.1 → 3.14.0-beta.8d5df20

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,46 @@
+const l = "data-ins-track-id", $ = "data-ins-track-seq", E = `(?:[^>"']|"[^"]*"|'[^']*')*`, N = new RegExp(`<a\\b${E}>`, "gi"), g = new RegExp(`<body\\b${E}>`, "i"), p = new RegExp(`<html\\b${E}>`, "i"), S = new RegExp(`\\b${l}\\s*=\\s*(?:"([^"]*)"|'([^']*)'|([^\\s>]+))`, "i"), f = new RegExp(`\\b${$}\\s*=\\s*(?:"(\\d+)"|'(\\d+)'|(\\d+))`, "i"), b = "ins-track-seq", A = new RegExp(`<!--\\s*${b}:(\\d+)\\s*-->`, "i"), I = /^[1-9][0-9]{0,14}$/;
+function w(e) {
+  const t = Number(e);
+  return Number.isSafeInteger(t) && t > 0 ? t : 0;
+}
+function q(e) {
+  var r;
+  const t = (a) => {
+    var i;
+    const c = (i = a.exec(e)) == null ? void 0 : i[0];
+    return c ? f.exec(c) : null;
+  }, n = t(g) ?? t(p), s = (n == null ? void 0 : n[1]) ?? (n == null ? void 0 : n[2]) ?? (n == null ? void 0 : n[3]) ?? ((r = A.exec(e)) == null ? void 0 : r[1]) ?? "";
+  return w(s);
+}
+function k(e, t) {
+  const n = `${$}="${t}"`, s = g.exec(e) ?? p.exec(e);
+  if (s) {
+    const [a] = s, c = f.exec(a), i = c ? a.replace(c[0], n) : a.replace(/\/?>$/, (T) => ` ${n}${T}`);
+    return e.slice(0, s.index) + i + e.slice(s.index + a.length);
+  }
+  const r = `<!--${b}:${t}-->`;
+  return A.test(e) ? e.replace(A, r) : `${r}${e}`;
+}
+function C(e, t, n) {
+  const s = `${l}="${n}"`;
+  return t ? e.replace(t[0], s) : e.replace(/^<a\b/i, (r) => `${r} ${s}`);
+}
+function P(e, t = 0) {
+  const n = /* @__PURE__ */ new Set();
+  let s = 0;
+  const r = [...e.matchAll(N)].map((o) => {
+    const [_] = o, u = S.exec(_), R = u ? u[1] ?? u[2] ?? u[3] ?? "" : "";
+    let d = null;
+    return I.test(R) && !n.has(Number(R)) && (d = Number(R), n.add(d), s = Math.max(s, d)), { index: o.index, tag: _, attrMatch: u, id: d };
+  }), a = q(e);
+  let c = Math.max(a, s, t), i = "", T = 0, x = !1;
+  return r.forEach((o) => {
+    i += e.slice(T, o.index), o.id === null ? (c += 1, i += C(o.tag, o.attrMatch, c), x = !0) : i += o.tag, T = o.index + o.tag.length;
+  }), i += e.slice(T), c > 0 && a !== c && (i = k(i, c), x = !0), { html: i, changed: x, nextSeq: c };
+}
+export {
+  l as TRACK_ID_ATTRIBUTE,
+  $ as TRACK_SEQ_ATTRIBUTE,
+  P as assignTrackingIds,
+  q 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 C } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { mapLegacyStrategy as L } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
+import { DATA_ATTRIBUTES as A } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { parsePageList as R } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useDynamicContentStore as N } from "../stores/dynamic-content.js";
+import { useEditorStore as z } from "../stores/editor.js";
+import { useUnsubscribeStore as _ } from "../stores/unsubscribe.js";
+import { assignTrackingIds as v } from "./linkTrackingIds.js";
+function O(m) {
+  const n = new DOMParser().parseFromString(m, "text/html").querySelectorAll(`[${A.PAGE_LIST}]`), t = [];
+  return n.forEach((i) => {
+    const o = i.getAttribute(A.PAGE_LIST);
+    o && t.push(...R(o));
   }), [...new Set(t)];
 }
-async function R(s) {
-  const m = new DOMParser().parseFromString(s, "text/html").querySelectorAll(".recommendation-block-v2");
-  if (m.length === 0)
+async function M(m) {
+  const a = new DOMParser().parseFromString(m, "text/html").querySelectorAll(".recommendation-block-v2");
+  if (a.length === 0)
     return;
-  const o = b();
-  m.forEach((t) => {
-    var c, p, g, f, r;
-    const a = t.getAttribute("recommendation-id"), n = a ? Number(a) : NaN;
-    if (!Number.isFinite(n))
+  const n = C();
+  a.forEach((t) => {
+    var r, l, g, f, c;
+    const i = t.getAttribute("recommendation-id"), o = i ? Number(i) : NaN;
+    if (!Number.isFinite(o))
       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 h = {
       // Normalize legacy strategy keys (e.g. `mostViewed` → `mostPopular`) so
       // already-saved blocks that never re-run the migrator don't emit a
       // strategy-less campaign URL. `||` also catches '' / undefined (SD-144882).
-      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: ((r = e.currency) == null ? void 0 : r.code) ?? d.code,
+      currencyAlignment: ((l = e.currency) == null ? void 0 : l.alignment) ?? d.alignment,
+      currencyDecimalCount: ((g = e.currency) == null ? void 0 : g.decimalCount) ?? d.decimalCount,
+      currencyDecimalSeparator: ((f = e.currency) == null ? void 0 : f.decimalSeparator) ?? d.decimalSeparator,
+      currencyThousandSeparator: ((c = e.currency) == null ? void 0 : c.thousandSeparator) ?? d.thousandSeparator
     };
-    o.seedBlockUrlConfig(n, y);
+    n.seedBlockUrlConfig(o, h);
   });
   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 m = N(), u = z(), a = _(), { getCompiledEmail: n, getTemplateData: t, updateHtmlAndCss: i } = k(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
   return {
     prepareTemplateDetails: async () => {
-      const { html: d, ampHtml: e = "", ampErrors: y = [] } = await m({
+      let { html: r, css: l, syncModulesIds: g = [] } = await t();
+      if (e("linkTrackingIds"))
+        try {
+          const { html: y, changed: H, nextSeq: I } = v(r, u.trackIdSessionFloor);
+          u.trackIdSessionFloor = I, H && (r = y, await i(y, l));
+        } catch (y) {
+          console.error("Tracking-id step failed, saving anyway:", y);
+        }
+      const { html: f, ampHtml: c = "", ampErrors: T = [] } = await n({
         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);
+      });
+      a.selectedUnsubscribePages.length && await a.fetchTemplates(), await M(r);
+      const { compiledHtml: w, stats: S, appliedRules: D } = o(f), E = c && p(c).compiledHtml, P = m.getSelectedDynamicContentList, F = C(), b = O(r);
       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: S.originalSize,
+        compiledSize: S.compiledSize,
+        reduction: `${S.reductionPercentage.toFixed(2)}%`,
+        appliedRules: D,
+        executionTime: `${S.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: T,
-        compiledHtml: f,
-        rawHtml: c,
-        css: p,
-        ampHtml: C,
-        ampErrors: y,
+        dynamicContentList: P,
+        compiledHtml: w,
+        rawHtml: r,
+        css: l,
+        ampHtml: E,
+        ampErrors: T,
         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.1",
+  "version": "3.14.0-beta.8d5df20",
   "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",
@@ -43,8 +43,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "3.8.0",
-    "@useinsider/design-system-vue": "1.3.0",
+    "@stripoinc/ui-editor-extensions": "3.9.0",
+    "@useinsider/design-system-vue": "1.5.0",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",
@@ -113,7 +113,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.69.1"
+      "version": "2.72.1"
     }
   }
 }