@hintoric/email 0.3.0 → 0.4.0

package/dist/index.js

@@ -373,7 +373,7 @@ function D({ lang: e, preview: n, footer: o, unsubscribe: s, colorScheme: l, chi
 					name: "supported-color-schemes",
 					content: "light dark"
 				}),
-				/* @__PURE__ */ u(O, {})
+				/* @__PURE__ */ u(oe, {})
 			] }),
 			/* @__PURE__ */ u(c, { children: n }),
 			/* @__PURE__ */ d(t, {
@@ -425,12 +425,12 @@ function D({ lang: e, preview: n, footer: o, unsubscribe: s, colorScheme: l, chi
 		]
 	});
 }
-function O() {
+function oe() {
 	return /* @__PURE__ */ u("style", { dangerouslySetInnerHTML: { __html: ne } });
 }
 //#endregion
 //#region src/components/Button.tsx
-var oe = {
+var se = {
 	sm: {
 		minHeight: 32,
 		paddingInline: 12,
@@ -450,10 +450,10 @@ var oe = {
 		lineHeight: 24
 	}
 };
-function k({ href: e, variant: t = "solid", color: r = "primary", size: i = "md", pill: a = !1, fullWidth: o = !1, style: s, children: c }) {
+function O({ href: e, variant: t = "solid", color: r = "primary", size: i = "md", pill: a = !1, fullWidth: o = !1, style: s, children: c }) {
 	let l = x(e);
 	if (!l || l.startsWith("mailto:")) return null;
-	let d = oe[i], f = g("light", t, r), p = +(t === "outlined"), m = (d.minHeight - d.lineHeight) / 2 - p;
+	let d = se[i], f = g("light", t, r), p = +(t === "outlined"), m = (d.minHeight - d.lineHeight) / 2 - p;
 	return /* @__PURE__ */ u(n, {
 		href: l,
 		className: C.variant(t, r),
@@ -488,7 +488,7 @@ function k({ href: e, variant: t = "solid", color: r = "primary", size: i = "md"
 }
 //#endregion
 //#region src/components/Divider.tsx
-function A({ style: e }) {
+function k({ style: e }) {
 	let t = v.light;
 	return /* @__PURE__ */ u("div", {
 		role: "separator",
@@ -508,7 +508,7 @@ function A({ style: e }) {
 }
 //#endregion
 //#region src/components/Card.tsx
-function j({ variant: e = "outlined", color: t = "neutral", style: n, children: r }) {
+function A({ variant: e = "outlined", color: t = "neutral", style: n, children: r }) {
 	let i = g("light", e, t), a = i.backgroundColor !== void 0;
 	return /* @__PURE__ */ u("table", {
 		role: "presentation",
@@ -534,7 +534,7 @@ function j({ variant: e = "outlined", color: t = "neutral", style: n, children:
 }
 //#endregion
 //#region src/components/Avatar.tsx
-var se = {
+var ce = {
 	sm: {
 		box: 32,
 		fontSize: "14px",
@@ -551,8 +551,8 @@ var se = {
 		fontWeight: 600
 	}
 };
-function M({ variant: e = "soft", color: t = "neutral", size: n = "md", src: r, alt: i = "", children: a }) {
-	let s = se[n], c = S(r);
+function j({ variant: e = "soft", color: t = "neutral", size: n = "md", src: r, alt: i = "", children: a }) {
+	let s = ce[n], c = S(r);
 	if (c) return /* @__PURE__ */ u(o, {
 		src: c,
 		width: s.box,
@@ -600,28 +600,28 @@ function M({ variant: e = "soft", color: t = "neutral", size: n = "md", src: r,
 }
 //#endregion
 //#region src/alertIcons.ts
-var N = {
+var M = {
 	primary: "info",
 	neutral: "info",
 	danger: "report",
 	success: "check-circle",
 	warning: "warning"
-}, P = "https://cdn.hintoric.com/assets/email/alert";
-function F(e, t) {
-	return `${P}/${e}-${t.replace("#", "").toLowerCase()}.png`;
+}, N = "https://cdn.hintoric.com/assets/email/alert";
+function P(e, t) {
+	return `${N}/${e}-${t.replace("#", "").toLowerCase()}.png`;
 }
-function I(e, t, n) {
-	let r = N[n], i = g(e, t, n).color;
+function F(e, t, n) {
+	let r = M[n], i = g(e, t, n).color;
 	return {
 		name: r,
 		ink: i,
-		url: F(r, i)
+		url: P(r, i)
 	};
 }
-function ce() {
+function le() {
 	let e = /* @__PURE__ */ new Map();
 	for (let t of ["light", "dark"]) for (let n of h) for (let r of m) {
-		let { name: i, ink: a, url: o } = I(t, n, r);
+		let { name: i, ink: a, url: o } = F(t, n, r);
 		e.set(o, {
 			name: i,
 			ink: a,
@@ -633,7 +633,7 @@ function ce() {
 }
 //#endregion
 //#region src/components/Alert.tsx
-var le = {
+var ue = {
 	sm: {
 		gap: 8,
 		padding: 8,
@@ -653,8 +653,8 @@ var le = {
 		icon: 24
 	}
 };
-function L({ variant: e = "soft", color: t = "neutral", size: n = "md", startDecorator: r, endDecorator: i, style: a, children: o }) {
-	let s = le[n], c = r === void 0 ? /* @__PURE__ */ u(ue, {
+function I({ variant: e = "soft", color: t = "neutral", size: n = "md", startDecorator: r, endDecorator: i, style: a, children: o }) {
+	let s = ue[n], c = r === void 0 ? /* @__PURE__ */ u(de, {
 		variant: e,
 		color: t,
 		size: s.icon
@@ -730,8 +730,8 @@ function L({ variant: e = "soft", color: t = "neutral", size: n = "md", startDec
 		}) }) })
 	});
 }
-function ue({ variant: e, color: t, size: n }) {
-	let r = I("light", e, t), i = I("dark", e, t), a = (e, t, r) => /* @__PURE__ */ u(o, {
+function de({ variant: e, color: t, size: n }) {
+	let r = F("light", e, t), i = F("dark", e, t), a = (e, t, r) => /* @__PURE__ */ u(o, {
 		src: e,
 		width: n,
 		height: n,
@@ -748,7 +748,7 @@ function ue({ variant: e, color: t, size: n }) {
 	});
 	return /* @__PURE__ */ d(l, { children: [a(r.url, C.lightOnly, "block"), a(i.url, C.darkOnly, "none")] });
 }
-function de({ style: e, children: t }) {
+function fe({ style: e, children: t }) {
 	return /* @__PURE__ */ u("div", {
 		style: {
 			fontFamily: y.body,
@@ -762,7 +762,7 @@ function de({ style: e, children: t }) {
 }
 //#endregion
 //#region src/components/Chip.tsx
-var fe = {
+var pe = {
 	sm: {
 		minHeight: 20,
 		paddingInline: 6,
@@ -779,8 +779,8 @@ var fe = {
 		fontSize: 16
 	}
 };
-function pe({ variant: e = "soft", color: t = "neutral", size: n = "md", style: r, children: i }) {
-	let a = fe[n], o = g("light", e, t), s = o.backgroundColor !== void 0, c = +!!o.borderColor, l = a.fontSize * 1.5, d = (a.minHeight - l) / 2 - c;
+function me({ variant: e = "soft", color: t = "neutral", size: n = "md", style: r, children: i }) {
+	let a = pe[n], o = g("light", e, t), s = o.backgroundColor !== void 0, c = +!!o.borderColor, l = a.fontSize * 1.5, d = (a.minHeight - l) / 2 - c;
 	return /* @__PURE__ */ u("span", {
 		className: [C.variant(e, t), s ? "" : C.surface].filter(Boolean).join(" "),
 		style: {
@@ -804,46 +804,50 @@ function pe({ variant: e = "soft", color: t = "neutral", size: n = "md", style:
 }
 //#endregion
 //#region src/components/HintoricLogo.tsx
-var R = {
+var L = {
 	light: "https://cdn.hintoric.com/assets/logo/black.png",
 	dark: "https://cdn.hintoric.com/assets/logo/white.png",
-	width: 104,
-	height: 32
+	width: 118,
+	height: 26
 };
-function z() {
+function R() {
 	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(o, {
-		src: R.light,
-		width: R.width,
-		height: R.height,
+		src: L.light,
+		width: L.width,
+		height: L.height,
 		alt: "hintoric",
 		className: C.logoLight,
 		style: {
 			display: "inline-block",
+			width: `${L.width}px`,
+			height: `${L.height}px`,
 			margin: "0 auto"
 		}
 	}), /* @__PURE__ */ u(o, {
-		src: R.dark,
-		width: R.width,
-		height: R.height,
+		src: L.dark,
+		width: L.width,
+		height: L.height,
 		alt: "hintoric",
 		className: C.logoDark,
 		style: {
 			display: "none",
+			width: `${L.width}px`,
+			height: `${L.height}px`,
 			margin: "0 auto"
 		}
 	})] });
 }
 //#endregion
 //#region src/templates/AuthCode/AuthCodeEmail.tsx
-function B({ purpose: e, code: t, email: n }) {
+function z({ purpose: e, code: t, email: n }) {
 	return {
 		purpose: e,
 		code: t,
 		email: n
 	};
 }
-function V(e) {
-	let { messages: t } = e, n = B(e);
+function B(e) {
+	let { messages: t } = e, n = z(e);
 	return /* @__PURE__ */ u(D, {
 		lang: t.lang,
 		preview: t.preview(n),
@@ -856,16 +860,16 @@ function V(e) {
 			style: { fontWeight: 400 },
 			children: [t.footer(n), e.legalNotice && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("br", {}), e.legalNotice] })]
 		}),
-		children: /* @__PURE__ */ u(H, { ...e })
+		children: /* @__PURE__ */ u(V, { ...e })
 	});
 }
-function H(e) {
-	let { messages: t, code: n, url: r, expiresInMinutes: i } = e, a = B(e);
+function V(e) {
+	let { messages: t, code: n, url: r, expiresInMinutes: i } = e, a = z(e);
 	return /* @__PURE__ */ d(l, { children: [
 		/* @__PURE__ */ d("div", {
 			style: { textAlign: "center" },
 			children: [
-				/* @__PURE__ */ u(z, {}),
+				/* @__PURE__ */ u(R, {}),
 				/* @__PURE__ */ u(E, {
 					level: "h3",
 					component: "h1",
@@ -882,7 +886,7 @@ function H(e) {
 				})
 			]
 		}),
-		/* @__PURE__ */ u(j, { children: /* @__PURE__ */ u(E, {
+		/* @__PURE__ */ u(A, { children: /* @__PURE__ */ u(E, {
 			level: "h2",
 			component: "p",
 			textAlign: "center",
@@ -911,14 +915,14 @@ function H(e) {
 		}),
 		r && /* @__PURE__ */ u("div", {
 			style: { marginTop: "24px" },
-			children: /* @__PURE__ */ u(k, {
+			children: /* @__PURE__ */ u(O, {
 				href: r,
 				size: "lg",
 				fullWidth: !0,
 				children: t.button(a)
 			})
 		}),
-		/* @__PURE__ */ u(A, { style: { margin: "32px 0 24px" } }),
+		/* @__PURE__ */ u(k, { style: { margin: "32px 0 24px" } }),
 		/* @__PURE__ */ u(E, {
 			level: "body-xs",
 			component: "p",
@@ -931,31 +935,31 @@ function H(e) {
 		})
 	] });
 }
-async function me(e) {
-	let { html: t, text: n } = await f(/* @__PURE__ */ u(V, { ...e }));
+async function he(e) {
+	let { html: t, text: n } = await f(/* @__PURE__ */ u(B, { ...e }));
 	return {
-		subject: e.messages.subject(B(e)),
+		subject: e.messages.subject(z(e)),
 		html: t,
 		text: n
 	};
 }
 //#endregion
 //#region src/templates/AuthCode/messages.ts
-var he = {
+var ge = {
 	verification: "Bestätigungscode",
 	registration: "Registrierungscode",
 	login: "Anmeldecode",
 	recovery: "Wiederherstellungscode"
-}, ge = {
+}, H = {
 	verification: "Adresse bestätigen",
 	registration: "Konto anlegen",
 	login: "Anmelden",
 	recovery: "Konto wiederherstellen"
 }, U = (e) => e === "login" || e === "recovery", _e = {
 	lang: "de",
-	subject: ({ purpose: e }) => `Dein ${he[e]} für hintoric`,
+	subject: ({ purpose: e }) => `Dein ${ge[e]} für hintoric`,
 	preview: ({ code: e }) => `Dein Code: ${e}`,
-	heading: ({ purpose: e }) => ge[e],
+	heading: ({ purpose: e }) => H[e],
 	intro: ({ purpose: e, email: t }) => {
 		switch (e) {
 			case "verification": return `Gib diesen Code ein, um ${t ?? "deine E-Mail-Adresse"} zu bestätigen.`;
@@ -964,7 +968,7 @@ var he = {
 			case "recovery": return `Gib diesen Code ein, um wieder auf dein Konto bei hintoric${t ? ` (${t})` : ""} zuzugreifen.`;
 		}
 	},
-	button: ({ purpose: e }) => ge[e],
+	button: ({ purpose: e }) => H[e],
 	expiry: (e) => `Der Code ist ${e} Minuten gültig.`,
 	ignore: ({ purpose: e }) => U(e) ? "Wenn du das nicht angefordert hast, kannst du diese E-Mail ignorieren. Gib den Code an niemanden weiter – hintoric fragt dich nie danach." : "Wenn du das nicht angefordert hast, kannst du diese E-Mail ignorieren.",
 	footer: () => "Du erhältst diese E-Mail, weil mit deiner Adresse ein Code bei hintoric angefordert wurde."
@@ -997,11 +1001,12 @@ var he = {
 	footer: () => "We sent you this email because someone requested a code for your address at hintoric."
 };
 //#endregion
-//#region src/templates/AuthNoAccount/AuthNoAccountEmail.tsx
-function G({ purpose: e, email: t }) {
+//#region src/templates/AuthLink/AuthLinkEmail.tsx
+function G({ purpose: e, url: t, email: n }) {
 	return {
 		purpose: e,
-		email: t
+		url: t,
+		email: n
 	};
 }
 function K(e) {
@@ -1022,12 +1027,134 @@ function K(e) {
 	});
 }
 function q(e) {
-	let { messages: t, registrationUrl: n } = e, r = G(e);
+	let { messages: t, url: n, expiresInMinutes: r } = e, i = G(e);
 	return /* @__PURE__ */ d(l, { children: [
 		/* @__PURE__ */ d("div", {
 			style: { textAlign: "center" },
 			children: [
-				/* @__PURE__ */ u(z, {}),
+				/* @__PURE__ */ u(R, {}),
+				/* @__PURE__ */ u(E, {
+					level: "h3",
+					component: "h1",
+					style: {
+						margin: "16px 0 12px",
+						fontFamily: y.heading
+					},
+					children: t.heading(i)
+				}),
+				/* @__PURE__ */ u(E, {
+					level: "body-sm",
+					style: { marginBottom: "24px" },
+					children: t.intro(i)
+				})
+			]
+		}),
+		/* @__PURE__ */ u(O, {
+			href: n,
+			size: "lg",
+			fullWidth: !0,
+			children: t.button(i)
+		}),
+		r !== void 0 && /* @__PURE__ */ u(E, {
+			level: "body-xs",
+			component: "p",
+			textAlign: "center",
+			textColor: "icon",
+			style: {
+				margin: "12px 0 0",
+				fontWeight: 400
+			},
+			children: t.expiry(r)
+		}),
+		/* @__PURE__ */ u(k, { style: { margin: "32px 0 24px" } }),
+		/* @__PURE__ */ u(E, {
+			level: "body-xs",
+			component: "p",
+			textAlign: "center",
+			style: {
+				margin: 0,
+				fontWeight: 400
+			},
+			children: t.ignore(i)
+		})
+	] });
+}
+async function be(e) {
+	let { html: t, text: n } = await f(/* @__PURE__ */ u(K, { ...e }));
+	return {
+		subject: e.messages.subject(G(e)),
+		html: t,
+		text: n
+	};
+}
+//#endregion
+//#region src/templates/AuthLink/messages.ts
+var xe = {
+	verification: "Bestätigungslink",
+	recovery: "Wiederherstellungslink"
+}, J = {
+	verification: "Adresse bestätigen",
+	recovery: "Konto wiederherstellen"
+}, Se = {
+	lang: "de",
+	subject: ({ purpose: e }) => `Dein ${xe[e]} für hintoric`,
+	preview: ({ purpose: e }) => e === "verification" ? "Bestätige deine E-Mail-Adresse mit einem Klick." : "Greife mit einem Klick wieder auf dein Konto zu.",
+	heading: ({ purpose: e }) => J[e],
+	intro: ({ purpose: e, email: t }) => e === "verification" ? `Klicke auf den Button, um ${t ?? "deine E-Mail-Adresse"} zu bestätigen.` : `Klicke auf den Button, um wieder auf dein Konto bei hintoric${t ? ` (${t})` : ""} zuzugreifen.`,
+	button: ({ purpose: e }) => J[e],
+	expiry: (e) => `Der Link ist ${e} Minuten gültig.`,
+	ignore: ({ purpose: e }) => e === "recovery" ? "Wenn du das nicht angefordert hast, kannst du diese E-Mail ignorieren. Gib den Link an niemanden weiter – hintoric fragt dich nie danach." : "Wenn du das nicht angefordert hast, kannst du diese E-Mail ignorieren.",
+	footer: () => "Du erhältst diese E-Mail, weil mit deiner Adresse ein Link bei hintoric angefordert wurde."
+}, Ce = {
+	verification: "verification link",
+	recovery: "recovery link"
+}, Y = {
+	verification: "Confirm your address",
+	recovery: "Recover your account"
+}, we = {
+	lang: "en",
+	subject: ({ purpose: e }) => `Your hintoric ${Ce[e]}`,
+	preview: ({ purpose: e }) => e === "verification" ? "Confirm your email address with one click." : "Get back into your account with one click.",
+	heading: ({ purpose: e }) => Y[e],
+	intro: ({ purpose: e, email: t }) => e === "verification" ? `Click the button to confirm ${t ?? "your email address"} for your hintoric account.` : `Click the button to get back into your hintoric account${t ? ` (${t})` : ""}.`,
+	button: ({ purpose: e }) => Y[e],
+	expiry: (e) => `The link is valid for ${e} minutes.`,
+	ignore: ({ purpose: e }) => e === "recovery" ? "If you didn't request this, you can ignore this email. Don't share the link with anyone – hintoric will never ask you for it." : "If you didn't request this, you can ignore this email.",
+	footer: () => "We sent you this email because someone requested a link for your address at hintoric."
+};
+//#endregion
+//#region src/templates/AuthNoAccount/AuthNoAccountEmail.tsx
+function X({ purpose: e, channel: t = "code", email: n }) {
+	return {
+		purpose: e,
+		channel: t,
+		email: n
+	};
+}
+function Te(e) {
+	let { messages: t } = e, n = X(e);
+	return /* @__PURE__ */ u(D, {
+		lang: t.lang,
+		preview: t.preview(n),
+		colorScheme: e.colorScheme,
+		footer: /* @__PURE__ */ d(E, {
+			level: "body-xs",
+			component: "p",
+			textAlign: "center",
+			textColor: "icon",
+			style: { fontWeight: 400 },
+			children: [t.footer(n), e.legalNotice && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("br", {}), e.legalNotice] })]
+		}),
+		children: /* @__PURE__ */ u(Ee, { ...e })
+	});
+}
+function Ee(e) {
+	let { messages: t, registrationUrl: n } = e, r = X(e);
+	return /* @__PURE__ */ d(l, { children: [
+		/* @__PURE__ */ d("div", {
+			style: { textAlign: "center" },
+			children: [
+				/* @__PURE__ */ u(R, {}),
 				/* @__PURE__ */ u(E, {
 					level: "h3",
 					component: "h1",
@@ -1044,7 +1171,7 @@ function q(e) {
 				})
 			]
 		}),
-		/* @__PURE__ */ u(L, {
+		/* @__PURE__ */ u(I, {
 			color: "warning",
 			children: t.alert(r)
 		}),
@@ -1054,7 +1181,7 @@ function q(e) {
 				level: "body-sm",
 				style: { margin: n ? "24px 0" : "24px 0 0" },
 				children: t.hint(r)
-			}), n && /* @__PURE__ */ u(k, {
+			}), n && /* @__PURE__ */ u(O, {
 				href: n,
 				variant: "outlined",
 				color: "neutral",
@@ -1065,55 +1192,64 @@ function q(e) {
 		})
 	] });
 }
-async function be(e) {
-	let { html: t, text: n } = await f(/* @__PURE__ */ u(K, { ...e }));
+async function De(e) {
+	let { html: t, text: n } = await f(/* @__PURE__ */ u(Te, { ...e }));
 	return {
-		subject: e.messages.subject(G(e)),
+		subject: e.messages.subject(X(e)),
 		html: t,
 		text: n
 	};
 }
 //#endregion
 //#region src/templates/AuthNoAccount/messages.ts
-var xe = {
+var Oe = {
+	recovery: {
+		code: "Wiederherstellungscode",
+		link: "Wiederherstellungslink"
+	},
+	verification: {
+		code: "Bestätigungscode",
+		link: "Bestätigungslink"
+	}
+}, ke = {
 	lang: "de",
 	subject: () => "Zu dieser Adresse gibt es kein Konto bei hintoric",
 	preview: () => "Vielleicht hast du dich mit einer anderen Adresse registriert.",
 	heading: () => "Kein Konto gefunden",
-	body: ({ purpose: e, email: t }) => `Für ${t} wurde ein ${e === "recovery" ? "Wiederherstellungscode" : "Bestätigungscode"} angefordert.`,
+	body: ({ purpose: e, channel: t, email: n }) => `Für ${n} wurde ein ${Oe[e][t]} angefordert.`,
 	alert: () => "Zu dieser Adresse gibt es kein Konto bei hintoric.",
-	hint: () => "Vielleicht hast du dich mit einer anderen Adresse registriert. Wenn du den Code nicht angefordert hast, kannst du diese E-Mail ignorieren.",
+	hint: ({ channel: e }) => `Vielleicht hast du dich mit einer anderen Adresse registriert. Wenn du den ${e === "link" ? "Link" : "Code"} nicht angefordert hast, kannst du diese E-Mail ignorieren.`,
 	registerButton: "Konto anlegen",
 	footer: () => "Du erhältst diese E-Mail, weil deine Adresse bei hintoric angegeben wurde."
-}, Se = {
+}, Ae = {
 	lang: "en",
 	subject: () => "No hintoric account with this address",
 	preview: () => "Maybe you signed up with a different address.",
 	heading: () => "No account found",
-	body: ({ purpose: e, email: t }) => `A ${e === "recovery" ? "recovery" : "verification"} code was requested for ${t}.`,
+	body: ({ purpose: e, channel: t, email: n }) => `A ${e === "recovery" ? "recovery" : "verification"} ${t === "link" ? "link" : "code"} was requested for ${n}.`,
 	alert: () => "There is no hintoric account with this address.",
-	hint: () => "Maybe you signed up with a different address. If you didn't request the code, you can ignore this email.",
+	hint: ({ channel: e }) => `Maybe you signed up with a different address. If you didn't request the ${e === "link" ? "link" : "code"}, you can ignore this email.`,
 	registerButton: "Create an account",
 	footer: () => "We sent you this email because someone entered your address at hintoric."
 };
 //#endregion
 //#region src/templates/SecurityActivityAlert/SecurityActivityAlertEmail.tsx
-function J(e) {
+function Z(e) {
 	return {
 		activity: e.activity,
 		target: e.target,
-		targetName: Ce(e),
+		targetName: je(e),
 		occurredAt: e.messages.formatDateTime(e.activity.occurredAt, e.timeZone)
 	};
 }
-function Ce({ target: e }) {
+function je({ target: e }) {
 	return e.type === "workspace" ? e.workspaceName : e.email;
 }
-function we(e) {
+function Me(e) {
 	return e.split(/\s+/).map((e) => e.match(/\p{L}/u)?.[0]).filter((e) => e !== void 0).slice(0, 2).map((e) => e.toUpperCase()).join("");
 }
-function Y(e) {
-	let { messages: t } = e, n = J(e);
+function Ne(e) {
+	let { messages: t } = e, n = Z(e);
 	return /* @__PURE__ */ u(D, {
 		lang: t.lang,
 		preview: t.preview(n),
@@ -1126,16 +1262,16 @@ function Y(e) {
 			style: { fontWeight: 400 },
 			children: [t.footer(n), e.legalNotice && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("br", {}), e.legalNotice] })]
 		}),
-		children: /* @__PURE__ */ u(X, { ...e })
+		children: /* @__PURE__ */ u(Pe, { ...e })
 	});
 }
-function X(e) {
-	let { messages: t, activityLogUrl: n } = e, r = J(e);
+function Pe(e) {
+	let { messages: t, activityLogUrl: n } = e, r = Z(e);
 	return /* @__PURE__ */ d(l, { children: [
 		/* @__PURE__ */ d("div", {
 			style: { textAlign: "center" },
 			children: [
-				/* @__PURE__ */ u(z, {}),
+				/* @__PURE__ */ u(R, {}),
 				/* @__PURE__ */ u(E, {
 					level: "h3",
 					component: "h1",
@@ -1145,10 +1281,10 @@ function X(e) {
 					},
 					children: e.activity.title
 				}),
-				/* @__PURE__ */ u(M, {
+				/* @__PURE__ */ u(j, {
 					size: "sm",
 					color: "primary",
-					children: we(r.targetName)
+					children: Me(r.targetName)
 				}),
 				/* @__PURE__ */ u(E, {
 					level: "title-sm",
@@ -1161,7 +1297,7 @@ function X(e) {
 				})
 			]
 		}),
-		/* @__PURE__ */ u(A, { style: { margin: "32px 0" } }),
+		/* @__PURE__ */ u(k, { style: { margin: "32px 0" } }),
 		/* @__PURE__ */ d(E, {
 			level: "body-sm",
 			style: { marginBottom: "24px" },
@@ -1171,11 +1307,11 @@ function X(e) {
 				t.guidance(r)
 			]
 		}),
-		/* @__PURE__ */ u(k, {
+		/* @__PURE__ */ u(O, {
 			href: e.reviewUrl,
 			size: "lg",
 			fullWidth: !0,
-			children: t.reviewButton
+			children: typeof t.reviewButton == "function" ? t.reviewButton(r) : t.reviewButton
 		}),
 		n && /* @__PURE__ */ u(E, {
 			level: "body-xs",
@@ -1193,55 +1329,55 @@ function X(e) {
 		})
 	] });
 }
-async function Te(e) {
-	let { html: t, text: n } = await f(/* @__PURE__ */ u(Y, { ...e }));
+async function Fe(e) {
+	let { html: t, text: n } = await f(/* @__PURE__ */ u(Ne, { ...e }));
 	return {
-		subject: e.messages.subject(J(e)),
+		subject: e.messages.subject(Z(e)),
 		html: t,
 		text: n
 	};
 }
 //#endregion
 //#region src/templates/SecurityActivityAlert/messages.tsx
-function Z(e, t = "") {
+function Q(e, t = "") {
 	return (n, r) => new Intl.DateTimeFormat(e, {
 		dateStyle: "long",
 		timeStyle: "short",
 		timeZone: r
 	}).format(n) + t;
 }
-var Ee = {
+var Ie = {
 	lang: "de",
 	subject: ({ activity: e, targetName: t }) => `${e.title} – ${t}`,
-	preview: ({ activity: e, occurredAt: t }) => `${e.actorName} · ${t}`,
-	summary: ({ activity: e, occurredAt: t }) => `${e.actorName} hat am ${t} etwas geändert, das die Sicherheit betrifft.`,
-	guidance: () => "Wenn du diese Änderung nicht erwartet hast, prüfe die Aktivität jetzt.",
-	reviewButton: "Aktivität prüfen",
+	preview: ({ activity: e, occurredAt: t }) => e.actorName ? `${e.actorName} · ${t}` : t,
+	summary: ({ activity: e, target: t, occurredAt: n }) => e.actorName ? `${e.actorName} hat am ${n} etwas geändert, das die Sicherheit betrifft.` : `Am ${n} wurde etwas ${t.type === "account" ? "an deinem Konto " : ""}geändert, das die Sicherheit betrifft.`,
+	guidance: ({ target: e }) => e.type === "account" ? "Wenn du das nicht warst, sichere dein Konto jetzt." : "Wenn du diese Änderung nicht erwartet hast, prüfe die Aktivität jetzt.",
+	reviewButton: ({ target: e }) => e.type === "account" ? "Konto prüfen" : "Aktivität prüfen",
 	activityLogHint: (e) => /* @__PURE__ */ d(l, { children: [
 		"Alle sicherheitsrelevanten Aktivitäten findest du im ",
 		e("Aktivitätsprotokoll"),
 		"."
 	] }),
 	footer: ({ target: e }) => e.type === "workspace" ? "Du erhältst diese E-Mail, weil du diesen Workspace verwaltest." : "Du erhältst diese E-Mail, weil sie dein Konto bei hintoric betrifft.",
-	formatDateTime: Z("de-DE", " Uhr")
-}, De = {
+	formatDateTime: Q("de-DE", " Uhr")
+}, Le = {
 	lang: "en",
 	subject: ({ activity: e, targetName: t }) => `${e.title} – ${t}`,
-	preview: ({ activity: e, occurredAt: t }) => `${e.actorName} · ${t}`,
-	summary: ({ activity: e, occurredAt: t }) => `${e.actorName} made a security-relevant change on ${t}.`,
-	guidance: () => "If you didn't expect this change, review the activity now.",
-	reviewButton: "Review activity",
+	preview: ({ activity: e, occurredAt: t }) => e.actorName ? `${e.actorName} · ${t}` : t,
+	summary: ({ activity: e, target: t, occurredAt: n }) => e.actorName ? `${e.actorName} made a security-relevant change on ${n}.` : `Something security-relevant changed ${t.type === "account" ? "on your account " : ""}on ${n}.`,
+	guidance: ({ target: e }) => e.type === "account" ? "If this wasn't you, secure your account now." : "If you didn't expect this change, review the activity now.",
+	reviewButton: ({ target: e }) => e.type === "account" ? "Review account" : "Review activity",
 	activityLogHint: (e) => /* @__PURE__ */ d(l, { children: [
 		"You can see all security-relevant activity in the ",
 		e("activity log"),
 		"."
 	] }),
 	footer: ({ target: e }) => e.type === "workspace" ? "We sent you this email to let you know, as an admin, about important changes in your workspace." : "We sent you this email to let you know about important changes to your hintoric account.",
-	formatDateTime: Z("en-GB")
+	formatDateTime: Q("en-GB")
 };
 //#endregion
 //#region src/templates/WaitlistWelcome/WaitlistWelcomeEmail.tsx
-function Q(e) {
+function Re(e) {
 	let { messages: t } = e;
 	return /* @__PURE__ */ u(D, {
 		lang: t.lang,
@@ -1266,7 +1402,7 @@ function $({ messages: e, websiteUrl: t }) {
 	return /* @__PURE__ */ d("div", {
 		style: { textAlign: "center" },
 		children: [
-			/* @__PURE__ */ u(z, {}),
+			/* @__PURE__ */ u(R, {}),
 			/* @__PURE__ */ u(E, {
 				level: "body-xs",
 				component: "p",
@@ -1297,7 +1433,7 @@ function $({ messages: e, websiteUrl: t }) {
 				style: { marginBottom: "24px" },
 				children: e.body2
 			}),
-			/* @__PURE__ */ u(k, {
+			/* @__PURE__ */ u(O, {
 				href: t,
 				size: "lg",
 				fullWidth: !0,
@@ -1317,8 +1453,8 @@ function $({ messages: e, websiteUrl: t }) {
 		]
 	});
 }
-async function Oe(e) {
-	let { html: t, text: n } = await f(/* @__PURE__ */ u(Q, { ...e }));
+async function ze(e) {
+	let { html: t, text: n } = await f(/* @__PURE__ */ u(Re, { ...e }));
 	return {
 		subject: e.messages.subject,
 		html: t,
@@ -1327,7 +1463,7 @@ async function Oe(e) {
 }
 //#endregion
 //#region src/templates/WaitlistWelcome/messages.ts
-var ke = {
+var Be = {
 	lang: "de",
 	subject: "Du stehst auf der Warteliste von hintoric",
 	preview: "Sobald dein Platz frei wird, bekommst du eine E-Mail.",
@@ -1339,7 +1475,7 @@ var ke = {
 	signoff: "— Dein hintoric-Team",
 	footer: "Du erhältst diese E-Mail, weil du dich auf der Warteliste von hintoric eingetragen hast.",
 	unsubscribe: "E-Mails abbestellen"
-}, Ae = {
+}, Ve = {
 	lang: "en",
 	subject: "You're on the hintoric waitlist",
 	preview: "Welcome aboard — hintoric",
@@ -1353,6 +1489,6 @@ var ke = {
 	unsubscribe: "Unsubscribe"
 };
 //#endregion
-export { L as Alert, de as AlertTitle, H as AuthCodeContent, V as AuthCodeEmail, q as AuthNoAccountContent, K as AuthNoAccountEmail, M as Avatar, k as Button, j as Card, pe as Chip, O as ColorSchemeStyles, A as Divider, P as EMAIL_ALERT_ICON_BASE, N as EMAIL_ALERT_ICON_FOR_COLOR, m as EMAIL_COLORS, h as EMAIL_VARIANTS, z as HintoricLogo, D as Layout, T as Link, X as SecurityActivityAlertContent, Y as SecurityActivityAlertEmail, E as Typography, $ as WaitlistWelcomeContent, Q as WaitlistWelcomeEmail, _e as authCodeMessagesDe, ye as authCodeMessagesEn, xe as authNoAccountMessagesDe, Se as authNoAccountMessagesEn, I as emailAlertIcon, ce as emailAlertIconFiles, F as emailAlertIconUrl, y as emailFonts, p as emailPalette, b as emailRadius, v as emailSchemes, _ as mainColor, me as renderAuthCode, be as renderAuthNoAccount, f as renderEmail, Te as renderSecurityActivityAlert, Oe as renderWaitlistWelcome, x as safeHref, S as safeImageSrc, Ee as securityActivityAlertMessagesDe, De as securityActivityAlertMessagesEn, g as variantTokens, ke as waitlistWelcomeMessagesDe, Ae as waitlistWelcomeMessagesEn };
+export { I as Alert, fe as AlertTitle, V as AuthCodeContent, B as AuthCodeEmail, q as AuthLinkContent, K as AuthLinkEmail, Ee as AuthNoAccountContent, Te as AuthNoAccountEmail, j as Avatar, O as Button, A as Card, me as Chip, oe as ColorSchemeStyles, k as Divider, N as EMAIL_ALERT_ICON_BASE, M as EMAIL_ALERT_ICON_FOR_COLOR, m as EMAIL_COLORS, h as EMAIL_VARIANTS, R as HintoricLogo, D as Layout, T as Link, Pe as SecurityActivityAlertContent, Ne as SecurityActivityAlertEmail, E as Typography, $ as WaitlistWelcomeContent, Re as WaitlistWelcomeEmail, _e as authCodeMessagesDe, ye as authCodeMessagesEn, Se as authLinkMessagesDe, we as authLinkMessagesEn, ke as authNoAccountMessagesDe, Ae as authNoAccountMessagesEn, F as emailAlertIcon, le as emailAlertIconFiles, P as emailAlertIconUrl, y as emailFonts, p as emailPalette, b as emailRadius, v as emailSchemes, _ as mainColor, he as renderAuthCode, be as renderAuthLink, De as renderAuthNoAccount, f as renderEmail, Fe as renderSecurityActivityAlert, ze as renderWaitlistWelcome, x as safeHref, S as safeImageSrc, Ie as securityActivityAlertMessagesDe, Le as securityActivityAlertMessagesEn, g as variantTokens, Be as waitlistWelcomeMessagesDe, Ve as waitlistWelcomeMessagesEn };
 
 //# sourceMappingURL=index.js.map