@useinsider/guido 3.14.0-beta.1abaa5e → 3.14.0-beta.38ec3aa

package/dist/composables/useAllowlist.js

@@ -1,68 +1,50 @@
 import { useAllowlistApi as A } from "../services/allowlistApi.js";
-import { base64EncodeWithSpecialChars as f } from "../utils/base64.js";
-import { useTranslations as D } from "./useTranslations.js";
-import { useUserRole as E } from "./useUserRole.js";
-const _ = /(?:https?:\/\/|www\.)[^\s"'<>()]+/gi, L = /&quot;\/\//gi, w = "s3-eu-west-1.amazonaws.com", d = [
-  "insider-email",
-  "web-image.useinsider.com",
-  "image.useinsider.com",
-  "panel-assets.useinsider.com",
-  "stripo-editor-image"
-], N = ({ hostname: r, pathname: l }) => {
-  const n = r.toLowerCase();
-  if (n === w) {
-    const i = l.split("/")[1].toLowerCase();
-    return d.includes(i);
-  }
-  return d.some((i) => n === `${i}.${w}`);
-}, m = {
+import { base64EncodeWithSpecialChars as p } from "../utils/base64.js";
+import { useTranslations as h } from "./useTranslations.js";
+import { useUserRole as D } from "./useUserRole.js";
+const f = /(?:https?:\/\/|www\.)[^\s"'<>()]+/gi, E = /&quot;\/\//gi, i = {
   MANAGE: "journey-builder.domain-allowlist-warning",
   NON_MANAGE: "settings.allow-list-warning-not-admin-architect",
   ADD_BUTTON: "settings.allow-list-warning-add-button"
-}, g = /* @__PURE__ */ new Set(), O = (r) => `/settings?openAddModal=true&type=domain&values=${f(r)}#security`, C = () => {
-  const { checkDomain: r } = A(), { getIsManageUser: l } = E(), n = D(), i = (t, e) => {
-    const a = `${t || ""} ${e || ""}`.replace(L, "https://").match(_) || [], s = /* @__PURE__ */ new Set();
-    return a.forEach((c) => {
-      const h = /^https?:\/\//i.test(c) ? c : `https://${c}`;
+}, w = /* @__PURE__ */ new Set(), O = (n) => `/settings?openAddModal=true&type=domain&values=${p(n)}#security`, M = () => {
+  const { checkDomain: n } = A(), { getIsManageUser: l } = D(), a = h(), d = (t, s) => {
+    const c = `${t || ""} ${s || ""}`.replace(E, "https://").match(f) || [], e = /* @__PURE__ */ new Set();
+    return c.forEach((r) => {
+      const g = /^https?:\/\//i.test(r) ? r : `https://${r}`;
       try {
-        const u = new URL(h);
-        if (N(u))
-          return;
-        u.hostname && s.add(u.hostname.replace(/^www\./i, "").toLowerCase());
+        const { hostname: u } = new URL(g);
+        u && e.add(u.replace(/^www\./i, "").toLowerCase());
       } catch {
       }
-    }), [...s];
-  }, p = async (t) => {
-    if (g.has(t))
+    }), [...e];
+  }, m = async (t) => {
+    if (w.has(t))
       return !0;
     try {
-      const e = await r(t);
-      return e && g.add(t), e;
-    } catch (e) {
-      return console.error("[GUIDO_ALLOWLIST] isDomainAllowlisted failed", t, e), !0;
+      const s = await n(t);
+      return s && w.add(t), s;
+    } catch (s) {
+      return console.error("[GUIDO_ALLOWLIST] isDomainAllowlisted failed", t, s), !0;
     }
   };
-  return { getBlockedDomains: async (t, e) => {
+  return { getBlockedDomains: async (t, s) => {
     try {
-      const o = i(t, e);
+      const o = d(t, s);
       return o.length ? (await Promise.all(
-        o.map(async (s) => ({ domain: s, allowlisted: await p(s) }))
-      )).filter((s) => !s.allowlisted).map((s) => s.domain) : [];
+        o.map(async (e) => ({ domain: e, allowlisted: await m(e) }))
+      )).filter((e) => !e.allowlisted).map((e) => e.domain) : [];
     } catch (o) {
       return console.error("[GUIDO_ALLOWLIST] getBlockedDomains failed", o), [];
     }
-  }, resolveToast: async (t) => {
-    const e = await l(), o = t.length ? ` (${t.join(", ")})` : "", a = (s) => `${s}${o}`;
-    return e ? {
-      message: a(n(m.MANAGE)),
-      actionButton: {
-        text: n(m.ADD_BUTTON),
-        onClick: () => window.open(O(t.join(",")), "_blank")
-      }
-    } : { message: a(n(m.NON_MANAGE)) };
-  } };
+  }, resolveToast: async (t) => await l() ? {
+    message: a(i.MANAGE),
+    actionButton: {
+      text: a(i.ADD_BUTTON),
+      onClick: () => window.open(O(t.join(",")), "_blank")
+    }
+  } : { message: a(i.NON_MANAGE) } };
 };
 export {
   O as buildAllowlistSettingsUrl,
-  C as useAllowlist
+  M as useAllowlist
 };

package/dist/composables/useEmailTemplateApplier.js

@@ -1,43 +1,57 @@
-import { useActionsApi as T } from "./useActionsApi.js";
-import { useToaster as f } from "./useToaster.js";
-import { useTranslations as y } from "./useTranslations.js";
-import { ToasterTypeOptions as n } from "../enums/toaster.js";
-import { ref as v } from "vue";
-const E = 250, s = v({}), o = {}, j = () => {
-  const { updateHtmlAndCss: l } = T(), { showToaster: p } = f(), i = y(), u = (e) => {
-    s.value[e] === void 0 && (s.value = { ...s.value, [e]: "pending" });
-  }, c = (e, t, r) => {
-    s.value = { ...s.value, [e]: "applying" };
+import { useActionsApi as d } from "./useActionsApi.js";
+import { useConfig as D } from "./useConfig.js";
+import { useToaster as h } from "./useToaster.js";
+import { useTranslations as E } from "./useTranslations.js";
+import { ToasterTypeOptions as f } from "../enums/toaster.js";
+import { useDynamicContentStore as A } from "../stores/dynamic-content.js";
+import { flattenDynamicContentList as S } from "../utils/genericUtil.js";
+import { extractUsedDynamicContent as O } from "../utils/registerUsedDynamicContent.js";
+import { ref as U } from "vue";
+const w = 250, o = U({}), s = {}, u = /* @__PURE__ */ new Map(), z = () => {
+  const { updateHtmlAndCss: c } = d(), { showToaster: m } = h(), y = E(), { template: T } = D(), v = A(), g = (e, t) => {
+    const a = y(e);
+    return a === e ? t : a;
+  }, C = (e) => {
+    o.value[e] === void 0 && (o.value = { ...o.value, [e]: "pending" });
+  }, l = (e, t, a) => {
+    var n;
+    o.value = { ...o.value, [e]: "applying" };
     try {
-      l(t, r), s.value = { ...s.value, [e]: "applied" }, p({
-        type: n.Success,
-        message: i("newsletter.ai-template-applied")
-      });
-    } catch (a) {
-      s.value = { ...s.value, [e]: "failed" }, p({
-        type: n.Error,
-        message: a instanceof Error ? a.message : "Failed to apply template"
+      c(t, a), o.value = { ...o.value, [e]: "applied" };
+      try {
+        const r = S((n = T.value) == null ? void 0 : n.dynamicContentList), p = O(t, r);
+        p.length > 0 && v.registerDynamicContent(p);
+      } catch {
+      }
+      u.get(e) !== t && (u.set(e, t), m({
+        type: f.Success,
+        message: g("newsletter.ai-template-applied", "Template applied to the editor")
+      }));
+    } catch (r) {
+      o.value = { ...o.value, [e]: "failed" }, m({
+        type: f.Error,
+        message: r instanceof Error ? r.message : "Failed to apply template"
       });
     }
-  }, m = (e) => {
-    const t = o[e];
-    t && (clearTimeout(t), delete o[e]);
+  }, i = (e) => {
+    const t = s[e];
+    t && (clearTimeout(t), delete s[e]);
   };
-  return { applyStatus: s, markPending: u, applyTemplate: (e, t) => {
-    t.html && (m(e), c(e, t.html, t.css ?? ""));
+  return { applyStatus: o, markPending: C, applyTemplate: (e, t) => {
+    t.html && (i(e), l(e, t.html, t.css ?? ""));
   }, applyTemplateDebounced: (e, t) => {
     if (!t.html)
       return;
-    m(e);
-    const { html: r } = t, a = t.css ?? "";
-    o[e] = setTimeout(() => {
-      delete o[e], c(e, r, a);
-    }, E);
+    i(e);
+    const { html: a } = t, n = t.css ?? "";
+    s[e] = setTimeout(() => {
+      delete s[e], l(e, a, n);
+    }, w);
   } };
-}, k = () => {
-  Object.values(o).forEach(clearTimeout), Object.keys(o).forEach((l) => delete o[l]), s.value = {};
+}, G = () => {
+  Object.values(s).forEach(clearTimeout), Object.keys(s).forEach((c) => delete s[c]), o.value = {};
 };
 export {
-  k as resetEmailTemplateApplier,
-  j as useEmailTemplateApplier
+  G as resetEmailTemplateApplier,
+  z as useEmailTemplateApplier
 };

package/dist/composables/useHtmlCompiler.js

@@ -1,13 +1,13 @@
-import { defaultHtmlCompilerRules as g } from "../config/compiler/htmlCompilerRules.js";
-import { itemsCompilerRules as R } from "../config/compiler/itemsCompilerRules.js";
-import { liquidCompilerRules as b } from "../config/compiler/liquidCompilerRules.js";
-import { outlookCompilerRules as C } from "../config/compiler/outlookCompilerRules.js";
+import { defaultHtmlCompilerRules as R } from "../config/compiler/htmlCompilerRules.js";
+import { itemsCompilerRules as g } from "../config/compiler/itemsCompilerRules.js";
+import { liquidCompilerRules as C } from "../config/compiler/liquidCompilerRules.js";
+import { outlookCompilerRules as b } from "../config/compiler/outlookCompilerRules.js";
 import { recommendationCompilerRules as v } from "../config/compiler/recommendationCompilerRules.js";
-import { socialCompilerRules as y } from "../config/compiler/socialCompilerRules.js";
-import { unsubscribeCompilerRules as H } from "../config/compiler/unsubscribeCompilerRules.js";
+import { socialCompilerRules as H } from "../config/compiler/socialCompilerRules.js";
+import { unsubscribeCompilerRules as x } from "../config/compiler/unsubscribeCompilerRules.js";
 import { createHtmlCompiler as s } from "../utils/htmlCompiler.js";
-import { useConfig as x } from "./useConfig.js";
-const h = /* @__PURE__ */ new Set([
+import { useConfig as k } from "./useConfig.js";
+const y = /* @__PURE__ */ new Set([
   // URL/tag encoding fixes — keep merge-tag and placeholder integrity intact.
   "fix-url-encoding-start",
   "fix-url-encoding-end",
@@ -18,9 +18,6 @@ const h = /* @__PURE__ */ new Set([
   // Image domain corrections — plain string replacement.
   "replace-old-image-domain",
   "replace-old-v2-image-domain",
-  "replace-s3-path-style-web-image-domain",
-  "replace-s3-path-style-image-domain",
-  "replace-s3-path-style-panel-assets-domain",
   // Unsubscribe domain — the actual fix: injects the real unsubscribe href in
   // place of the `{{ins-*-unsubscribe-link}}` placeholders, plus related
   // unsubscribe-only cleanups. All pure regex/text, no AMP-forbidden output.
@@ -35,21 +32,21 @@ const h = /* @__PURE__ */ new Set([
   "remove-contenteditable"
 ]), M = () => {
   var i, m, r;
-  const { compiler: o, isFeatureEnabled: a, partner: n } = x(), p = ((i = o.value) == null ? void 0 : i.customRules) || [], l = [
-    ...!!((m = o.value) != null && m.ignoreDefaultRules) ? [] : g,
+  const { compiler: o, isFeatureEnabled: n, partner: a } = k(), p = ((i = o.value) == null ? void 0 : i.customRules) || [], l = [
+    ...!!((m = o.value) != null && m.ignoreDefaultRules) ? [] : R,
     ...v,
+    ...x,
+    ...g,
+    ...b,
     ...H,
-    ...R,
-    ...C,
-    ...y,
-    ...a("liquidSyntax") ? b : [],
+    ...n("liquidSyntax") ? C : [],
     ...p.map((e, f) => ({
       ...e,
       priority: e.priority + 1e3 + f
       // Ensure additional rules run after default rules
     }))
-  ], c = s(l), u = l.filter((e) => h.has(e.id)), d = s(u), t = (r = n.value) == null ? void 0 : r.fallbackFont;
-  return { compileHtml: (e) => c.compile(e, void 0, t), compileAmpHtml: (e) => d.compile(e, void 0, t) };
+  ], u = s(l), c = l.filter((e) => y.has(e.id)), d = s(c), t = (r = a.value) == null ? void 0 : r.fallbackFont;
+  return { compileHtml: (e) => u.compile(e, void 0, t), compileAmpHtml: (e) => d.compile(e, void 0, t) };
 };
 export {
   M as useHtmlCompiler

package/dist/config/compiler/htmlCompilerRules.js

@@ -122,10 +122,10 @@ const d = [
       ], i = /<head>([\S\s]*)<\/head>/, o = new RegExp(i);
       if (!e.match(o))
         return e;
-      let s = e;
-      return t.forEach((r) => {
-        s = s.replace("</head>", `${r}</head>`);
-      }), s;
+      let r = e;
+      return t.forEach((s) => {
+        r = r.replace("</head>", `${s}</head>`);
+      }), r;
     },
     priority: 30
   },
@@ -147,33 +147,6 @@ const d = [
     replaceAll: !0,
     priority: 41
   },
-  {
-    id: "replace-s3-path-style-web-image-domain",
-    description: "Rewriting path-style S3 asset URLs to the web-image.useinsider.com domain",
-    type: "replace",
-    search: "s3-eu-west-1.amazonaws.com/web-image.useinsider.com",
-    replacement: "web-image.useinsider.com",
-    replaceAll: !0,
-    priority: 42
-  },
-  {
-    id: "replace-s3-path-style-image-domain",
-    description: "Rewriting path-style S3 asset URLs to the image.useinsider.com domain",
-    type: "replace",
-    search: "s3-eu-west-1.amazonaws.com/image.useinsider.com",
-    replacement: "image.useinsider.com",
-    replaceAll: !0,
-    priority: 43
-  },
-  {
-    id: "replace-s3-path-style-panel-assets-domain",
-    description: "Rewriting path-style S3 asset URLs to the panel-assets.useinsider.com domain",
-    type: "replace",
-    search: "s3-eu-west-1.amazonaws.com/panel-assets.useinsider.com",
-    replacement: "panel-assets.useinsider.com",
-    replaceAll: !0,
-    priority: 46
-  },
   {
     id: "convert-rgb-to-hex",
     // SD-142395: rgb()/6-digit hex are verbose; hex/3-digit shorthand is byte-identical
@@ -183,9 +156,9 @@ const d = [
     type: "custom",
     processor: (e) => {
       const t = (i) => i.toString(16).padStart(2, "0");
-      return e.replace(/rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/gi, (i, o, a, s) => {
-        const [r, n, c] = [Number(o), Number(a), Number(s)];
-        return r > 255 || n > 255 || c > 255 ? i : `#${t(r)}${t(n)}${t(c)}`;
+      return e.replace(/rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/gi, (i, o, n, r) => {
+        const [s, a, c] = [Number(o), Number(n), Number(r)];
+        return s > 255 || a > 255 || c > 255 ? i : `#${t(s)}${t(a)}${t(c)}`;
       }).replace(/#([0-9a-f])\1([0-9a-f])\2([0-9a-f])\3\b/gi, "#$1$2$3");
     },
     priority: 44

package/dist/src/stores/dynamic-content.d.ts

@@ -36,4 +36,12 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"gu
     }[];
 }, {
     setSelectedDynamicContent(dynamicContent: DynamicContent): void;
+    /**
+     * Append-only bulk registration for dynamic content used by an
+     * AI-applied template. Unlike `setSelectedDynamicContent` it doesn't
+     * touch `selectedDynamicContent`; the getter removes duplicates, so
+     * re-registering the same entries is harmless. Items are shallow-copied so Pinia
+     * reactivity can't write a later mutation back into the host's catalog.
+     */
+    registerDynamicContent(items: DynamicContent[]): void;
 }>;

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

@@ -0,0 +1,8 @@
+import type { DynamicContent } from '@@/Types/generic';
+export declare const extractUsedDynamicContent: (html: string, flattenedCatalog: DynamicContent[] | undefined | null) => DynamicContent[];
+/**
+ * Dev-diagnostic sibling of `extractUsedDynamicContent`: the used token names
+ * with NO catalog match (so intentionally not registered). Surfaced via a
+ * dev-gated `console.debug` to spot a neo↔guido vocabulary mismatch. Never throws.
+ */
+export declare const getUnmatchedDynamicContentTokens: (html: string, flattenedCatalog: DynamicContent[] | undefined | null) => string[];

package/dist/stores/dynamic-content.js

@@ -1,6 +1,6 @@
 import { removeDuplicatesFromArray as n } from "../utils/arrayUtil.js";
 import { defineStore as a } from "pinia";
-const s = a("guidoDynamicContent", {
+const c = a("guidoDynamicContent", {
   state: () => ({
     selectedDynamicContent: { text: "", value: "" },
     selectedDynamicContentList: []
@@ -8,6 +8,16 @@ const s = a("guidoDynamicContent", {
   actions: {
     setSelectedDynamicContent(t) {
       this.selectedDynamicContent = t, this.selectedDynamicContentList.push(t);
+    },
+    /**
+     * Append-only bulk registration for dynamic content used by an
+     * AI-applied template. Unlike `setSelectedDynamicContent` it doesn't
+     * touch `selectedDynamicContent`; the getter removes duplicates, so
+     * re-registering the same entries is harmless. Items are shallow-copied so Pinia
+     * reactivity can't write a later mutation back into the host's catalog.
+     */
+    registerDynamicContent(t) {
+      this.selectedDynamicContentList.push(...t.map((e) => ({ ...e })));
     }
   },
   getters: {
@@ -20,5 +30,5 @@ const s = a("guidoDynamicContent", {
   }
 });
 export {
-  s as useDynamicContentStore
+  c as useDynamicContentStore
 };

package/dist/utils/registerUsedDynamicContent.js

@@ -0,0 +1,23 @@
+import { DATA_ATTRIBUTE_REGEX as T } from "../enums/html-validator.js";
+const d = /{{([a-zA-Z0-9_.\s]*)}}/gm, h = (n, e) => {
+  if (!e || e.length === 0)
+    return { matched: [], unmatchedTokens: [] };
+  const s = n.replace(T, "$1").match(d);
+  if (!s)
+    return { matched: [], unmatchedTokens: [] };
+  const u = new Map(
+    e.map((c) => [c.value.trim().toLowerCase(), c])
+  ), a = /* @__PURE__ */ new Set(), o = [], m = [];
+  return s.forEach((c) => {
+    const t = c.slice(2, -2).trim().toLowerCase();
+    if (t === "" || a.has(t))
+      return;
+    a.add(t);
+    const r = u.get(t);
+    r ? o.push(r) : m.push(t);
+  }), { matched: o, unmatchedTokens: m };
+}, E = (n, e) => h(n, e).matched, k = (n, e) => h(n, e).unmatchedTokens;
+export {
+  E as extractUsedDynamicContent,
+  k as getUnmatchedDynamicContentTokens
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.14.0-beta.1abaa5e",
+  "version": "3.14.0-beta.38ec3aa",
   "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",