@hintoric/email 0.0.0-stage → 0.1.2

package/dist/index.js

@@ -0,0 +1,908 @@
+import { render as e } from "@react-email/render";
+import "react";
+import { Body as t, Button as n, Container as r, Head as i, Html as a, Img as o, Link as s, Preview as c } from "react-email";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/render.ts
+async function f(t) {
+	let [n, r] = await Promise.all([e(t), e(t, { plainText: !0 })]);
+	return {
+		html: n,
+		text: r
+	};
+}
+//#endregion
+//#region src/tokens.ts
+var p = {
+	neutral: {
+		50: "#FBFCFE",
+		100: "#F0F4F8",
+		200: "#DDE7EE",
+		300: "#CDD7E1",
+		400: "#9FA6AD",
+		500: "#636B74",
+		600: "#555E68",
+		700: "#32383E",
+		800: "#171A1C",
+		900: "#0B0D0E"
+	},
+	primary: {
+		50: "#EDF5FD",
+		100: "#E3EFFB",
+		200: "#C7DFF7",
+		300: "#97C3F0",
+		400: "#4393E4",
+		500: "#0B6BCB",
+		600: "#185EA5",
+		700: "#12467B",
+		800: "#0A2744",
+		900: "#051423"
+	},
+	warning: {
+		50: "#FEFAF6",
+		100: "#FDF0E1",
+		200: "#FCE1C2",
+		300: "#F3C896",
+		400: "#EA9A3E",
+		500: "#9A5B13",
+		600: "#72430D",
+		700: "#492B08",
+		800: "#2E1B05",
+		900: "#1D1002"
+	},
+	danger: {
+		50: "#FEF6F6",
+		100: "#FCE4E4",
+		200: "#F7C5C5",
+		300: "#F09898",
+		400: "#E47474",
+		500: "#C41C1C",
+		600: "#A51818",
+		700: "#7D1212",
+		800: "#430A0A",
+		900: "#240505"
+	},
+	success: {
+		50: "#F6FEF6",
+		100: "#E3FBE3",
+		200: "#C7F7C7",
+		300: "#A1E8A1",
+		400: "#51BC51",
+		500: "#1F7A1F",
+		600: "#136C13",
+		700: "#0A470A",
+		800: "#042F04",
+		900: "#021D02"
+	}
+}, m = [
+	"primary",
+	"neutral",
+	"danger",
+	"success",
+	"warning"
+], h = [
+	"solid",
+	"soft",
+	"outlined",
+	"plain"
+];
+function g(e, t, n) {
+	let r = p[n], i = e === "dark";
+	switch (t) {
+		case "solid": return {
+			color: "#FFFFFF",
+			backgroundColor: r[500]
+		};
+		case "soft": return i ? {
+			color: r[200],
+			backgroundColor: r[800]
+		} : {
+			color: r[700],
+			backgroundColor: r[100]
+		};
+		case "outlined": return i ? {
+			color: r[200],
+			borderColor: r[700]
+		} : {
+			color: n === "neutral" ? r[700] : r[500],
+			borderColor: r[300]
+		};
+		case "plain": return { color: i ? r[300] : n === "neutral" ? r[700] : r[500] };
+	}
+}
+function _(e, t) {
+	return p[t][e === "dark" ? 400 : 500];
+}
+var v = {
+	light: {
+		inkPrimary: p.neutral[800],
+		inkSecondary: p.neutral[700],
+		inkTertiary: p.neutral[600],
+		inkIcon: p.neutral[500],
+		surface: p.neutral[50],
+		surface1: p.neutral[100],
+		divider: "rgba(99, 107, 116, 0.2)",
+		dividerFallback: "#DCDFE2"
+	},
+	dark: {
+		inkPrimary: p.neutral[100],
+		inkSecondary: p.neutral[300],
+		inkTertiary: p.neutral[400],
+		inkIcon: p.neutral[400],
+		surface: p.neutral[900],
+		surface1: p.neutral[800],
+		divider: "rgba(159, 166, 173, 0.16)",
+		dividerFallback: "#232628"
+	}
+}, y = {
+	body: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
+	heading: "Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"
+}, b = {
+	xs: "2px",
+	sm: "6px",
+	md: "8px",
+	lg: "12px",
+	xl: "16px"
+}, x = /* @__PURE__ */ new Set([
+	"https:",
+	"http:",
+	"mailto:"
+]);
+function S(e) {
+	if (e) try {
+		let t = new URL(e);
+		return x.has(t.protocol) ? t.href : void 0;
+	} catch {
+		return;
+	}
+}
+function C(e) {
+	if (e) try {
+		let t = new URL(e);
+		return t.protocol === "https:" ? t.href : void 0;
+	} catch {
+		return;
+	}
+}
+//#endregion
+//#region src/styles.ts
+var w = {
+	variant: (e, t) => `hx-${e}-${t}`,
+	main: (e) => `hx-main-${e}`,
+	inkPrimary: "hx-ink-1",
+	inkSecondary: "hx-ink-2",
+	inkTertiary: "hx-ink-3",
+	inkIcon: "hx-ink-icon",
+	surface: "hx-surface",
+	divider: "hx-divider",
+	layoutCanvas: "hx-layout-canvas",
+	layoutCard: "hx-layout-card",
+	layoutCardBody: "hx-layout-card-body",
+	logoLight: "hx-logo-light",
+	logoDark: "hx-logo-dark"
+};
+function T(e) {
+	let t = v.dark, n = (t, n) => `${e} .${t}{${n}}`, r = [
+		n(w.inkPrimary, `color:${t.inkPrimary}!important;`),
+		n(w.inkSecondary, `color:${t.inkSecondary}!important;`),
+		n(w.inkTertiary, `color:${t.inkTertiary}!important;`),
+		n(w.inkIcon, `color:${t.inkIcon}!important;`),
+		n(w.surface, `background-color:${t.surface}!important;`),
+		n(w.divider, `background-color:${t.divider}!important;`),
+		n(w.layoutCanvas, `background-color:${t.surface}!important;`),
+		n(`${w.layoutCanvas}>table>tbody>tr>td`, `background-color:${t.surface}!important;`),
+		n(w.logoLight, "display:none!important;"),
+		n(w.logoDark, "display:inline-block!important;"),
+		n(w.layoutCard, `background-color:${t.surface1}!important;border-color:${g("dark", "outlined", "neutral").borderColor}!important;`)
+	];
+	for (let e of m) {
+		r.push(n(w.main(e), `color:${_("dark", e)}!important;`));
+		for (let t of h) {
+			let i = g("dark", t, e);
+			r.push(n(w.variant(t, e), [
+				`color:${i.color}!important;`,
+				i.backgroundColor && `background-color:${i.backgroundColor}!important;`,
+				i.borderColor && `border-color:${i.borderColor}!important;`
+			].filter(Boolean).join("")));
+		}
+	}
+	return r.join("");
+}
+function E() {
+	let e = (e) => `${e}.${w.layoutCanvas},${e}.${w.layoutCanvas}>table>tbody>tr>td`, t = (t) => `${e(t)}{background-color:${v.dark.surface1}!important;}`;
+	return [
+		"@media only screen and (max-width:600px){",
+		`.${w.layoutCard}{max-width:100%!important;border:0!important;border-radius:0!important;}`,
+		`.${w.layoutCardBody}{padding:32px 24px!important;}`,
+		`${e("")}{padding:0!important;background-color:${v.light.surface}!important;}`,
+		t("[data-color-scheme=\"dark\"] "),
+		"}",
+		`@media only screen and (max-width:600px) and (prefers-color-scheme:dark){${t(":root:not([data-color-scheme=\"light\"]) ")}}`
+	].join("");
+}
+var D = [
+	"a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important;}",
+	`@media (prefers-color-scheme:dark){${T(":root:not([data-color-scheme=\"light\"])")}}`,
+	T("[data-color-scheme=\"dark\"]"),
+	E()
+].join("\n");
+//#endregion
+//#region src/components/Layout.tsx
+function O({ lang: e, preview: n, footer: o, colorScheme: s, children: l }) {
+	let f = v.light;
+	return /* @__PURE__ */ d(a, {
+		lang: e,
+		"data-color-scheme": s,
+		children: [
+			/* @__PURE__ */ d(i, { children: [
+				/* @__PURE__ */ u("meta", {
+					name: "color-scheme",
+					content: "light dark"
+				}),
+				/* @__PURE__ */ u("meta", {
+					name: "supported-color-schemes",
+					content: "light dark"
+				}),
+				/* @__PURE__ */ u(k, {})
+			] }),
+			/* @__PURE__ */ u(c, { children: n }),
+			/* @__PURE__ */ d(t, {
+				className: w.layoutCanvas,
+				style: {
+					margin: 0,
+					padding: "40px 0",
+					backgroundColor: f.surface1,
+					fontFamily: y.body
+				},
+				children: [/* @__PURE__ */ u(r, {
+					className: w.layoutCard,
+					style: {
+						width: "100%",
+						maxWidth: "440px",
+						boxSizing: "border-box",
+						backgroundColor: f.surface,
+						border: `1px solid ${g("light", "outlined", "neutral").borderColor}`,
+						borderRadius: "20px"
+					},
+					children: /* @__PURE__ */ u("div", {
+						className: w.layoutCardBody,
+						style: { padding: "48px" },
+						children: l
+					})
+				}), o && /* @__PURE__ */ u(r, {
+					style: {
+						maxWidth: "440px",
+						padding: "24px 24px 0",
+						textAlign: "center"
+					},
+					children: o
+				})]
+			})
+		]
+	});
+}
+function k() {
+	return /* @__PURE__ */ u("style", { dangerouslySetInnerHTML: { __html: D } });
+}
+//#endregion
+//#region src/components/Typography.tsx
+var A = {
+	h1: {
+		fontSize: "36px",
+		fontWeight: 700,
+		lineHeight: 1.33334,
+		letterSpacing: "-0.025em",
+		ink: "inkPrimary"
+	},
+	h2: {
+		fontSize: "30px",
+		fontWeight: 700,
+		lineHeight: 1.33334,
+		letterSpacing: "-0.025em",
+		ink: "inkPrimary"
+	},
+	h3: {
+		fontSize: "24px",
+		fontWeight: 600,
+		lineHeight: 1.33334,
+		letterSpacing: "-0.025em",
+		ink: "inkPrimary"
+	},
+	h4: {
+		fontSize: "20px",
+		fontWeight: 600,
+		lineHeight: 1.5,
+		letterSpacing: "-0.025em",
+		ink: "inkPrimary"
+	},
+	"title-lg": {
+		fontSize: "18px",
+		fontWeight: 600,
+		lineHeight: 1.33334,
+		ink: "inkPrimary"
+	},
+	"title-md": {
+		fontSize: "16px",
+		fontWeight: 500,
+		lineHeight: 1.5,
+		ink: "inkPrimary"
+	},
+	"title-sm": {
+		fontSize: "14px",
+		fontWeight: 500,
+		lineHeight: 1.42858,
+		ink: "inkPrimary"
+	},
+	"body-lg": {
+		fontSize: "18px",
+		fontWeight: 400,
+		lineHeight: 1.5,
+		ink: "inkSecondary"
+	},
+	"body-md": {
+		fontSize: "16px",
+		fontWeight: 400,
+		lineHeight: 1.5,
+		ink: "inkSecondary"
+	},
+	"body-sm": {
+		fontSize: "14px",
+		fontWeight: 400,
+		lineHeight: 1.5,
+		ink: "inkTertiary"
+	},
+	"body-xs": {
+		fontSize: "12px",
+		fontWeight: 500,
+		lineHeight: 1.5,
+		ink: "inkTertiary"
+	}
+}, j = {
+	h1: "h1",
+	h2: "h2",
+	h3: "h3",
+	h4: "h4",
+	"title-lg": "p",
+	"title-md": "p",
+	"title-sm": "p",
+	"body-lg": "p",
+	"body-md": "p",
+	"body-sm": "p",
+	"body-xs": "span"
+}, ee = {
+	primary: "inkPrimary",
+	secondary: "inkSecondary",
+	tertiary: "inkTertiary",
+	icon: "inkIcon"
+};
+function M({ level: e = "body-md", component: t, textAlign: n, textColor: r, style: i, children: a }) {
+	let o = A[e], s = r ? ee[r] : o.ink, c = t ?? j[e];
+	return /* @__PURE__ */ u(c, {
+		className: w[s],
+		style: {
+			margin: 0,
+			fontFamily: y.body,
+			fontSize: o.fontSize,
+			fontWeight: o.fontWeight,
+			lineHeight: o.lineHeight,
+			letterSpacing: o.letterSpacing,
+			color: v.light[s],
+			textAlign: n,
+			...i
+		},
+		children: a
+	});
+}
+//#endregion
+//#region src/components/Button.tsx
+var N = {
+	sm: {
+		minHeight: 32,
+		paddingInline: 12,
+		fontSize: 14,
+		lineHeight: 21
+	},
+	md: {
+		minHeight: 36,
+		paddingInline: 16,
+		fontSize: 14,
+		lineHeight: 21
+	},
+	lg: {
+		minHeight: 44,
+		paddingInline: 24,
+		fontSize: 16,
+		lineHeight: 24
+	}
+};
+function P({ href: e, variant: t = "solid", color: r = "primary", size: i = "md", pill: a = !1, fullWidth: o = !1, style: s, children: c }) {
+	let l = S(e);
+	if (!l || l.startsWith("mailto:")) return null;
+	let d = N[i], f = g("light", t, r), p = +(t === "outlined"), m = (d.minHeight - d.lineHeight) / 2 - p;
+	return /* @__PURE__ */ u(n, {
+		href: l,
+		className: w.variant(t, r),
+		style: {
+			display: o ? "block" : "inline-block",
+			boxSizing: "border-box",
+			width: o ? "100%" : void 0,
+			textAlign: "center",
+			paddingTop: `${m}px`,
+			paddingBottom: `${m}px`,
+			paddingLeft: `${d.paddingInline}px`,
+			paddingRight: `${d.paddingInline}px`,
+			fontFamily: y.body,
+			fontSize: `${d.fontSize}px`,
+			fontWeight: 600,
+			lineHeight: `${d.lineHeight}px`,
+			textDecoration: "none",
+			borderRadius: a ? "9999px" : b.sm,
+			color: f.color,
+			backgroundColor: f.backgroundColor ?? "transparent",
+			border: f.borderColor ? `1px solid ${f.borderColor}` : void 0,
+			...s
+		},
+		children: /* @__PURE__ */ u("span", {
+			style: {
+				display: "inline-block",
+				lineHeight: `${d.lineHeight}px`
+			},
+			children: c
+		})
+	});
+}
+//#endregion
+//#region src/components/Link.tsx
+function F({ href: e, color: t = "primary", underline: n = "always", style: r, children: i }) {
+	let a = S(e);
+	return a ? /* @__PURE__ */ u(s, {
+		href: a,
+		className: w.main(t),
+		style: {
+			fontFamily: y.body,
+			color: _("light", t),
+			textDecoration: n === "always" ? "underline" : "none",
+			wordBreak: "break-word",
+			...r
+		},
+		children: i
+	}) : /* @__PURE__ */ u(l, { children: i });
+}
+//#endregion
+//#region src/components/Divider.tsx
+function I({ style: e }) {
+	let t = v.light;
+	return /* @__PURE__ */ u("div", {
+		role: "separator",
+		className: w.divider,
+		style: {
+			height: "1px",
+			lineHeight: "1px",
+			fontSize: "1px",
+			background: t.dividerFallback,
+			backgroundColor: t.divider,
+			border: "none",
+			margin: 0,
+			...e
+		},
+		children: "\xA0"
+	});
+}
+//#endregion
+//#region src/components/Card.tsx
+function L({ 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",
+		width: "100%",
+		cellPadding: 0,
+		cellSpacing: 0,
+		border: 0,
+		className: [w.variant(e, t), a ? "" : w.surface].filter(Boolean).join(" "),
+		style: {
+			borderCollapse: "separate",
+			borderRadius: b.md,
+			backgroundColor: i.backgroundColor ?? v.light.surface,
+			color: i.color,
+			border: i.borderColor ? `1px solid ${i.borderColor}` : void 0,
+			fontFamily: y.body,
+			...n
+		},
+		children: /* @__PURE__ */ u("tbody", { children: /* @__PURE__ */ u("tr", { children: /* @__PURE__ */ u("td", {
+			style: { padding: "16px" },
+			children: r
+		}) }) })
+	});
+}
+//#endregion
+//#region src/components/Avatar.tsx
+var te = {
+	sm: {
+		box: 32,
+		fontSize: "14px",
+		fontWeight: 500
+	},
+	md: {
+		box: 40,
+		fontSize: "16px",
+		fontWeight: 500
+	},
+	lg: {
+		box: 48,
+		fontSize: "18px",
+		fontWeight: 600
+	}
+};
+function R({ variant: e = "soft", color: t = "neutral", size: n = "md", src: r, alt: i = "", children: a }) {
+	let s = te[n], c = C(r);
+	if (c) return /* @__PURE__ */ u(o, {
+		src: c,
+		width: s.box,
+		height: s.box,
+		alt: i,
+		style: {
+			display: "inline-block",
+			borderRadius: "50%",
+			objectFit: "cover"
+		}
+	});
+	let l = g("light", e, t);
+	return /* @__PURE__ */ u("table", {
+		role: "presentation",
+		cellPadding: 0,
+		cellSpacing: 0,
+		border: 0,
+		className: w.variant(e, t),
+		style: {
+			display: "inline-table",
+			boxSizing: "border-box",
+			width: `${s.box}px`,
+			height: `${s.box}px`,
+			borderCollapse: "separate",
+			borderRadius: "50%",
+			backgroundColor: l.backgroundColor ?? "transparent",
+			color: l.color,
+			border: l.borderColor ? `1px solid ${l.borderColor}` : void 0,
+			fontFamily: y.body,
+			fontSize: s.fontSize,
+			fontWeight: s.fontWeight,
+			lineHeight: 1,
+			verticalAlign: "middle"
+		},
+		children: /* @__PURE__ */ u("tbody", { children: /* @__PURE__ */ u("tr", { children: /* @__PURE__ */ u("td", {
+			align: "center",
+			style: {
+				padding: 0,
+				verticalAlign: "middle",
+				textAlign: "center"
+			},
+			children: a
+		}) }) })
+	});
+}
+//#endregion
+//#region src/components/Chip.tsx
+var z = {
+	sm: {
+		minHeight: 20,
+		paddingInline: 6,
+		fontSize: 12
+	},
+	md: {
+		minHeight: 24,
+		paddingInline: 8,
+		fontSize: 14
+	},
+	lg: {
+		minHeight: 28,
+		paddingInline: 12,
+		fontSize: 16
+	}
+};
+function B({ variant: e = "soft", color: t = "neutral", size: n = "md", style: r, children: i }) {
+	let a = z[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: [w.variant(e, t), s ? "" : w.surface].filter(Boolean).join(" "),
+		style: {
+			display: "inline-block",
+			boxSizing: "border-box",
+			whiteSpace: "nowrap",
+			verticalAlign: "middle",
+			padding: `${d}px ${a.paddingInline}px`,
+			borderRadius: "1.5rem",
+			fontFamily: y.body,
+			fontSize: `${a.fontSize}px`,
+			fontWeight: 500,
+			lineHeight: 1.5,
+			color: o.color,
+			backgroundColor: o.backgroundColor ?? v.light.surface,
+			border: o.borderColor ? `1px solid ${o.borderColor}` : void 0,
+			...r
+		},
+		children: i
+	});
+}
+//#endregion
+//#region src/components/HintoricLogo.tsx
+var V = {
+	light: "https://cdn.hintoric.com/assets/logo/black.png",
+	dark: "https://cdn.hintoric.com/assets/logo/white.png",
+	width: 104,
+	height: 32
+};
+function H() {
+	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(o, {
+		src: V.light,
+		width: V.width,
+		height: V.height,
+		alt: "hintoric",
+		className: w.logoLight,
+		style: {
+			display: "inline-block",
+			margin: "0 auto"
+		}
+	}), /* @__PURE__ */ u(o, {
+		src: V.dark,
+		width: V.width,
+		height: V.height,
+		alt: "hintoric",
+		className: w.logoDark,
+		style: {
+			display: "none",
+			margin: "0 auto"
+		}
+	})] });
+}
+//#endregion
+//#region src/templates/SecurityActivityAlert/SecurityActivityAlertEmail.tsx
+function U(e) {
+	return {
+		activity: e.activity,
+		target: e.target,
+		targetName: W(e),
+		occurredAt: e.messages.formatDateTime(e.activity.occurredAt, e.timeZone)
+	};
+}
+function W({ target: e }) {
+	return e.type === "workspace" ? e.workspaceName : e.email;
+}
+function G(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 K(e) {
+	let { messages: t } = e, n = U(e);
+	return /* @__PURE__ */ u(O, {
+		lang: t.lang,
+		preview: t.preview(n),
+		colorScheme: e.colorScheme,
+		footer: /* @__PURE__ */ d(M, {
+			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(q, { ...e })
+	});
+}
+function q(e) {
+	let { messages: t, activityLogUrl: n } = e, r = U(e);
+	return /* @__PURE__ */ d(l, { children: [
+		/* @__PURE__ */ d("div", {
+			style: { textAlign: "center" },
+			children: [
+				/* @__PURE__ */ u(H, {}),
+				/* @__PURE__ */ u(M, {
+					level: "h3",
+					component: "h1",
+					style: {
+						margin: "16px 0 12px",
+						fontFamily: y.heading
+					},
+					children: e.activity.title
+				}),
+				/* @__PURE__ */ u(R, {
+					size: "sm",
+					color: "primary",
+					children: G(r.targetName)
+				}),
+				/* @__PURE__ */ u(M, {
+					level: "title-sm",
+					component: "span",
+					style: {
+						marginLeft: "8px",
+						verticalAlign: "middle"
+					},
+					children: r.targetName
+				})
+			]
+		}),
+		/* @__PURE__ */ u(I, { style: { margin: "32px 0" } }),
+		/* @__PURE__ */ d(M, {
+			level: "body-sm",
+			style: { marginBottom: "24px" },
+			children: [
+				e.activity.description?.trim() || t.summary(r),
+				" ",
+				t.guidance(r)
+			]
+		}),
+		/* @__PURE__ */ u(P, {
+			href: e.reviewUrl,
+			size: "lg",
+			fullWidth: !0,
+			children: t.reviewButton
+		}),
+		n && /* @__PURE__ */ u(M, {
+			level: "body-xs",
+			component: "p",
+			textAlign: "center",
+			style: {
+				marginTop: "24px",
+				fontWeight: 400
+			},
+			children: t.activityLogHint((e) => /* @__PURE__ */ u(F, {
+				href: n,
+				underline: "none",
+				children: e
+			}))
+		})
+	] });
+}
+async function J(e) {
+	let { html: t, text: n } = await f(/* @__PURE__ */ u(K, { ...e }));
+	return {
+		subject: e.messages.subject(U(e)),
+		html: t,
+		text: n
+	};
+}
+//#endregion
+//#region src/templates/SecurityActivityAlert/messages.tsx
+function Y(e) {
+	return (t, n) => new Intl.DateTimeFormat(e, {
+		dateStyle: "long",
+		timeStyle: "short",
+		timeZone: n
+	}).format(t);
+}
+var X = {
+	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} eine sicherheitsrelevante Änderung vorgenommen.`,
+	guidance: () => "Wenn du diese Änderung nicht erwartet hast, prüfe die Aktivität jetzt.",
+	reviewButton: "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" ? "Wir haben dir diese E-Mail gesendet, um dich als Administrator über wichtige Änderungen in deinem Workspace zu informieren." : "Wir haben dir diese E-Mail gesendet, um dich über wichtige Änderungen an deinem hintoric-Konto zu informieren.",
+	formatDateTime: Y("de-DE")
+}, Z = {
+	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",
+	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: Y("en-GB")
+};
+//#endregion
+//#region src/templates/WaitlistWelcome/WaitlistWelcomeEmail.tsx
+function Q(e) {
+	let { messages: t } = e;
+	return /* @__PURE__ */ u(O, {
+		lang: t.lang,
+		preview: t.preview,
+		colorScheme: e.colorScheme,
+		footer: /* @__PURE__ */ d(M, {
+			level: "body-xs",
+			component: "p",
+			textAlign: "center",
+			textColor: "icon",
+			style: { fontWeight: 400 },
+			children: [t.footer, e.legalNotice && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("br", {}), e.legalNotice] })]
+		}),
+		children: /* @__PURE__ */ u($, { ...e })
+	});
+}
+function $({ messages: e, websiteUrl: t }) {
+	return /* @__PURE__ */ d("div", {
+		style: { textAlign: "center" },
+		children: [
+			/* @__PURE__ */ u(H, {}),
+			/* @__PURE__ */ u(M, {
+				level: "body-xs",
+				component: "p",
+				textAlign: "center",
+				textColor: "icon",
+				style: {
+					margin: "24px 0 8px",
+					fontWeight: 400
+				},
+				children: e.eyebrow
+			}),
+			/* @__PURE__ */ u(M, {
+				level: "h3",
+				component: "h1",
+				style: {
+					margin: "0 0 16px",
+					fontFamily: y.heading
+				},
+				children: e.heading
+			}),
+			/* @__PURE__ */ u(M, {
+				level: "body-sm",
+				style: { marginBottom: "12px" },
+				children: e.body1
+			}),
+			/* @__PURE__ */ u(M, {
+				level: "body-sm",
+				style: { marginBottom: "24px" },
+				children: e.body2
+			}),
+			/* @__PURE__ */ u(P, {
+				href: t,
+				size: "lg",
+				fullWidth: !0,
+				children: e.cta
+			}),
+			/* @__PURE__ */ u(M, {
+				level: "body-xs",
+				component: "p",
+				textAlign: "center",
+				textColor: "icon",
+				style: {
+					margin: "24px 0 0",
+					fontWeight: 400
+				},
+				children: e.signoff
+			})
+		]
+	});
+}
+async function ne(e) {
+	let { html: t, text: n } = await f(/* @__PURE__ */ u(Q, { ...e }));
+	return {
+		subject: e.messages.subject,
+		html: t,
+		text: n
+	};
+}
+//#endregion
+//#region src/templates/WaitlistWelcome/messages.ts
+var re = {
+	lang: "de",
+	subject: "Du bist auf der Hintoric-Warteliste",
+	preview: "Willkommen an Bord — Hintoric",
+	eyebrow: "Danke, dass du dabei bist",
+	heading: "Willkommen bei Hintoric",
+	body1: "Alles erledigt. Sobald dein Platz frei wird, melden wir uns sofort — du bist einer der Ersten, die Hintoric ausprobieren dürfen.",
+	body2: "Bis dahin halten wir dich auf dem Laufenden. Wenn jemand aus deinem Umfeld auch dazugehören sollte, leite diese Mail gerne weiter.",
+	cta: "Zu hintoric.com",
+	signoff: "— Dein Hintoric-Team",
+	footer: "Wir haben dir diese E-Mail gesendet, weil du dich für die Hintoric-Warteliste eingetragen hast."
+}, ie = {
+	lang: "en",
+	subject: "You're on the Hintoric waitlist",
+	preview: "Welcome aboard — Hintoric",
+	eyebrow: "Thanks for joining",
+	heading: "Welcome to Hintoric",
+	body1: "You're all set. As soon as your spot opens up we'll let you know — you'll be one of the first to try Hintoric.",
+	body2: "Until then we'll keep you posted. If someone you know should be on the list too, feel free to forward this email.",
+	cta: "Go to hintoric.com",
+	signoff: "— Your Hintoric team",
+	footer: "We sent you this email because you signed up for the Hintoric waitlist."
+};
+//#endregion
+export { R as Avatar, P as Button, L as Card, B as Chip, k as ColorSchemeStyles, I as Divider, m as EMAIL_COLORS, h as EMAIL_VARIANTS, H as HintoricLogo, O as Layout, F as Link, q as SecurityActivityAlertContent, K as SecurityActivityAlertEmail, M as Typography, $ as WaitlistWelcomeContent, Q as WaitlistWelcomeEmail, y as emailFonts, p as emailPalette, b as emailRadius, v as emailSchemes, _ as mainColor, f as renderEmail, J as renderSecurityActivityAlert, ne as renderWaitlistWelcome, S as safeHref, C as safeImageSrc, X as securityActivityAlertMessagesDe, Z as securityActivityAlertMessagesEn, g as variantTokens, re as waitlistWelcomeMessagesDe, ie as waitlistWelcomeMessagesEn };
+
+//# sourceMappingURL=index.js.map