@templatical/editor 0.34.3 → 0.36.0

package/dist/TemplateScoringPanel-CSin43YM.js

@@ -0,0 +1,267 @@
+import { A as e, At as t, B as n, F as r, M as i, R as ee, S as a, Z as te, at as o, c as s, d as c, g as l, h as u, jt as d, kt as f, l as p, r as m, u as h, v as g } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { t as ne } from "./runtime-dom.esm-bundler-PnoZU512.js";
+import { D as re, V as ie, Y as _, g as ae } from "./keys-DQA2i1k1.js";
+import { t as v } from "./createLucideIcon-Cwf_nTzE.js";
+import { t as oe } from "./chevron-down-C-Fjxcqj.js";
+import { t as y } from "./circle-alert-CjzUTwy3.js";
+import { t as se } from "./eye-BuGtFUoJ.js";
+import { t as b } from "./info-BQ60P82u.js";
+import { t as x } from "./loader-circle-B_tAD4k6.js";
+import { t as S } from "./refresh-cw-DEgfb2FK.js";
+import { t as C } from "./shield-check-DhD1Z3rd.js";
+import { t as w } from "./sparkles-R0ZQHa6F.js";
+import { t as ce } from "./triangle-alert-C6tGa6jw.js";
+import { t as le } from "./x-D_-42Ukq.js";
+import { t as ue } from "./LoadingTrack-BlTL4zFv.js";
+import { t as T } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { n as E } from "./useCloudI18n-BLyh_e2T.js";
+var D = v({
+	name: "shield-x",
+	size: 24,
+	node: [
+		["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"
+		}],
+		["path", {
+			d: "m14.5 9.5-5 5",
+			key: "17q4r4"
+		}],
+		["path", {
+			d: "m9.5 9.5 5 5",
+			key: "18nt4w"
+		}]
+	],
+	aliases: ["shield-close"]
+}), O = v({
+	name: "zap",
+	size: 24,
+	node: [["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"
+	}]]
+});
+//#endregion
+//#region src/cloud/utils/scoringStyles.ts
+function k(e) {
+	return e >= 80 ? "var(--tpl-success)" : e >= 60 ? "var(--tpl-warning)" : "var(--tpl-danger)";
+}
+function A(e) {
+	return e >= 80 ? "var(--tpl-success-light)" : e >= 60 ? "var(--tpl-warning-light)" : "var(--tpl-danger-light)";
+}
+function j(e) {
+	return e === "high" ? "var(--tpl-danger)" : e === "medium" ? "var(--tpl-warning)" : "var(--tpl-text-muted)";
+}
+function M(e) {
+	return e === "high" ? "var(--tpl-danger-light)" : e === "medium" ? "var(--tpl-warning-light)" : "var(--tpl-bg-hover)";
+}
+//#endregion
+//#region src/cloud/components/TemplateScoringPanel.vue?vue&type=script&setup=true&lang.ts
+var N = {
+	key: 0,
+	class: "tpl-scoring-panel tpl:absolute tpl:top-14 tpl:right-0 tpl:bottom-0 tpl:flex tpl:w-[360px] tpl:flex-col tpl:border-l tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)]"
+}, P = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:border-[var(--tpl-border)] tpl:px-4 tpl:py-3" }, F = { class: "tpl:flex tpl:items-center tpl:gap-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-primary)]" }, I = { class: "tpl:flex tpl:items-center tpl:gap-1" }, L = ["title"], R = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, z = {
+	key: 0,
+	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
+}, B = { class: "tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, V = {
+	key: 1,
+	class: "tpl:flex tpl:h-full tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-3 tpl:text-center"
+}, H = { class: "tpl:max-w-[240px] tpl:text-sm tpl:text-[var(--tpl-text-muted)]" }, U = {
+	key: 2,
+	class: "tpl:flex tpl:flex-col tpl:gap-4"
+}, de = { class: "tpl:text-xs tpl:font-medium tpl:uppercase tpl:tracking-wider tpl:text-[var(--tpl-text-muted)]" }, fe = {
+	key: 0,
+	class: "tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, pe = {
+	key: 0,
+	class: "tpl:flex tpl:items-start tpl:gap-2 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:text-xs tpl:bg-[var(--tpl-danger-light)] tpl:text-[var(--tpl-danger)]"
+}, W = ["onClick"], me = { class: "tpl:flex-1 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text)]" }, he = {
+	key: 0,
+	class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]"
+}, ge = {
+	key: 0,
+	class: "tpl:border-t tpl:border-[var(--tpl-border)]"
+}, _e = {
+	key: 0,
+	class: "tpl:px-3 tpl:py-3 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]"
+}, ve = { class: "tpl:flex tpl:items-start tpl:gap-2" }, ye = { class: "tpl:flex-1 tpl:min-w-0" }, be = { class: "tpl:flex tpl:items-start tpl:gap-1.5" }, xe = { class: "tpl:text-xs tpl:leading-snug tpl:text-[var(--tpl-text)]" }, Se = {
+	key: 0,
+	class: "tpl:mt-1 tpl:text-[11px] tpl:leading-snug tpl:text-[var(--tpl-text-dim)]"
+}, Ce = {
+	key: 1,
+	class: "tpl:mt-2 tpl:flex tpl:justify-center"
+}, we = ["disabled", "onClick"], Te = {
+	key: 0,
+	class: "tpl:mt-1.5 tpl:text-[11px] tpl:text-[var(--tpl-danger)]"
+}, 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__*/ T(/* @__PURE__ */ g({
+	__name: "TemplateScoringPanel",
+	props: { visible: { type: Boolean } },
+	emits: ["close"],
+	setup(g, { emit: v }) {
+		let T = g, G = v, { t: K } = E(), q = _(ae, "TemplateScoringPanel"), J = _(ie, "TemplateScoringPanel"), Y = a(re, []), X = te({
+			spam: !0,
+			readability: !0,
+			accessibility: !0,
+			bestPractices: !0
+		});
+		function ke(e) {
+			X.value[e] = !X.value[e];
+		}
+		let Z = [
+			"spam",
+			"readability",
+			"accessibility",
+			"bestPractices"
+		], Ae = {
+			spam: D,
+			readability: se,
+			accessibility: w,
+			bestPractices: O
+		};
+		function Q() {
+			J.score(q.content.value, Y);
+		}
+		ee(() => T.visible, (e) => {
+			e && !J.scoringResult.value && !J.isScoring.value && Q();
+		});
+		async function je(e) {
+			if (!e.blockId) return;
+			let t = q.content.value.blocks.find((t) => t.id === e.blockId);
+			if (!t) return;
+			let n = t.content;
+			if (!n) return;
+			let r = await J.fixFinding(n, e, Y);
+			r && (q.updateBlock(e.blockId, { content: r }), J.removeFinding(e.category, e.id));
+		}
+		function $() {
+			return J.scoringResult.value ? Z.reduce((e, t) => e + (J.scoringResult.value?.categories[t]?.findings.length ?? 0), 0) : 0;
+		}
+		return (ee, a) => (e(), p(ne, {
+			"enter-active-class": "tpl-scoring-slide-enter-active",
+			"enter-from-class": "tpl:translate-x-full",
+			"enter-to-class": "tpl:translate-x-0",
+			"leave-active-class": "tpl-scoring-slide-leave-active",
+			"leave-from-class": "tpl:translate-x-0",
+			"leave-to-class": "tpl:translate-x-full"
+		}, {
+			default: n(() => [g.visible ? (e(), c("div", N, [s("div", P, [s("div", F, [l(o(C), {
+				size: 13,
+				"stroke-width": 2
+			}), s("span", null, d(o(K).scoring.title), 1)]), s("div", I, [o(J).scoringResult.value && !o(J).isScoring.value ? (e(), c("button", {
+				key: 0,
+				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
+				title: o(K).scoring.rescore,
+				onClick: a[0] ||= (e) => Q()
+			}, [l(o(S), {
+				size: 14,
+				"stroke-width": 2
+			})], 8, L)) : h("", !0), s("button", {
+				class: "tpl:rounded-md tpl:p-0.5 tpl:transition-colors tpl:text-[var(--tpl-text-muted)]",
+				onClick: a[1] ||= (e) => G("close")
+			}, [l(o(le), {
+				size: 14,
+				"stroke-width": 2
+			})])])]), s("div", R, [o(J).isScoring.value ? (e(), c("div", z, [s("p", B, d(o(K).scoring.scoring), 1), l(ue, { class: "tpl:w-3/4" })])) : o(J).error.value && !o(J).scoringResult.value ? (e(), c("div", V, [
+				l(o(y), {
+					size: 32,
+					"stroke-width": 1.5,
+					class: "tpl:text-[var(--tpl-danger)]"
+				}),
+				s("p", H, d(o(K).scoring.error), 1),
+				s("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: a[2] ||= (e) => Q()
+				}, [l(o(S), {
+					size: 12,
+					"stroke-width": 2
+				}), u(" " + d(o(K).scoring.rescore), 1)])
+			])) : o(J).scoringResult.value ? (e(), c("div", U, [
+				s("div", {
+					class: "tpl:flex tpl:flex-col tpl:items-center tpl:gap-2 tpl:rounded-[var(--tpl-radius)] tpl:p-5",
+					style: t({ backgroundColor: o(A)(o(J).scoringResult.value.score) })
+				}, [
+					s("span", {
+						class: "tpl:text-4xl tpl:font-bold tpl:tabular-nums",
+						style: t({ color: o(k)(o(J).scoringResult.value.score) })
+					}, d(o(J).scoringResult.value.score), 5),
+					s("span", de, d(o(K).scoring.overallScore), 1),
+					$() > 0 ? (e(), c("span", fe, d($()) + " " + d(o(K).scoring.findings), 1)) : h("", !0)
+				], 4),
+				o(J).fixError.value ? (e(), c("div", pe, [l(o(y), {
+					size: 14,
+					"stroke-width": 2,
+					class: "tpl:mt-0.5 tpl:shrink-0"
+				}), s("span", null, d(o(K).scoring.fixError), 1)])) : h("", !0),
+				(e(), c(m, null, i(Z, (n) => s("div", {
+					key: n,
+					class: "tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)]"
+				}, [s("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(n)
+				}, [
+					(e(), p(r(Ae[n]), {
+						size: 14,
+						"stroke-width": 2,
+						style: t({ color: o(k)(o(J).scoringResult.value.categories[n].score) })
+					}, null, 8, ["style"])),
+					s("span", me, d(o(K).scoring.categories[n]), 1),
+					s("span", {
+						class: "tpl:rounded-full tpl:px-2 tpl:py-0.5 tpl:text-xs tpl:font-semibold tpl:tabular-nums",
+						style: t({
+							color: o(k)(o(J).scoringResult.value.categories[n].score),
+							backgroundColor: o(A)(o(J).scoringResult.value.categories[n].score)
+						})
+					}, d(o(J).scoringResult.value.categories[n].score), 5),
+					o(J).scoringResult.value.categories[n].findings.length > 0 ? (e(), c("span", he, d(o(J).scoringResult.value.categories[n].findings.length), 1)) : h("", !0),
+					l(o(oe), {
+						size: 12,
+						"stroke-width": 2,
+						class: f(["tpl:transition-transform tpl:duration-200 tpl:text-[var(--tpl-text-dim)]", X.value[n] ? "tpl:rotate-0" : "tpl:-rotate-90"])
+					}, null, 8, ["class"])
+				], 8, W), X.value[n] ? (e(), c("div", ge, [o(J).scoringResult.value.categories[n].findings.length === 0 ? (e(), c("div", _e, d(o(K).scoring.noFindings), 1)) : h("", !0), (e(!0), c(m, null, i(o(J).scoringResult.value.categories[n].findings, (n) => (e(), c("div", {
+					key: n.id,
+					class: "tpl:border-t tpl:px-3 tpl:py-2.5 tpl:first:border-t-0 tpl:border-[var(--tpl-border-light)]"
+				}, [s("div", ve, [(e(), p(r(n.severity === "high" ? o(y) : n.severity === "medium" ? o(ce) : o(b)), {
+					size: 13,
+					"stroke-width": 2,
+					class: "tpl:mt-0.5 tpl:shrink-0",
+					style: t({ color: o(j)(n.severity) })
+				}, null, 8, ["style"])), s("div", ye, [
+					s("div", be, [s("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: o(j)(n.severity),
+							backgroundColor: o(M)(n.severity)
+						})
+					}, d(o(K).scoring.severity[n.severity]), 5), s("span", xe, d(n.message), 1)]),
+					n.suggestion ? (e(), c("p", Se, d(n.suggestion), 1)) : h("", !0),
+					n.blockId ? (e(), c("div", Ce, [s("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: o(J).fixingFindingId.value !== null,
+						onClick: (e) => je(n)
+					}, [o(J).fixingFindingId.value === n.id ? (e(), p(o(x), {
+						key: 0,
+						class: "tpl-spinner",
+						size: 11,
+						"stroke-width": 2
+					})) : (e(), p(o(w), {
+						key: 1,
+						size: 11,
+						"stroke-width": 2
+					})), u(" " + d(o(J).fixingFindingId.value === n.id ? o(K).scoring.fixing : o(K).scoring.fix), 1)], 8, we), o(J).fixError.value ? (e(), c("p", Te, d(o(J).fixError.value), 1)) : h("", !0)])) : h("", !0)
+				])])]))), 128))])) : h("", !0)])), 64))
+			])) : (e(), c("div", Ee, [l(o(C), {
+				size: 32,
+				"stroke-width": 1.5,
+				class: "tpl:text-[var(--tpl-text-dim)]"
+			}), s("p", De, d(o(K).scoring.emptyState), 1)])), s("p", Oe, d(o(K).aiMenu.disclaimer), 1)])])) : h("", !0)]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-1b4ea13b"]]);
+//#endregion
+export { G as default };

package/dist/{TestEmailModal-DIfJy9eE.js → TestEmailModal-BxizsRCd.js}

@@ -1,24 +1,24 @@
-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-D9JUcKrV.js";
-import { a as te, i as v } from "./runtime-dom.esm-bundler-BuG03jBM.js";
-import { N as ne } from "./dist-PL6vP4SC.js";
-import { Z as re } from "./useEditorCore-DdkQuTHl.js";
-import { A as ie, E as ae, R as oe, h as se } from "./keys-C3P1yxnr.js";
-import { t as ce } from "./useI18n-CL6RfPzK.js";
-import { t as le } from "./check-JK8Uacq0.js";
-import { t as ue } from "./loader-circle-t-SVgmJ3.js";
-import { n as de, t as fe } from "./MergeTagModeToggle-Bi-FydXj.js";
-import { v as pe } from "./styleConstants-C_YAPdQS.js";
-import { t as me } from "./TplModal-CowM3o_F.js";
-import { t as he } from "./BlockPreviewCanvas-B621ANn9.js";
+import { A as e, B as t, M as n, R as r, S as i, V as a, Z as o, at as s, c, d as l, g as u, h as d, jt as f, kt as p, l as m, r as h, s as g, u as _, v } from "./vue.runtime.esm-bundler-DShF3P6k.js";
+import { a as ee, i as y } from "./runtime-dom.esm-bundler-PnoZU512.js";
+import { N as te } from "./dist-tGkjkX-v.js";
+import { X as ne } from "./useEditorCore-DhlKOYwe.js";
+import { D as re, g as ie, j as ae, z as oe } from "./keys-DQA2i1k1.js";
+import { t as se } from "./useI18n-BbdxxpOE.js";
+import { t as ce } from "./check-DWtkBzBU.js";
+import { t as le } from "./loader-circle-B_tAD4k6.js";
+import { n as ue, t as de } from "./MergeTagModeToggle-DKN6ihI5.js";
+import { v as fe } from "./styleConstants-C_YAPdQS.js";
+import { t as pe } from "./TplModal-Q9fDgS1M.js";
+import { t as me } from "./BlockPreviewCanvas-DDCmMram.js";
 //#region src/utils/validateEmailShape.ts
-var y = /[,;<>()[\]\\"'`|/?#@!$%^&*+=~{}]/;
-function b(e) {
+var b = /[,;<>()[\]\\"'`|/?#@!$%^&*+=~{}]/;
+function he(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;
+	if (r.length === 0 || b.test(i)) return !1;
 	let a = i.indexOf(".");
 	return a > 0 && a < i.length - 1;
 }
@@ -64,7 +64,7 @@ var x = ["aria-busy"], S = {
 }, 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__ */ _({
+}, Se = { key: 1 }, z = /* @__PURE__ */ v({
 	__name: "TestEmailModal",
 	props: {
 		visible: { type: Boolean },
@@ -75,8 +75,8 @@ var x = ["aria-busy"], S = {
 		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(oe, void 0), W = re({
+	setup(v, { emit: b }) {
+		let z = v, B = b, { t: V } = se(), Ce = i(ie, null), H = o(""), U = o("desktop"), we = i(oe, void 0), W = ne({
 			resolvePreview: we ?? void 0,
 			getContent: () => Ce?.content.value ?? {
 				blocks: [],
@@ -84,16 +84,16 @@ var x = ["aria-busy"], S = {
 			},
 			isActive: () => z.visible,
 			getRecipient: () => H.value || void 0
-		}), G = r(ie, null), K = i(ne(r(ae, []))), q = h({
+		}), G = i(ae, null), K = o(te(i(re, []))), q = g({
 			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) => {
+		}), Te = g(() => W.content.value.blocks ?? []), J = g(() => z.allowedRecipients !== void 0 && z.allowedRecipients.length > 0), Ee = g(() => z.allowedRecipients?.length === 1);
+		r(() => 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);
+		let Y = g(() => J.value ? H.value.length > 0 : he(H.value)), X = g(() => Y.value && !z.isSending && !z.justSent), De = g(() => !J.value && H.value.trim().length > 0 && !Y.value), Z = g(() => z.error ? z.error.kind === "provider" ? z.error.message : V.testEmail.recipientNotAllowed : null);
 		function Q() {
 			X.value && B("send", H.value.trim());
 		}
@@ -103,15 +103,15 @@ var x = ["aria-busy"], S = {
 		function Oe(e) {
 			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q()), e.key === "Escape" && $();
 		}
-		return (n, r) => (u(), f(me, {
-			visible: _.visible,
+		return (r, i) => (e(), m(pe, {
+			visible: v.visible,
 			onClose: $,
 			onKeydown: Oe
 		}, {
-			default: ee(() => [a("div", {
+			default: t(() => [c("div", {
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-busy": _.isSending,
+				"aria-busy": v.isSending,
 				"aria-labelledby": "tpl-test-email-title",
 				class: "tpl-scale-in tpl:flex tpl:max-h-[90%] tpl:w-full tpl:max-w-3xl tpl:flex-col tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5",
 				style: {
@@ -119,10 +119,10 @@ var x = ["aria-busy"], S = {
 					"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", {
+				c("h3", S, f(s(V).testEmail.title), 1),
+				c("div", C, [
+					c("label", w, f(s(V).testEmail.recipientLabel), 1),
+					Ee.value ? (e(), l("input", {
 						key: 0,
 						id: "tpl-test-email-recipient",
 						type: "text",
@@ -130,73 +130,73 @@ var x = ["aria-busy"], S = {
 						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", {
+					}, null, 8, T)) : J.value ? a((e(), l("select", {
 						key: 1,
 						id: "tpl-test-email-recipient",
-						"onUpdate:modelValue": r[0] ||= (e) => H.value = e,
-						disabled: _.isSending || _.justSent,
+						"onUpdate:modelValue": i[0] ||= (e) => H.value = e,
+						disabled: v.isSending || v.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", {
+					}, [(e(!0), l(h, null, n(v.allowedRecipients, (t) => (e(), l("option", {
+						key: t,
+						value: t
+					}, f(t), 9, D))), 128))], 8, E)), [[y, H.value]]) : a((e(), l("input", {
 						key: 2,
 						id: "tpl-test-email-recipient",
-						"onUpdate:modelValue": r[1] ||= (e) => H.value = e,
+						"onUpdate:modelValue": i[1] ||= (e) => H.value = e,
 						type: "email",
 						autocomplete: "email",
 						spellcheck: "false",
-						placeholder: m(V).testEmail.recipientPlaceholder,
-						disabled: _.isSending || _.justSent,
+						placeholder: s(V).testEmail.recipientPlaceholder,
+						disabled: v.isSending || v.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)
+					}, null, 8, O)), [[ee, H.value]]),
+					De.value ? (e(), l("p", k, f(s(V).testEmail.invalidAddress), 1)) : _("", !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, {
+				c("div", A, [c("div", j, [c("span", M, f(s(V).testEmail.preview), 1), c("div", N, [s(W).supersedesSamples.value ? _("", !0) : (e(), m(de, {
 					key: 0,
 					"sample-mode": q.value,
-					onChange: r[2] ||= (e) => q.value = e
-				}, null, 8, ["sample-mode"])), s(de, {
+					onChange: i[2] ||= (e) => q.value = e
+				}, null, 8, ["sample-mode"])), u(ue, {
 					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", {
+					onChange: i[3] ||= (e) => U.value = e
+				}, null, 8, ["viewport"])])]), c("p", P, f(s(W).supersedesSamples.value ? s(V).previewResolution.hint : q.value ? s(V).testEmail.previewHintSample : s(V).testEmail.previewHint), 1)]),
+				c("div", F, [s(W).isInitialResolve.value ? (e(), l("div", I, [c("span", L, f(s(V).previewResolution.resolving), 1), (e(), l(h, null, n(3, (e) => c("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, {
+				})), 64))])) : s(W).hasFailed.value ? (e(), l("p", R, f(s(V).previewResolution.failed), 1)) : _("", !0), s(W).isInitialResolve.value ? _("", !0) : (e(), m(me, {
 					key: 2,
 					blocks: Te.value,
 					viewport: U.value,
-					"apply-condition-filter": !m(W).isConfigured
+					"apply-condition-filter": !s(W).isConfigured
 				}, null, 8, [
 					"blocks",
 					"viewport",
 					"apply-condition-filter"
 				]))]),
-				_.justSent ? (u(), o("p", ge, [s(m(le), {
+				v.justSent ? (e(), l("p", ge, [u(s(ce), {
 					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", {
+				}), d(" " + f(s(V).testEmail.success), 1)])) : Z.value ? (e(), l("p", _e, f(Z.value), 1)) : _("", !0),
+				c("div", ve, [c("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,
+					class: p(["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": v.isSending }]),
+					disabled: v.isSending,
 					onClick: $
-				}, d(m(V).testEmail.cancel), 11, ye), a("button", {
+				}, f(s(V).testEmail.cancel), 11, ye), c("button", {
 					type: "button",
 					"data-testid": "test-email-send",
-					class: t(m(pe)),
+					class: p(s(fe)),
 					disabled: !X.value,
 					onClick: Q
-				}, [_.isSending ? (u(), o("span", xe, [s(m(ue), {
+				}, [v.isSending ? (e(), l("span", xe, [u(s(le), {
 					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)])
+				}), d(" " + f(s(V).testEmail.sending), 1)])) : (e(), l("span", Se, f(s(V).testEmail.send), 1))], 10, be)])
 			], 8, x)]),
 			_: 1
 		}, 8, ["visible"]));

package/dist/{TestEmailPanel-C8Wx5yPS.js → TestEmailPanel-vd2e5HzT.js}

@@ -1,15 +1,15 @@
-import { _ as e, k as t, l as n, rt as r, u as i, v as a } from "./vue.runtime.esm-bundler-D9JUcKrV.js";
+import { A as e, _ as t, at as n, l as r, u as i, v as a } from "./vue.runtime.esm-bundler-DShF3P6k.js";
 //#endregion
 //#region src/components/TestEmailPanel.vue
 var o = /* @__PURE__ */ a({
 	__name: "TestEmailPanel",
 	props: { feature: {} },
 	setup(a) {
-		let o = a, s = e(() => import("./TestEmailModal-DIfJy9eE.js"));
+		let o = a, s = t(() => import("./TestEmailModal-BxizsRCd.js"));
 		function c(e) {
 			o.feature.send(e);
 		}
-		return (e, o) => a.feature.isModalOpen.value ? (t(), n(r(s), {
+		return (t, o) => a.feature.isModalOpen.value ? (e(), r(n(s), {
 			key: 0,
 			visible: a.feature.isModalOpen.value,
 			"allowed-recipients": a.feature.allowedRecipients.value,