@useinsider/guido 3.15.0 → 3.16.0-beta.0faee0c

package/dist/utils/pairProductVariables.js

@@ -1,88 +1,100 @@
-import { productPairs as q } from "../extensions/Blocks/Items/enums/productEnums.js";
-import { DefaultConfigValues as O } from "../extensions/Blocks/Items/enums/settingsEnums.js";
-import { preserveTextStyles as C } from "./preserveTextStyles.js";
-import { unwrapProductNameLinks as U } from "./unwrapProductNameLink.js";
-function Y(L) {
-  const H = L.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), b = new DOMParser().parseFromString(H, "text/html");
-  U(b);
-  const R = q.PAIRS_FOR_EXTENSION;
-  Object.entries(R).forEach(([r, u]) => {
-    b.querySelectorAll(".ins-product-td").forEach((l) => {
-      const h = l.getAttribute("data-number") || "1", $ = l.getAttribute("data-type") || "CART_ITEMS";
-      l.querySelectorAll(`[product-attr="${r}"]`).forEach((t) => {
-        var F, I, w;
-        const T = t.getAttribute("data-type") || $, f = t.getAttribute("data-number") || h, d = u[T];
-        if (d)
-          switch (r) {
+import { productPairs as L } from "../extensions/Blocks/Items/enums/productEnums.js";
+import { DefaultConfigValues as V } from "../extensions/Blocks/Items/enums/settingsEnums.js";
+import { escapeReplacement as G } from "../extensions/Blocks/Items/utils/nodeConfigUtils.js";
+import { preserveTextStyles as F } from "./preserveTextStyles.js";
+import { unwrapProductNameLinks as X } from "./unwrapProductNameLink.js";
+const x = {
+  CART_ITEMS: "ins_apr",
+  BROWSED_ITEMS: "browsed_item",
+  PURCHASED_ITEMS: "purchased_item"
+}, N = (S) => S.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->");
+function v(S, H, g) {
+  let $ = H;
+  for (; $ > 0 && /\s/.test(S[$ - 1]); )
+    $ -= 1;
+  return g.some((I) => S.endsWith(I, $));
+}
+function J(S) {
+  const H = N(S), g = new DOMParser().parseFromString(H, "text/html");
+  X(g);
+  const $ = L.PAIRS_FOR_EXTENSION;
+  Object.entries($).forEach(([n, d]) => {
+    g.querySelectorAll(".ins-product-td").forEach((r) => {
+      const E = r.getAttribute("data-number") || "1", m = r.getAttribute("data-type") || "CART_ITEMS";
+      r.querySelectorAll(`[product-attr="${n}"]`).forEach((t) => {
+        var T, P, D;
+        const R = t.getAttribute("data-type") || m, o = t.getAttribute("data-number") || E, f = d[R];
+        if (f)
+          switch (n) {
             case "imageSrc": {
-              let e = null, c = null;
-              if (t.tagName === "IMG" ? (e = t, c = e.closest("a")) : (e = t.querySelector("img"), c = t.querySelector("a") || t.closest("a")), !e)
+              let e = null, s = null;
+              if (t.tagName === "IMG" ? (e = t, s = e.closest("a")) : (e = t.querySelector("img"), s = t.querySelector("a") || t.closest("a")), !e)
                 break;
-              const i = d.DEFAULT, a = d.ATTR;
-              if (i && e.src) {
-                const o = e.src;
-                i.some((E) => {
-                  const s = E.split("/").pop() || "", g = o.split("/").pop() || "";
-                  return o.includes(E) || o.includes(s) || g === s;
-                }) && (e.src = `{{${a}_${f}}}`);
+              const a = f.DEFAULT, l = f.ATTR;
+              if (a && e.src) {
+                const i = e.src;
+                a.some((b) => {
+                  const u = b.split("/").pop() || "", y = i.split("/").pop() || "";
+                  return i.includes(b) || i.includes(u) || y === u;
+                }) && (e.src = `{{${l}_${o}}}`);
               }
-              const n = (I = (F = R.name) == null ? void 0 : F[T]) == null ? void 0 : I.ATTR;
-              if (n && e.setAttribute("alt", `{{${n}_${f}}}`), c) {
-                const o = (w = R.itemLink) == null ? void 0 : w[T];
-                if (o) {
-                  const A = o.HREF, E = o.DEFAULT_HREF || "#!", s = c.href;
-                  (s === "#" || s === "" || s.endsWith("#!") || s.endsWith(E) || s === `${window.location.href}${E}` || !s || s === window.location.href) && (c.href = `{{${A}_${f}}}`);
+              const c = (P = (T = $.name) == null ? void 0 : T[R]) == null ? void 0 : P.ATTR;
+              if (c && e.setAttribute("alt", `{{${c}_${o}}}`), s) {
+                const i = (D = $.itemLink) == null ? void 0 : D[R];
+                if (i) {
+                  const _ = i.HREF, b = i.DEFAULT_HREF || "#!", u = s.href;
+                  (u === "#" || u === "" || u.endsWith("#!") || u.endsWith(b) || u === `${window.location.href}${b}` || !u || u === window.location.href) && (s.href = `{{${_}_${o}}}`);
                 }
               }
               break;
             }
             case "name": {
-              const e = d, c = e.ATTR, i = e.DEFAULT_HREF || "#!", a = e.HREF;
-              t.textContent && (t.innerHTML = C(t, `{{${c}_${f}}}`));
-              const n = t.closest("a") || (t.tagName === "A" ? t : null);
-              if (n && a) {
-                const o = n.href, A = `${window.location.href}${i}`;
-                (o === A || o.endsWith(i)) && (n.href = `{{${a}_${f}}}`);
+              const e = f, s = e.ATTR, a = e.DEFAULT_HREF || "#!", l = e.HREF;
+              t.textContent && (t.innerHTML = F(t, `{{${s}_${o}}}`));
+              const c = t.closest("a") || (t.tagName === "A" ? t : null);
+              if (c && l) {
+                const i = c.href, _ = `${window.location.href}${a}`;
+                (i === _ || i.endsWith(a)) && (c.href = `{{${l}_${o}}}`);
               }
               break;
             }
             case "price":
             case "originalPrice": {
-              const e = d, c = t.getAttribute("data-formated"), i = t.getAttribute("data-single_price"), a = c === "true", n = i === "true", o = t.getAttribute("data-curency") || "before";
-              let A;
-              n ? A = a ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : A = a ? e.PRICE_FORMATTED : e.PRICE;
-              const E = e.CURRENCY;
-              let s = `{{${A}_${f}}}`;
-              const g = (t.getAttribute("data-currency_symbol") || "").trim(), N = g !== "" && g !== O.productPriceCurrencySymbolControlValue;
-              let m = "";
-              N ? m = g : E && (m = `{{${E}_${f}}}`), m && (s = o === "after" ? `${s} ${m}` : `${m} ${s}`), t.innerHTML = C(t, s);
+              const e = f, s = t.getAttribute("data-formated"), a = t.getAttribute("data-single_price"), l = s === "true", c = a === "true", i = t.getAttribute("data-curency") || "before";
+              let _;
+              c ? _ = l ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : _ = l ? e.PRICE_FORMATTED : e.PRICE;
+              const b = e.CURRENCY;
+              let u = `{{${_}_${o}}}`;
+              const y = (t.getAttribute("data-currency_symbol") || "").trim(), W = y !== "" && y !== V.productPriceCurrencySymbolControlValue;
+              let C = "";
+              W ? C = y : b && (C = `{{${b}_${o}}}`), C && (u = i === "after" ? `${u} ${C}` : `${C} ${u}`), t.innerHTML = F(t, u);
               break;
             }
             case "quantity": {
-              const e = d, c = e.ATTR, i = e.DEFAULT;
-              t.textContent && t.textContent.trim() === i && (t.innerHTML = C(t, `{{${c}_${f}}}`));
+              const e = f, s = e.ATTR, a = e.DEFAULT;
+              t.textContent && t.textContent.trim() === a && (t.innerHTML = F(t, `{{${s}_${o}}}`));
               break;
             }
             case "button": {
-              const e = d, c = e.HREF, i = e.DEFAULT_HREF || "#!", a = t.tagName === "A" ? t : t.querySelector("a");
-              if (a) {
-                const n = a.href || "", o = `${window.location.href}${i}`;
-                (n === "" || n === "#" || n === o || n.endsWith(i) || n.endsWith("#!") || n === window.location.href) && (a.href = `{{${c}_${f}}}`);
+              const e = f, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t.tagName === "A" ? t : t.querySelector("a");
+              if (l) {
+                const c = l.href || "", i = `${window.location.href}${a}`;
+                (c === "" || c === "#" || c === i || c.endsWith(a) || c.endsWith("#!") || c === window.location.href) && (l.href = `{{${s}_${o}}}`);
               }
               break;
             }
             case "itemLink": {
-              const e = d, c = e.HREF, i = e.DEFAULT_HREF || "#!", a = t;
-              if (a.href) {
-                const n = a.href, o = `${window.location.href}${i}`;
-                (n === o || n.endsWith(i)) && (a.href = `{{${c}_${f}}}`);
+              const e = f, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t;
+              if (l.href) {
+                const c = l.href, i = `${window.location.href}${a}`;
+                (c === i || c.endsWith(a)) && (l.href = `{{${s}_${o}}}`);
               }
               break;
             }
             default: {
-              if ("ATTR" in d) {
-                const e = d.ATTR;
-                t.textContent && (t.innerHTML = C(t, `{{${e}_${f}}}`));
+              if ("ATTR" in f) {
+                const e = f.ATTR;
+                t.textContent && (t.innerHTML = F(t, `{{${e}_${o}}}`));
               }
               break;
             }
@@ -90,55 +102,49 @@ function Y(L) {
       });
     });
   });
-  const k = H.match(/<!DOCTYPE[^>]*>/i), P = k ? `${k[0]}
-` : "", D = b.querySelectorAll(".ins-product-td"), M = [];
-  D.forEach((r) => {
-    const u = r.getAttribute("data-type") || "CART_ITEMS", p = r.getAttribute("data-number") || "1", l = r.outerHTML;
+  const I = H.match(/<!DOCTYPE[^>]*>/i), O = I ? `${I[0]}
+` : "", q = g.querySelectorAll(".ins-product-td"), M = [];
+  q.forEach((n) => {
+    const d = n.getAttribute("data-type") || "CART_ITEMS", p = n.getAttribute("data-number") || "1", r = n.outerHTML;
     M.push({
-      element: r,
-      outerHtml: l,
-      type: u,
+      element: n,
+      outerHtml: r,
+      type: d,
       number: p
     });
   });
-  let _ = P + b.documentElement.outerHTML;
-  M.reverse().forEach(({ outerHtml: r, type: u, number: p }) => {
-    let l = "";
-    switch (u) {
-      case "CART_ITEMS":
-        l = "ins_apr_total_product_kind";
-        break;
-      case "BROWSED_ITEMS":
-        l = "browsed_item_total_product_kind";
-        break;
-      case "PURCHASED_ITEMS":
-        l = "purchased_item_total_product_kind";
-        break;
-    }
-    if (l) {
-      const $ = parseInt(p) - 1, T = `${`{% if ${l} > ${$} %}`}${r}{% endif %}`;
-      _ = _.replace(r, T);
+  let A = O + g.documentElement.outerHTML;
+  M.reverse().forEach(({ outerHtml: n, type: d, number: p }) => {
+    const r = x[d], E = r ? `${r}_total_product_kind` : "";
+    if (E) {
+      const h = parseInt(p) - 1, o = `${`{% if ${E} > ${h} %}`}${n}{% endif %}`;
+      A = A.replace(n, G(o));
     }
   });
-  const x = b.querySelectorAll('[product-attr="originalPrice"][data-type="CART_ITEMS"]'), S = [];
-  return x.forEach((r) => {
-    var $;
-    const u = r.getAttribute("data-number"), p = r.getAttribute("data-type");
-    if (!u || p !== "CART_ITEMS" || (($ = r.closest(".ins-product-td")) == null ? void 0 : $.getAttribute("data-nodup")) === "false")
+  const U = g.querySelectorAll('[product-attr="originalPrice"][data-type]'), w = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Set();
+  return U.forEach((n) => {
+    var t;
+    const d = n.getAttribute("data-number"), p = n.getAttribute("data-type");
+    if (!d || !x[p])
       return;
-    const h = r.closest(".product-original-price-class");
-    if (h) {
-      const y = h.outerHTML;
-      S.some((T) => T.tdOuterHtml === y) || S.push({ tdOuterHtml: y, number: u });
-    }
-  }), S.reverse().forEach(({ tdOuterHtml: r, number: u }) => {
-    const p = `{% if ins_apr_price_${u} != ins_apr_originalprice_${u} %}`;
-    if (!_.includes(p) && !r.includes("{% if")) {
-      const h = `${p}${r}{% endif %}`;
-      _ = _.replace(r, h);
+    const r = n.closest(".product-original-price-class");
+    if (!r || k.has(r))
+      return;
+    k.add(r);
+    const E = r.outerHTML, m = (t = n.closest(".ins-product-td")) == null ? void 0 : t.getAttribute("data-nodup"), h = w.get(E) ?? { number: d, type: p, wrap: [] };
+    h.wrap.push(m !== "false"), w.set(E, h);
+  }), w.forEach(({ number: n, type: d, wrap: p }, r) => {
+    if (r.includes("{% if") || !p.some(Boolean))
+      return;
+    const E = L.PAIRS_FOR_EXTENSION.price[d].PRICE, m = L.PAIRS_FOR_EXTENSION.originalPrice[d].PRICE, h = `{% if ${E}_${n} != ${m}_${n} %}`, t = [h, N(h)];
+    let R = "", o = 0, f = 0, T = A.indexOf(r);
+    for (; T !== -1; ) {
+      const P = p[f] === !0 && !v(A, T, t);
+      R += A.slice(o, T) + (P ? `${h}${r}{% endif %}` : r), o = T + r.length, f += 1, T = A.indexOf(r, o);
     }
-  }), _.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+    A = R + A.slice(o);
+  }), A.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  Y as pairProductVariables
+  J as pairProductVariables
 };

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.15.0",
+  "version": "3.16.0-beta.0faee0c",
   "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",
@@ -14,6 +14,10 @@
       "types": "./dist/components/Guido.vue.d.ts",
       "require": "./dist/components/Guido.vue.js"
     },
+    "./tracking-ids": {
+      "types": "./dist/src/public/trackingIds.d.ts",
+      "import": "./dist/public/trackingIds.js"
+    },
     "./style": "./dist/guido.css"
   },
   "scripts": {