@useinsider/guido 3.11.0-beta.ed60c66 → 3.11.0-beta.f2b79f2

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

@@ -39,6 +39,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -173,6 +182,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -307,6 +325,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -441,6 +468,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -575,6 +611,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -709,6 +754,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -843,6 +897,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -977,6 +1040,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -1111,6 +1183,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -1245,6 +1326,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -1379,6 +1469,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -1513,6 +1612,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -1647,6 +1755,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -1781,6 +1898,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -1915,6 +2041,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -2049,6 +2184,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -2183,6 +2327,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;
@@ -2317,6 +2470,15 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                         value: string;
                     } | undefined;
                 }[];
+                availableDynamicContent: {
+                    text: string;
+                    value: string;
+                    fallback?: string | undefined;
+                    format?: {
+                        key: string;
+                        value: string;
+                    } | undefined;
+                }[];
                 customFieldAttributes: string[];
                 selectedUnsubscribePages: number[];
                 forceRecreate: boolean;

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

@@ -0,0 +1,27 @@
+import type { DynamicContent } from '@@/Types/generic';
+export interface DynamicContentConversionResult {
+    html: string;
+    /** Distinct tokens that matched neither a known value nor a known label (reported to the user). */
+    unresolved: string[];
+}
+/**
+ * Builds a label→item lookup from one or more dynamic-content lists, keyed by
+ * normalized label (trimmed, lowercased). When lists overlap, a later list wins
+ * for a shared key.
+ */
+export declare const buildDynamicContentLookup: (...lists: DynamicContent[][]) => Map<string, DynamicContent>;
+/**
+ * Repairs dynamic-content tokens in a dropped module's HTML, using `lookup`
+ * (label→item) built from the account's full dynamic-content list. Returns the
+ * rewritten HTML plus the tokens it could not resolve.
+ *
+ * A token is rewritten to its canonical `{{value}}` form when its name matches a
+ * display label (`{{ Phone Number }}` → `{{phone_number}}`). Left untouched: an
+ * exact canonical value (already correct — this also stops a valid token being
+ * rewritten just because it coincides with an unrelated label), Liquid nested
+ * tokens (dotted, e.g. `coupon.code`), recommendation-block variables
+ * (`123_0_attr`), allowed system tokens, and `data-*` product tags. The account
+ * list is exhaustive, so any remaining token matching neither a value nor a label
+ * is reported in `unresolved`; the text itself is always left in place.
+ */
+export declare const convertModuleDynamicContent: (html: string, lookup: Map<string, DynamicContent>, liquidSyntax: boolean) => DynamicContentConversionResult;

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

@@ -1,6 +1,13 @@
 import type { DynamicContent, MergeTag } from '@@/Types/generic';
 export declare const mergeTagToDynamicContent: (mergeTag: MergeTag) => DynamicContent;
 export declare const dynamicContentToMergeTags: (dynamicContentList: DynamicContent[], liquidSyntax?: boolean) => MergeTag[];
+/**
+ * Builds the editor merge-tag entries from the template's preselected list plus
+ * the account's full available list, deduped by token value (preselected wins so
+ * its fallback/format is kept). Registering the full list lets every recognized
+ * token — including ones repaired on module drop — render as a chip.
+ */
+export declare const buildMergeTagEntries: (preselected: DynamicContent[], available: DynamicContent[], liquidSyntax?: boolean) => MergeTag[];
 export declare const getCsrfToken: () => string;
 /**
  * URL Parameter utilities

package/dist/stores/onboarding.js

@@ -1,11 +1,10 @@
-import { FORCE_ONBOARDING_FOR_TESTING as e, FORCED_ONBOARDING_TYPES as a } from "../enums/onboarding.js";
-import { useOnboardingApi as s } from "../services/onboardingApi.js";
-import { defineStore as d } from "pinia";
+import { useOnboardingApi as r } from "../services/onboardingApi.js";
+import { defineStore as e } from "pinia";
 const t = () => ({
   cardIndex: 0,
   isActive: !1,
   config: []
-}), g = () => ({
+}), a = () => ({
   onboardings: {
     newVersionPopup: t(),
     genericOnboarding: t(),
@@ -16,8 +15,8 @@ const t = () => ({
   },
   userModalState: {},
   isFetched: !1
-}), u = d("guidoOnboarding", {
-  state: () => g(),
+}), c = e("guidoOnboarding", {
+  state: () => a(),
   getters: {
     getOnboarding: (n) => (i) => n.onboardings[i],
     isActive: (n) => (i) => n.onboardings[i].isActive,
@@ -46,8 +45,6 @@ const t = () => ({
       return i.config[i.cardIndex];
     },
     shouldShowOnboarding: (n) => (i) => {
-      if (e && a.includes(i))
-        return !0;
       const o = n.userModalState.Guido;
       return i === "newVersionPopup" && (o != null && o.genericOnboarding) ? !1 : o ? !o[i] : !0;
     }
@@ -75,8 +72,8 @@ const t = () => ({
       this.onboardings[n].cardIndex > 0 && this.onboardings[n].cardIndex--;
     },
     updateCardPosition(n, i, o) {
-      const r = this.onboardings[n].config[i];
-      r && (r.top = o.top, r.position = o.position);
+      const s = this.onboardings[n].config[i];
+      s && (s.top = o.top, s.position = o.position);
     },
     setConfig(n, i) {
       this.onboardings[n].config = i ?? [], this.onboardings[n].cardIndex >= this.onboardings[n].config.length && (this.onboardings[n].cardIndex = 0);
@@ -96,15 +93,15 @@ const t = () => ({
     async fetchUserModalState() {
       if (this.isFetched)
         return;
-      const { fetchUserModalState: n } = s(), i = await n();
+      const { fetchUserModalState: n } = r(), i = await n();
       this.userModalState = i, this.isFetched = !0;
     },
     async setUserModalState(n, i, o) {
-      const { setUserModalState: r } = s();
-      await r(n, i, o), this.isFetched = !1, await this.fetchUserModalState();
+      const { setUserModalState: s } = r();
+      await s(n, i, o), this.isFetched = !1, await this.fetchUserModalState();
     }
   }
 });
 export {
-  u as useOnboardingStore
+  c as useOnboardingStore
 };

package/dist/utils/dateUtil.js

@@ -1,10 +1,19 @@
-import { DEFAULT_LOCALE as r, DEFAULT as o } from "../enums/date.js";
-const c = () => {
+import { DEFAULT_LOCALE as r, DEFAULT as a, DEFAULT_TZ as c } from "../enums/date.js";
+const m = (t) => t ? t instanceof Date ? t : typeof t == "string" ? t.length === 10 ? new Date(Number(t) * 1e3) : new Date(t) : typeof t == "number" ? t.toString().length === 10 ? new Date(t * 1e3) : new Date(t) : /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(), s = () => {
   const t = window.l10n;
-  return (t == null ? void 0 : t.locale) === o ? r : (t == null ? void 0 : t.locale) || r;
-};
-new Intl.DateTimeFormat().resolvedOptions().timeZone;
-const i = (t) => {
+  return (t == null ? void 0 : t.locale) === a ? r : (t == null ? void 0 : t.locale) || r;
+}, u = new Intl.DateTimeFormat().resolvedOptions().timeZone, f = () => {
+  const t = window.l10n;
+  return (t == null ? void 0 : t.timezone) || u || c;
+}, D = (t, e = s(), n = f()) => {
+  const o = {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    timeZone: n
+  }, i = m(t);
+  return new Intl.DateTimeFormat(e, o).format(i);
+}, T = (t) => {
   if (!t)
     return "";
   const e = new Date(t);
@@ -16,9 +25,13 @@ const i = (t) => {
     second: "2-digit",
     hour12: !1
   }).format(e);
-}, m = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
+}, h = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
 export {
-  i as formatPatchDate,
-  m as isAfterDate,
-  c as locale
+  m as convertToDateObject,
+  T as formatPatchDate,
+  D as formatShortDate,
+  h as isAfterDate,
+  u as localTz,
+  s as locale,
+  f as timezone
 };

package/dist/utils/dynamicContentConverter.js

@@ -0,0 +1,31 @@
+import { DATA_ATTRIBUTE_REGEX as A, DYNAMIC_CONTENT_TAG_REGEX as m, ALLOWED_DYNAMIC_SYSTEM_TOKENS as D } from "../enums/html-validator.js";
+import { dynamicContentToMergeTags as T } from "./genericUtil.js";
+const p = "guidoDataMask", M = "EndDataMask", f = /guidoDataMask(\d+)EndDataMask/g, h = /^\d+_\d+_.+$/, E = (o) => o.trim().toLowerCase(), I = (...o) => {
+  const r = /* @__PURE__ */ new Map();
+  return o.forEach((i) => {
+    i.forEach((s) => {
+      const a = E(s.text);
+      a && r.set(a, s);
+    });
+  }), r;
+}, w = (o, r, i) => {
+  const s = /* @__PURE__ */ new Set(), a = new Set([...r.values()].map((e) => e.value)), u = [];
+  return { html: o.replace(A, (e) => (u.push(e), `${p}${u.length - 1}${M}`)).replace(m, (e) => {
+    const n = e.slice(2, -2), c = n.indexOf("|"), l = c === -1 ? n : n.slice(0, c), t = l.trim();
+    if (t === "" || D.includes(t) || t.includes(".") || h.test(t) || a.has(t))
+      return e;
+    const d = r.get(E(t));
+    if (d) {
+      if (c !== -1) {
+        const _ = n.slice(c);
+        return `{{${l.replace(t, () => d.value)}${_}}}`;
+      }
+      return T([d], i)[0].value;
+    }
+    return s.add(t), e;
+  }).replace(f, (e, n) => u[Number(n)]), unresolved: [...s] };
+};
+export {
+  I as buildDynamicContentLookup,
+  w as convertModuleDynamicContent
+};

package/dist/utils/genericUtil.js

@@ -1,47 +1,54 @@
-const s = (e) => {
-  const a = e.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((l) => l.trim()), [n] = a, c = {
-    text: e.label,
+const u = (t) => {
+  const a = t.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((l) => l.trim()), [n] = a, e = {
+    text: t.label,
     value: n || ""
   };
   if (a.length >= 2) {
-    const [, l, r] = a;
+    const [, l, f] = a;
     if (l.startsWith("default:")) {
-      let t = l.slice(8).trim();
-      t.startsWith('"') && t.endsWith('"') && (t = t.slice(1, -1)), c.fallback = t;
+      let r = l.slice(8).trim();
+      r.startsWith('"') && r.endsWith('"') && (r = r.slice(1, -1)), e.fallback = r;
     } else {
-      const t = l.includes("=") ? { key: l.split("=")[0].trim(), value: l.split("=")[1].trim() } : null;
-      t ? c.format = t : r || (c.fallback = l), r && (c.fallback = r);
+      const r = l.includes("=") ? { key: l.split("=")[0].trim(), value: l.split("=")[1].trim() } : null;
+      r ? e.format = r : f || (e.fallback = l), f && (e.fallback = f);
     }
   }
-  return c;
-}, u = (e, f = !1) => e.map((a) => {
+  return e;
+}, s = (t, c = !1) => t.map((a) => {
   if (a.format)
     return {
       label: `${a.text} | ${a.format.key}=${a.format.value}`,
       value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
     };
-  if (f) {
+  if (c) {
     if (!a.fallback)
       return {
         label: a.text,
         value: `{{ ${a.value} }}`
       };
-    const c = !Number.isNaN(Number(a.fallback)) && a.fallback.trim() !== "" ? a.fallback : `"${a.fallback}"`;
+    const e = !Number.isNaN(Number(a.fallback)) && a.fallback.trim() !== "" ? a.fallback : `"${a.fallback}"`;
     return {
       label: `${a.text} | ${a.fallback}`,
-      value: `{{ ${a.value} | default: ${c} }}`
+      value: `{{ ${a.value} | default: ${e} }}`
     };
   }
   return {
     label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
     value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
   };
-}), o = () => {
-  var e;
-  return ((e = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : e.getAttribute("content")) ?? "";
+}), o = (t, c, a = !1) => {
+  const n = new Set(t.map((l) => l.value)), e = c.filter((l) => n.has(l.value) ? !1 : (n.add(l.value), !0));
+  return [
+    ...s(t, a),
+    ...s(e, a)
+  ];
+}, b = () => {
+  var t;
+  return ((t = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : t.getAttribute("content")) ?? "";
 };
 export {
-  u as dynamicContentToMergeTags,
-  o as getCsrfToken,
-  s as mergeTagToDynamicContent
+  o as buildMergeTagEntries,
+  s as dynamicContentToMergeTags,
+  b as getCsrfToken,
+  u as mergeTagToDynamicContent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.11.0-beta.ed60c66",
+  "version": "3.11.0-beta.f2b79f2",
   "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",