@templatical/editor 0.26.3 → 0.27.1

package/dist/{TemplateScoringPanel-BZUsb3FD.js → TemplateScoringPanel-Bv_bBsJi.js}

@@ -1,20 +1,20 @@
-import { A as e, Dt as t, Et as n, I as r, N as i, O as a, Ot as o, R as ee, Y as s, _ as c, c as l, d as u, h as d, l as f, m as p, nt as m, r as h, u as g, x as te } from "./vue.runtime.esm-bundler-D1diBMsm.js";
-import { t as ne } from "./runtime-dom.esm-bundler-CepEmvwF.js";
-import { E as re, G as _, g as ie, z as v } from "./keys-fwF3qZax.js";
-import { t as y } from "./createLucideIcon-C8WzBYCv.js";
-import { t as b } from "./chevron-down-69EiBGoB.js";
-import { t as x } from "./circle-alert-cilwzafX.js";
-import { n as S, t as C } from "./refresh-cw-CkOYVzK5.js";
-import { t as ae } from "./info-DO5odBcZ.js";
-import { t as w } from "./loader-circle-bO7o7_HD.js";
-import { t as T } from "./shield-check-qje8Kufw.js";
-import { t as E } from "./sparkles-DumaWRW-.js";
-import { t as oe } from "./triangle-alert-BBi4n93g.js";
-import { t as se } from "./x-Mby7KlhS.js";
-import { t as ce } from "./LoadingTrack-BexpNuTV.js";
+import { Dt as e, L as t, Ot as n, P as r, S as i, X as a, c as o, d as s, g as c, h as l, j as u, k as d, kt as f, l as p, r as m, rt as h, u as g, v as _, z as ee } from "./vue.runtime.esm-bundler-DzEsDRtY.js";
+import { t as te } from "./runtime-dom.esm-bundler-BgKXIPLV.js";
+import { R as ne, T as re, W as v, h as y } from "./keys-BxixS0TN.js";
+import { t as b } from "./createLucideIcon-L-wQXW_R.js";
+import { t as ie } from "./chevron-down-nYScOLeZ.js";
+import { t as x } from "./circle-alert-CuuK6thq.js";
+import { n as ae, t as S } from "./refresh-cw-OK_O-cL0.js";
+import { t as C } from "./info-puX5V6Iq.js";
+import { t as w } from "./loader-circle-DqTxB7Kr.js";
+import { t as T } from "./shield-check-DUIyRrTo.js";
+import { t as E } from "./sparkles-DYEMATWC.js";
+import { t as oe } from "./triangle-alert-Fw0ce8oQ.js";
+import { t as se } from "./x-BjTlFqRv.js";
+import { t as ce } from "./LoadingTrack-C2T8ixEL.js";
 import { t as D } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as le } from "./useCloudI18n-DKVm6PCa.js";
-var O = y("shield-x", [
+import { n as le } from "./useCloudI18n-CAZTZ9_a.js";
+var O = b("shield-x", [
 	["path", {
 		d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
 		key: "oel41y"
@@ -27,7 +27,7 @@ var O = y("shield-x", [
 		d: "m9.5 9.5 5 5",
 		key: "18nt4w"
 	}]
-]), k = y("zap", [["path", {
+]), k = b("zap", [["path", {
 	d: "M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z",
 	key: "1v7up4"
 }]]);
@@ -86,12 +86,12 @@ var P = {
 }, Ee = {
 	key: 3,
 	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
-}, De = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Oe = { class: "tpl:m-0 tpl:px-4 tpl:pb-2 tpl:pt-2 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, G = /*#__PURE__*/ D(/* @__PURE__ */ c({
+}, De = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, Oe = { class: "tpl:m-0 tpl:px-4 tpl:pb-2 tpl:pt-2 tpl:text-center tpl:text-[11px] tpl:text-[var(--tpl-text-dim)]" }, G = /*#__PURE__*/ D(/* @__PURE__ */ _({
 	__name: "TemplateScoringPanel",
 	props: { visible: { type: Boolean } },
 	emits: ["close"],
-	setup(c, { emit: y }) {
-		let D = c, G = y, { t: K } = le(), q = _(ie, "TemplateScoringPanel"), J = _(v, "TemplateScoringPanel"), Y = te(re, []), X = s({
+	setup(_, { emit: b }) {
+		let D = _, G = b, { t: K } = le(), q = v(y, "TemplateScoringPanel"), J = v(ne, "TemplateScoringPanel"), Y = i(re, []), X = a({
 			spam: !0,
 			readability: !0,
 			accessibility: !0,
@@ -107,14 +107,14 @@ var P = {
 			"bestPractices"
 		], Ae = {
 			spam: O,
-			readability: S,
+			readability: ae,
 			accessibility: E,
 			bestPractices: k
 		};
 		function Q() {
 			J.score(q.content.value, Y);
 		}
-		r(() => D.visible, (e) => {
+		t(() => D.visible, (e) => {
 			e && !J.scoringResult.value && !J.isScoring.value && Q();
 		});
 		async function je(e) {
@@ -129,7 +129,7 @@ var P = {
 		function $() {
 			return J.scoringResult.value ? Z.reduce((e, t) => e + (J.scoringResult.value?.categories[t]?.findings.length ?? 0), 0) : 0;
 		}
-		return (r, s) => (a(), f(ne, {
+		return (t, i) => (d(), p(te, {
 			"enter-active-class": "tpl-scoring-slide-enter-active",
 			"enter-from-class": "tpl:translate-x-full",
 			"enter-to-class": "tpl:translate-x-0",
@@ -137,121 +137,121 @@ var P = {
 			"leave-from-class": "tpl:translate-x-0",
 			"leave-to-class": "tpl:translate-x-full"
 		}, {
-			default: ee(() => [c.visible ? (a(), u("div", P, [l("div", F, [l("div", I, [d(m(T), {
+			default: ee(() => [_.visible ? (d(), s("div", P, [o("div", F, [o("div", I, [c(h(T), {
 				size: 13,
 				"stroke-width": 2
-			}), l("span", null, o(m(K).scoring.title), 1)]), l("div", L, [m(J).scoringResult.value && !m(J).isScoring.value ? (a(), u("button", {
+			}), o("span", null, f(h(K).scoring.title), 1)]), o("div", L, [h(J).scoringResult.value && !h(J).isScoring.value ? (d(), s("button", {
 				key: 0,
-				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-				title: m(K).scoring.rescore,
-				onClick: s[0] ||= (e) => Q()
-			}, [d(m(C), {
+				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
+				title: h(K).scoring.rescore,
+				onClick: i[0] ||= (e) => Q()
+			}, [c(h(S), {
 				size: 14,
 				"stroke-width": 2
-			})], 8, R)) : g("", !0), l("button", {
-				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:duration-150 tpl:text-[var(--tpl-text-muted)]",
-				onClick: s[1] ||= (e) => G("close")
-			}, [d(m(se), {
+			})], 8, R)) : g("", !0), o("button", {
+				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
+				onClick: i[1] ||= (e) => G("close")
+			}, [c(h(se), {
 				size: 14,
 				"stroke-width": 2
-			})])])]), l("div", z, [m(J).isScoring.value ? (a(), u("div", B, [l("p", V, o(m(K).scoring.scoring), 1), d(ce, { class: "tpl:w-3/4" })])) : m(J).error.value && !m(J).scoringResult.value ? (a(), u("div", H, [
-				d(m(x), {
+			})])])]), o("div", z, [h(J).isScoring.value ? (d(), s("div", B, [o("p", V, f(h(K).scoring.scoring), 1), c(ce, { class: "tpl:w-3/4" })])) : h(J).error.value && !h(J).scoringResult.value ? (d(), s("div", H, [
+				c(h(x), {
 					size: 32,
 					"stroke-width": 1.5,
 					class: "tpl:text-[var(--tpl-danger)]"
 				}),
-				l("p", U, o(m(K).scoring.error), 1),
-				l("button", {
-					class: "tpl:mt-2 tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-muted)]",
-					onClick: s[2] ||= (e) => Q()
-				}, [d(m(C), {
+				o("p", U, f(h(K).scoring.error), 1),
+				o("button", {
+					class: "tpl:mt-2 tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text-muted)]",
+					onClick: i[2] ||= (e) => Q()
+				}, [c(h(S), {
 					size: 12,
 					"stroke-width": 2
-				}), p(" " + o(m(K).scoring.rescore), 1)])
-			])) : m(J).scoringResult.value ? (a(), u("div", W, [
-				l("div", {
+				}), l(" " + f(h(K).scoring.rescore), 1)])
+			])) : h(J).scoringResult.value ? (d(), s("div", W, [
+				o("div", {
 					class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:p-5",
-					style: t({ backgroundColor: m(j)(m(J).scoringResult.value.score) })
+					style: n({ backgroundColor: h(j)(h(J).scoringResult.value.score) })
 				}, [
-					l("span", {
+					o("span", {
 						class: "tpl:text-4xl tpl:font-bold tpl:tabular-nums",
-						style: t({ color: m(A)(m(J).scoringResult.value.score) })
-					}, o(m(J).scoringResult.value.score), 5),
-					l("span", ue, o(m(K).scoring.overallScore), 1),
-					$() > 0 ? (a(), u("span", de, o($()) + " " + o(m(K).scoring.findings), 1)) : g("", !0)
+						style: n({ color: h(A)(h(J).scoringResult.value.score) })
+					}, f(h(J).scoringResult.value.score), 5),
+					o("span", ue, f(h(K).scoring.overallScore), 1),
+					$() > 0 ? (d(), s("span", de, f($()) + " " + f(h(K).scoring.findings), 1)) : g("", !0)
 				], 4),
-				m(J).fixError.value ? (a(), u("div", fe, [d(m(x), {
+				h(J).fixError.value ? (d(), s("div", fe, [c(h(x), {
 					size: 14,
 					"stroke-width": 2,
 					class: "tpl:mt-0.5 tpl:shrink-0"
-				}), l("span", null, o(m(K).scoring.fixError), 1)])) : g("", !0),
-				(a(), u(h, null, e(Z, (r) => l("div", {
-					key: r,
+				}), o("span", null, f(h(K).scoring.fixError), 1)])) : g("", !0),
+				(d(), s(m, null, u(Z, (t) => o("div", {
+					key: t,
 					class: "tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)]"
-				}, [l("button", {
-					class: "tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-2.5 tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors tpl:duration-100 tpl:bg-[var(--tpl-bg)]",
-					onClick: (e) => ke(r)
+				}, [o("button", {
+					class: "tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:gap-2.5 tpl:px-3 tpl:py-2.5 tpl:text-left tpl:transition-colors tpl:bg-[var(--tpl-bg)]",
+					onClick: (e) => ke(t)
 				}, [
-					(a(), f(i(Ae[r]), {
+					(d(), p(r(Ae[t]), {
 						size: 14,
 						"stroke-width": 2,
-						style: t({ color: m(A)(m(J).scoringResult.value.categories[r].score) })
+						style: n({ color: h(A)(h(J).scoringResult.value.categories[t].score) })
 					}, null, 8, ["style"])),
-					l("span", me, o(m(K).scoring.categories[r]), 1),
-					l("span", {
+					o("span", me, f(h(K).scoring.categories[t]), 1),
+					o("span", {
 						class: "tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-semibold tpl:tabular-nums",
-						style: t({
-							color: m(A)(m(J).scoringResult.value.categories[r].score),
-							backgroundColor: m(j)(m(J).scoringResult.value.categories[r].score)
+						style: n({
+							color: h(A)(h(J).scoringResult.value.categories[t].score),
+							backgroundColor: h(j)(h(J).scoringResult.value.categories[t].score)
 						})
-					}, o(m(J).scoringResult.value.categories[r].score), 5),
-					m(J).scoringResult.value.categories[r].findings.length > 0 ? (a(), u("span", he, o(m(J).scoringResult.value.categories[r].findings.length), 1)) : g("", !0),
-					d(m(b), {
+					}, f(h(J).scoringResult.value.categories[t].score), 5),
+					h(J).scoringResult.value.categories[t].findings.length > 0 ? (d(), s("span", he, f(h(J).scoringResult.value.categories[t].findings.length), 1)) : g("", !0),
+					c(h(ie), {
 						size: 12,
 						"stroke-width": 2,
-						class: n(["tpl:transition-transform tpl:duration-200 tpl:text-[var(--tpl-text-dim)]", X.value[r] ? "tpl:rotate-0" : "tpl:-rotate-90"])
+						class: e(["tpl:transition-transform tpl:duration-200 tpl:text-[var(--tpl-text-dim)]", X.value[t] ? "tpl:rotate-0" : "tpl:-rotate-90"])
 					}, null, 8, ["class"])
-				], 8, pe), X.value[r] ? (a(), u("div", ge, [m(J).scoringResult.value.categories[r].findings.length === 0 ? (a(), u("div", _e, o(m(K).scoring.noFindings), 1)) : g("", !0), (a(!0), u(h, null, e(m(J).scoringResult.value.categories[r].findings, (e) => (a(), u("div", {
+				], 8, pe), X.value[t] ? (d(), s("div", ge, [h(J).scoringResult.value.categories[t].findings.length === 0 ? (d(), s("div", _e, f(h(K).scoring.noFindings), 1)) : g("", !0), (d(!0), s(m, null, u(h(J).scoringResult.value.categories[t].findings, (e) => (d(), s("div", {
 					key: e.id,
-					class: "tpl:border-t tpl:px-3 tpl:py-2.5 first:tpl:border-t-0 tpl:border-[var(--tpl-border-light)]"
-				}, [l("div", ve, [(a(), f(i(e.severity === "high" ? m(x) : e.severity === "medium" ? m(oe) : m(ae)), {
+					class: "tpl:border-t tpl:px-3 tpl:py-2.5 tpl:first:border-t-0 tpl:border-[var(--tpl-border-light)]"
+				}, [o("div", ve, [(d(), p(r(e.severity === "high" ? h(x) : e.severity === "medium" ? h(oe) : h(C)), {
 					size: 13,
 					"stroke-width": 2,
 					class: "tpl:mt-0.5 tpl:shrink-0",
-					style: t({ color: m(M)(e.severity) })
-				}, null, 8, ["style"])), l("div", ye, [
-					l("div", be, [l("span", {
+					style: n({ color: h(M)(e.severity) })
+				}, null, 8, ["style"])), o("div", ye, [
+					o("div", be, [o("span", {
 						class: "tpl:mt-0.5 tpl:shrink-0 tpl:rounded tpl:px-1 tpl:py-px tpl:text-[10px] tpl:font-medium tpl:leading-tight",
-						style: t({
-							color: m(M)(e.severity),
-							backgroundColor: m(N)(e.severity)
+						style: n({
+							color: h(M)(e.severity),
+							backgroundColor: h(N)(e.severity)
 						})
-					}, o(m(K).scoring.severity[e.severity]), 5), l("span", xe, o(e.message), 1)]),
-					e.suggestion ? (a(), u("p", Se, o(e.suggestion), 1)) : g("", !0),
-					e.blockId ? (a(), u("div", Ce, [l("button", {
-						class: "tpl-scoring-fix-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded tpl:border tpl:px-3 tpl:py-1.5 tpl:text-[11px] tpl:font-medium tpl:transition-all tpl:duration-150 tpl:disabled:opacity-50 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)]",
+					}, f(h(K).scoring.severity[e.severity]), 5), o("span", xe, f(e.message), 1)]),
+					e.suggestion ? (d(), s("p", Se, f(e.suggestion), 1)) : g("", !0),
+					e.blockId ? (d(), s("div", Ce, [o("button", {
+						class: "tpl-scoring-fix-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded tpl:border tpl:px-3 tpl:py-1.5 tpl:text-[11px] tpl:font-medium tpl:transition-all tpl:disabled:opacity-50 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-primary)]",
 						style: { "background-color": "transparent" },
-						disabled: m(J).fixingFindingId.value !== null,
+						disabled: h(J).fixingFindingId.value !== null,
 						onClick: (t) => je(e)
-					}, [m(J).fixingFindingId.value === e.id ? (a(), f(m(w), {
+					}, [h(J).fixingFindingId.value === e.id ? (d(), p(h(w), {
 						key: 0,
 						class: "tpl-spinner",
 						size: 11,
 						"stroke-width": 2
-					})) : (a(), f(m(E), {
+					})) : (d(), p(h(E), {
 						key: 1,
 						size: 11,
 						"stroke-width": 2
-					})), p(" " + o(m(J).fixingFindingId.value === e.id ? m(K).scoring.fixing : m(K).scoring.fix), 1)], 8, we), m(J).fixError.value ? (a(), u("p", Te, o(m(J).fixError.value), 1)) : g("", !0)])) : g("", !0)
+					})), l(" " + f(h(J).fixingFindingId.value === e.id ? h(K).scoring.fixing : h(K).scoring.fix), 1)], 8, we), h(J).fixError.value ? (d(), s("p", Te, f(h(J).fixError.value), 1)) : g("", !0)])) : g("", !0)
 				])])]))), 128))])) : g("", !0)])), 64))
-			])) : (a(), u("div", Ee, [d(m(T), {
+			])) : (d(), s("div", Ee, [c(h(T), {
 				size: 32,
 				"stroke-width": 1.5,
 				class: "tpl:text-[var(--tpl-text-dim)]"
-			}), l("p", De, o(m(K).scoring.emptyState), 1)])), l("p", Oe, o(m(K).aiMenu.disclaimer), 1)])])) : g("", !0)]),
+			}), o("p", De, f(h(K).scoring.emptyState), 1)])), o("p", Oe, f(h(K).aiMenu.disclaimer), 1)])])) : g("", !0)]),
 			_: 1
 		}));
 	}
-}), [["__scopeId", "data-v-c23c73d4"]]);
+}), [["__scopeId", "data-v-7da30b57"]]);
 //#endregion
 export { G as default };

package/dist/TestEmailModal-EFYcrmTk.js

@@ -0,0 +1,206 @@
+import { B as e, Dt as t, L as n, S as r, X as i, c as a, d as o, g as s, h as c, j as l, k as u, kt as d, l as f, r as p, rt as m, s as h, u as g, v as _, z as ee } from "./vue.runtime.esm-bundler-DzEsDRtY.js";
+import { a as te, i as v } from "./runtime-dom.esm-bundler-BgKXIPLV.js";
+import { j as ne } from "./dist-B1kLn1rs.js";
+import { H as re } from "./useEditorCore-CFLzobo_.js";
+import { I as ie, O as ae, T as oe, h as se } from "./keys-BxixS0TN.js";
+import { t as ce } from "./useI18n-BfXff_Sy.js";
+import { t as le } from "./check-DZbmkMQe.js";
+import { t as ue } from "./loader-circle-DqTxB7Kr.js";
+import { n as de, t as fe } from "./MergeTagModeToggle-PKCoKAoF.js";
+import { v as pe } from "./styleConstants-9oK5kn21.js";
+import { t as me } from "./TplModal-CTC9-w6B.js";
+import { t as he } from "./BlockPreviewCanvas-2WASf5A4.js";
+//#region src/utils/validateEmailShape.ts
+var y = /[,;<>()[\]\\"'`|/?#@!$%^&*+=~{}]/;
+function b(e) {
+	let t = e.trim();
+	if (t.length === 0 || /\s/.test(t)) return !1;
+	let n = t.split("@");
+	if (n.length !== 2) return !1;
+	let [r, i] = n;
+	if (r.length === 0 || y.test(i)) return !1;
+	let a = i.indexOf(".");
+	return a > 0 && a < i.length - 1;
+}
+//#endregion
+//#region src/components/TestEmailModal.vue?vue&type=script&setup=true&lang.ts
+var x = ["aria-busy"], S = {
+	id: "tpl-test-email-title",
+	class: "tpl:mb-4 tpl:shrink-0 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
+}, C = { class: "tpl:mb-3 tpl:shrink-0" }, w = {
+	for: "tpl-test-email-recipient",
+	class: "tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]"
+}, T = ["value"], E = ["disabled"], D = ["value"], O = ["placeholder", "disabled"], k = {
+	key: 3,
+	class: "tpl:mt-1.5 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, A = { class: "tpl:mb-2 tpl:shrink-0" }, j = { class: "tpl:flex tpl:flex-wrap tpl:items-center tpl:justify-between tpl:gap-2" }, M = { class: "tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, N = { class: "tpl:flex tpl:items-center tpl:gap-2" }, P = {
+	"data-testid": "test-email-preview-hint",
+	class: "tpl:mt-1 tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, F = {
+	id: "tpl-test-email-preview",
+	"data-testid": "test-email-preview",
+	class: "tpl:mb-3 tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto tpl:rounded-[var(--tpl-radius-sm)] tpl:p-3 tpl:bg-[var(--tpl-canvas-bg)]"
+}, I = {
+	key: 0,
+	role: "status",
+	"aria-busy": "true",
+	"data-testid": "preview-resolution-loading",
+	class: "tpl:flex tpl:flex-col tpl:gap-3"
+}, L = { class: "tpl:sr-only" }, R = {
+	key: 1,
+	role: "status",
+	"data-testid": "preview-resolution-failed",
+	class: "tpl:mb-2 tpl:rounded-md tpl:px-3 tpl:py-2 tpl:text-xs tpl:text-[var(--tpl-text-muted)] tpl:bg-[var(--tpl-bg-hover)]"
+}, ge = {
+	key: 0,
+	role: "status",
+	"data-testid": "test-email-success",
+	class: "tpl:mb-3 tpl:flex tpl:shrink-0 tpl:items-center tpl:gap-1.5 tpl:text-xs tpl:text-[var(--tpl-success,var(--tpl-primary))]"
+}, _e = {
+	key: 1,
+	role: "alert",
+	"data-testid": "test-email-error",
+	class: "tpl:mb-3 tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-danger)]"
+}, ve = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2" }, ye = ["disabled"], be = ["disabled"], xe = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:gap-1.5"
+}, Se = { key: 1 }, z = /* @__PURE__ */ _({
+	__name: "TestEmailModal",
+	props: {
+		visible: { type: Boolean },
+		allowedRecipients: {},
+		defaultRecipient: {},
+		isSending: { type: Boolean },
+		justSent: { type: Boolean },
+		error: {}
+	},
+	emits: ["send", "close"],
+	setup(_, { emit: y }) {
+		let z = _, B = y, { t: V } = ce(), Ce = r(se, null), H = i(""), U = i("desktop"), we = r(ie, void 0), W = re({
+			resolvePreview: we ?? void 0,
+			getContent: () => Ce?.content.value ?? {
+				blocks: [],
+				settings: {}
+			},
+			isActive: () => z.visible,
+			getRecipient: () => H.value || void 0
+		}), G = r(ae, null), K = i(ne(r(oe, []))), q = h({
+			get: () => W.isConfigured ? !1 : G?.value ?? K.value,
+			set: (e) => {
+				G ? G.value = e : K.value = e;
+			}
+		}), Te = h(() => W.content.value.blocks ?? []), J = h(() => z.allowedRecipients !== void 0 && z.allowedRecipients.length > 0), Ee = h(() => z.allowedRecipients?.length === 1);
+		n(() => z.visible, (e) => {
+			e && (H.value = z.defaultRecipient ?? z.allowedRecipients?.[0] ?? "");
+		}, { immediate: !0 });
+		let Y = h(() => J.value ? H.value.length > 0 : b(H.value)), X = h(() => Y.value && !z.isSending && !z.justSent), De = h(() => !J.value && H.value.trim().length > 0 && !Y.value), Z = h(() => z.error ? z.error.kind === "provider" ? z.error.message : V.testEmail.recipientNotAllowed : null);
+		function Q() {
+			X.value && B("send", H.value.trim());
+		}
+		function $() {
+			z.isSending || B("close");
+		}
+		function Oe(e) {
+			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q()), e.key === "Escape" && $();
+		}
+		return (n, r) => (u(), f(me, {
+			visible: _.visible,
+			onClose: $,
+			onKeydown: Oe
+		}, {
+			default: ee(() => [a("div", {
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-busy": _.isSending,
+				"aria-labelledby": "tpl-test-email-title",
+				class: "tpl-scale-in tpl:mx-4 tpl:flex tpl:max-h-[90vh] tpl:w-full tpl:max-w-2xl tpl:flex-col tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5",
+				style: {
+					"background-color": "var(--tpl-bg-elevated)",
+					"box-shadow": "var(--tpl-shadow-xl)"
+				}
+			}, [
+				a("h3", S, d(m(V).testEmail.title), 1),
+				a("div", C, [
+					a("label", w, d(m(V).testEmail.recipientLabel), 1),
+					Ee.value ? (u(), o("input", {
+						key: 0,
+						id: "tpl-test-email-recipient",
+						type: "text",
+						value: H.value,
+						disabled: "",
+						"data-testid": "test-email-recipient",
+						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:opacity-70 tpl:shadow-[var(--tpl-shadow-sm)] tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
+					}, null, 8, T)) : J.value ? e((u(), o("select", {
+						key: 1,
+						id: "tpl-test-email-recipient",
+						"onUpdate:modelValue": r[0] ||= (e) => H.value = e,
+						disabled: _.isSending || _.justSent,
+						"data-testid": "test-email-recipient",
+						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-[var(--tpl-shadow-sm)] tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
+					}, [(u(!0), o(p, null, l(_.allowedRecipients, (e) => (u(), o("option", {
+						key: e,
+						value: e
+					}, d(e), 9, D))), 128))], 8, E)), [[v, H.value]]) : e((u(), o("input", {
+						key: 2,
+						id: "tpl-test-email-recipient",
+						"onUpdate:modelValue": r[1] ||= (e) => H.value = e,
+						type: "email",
+						autocomplete: "email",
+						spellcheck: "false",
+						placeholder: m(V).testEmail.recipientPlaceholder,
+						disabled: _.isSending || _.justSent,
+						"data-testid": "test-email-recipient",
+						class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-[var(--tpl-shadow-sm)] tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
+					}, null, 8, O)), [[te, H.value]]),
+					De.value ? (u(), o("p", k, d(m(V).testEmail.invalidAddress), 1)) : g("", !0)
+				]),
+				a("div", A, [a("div", j, [a("span", M, d(m(V).testEmail.preview), 1), a("div", N, [m(W).supersedesSamples.value ? g("", !0) : (u(), f(fe, {
+					key: 0,
+					"sample-mode": q.value,
+					onChange: r[2] ||= (e) => q.value = e
+				}, null, 8, ["sample-mode"])), s(de, {
+					viewport: U.value,
+					onChange: r[3] ||= (e) => U.value = e
+				}, null, 8, ["viewport"])])]), a("p", P, d(m(W).supersedesSamples.value ? m(V).previewResolution.hint : q.value ? m(V).testEmail.previewHintSample : m(V).testEmail.previewHint), 1)]),
+				a("div", F, [m(W).isInitialResolve.value ? (u(), o("div", I, [a("span", L, d(m(V).previewResolution.resolving), 1), (u(), o(p, null, l(3, (e) => a("div", {
+					key: e,
+					"aria-hidden": "true",
+					class: "tpl-pulse tpl:h-16 tpl:rounded-md tpl:bg-[var(--tpl-bg-hover)]"
+				})), 64))])) : m(W).hasFailed.value ? (u(), o("p", R, d(m(V).previewResolution.failed), 1)) : g("", !0), m(W).isInitialResolve.value ? g("", !0) : (u(), f(he, {
+					key: 2,
+					blocks: Te.value,
+					viewport: U.value,
+					"apply-condition-filter": !m(W).isConfigured
+				}, null, 8, [
+					"blocks",
+					"viewport",
+					"apply-condition-filter"
+				]))]),
+				_.justSent ? (u(), o("p", ge, [s(m(le), {
+					size: 13,
+					"stroke-width": 2.5
+				}), c(" " + d(m(V).testEmail.success), 1)])) : Z.value ? (u(), o("p", _e, d(Z.value), 1)) : g("", !0),
+				a("div", ve, [a("button", {
+					type: "button",
+					"data-testid": "test-email-cancel",
+					class: t(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-[var(--tpl-shadow-sm)] tpl:transition-all tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]", { "tpl:cursor-not-allowed tpl:opacity-50": _.isSending }]),
+					disabled: _.isSending,
+					onClick: $
+				}, d(m(V).testEmail.cancel), 11, ye), a("button", {
+					type: "button",
+					"data-testid": "test-email-send",
+					class: t(m(pe)),
+					disabled: !X.value,
+					onClick: Q
+				}, [_.isSending ? (u(), o("span", xe, [s(m(ue), {
+					class: "tpl:animate-spin",
+					size: 12,
+					"stroke-width": 2
+				}), c(" " + d(m(V).testEmail.sending), 1)])) : (u(), o("span", Se, d(m(V).testEmail.send), 1))], 10, be)])
+			], 8, x)]),
+			_: 1
+		}, 8, ["visible"]));
+	}
+});
+//#endregion
+export { z as default };

package/dist/{cdn/chunks/TestEmailPanel-B8y7JabA.js → TestEmailPanel-ljriUqs1.js}

@@ -1,15 +1,15 @@
-import { M as e, b as t, h as n, it as r, m as i, x as a } from "./draggable-DCs9qL-b.js";
+import { _ as e, k as t, l as n, rt as r, u as i, v as a } from "./vue.runtime.esm-bundler-DzEsDRtY.js";
 //#endregion
 //#region src/components/TestEmailPanel.vue
 var o = /* @__PURE__ */ a({
 	__name: "TestEmailPanel",
 	props: { feature: {} },
 	setup(a) {
-		let o = a, s = t(() => import("./TestEmailModal-IxS-QjeH.js"));
+		let o = a, s = e(() => import("./TestEmailModal-EFYcrmTk.js"));
 		function c(e) {
 			o.feature.send(e);
 		}
-		return (t, o) => a.feature.isModalOpen.value ? (e(), i(r(s), {
+		return (e, o) => a.feature.isModalOpen.value ? (t(), n(r(s), {
 			key: 0,
 			visible: a.feature.isModalOpen.value,
 			"allowed-recipients": a.feature.allowedRecipients.value,
@@ -26,10 +26,8 @@ var o = /* @__PURE__ */ a({
 			"is-sending",
 			"just-sent",
 			"error"
-		])) : n("", !0);
+		])) : i("", !0);
 	}
 });
 //#endregion
 export { o as default };
-
-//# sourceMappingURL=TestEmailPanel-B8y7JabA.js.map