@gatewaze/admin-embed 0.1.0

package/dist/_edition_-DQXwkI_-.js

@@ -0,0 +1,301 @@
+import { c as e, t } from "./react-DB2tPNit.js";
+import { t as n } from "./jsx-runtime-CjozyJt-.js";
+import { t as r } from "./storage-VDSvnkvR.js";
+import "./src-BWDAOzZO.js";
+import { n as i, t as a } from "./render-BtUWfMUt.js";
+import { t as o } from "./edition-slug-CARO24Bs.js";
+import { n as s, r as c, t as l } from "./brand-DklYwIeA.js";
+//#region ../../../gatewaze-modules/modules/newsletters/lib/merge-fields.ts
+var u = /* @__PURE__ */ e(t()), d = /* @__PURE__ */ e(c()), f = s(), p = l(), m = [
+	"first_name",
+	"last_name",
+	"name",
+	"company",
+	"job_title"
+].join("|"), h = RegExp(`\\{\\{\\s*(${m})\\s*(?:\\|([^}]*))?\\}\\}`, "g");
+function g(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function _(e) {
+	let t = e.trim();
+	return t.length >= 2 && (t[0] === "\"" && t.endsWith("\"") || t[0] === "'" && t.endsWith("'")) ? t.slice(1, -1) : t;
+}
+function v(e, t, n = !0) {
+	let r = (e) => typeof e == "string" ? e.trim() : typeof e == "number" ? String(e) : "";
+	return e.replace(h, (e, i, a) => {
+		let o;
+		return o = i === "name" ? [r(t.first_name), r(t.last_name)].filter(Boolean).join(" ") : r(t[i]), o ||= _(a ?? ""), n ? g(o) : o;
+	});
+}
+function y(e, t, n = !1) {
+	if (typeof e == "string") return v(e, t, n);
+	if (Array.isArray(e)) return e.map((e) => y(e, t, n));
+	if (e && typeof e == "object") {
+		let r = {};
+		for (let [i, a] of Object.entries(e)) r[i] = y(a, t, n);
+		return r;
+	}
+	return e;
+}
+//#endregion
+//#region ../../../gatewaze-modules/modules/newsletters/portal/pages/[collection]/[edition].tsx
+var b = n(), x = {};
+function S(e) {
+	return new Date(e).toLocaleDateString("en-US", {
+		year: "numeric",
+		month: "long",
+		day: "numeric"
+	});
+}
+function C(e, t, n) {
+	return `/newsletters/${e}/${o(t, n)}`;
+}
+function w({ placeholder: e }) {
+	let t = e || {}, n = t.title || "Members only", r = t.body || "This section is available to AAIF member organizations. Sign in with your member email to read it.", i = t.cta_label || "Sign in", a = t.cta_url || "/auth/login";
+	return /* @__PURE__ */ (0, b.jsxs)("div", {
+		className: "nl-members-only",
+		style: {
+			border: "1px dashed rgba(0,0,0,0.18)",
+			background: "rgba(0,0,0,0.03)",
+			borderRadius: 12,
+			padding: "20px 22px",
+			margin: "14px 0",
+			textAlign: "center"
+		},
+		children: [
+			/* @__PURE__ */ (0, b.jsxs)("div", {
+				style: {
+					fontSize: 13,
+					fontWeight: 600,
+					letterSpacing: .3,
+					textTransform: "uppercase",
+					opacity: .6
+				},
+				children: ["🔒 ", n]
+			}),
+			/* @__PURE__ */ (0, b.jsx)("p", {
+				style: {
+					margin: "8px auto 14px",
+					maxWidth: 420,
+					opacity: .8
+				},
+				children: r
+			}),
+			a ? /* @__PURE__ */ (0, b.jsx)("a", {
+				href: a,
+				style: {
+					display: "inline-block",
+					padding: "8px 18px",
+					borderRadius: 8,
+					background: "#111",
+					color: "#fff",
+					fontWeight: 600,
+					fontSize: 14,
+					textDecoration: "none"
+				},
+				children: i
+			}) : null
+		]
+	});
+}
+function T({ params: e }) {
+	let [t, n] = (0, u.useState)(null), [s, c] = (0, u.useState)([]), [l, m] = (0, u.useState)({}), [h, g] = (0, u.useState)({}), [_, v] = (0, u.useState)(!0), [T, E] = (0, u.useState)(null), D = e.collection || "", O = e.edition || "", k = O.slice(0, 10);
+	if ((0, u.useEffect)(() => {
+		if (!D || !k) {
+			E("Invalid URL"), v(!1);
+			return;
+		}
+		async function e() {
+			try {
+				let e = (0, f.getSupabaseClient)(), { data: t } = await e.from("newsletters_template_collections").select("id, name, slug, accent_color").eq("slug", D).single();
+				if (!t) {
+					E("Newsletter not found"), v(!1);
+					return;
+				}
+				let { data: r } = await e.from("newsletters_editions").select("id, title, edition_date, preheader, collection_id").eq("collection_id", t.id).eq("edition_date", k).eq("status", "published").order("created_at", { ascending: !1 }), i = (r || []).find((e) => o(e.edition_date, e.title) === O) || (r || [])[0];
+				if (!i) {
+					E("Edition not found"), v(!1);
+					return;
+				}
+				let { data: a } = await e.rpc("newsletters_blocks_for_viewer", { p_edition_id: i.id }), s = Array.from(new Set((a || []).filter((e) => !e.gated && e.templates_block_def_id).map((e) => e.templates_block_def_id))), l = {};
+				if (s.length) {
+					let { data: t } = await e.from("templates_block_defs").select("id, name, html, rich_text_template").in("id", s);
+					for (let e of t || []) l[e.id] = e;
+				}
+				let u = (a || []).map((e) => ({
+					id: e.id,
+					block_type: e.block_type,
+					content: e.content,
+					sort_order: e.sort_order,
+					gated: e.gated,
+					placeholder: e.placeholder,
+					block_template: e.gated ? null : l[e.templates_block_def_id] || null
+				}));
+				n({
+					...i,
+					newsletter_name: t.name,
+					newsletter_slug: t.slug,
+					accent_color: t.accent_color,
+					blocks: u
+				});
+				let { data: d } = await e.from("newsletters_editions").select("id, title, edition_date").eq("collection_id", t.id).eq("status", "published").neq("id", i.id).order("edition_date", { ascending: !1 }).limit(20);
+				c(d || []);
+				let p = u.filter((e) => !e.gated).map((e) => e.id);
+				if (p.length) {
+					let [n, r] = await Promise.all([e.from("newsletters_edition_bricks").select("id, block_id, brick_type, content, sort_order").in("block_id", p).order("sort_order"), e.from("templates_brick_defs").select("key, html, templates_block_defs!inner(library_id)").eq("templates_block_defs.library_id", t.id)]), i = {};
+					for (let e of n.data || []) (i[e.block_id] ||= []).push(e);
+					m(i);
+					let a = {};
+					for (let e of r.data || []) a[e.key] = e.html || "";
+					g(a);
+				}
+			} catch (e) {
+				console.error("Error loading edition:", e), E("Failed to load newsletter");
+			} finally {
+				v(!1);
+			}
+		}
+		e();
+	}, [
+		D,
+		k,
+		O
+	]), _) return /* @__PURE__ */ (0, b.jsx)("main", {
+		className: "relative z-10",
+		children: /* @__PURE__ */ (0, b.jsx)("div", {
+			className: "max-w-7xl mx-auto px-6 py-12 flex justify-center",
+			children: /* @__PURE__ */ (0, b.jsx)("div", { className: "animate-spin w-6 h-6 border-2 border-white/30 border-t-white rounded-full" })
+		})
+	});
+	if (T || !t) return /* @__PURE__ */ (0, b.jsx)("main", {
+		className: "relative z-10",
+		children: /* @__PURE__ */ (0, b.jsxs)("div", {
+			className: "max-w-7xl mx-auto px-6 py-12 text-center",
+			children: [/* @__PURE__ */ (0, b.jsx)("h1", {
+				className: "text-2xl font-bold text-white mb-4",
+				children: T || "Edition not found"
+			}), /* @__PURE__ */ (0, b.jsx)(d.default, {
+				href: "/newsletters",
+				className: "text-white/60 hover:text-white underline",
+				children: "Back to newsletters"
+			})]
+		})
+	});
+	let A = (0, p.getClientBrandConfig)();
+	return /* @__PURE__ */ (0, b.jsxs)("div", {
+		className: "pub-article-wrap pub-fade",
+		children: [/* @__PURE__ */ (0, b.jsx)("style", { children: "\n        .pub-article-main { min-width: 0; }\n        .pub-article-main h1 { overflow-wrap: anywhere; }\n        .nl-edition-render { max-width: 100%; }\n        .nl-edition-render table { max-width: 100% !important; }\n        .nl-edition-render img { max-width: 100% !important; height: auto !important; }\n\n        /* CSS isolation for the inlined email render.\n         *\n         * The portal's global stylesheet collapses paragraph margins, resets\n         * heading sizes, swaps the brand font in, and overrides line-height\n         * — none of which match the email the recipient actually got. The\n         * email itself ships email-safe inline styles inside a react-email\n         * table layout; `all: revert` on every descendant inside the inner\n         * container drops the portal cascade entirely so those inline styles\n         * (and the browser's UA defaults for p / h1-h6 / li / blockquote /\n         * etc.) take over. Result: the View Online page renders the same\n         * spacing, font sizes, and typography as the sent email — without\n         * iframes.\n         *\n         * The two .nl-edition-render-inner img/table rules are re-added\n         * AFTER the reset because they're responsive-fitting overrides that\n         * the email's inline styles don't include.\n         */\n        .nl-edition-render-inner,\n        .nl-edition-render-inner * { all: revert; }\n        .nl-edition-render-inner table { max-width: 100% !important; }\n        .nl-edition-render-inner img { max-width: 100% !important; height: auto !important; }\n\n        /* Small screens: the email is authored at a fixed ~650px and the panel\n         * clips overflow (rounded corners), so on phones the right edge was\n         * CROPPED with no way to scroll. Capping only table/img isn't enough:\n         * fixed-width divs/columns inside blocks still force the layout wide,\n         * and the reverted content-box sizing lets padding re-widen 100%-wide\n         * elements. Cap EVERY element (border-box), kill inline min-widths, and\n         * make long words/links breakable so table min-content can shrink —\n         * the email then REFLOWS to the panel width. Scoped to narrow viewports\n         * so the desktop render keeps the sent email's exact metrics.\n         */\n        @media (max-width: 760px) {\n          .nl-edition-render-inner * {\n            max-width: 100% !important;\n            min-width: 0 !important;\n            box-sizing: border-box !important;\n          }\n          .nl-edition-render-inner { overflow-wrap: anywhere; word-break: break-word; }\n        }\n      " }), /* @__PURE__ */ (0, b.jsxs)("div", {
+			className: "pub-article-grid",
+			children: [/* @__PURE__ */ (0, b.jsxs)("article", {
+				className: "pub-article-main",
+				style: { minWidth: 0 },
+				children: [
+					/* @__PURE__ */ (0, b.jsxs)("div", {
+						className: "pub-byline",
+						children: [
+							t.newsletter_name,
+							" · ",
+							S(t.edition_date)
+						]
+					}),
+					/* @__PURE__ */ (0, b.jsx)("h1", { children: t.title || "Newsletter Edition" }),
+					t.preheader && /* @__PURE__ */ (0, b.jsx)("p", {
+						className: "pub-byline",
+						style: { marginTop: 0 },
+						children: t.preheader
+					}),
+					/* @__PURE__ */ (0, b.jsx)("div", {
+						className: "nl-edition-render",
+						style: {
+							background: "#fff",
+							borderRadius: 14,
+							overflow: "hidden",
+							padding: "12px 16px",
+							marginTop: 20
+						},
+						children: /* @__PURE__ */ (0, b.jsx)("div", {
+							className: "nl-edition-render-inner",
+							children: t.blocks.filter((e) => !(e.block_type ?? "").startsWith("email_only_")).sort((e, t) => e.sort_order - t.sort_order).map((e) => {
+								if (e.gated) return /* @__PURE__ */ (0, b.jsx)(w, { placeholder: e.placeholder }, e.id);
+								let t = e.block_template, n = t?.html || t?.rich_text_template || "", o = y(A.storageBucketUrl ? r(e.content, A.storageBucketUrl) : e.content, x), s = [];
+								try {
+									s = i(n).nodes;
+								} catch {
+									s = [];
+								}
+								if (!s.length) return null;
+								let c = l[e.id] || [], u = o;
+								if (c.length) {
+									let e = c.map((e, t) => {
+										let n = [];
+										try {
+											n = i(h[e.brick_type] || "").nodes;
+										} catch {
+											n = [];
+										}
+										if (!n.length) return null;
+										let o = y(A.storageBucketUrl ? r(e.content, A.storageBucketUrl) : e.content, x);
+										return /* @__PURE__ */ (0, b.jsx)(a, {
+											nodes: n,
+											content: o
+										}, e.id || t);
+									}).filter(Boolean);
+									u = {
+										...o,
+										children: e
+									};
+								}
+								return /* @__PURE__ */ (0, b.jsx)(a, {
+									nodes: s,
+									content: u
+								}, e.id);
+							})
+						})
+					})
+				]
+			}), /* @__PURE__ */ (0, b.jsxs)("aside", {
+				className: "pub-article-side",
+				children: [/* @__PURE__ */ (0, b.jsxs)("div", {
+					className: "pub-side-card",
+					children: [/* @__PURE__ */ (0, b.jsxs)("div", {
+						className: "pub-side-h",
+						children: ["More from ", t.newsletter_name]
+					}), s.length === 0 ? /* @__PURE__ */ (0, b.jsx)("div", {
+						className: "pub-side-sub",
+						children: "No other editions yet."
+					}) : /* @__PURE__ */ (0, b.jsx)("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							gap: 14
+						},
+						children: s.map((e) => /* @__PURE__ */ (0, b.jsxs)(d.default, {
+							href: C(t.newsletter_slug, e.edition_date, e.title),
+							style: {
+								display: "block",
+								textDecoration: "none"
+							},
+							children: [/* @__PURE__ */ (0, b.jsx)("div", {
+								className: "pub-side-val",
+								children: e.title || "Untitled"
+							}), /* @__PURE__ */ (0, b.jsx)("div", {
+								className: "pub-side-sub",
+								children: S(e.edition_date)
+							})]
+						}, e.id))
+					})]
+				}), /* @__PURE__ */ (0, b.jsx)("div", {
+					className: "pub-side-card",
+					children: /* @__PURE__ */ (0, b.jsx)(d.default, {
+						href: "/newsletters",
+						className: "pub-side-val",
+						style: { textDecoration: "none" },
+						children: "← All newsletters"
+					})
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { T as default };

package/dist/_id_-CtT7rT9f.js

@@ -0,0 +1,257 @@
+import { c as e, t } from "./react-DB2tPNit.js";
+import { d as n } from "./shim-BCerG8nb.js";
+import { t as r } from "./jsx-runtime-CjozyJt-.js";
+import { D as i, E as a, O as o, n as s } from "./ui-DRIo9Krs.js";
+import { a as c, s as l } from "./hooks-C377EXJG.js";
+import { n as u } from "./sonnerHostBridge-CXuCMM3R.js";
+import { t as d } from "./outline-DwDYhYcF.js";
+import { t as f } from "./Page-D3u8IZ2a.js";
+//#region ../../../gatewaze-modules/modules/newsletters/admin/pages/sends/[id].tsx
+var p = /* @__PURE__ */ e(t()), m = d(), h = r();
+function g(e) {
+	return new Date(e).toLocaleDateString("en-US", {
+		year: "numeric",
+		month: "long",
+		day: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+function _() {
+	let { id: e } = l(), t = c(), [r, d] = (0, p.useState)(null), [_, v] = (0, p.useState)(!0);
+	(0, p.useEffect)(() => {
+		e && y();
+	}, [e]);
+	async function y() {
+		try {
+			let { data: t, error: r } = await n.from("newsletter_sends").select("\n          *,\n          edition:newsletters_editions(id, edition_date, subject, preheader)\n        ").eq("id", e).single();
+			if (r) throw r;
+			d(t);
+		} catch (e) {
+			console.error("Error loading send:", e), u.error("Failed to load send details");
+		} finally {
+			v(!1);
+		}
+	}
+	async function b() {
+		if (!(!r || !confirm("Cancel this scheduled send?"))) try {
+			let { error: e } = await n.from("newsletter_sends").update({
+				status: "cancelled",
+				updated_at: (/* @__PURE__ */ new Date()).toISOString()
+			}).eq("id", r.id);
+			if (e) throw e;
+			u.success("Send cancelled"), y();
+		} catch (e) {
+			console.error("Error cancelling send:", e), u.error("Failed to cancel send");
+		}
+	}
+	async function x() {
+		if (!(!r || !confirm("Retry sending this newsletter?"))) try {
+			let { error: e } = await n.from("newsletter_sends").update({
+				status: "scheduled",
+				error_message: null,
+				scheduled_at: (/* @__PURE__ */ new Date()).toISOString(),
+				updated_at: (/* @__PURE__ */ new Date()).toISOString()
+			}).eq("id", r.id);
+			if (e) throw e;
+			u.success("Send rescheduled"), y();
+		} catch (e) {
+			console.error("Error retrying send:", e), u.error("Failed to retry send");
+		}
+	}
+	if (_) return /* @__PURE__ */ (0, h.jsx)(f, {
+		title: "Send Details",
+		children: /* @__PURE__ */ (0, h.jsx)("div", {
+			className: "flex items-center justify-center p-12",
+			children: /* @__PURE__ */ (0, h.jsx)(s, {})
+		})
+	});
+	if (!r) return /* @__PURE__ */ (0, h.jsx)(f, {
+		title: "Send Not Found",
+		children: /* @__PURE__ */ (0, h.jsx)("div", {
+			className: "p-6 text-center text-[var(--gray-10)]",
+			children: "Send not found"
+		})
+	});
+	let S = r.total_recipients > 0 ? (r.delivered_count / r.total_recipients * 100).toFixed(1) : "0", C = r.delivered_count > 0 ? (r.open_count / r.delivered_count * 100).toFixed(1) : "0", w = r.delivered_count > 0 ? (r.click_count / r.delivered_count * 100).toFixed(1) : "0";
+	return /* @__PURE__ */ (0, h.jsx)(f, {
+		title: "Send Details",
+		children: /* @__PURE__ */ (0, h.jsxs)("div", {
+			className: "p-6",
+			children: [
+				/* @__PURE__ */ (0, h.jsxs)("div", {
+					className: "flex items-center justify-between mb-6",
+					children: [/* @__PURE__ */ (0, h.jsxs)("div", { children: [
+						/* @__PURE__ */ (0, h.jsxs)("button", {
+							onClick: () => t("/newsletters/sends"),
+							className: "inline-flex items-center gap-2 px-3 py-1.5 text-sm font-medium rounded-md bg-[var(--gray-a3)] border border-[var(--gray-a5)] text-[var(--gray-11)] hover:bg-[var(--gray-a4)] transition-colors mb-2",
+							children: [/* @__PURE__ */ (0, h.jsx)(m.ArrowLeftIcon, { className: "w-4 h-4" }), " Back"]
+						}),
+						/* @__PURE__ */ (0, h.jsx)("h1", {
+							className: "text-2xl font-semibold text-[var(--gray-12)]",
+							children: r.edition?.subject || "Newsletter Send"
+						}),
+						/* @__PURE__ */ (0, h.jsxs)("p", {
+							className: "text-sm text-[var(--gray-10)]",
+							children: ["Created ", g(r.created_at)]
+						})
+					] }), /* @__PURE__ */ (0, h.jsxs)("div", {
+						className: "flex items-center gap-2",
+						children: [
+							r.status === "scheduled" && /* @__PURE__ */ (0, h.jsxs)(i, {
+								variant: "outline",
+								onClick: b,
+								children: [/* @__PURE__ */ (0, h.jsx)(m.XMarkIcon, { className: "w-4 h-4 mr-1" }), "Cancel"]
+							}),
+							r.status === "failed" && /* @__PURE__ */ (0, h.jsxs)(i, {
+								variant: "primary",
+								onClick: x,
+								children: [/* @__PURE__ */ (0, h.jsx)(m.PaperAirplaneIcon, { className: "w-4 h-4 mr-1" }), "Retry"]
+							}),
+							/* @__PURE__ */ (0, h.jsx)(o, {
+								variant: r.status === "sent" ? "success" : r.status === "failed" ? "error" : r.status === "sending" ? "warning" : "neutral",
+								children: r.status
+							})
+						]
+					})]
+				}),
+				r.error_message && /* @__PURE__ */ (0, h.jsx)(a, {
+					className: "p-4 mb-6 border-[var(--red-6)] bg-[var(--red-a2)]",
+					children: /* @__PURE__ */ (0, h.jsx)("p", {
+						className: "text-sm text-[var(--red-11)]",
+						children: r.error_message
+					})
+				}),
+				/* @__PURE__ */ (0, h.jsxs)("div", {
+					className: "grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4 mb-6",
+					children: [
+						/* @__PURE__ */ (0, h.jsxs)(a, {
+							className: "p-4",
+							children: [/* @__PURE__ */ (0, h.jsx)("p", {
+								className: "text-xs text-[var(--gray-10)] uppercase",
+								children: "Recipients"
+							}), /* @__PURE__ */ (0, h.jsx)("p", {
+								className: "text-xl font-semibold text-[var(--gray-12)]",
+								children: r.total_recipients
+							})]
+						}),
+						/* @__PURE__ */ (0, h.jsxs)(a, {
+							className: "p-4",
+							children: [
+								/* @__PURE__ */ (0, h.jsx)("p", {
+									className: "text-xs text-[var(--gray-10)] uppercase",
+									children: "Delivered"
+								}),
+								/* @__PURE__ */ (0, h.jsx)("p", {
+									className: "text-xl font-semibold text-[var(--green-9)]",
+									children: r.delivered_count
+								}),
+								/* @__PURE__ */ (0, h.jsxs)("p", {
+									className: "text-xs text-[var(--gray-10)]",
+									children: [S, "%"]
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, h.jsxs)(a, {
+							className: "p-4",
+							children: [
+								/* @__PURE__ */ (0, h.jsx)("p", {
+									className: "text-xs text-[var(--gray-10)] uppercase",
+									children: "Opens"
+								}),
+								/* @__PURE__ */ (0, h.jsx)("p", {
+									className: "text-xl font-semibold text-[var(--accent-9)]",
+									children: r.open_count
+								}),
+								/* @__PURE__ */ (0, h.jsxs)("p", {
+									className: "text-xs text-[var(--gray-10)]",
+									children: [C, "%"]
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, h.jsxs)(a, {
+							className: "p-4",
+							children: [
+								/* @__PURE__ */ (0, h.jsx)("p", {
+									className: "text-xs text-[var(--gray-10)] uppercase",
+									children: "Clicks"
+								}),
+								/* @__PURE__ */ (0, h.jsx)("p", {
+									className: "text-xl font-semibold text-[var(--accent-9)]",
+									children: r.click_count
+								}),
+								/* @__PURE__ */ (0, h.jsxs)("p", {
+									className: "text-xs text-[var(--gray-10)]",
+									children: [w, "%"]
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, h.jsxs)(a, {
+							className: "p-4",
+							children: [/* @__PURE__ */ (0, h.jsx)("p", {
+								className: "text-xs text-[var(--gray-10)] uppercase",
+								children: "Bounces"
+							}), /* @__PURE__ */ (0, h.jsx)("p", {
+								className: "text-xl font-semibold text-[var(--red-9)]",
+								children: r.bounce_count
+							})]
+						}),
+						/* @__PURE__ */ (0, h.jsxs)(a, {
+							className: "p-4",
+							children: [/* @__PURE__ */ (0, h.jsx)("p", {
+								className: "text-xs text-[var(--gray-10)] uppercase",
+								children: "Unsubscribes"
+							}), /* @__PURE__ */ (0, h.jsx)("p", {
+								className: "text-xl font-semibold text-[var(--red-9)]",
+								children: r.unsubscribe_count
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, h.jsxs)(a, {
+					className: "p-4",
+					children: [/* @__PURE__ */ (0, h.jsx)("h3", {
+						className: "text-sm font-medium text-[var(--gray-12)] mb-2",
+						children: "Timeline"
+					}), /* @__PURE__ */ (0, h.jsxs)("div", {
+						className: "space-y-2 text-sm",
+						children: [
+							/* @__PURE__ */ (0, h.jsxs)("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ (0, h.jsx)("span", {
+									className: "text-[var(--gray-10)]",
+									children: "Created"
+								}), /* @__PURE__ */ (0, h.jsx)("span", {
+									className: "text-[var(--gray-12)]",
+									children: g(r.created_at)
+								})]
+							}),
+							r.scheduled_at && /* @__PURE__ */ (0, h.jsxs)("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ (0, h.jsx)("span", {
+									className: "text-[var(--gray-10)]",
+									children: "Scheduled"
+								}), /* @__PURE__ */ (0, h.jsx)("span", {
+									className: "text-[var(--gray-12)]",
+									children: g(r.scheduled_at)
+								})]
+							}),
+							r.sent_at && /* @__PURE__ */ (0, h.jsxs)("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ (0, h.jsx)("span", {
+									className: "text-[var(--gray-10)]",
+									children: "Sent"
+								}), /* @__PURE__ */ (0, h.jsx)("span", {
+									className: "text-[var(--gray-12)]",
+									children: g(r.sent_at)
+								})]
+							})
+						]
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { _ as default };