@gatewaze/admin-embed 0.1.0

package/dist/list-C0cz0aQz.js

@@ -0,0 +1,451 @@
+import { c as e, t } from "./react-DB2tPNit.js";
+import { t as n } from "./jsx-runtime-CjozyJt-.js";
+import { D as r, O as i, f as a } from "./ui-DRIo9Krs.js";
+import { a as o } from "./hooks-C377EXJG.js";
+import { n as s } from "./sonnerHostBridge-CXuCMM3R.js";
+import { t as c } from "./outline-DwDYhYcF.js";
+import { t as l } from "./Page-D3u8IZ2a.js";
+import { l as u, n as d, r as f, s as p } from "./broadcastService-CBqXNt_N.js";
+import { n as m, t as h } from "./DataTable-fe6yRVpF.js";
+//#region ../../../gatewaze-modules/modules/broadcasts/admin/components/BroadcastsTable.tsx
+var g = /* @__PURE__ */ e(t()), _ = m(), v = c(), y = n(), b = {
+	draft: "gray",
+	scheduled: "blue",
+	sending: "amber",
+	sent: "green",
+	cancelling: "amber",
+	cancelled: "gray",
+	failed: "red",
+	paused: "amber"
+};
+function x(e) {
+	return e.toLocaleString();
+}
+function S(e, t) {
+	return t > 0 ? `${(e / t * 100).toFixed(1)}%` : "—";
+}
+function C(e) {
+	return new Date(e).toLocaleDateString("en-US", {
+		year: "numeric",
+		month: "short",
+		day: "numeric"
+	});
+}
+var w = () => /* @__PURE__ */ (0, y.jsx)("div", {
+	className: "flex justify-end",
+	children: /* @__PURE__ */ (0, y.jsx)("div", { className: "animate-spin rounded-full h-3.5 w-3.5 border-b-2 border-[var(--gray-8)]" })
+}), T = () => /* @__PURE__ */ (0, y.jsx)("div", {
+	className: "flex justify-end text-sm text-[var(--gray-a8)]",
+	children: "—"
+}), E = (e) => () => /* @__PURE__ */ (0, y.jsx)("div", {
+	className: "grow text-right",
+	children: e
+}), D = ({ pctText: e, count: t, dimPct: n }) => /* @__PURE__ */ (0, y.jsxs)("div", {
+	className: "flex items-center justify-end text-sm whitespace-nowrap",
+	children: [/* @__PURE__ */ (0, y.jsx)("span", {
+		className: `font-bold ${n ? "text-[var(--gray-10)]" : "text-[var(--gray-12)]"}`,
+		children: e
+	}), /* @__PURE__ */ (0, y.jsx)("span", {
+		className: "w-10 text-right text-[11px] text-[var(--gray-12)]",
+		children: t
+	})]
+});
+function O({ engagement: e }) {
+	let t = e;
+	if (!t) return /* @__PURE__ */ (0, y.jsx)("div", {
+		className: "px-6 py-4 text-sm text-[var(--gray-a8)]",
+		children: "Loading engagement…"
+	});
+	if (t.sent === 0) return /* @__PURE__ */ (0, y.jsx)("div", {
+		className: "px-6 py-4 text-sm text-[var(--gray-a8)]",
+		children: "No send/engagement data recorded for this broadcast."
+	});
+	let n = ({ label: e, value: t, sub: n }) => /* @__PURE__ */ (0, y.jsxs)("div", {
+		className: "flex flex-col",
+		children: [
+			/* @__PURE__ */ (0, y.jsx)("span", {
+				className: "text-xs text-[var(--gray-10)]",
+				children: e
+			}),
+			/* @__PURE__ */ (0, y.jsx)("span", {
+				className: "text-lg font-semibold text-[var(--gray-12)]",
+				children: t
+			}),
+			n && /* @__PURE__ */ (0, y.jsx)("span", {
+				className: "text-xs text-[var(--gray-10)]",
+				children: n
+			})
+		]
+	}), r = t.human_source === "signals-v1", i = r ? "signals-v1 (ours, per-event detection)" : "estimate (calibrated from the editions we have scored)";
+	return /* @__PURE__ */ (0, y.jsx)("div", {
+		className: "bg-[var(--gray-a2)] px-6 py-4 border-t border-[var(--gray-a4)]",
+		children: /* @__PURE__ */ (0, y.jsxs)("div", {
+			className: "rounded-lg border border-[var(--gray-a4)] bg-[var(--color-panel-solid)] p-4",
+			children: [
+				/* @__PURE__ */ (0, y.jsxs)("div", {
+					className: "grid grid-cols-3 sm:grid-cols-5 gap-4",
+					children: [
+						/* @__PURE__ */ (0, y.jsx)(n, {
+							label: "Sent",
+							value: x(t.sent)
+						}),
+						/* @__PURE__ */ (0, y.jsx)(n, {
+							label: "Delivered",
+							value: x(t.delivered),
+							sub: S(t.delivered, t.sent) + " of sent"
+						}),
+						/* @__PURE__ */ (0, y.jsx)(n, {
+							label: "Bounced",
+							value: x(t.bounced),
+							sub: S(t.bounced, t.sent)
+						}),
+						/* @__PURE__ */ (0, y.jsx)(n, {
+							label: "Opens (raw)",
+							value: x(t.unique_opens),
+							sub: S(t.unique_opens, t.delivered) + " open rate"
+						}),
+						/* @__PURE__ */ (0, y.jsx)(n, {
+							label: "Clicks (raw)",
+							value: x(t.unique_clicks),
+							sub: S(t.unique_clicks, t.delivered) + " CTR"
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, y.jsxs)("div", {
+					className: "mt-4 pt-4 border-t border-[var(--gray-a4)]",
+					children: [/* @__PURE__ */ (0, y.jsxs)("div", {
+						className: "text-xs font-medium text-[var(--gray-11)] mb-3",
+						children: ["Human engagement · ", i]
+					}), /* @__PURE__ */ (0, y.jsxs)("div", {
+						className: "grid grid-cols-2 sm:grid-cols-4 gap-4",
+						children: [
+							/* @__PURE__ */ (0, y.jsx)(n, {
+								label: "Human clicks",
+								value: t.human_clicks == null ? "—" : (r ? "" : "~") + x(t.human_clicks),
+								sub: t.human_clicks == null ? void 0 : S(t.human_clicks, t.delivered) + " human CTR"
+							}),
+							/* @__PURE__ */ (0, y.jsx)(n, {
+								label: "Machine clicks",
+								value: t.machine_clicks == null ? "—" : x(t.machine_clicks),
+								sub: "scanners / bots"
+							}),
+							/* @__PURE__ */ (0, y.jsx)(n, {
+								label: "Human opens (est.)",
+								value: t.human_opens == null ? "—" : "~" + x(t.human_opens),
+								sub: t.human_opens == null ? void 0 : S(t.human_opens, t.delivered) + " of delivered"
+							}),
+							/* @__PURE__ */ (0, y.jsx)(n, {
+								label: "Machine opens",
+								value: t.machine_opens == null ? "—" : x(t.machine_opens),
+								sub: "incl. Apple MPP"
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ (0, y.jsxs)("div", {
+					className: "mt-4 pt-4 border-t border-[var(--gray-a4)]",
+					children: [
+						/* @__PURE__ */ (0, y.jsx)("div", {
+							className: "text-xs font-medium text-[var(--gray-11)] mb-3",
+							children: "List churn · why the sent count moves send-to-send"
+						}),
+						/* @__PURE__ */ (0, y.jsxs)("div", {
+							className: "grid grid-cols-2 sm:grid-cols-3 gap-4",
+							children: [
+								/* @__PURE__ */ (0, y.jsx)(n, {
+									label: "Unsubscribed",
+									value: x(t.unsubscribed),
+									sub: S(t.unsubscribed, t.sent) + " · opt-out"
+								}),
+								/* @__PURE__ */ (0, y.jsx)(n, {
+									label: "Suppressed (bounces)",
+									value: x(t.suppressed),
+									sub: "removed after repeated bounces"
+								}),
+								/* @__PURE__ */ (0, y.jsx)(n, {
+									label: "Total removed",
+									value: x(t.unsubscribed + t.suppressed),
+									sub: S(t.unsubscribed + t.suppressed, t.sent) + " of sent"
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, y.jsxs)("p", {
+							className: "mt-3 text-xs text-[var(--gray-a8)]",
+							children: [
+								"This send bounced ",
+								x(t.bounced),
+								" (",
+								S(t.bounced, t.sent),
+								") — a delivery stat, not churn. Bounces are retried; a recipient is only removed after bouncing on several consecutive sends."
+							]
+						})
+					]
+				})
+			]
+		})
+	});
+}
+var k = (0, _.createColumnHelper)();
+function A({ broadcasts: e, onDeleted: t }) {
+	let n = o(), [a, c] = (0, g.useState)([]), [l, u] = (0, g.useState)({}), [m, A] = (0, g.useState)(null), [j, M] = (0, g.useState)(!1);
+	(0, g.useEffect)(() => {
+		let t = e.map((e) => {
+			let { status: t, latest: n } = f(e), r = n?.completed_at || n?.started_at || n?.scheduled_at || e.created_at, i = (e.sends || []).reduce((e, t) => e + (t.sent_count || 0), 0);
+			return {
+				id: e.id,
+				name: e.name,
+				subject: e.subject,
+				date: r,
+				status: t,
+				sentCount: i
+			};
+		});
+		c(t);
+		let n = t.map((e) => e.id);
+		for (let e = 0; e < n.length; e += 10) {
+			let t = n.slice(e, e + 10);
+			d(t).then((e) => {
+				let t = new Map(e.map((e) => [e.broadcast_id, e]));
+				c((e) => e.map((e) => t.has(e.id) ? {
+					...e,
+					engagement: t.get(e.id)
+				} : e));
+			}).catch((e) => console.error("broadcast engagement load failed:", e));
+		}
+	}, [e]);
+	let N = async () => {
+		if (m) {
+			M(!0);
+			try {
+				await p(m.id), c((e) => e.filter((e) => e.id !== m.id)), s.success("Broadcast deleted"), A(null), t?.();
+			} catch (e) {
+				s.error(e instanceof Error ? e.message : "Failed to delete broadcast");
+			} finally {
+				M(!1);
+			}
+		}
+	}, P = (0, g.useMemo)(() => [
+		k.display({
+			id: "expander",
+			size: 44,
+			cell: ({ row: e }) => /* @__PURE__ */ (0, y.jsx)("button", {
+				onClick: (t) => {
+					t.stopPropagation(), e.toggleExpanded();
+				},
+				className: "p-1 text-[var(--gray-9)] hover:text-[var(--gray-12)]",
+				title: e.getIsExpanded() ? "Collapse" : "Expand stats",
+				children: e.getIsExpanded() ? /* @__PURE__ */ (0, y.jsx)(v.ChevronDownIcon, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, y.jsx)(v.ChevronRightIcon, { className: "w-4 h-4" })
+			})
+		}),
+		k.accessor("date", {
+			header: "Date",
+			size: 130,
+			cell: (e) => /* @__PURE__ */ (0, y.jsx)("span", {
+				className: "text-sm text-[var(--gray-12)] whitespace-nowrap",
+				children: C(e.getValue())
+			})
+		}),
+		k.accessor("name", {
+			header: "Name",
+			size: 160,
+			cell: (e) => /* @__PURE__ */ (0, y.jsx)("span", {
+				className: "text-sm text-[var(--gray-12)] truncate max-w-xs block",
+				children: e.getValue()
+			})
+		}),
+		k.accessor("subject", {
+			header: "Subject",
+			cell: (e) => {
+				let t = e.getValue();
+				return /* @__PURE__ */ (0, y.jsx)("span", {
+					className: "text-sm text-[var(--gray-12)] truncate max-w-md block",
+					children: t || /* @__PURE__ */ (0, y.jsx)("span", {
+						className: "italic text-[var(--gray-9)]",
+						children: "No subject"
+					})
+				});
+			}
+		}),
+		k.accessor("status", {
+			header: "Status",
+			size: 110,
+			cell: (e) => {
+				let t = e.getValue();
+				return /* @__PURE__ */ (0, y.jsx)(i, {
+					color: b[t],
+					children: t.charAt(0).toUpperCase() + t.slice(1)
+				});
+			}
+		}),
+		k.accessor((e) => e.engagement?.sent ?? -1, {
+			id: "sent",
+			header: E("Sent"),
+			size: 90,
+			cell: (e) => {
+				let t = e.row.original.engagement;
+				return t === void 0 ? /* @__PURE__ */ (0, y.jsx)(w, {}) : !t || t.sent === 0 ? /* @__PURE__ */ (0, y.jsx)(T, {}) : /* @__PURE__ */ (0, y.jsx)("div", {
+					className: "text-sm text-right font-medium text-[var(--gray-12)]",
+					children: x(t.sent)
+				});
+			}
+		}),
+		k.accessor((e) => e.engagement?.human_opens ?? -1, {
+			id: "human_opens",
+			header: E("Opens (human)"),
+			size: 130,
+			cell: (e) => {
+				let t = e.row.original.engagement;
+				return t === void 0 ? /* @__PURE__ */ (0, y.jsx)(w, {}) : !t || t.sent === 0 || t.human_opens == null ? /* @__PURE__ */ (0, y.jsx)(T, {}) : /* @__PURE__ */ (0, y.jsx)(D, {
+					pctText: "~" + S(t.human_opens, t.delivered),
+					count: x(t.human_opens),
+					dimPct: !0
+				});
+			}
+		}),
+		k.accessor((e) => e.engagement?.human_clicks ?? -1, {
+			id: "human_clicks",
+			header: E("Clicks (human)"),
+			size: 130,
+			cell: (e) => {
+				let t = e.row.original.engagement;
+				if (t === void 0) return /* @__PURE__ */ (0, y.jsx)(w, {});
+				if (!t || t.sent === 0 || t.human_clicks == null) return /* @__PURE__ */ (0, y.jsx)(T, {});
+				let n = t.human_source === "signals-v1";
+				return /* @__PURE__ */ (0, y.jsx)(D, {
+					pctText: (n ? "" : "~") + S(t.human_clicks, t.delivered),
+					count: x(t.human_clicks)
+				});
+			}
+		}),
+		k.display({
+			id: "actions",
+			size: 44,
+			cell: ({ row: e }) => /* @__PURE__ */ (0, y.jsx)("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ (0, y.jsx)("button", {
+					onClick: (t) => {
+						t.stopPropagation(), A(e.original);
+					},
+					className: "p-1 text-[var(--gray-9)] hover:text-[var(--red-9)]",
+					title: "Delete broadcast",
+					children: /* @__PURE__ */ (0, y.jsx)(v.TrashIcon, { className: "w-4 h-4" })
+				})
+			})
+		})
+	], []), F = (0, _.useReactTable)({
+		data: a,
+		columns: P,
+		getRowId: (e) => e.id,
+		state: { expanded: l },
+		onExpandedChange: u,
+		getCoreRowModel: (0, _.getCoreRowModel)(),
+		getExpandedRowModel: (0, _.getExpandedRowModel)()
+	}), I = !!m && (m.sentCount > 0 || m.status === "sent" || m.status === "sending" || m.status === "cancelling" || m.status === "paused");
+	return /* @__PURE__ */ (0, y.jsxs)(y.Fragment, { children: [/* @__PURE__ */ (0, y.jsx)(h, {
+		table: F,
+		onRowDoubleClick: (e) => n(`/broadcasts/${e.id}`),
+		renderSubComponent: (e) => /* @__PURE__ */ (0, y.jsx)(O, { engagement: e.original.engagement })
+	}), m && /* @__PURE__ */ (0, y.jsxs)("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center p-4",
+		role: "dialog",
+		"aria-modal": "true",
+		children: [/* @__PURE__ */ (0, y.jsx)("div", {
+			className: "absolute inset-0 bg-black/40",
+			onClick: () => !j && A(null)
+		}), /* @__PURE__ */ (0, y.jsxs)("div", {
+			className: "relative z-10 w-full max-w-md rounded-xl bg-[var(--color-surface)] border border-[var(--gray-a5)] shadow-xl p-5",
+			children: [
+				/* @__PURE__ */ (0, y.jsx)("h2", {
+					className: "text-base font-semibold text-[var(--gray-12)]",
+					children: "Delete broadcast?"
+				}),
+				/* @__PURE__ */ (0, y.jsxs)("p", {
+					className: "mt-2 text-sm text-[var(--gray-11)]",
+					children: [/* @__PURE__ */ (0, y.jsx)("span", {
+						className: "font-medium text-[var(--gray-12)]",
+						children: m.subject || m.name || "This broadcast"
+					}), " will be permanently deleted."]
+				}),
+				I ? /* @__PURE__ */ (0, y.jsxs)("div", {
+					className: "mt-3 rounded-md border border-[var(--red-a6)] bg-[var(--red-a2)] px-3 py-2 text-xs text-[var(--red-11)]",
+					children: [
+						"This broadcast has already been sent",
+						m.sentCount > 0 ? ` to ${m.sentCount.toLocaleString()} recipient${m.sentCount === 1 ? "" : "s"}` : "",
+						". Deleting it also removes its send history, replies, and engagement data. This cannot be undone."
+					]
+				}) : /* @__PURE__ */ (0, y.jsx)("p", {
+					className: "mt-1 text-xs text-[var(--gray-9)]",
+					children: "This cannot be undone."
+				}),
+				/* @__PURE__ */ (0, y.jsxs)("div", {
+					className: "mt-4 flex items-center justify-end gap-2",
+					children: [/* @__PURE__ */ (0, y.jsx)(r, {
+						variant: "outlined",
+						onClick: () => A(null),
+						disabled: j,
+						children: "Cancel"
+					}), /* @__PURE__ */ (0, y.jsx)(r, {
+						variant: "solid",
+						color: "red",
+						onClick: N,
+						disabled: j,
+						children: j ? "Deleting…" : "Delete"
+					})]
+				})
+			]
+		})]
+	})] });
+}
+//#endregion
+//#region ../../../gatewaze-modules/modules/broadcasts/admin/pages/list.tsx
+function j() {
+	let e = o(), [t, n] = (0, g.useState)([]), [i, c] = (0, g.useState)(!0), d = (0, g.useCallback)(async () => {
+		try {
+			n(await u());
+		} catch (e) {
+			console.error("Error loading broadcasts:", e), s.error("Failed to load broadcasts");
+		} finally {
+			c(!1);
+		}
+	}, []);
+	return (0, g.useEffect)(() => {
+		d();
+	}, [d]), /* @__PURE__ */ (0, y.jsx)(l, {
+		title: "Broadcasts",
+		children: /* @__PURE__ */ (0, y.jsx)(a, {
+			title: "Broadcasts",
+			actions: /* @__PURE__ */ (0, y.jsxs)(r, {
+				variant: "solid",
+				onClick: () => e("/broadcasts/new"),
+				children: [/* @__PURE__ */ (0, y.jsx)(v.PlusIcon, { className: "h-4 w-4 mr-1" }), " New Broadcast"]
+			}),
+			children: i ? /* @__PURE__ */ (0, y.jsx)("div", {
+				className: "flex justify-center py-16",
+				children: /* @__PURE__ */ (0, y.jsx)("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-[var(--accent-9)]" })
+			}) : t.length === 0 ? /* @__PURE__ */ (0, y.jsxs)("div", {
+				className: "text-center py-16",
+				children: [
+					/* @__PURE__ */ (0, y.jsx)(v.PaperAirplaneIcon, { className: "h-16 w-16 text-[var(--gray-8)] mx-auto mb-4" }),
+					/* @__PURE__ */ (0, y.jsx)("h2", {
+						className: "text-xl font-semibold text-[var(--gray-12)] mb-2",
+						children: "No broadcasts yet"
+					}),
+					/* @__PURE__ */ (0, y.jsx)("p", {
+						className: "text-[var(--gray-11)] mb-6 max-w-md mx-auto",
+						children: "Send a single email to a segment of your audience, scheduled and timezone-aware. Build the audience with plain language using the AI copilot."
+					}),
+					/* @__PURE__ */ (0, y.jsxs)(r, {
+						variant: "solid",
+						onClick: () => e("/broadcasts/new"),
+						children: [/* @__PURE__ */ (0, y.jsx)(v.PlusIcon, { className: "h-4 w-4 mr-1" }), " Create Your First Broadcast"]
+					})
+				]
+			}) : /* @__PURE__ */ (0, y.jsx)(A, {
+				broadcasts: t,
+				onDeleted: d
+			})
+		})
+	});
+}
+//#endregion
+export { j as default };

package/dist/list-CIVgIGsU.js

@@ -0,0 +1,166 @@
+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, f as s } from "./ui-DRIo9Krs.js";
+import { a as c } from "./hooks-C377EXJG.js";
+import { n as l } from "./sonnerHostBridge-CXuCMM3R.js";
+import { t as u } from "./outline-DwDYhYcF.js";
+import { t as d } from "./Page-D3u8IZ2a.js";
+import f from "./NewsletterSetupWizard-BqV6-fa5.js";
+//#region ../../../gatewaze-modules/modules/newsletters/admin/pages/list.tsx
+var p = /* @__PURE__ */ e(t()), m = u(), h = r();
+function g() {
+	let e = c(), [t, r] = (0, p.useState)([]), [u, g] = (0, p.useState)(!0), [_, v] = (0, p.useState)(!1), y = (0, p.useCallback)(async () => {
+		try {
+			let { data: e, error: t } = await n.from("newsletters_template_collections").select("*").order("name");
+			if (t) throw t;
+			let i = await Promise.all((e || []).map(async (e) => {
+				let { count: t } = await n.from("newsletters_editions").select("id", {
+					count: "exact",
+					head: !0
+				}).eq("collection_id", e.id), r = 0;
+				if (e.list_id) try {
+					let { count: t } = await n.from("list_subscriptions").select("id", {
+						count: "exact",
+						head: !0
+					}).eq("list_id", e.list_id).eq("subscribed", !0);
+					r = t || 0;
+				} catch {}
+				let i = null, { data: a } = await n.from("newsletter_sends").select("completed_at").eq("status", "sent").order("completed_at", { ascending: !1 }).limit(1);
+				return a?.[0] && (i = a[0].completed_at), {
+					...e,
+					edition_count: t || 0,
+					subscriber_count: r,
+					last_send_date: i
+				};
+			}));
+			r(i);
+		} catch (e) {
+			console.error("Error loading newsletters:", e), l.error("Failed to load newsletters");
+		} finally {
+			g(!1);
+		}
+	}, []);
+	return (0, p.useEffect)(() => {
+		y();
+	}, [y]), /* @__PURE__ */ (0, h.jsxs)(d, {
+		title: "Newsletters",
+		children: [/* @__PURE__ */ (0, h.jsx)(s, {
+			title: "Newsletters",
+			actions: /* @__PURE__ */ (0, h.jsxs)(i, {
+				variant: "solid",
+				onClick: () => v(!0),
+				children: [/* @__PURE__ */ (0, h.jsx)(m.PlusIcon, { className: "h-4 w-4 mr-1" }), " Create Newsletter"]
+			}),
+			children: u ? /* @__PURE__ */ (0, h.jsx)("div", {
+				className: "flex justify-center py-16",
+				children: /* @__PURE__ */ (0, h.jsx)("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-[var(--accent-9)]" })
+			}) : t.length === 0 ? /* @__PURE__ */ (0, h.jsxs)("div", {
+				className: "text-center py-16",
+				children: [
+					/* @__PURE__ */ (0, h.jsx)(m.EnvelopeIcon, { className: "h-16 w-16 text-[var(--gray-8)] mx-auto mb-4" }),
+					/* @__PURE__ */ (0, h.jsx)("h2", {
+						className: "text-xl font-semibold text-[var(--gray-12)] mb-2",
+						children: "No newsletters yet"
+					}),
+					/* @__PURE__ */ (0, h.jsx)("p", {
+						className: "text-[var(--gray-11)] mb-6 max-w-md mx-auto",
+						children: "Create your first newsletter to start building and sending email campaigns to your subscribers."
+					}),
+					/* @__PURE__ */ (0, h.jsxs)(i, {
+						variant: "solid",
+						onClick: () => v(!0),
+						children: [/* @__PURE__ */ (0, h.jsx)(m.PlusIcon, { className: "h-4 w-4 mr-1" }), " Create Your First Newsletter"]
+					})
+				]
+			}) : /* @__PURE__ */ (0, h.jsx)("div", {
+				className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
+				children: t.map((t) => /* @__PURE__ */ (0, h.jsxs)(a, {
+					className: "p-5 cursor-pointer hover:shadow-md transition-shadow border-l-4",
+					style: { borderLeftColor: t.accent_color || "var(--accent-9)" },
+					onClick: () => e(`/newsletters/${t.slug}`),
+					children: [
+						/* @__PURE__ */ (0, h.jsxs)("div", {
+							className: "flex items-start justify-between mb-3",
+							children: [/* @__PURE__ */ (0, h.jsxs)("div", { children: [/* @__PURE__ */ (0, h.jsx)("h3", {
+								className: "font-semibold text-[var(--gray-12)] text-lg",
+								children: t.name
+							}), t.description && /* @__PURE__ */ (0, h.jsx)("p", {
+								className: "text-sm text-[var(--gray-9)] mt-0.5 line-clamp-1",
+								children: t.description
+							})] }), !t.setup_complete && /* @__PURE__ */ (0, h.jsx)(o, {
+								variant: "soft",
+								color: "orange",
+								size: "1",
+								children: "Setup needed"
+							})]
+						}),
+						/* @__PURE__ */ (0, h.jsxs)("div", {
+							className: "flex items-center gap-3 flex-wrap mb-3",
+							children: [t.content_category && /* @__PURE__ */ (0, h.jsx)(o, {
+								variant: "soft",
+								color: "blue",
+								size: "1",
+								children: t.content_category
+							}), t.from_email && /* @__PURE__ */ (0, h.jsx)("span", {
+								className: "text-xs text-[var(--gray-9)]",
+								children: t.from_email
+							})]
+						}),
+						/* @__PURE__ */ (0, h.jsxs)("div", {
+							className: "grid grid-cols-3 gap-3 pt-3 border-t border-[var(--gray-a4)]",
+							children: [
+								/* @__PURE__ */ (0, h.jsxs)("div", {
+									className: "text-center",
+									children: [/* @__PURE__ */ (0, h.jsxs)("div", {
+										className: "flex items-center justify-center gap-1 text-[var(--gray-9)]",
+										children: [/* @__PURE__ */ (0, h.jsx)(m.DocumentTextIcon, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ (0, h.jsx)("span", {
+											className: "text-sm font-medium text-[var(--gray-12)]",
+											children: t.edition_count
+										})]
+									}), /* @__PURE__ */ (0, h.jsx)("p", {
+										className: "text-[10px] text-[var(--gray-9)]",
+										children: "Editions"
+									})]
+								}),
+								/* @__PURE__ */ (0, h.jsxs)("div", {
+									className: "text-center",
+									children: [/* @__PURE__ */ (0, h.jsxs)("div", {
+										className: "flex items-center justify-center gap-1 text-[var(--gray-9)]",
+										children: [/* @__PURE__ */ (0, h.jsx)(m.UsersIcon, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ (0, h.jsx)("span", {
+											className: "text-sm font-medium text-[var(--gray-12)]",
+											children: t.subscriber_count
+										})]
+									}), /* @__PURE__ */ (0, h.jsx)("p", {
+										className: "text-[10px] text-[var(--gray-9)]",
+										children: "Subscribers"
+									})]
+								}),
+								/* @__PURE__ */ (0, h.jsxs)("div", {
+									className: "text-center",
+									children: [/* @__PURE__ */ (0, h.jsxs)("div", {
+										className: "flex items-center justify-center gap-1 text-[var(--gray-9)]",
+										children: [/* @__PURE__ */ (0, h.jsx)(m.ChartBarIcon, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ (0, h.jsx)("span", {
+											className: "text-sm font-medium text-[var(--gray-12)]",
+											children: "—"
+										})]
+									}), /* @__PURE__ */ (0, h.jsx)("p", {
+										className: "text-[10px] text-[var(--gray-9)]",
+										children: "Open rate"
+									})]
+								})
+							]
+						})
+					]
+				}, t.id))
+			})
+		}), /* @__PURE__ */ (0, h.jsx)(f, {
+			isOpen: _,
+			onClose: () => {
+				v(!1), y();
+			}
+		})]
+	});
+}
+//#endregion
+export { g as default };