@useinsider/guido 3.13.0-beta.4a55a9f → 3.13.0-beta.a6f0620

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/src/stores/dynamic-content.d.ts

@@ -36,4 +36,21 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"gu
     }[];
 }, {
     setSelectedDynamicContent(dynamicContent: DynamicContent): void;
+    /**
+     * Bulk, append-only registration for dynamic content used by an
+     * AI-applied template (see useEmailTemplateApplier). Unlike
+     * `setSelectedDynamicContent`, this does NOT touch
+     * `selectedDynamicContent` (there is no single "active" picker
+     * selection here) — it only grows `selectedDynamicContentList`. The
+     * getter already removes duplicates, so a re-registration of the same
+     * entries (e.g. a re-apply) is harmless.
+     *
+     * `items` typically come straight from the host's own dynamic-content
+     * catalog (flattened `templateConfig.dynamicContentList`) — shallow-copy
+     * each one rather than storing the host's own object references, so
+     * Pinia/Vue's reactive conversion of this state can't turn a later
+     * in-place mutation of a "selected" item into an accidental write-back
+     * into the host's catalog.
+     */
+    registerDynamicContent(items: DynamicContent[]): void;
 }>;

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

@@ -0,0 +1,13 @@
+import type { DynamicContent } from '@@/Types/generic';
+export declare const extractUsedDynamicContent: (html: string, flattenedCatalog: DynamicContent[] | undefined | null) => DynamicContent[];
+/**
+ * Dev-diagnostic sibling of `extractUsedDynamicContent`: the clean token names
+ * used in `html` that had NO catalog match (so were intentionally NOT
+ * registered). Wired into useEmailTemplateApplier's dev-gated `console.debug`
+ * so a developer can spot a neo↔guido personalization-vocabulary mismatch
+ * (see T-C2 report §8: neo may emit Atrium-schema keys the guido catalog
+ * doesn't recognize) in one look, without changing what actually gets
+ * registered. Same empty/undefined/null-catalog handling as
+ * `extractUsedDynamicContent` — 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,25 @@ const s = a("guidoDynamicContent", {
   actions: {
     setSelectedDynamicContent(t) {
       this.selectedDynamicContent = t, this.selectedDynamicContentList.push(t);
+    },
+    /**
+     * Bulk, append-only registration for dynamic content used by an
+     * AI-applied template (see useEmailTemplateApplier). Unlike
+     * `setSelectedDynamicContent`, this does NOT touch
+     * `selectedDynamicContent` (there is no single "active" picker
+     * selection here) — it only grows `selectedDynamicContentList`. The
+     * getter already removes duplicates, so a re-registration of the same
+     * entries (e.g. a re-apply) is harmless.
+     *
+     * `items` typically come straight from the host's own dynamic-content
+     * catalog (flattened `templateConfig.dynamicContentList`) — shallow-copy
+     * each one rather than storing the host's own object references, so
+     * Pinia/Vue's reactive conversion of this state can't turn a later
+     * in-place mutation of a "selected" item into an accidental write-back
+     * into the host's catalog.
+     */
+    registerDynamicContent(t) {
+      this.selectedDynamicContentList.push(...t.map((e) => ({ ...e })));
     }
   },
   getters: {
@@ -20,5 +39,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.13.0-beta.4a55a9f",
+  "version": "3.13.0-beta.a6f0620",
   "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",