ghost 6.11.0 → 6.12.0

package/core/built/admin/assets/stats/index-DEkYwR7C.mjs

@@ -0,0 +1,739 @@
+import { a as ue, j as e, u as J, b as le, d as ie, O as _e, t as Me, n as Z, g as o, i as U, T as L, V as ee, k as G, o as he, m as Pe, p as te, R as pe, e as je } from "./index-BKgioyC7.mjs";
+import { E as xe, aP as Be, B as be, aO as se, j as Ee, au as Ve, av as Ye, aw as Oe, ax as ae, k as ge, aQ as Fe, aR as Ge, aS as Re, aT as $e, aU as Ae, aV as ze, aW as ve, aX as Le, aY as Ie, m as ne, S as Ce, F as Ke, aD as Ue, aZ as We, y as He, z as Qe, N as qe, D as Xe, A as Je, a as Ne, e as ye, b as Ze, c as es, d as ss, J as as } from "./stats-Bbm6yWZq.mjs";
+import { T as de, a as me, K as re, c as R, d as rs, b as W, e as we } from "./tabs-BKwH5k-q.mjs";
+import { B as ts, T as X, a as S, b as y, c as ns, d as ke, e as De, f as $, S as H } from "./sort-button-Bvi1wfa7.mjs";
+import { k as ls, S as is, a as cs, b as os, c as ds, d as ms, f as us, g as hs, C as K, h as xs, l as bs, j as fs } from "./url-helpers-DmHnUIGc.mjs";
+import { g as oe, u as ps } from "./use-growth-stats-BVj3j1hb.mjs";
+import { g as js } from "./audience-select-fTCiZ9MT.mjs";
+const Se = ({ className: c }) => {
+  const p = ue();
+  return /* @__PURE__ */ e.jsx(
+    xe,
+    {
+      actions: /* @__PURE__ */ e.jsx(be, { variant: "outline", onClick: () => p("/settings/analytics", { crossApp: !0 }), children: "Open settings" }),
+      className: c,
+      description: "Enable member source tracking in settings to see which content drives member growth.",
+      title: "Member sources have been disabled",
+      children: /* @__PURE__ */ e.jsx(Be, {})
+    }
+  );
+}, gs = ({ chartData: c, subscriptionData: p, totals: w, initialTab: h = "total-members", currencySymbol: j, isLoading: f }) => {
+  const [a, x] = J(h), [m, I] = J("total"), { range: r } = le(), { appSettings: b } = ie(), Q = ue(), [M] = _e();
+  Me(() => {
+    x(h);
+  }, [h]);
+  const k = (s) => {
+    x(s);
+    const l = new URLSearchParams(M);
+    l.set("tab", s), Q(`?${l.toString()}`, { replace: !0 });
+  }, { totalMembers: P, freeMembers: O, paidMembers: F, mrr: B, percentChanges: D, directions: n } = w, C = (s, l) => {
+    if (l === 1) {
+      const T = L().format("YYYY-MM-DD"), _ = s.find((z) => z.date === T);
+      return [{
+        date: T,
+        signups: (_ == null ? void 0 : _.signups) || 0,
+        cancellations: (_ == null ? void 0 : _.cancellations) || 0
+      }];
+    }
+    const { startDate: t, endDate: u } = he(l), d = L(u).diff(L(t), "days"), g = Le(l, d, "sum"), A = new Map(s.map((T) => [T.date, T])), q = [], E = L(t), ce = L(u);
+    for (; E.isSameOrBefore(ce); ) {
+      let T, _;
+      switch (g) {
+        case "weekly":
+          T = E.startOf("week").format("YYYY-MM-DD"), _ = "week";
+          break;
+        case "monthly":
+          T = E.startOf("month").format("YYYY-MM-DD"), _ = "month";
+          break;
+        default:
+          T = E.format("YYYY-MM-DD"), _ = "day";
+      }
+      const z = A.get(T);
+      z ? q.push(z) : q.push({
+        date: T,
+        signups: 0,
+        cancellations: 0
+      }), E.add(1, _);
+    }
+    return q;
+  }, v = Z(() => {
+    if (!c || c.length === 0)
+      return [];
+    let s = [], l = "value";
+    switch (a) {
+      case "free-members":
+        l = "free";
+        break;
+      case "paid-members":
+        l = "paid";
+        break;
+      case "mrr": {
+        l = "mrr";
+        break;
+      }
+      default:
+        l = "value";
+    }
+    s = se(c, r, l, "exact");
+    let t = [];
+    switch (a) {
+      case "free-members":
+        t = s.map((u) => ({
+          ...u,
+          value: u.free,
+          formattedValue: o(u.free),
+          label: "Free members"
+        }));
+        break;
+      case "paid-members":
+        t = s.map((u) => ({
+          ...u,
+          value: u.paid,
+          formattedValue: o(u.paid),
+          label: "Paid members"
+        }));
+        break;
+      case "mrr":
+        t = s.map((u) => ({
+          ...u,
+          value: U(u.mrr),
+          formattedValue: `${j}${o(U(u.mrr))}`,
+          label: "MRR"
+        }));
+        break;
+      default:
+        t = s.map((u) => {
+          const d = u.free + u.paid;
+          return {
+            ...u,
+            value: d,
+            formattedValue: o(d),
+            label: "Total members"
+          };
+        });
+    }
+    return t;
+  }, [a, c, r, j]), N = {
+    "total-members": {
+      color: "hsl(var(--chart-darkblue))"
+    },
+    "free-members": {
+      color: "hsl(var(--chart-blue))"
+    },
+    "paid-members": {
+      color: "hsl(var(--chart-purple))"
+    },
+    mrr: {
+      color: "hsl(var(--chart-teal))"
+    }
+  }, V = Z(() => {
+    if (a !== "paid-members")
+      return [];
+    if (p && p.length > 0) {
+      if (r === 1) {
+        const d = L().format("YYYY-MM-DD"), g = p.find((A) => A.date === d);
+        return [{
+          date: ee(d, r),
+          new: (g == null ? void 0 : g.signups) || 0,
+          cancelled: -((g == null ? void 0 : g.cancellations) || 0)
+          // Negative for the stacked bar chart
+        }];
+      }
+      const s = se(p, r, "signups", "sum"), l = se(p, r, "cancellations", "sum"), t = s.map((d) => {
+        var g;
+        return {
+          date: d.date,
+          signups: d.signups || 0,
+          cancellations: ((g = l.find((A) => A.date === d.date)) == null ? void 0 : g.cancellations) || 0
+        };
+      });
+      return l.forEach((d) => {
+        t.find((g) => g.date === d.date) || t.push({
+          date: d.date,
+          signups: 0,
+          cancellations: d.cancellations || 0
+        });
+      }), t.sort((d, g) => new Date(d.date).getTime() - new Date(g.date).getTime()), C(t, r).map((d) => ({
+        date: ee(d.date, r),
+        new: d.signups || 0,
+        cancelled: -(d.cancellations || 0)
+        // Negative for the stacked bar chart
+      }));
+    } else {
+      if (!c || c.length === 0)
+        return [];
+      if (r === 1) {
+        const l = L().format("YYYY-MM-DD"), t = c.find((u) => u.date === l);
+        return [{
+          date: ee(l, r),
+          new: (t == null ? void 0 : t.paid_subscribed) || 0,
+          cancelled: -((t == null ? void 0 : t.paid_canceled) || 0)
+          // Negative for the stacked bar chart
+        }];
+      }
+      return se(c, r, "paid", "exact").map((l) => ({
+        date: ee(l.date, r),
+        new: l.paid_subscribed || 0,
+        cancelled: -(l.paid_canceled || 0)
+        // Negative for the stacked bar chart
+      }));
+    }
+  }, [a, c, p, r]), Y = {
+    new: {
+      label: "New",
+      color: "hsl(var(--chart-teal))"
+    },
+    cancelled: {
+      label: "Cancelled",
+      color: "hsl(var(--chart-rose))"
+    }
+  };
+  if (f)
+    return /* @__PURE__ */ e.jsx("div", { className: "-mb-6 flex h-[calc(16vw+132px)] w-full items-start justify-center", children: /* @__PURE__ */ e.jsx(Ee, {}) });
+  const i = "-mb-3 h-[16vw] max-h-[320px] w-full min-h-[180px]";
+  return /* @__PURE__ */ e.jsxs(de, { defaultValue: h, variant: "kpis", children: [
+    /* @__PURE__ */ e.jsxs(me, { className: `-mx-6 ${b != null && b.paidMembersEnabled ? "hidden grid-cols-4 lg:!visible lg:!grid" : "grid grid-cols-4"}`, children: [
+      /* @__PURE__ */ e.jsx(re, { className: b != null && b.paidMembersEnabled ? "" : "cursor-auto after:hidden", value: "total-members", onClick: () => {
+        b != null && b.paidMembersEnabled && k("total-members");
+      }, children: /* @__PURE__ */ e.jsx(
+        R,
+        {
+          color: "hsl(var(--chart-darkblue))",
+          diffDirection: r === G.allTime.value ? "hidden" : n.total,
+          diffValue: D.total,
+          label: "Total members",
+          value: o(P)
+        }
+      ) }),
+      (b == null ? void 0 : b.paidMembersEnabled) && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(re, { value: "free-members", onClick: () => {
+          k("free-members");
+        }, children: /* @__PURE__ */ e.jsx(
+          R,
+          {
+            color: "hsl(var(--chart-blue))",
+            diffDirection: r === G.allTime.value ? "hidden" : n.free,
+            diffValue: D.free,
+            label: "Free members",
+            value: o(O)
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx(re, { value: "paid-members", onClick: () => {
+          k("paid-members");
+        }, children: /* @__PURE__ */ e.jsx(
+          R,
+          {
+            color: "hsl(var(--chart-purple))",
+            diffDirection: r === G.allTime.value ? "hidden" : n.paid,
+            diffValue: D.paid,
+            label: "Paid members",
+            value: o(F)
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx(re, { value: "mrr", onClick: () => {
+          k("mrr");
+        }, children: /* @__PURE__ */ e.jsx(
+          R,
+          {
+            color: "hsl(var(--chart-teal))",
+            diffDirection: r === G.allTime.value ? "hidden" : n.mrr,
+            diffValue: D.mrr,
+            label: "MRR",
+            value: `${j}${o(U(B))}`
+          }
+        ) })
+      ] })
+    ] }),
+    (b == null ? void 0 : b.paidMembersEnabled) && /* @__PURE__ */ e.jsxs(Ve, { children: [
+      /* @__PURE__ */ e.jsx(Ye, { className: "lg:hidden", asChild: !0, children: /* @__PURE__ */ e.jsxs(rs, { children: [
+        a === "total-members" && /* @__PURE__ */ e.jsx(
+          R,
+          {
+            color: "hsl(var(--chart-darkblue))",
+            diffDirection: r === G.allTime.value ? "hidden" : n.total,
+            diffValue: D.total,
+            label: "Total members",
+            value: o(P)
+          }
+        ),
+        a === "free-members" && /* @__PURE__ */ e.jsx(
+          R,
+          {
+            color: "hsl(var(--chart-blue))",
+            diffDirection: r === G.allTime.value ? "hidden" : n.free,
+            diffValue: D.free,
+            label: "Free members",
+            value: o(O)
+          }
+        ),
+        a === "paid-members" && /* @__PURE__ */ e.jsx(
+          R,
+          {
+            color: "hsl(var(--chart-purple))",
+            diffDirection: r === G.allTime.value ? "hidden" : n.paid,
+            diffValue: D.paid,
+            label: "Paid members",
+            value: o(F)
+          }
+        ),
+        a === "mrr" && /* @__PURE__ */ e.jsx(
+          R,
+          {
+            color: "hsl(var(--chart-teal))",
+            diffDirection: r === G.allTime.value ? "hidden" : n.mrr,
+            diffValue: D.mrr,
+            label: "MRR",
+            value: `${j}${o(U(B))}`
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ e.jsxs(Oe, { align: "end", className: "w-56", children: [
+        /* @__PURE__ */ e.jsx(ae, { onClick: () => k("total-members"), children: "Total members" }),
+        /* @__PURE__ */ e.jsx(ae, { onClick: () => k("free-members"), children: "Free members" }),
+        /* @__PURE__ */ e.jsx(ae, { onClick: () => k("paid-members"), children: "Paid members" }),
+        /* @__PURE__ */ e.jsx(ae, { onClick: () => k("mrr"), children: "MRR" })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "my-4 [&_.recharts-cartesian-axis-tick-value]:fill-gray-500", children: a === "paid-members" ? /* @__PURE__ */ e.jsxs(
+      de,
+      {
+        defaultValue: m,
+        variant: "button-sm",
+        onValueChange: (s) => {
+          I(s);
+        },
+        children: [
+          /* @__PURE__ */ e.jsx("div", { className: "mb-4 mt-2 flex w-full items-center justify-start", children: /* @__PURE__ */ e.jsxs(me, { className: "flex items-center", children: [
+            /* @__PURE__ */ e.jsx(W, { value: "total", children: "Total" }),
+            /* @__PURE__ */ e.jsx(W, { value: "change", children: "Change" })
+          ] }) }),
+          /* @__PURE__ */ e.jsx(we, { value: "total", children: /* @__PURE__ */ e.jsx(
+            ge,
+            {
+              className: i,
+              color: N[a].color,
+              data: v,
+              dataFormatter: o,
+              id: "paid-members",
+              range: r
+            }
+          ) }),
+          /* @__PURE__ */ e.jsxs(we, { value: "change", children: [
+            /* @__PURE__ */ e.jsx(Fe, { className: "mt-6 aspect-auto h-[200px] w-full md:h-[220px] xl:h-[260px]", config: Y, children: /* @__PURE__ */ e.jsxs(
+              ts,
+              {
+                data: V,
+                stackOffset: "sign",
+                children: [
+                  /* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsxs("linearGradient", { id: "tealGradient", x1: "0", x2: "0", y1: "0", y2: "1", children: [
+                    /* @__PURE__ */ e.jsx("stop", { offset: "0%", stopColor: "var(--color-new)", stopOpacity: 0.8 }),
+                    /* @__PURE__ */ e.jsx("stop", { offset: "100%", stopColor: "var(--color-new)", stopOpacity: 0.6 })
+                  ] }) }),
+                  /* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsxs("linearGradient", { id: "roseGradient", x1: "0", x2: "0", y1: "0", y2: "1", children: [
+                    /* @__PURE__ */ e.jsx("stop", { offset: "0%", stopColor: "var(--color-cancelled)", stopOpacity: 0.6 }),
+                    /* @__PURE__ */ e.jsx("stop", { offset: "100%", stopColor: "var(--color-cancelled)", stopOpacity: 0.8 })
+                  ] }) }),
+                  /* @__PURE__ */ e.jsx(Ge, { vertical: !1 }),
+                  /* @__PURE__ */ e.jsx(
+                    Re,
+                    {
+                      axisLine: !1,
+                      dataKey: "date",
+                      tickFormatter: () => "",
+                      tickLine: !1,
+                      tickMargin: 10
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx(
+                    $e,
+                    {
+                      axisLine: !1,
+                      tickFormatter: (s) => s < 0 ? o(s * -1) : o(s),
+                      tickLine: !1
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx(
+                    Ae,
+                    {
+                      content: /* @__PURE__ */ e.jsx(
+                        ze,
+                        {
+                          className: "!min-w-[120px] px-3 py-2",
+                          formatter: (s, l, t, u) => {
+                            var T, _, z, fe;
+                            const d = Number(s);
+                            let g = "0";
+                            d === 0 ? g = "0" : g = d < 0 ? o(d * -1) : o(d);
+                            const A = Number(((T = t == null ? void 0 : t.payload) == null ? void 0 : T.new) || 0), q = Number(((_ = t == null ? void 0 : t.payload) == null ? void 0 : _.cancelled) || 0), E = A + q, ce = E === 0 ? "0" : E > 0 ? `+${o(E)}` : o(E);
+                            return /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col", children: [
+                              u === 0 && /* @__PURE__ */ e.jsx("div", { className: "mb-1 text-sm font-medium text-foreground", children: (z = t == null ? void 0 : t.payload) == null ? void 0 : z.date }),
+                              /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center justify-between gap-4", children: [
+                                /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1", children: [
+                                  /* @__PURE__ */ e.jsx(
+                                    "div",
+                                    {
+                                      className: "size-2 shrink-0 rounded-full bg-[var(--color-bg)] opacity-50",
+                                      style: {
+                                        "--color-bg": `var(--color-${l})`
+                                      }
+                                    }
+                                  ),
+                                  /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground", children: ((fe = Y[l]) == null ? void 0 : fe.label) || l })
+                                ] }),
+                                /* @__PURE__ */ e.jsx("div", { className: "ml-auto flex items-baseline gap-0.5 font-mono font-medium tabular-nums text-foreground", children: g })
+                              ] }),
+                              u === 1 && /* @__PURE__ */ e.jsxs("div", { className: "mt-1 flex w-full items-center justify-between gap-4 border-t pt-1", children: [
+                                /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground", children: "Net change" }),
+                                /* @__PURE__ */ e.jsx("div", { className: "ml-auto flex items-baseline gap-0.5 font-mono font-medium tabular-nums text-foreground", children: ce })
+                              ] })
+                            ] });
+                          },
+                          hideLabel: !0
+                        }
+                      ),
+                      cursor: !1,
+                      isAnimationActive: !1,
+                      position: { y: 10 }
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx(
+                    ve,
+                    {
+                      activeBar: { fillOpacity: 1 },
+                      dataKey: "new",
+                      fill: "url(#tealGradient)",
+                      fillOpacity: 0.75,
+                      maxBarSize: 32,
+                      minPointSize: 3,
+                      radius: [4, 4, 0, 0],
+                      stackId: "a"
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx(
+                    ve,
+                    {
+                      activeBar: { fillOpacity: 1 },
+                      dataKey: "cancelled",
+                      fill: "url(#roseGradient)",
+                      fillOpacity: 0.75,
+                      maxBarSize: 32,
+                      radius: [4, 4, 0, 0],
+                      stackId: "a"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center gap-6 text-sm text-muted-foreground", children: [
+              /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ e.jsx(
+                  "span",
+                  {
+                    className: "size-2 rounded-full opacity-50",
+                    style: {
+                      backgroundColor: Y.new.color
+                    }
+                  }
+                ),
+                "New"
+              ] }),
+              /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ e.jsx(
+                  "span",
+                  {
+                    className: "size-2 rounded-full opacity-50",
+                    style: {
+                      backgroundColor: Y.cancelled.color
+                    }
+                  }
+                ),
+                "Cancelled"
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    ) : /* @__PURE__ */ e.jsx(
+      ge,
+      {
+        className: i,
+        color: N[a].color,
+        data: v,
+        dataFormatter: a === "mrr" ? (s) => `${j}${o(s)}` : o,
+        id: "mrr",
+        range: r
+      }
+    ) })
+  ] });
+}, vs = Pe({
+  dataType: "TopSourcesGrowthResponseType",
+  path: "/stats/top-sources-growth"
+}), Ns = (c, p = "signups desc", w = 50) => {
+  const { audience: h } = le(), { startDate: j, endDate: f, timezone: a } = he(c), x = {
+    date_from: te(j),
+    date_to: te(f),
+    member_status: js(h),
+    order: p,
+    limit: w.toString()
+  };
+  return a && (x.timezone = a), vs({ searchParams: x });
+}, Te = ({ data: c, currencySymbol: p, limit: w, defaultSourceIconUrl: h }) => {
+  const j = w ? c.slice(0, w) : c, { appSettings: f } = ie();
+  return /* @__PURE__ */ e.jsx(X, { children: j.map((a) => /* @__PURE__ */ e.jsxs(S, { className: "last:border-none", children: [
+    /* @__PURE__ */ e.jsx(y, { className: "font-medium", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e.jsx(
+        hs,
+        {
+          defaultSourceIconUrl: h,
+          displayName: a.displayName,
+          iconSrc: a.iconSrc
+        }
+      ),
+      a.linkUrl ? /* @__PURE__ */ e.jsx(
+        "a",
+        {
+          className: "hover:underline",
+          href: a.linkUrl,
+          rel: "noreferrer",
+          target: "_blank",
+          children: a.displayName
+        }
+      ) : /* @__PURE__ */ e.jsx("span", { children: a.displayName })
+    ] }) }),
+    /* @__PURE__ */ e.jsxs(y, { className: "text-right font-mono text-sm", children: [
+      "+",
+      o(a.free_members)
+    ] }),
+    (f == null ? void 0 : f.paidMembersEnabled) && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsxs(y, { className: "text-right font-mono text-sm", children: [
+        "+",
+        o(a.paid_members)
+      ] }),
+      /* @__PURE__ */ e.jsxs(y, { className: "text-right font-mono text-sm", children: [
+        "+",
+        p,
+        o(U(a.mrr))
+      ] })
+    ] })
+  ] }, a.source)) });
+}, ys = ({
+  range: c,
+  limit: p = 20,
+  showViewAll: w = !1,
+  sortBy: h,
+  setSortBy: j
+}) => {
+  const { data: f } = le(), { data: a } = Ie(), { appSettings: x } = ie(), [m, I] = J("free_members desc"), r = h || m, b = j || I, Q = r.replace("free_members", "signups").replace("paid_members", "paid_conversions"), { data: M, isLoading: k } = Ns(c, Q, p), P = f == null ? void 0 : f.url, O = "https://www.google.com/s2/favicons?domain=ghost.org&sz=64", F = pe.useMemo(() => {
+    var C;
+    if (a != null && a.stats && ((C = a == null ? void 0 : a.meta) != null && C.totals)) {
+      const v = a.meta.totals;
+      let N = v[0];
+      if (!N)
+        return oe("usd");
+      for (const V of v)
+        V.mrr > N.mrr && (N = V);
+      return oe(N.currency);
+    }
+    return oe("usd");
+  }, [a]), B = pe.useMemo(() => M != null && M.stats ? M.stats.map((C) => {
+    const v = C.source || "Direct", { domain: N } = ls(v, P), V = N ? `https://www.faviconextractor.com/favicon/${N}?larger=true` : O, Y = N && v !== "Direct" ? `https://${N}` : void 0;
+    return {
+      source: v,
+      free_members: C.signups,
+      // Backend returns 'signups', we map to 'free_members' for display
+      paid_members: C.paid_conversions,
+      // Backend returns 'paid_conversions', we map to 'paid_members' for display
+      mrr: C.mrr,
+      iconSrc: V,
+      displayName: v,
+      linkUrl: Y
+    };
+  }) : [], [M, P]), D = "Top sources", n = `Where did your growth come from ${ne(c)}`;
+  return x != null && x.analytics.membersTrackSources ? k ? /* @__PURE__ */ e.jsx(X, { children: /* @__PURE__ */ e.jsx(S, { className: "last:border-none", children: /* @__PURE__ */ e.jsx(y, { className: "border-none py-2", colSpan: 1, children: /* @__PURE__ */ e.jsx(Ce, { containerClassName: "space-y-2", count: 5, maxWidth: 75, randomize: !0 }) }) }) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    B.length > 0 ? /* @__PURE__ */ e.jsx(
+      Te,
+      {
+        currencySymbol: F,
+        data: B,
+        defaultSourceIconUrl: O,
+        limit: p
+      }
+    ) : /* @__PURE__ */ e.jsx(X, { children: /* @__PURE__ */ e.jsx(S, { className: "last:border-none", children: /* @__PURE__ */ e.jsx(y, { className: "border-none py-12 group-hover:!bg-transparent", colSpan: x != null && x.paidMembersEnabled ? 4 : 2, children: /* @__PURE__ */ e.jsx(
+      xe,
+      {
+        description: "Try adjusting your date range to see more data.",
+        title: `No conversions ${ne(c)}`,
+        children: /* @__PURE__ */ e.jsx(Ke, { strokeWidth: 1.5 })
+      }
+    ) }) }) }),
+    w && B.length > p && /* @__PURE__ */ e.jsx(ns, { className: "border-none bg-transparent hover:!bg-transparent", children: /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(y, { className: "border-none bg-transparent px-0 pb-0 hover:!bg-transparent", colSpan: 4, children: /* @__PURE__ */ e.jsxs(is, { children: [
+      /* @__PURE__ */ e.jsx(cs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(be, { variant: "outline", children: [
+        "View all ",
+        /* @__PURE__ */ e.jsx(Ue, {})
+      ] }) }),
+      /* @__PURE__ */ e.jsxs(os, { className: "overflow-y-auto pt-0 sm:max-w-[600px]", children: [
+        /* @__PURE__ */ e.jsxs(ds, { className: "sticky top-0 z-40 -mx-6 bg-background/60 p-6 backdrop-blur", children: [
+          /* @__PURE__ */ e.jsx(ms, { children: D }),
+          /* @__PURE__ */ e.jsx(us, { children: n })
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { className: "group/datalist", children: /* @__PURE__ */ e.jsxs(ke, { children: [
+          /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsxs(S, { children: [
+            /* @__PURE__ */ e.jsx($, { children: "Source" }),
+            /* @__PURE__ */ e.jsx($, { className: "w-[110px] text-right", children: /* @__PURE__ */ e.jsx(H, { activeSortBy: r, setSortBy: b, sortBy: "free_members desc", children: "Free members" }) }),
+            (x == null ? void 0 : x.paidMembersEnabled) && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+              /* @__PURE__ */ e.jsx($, { className: "w-[110px] text-right", children: /* @__PURE__ */ e.jsx(H, { activeSortBy: r, setSortBy: b, sortBy: "paid_members desc", children: "Paid members" }) }),
+              /* @__PURE__ */ e.jsx($, { className: "w-[110px] text-right", children: /* @__PURE__ */ e.jsx(H, { activeSortBy: r, setSortBy: b, sortBy: "mrr desc", children: "MRR impact" }) })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ e.jsx(
+            Te,
+            {
+              currencySymbol: F,
+              data: B,
+              defaultSourceIconUrl: O
+            }
+          )
+        ] }) })
+      ] })
+    ] }) }) }) })
+  ] }) : /* @__PURE__ */ e.jsx(X, { children: /* @__PURE__ */ e.jsx(S, { className: "last:border-none", children: /* @__PURE__ */ e.jsx(y, { className: "border-none py-12 group-hover:!bg-transparent", colSpan: x != null && x.paidMembersEnabled ? 4 : 2, children: /* @__PURE__ */ e.jsx(Se, {}) }) }) });
+}, ws = (c, p, w) => {
+  const h = c ?? 30, j = p ?? "mrr desc", { startDate: f, endDate: a } = Z(() => he(h), [h]), x = Z(() => {
+    const r = {
+      date_from: te(f),
+      date_to: te(a),
+      order: j
+    };
+    return w === "posts" ? r.post_type = "post" : w === "pages" && (r.post_type = "page"), r;
+  }, [f, a, j, w]), m = Object.fromEntries(
+    Object.entries(x).filter(([, r]) => r !== void 0)
+  );
+  return We({ searchParams: m });
+}, Ps = () => {
+  const { range: c, site: p } = le(), w = ue(), [h, j] = J("free_members desc"), [f, a] = J(K.POSTS_AND_PAGES), [x] = _e(), { appSettings: m } = ie(), I = x.get("tab") || "total-members", { isLoading: r, chartData: b, totals: Q, currencySymbol: M, subscriptionData: k } = ps(c), { data: P, isLoading: O } = ws(
+    c,
+    h,
+    f
+  ), F = Z(() => {
+    const C = ((P == null ? void 0 : P.stats) || []).reduce((i, s) => {
+      const l = s.post_id || (s.title && s.title.trim() !== "" ? s.title : s.attribution_url);
+      if (!l)
+        return i;
+      if (!i.has(l))
+        i.set(l, s);
+      else {
+        const t = i.get(l);
+        t.free_members += s.free_members, t.paid_members += s.paid_members, t.mrr += s.mrr, i.set(l, t);
+      }
+      return i;
+    }, /* @__PURE__ */ new Map()), v = Array.from(C.values()), N = v.reduce((i, s) => i + s.free_members, 0), V = v.reduce((i, s) => i + s.paid_members, 0), Y = v.reduce((i, s) => i + s.mrr, 0);
+    return v.map((i) => {
+      let s = 0;
+      return h.includes("free_members") && N > 0 ? s = i.free_members / N : h.includes("paid_members") && V > 0 ? s = i.paid_members / V : h.includes("mrr") && Y > 0 && (s = i.mrr / Y), {
+        title: i.title || i.attribution_url,
+        post_id: i.post_id,
+        attribution_url: i.attribution_url,
+        attribution_type: i.attribution_type,
+        attribution_id: i.attribution_id,
+        free_members: i.free_members,
+        paid_members: i.paid_members,
+        mrr: i.mrr,
+        percentage: s,
+        published_at: i.published_at,
+        url_exists: i.url_exists ?? !0
+      };
+    });
+  }, [P, h]), B = r, D = r || O;
+  return /* @__PURE__ */ e.jsxs(He, { children: [
+    /* @__PURE__ */ e.jsx(Qe, { children: /* @__PURE__ */ e.jsx(qe, { children: /* @__PURE__ */ e.jsx(Xe, {}) }) }),
+    /* @__PURE__ */ e.jsxs(Je, { data: B ? void 0 : b, isLoading: !1, loadingComponent: /* @__PURE__ */ e.jsx(e.Fragment, {}), children: [
+      /* @__PURE__ */ e.jsx(Ne, { "data-testid": "total-members-card", children: /* @__PURE__ */ e.jsx(ye, { children: /* @__PURE__ */ e.jsx(
+        gs,
+        {
+          chartData: b,
+          currencySymbol: M,
+          initialTab: I,
+          isLoading: B,
+          subscriptionData: k,
+          totals: Q
+        }
+      ) }) }),
+      /* @__PURE__ */ e.jsxs(Ne, { className: "w-full overflow-x-auto", "data-testid": "top-content-card", children: [
+        /* @__PURE__ */ e.jsxs(Ze, { children: [
+          /* @__PURE__ */ e.jsx(es, { children: xs(f) }),
+          /* @__PURE__ */ e.jsx(ss, { children: bs(f, c, ne) })
+        ] }),
+        /* @__PURE__ */ e.jsx(ye, { children: /* @__PURE__ */ e.jsxs(ke, { children: [
+          /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsxs(S, { className: "[&>th]:h-auto [&>th]:pb-2 [&>th]:pt-0", children: [
+            /* @__PURE__ */ e.jsx($, { className: "min-w-[320px] pl-0", children: /* @__PURE__ */ e.jsx(de, { defaultValue: f, variant: "button-sm", onValueChange: (n) => {
+              a(n);
+            }, children: /* @__PURE__ */ e.jsxs(me, { children: [
+              /* @__PURE__ */ e.jsx(W, { value: K.POSTS_AND_PAGES, children: "Posts & pages" }),
+              /* @__PURE__ */ e.jsx(W, { value: K.POSTS, children: "Posts" }),
+              /* @__PURE__ */ e.jsx(W, { value: K.PAGES, children: "Pages" }),
+              /* @__PURE__ */ e.jsx(W, { value: K.SOURCES, children: "Sources" })
+            ] }) }) }),
+            /* @__PURE__ */ e.jsx($, { className: "w-[140px] text-right", children: m != null && m.paidMembersEnabled ? /* @__PURE__ */ e.jsx(H, { activeSortBy: h, setSortBy: j, sortBy: "free_members desc", children: "Free members" }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: "Free members" }) }),
+            (m == null ? void 0 : m.paidMembersEnabled) && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+              /* @__PURE__ */ e.jsx($, { className: "w-[140px] text-right", children: /* @__PURE__ */ e.jsx(H, { activeSortBy: h, setSortBy: j, sortBy: "paid_members desc", children: "Paid members" }) }),
+              /* @__PURE__ */ e.jsx($, { className: "w-[140px] text-right", children: /* @__PURE__ */ e.jsx(H, { activeSortBy: h, setSortBy: j, sortBy: "mrr desc", children: "MRR impact" }) })
+            ] })
+          ] }) }),
+          f === K.SOURCES ? /* @__PURE__ */ e.jsx(
+            ys,
+            {
+              limit: 20,
+              range: c,
+              setSortBy: (n) => j(n),
+              showViewAll: !0,
+              sortBy: h
+            }
+          ) : /* @__PURE__ */ e.jsx(X, { children: D ? /* @__PURE__ */ e.jsx(S, { className: "last:border-none", children: /* @__PURE__ */ e.jsx(y, { className: "border-none py-2", colSpan: 1, children: /* @__PURE__ */ e.jsx(Ce, { containerClassName: "space-y-2", count: 5, maxWidth: 75, randomize: !0 }) }) }) : m != null && m.analytics.membersTrackSources ? F.length > 0 ? F.map((n, C) => /* @__PURE__ */ e.jsxs(S, { className: "last:border-none", children: [
+            /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsxs("div", { className: "group/link inline-flex flex-col items-start gap-px", children: [
+              n.post_id && n.attribution_type === "post" ? /* @__PURE__ */ e.jsx(
+                be,
+                {
+                  className: "h-auto whitespace-normal p-0 text-left font-medium leading-tight hover:!underline",
+                  title: "View post analytics",
+                  variant: "link",
+                  onClick: fs(n.attribution_url, n.post_id, p.url || "", w, n.attribution_type),
+                  children: n.title
+                }
+              ) : /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: n.title }),
+              n.published_at && je && new Date(n.published_at).getTime() > 0 && /* @__PURE__ */ e.jsxs("span", { className: "text-muted-foreground", children: [
+                "Published on ",
+                je(n.published_at)
+              ] })
+            ] }) }),
+            /* @__PURE__ */ e.jsxs(y, { className: "text-right font-mono text-sm", children: [
+              n.free_members > 0 && "+",
+              o(n.free_members)
+            ] }),
+            (m == null ? void 0 : m.paidMembersEnabled) && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+              /* @__PURE__ */ e.jsxs(y, { className: "text-right font-mono text-sm", children: [
+                n.paid_members > 0 && "+",
+                o(n.paid_members)
+              ] }),
+              /* @__PURE__ */ e.jsxs(y, { className: "text-right font-mono text-sm", children: [
+                n.mrr > 0 && "+",
+                M,
+                o(U(n.mrr))
+              ] })
+            ] })
+          ] }, `${f}-${n.post_id || `${n.title}-${C}`}`)) : /* @__PURE__ */ e.jsx(S, { className: "border-none", children: /* @__PURE__ */ e.jsx(y, { className: "py-12 group-hover:!bg-transparent", colSpan: m != null && m.paidMembersEnabled ? 4 : 2, children: /* @__PURE__ */ e.jsx(
+            xe,
+            {
+              description: "Try adjusting your date range to see more data.",
+              title: `No conversions ${ne(c)}`,
+              children: /* @__PURE__ */ e.jsx(as, { strokeWidth: 1.5 })
+            }
+          ) }) }) : /* @__PURE__ */ e.jsx(S, { className: "last:border-none", children: /* @__PURE__ */ e.jsx(y, { className: "border-none py-12 group-hover:!bg-transparent", colSpan: m != null && m.paidMembersEnabled ? 4 : 2, children: /* @__PURE__ */ e.jsx(Se, {}) }) }) })
+        ] }) })
+      ] })
+    ] })
+  ] });
+};
+export {
+  Ps as default
+};
+//# sourceMappingURL=index-DEkYwR7C.mjs.map