ghost 6.52.0 → 6.52.1

package/core/built/admin/assets/posts/overview-G3MfRm-S.js

@@ -1,426 +0,0 @@
-import { D as e, b as t, p as n, t as r, w as i } from "./jsx-runtime-BfZnKD4L.js";
-import { u as a } from "./chunk-KS7C4IRE-ECXkcZq6.js";
-import { H as o, K as s, W as c, b as l, q as u, t as d } from "./button-Dd8Xreln.js";
-import { t as f } from "./separator-DAZNzARU.js";
-import { t as p } from "./skeleton-CO0qCdQF.js";
-import { c as m, n as h } from "./post-analytics-context-D868SMoq.js";
-import { a as g, c as _, f as v, g as y, h as ee, i as te, l as b, m as ne, n as re, o as ie, p as x, r as ae, t as oe } from "./post-analytics-header-CZYiuaEL.js";
-import { r as S } from "./router-provider-DrqpOc8m.js";
-import { d as C, f as w, s as T } from "./shade-app-DLbeExcd-NeEZjE3R.js";
-import { r as E } from "./heading-BBl-8tMC.js";
-import { n as se } from "./posts-app-context-CPC7dOlt.js";
-import { i as D, l as ce, o as le, s as ue } from "./app-utils-9O53Czfw.js";
-import { c as O, l as k, n as A, o as j, r as M, s as N, t as de, u as fe } from "./data-list-DdD_glQ-.js";
-import { a as pe, n as me, o as he, r as P } from "./links-DLozzgMh.js";
-import { c as F, i as I, o as L, s as R, t as ge } from "./kpis-Fsx0XmYK.js";
-import { t as z } from "./empty-indicator-Ze-bwJ27.js";
-import { t as B } from "./loading-indicator-BgU2kK3v.js";
-import { c as V, d as H, l as U, s as W } from "./stats-B1Z8H0JT.js";
-import { centsToDollars as _e, n as ve, t as ye } from "./growth-DlhFUzVg.js";
-//#region ../shade/es/components/patterns/kpi-card.js
-n();
-var G = r(), K = ({ children: e, className: t, ...n }) => /* @__PURE__ */ (0, G.jsx)("div", {
-	className: T("flex flex-col items-start gap-4 border-r border-border px-6 py-5 transition-all last:border-none", t),
-	...n,
-	children: e
-}), q = ({ children: e, className: t, color: n, ...r }) => /* @__PURE__ */ (0, G.jsxs)("div", {
-	className: T("flex h-[22px] items-center gap-1.5 text-base font-medium text-muted-foreground [&_svg]:size-4", t),
-	...r,
-	children: [n && /* @__PURE__ */ (0, G.jsx)("div", {
-		className: "ml-1 size-2 rounded-full opacity-50",
-		style: { backgroundColor: n }
-	}), e]
-}), J = ({ value: e, diffDirection: t, diffValue: n, diffTooltip: r }) => {
-	let i = null;
-	return t && t !== "hidden" && (i = t === "empty" ? /* @__PURE__ */ (0, G.jsx)("div", {
-		className: "flex h-[22px] items-center px-1.5 text-xs leading-none font-medium",
-		"data-testid": "kpi-card-header-diff",
-		children: n
-	}) : /* @__PURE__ */ (0, G.jsx)(R, {
-		"data-testid": "kpi-card-header-diff",
-		direction: t,
-		tooltip: r,
-		value: n ?? ""
-	})), /* @__PURE__ */ (0, G.jsx)(F, {
-		trailing: i,
-		value: e,
-		valueTestId: "kpi-card-header-value"
-	});
-};
-//#endregion
-//#region src/views/PostAnalytics/Overview/components/newsletter-overview.tsx
-n();
-var be = ({ post: e, isNewsletterStatsLoading: t, isWebShown: n }) => {
-	let { postId: r } = a(), s = S(), l = i(() => {
-		let t = e.email?.opened_count || 0, n = e.email?.email_count || 0, r = e.count?.clicks || 0;
-		return {
-			opened: t,
-			clicked: r,
-			openedRate: n > 0 ? t / n : 0,
-			clickedRate: n > 0 ? r / n : 0,
-			sent: n
-		};
-	}, [e]), { data: u } = me({ searchParams: { filter: `post_id:'${r}'` } }), p = i(() => pe(u), [u]), m = [{
-		datatype: "Clicked",
-		value: l.clickedRate,
-		fill: "url(#gradientTeal)",
-		color: "var(--chart-teal)"
-	}, {
-		datatype: "Opened",
-		value: l.openedRate,
-		fill: "url(#gradientBlue)",
-		color: "var(--chart-blue)"
-	}], h = {
-		percentage: { label: "Opened" },
-		Average: { label: "Clicked" },
-		"This newsletter": { label: "Opened" }
-	}, g = e.email_only || !n;
-	return /* @__PURE__ */ (0, G.jsxs)(_, {
-		className: `group/datalist overflow-hidden ${g && "col-span-2"}`,
-		children: [/* @__PURE__ */ (0, G.jsxs)("div", {
-			className: "relative flex items-center justify-between gap-6",
-			children: [/* @__PURE__ */ (0, G.jsx)(v, { children: /* @__PURE__ */ (0, G.jsxs)(x, {
-				className: "flex items-center gap-1.5 text-lg",
-				children: [/* @__PURE__ */ (0, G.jsx)(o, {
-					size: 16,
-					strokeWidth: 1.5
-				}), "Newsletter performance"]
-			}) }), /* @__PURE__ */ (0, G.jsx)(d, {
-				className: "absolute right-6 translate-x-10 opacity-0 transition-all duration-300 group-hover/datalist:translate-x-0 group-hover/datalist:opacity-100 focus-visible:translate-x-0 focus-visible:opacity-100",
-				size: "sm",
-				variant: "outline",
-				onClick: () => {
-					s(`/posts/analytics/${r}/newsletter`);
-				},
-				children: "View more"
-			})]
-		}), t ? /* @__PURE__ */ (0, G.jsx)(b, { children: /* @__PURE__ */ (0, G.jsx)("div", {
-			className: "mx-auto flex min-h-[250px] items-center justify-center xl:size-full",
-			children: /* @__PURE__ */ (0, G.jsx)(B, {})
-		}) }) : /* @__PURE__ */ (0, G.jsxs)(b, {
-			className: `${g && "grid grid-cols-2"}`,
-			children: [/* @__PURE__ */ (0, G.jsxs)("div", {
-				className: `${g && "border-r pr-6"}`,
-				children: [
-					/* @__PURE__ */ (0, G.jsxs)("div", {
-						className: "grid grid-cols-2 gap-6",
-						children: [/* @__PURE__ */ (0, G.jsx)(K, {
-							className: "group relative flex grow flex-row items-start justify-between gap-5 border-none px-0 pt-0",
-							children: /* @__PURE__ */ (0, G.jsxs)("div", {
-								className: "flex grow flex-col gap-1.5 border-none pb-0",
-								children: [/* @__PURE__ */ (0, G.jsx)(q, {
-									color: "var(--chart-blue)",
-									children: "Open rate"
-								}), /* @__PURE__ */ (0, G.jsx)(J, { value: w(l.openedRate) })]
-							})
-						}), /* @__PURE__ */ (0, G.jsx)(K, {
-							className: "group relative flex grow flex-row items-start justify-between gap-5 border-none px-0 pt-0",
-							children: /* @__PURE__ */ (0, G.jsxs)("div", {
-								className: "flex grow flex-col gap-1.5 border-none pb-0",
-								children: [/* @__PURE__ */ (0, G.jsx)(q, {
-									color: "var(--chart-teal)",
-									children: "Click rate"
-								}), /* @__PURE__ */ (0, G.jsx)(J, { value: w(l.clickedRate) })]
-							})
-						})]
-					}),
-					!g && /* @__PURE__ */ (0, G.jsx)(f, {}),
-					/* @__PURE__ */ (0, G.jsx)("div", {
-						className: "mx-auto my-6 h-[240px]",
-						children: /* @__PURE__ */ (0, G.jsx)(he, {
-							className: "pointer-events-none aspect-square h-[240px]",
-							config: h,
-							data: m,
-							tooltip: !1
-						})
-					})
-				]
-			}), /* @__PURE__ */ (0, G.jsxs)("div", {
-				className: `${g && "pl-6"}`,
-				children: [!g && /* @__PURE__ */ (0, G.jsx)(f, {}), /* @__PURE__ */ (0, G.jsxs)("div", {
-					className: g ? "" : "pt-3",
-					children: [/* @__PURE__ */ (0, G.jsxs)("div", {
-						className: `flex items-center justify-between gap-3 ${g ? "pb-3" : "py-3"}`,
-						children: [/* @__PURE__ */ (0, G.jsx)("span", {
-							className: "font-medium text-muted-foreground",
-							children: "Top clicked links in this email"
-						}), /* @__PURE__ */ (0, G.jsx)(E, { children: "Members" })]
-					}), p.length > 0 ? /* @__PURE__ */ (0, G.jsx)(de, {
-						className: "",
-						children: /* @__PURE__ */ (0, G.jsx)(M, { children: p.slice(0, g ? 10 : 5).map((e) => {
-							let t = l.clicked > 0 ? e.count / l.clicked : 0;
-							return /* @__PURE__ */ (0, G.jsxs)(fe, { children: [
-								/* @__PURE__ */ (0, G.jsx)(A, { style: { width: `${t ? Math.round(t * 100) : 0}%` } }),
-								/* @__PURE__ */ (0, G.jsx)(j, { children: /* @__PURE__ */ (0, G.jsxs)("div", {
-									className: "flex items-center space-x-2 overflow-hidden",
-									children: [/* @__PURE__ */ (0, G.jsx)(c, {
-										className: "shrink-0 text-muted-foreground",
-										size: 16,
-										strokeWidth: 1.5
-									}), /* @__PURE__ */ (0, G.jsx)("a", {
-										className: "block truncate font-medium hover:underline",
-										href: e.link.to,
-										rel: "noreferrer",
-										target: "_blank",
-										title: e.link.to,
-										children: P(e.link.to, !0)
-									})]
-								}) }),
-								/* @__PURE__ */ (0, G.jsxs)(N, { children: [/* @__PURE__ */ (0, G.jsx)(O, { children: C(e.count || 0) }), /* @__PURE__ */ (0, G.jsx)(k, { children: w(t) })] })
-							] }, e.link.link_id);
-						}) })
-					}) : /* @__PURE__ */ (0, G.jsx)("div", {
-						className: "py-20 text-center text-sm text-gray-700",
-						children: "You have no links in your post."
-					})]
-				})]
-			})]
-		})]
-	});
-};
-//#endregion
-//#region src/views/PostAnalytics/Overview/components/web-overview.tsx
-n();
-var xe = ({ chartData: e, range: t, isLoading: n, visitors: r, sourcesData: o, isNewsletterShown: c = !0 }) => {
-	let { postId: l } = a(), u = S(), { data: p } = h(), m = p?.url, g = p?.icon, y = i(() => o ? o.reduce((e, t) => e + Number(t.visits || 0), 0) : 0, [o]);
-	return /* @__PURE__ */ (0, G.jsx)(G.Fragment, { children: /* @__PURE__ */ (0, G.jsxs)(_, {
-		className: `group/datalist overflow-hidden ${!c && "col-span-2"}`,
-		"data-testid": "web-performance",
-		children: [/* @__PURE__ */ (0, G.jsxs)("div", {
-			className: "relative flex items-center justify-between gap-6",
-			children: [/* @__PURE__ */ (0, G.jsx)(v, { children: /* @__PURE__ */ (0, G.jsxs)(x, {
-				className: "flex items-center gap-1.5 text-lg",
-				children: [/* @__PURE__ */ (0, G.jsx)(s, {
-					size: 16,
-					strokeWidth: 1.5
-				}), "Web performance"]
-			}) }), /* @__PURE__ */ (0, G.jsx)(d, {
-				className: "absolute right-6 translate-x-10 opacity-0 transition-all duration-300 group-hover/datalist:translate-x-0 group-hover/datalist:opacity-100 focus-visible:translate-x-0 focus-visible:opacity-100",
-				size: "sm",
-				variant: "outline",
-				onClick: () => {
-					u(`/posts/analytics/${l}/web`);
-				},
-				children: "View more"
-			})]
-		}), /* @__PURE__ */ (0, G.jsxs)(b, { children: [/* @__PURE__ */ (0, G.jsxs)("div", { children: [
-			/* @__PURE__ */ (0, G.jsx)(K, {
-				className: "group relative flex grow flex-row items-start justify-between gap-5 border-none px-0 pt-0",
-				"data-testid": "unique-visitors",
-				children: /* @__PURE__ */ (0, G.jsxs)("div", {
-					className: "flex grow flex-col gap-1.5 border-none pb-0",
-					children: [/* @__PURE__ */ (0, G.jsx)(q, {
-						color: "var(--chart-blue)",
-						children: "Unique visitors"
-					}), /* @__PURE__ */ (0, G.jsx)(J, { value: C(r) })]
-				})
-			}),
-			/* @__PURE__ */ (0, G.jsx)(f, {}),
-			/* @__PURE__ */ (0, G.jsx)("div", {
-				className: "max-h-[288px] py-6 [&_.recharts-cartesian-axis-tick-value]:fill-gray-500",
-				children: n ? /* @__PURE__ */ (0, G.jsx)("div", {
-					className: "flex h-[16vw] min-h-[240px] items-center justify-center",
-					children: /* @__PURE__ */ (0, G.jsx)(B, {})
-				}) : /* @__PURE__ */ (0, G.jsx)(L, {
-					className: "aspect-auto h-[240px] w-full",
-					color: "var(--chart-blue)",
-					data: e || [],
-					id: "visitors",
-					range: t,
-					syncId: "overview-charts"
-				})
-			})
-		] }), c && /* @__PURE__ */ (0, G.jsxs)("div", {
-			className: c ? "border-t pt-3" : "-mt-3",
-			children: [/* @__PURE__ */ (0, G.jsx)("div", { children: /* @__PURE__ */ (0, G.jsxs)("div", {
-				className: "flex items-center justify-between gap-3 py-3",
-				children: [/* @__PURE__ */ (0, G.jsx)("span", {
-					className: "font-medium text-muted-foreground",
-					children: "How readers found this post"
-				}), /* @__PURE__ */ (0, G.jsx)(E, { children: "Visitors" })]
-			}) }), o && o.length > 0 ? /* @__PURE__ */ (0, G.jsx)(I, {
-				data: o,
-				range: t,
-				siteIcon: g,
-				siteUrl: m,
-				tableOnly: !0,
-				topSourcesLimit: 5,
-				totalVisitors: y
-			}) : /* @__PURE__ */ (0, G.jsx)(z, {
-				className: "h-full py-10",
-				description: "Once someone visits this post, sources will show here",
-				title: "No visitors since you published this post",
-				children: /* @__PURE__ */ (0, G.jsx)(s, { strokeWidth: 1.5 })
-			})]
-		})] })]
-	}) });
-};
-//#endregion
-//#region src/views/PostAnalytics/Overview/overview.tsx
-n();
-var Y = () => {
-	let n = S(), { statsConfig: r, isLoading: a, post: o, isPostLoading: s, postId: c } = h(), { totals: f, isLoading: w, currencySymbol: T } = ye(c), { appSettings: E } = se(), { emailTrackClicks: O, emailTrackOpens: k } = E?.analytics || {}, A = E?.analytics?.webAnalytics === !0, j = re(o), { token: M, isLoading: N, error: de } = g(c, { enabled: j }), { usage: fe, loading: pe, error: me } = te({
-		postUuid: o?.uuid,
-		token: M,
-		tokenLoading: N,
-		tokenError: de,
-		enabled: j
-	}), [he, P] = e(!1), F = i(() => o?.published_at ? ue(o.published_at) : m.ALL_TIME.value, [o?.published_at]), { startDate: I, endDate: L, timezone: R } = le(F), z = i(() => {
-		let e = {
-			site_uuid: r?.id || "",
-			date_from: D(I),
-			date_to: D(L),
-			timezone: R,
-			post_uuid: ""
-		};
-		return !s && o?.uuid ? {
-			...e,
-			post_uuid: o.uuid
-		} : e;
-	}, [
-		s,
-		o,
-		r?.id,
-		I,
-		L,
-		R
-	]), { data: K, loading: q } = y({
-		endpoint: "api_kpis",
-		statsConfig: r,
-		params: z
-	}), J = i(() => K?.length ? K.reduce((e, t) => {
-		let n = Number(t.visits);
-		return e + (isNaN(n) ? 0 : n);
-	}, 0) : 0, [K]), Y = ge.visits, Se = ce(K || [], F, Y.dataKey, "sum")?.map((e) => {
-		let t = Number(e[Y.dataKey]);
-		return {
-			date: String(e.date),
-			value: t,
-			formattedValue: Y.formatter(t),
-			label: Y.label
-		};
-	}), { data: Ce, loading: we } = y({
-		endpoint: "api_top_sources",
-		statsConfig: r,
-		params: z
-	}), Te = a || w || s || q, Ee = s || a || q, X = ee(o) && k && O, Z = !o?.email_only && A, Q = E?.analytics.membersTrackSources, $ = !!(j && o && E?.analytics.webAnalytics);
-	return t(() => {
-		!s && o && ne(o) && !A && Q && n(`/posts/analytics/${c}/growth`, { replace: !0 });
-	}, [
-		s,
-		o,
-		A,
-		n,
-		c,
-		Q
-	]), s ? /* @__PURE__ */ (0, G.jsx)(B, {}) : /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [
-		/* @__PURE__ */ (0, G.jsx)(oe, { currentTab: "Overview" }),
-		/* @__PURE__ */ (0, G.jsx)(ie, { children: /* @__PURE__ */ (0, G.jsxs)("div", {
-			className: "flex flex-col gap-6 lg:grid lg:grid-cols-2",
-			children: [
-				Z && /* @__PURE__ */ (0, G.jsx)(xe, {
-					chartData: Se,
-					isLoading: Ee || Te || we,
-					isNewsletterShown: X,
-					range: F,
-					sourcesData: Ce,
-					visitors: J
-				}),
-				X && /* @__PURE__ */ (0, G.jsx)(be, {
-					isNewsletterStatsLoading: s,
-					isWebShown: Z,
-					post: o
-				}),
-				(Q || $) && /* @__PURE__ */ (0, G.jsxs)("div", {
-					className: "col-span-2 flex flex-col gap-6 lg:grid lg:grid-cols-3",
-					children: [Q && /* @__PURE__ */ (0, G.jsxs)(_, {
-						className: `group overflow-hidden p-0 ${$ ? "lg:col-span-2" : "lg:col-span-3"}`,
-						"data-testid": "growth",
-						children: [/* @__PURE__ */ (0, G.jsxs)("div", {
-							className: "relative flex items-center justify-between gap-6",
-							children: [/* @__PURE__ */ (0, G.jsx)(v, { children: /* @__PURE__ */ (0, G.jsxs)(x, {
-								className: "flex items-center gap-1.5 text-lg",
-								children: [/* @__PURE__ */ (0, G.jsx)(l, {
-									size: 16,
-									strokeWidth: 1.5
-								}), "Growth"]
-							}) }), /* @__PURE__ */ (0, G.jsx)(d, {
-								className: "absolute right-6 translate-x-10 opacity-0 transition-all duration-200 group-hover:translate-x-0 group-hover:opacity-100 focus-visible:translate-x-0 focus-visible:opacity-100",
-								size: "sm",
-								variant: "outline",
-								onClick: () => {
-									n(`/posts/analytics/${c}/growth`);
-								},
-								children: "View more"
-							})]
-						}), /* @__PURE__ */ (0, G.jsx)(b, {
-							className: "flex flex-col gap-6 px-0 md:grid md:grid-cols-3 md:items-stretch md:gap-0",
-							children: Te ? Array.from({ length: 3 }, (e, t) => /* @__PURE__ */ (0, G.jsxs)("div", {
-								className: "h-[98px] gap-1 border-r px-6 py-5 last:border-r-0",
-								children: [/* @__PURE__ */ (0, G.jsx)(p, { className: "w-2/3" }), /* @__PURE__ */ (0, G.jsx)(p, { className: "h-7 w-12" })]
-							}, t)) : /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [/* @__PURE__ */ (0, G.jsxs)(W, {
-								className: "grow gap-1 py-0",
-								children: [/* @__PURE__ */ (0, G.jsx)(U, { children: "Free members" }), /* @__PURE__ */ (0, G.jsx)(V, { children: /* @__PURE__ */ (0, G.jsx)(H, {
-									className: "text-[2.2rem]",
-									children: C(f?.free_members || 0)
-								}) })]
-							}), E?.paidMembersEnabled && /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [/* @__PURE__ */ (0, G.jsxs)(W, {
-								className: "grow gap-1 py-0",
-								children: [/* @__PURE__ */ (0, G.jsx)(U, { children: "Paid members" }), /* @__PURE__ */ (0, G.jsx)(V, { children: /* @__PURE__ */ (0, G.jsx)(H, {
-									className: "text-[2.2rem]",
-									children: C(f?.paid_members || 0)
-								}) })]
-							}), /* @__PURE__ */ (0, G.jsxs)(W, {
-								className: "grow gap-1 py-0",
-								children: [/* @__PURE__ */ (0, G.jsx)(U, { children: "MRR impact" }), /* @__PURE__ */ (0, G.jsx)(V, { children: /* @__PURE__ */ (0, G.jsxs)(H, {
-									className: "text-[2.2rem]",
-									children: [T, C(_e(f?.mrr || 0))]
-								}) })]
-							})] })] })
-						})]
-					}), $ && /* @__PURE__ */ (0, G.jsxs)(_, {
-						className: `group/datalist overflow-hidden ${Q ? "lg:col-span-1" : "lg:col-span-3"}`,
-						"data-testid": "gift-link-card",
-						children: [/* @__PURE__ */ (0, G.jsxs)("div", {
-							className: "relative flex items-center justify-between gap-6",
-							children: [/* @__PURE__ */ (0, G.jsx)(v, { children: /* @__PURE__ */ (0, G.jsxs)(x, {
-								className: "flex items-center gap-1.5 text-lg",
-								children: [/* @__PURE__ */ (0, G.jsx)(u, {
-									size: 16,
-									strokeWidth: 1.5
-								}), "Gift link"]
-							}) }), /* @__PURE__ */ (0, G.jsx)(d, {
-								className: "absolute right-6 translate-x-10 opacity-0 transition-all duration-300 group-hover/datalist:translate-x-0 group-hover/datalist:opacity-100 focus-visible:translate-x-0 focus-visible:opacity-100",
-								size: "sm",
-								variant: "outline",
-								onClick: () => P(!0),
-								children: "Share"
-							})]
-						}), !pe && !me && /* @__PURE__ */ (0, G.jsxs)(b, {
-							className: "flex flex-col gap-1",
-							children: [/* @__PURE__ */ (0, G.jsx)("span", {
-								className: "text-sm text-muted-foreground",
-								children: "Visitors"
-							}), /* @__PURE__ */ (0, G.jsx)("span", {
-								className: "text-[2.2rem] leading-none font-semibold",
-								"data-testid": "gift-link-card-visitors",
-								children: C(fe?.visits ?? 0)
-							})]
-						})]
-					})]
-				}),
-				!Z && !X && !Q && !$ && /* @__PURE__ */ (0, G.jsx)(ve, { className: "col-span-2 py-20" })
-			]
-		}) }),
-		$ && /* @__PURE__ */ (0, G.jsx)(ae, {
-			open: he,
-			postId: c,
-			source: "gift-link-card",
-			onOpenChange: P
-		}, c)
-	] });
-};
-//#endregion
-export { Y as default };
-
-//# sourceMappingURL=overview-G3MfRm-S.js.map