ghost 6.52.0 → 6.52.1

package/core/built/admin/assets/posts/newsletter-DAQJ1GLe.js

@@ -1,736 +0,0 @@
-import { D as e, E as t, b as n, p as r, s as i, t as a, w as o } from "./jsx-runtime-BfZnKD4L.js";
-import { u as s } from "./chunk-KS7C4IRE-ECXkcZq6.js";
-import { i as c } from "./hooks-gZAmj4Al.js";
-import { M as l, _t as u, gt as d, h as f, ht as p, m, t as h, ut as g, y as _ } from "./button-Dd8Xreln.js";
-import { t as v } from "./separator-DAZNzARU.js";
-import { n as y } from "./skeleton-CO0qCdQF.js";
-import { i as b, r as x, t as S } from "./tabs-BvzzwQ4P.js";
-import { n as C, t as w } from "./avatar-kOk1tTvT.js";
-import { n as ee } from "./post-analytics-context-D868SMoq.js";
-import { c as T, d as te, f as E, h as ne, l as D, o as re, p as O, t as ie, u as k } from "./post-analytics-header-CZYiuaEL.js";
-import { t as A } from "./posts-CpusjBC0.js";
-import { r as ae } from "./router-provider-DrqpOc8m.js";
-import { d as j, f as M, h as N, p as P, s as F } from "./shade-app-DLbeExcd-NeEZjE3R.js";
-import { r as oe } from "./heading-BBl-8tMC.js";
-import { n as se } from "./posts-app-context-CPC7dOlt.js";
-import { a as ce, r as I } from "./app-utils-9O53Czfw.js";
-import { c as le, l as ue, n as de, o as fe, r as pe, s as me, t as he, u as ge } from "./data-list-DdD_glQ-.js";
-import { a as _e, i as ve, n as L, o as R, t as z } from "./links-DLozzgMh.js";
-import { t as ye } from "./input-DuPLeCGW.js";
-import { t as be } from "./loading-indicator-BgU2kK3v.js";
-import { c as B, d as V, l as H, n as U, o as xe, r as Se, s as W, u as G } from "./stats-B1Z8H0JT.js";
-//#region ../shade/es/hooks/use-simple-pagination.js
-r();
-function Ce({ data: t, itemsPerPage: r, initialPage: i = 1 }) {
-	let [a, s] = e(i);
-	if (r <= 0) throw Error("itemsPerPage must be a positive number");
-	let c = (e) => {
-		s(Math.max(1, Math.min(l, e)));
-	}, l = o(() => t ? Math.ceil(t.length / r) : 1, [t, r]);
-	return n(() => {
-		a > l && s(1);
-	}, [a, l]), {
-		currentPage: a,
-		setCurrentPage: c,
-		totalPages: l,
-		paginatedData: o(() => {
-			if (!t) return null;
-			let e = (a - 1) * r;
-			return t.slice(e, e + r);
-		}, [
-			t,
-			a,
-			r
-		]),
-		nextPage: () => {
-			s((e) => Math.min(l, e + 1));
-		},
-		previousPage: () => {
-			s((e) => Math.max(1, e - 1));
-		},
-		hasNextPage: a < l,
-		hasPreviousPage: a > 1
-	};
-}
-//#endregion
-//#region ../shade/es/components/ui/simple-pagination.js
-r();
-var K = a(), q = i.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ (0, K.jsx)("div", {
-	ref: r,
-	className: F("flex items-center justify-between gap-4 pb-6 text-sm", e),
-	...n,
-	children: t
-}));
-q.displayName = "SimplePagination";
-var we = i.forwardRef(({ className: e, currentPage: t, totalPages: n, ...r }, i) => /* @__PURE__ */ (0, K.jsxs)("span", {
-	ref: i,
-	className: F("text-muted-foreground", e),
-	...r,
-	children: [
-		"Pages ",
-		t,
-		" of ",
-		n
-	]
-}));
-we.displayName = "SimplePaginationPages";
-var J = i.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ (0, K.jsx)("div", {
-	ref: r,
-	className: F("flex items-center gap-1.5", e),
-	...n,
-	children: t
-}));
-J.displayName = "SimplePaginationNavigation";
-var Y = i.forwardRef(({ variant: e = "outline", ...t }, n) => /* @__PURE__ */ (0, K.jsx)(h, {
-	ref: n,
-	size: "sm",
-	variant: e,
-	...t,
-	children: /* @__PURE__ */ (0, K.jsx)(u, {})
-}));
-Y.displayName = "SimplePaginationPreviousButton";
-var X = i.forwardRef(({ variant: e = "outline", ...t }, n) => /* @__PURE__ */ (0, K.jsx)(h, {
-	ref: n,
-	size: "sm",
-	variant: e,
-	...t,
-	children: /* @__PURE__ */ (0, K.jsx)(d, {})
-}));
-X.displayName = "SimplePaginationNextButton";
-//#endregion
-//#region ../admin-x-framework/dist/api/feedback.js
-var Te = c({
-	dataType: "FeedbackResponseType",
-	path: (e) => `/feedback/${e}/`
-});
-//#endregion
-//#region src/hooks/use-post-feedback.ts
-r();
-var Ee = (e, t) => {
-	let { data: n, isLoading: r, error: i } = Te(e, { searchParams: {
-		limit: "50",
-		...t === void 0 ? {} : { score: t.toString() }
-	} });
-	return {
-		feedback: o(() => n?.feedback ? n.feedback : [], [n]),
-		isLoading: r,
-		error: i
-	};
-};
-//#endregion
-//#region src/views/PostAnalytics/Newsletter/components/feedback.tsx
-r();
-var De = ({ feedbackStats: t }) => {
-	let { postId: n } = s(), r = ae(), [i, a] = e("positive"), { feedback: o, isLoading: c } = Ee(n || "", +(i === "positive")), { totalPages: l, paginatedData: u, nextPage: d, previousPage: p, hasNextPage: g, hasPreviousPage: ee } = Ce({
-		data: o,
-		itemsPerPage: 9
-	}), ne = c;
-	return /* @__PURE__ */ (0, K.jsxs)(T, { children: [
-		/* @__PURE__ */ (0, K.jsxs)(E, {
-			className: "pb-5",
-			children: [/* @__PURE__ */ (0, K.jsx)(O, { children: "Feedback" }), /* @__PURE__ */ (0, K.jsx)(k, { children: "What did your readers think?" })]
-		}),
-		t.totalFeedback > 0 ? /* @__PURE__ */ (0, K.jsxs)(D, {
-			className: "pb-3",
-			children: [
-				/* @__PURE__ */ (0, K.jsxs)("div", {
-					className: "flex items-center justify-between gap-3",
-					children: [/* @__PURE__ */ (0, K.jsx)(S, {
-						className: "pb-3",
-						defaultValue: "positive",
-						value: i,
-						variant: "button",
-						onValueChange: (e) => a(e),
-						children: /* @__PURE__ */ (0, K.jsxs)(x, {
-							className: "gap-1",
-							children: [/* @__PURE__ */ (0, K.jsx)(b, {
-								className: "h-7",
-								value: "positive",
-								children: /* @__PURE__ */ (0, K.jsxs)("div", {
-									className: "flex items-center gap-1 text-xs",
-									children: [
-										/* @__PURE__ */ (0, K.jsx)(m, {
-											size: 14,
-											strokeWidth: 1.25
-										}),
-										/* @__PURE__ */ (0, K.jsx)("span", {
-											className: "hidden font-medium sm:visible! sm:inline!",
-											children: "More like this"
-										}),
-										/* @__PURE__ */ (0, K.jsx)("span", {
-											className: "font-semibold tracking-tight",
-											children: M(t.positiveFeedback / t.totalFeedback)
-										})
-									]
-								})
-							}), /* @__PURE__ */ (0, K.jsx)(b, {
-								className: "h-7",
-								value: "negative",
-								children: /* @__PURE__ */ (0, K.jsxs)("div", {
-									className: "flex items-center gap-1 text-xs",
-									children: [
-										/* @__PURE__ */ (0, K.jsx)(f, {
-											size: 14,
-											strokeWidth: 1.25
-										}),
-										/* @__PURE__ */ (0, K.jsx)("span", {
-											className: "hidden font-medium sm:visible! sm:inline!",
-											children: "Less like this"
-										}),
-										/* @__PURE__ */ (0, K.jsx)("span", {
-											className: "font-semibold tracking-tight",
-											children: M(t.negativeFeedback / t.totalFeedback)
-										})
-									]
-								})
-							})]
-						})
-					}), /* @__PURE__ */ (0, K.jsx)(oe, {
-						className: "mr-2 mb-3 lg:hidden xl:visible! xl:block!",
-						children: "Date"
-					})]
-				}),
-				/* @__PURE__ */ (0, K.jsx)(v, {}),
-				ne ? /* @__PURE__ */ (0, K.jsx)(y, {
-					className: "mt-3",
-					lines: 3
-				}) : u && u.length > 0 ? /* @__PURE__ */ (0, K.jsx)("div", {
-					className: "flex w-full flex-col py-3",
-					children: u.map((e) => /* @__PURE__ */ (0, K.jsxs)("div", {
-						className: "flex h-10 w-full items-center justify-between gap-3 rounded-sm border-none px-2 text-sm hover:cursor-pointer hover:bg-accent",
-						onClick: () => {
-							r(`/members/${e.member.id}`, { crossApp: !0 });
-						},
-						children: [/* @__PURE__ */ (0, K.jsxs)("div", {
-							className: "flex items-center gap-2 font-medium",
-							children: [/* @__PURE__ */ (0, K.jsxs)(w, {
-								className: "size-7",
-								children: [e.member?.avatar_image && /* @__PURE__ */ (0, K.jsx)("img", {
-									className: "absolute aspect-square size-full",
-									src: e.member?.avatar_image
-								}), /* @__PURE__ */ (0, K.jsx)(C, {
-									className: "text-white",
-									style: { backgroundColor: `${N(I(e.member), "45", "55")}` },
-									children: ce(e.member)
-								})]
-							}), I(e.member)]
-						}), /* @__PURE__ */ (0, K.jsx)("div", {
-							className: "whitespace-nowrap text-muted-foreground",
-							children: P(e.created_at)
-						})]
-					}, e.id))
-				}) : /* @__PURE__ */ (0, K.jsx)("div", {
-					className: "flex h-full items-center justify-center py-8 text-center text-sm text-muted-foreground",
-					children: /* @__PURE__ */ (0, K.jsxs)("div", { children: [
-						"No ",
-						i === "positive" ? "positive" : "negative",
-						" feedback yet"
-					] })
-				})
-			]
-		}) : /* @__PURE__ */ (0, K.jsxs)(D, {
-			className: "flex grow flex-col items-center justify-center text-center text-sm text-muted-foreground",
-			children: [/* @__PURE__ */ (0, K.jsx)("div", { children: "No members have given feedback yet" }), /* @__PURE__ */ (0, K.jsx)("div", { children: "When someone does, you'll see their response here." })]
-		}),
-		t.totalFeedback > 0 && /* @__PURE__ */ (0, K.jsx)(te, {
-			className: "grow-0",
-			children: /* @__PURE__ */ (0, K.jsxs)("div", {
-				className: "flex w-full items-center justify-between gap-3",
-				children: [/* @__PURE__ */ (0, K.jsxs)(h, {
-					variant: "outline",
-					onClick: () => {
-						let e = `(feedback.post_id:'${n}'+feedback.score:1)`, t = `(feedback.post_id:'${n}'+feedback.score:0)`, a = `${encodeURIComponent(e)}&post=${n}`, o = `${encodeURIComponent(t)}&post=${n}`;
-						r(`/members?filter=${i === "positive" ? a : o}`, { crossApp: !0 });
-					},
-					children: ["View all", /* @__PURE__ */ (0, K.jsx)(_, {})]
-				}), l > 1 && /* @__PURE__ */ (0, K.jsx)(q, {
-					className: "pb-0",
-					children: /* @__PURE__ */ (0, K.jsxs)(J, { children: [/* @__PURE__ */ (0, K.jsx)(Y, {
-						disabled: !ee,
-						onClick: p
-					}), /* @__PURE__ */ (0, K.jsx)(X, {
-						disabled: !g,
-						onClick: d
-					})] })
-				})]
-			})
-		})
-	] });
-}, Oe = () => {
-	let { mutateAsync: e, isLoading: t } = z();
-	return {
-		editLinks: e,
-		isEditLinksLoading: t
-	};
-};
-//#endregion
-//#region src/hooks/use-post-newsletter-stats.ts
-r();
-var ke = (e) => {
-	let { data: t, isLoading: n } = A(e), { data: r, isLoading: i } = A(e, { searchParams: { include: "count.positive_feedback,count.negative_feedback" } }), a = o(() => t?.posts[0], [t]), s = o(() => r?.posts[0], [r]), c = o(() => a ? {
-		sent: a.email?.email_count || 0,
-		opened: a.email?.opened_count || 0,
-		clicked: a.count?.clicks || 0,
-		openedRate: a.email?.opened_count ? a.email.opened_count / a.email.email_count : 0,
-		clickedRate: a.count?.clicks && a.email?.email_count ? a.count.clicks / a.email.email_count : 0
-	} : {
-		sent: 0,
-		opened: 0,
-		clicked: 0,
-		openedRate: 0,
-		clickedRate: 0
-	}, [a]), l = o(() => {
-		if (!s?.count) return {
-			positiveFeedback: 0,
-			negativeFeedback: 0,
-			totalFeedback: 0
-		};
-		let e = s.count.positive_feedback || 0, t = s.count.negative_feedback || 0;
-		return {
-			positiveFeedback: e,
-			negativeFeedback: t,
-			totalFeedback: e + t
-		};
-	}, [s]), u = o(() => a?.newsletter?.id, [a]), { data: d, isLoading: f } = U({
-		searchParams: u ? { newsletter_id: u } : {},
-		enabled: !!u
-	}), p = o(() => d?.stats ? d.stats.map((e) => e.post_id) : [], [d]), { data: m, isLoading: h } = Se({
-		searchParams: u && p.length > 0 ? {
-			newsletter_id: u,
-			post_ids: p.join(",")
-		} : {},
-		enabled: !!u && p.length > 0
-	}), g = o(() => {
-		if (!d?.stats) return;
-		let e = d.stats, t = m?.stats || [], n = /* @__PURE__ */ new Map();
-		t.forEach((e) => {
-			n.set(e.post_id, e);
-		});
-		let r = e.map((e) => {
-			let t = n.get(e.post_id);
-			return {
-				...e,
-				total_clicks: t?.total_clicks || 0,
-				click_rate: t?.click_rate || 0
-			};
-		});
-		return {
-			...d,
-			stats: r
-		};
-	}, [d, m]), _ = f || h, { data: v, isLoading: y, refetch: b } = L({ searchParams: { filter: `post_id:'${e}'` } }), x = o(() => {
-		if (!g || !g.stats) return {
-			openRate: 0,
-			clickRate: 0
-		};
-		let e = g.stats;
-		if (e.length === 0) return {
-			openRate: 0,
-			clickRate: 0
-		};
-		let t = e.reduce((e, t) => e + (t.open_rate || 0), 0), n = e.reduce((e, t) => e + (t.click_rate || 0), 0);
-		return {
-			openRate: Number((t / e.length).toFixed(2)),
-			clickRate: Number((n / e.length).toFixed(2))
-		};
-	}, [g]), S = o(() => _e(v), [v]);
-	return {
-		post: a,
-		stats: c,
-		feedbackStats: l,
-		averageStats: o(() => ({
-			openedRate: x.openRate,
-			clickedRate: x.clickRate
-		}), [x]),
-		topLinks: S,
-		refetchTopLinks: b,
-		isLoading: n || i || _ || y
-	};
-};
-//#endregion
-//#region src/hooks/use-responsive-chart-size.ts
-r();
-var Ae = ({ breakpoints: t = {
-	sm: 1080,
-	md: 1280,
-	lg: 1360
-} } = {}) => {
-	let [r, i] = e("md");
-	return n(() => {
-		let e = () => {
-			let e = window.innerWidth;
-			e < t.sm ? i("sm") : e < t.md ? i("md") : i("lg");
-		};
-		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-	}, [t]), {
-		chartSize: r,
-		isSmall: r === "sm",
-		isMedium: r === "md",
-		isLarge: r === "lg"
-	};
-};
-//#endregion
-//#region src/views/PostAnalytics/Newsletter/newsletter.tsx
-r();
-var je = () => /* @__PURE__ */ (0, K.jsx)("div", {
-	className: "absolute top-1/2 -right-4 z-10 hidden size-8 -translate-y-1/2 items-center justify-center rounded-full border bg-background text-muted-foreground md:visible! md:flex!",
-	children: /* @__PURE__ */ (0, K.jsx)(g, {
-		className: "ml-0.5",
-		size: 16,
-		strokeWidth: 1.5
-	})
-}), Me = ({ dataColor: e, value: t, avgValue: n }) => /* @__PURE__ */ (0, K.jsxs)("div", {
-	className: "absolute top-6 left-1/2 z-50 flex w-[200px] -translate-x-1/2 flex-col items-stretch gap-1.5 rounded-md bg-background px-4 py-2 text-sm opacity-0 shadow-md transition-all group-hover/block:top-3 group-hover/block:opacity-100",
-	children: [/* @__PURE__ */ (0, K.jsxs)("div", {
-		className: "flex items-center justify-between gap-4",
-		children: [/* @__PURE__ */ (0, K.jsxs)("div", {
-			className: "flex items-center gap-2 text-muted-foreground",
-			children: [/* @__PURE__ */ (0, K.jsx)("div", {
-				className: "size-2 rounded-full bg-chart-blue opacity-50",
-				style: { backgroundColor: e }
-			}), "This newsletter"]
-		}), /* @__PURE__ */ (0, K.jsx)("div", {
-			className: "text-right font-mono",
-			children: t
-		})]
-	}), /* @__PURE__ */ (0, K.jsxs)("div", {
-		className: "flex items-center justify-between gap-4",
-		children: [/* @__PURE__ */ (0, K.jsxs)("div", {
-			className: "flex items-center gap-2 text-muted-foreground",
-			children: [/* @__PURE__ */ (0, K.jsx)("div", { className: "size-2 rounded-full bg-chart-gray opacity-80" }), "Average"]
-		}), /* @__PURE__ */ (0, K.jsx)("div", {
-			className: "text-right font-mono",
-			children: n
-		})]
-	})]
-}), Ne = () => {
-	let r = ae(), [i, a] = e(null), [s, c] = e(""), u = t(null), d = t(null), { chartSize: f } = Ae(), { appSettings: m } = se(), { emailTrackClicks: g, emailTrackOpens: _ } = m?.analytics || {}, { post: b, isPostLoading: x, postId: S } = ee(), C = (e) => r(xe({ filter: e }), { crossApp: !0 }), w = b, A = ne(w);
-	n(() => {
-		!x && !A && r(`/posts/analytics/${S}`);
-	}, [
-		r,
-		S,
-		x,
-		A
-	]);
-	let { stats: N, averageStats: P, topLinks: F, isLoading: ce, refetchTopLinks: I } = ke(S), { editLinks: _e } = Oe(), L = o(() => {
-		if (!w?.count) return {
-			positiveFeedback: 0,
-			negativeFeedback: 0,
-			totalFeedback: 0
-		};
-		let e = w.count.positive_feedback || 0, t = w.count.negative_feedback || 0;
-		return {
-			positiveFeedback: e,
-			negativeFeedback: t,
-			totalFeedback: e + t
-		};
-	}, [w]), z = o(() => w?.newsletter?.feedback_enabled === !0, [w]), U = o(() => L.totalFeedback > 0 ? !0 : z, [L.totalFeedback, z]), Se = (e) => {
-		let t = ve(F, e);
-		t && (a(e), c(t.link.to));
-	}, we = () => {
-		if (!i) return;
-		let e = ve(F, i);
-		if (!e) return;
-		let t = s.trim();
-		if (t === "" || t === e.link.to) {
-			a(null), c("");
-			return;
-		}
-		_e({
-			originalUrl: e.link.originalTo,
-			editedUrl: s,
-			postId: S
-		}, { onSuccess: () => {
-			a(null), c(""), I();
-		} });
-	}, { totalPages: Te, paginatedData: Ee, nextPage: Ne, previousPage: Pe, hasNextPage: Fe, hasPreviousPage: Ie } = Ce({
-		data: F,
-		itemsPerPage: 10
-	});
-	n(() => {
-		if (i && u.current) {
-			u.current.focus();
-			let e = ve(F, i), t = (t) => {
-				d.current && !d.current.contains(t.target) && s === e?.link.to && (a(null), c(""));
-			};
-			return document.addEventListener("mousedown", t), () => {
-				document.removeEventListener("mousedown", t);
-			};
-		}
-	}, [
-		i,
-		s,
-		F
-	]);
-	let Z = ce || x, Le = [{
-		datatype: "Sent",
-		value: 1,
-		fill: "url(#gradientPurple)",
-		color: "var(--chart-purple)"
-	}], Re = {
-		percentage: { label: "O" },
-		Average: { label: "Average" },
-		"This newsletter": { label: "This newsletter" }
-	}, ze = [{
-		datatype: "Average",
-		value: P.openedRate,
-		fill: "url(#gradientGray)",
-		color: "var(--chart-gray)"
-	}, {
-		datatype: "This newsletter",
-		value: N.openedRate,
-		fill: "url(#gradientBlue)",
-		color: "var(--chart-blue)"
-	}], Be = {
-		percentage: { label: "Opened" },
-		Average: { label: "Average" },
-		"This newsletter": { label: "This newsletter" }
-	}, Ve = [{
-		datatype: "Average",
-		value: P.clickedRate,
-		fill: "url(#gradientGray)",
-		color: "var(--chart-gray)"
-	}, {
-		datatype: "This newsletter",
-		value: N.clickedRate,
-		fill: "url(#gradientTeal)",
-		color: "var(--chart-teal)"
-	}], He = {
-		percentage: { label: "Clicked" },
-		Average: { label: "Average" },
-		"This newsletter": { label: "This newsletter" }
-	}, Q = "grid-cols-3", $ = "aspect-[16/10] w-full max-w-[320px] sm:aspect-[2/1] md:aspect-[10/14] md:max-w-none lg:aspect-square";
-	return (!g || !_) && (Q = "grid-cols-2", $ = "aspect-[16/10] w-full max-w-[320px] sm:aspect-[2/1] md:aspect-square md:max-w-none lg:aspect-[15/10]"), !g && !_ && (Q = "grid-cols-1", $ = "aspect-square w-full sm:aspect-[16/10] md:max-w-[320px] md:max-h-[320px] lg:aspect-[12/10]"), /* @__PURE__ */ (0, K.jsxs)(K.Fragment, { children: [/* @__PURE__ */ (0, K.jsx)(ie, { currentTab: "Newsletter" }), /* @__PURE__ */ (0, K.jsx)(re, { children: /* @__PURE__ */ (0, K.jsxs)("div", {
-		className: `grid grid-cols-1 gap-6 ${U && g && "lg:grid-cols-2"}`,
-		children: [
-			/* @__PURE__ */ (0, K.jsxs)(T, {
-				className: U && g ? "lg:col-span-2" : "",
-				children: [/* @__PURE__ */ (0, K.jsxs)(E, {
-					className: "hidden",
-					children: [/* @__PURE__ */ (0, K.jsx)(O, { children: "Newsletters" }), /* @__PURE__ */ (0, K.jsx)(k, { children: "How did this post perform" })]
-				}), Z ? /* @__PURE__ */ (0, K.jsx)(D, {
-					className: "h-[25vw] p-6",
-					children: /* @__PURE__ */ (0, K.jsx)(be, {})
-				}) : /* @__PURE__ */ (0, K.jsxs)(D, {
-					className: "p-0",
-					children: [/* @__PURE__ */ (0, K.jsxs)("div", {
-						className: `grid ${Q} items-stretch border-b`,
-						children: [
-							/* @__PURE__ */ (0, K.jsxs)(W, {
-								className: "group relative isolate grow p-3 md:px-6 md:py-5",
-								children: [
-									/* @__PURE__ */ (0, K.jsx)(G, {
-										onClick: () => {
-											C(`emails.post_id:${S}`);
-										},
-										children: "View members →"
-									}),
-									/* @__PURE__ */ (0, K.jsxs)(H, {
-										onClick: () => {
-											C(`emails.post_id:${S}`);
-										},
-										children: [/* @__PURE__ */ (0, K.jsx)("div", { className: "ml-0.5 size-[9px] rounded-full bg-chart-purple opacity-50" }), "Sent"]
-									}),
-									/* @__PURE__ */ (0, K.jsx)(B, { children: /* @__PURE__ */ (0, K.jsx)(V, {
-										className: "text-xl leading-none sm:text-2xl md:text-[2.6rem]",
-										children: j(N.sent)
-									}) })
-								]
-							}),
-							_ && /* @__PURE__ */ (0, K.jsxs)(W, {
-								className: "p-3 md:px-6 md:py-5",
-								children: [
-									/* @__PURE__ */ (0, K.jsx)(G, {
-										onClick: () => {
-											C(`opened_emails.post_id:${S}`);
-										},
-										children: "View members →"
-									}),
-									/* @__PURE__ */ (0, K.jsxs)(H, {
-										onClick: () => {
-											C(`opened_emails.post_id:${S}`);
-										},
-										children: [/* @__PURE__ */ (0, K.jsx)("div", { className: "ml-0.5 size-[9px] rounded-full bg-chart-blue opacity-50" }), "Opened"]
-									}),
-									/* @__PURE__ */ (0, K.jsx)(B, { children: /* @__PURE__ */ (0, K.jsx)(V, {
-										className: "text-xl leading-none sm:text-2xl md:text-[2.6rem]",
-										children: j(N.opened)
-									}) })
-								]
-							}),
-							g && /* @__PURE__ */ (0, K.jsxs)(W, {
-								className: "group relative isolate grow p-3 md:px-6 md:py-5",
-								children: [
-									/* @__PURE__ */ (0, K.jsx)(G, {
-										onClick: () => {
-											C(`clicked_links.post_id:${S}`);
-										},
-										children: "View members →"
-									}),
-									/* @__PURE__ */ (0, K.jsxs)(H, {
-										onClick: () => {
-											C(`clicked_links.post_id:${S}`);
-										},
-										children: [/* @__PURE__ */ (0, K.jsx)("div", { className: "ml-0.5 size-[9px] rounded-full bg-chart-teal opacity-50" }), "Clicked"]
-									}),
-									/* @__PURE__ */ (0, K.jsx)(B, { children: /* @__PURE__ */ (0, K.jsx)(V, {
-										className: "text-xl leading-none sm:text-2xl md:text-[2.6rem]",
-										children: j(N.clicked)
-									}) })
-								]
-							})
-						]
-					}), /* @__PURE__ */ (0, K.jsxs)("div", {
-						className: `$ mx-auto grid grid-cols-1 items-center justify-center gap-4 transition-all md:gap-0 ${Q === "grid-cols-2" && "md:grid-cols-2"} ${Q === "grid-cols-3" && "md:grid-cols-3"}`,
-						children: [
-							/* @__PURE__ */ (0, K.jsxs)("div", {
-								className: `relative border-r-0 px-6 ${(_ || g) && "md:border-r"}`,
-								children: [/* @__PURE__ */ (0, K.jsx)(R, {
-									className: $,
-									config: Re,
-									data: Le,
-									percentageLabel: "Sent",
-									percentageValue: M(1),
-									size: f,
-									tooltip: !1
-								}), (_ || g) && /* @__PURE__ */ (0, K.jsx)(je, {})]
-							}),
-							_ && /* @__PURE__ */ (0, K.jsxs)("div", {
-								className: `group/block relative border-r-0 px-6 transition-all hover:bg-muted/25 ${g && "md:border-r"}`,
-								children: [
-									/* @__PURE__ */ (0, K.jsx)(Me, {
-										avgValue: M(P.openedRate),
-										dataColor: "var(--chart-blue)",
-										value: M(N.openedRate)
-									}),
-									/* @__PURE__ */ (0, K.jsx)(R, {
-										className: $,
-										config: Be,
-										data: ze,
-										percentageLabel: "Open rate",
-										percentageValue: M(N.openedRate),
-										size: f,
-										tooltip: !1
-									}),
-									g && /* @__PURE__ */ (0, K.jsx)(je, {})
-								]
-							}),
-							g && /* @__PURE__ */ (0, K.jsxs)("div", {
-								className: "group/block relative px-6 transition-all hover:bg-muted/25",
-								children: [/* @__PURE__ */ (0, K.jsx)(Me, {
-									avgValue: M(P.clickedRate),
-									dataColor: "var(--chart-teal)",
-									value: M(N.clickedRate)
-								}), /* @__PURE__ */ (0, K.jsx)(R, {
-									className: $,
-									config: He,
-									data: Ve,
-									percentageLabel: "Click rate",
-									percentageValue: M(N.clickedRate),
-									size: f,
-									tooltip: !1
-								})]
-							})
-						]
-					})]
-				})]
-			}),
-			U && /* @__PURE__ */ (0, K.jsx)(De, { feedbackStats: L }),
-			g && /* @__PURE__ */ (0, K.jsxs)(T, {
-				className: "group/datalist overflow-hidden",
-				children: [
-					/* @__PURE__ */ (0, K.jsxs)("div", {
-						className: "flex items-center justify-between p-6",
-						children: [/* @__PURE__ */ (0, K.jsxs)(E, {
-							className: "p-0",
-							children: [/* @__PURE__ */ (0, K.jsx)(O, { children: "Newsletter clicks" }), /* @__PURE__ */ (0, K.jsx)(k, { children: "Which links resonated with your readers" })]
-						}), /* @__PURE__ */ (0, K.jsx)(oe, {
-							className: "mr-2",
-							children: "Members"
-						})]
-					}),
-					Z ? /* @__PURE__ */ (0, K.jsxs)(D, {
-						className: "p-6 pt-0",
-						children: [/* @__PURE__ */ (0, K.jsx)(v, {}), /* @__PURE__ */ (0, K.jsx)(y, { className: "mt-6" })]
-					}) : /* @__PURE__ */ (0, K.jsxs)(D, {
-						className: "pb-0",
-						children: [/* @__PURE__ */ (0, K.jsx)(v, {}), F.length > 0 ? /* @__PURE__ */ (0, K.jsx)(he, {
-							className: "",
-							children: /* @__PURE__ */ (0, K.jsx)(pe, { children: Ee?.map((e) => {
-								let t = N.clicked > 0 ? e.count / N.clicked : 0, n = e.link.link_id, r = e.link.title, a = e.link.to, o = e.link.edited;
-								return /* @__PURE__ */ (0, K.jsxs)(ge, { children: [
-									i !== n && /* @__PURE__ */ (0, K.jsx)(de, { style: { width: `${t ? Math.round(t * 100) : 0}%` } }),
-									/* @__PURE__ */ (0, K.jsx)(fe, {
-										className: "w-full",
-										children: i === n ? /* @__PURE__ */ (0, K.jsxs)("div", {
-											ref: d,
-											className: "flex w-full items-center gap-2",
-											children: [/* @__PURE__ */ (0, K.jsx)(ye, {
-												ref: u,
-												className: "z-50 h-7 w-full border-border bg-background text-sm",
-												value: s,
-												onChange: (e) => c(e.target.value)
-											}), /* @__PURE__ */ (0, K.jsx)(h, {
-												size: "sm",
-												onClick: we,
-												children: "Update"
-											})]
-										}) : /* @__PURE__ */ (0, K.jsxs)(K.Fragment, { children: [
-											/* @__PURE__ */ (0, K.jsx)(h, {
-												className: "mr-2 shrink-0 bg-background",
-												size: "sm",
-												variant: "outline",
-												onClick: () => Se(n),
-												children: /* @__PURE__ */ (0, K.jsx)(l, {})
-											}),
-											/* @__PURE__ */ (0, K.jsx)("a", {
-												className: "block truncate font-medium hover:underline",
-												href: a,
-												rel: "noreferrer",
-												target: "_blank",
-												title: r,
-												children: r
-											}),
-											o && /* @__PURE__ */ (0, K.jsx)("span", {
-												className: "ml-1 text-gray-500",
-												children: "(edited)"
-											})
-										] })
-									}),
-									/* @__PURE__ */ (0, K.jsxs)(me, { children: [/* @__PURE__ */ (0, K.jsx)(le, { children: j(e.count || 0) }), /* @__PURE__ */ (0, K.jsx)(ue, { children: M(t) })] })
-								] }, n);
-							}) })
-						}) : /* @__PURE__ */ (0, K.jsx)("div", {
-							className: "py-20 text-center text-sm text-gray-700",
-							children: "You have no links in your post."
-						})]
-					}),
-					!Z && F.length > 1 && /* @__PURE__ */ (0, K.jsx)(te, { children: /* @__PURE__ */ (0, K.jsxs)("div", {
-						className: "flex w-full items-start justify-between gap-3",
-						children: [/* @__PURE__ */ (0, K.jsxs)("div", {
-							className: "mt-2 flex items-start gap-2 pl-4 text-sm text-green",
-							children: [/* @__PURE__ */ (0, K.jsx)(p, {
-								size: 20,
-								strokeWidth: 1.5
-							}), "Sent a broken link? You can update it!"]
-						}), Te > 1 && /* @__PURE__ */ (0, K.jsx)(q, {
-							className: "pb-0",
-							children: /* @__PURE__ */ (0, K.jsxs)(J, { children: [/* @__PURE__ */ (0, K.jsx)(Y, {
-								disabled: !Ie,
-								onClick: Pe
-							}), /* @__PURE__ */ (0, K.jsx)(X, {
-								disabled: !Fe,
-								onClick: Ne
-							})] })
-						})]
-					}) })
-				]
-			})
-		]
-	}) })] });
-};
-//#endregion
-export { Ne as default };
-
-//# sourceMappingURL=newsletter-DAQJ1GLe.js.map