@templatical/editor 0.22.0 → 0.24.0

package/dist/{extensions-3870a_3R.js → extensions-C0DXnYdA.js}

@@ -1,11 +1,11 @@
 import { Dt as e, Et as t, O as n, Ot as r, R as i, Y as a, _ as o, c as s, d as c, l, nt as u, s as d, u as f, w as p, z as m } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
 import { a as h, c as g, s as _ } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import { D as v, E as y, a as b, j as x } from "./dist-BJbqgyPn.js";
-import { t as S } from "./useI18n-D2L9Mkik.js";
-import { t as C } from "./useMergeTag-BTdDq5DC.js";
-import { i as w, o as T, p as E, qt as D, u as O } from "./dist-3HenmYIg.js";
-import { i as k, r as A, t as j } from "./MergeTagSuggestion-D9eCryMC.js";
-import { n as M, t as N } from "./dist-DOtLGnLr.js";
+import { D as v, E as y, N as b, a as x } from "./dist-DPHqs0Yh.js";
+import { t as S } from "./useI18n-BhAejA-x.js";
+import { t as C } from "./useMergeTag-Ce95YIOO.js";
+import { i as w, o as T, p as E, qt as D, u as O } from "./dist-ByJVlKWy.js";
+import { i as k, r as A, t as j } from "./MergeTagSuggestion-Dn8ww9nV.js";
+import { n as M, t as N } from "./dist-DWu9QWFl.js";
 //#region src/extensions/FontSize.ts
 var P = w.create({
 	name: "fontSize",
@@ -87,7 +87,7 @@ var P = w.create({
 		updateAttributes: { type: Function }
 	},
 	setup(o) {
-		let v = o, { syntax: b } = C(), { t: w } = S(), T = d(() => x(v.node.attrs.value, b)), E = d(() => y(v.node.attrs.value, b)), D = a(!1), O = a(""), k = a(null), A = !1;
+		let v = o, { syntax: x } = C(), { t: w } = S(), T = d(() => b(v.node.attrs.value, x)), E = d(() => y(v.node.attrs.value, x)), D = a(!1), O = a(""), k = a(null), A = !1;
 		function j() {
 			O.value = v.node.attrs.value, A = !1, D.value = !0, p(() => {
 				k.value?.focus(), k.value?.select();
@@ -103,7 +103,7 @@ var P = w.create({
 			}
 			e !== v.node.attrs.value && v.updateAttributes({
 				value: e,
-				keyword: x(e, b) ? y(e, b) : ""
+				keyword: b(e, x) ? y(e, x) : ""
 			}), D.value = !1;
 		}
 		function P(e) {
@@ -189,7 +189,7 @@ var U = O.create({
 	inline: !0,
 	atom: !0,
 	addOptions() {
-		return { syntax: b.liquid };
+		return { syntax: x.liquid };
 	},
 	addAttributes() {
 		return {
@@ -207,7 +207,7 @@ var U = O.create({
 		return [{ tag: "span[data-logic-merge-tag]" }];
 	},
 	renderHTML({ node: e, HTMLAttributes: t }) {
-		if (!x(e.attrs.value, this.options.syntax)) return [
+		if (!b(e.attrs.value, this.options.syntax)) return [
 			"span",
 			{},
 			e.attrs.value
@@ -236,7 +236,7 @@ var U = O.create({
 			find: RegExp(this.options.syntax.logic.source + "$", ""),
 			handler: ({ state: e, range: t, match: n }) => {
 				let r = n[0];
-				if (!x(r, this.options.syntax)) return;
+				if (!b(r, this.options.syntax)) return;
 				let i = y(r, this.options.syntax), a = this.type.create({
 					value: r,
 					keyword: i
@@ -250,7 +250,7 @@ var U = O.create({
 			find: new RegExp(this.options.syntax.logic.source, "g"),
 			handler: ({ state: e, range: t, match: n }) => {
 				let r = n[0];
-				if (!x(r, this.options.syntax)) return;
+				if (!b(r, this.options.syntax)) return;
 				let i = y(r, this.options.syntax), a = this.type.create({
 					value: r,
 					keyword: i
@@ -347,7 +347,7 @@ var U = O.create({
 	addOptions() {
 		return {
 			mergeTags: [],
-			syntax: b.liquid
+			syntax: x.liquid
 		};
 	},
 	addAttributes() {

package/dist/{cdn/chunks/fr-BMWOPztQ.js → fr-DTVJ3det.js}

@@ -413,7 +413,8 @@ var e = {
 			otherGroup: "Autres",
 			cancel: "Annuler",
 			close: "Fermer",
-			groupCount: "{count}"
+			groupCount: "{count}",
+			sample: "Aperçu : {sample}"
 		}
 	},
 	logicTag: {
@@ -569,6 +570,26 @@ var e = {
 			daysAgo: "il y a {days} j"
 		}
 	},
+	mergeTagPreview: {
+		label: "Affichage des balises de fusion",
+		sample: "Exemple",
+		labelView: "Libellé"
+	},
+	testEmail: {
+		title: "Envoyer un e-mail de test",
+		recipientLabel: "Destinataire",
+		recipientPlaceholder: "vous@exemple.fr",
+		invalidAddress: "Saisissez une adresse e-mail valide.",
+		preview: "Aperçu",
+		previewHint: "Les balises de fusion sont affichées non résolues — votre backend les remplace.",
+		previewHintSample: "Les balises de fusion affichent des valeurs d’exemple — votre backend insère les données réelles.",
+		recipientNotAllowed: "Cette adresse ne figure pas dans la liste des destinataires autorisés.",
+		send: "Envoyer",
+		sending: "Envoi en cours...",
+		cancel: "Annuler",
+		success: "E-mail de test envoyé avec succès",
+		button: "Test"
+	},
 	sidebarNav: {
 		browseSavedBlocks: "Parcourir les blocs enregistrés",
 		expandSidebar: "Développer la barre latérale des blocs",
@@ -606,5 +627,3 @@ var e = {
 };
 //#endregion
 export { e as default };
-
-//# sourceMappingURL=fr-BMWOPztQ.js.map

package/dist/index.d.ts

@@ -28,6 +28,8 @@ import { SaveResult } from '@templatical/types';
 import { Template } from '@templatical/types';
 import { TemplateContent } from '@templatical/types';
 import { TemplateDefaults } from '@templatical/types';
+import { TestEmailPayload } from '@templatical/types';
+import { TestEmailProvider } from '@templatical/types';
 import { ThemeOverrides } from '@templatical/types';
 import { UiTheme } from '@templatical/types';
 import { ViewportSize } from '@templatical/types';
@@ -100,6 +102,23 @@ export declare interface EditorCapabilities {
         canUpdate: ComputedRef<boolean>;
         canDelete: ComputedRef<boolean>;
     };
+    /**
+     * Present only when a `TestEmailProvider` is configured — in OSS via
+     * `init({ testEmail })`, in Cloud whenever cloud mode is active (or when a
+     * consumer supplied their own sender to `initCloud()`).
+     */
+    testEmail?: {
+        /** Open the send dialog. A no-op while {@link isAvailable} is false. */
+        open(): void;
+        /**
+         * Whether the feature is usable right now. Reactive for the same reason as
+         * `savedBlocks.isAvailable`: Cloud resolves its plan entitlement and its
+         * allowed-recipient list *after* capabilities are provided, and an
+         * explicitly empty allowlist makes the feature unusable. UI must gate on
+         * this or it renders a button that does nothing.
+         */
+        isAvailable: ComputedRef<boolean>;
+    };
 }
 
 export declare interface FontOption {
@@ -318,7 +337,28 @@ export declare interface TemplaticalCloudEditorConfig {
     onComment?: (event: CommentEvent) => void;
     onUnmount?: () => void;
     onRequestMedia?: (context: MediaRequestContext) => Promise<MediaItem | null>;
+    /**
+     * Transform the rendered HTML just before Cloud sends a test email.
+     *
+     * Cloud-only, and deliberately so: it exists because *Cloud* renders the HTML,
+     * so a consumer needs a seam into it. A consumer-supplied {@link testEmail}
+     * provider *is* that seam, and this hook is not applied to it.
+     */
     onBeforeTestEmail?: (html: string) => string | Promise<string>;
+    /**
+     * Sending backend for test emails.
+     *
+     * - **omitted** — sent by Templatical Cloud, gated on the `test_email` plan
+     *   feature and its signed allowed-recipient list.
+     * - **a {@link TestEmailProvider}** — sent by *you* instead, which is what to
+     *   reach for when mail must leave your own infrastructure for compliance or
+     *   data-residency reasons.
+     *
+     * The same type `init()` takes, so moving an OSS integration to Cloud means
+     * deleting this key (to adopt Cloud's sender) or leaving it exactly as-is (to
+     * keep your own) — never rewriting it.
+     */
+    testEmail?: TestEmailProvider;
     /**
      * Template linter (`@templatical/quality`) configuration. Runs every
      * linter exported by the package (accessibility + structure). Cloud
@@ -518,6 +558,36 @@ export declare interface TemplaticalEditorConfig {
      * block *types* with their own templates and field schemas.
      */
     savedBlocks?: SavedBlocksProvider;
+    /**
+     * Sending backend for **test emails** — letting a user mail themselves the
+     * template they're editing.
+     *
+     * The editor owns the trigger, the dialog, recipient validation and the
+     * sending/success/error states; you own delivery. One method is enough:
+     *
+     * ```ts
+     * init({
+     *   container,
+     *   testEmail: {
+     *     send: ({ recipient, content }) =>
+     *       fetch("/api/test-email", {
+     *         method: "POST",
+     *         headers: { "Content-Type": "application/json" },
+     *         body: JSON.stringify({ recipient, content }),
+     *       }).then((r) => {
+     *         if (!r.ok) throw new Error("Could not send the test email");
+     *       }),
+     *   },
+     * });
+     * ```
+     *
+     * **Omitted by default.** With no provider the feature is entirely off — no
+     * button, and none of its UI code is downloaded.
+     *
+     * `allowedRecipients` restricts the picker but is **not** a security boundary:
+     * it lives in the user's browser. Validate the recipient on your server.
+     */
+    testEmail?: TestEmailProvider;
     blockDefaults?: BlockDefaults;
     templateDefaults?: TemplateDefaults;
     theme?: ThemeOverrides;
@@ -556,6 +626,10 @@ export declare interface TemplaticalEditorConfig {
     lint?: LintOptions;
 }
 
+export { TestEmailPayload }
+
+export { TestEmailProvider }
+
 export { ThemeOverrides }
 
 export { UiTheme }

package/dist/keys-BVlG5Ozc.js

@@ -0,0 +1,10 @@
+import { x as e } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
+//#region src/keys.ts
+var t = Symbol("translations"), n = Symbol("editor"), r = Symbol("history"), i = Symbol("blockActions"), a = Symbol("conditionPreview"), o = Symbol("fontsManager"), s = Symbol("themeStyles"), c = Symbol("tplUiTheme"), l = Symbol("blockDefaults"), u = Symbol("blockRegistry"), d = Symbol("customBlockDefinitions"), f = Symbol("paletteBlocks"), p = Symbol("htmlBlockPreview"), m = Symbol("colors"), h = Symbol("customBlockStylesheets"), g = Symbol("mergeTags"), _ = Symbol("mergeTagSyntax"), v = Symbol("onRequestMergeTag"), y = Symbol("mergeTagAutocomplete"), b = Symbol("mergeTagSampleMode"), x = Symbol("useMergeTagSamples"), S = Symbol("mergeTagPicker"), C = Symbol("logicTags"), w = Symbol("logicPairs"), T = Symbol("logicPicker"), E = Symbol("onRequestLogic"), D = Symbol("onRequestMedia"), O = Symbol("imageUrlResolver"), k = Symbol("displayConditions"), A = Symbol("allowCustomConditions"), j = Symbol("capabilities"), M = Symbol("keyboardReorder"), N = Symbol("templateLint"), P = Symbol("editorRoot"), F = Symbol("popoverRoot"), I = Symbol("savedBlocks"), L = Symbol("authManager"), R = Symbol("aiConfig"), z = Symbol("comments"), B = Symbol("scoring"), V = Symbol("cloudTranslations");
+function H(t, n) {
+	let r = e(t, null);
+	if (r == null) throw Error(`${n} requires a provider for ${t.description ?? "unknown key"}. Ensure it is a descendant of Editor or CloudEditor.`);
+	return r;
+}
+//#endregion
+export { E as A, c as B, C, S as D, y as E, I as F, H, B as I, N as L, v as M, f as N, b as O, F as P, s as R, w as S, g as T, x as V, o as _, l as a, O as b, V as c, a as d, d as f, P as g, n as h, i, D as j, _ as k, m as l, k as m, A as n, u as o, h as p, L as r, j as s, R as t, z as u, r as v, T as w, M as x, p as y, t as z };

package/dist/{cdn/chunks/nl-Dhctu7JL.js → nl-BqSquFS3.js}

@@ -413,7 +413,8 @@ var e = {
 			otherGroup: "Overige",
 			cancel: "Annuleren",
 			close: "Sluiten",
-			groupCount: "{count}"
+			groupCount: "{count}",
+			sample: "Voorbeeld: {sample}"
 		}
 	},
 	logicTag: {
@@ -569,6 +570,26 @@ var e = {
 			daysAgo: "{days} d geleden"
 		}
 	},
+	mergeTagPreview: {
+		label: "Weergave van samenvoegvelden",
+		sample: "Voorbeeldwaarde",
+		labelView: "Naam"
+	},
+	testEmail: {
+		title: "Test-e-mail verzenden",
+		recipientLabel: "Ontvanger",
+		recipientPlaceholder: "u@voorbeeld.nl",
+		invalidAddress: "Voer een geldig e-mailadres in.",
+		preview: "Voorbeeld",
+		previewHint: "Samenvoegvelden worden onopgelost weergegeven — uw backend vult ze in.",
+		previewHintSample: "Samenvoegvelden tonen voorbeeldwaarden — uw backend vult de echte gegevens in.",
+		recipientNotAllowed: "Dit adres staat niet in de lijst met toegestane ontvangers.",
+		send: "Verzenden",
+		sending: "Wordt verzonden...",
+		cancel: "Annuleren",
+		success: "Test-e-mail succesvol verzonden",
+		button: "Test"
+	},
 	sidebarNav: {
 		browseSavedBlocks: "Opgeslagen blokken bekijken",
 		expandSidebar: "Blokzijbalk uitvouwen",
@@ -606,5 +627,3 @@ var e = {
 };
 //#endregion
 export { e as default };
-
-//# sourceMappingURL=nl-Dhctu7JL.js.map

package/dist/{pt-BR-BWFokdTU.js → pt-BR-CMljK37h.js}

@@ -413,7 +413,8 @@ var e = {
 			otherGroup: "Outros",
 			cancel: "Cancelar",
 			close: "Fechar",
-			groupCount: "{count}"
+			groupCount: "{count}",
+			sample: "Pré-visualização: {sample}"
 		}
 	},
 	logicTag: {
@@ -569,6 +570,26 @@ var e = {
 			daysAgo: "há {days}d"
 		}
 	},
+	mergeTagPreview: {
+		label: "Exibição de merge tags",
+		sample: "Exemplo",
+		labelView: "Rótulo"
+	},
+	testEmail: {
+		title: "Enviar E-mail de Teste",
+		recipientLabel: "Destinatário",
+		recipientPlaceholder: "voce@exemplo.com",
+		invalidAddress: "Informe um endereço de e-mail válido.",
+		preview: "Pré-visualização",
+		previewHint: "As merge tags aparecem sem resolução — seu backend as preenche.",
+		previewHintSample: "As merge tags mostram valores de exemplo — seu backend insere os dados reais.",
+		recipientNotAllowed: "Esse endereço não está na lista de destinatários permitidos.",
+		send: "Enviar",
+		sending: "Enviando...",
+		cancel: "Cancelar",
+		success: "E-mail de teste enviado com sucesso",
+		button: "Testar"
+	},
 	sidebarNav: {
 		browseSavedBlocks: "Explorar blocos salvos",
 		expandSidebar: "Expandir barra lateral de blocos",

package/dist/{cdn/chunks/pt-BR-w2sGzHNX.js → pt-BR-CTzHTqJD.js}

@@ -34,15 +34,6 @@ var e = {
 		olderSnapshot: "Versão anterior",
 		newerSnapshot: "Versão mais recente"
 	},
-	testEmail: {
-		title: "Enviar E-mail de Teste",
-		recipientLabel: "Destinatário",
-		send: "Enviar",
-		sending: "Enviando...",
-		cancel: "Cancelar",
-		success: "E-mail de teste enviado com sucesso",
-		button: "Testar"
-	},
 	aiRewrite: {
 		title: "Reescrita com IA",
 		tone: "Tom",
@@ -181,5 +172,3 @@ var e = {
 };
 //#endregion
 export { e as default };
-
-//# sourceMappingURL=pt-BR-w2sGzHNX.js.map