@withpotter/pages-admin 0.13.0-next.124 → 0.13.0-next.58

package/dist/admin/revenue/ledger.module.css

@@ -1,144 +0,0 @@
-/* The Merchant payments and Subscriptions views. Cards and tables come from
-   the console's own kit; this is only the spacing between them. */
-
-.lede {
-  max-width: 68ch;
-  margin: 0 0 16px;
-  font-size: 13px;
-  line-height: 1.5;
-  color: var(--text-secondary);
-}
-
-.sectionTitle {
-  margin: 28px 0 4px;
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--text-primary);
-}
-
-.sectionNote {
-  margin: 0 0 12px;
-  font-size: 13px;
-  color: var(--text-secondary);
-}
-
-.toolbar {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px 12px;
-  margin: 20px 0 8px;
-}
-
-.strip {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 4px 20px;
-  margin: 8px 0 12px;
-  font-size: 13px;
-  color: var(--text-secondary);
-}
-
-.strip strong {
-  font-weight: 500;
-  color: var(--text-primary);
-}
-
-.who {
-  display: grid;
-  gap: 1px;
-  min-width: 0;
-}
-
-.whoName {
-  font-weight: 500;
-  color: var(--text-primary);
-}
-
-.whoSub {
-  font-size: 12px;
-  color: var(--text-tertiary);
-  overflow-wrap: anywhere;
-}
-
-.status {
-  display: inline-block;
-  padding: 2px 8px;
-  border-radius: 999px;
-  font-size: 12px;
-  font-weight: 500;
-  white-space: nowrap;
-}
-
-.statusGood {
-  background: var(--success-bg, rgba(34, 139, 34, 0.12));
-  color: var(--success, #1f7a1f);
-}
-
-.statusBad {
-  background: var(--error-bg, rgba(200, 40, 40, 0.12));
-  color: var(--error, #b42318);
-}
-
-.statusWait {
-  background: var(--warning-bg, rgba(200, 140, 0, 0.14));
-  color: var(--warning, #8a5a00);
-}
-
-.statusMuted {
-  background: var(--bg-subtle, rgba(0, 0, 0, 0.06));
-  color: var(--text-secondary);
-}
-
-.notice {
-  padding: 20px;
-  border: 1px dashed var(--border-subtle);
-  border-radius: var(--adm-card-radius);
-  font-size: 13px;
-  line-height: 1.5;
-  color: var(--text-secondary);
-}
-
-.drawerBody {
-  display: grid;
-  gap: 16px;
-  padding: 4px 0 24px;
-}
-
-.drawerHeading {
-  margin: 8px 0 0;
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--text-primary);
-}
-
-.methodBar {
-  display: flex;
-  height: 6px;
-  min-width: 120px;
-  overflow: hidden;
-  border-radius: 999px;
-  background: var(--bg-subtle, rgba(0, 0, 0, 0.06));
-}
-
-.methodSeg {
-  height: 100%;
-}
-
-.methodText {
-  margin-top: 4px;
-  font-size: 12px;
-  color: var(--text-tertiary);
-}
-
-.clickRow {
-  cursor: pointer;
-}
-
-.subTitle {
-  margin: 20px 0 8px;
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--text-primary);
-}

package/dist/admin/revenue/merchant-headline.js

@@ -1,37 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { CountUp, Reveal } from "../_fx";
-import { StatCard } from "../_ui";
-import { minorToMoney, pctChange } from "./ledger-model";
-function MerchantHeadline({ ledger, focus }) {
-  const now = ledger.cards.current.find((card) => card.currency === focus);
-  const before = ledger.cards.previous?.find((card) => card.currency === focus);
-  if (!now) return null;
-  const money = (minor) => minorToMoney(minor, focus);
-  const delta = (a, b) => before ? { pct: pctChange(a, b), caption: "vs the period before" } : void 0;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Reveal, { index: 1, className: "adm-span-3", children: /* @__PURE__ */ jsx(
-      StatCard,
-      {
-        label: "Money received",
-        value: /* @__PURE__ */ jsx(CountUp, { value: Number(now.grossMinor) / 100, format: (v) => money(String(Math.round(v * 100))) }),
-        sub: `${now.payments} payments that went through`,
-        hint: "Everything customers paid to merchants that went through, before any fees are taken.",
-        delta: delta(now.grossMinor, before?.grossMinor)
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Reveal, { index: 2, className: "adm-span-3", children: /* @__PURE__ */ jsx(
-      StatCard,
-      {
-        label: "Merchants keep",
-        value: money(now.netMinor),
-        sub: `After ${money(now.feeMinor)} in fees`,
-        hint: "What is left for merchants once the fees are taken: money received minus fees.",
-        delta: delta(now.netMinor, before?.netMinor)
-      }
-    ) })
-  ] });
-}
-export {
-  MerchantHeadline
-};
-//# sourceMappingURL=merchant-headline.js.map

package/dist/admin/revenue/merchant-headline.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/admin/revenue/merchant-headline.tsx"],"sourcesContent":["import type { MerchantPaymentsPage } from '@withpotter/lib/admin-api';\nimport { CountUp, Reveal } from '../_fx';\nimport { StatCard } from '../_ui';\nimport { minorToMoney, pctChange } from './ledger-model';\n\n/**\n * Two more cards for the merchant group on the Overview: the money customers paid that went through, and what\n * merchants are left with after fees, each against the period before. Nothing shows when the box has no payments view.\n */\nexport function MerchantHeadline({ ledger, focus }: { ledger: MerchantPaymentsPage; focus: string }) {\n  const now = ledger.cards.current.find((card) => card.currency === focus);\n  const before = ledger.cards.previous?.find((card) => card.currency === focus);\n\n  if (!now) return null;\n\n  const money = (minor: string) => minorToMoney(minor, focus);\n  const delta = (a: string, b?: string) =>\n    before ? { pct: pctChange(a, b), caption: 'vs the period before' } : undefined;\n\n  return (\n    <>\n      <Reveal index={1} className=\"adm-span-3\">\n        <StatCard\n          label=\"Money received\"\n          value={<CountUp value={Number(now.grossMinor) / 100} format={(v) => money(String(Math.round(v * 100)))} />}\n          sub={`${now.payments} payments that went through`}\n          hint=\"Everything customers paid to merchants that went through, before any fees are taken.\"\n          delta={delta(now.grossMinor, before?.grossMinor)}\n        />\n      </Reveal>\n      <Reveal index={2} className=\"adm-span-3\">\n        <StatCard\n          label=\"Merchants keep\"\n          value={money(now.netMinor)}\n          sub={`After ${money(now.feeMinor)} in fees`}\n          hint=\"What is left for merchants once the fees are taken: money received minus fees.\"\n          delta={delta(now.netMinor, before?.netMinor)}\n        />\n      </Reveal>\n    </>\n  );\n}\n"],"mappings":"AAoBI,mBAIa,KAJb;AAnBJ,SAAS,SAAS,cAAc;AAChC,SAAS,gBAAgB;AACzB,SAAS,cAAc,iBAAiB;AAMjC,SAAS,iBAAiB,EAAE,QAAQ,MAAM,GAAoD;AACnG,QAAM,MAAM,OAAO,MAAM,QAAQ,KAAK,CAAC,SAAS,KAAK,aAAa,KAAK;AACvE,QAAM,SAAS,OAAO,MAAM,UAAU,KAAK,CAAC,SAAS,KAAK,aAAa,KAAK;AAE5E,MAAI,CAAC,IAAK,QAAO;AAEjB,QAAM,QAAQ,CAAC,UAAkB,aAAa,OAAO,KAAK;AAC1D,QAAM,QAAQ,CAAC,GAAW,MACxB,SAAS,EAAE,KAAK,UAAU,GAAG,CAAC,GAAG,SAAS,uBAAuB,IAAI;AAEvE,SACE,iCACE;AAAA,wBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,oBAAC,WAAQ,OAAO,OAAO,IAAI,UAAU,IAAI,KAAK,QAAQ,CAAC,MAAM,MAAM,OAAO,KAAK,MAAM,IAAI,GAAG,CAAC,CAAC,GAAG;AAAA,QACxG,KAAK,GAAG,IAAI,QAAQ;AAAA,QACpB,MAAK;AAAA,QACL,OAAO,MAAM,IAAI,YAAY,QAAQ,UAAU;AAAA;AAAA,IACjD,GACF;AAAA,IACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,MAAM,IAAI,QAAQ;AAAA,QACzB,KAAK,SAAS,MAAM,IAAI,QAAQ,CAAC;AAAA,QACjC,MAAK;AAAA,QACL,OAAO,MAAM,IAAI,UAAU,QAAQ,QAAQ;AAAA;AAAA,IAC7C,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/revenue/merchant-payments-view.js

@@ -1,234 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from "react";
-import Link from "next/link";
-import { EmptyNote, TableRow, TableShell, Th } from "@withpotter/ui-kit";
-import { platformAdminApi } from "@withpotter/lib/admin-api";
-import { useMerchantOptions, useMerchantPayments } from "../hooks";
-import { LoadFailed } from "../audit/load-failed";
-import { CountUp, Reveal } from "../_fx";
-import {
-  AdmLoading,
-  FilterSearch,
-  FilterSelect,
-  Filters,
-  Pagination,
-  StatCard,
-  focusCurrency
-} from "../_ui";
-import { DownloadButton } from "./download-button";
-import {
-  STATUS_WORDS,
-  TYPE_WORDS,
-  downloadName,
-  minorToMoney,
-  pctChange,
-  word
-} from "./ledger-model";
-import { MethodCards } from "./method-cards";
-import { PaymentDrawer } from "./payment-drawer";
-import { useUrlFilters } from "./use-url-filters";
-import styles from "./ledger.module.css";
-import table from "./revenue.module.css";
-const PAGE_SIZE = 25;
-const FILTERS = { q: "", method: "", status: "", type: "", merchant: "" };
-const integer = new Intl.NumberFormat("en-US");
-const METHODS = [
-  { value: "", label: "Every way of paying" },
-  { value: "card", label: "Card" },
-  { value: "ussd", label: "USSD" },
-  { value: "transfer", label: "Bank transfer" },
-  { value: "opay", label: "Opay" }
-];
-const STATUSES = [
-  { value: "", label: "Paid" },
-  { value: "pending", label: "Waiting" },
-  { value: "failed", label: "Failed" },
-  { value: "refunded", label: "Refunded" }
-];
-const TYPES = [
-  { value: "", label: "Every kind" },
-  ...["order", "invoice", "booking", "membership", "subscription", "deposit", "tip", "refund"].map((value) => ({
-    value,
-    label: word(TYPE_WORDS, value)
-  }))
-];
-const tone = (status) => status === "success" ? styles.statusGood : status === "failed" ? styles.statusBad : status === "pending" ? styles.statusWait : styles.statusMuted;
-function MerchantPaymentsView({
-  startDate,
-  endDate,
-  currency
-}) {
-  const { values, page, set } = useUrlFilters("mp", FILTERS);
-  const [search, setSearch] = useState(values.q);
-  const [open, setOpen] = useState(null);
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      if (search.trim() !== values.q) set({ q: search.trim() });
-    }, 300);
-    return () => clearTimeout(timer);
-  }, [search]);
-  const filters = useMemo(
-    () => ({
-      startDate,
-      endDate,
-      method: values.method,
-      status: values.status,
-      type: values.type,
-      q: values.q,
-      merchantId: values.merchant,
-      page,
-      limit: PAGE_SIZE
-    }),
-    [startDate, endDate, values, page]
-  );
-  const merchants = useMerchantOptions({ startDate, endDate });
-  const merchantChoices = [
-    { value: "", label: "Every merchant" },
-    ...(merchants.data?.merchants ?? []).map((one) => ({ value: one.id, label: one.name }))
-  ];
-  const { data, isLoading, isError, refetch } = useMerchantPayments(filters);
-  if (isError) {
-    return /* @__PURE__ */ jsx(
-      LoadFailed,
-      {
-        message: "Merchant payments could not be loaded. This box may not have them yet.",
-        onRetry: () => void refetch()
-      }
-    );
-  }
-  if (isLoading || !data) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading merchant payments\u2026" });
-  const currencies = [...new Set(data.cards.current.map((c) => c.currency))];
-  const focus = focusCurrency(currencies, currency) ?? "NGN";
-  const now = data.cards.current.find((c) => c.currency === focus);
-  const before = data.cards.previous?.find((c) => c.currency === focus) ?? null;
-  const money = (minor) => minorToMoney(minor, focus);
-  const delta = (a, b, goodWhenUp = true) => before ? { pct: pctChange(a, b), positiveIsGood: goodWhenUp, caption: "vs the period before" } : void 0;
-  const totalPages = Math.max(Math.ceil(data.total / PAGE_SIZE), 1);
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("p", { className: styles.lede, children: "This is money that customers paid to merchants. Use the filters to narrow it down, and download exactly what you see." }),
-    /* @__PURE__ */ jsxs("section", { "aria-label": "Merchant payments at a glance", className: "adm-grid", children: [
-      /* @__PURE__ */ jsx(Reveal, { index: 0, className: "adm-span-3", children: /* @__PURE__ */ jsx(
-        StatCard,
-        {
-          label: "Money received",
-          value: /* @__PURE__ */ jsx(CountUp, { value: Number(now?.grossMinor ?? 0) / 100, format: (v) => money(Math.round(v * 100)) }),
-          sub: now ? `${integer.format(now.payments)} payments that went through` : "No payments in this period",
-          hint: "Everything customers paid to merchants that went through, before any fees are taken.",
-          delta: delta(now?.grossMinor, before?.grossMinor)
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Reveal, { index: 1, className: "adm-span-3", children: /* @__PURE__ */ jsx(
-        StatCard,
-        {
-          label: "Fees taken",
-          value: money(now?.feeMinor ?? 0),
-          hint: "What the payment gateway and Olive kept from those payments.",
-          delta: delta(now?.feeMinor, before?.feeMinor, false)
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Reveal, { index: 2, className: "adm-span-3", children: /* @__PURE__ */ jsx(
-        StatCard,
-        {
-          label: "Merchants keep",
-          value: money(now?.netMinor ?? 0),
-          hint: "What is left for merchants after the fees: money received minus fees taken.",
-          delta: delta(now?.netMinor, before?.netMinor)
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Reveal, { index: 3, className: "adm-span-3", children: /* @__PURE__ */ jsx(
-        StatCard,
-        {
-          label: "Payments that worked",
-          value: now?.successRate == null ? "\u2013" : `${now.successRate}%`,
-          sub: now?.successRate == null ? "Nothing was tried in this period" : `Refunded: ${money(now.refundsMinor)}`,
-          hint: "Out of every payment that was tried, the share that went through. A low number can mean a way of paying is broken."
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx("h2", { className: styles.sectionTitle, children: "How customers paid" }),
-    /* @__PURE__ */ jsx("p", { className: styles.sectionNote, children: "The ways of paying on the checkout, and how much came in through each." }),
-    /* @__PURE__ */ jsx(MethodCards, { now: data.byChannel.current, before: data.byChannel.previous, currency: focus }),
-    /* @__PURE__ */ jsx("h2", { className: styles.sectionTitle, children: "Merchant revenue" }),
-    /* @__PURE__ */ jsxs("div", { className: styles.toolbar, children: [
-      /* @__PURE__ */ jsxs(Filters, { label: "Filter payments", children: [
-        /* @__PURE__ */ jsx(
-          FilterSearch,
-          {
-            value: search,
-            onChange: setSearch,
-            placeholder: "Search a name, email, phone, reference or merchant",
-            label: "Search payments"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          FilterSelect,
-          {
-            value: values.merchant,
-            onChange: (merchant) => set({ merchant }),
-            options: merchantChoices,
-            label: "Merchant",
-            searchable: true
-          }
-        ),
-        /* @__PURE__ */ jsx(FilterSelect, { value: values.method, onChange: (method) => set({ method }), options: METHODS, label: "Way of paying" }),
-        /* @__PURE__ */ jsx(FilterSelect, { value: values.status, onChange: (status) => set({ status }), options: STATUSES, label: "Payment result" }),
-        /* @__PURE__ */ jsx(FilterSelect, { value: values.type, onChange: (type) => set({ type }), options: TYPES, label: "What it was for" })
-      ] }),
-      /* @__PURE__ */ jsx(
-        DownloadButton,
-        {
-          filename: downloadName("merchant-payments", startDate, endDate),
-          load: () => platformAdminApi.merchantPaymentsCsv({ ...filters, page: void 0, limit: void 0 })
-        }
-      )
-    ] }),
-    data.rows.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { className: table.empty, children: "No payments match. Try a wider date range or clear a filter." }) : /* @__PURE__ */ jsx(
-      TableShell,
-      {
-        minWidth: 980,
-        density: "compact",
-        head: /* @__PURE__ */ jsxs("tr", { children: [
-          /* @__PURE__ */ jsx(Th, { children: "When" }),
-          /* @__PURE__ */ jsx(Th, { children: "Paid by" }),
-          /* @__PURE__ */ jsx(Th, { children: "How" }),
-          /* @__PURE__ */ jsx(Th, { children: "Merchant" }),
-          /* @__PURE__ */ jsx(Th, { children: "For" }),
-          /* @__PURE__ */ jsx(Th, { children: "Result" }),
-          /* @__PURE__ */ jsx(Th, { align: "right", children: "Amount" }),
-          /* @__PURE__ */ jsx(Th, { align: "right", children: "Fee" }),
-          /* @__PURE__ */ jsx(Th, { align: "right", children: "Merchant gets" })
-        ] }),
-        children: data.rows.map((row) => /* @__PURE__ */ jsx(PaymentRow, { row, onOpen: setOpen }, row.id))
-      }
-    ),
-    /* @__PURE__ */ jsx(Pagination, { page, totalPages, total: data.total, noun: "payments", onPage: (next) => set({ page: next }) }),
-    /* @__PURE__ */ jsx(PaymentDrawer, { row: open, onClose: () => setOpen(null) })
-  ] });
-}
-function PaymentRow({ row, onOpen }) {
-  const { payer } = row;
-  const contact = [payer.email, payer.phone].filter(Boolean).join(" \xB7 ");
-  const money = (minor) => minorToMoney(minor, row.currency);
-  return /* @__PURE__ */ jsxs(TableRow, { onClick: () => onOpen(row), children: [
-    /* @__PURE__ */ jsx("td", { className: table.num, children: new Date(row.paidAt).toLocaleString(void 0, { day: "numeric", month: "short", year: "numeric", hour: "2-digit", minute: "2-digit" }) }),
-    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("span", { className: styles.who, children: [
-      /* @__PURE__ */ jsx("span", { className: styles.whoName, children: payer.name || "Name not recorded" }),
-      contact ? /* @__PURE__ */ jsx("span", { className: styles.whoSub, children: contact }) : null
-    ] }) }),
-    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("span", { className: styles.who, children: [
-      /* @__PURE__ */ jsx("span", { className: styles.whoName, children: row.channel.label }),
-      row.methodDetail ? /* @__PURE__ */ jsx("span", { className: styles.whoSub, children: row.methodDetail }) : null
-    ] }) }),
-    /* @__PURE__ */ jsx("td", { className: table.name, children: row.merchant.name ? /* @__PURE__ */ jsx(Link, { href: `/admin/tenants/${row.merchant.id}`, children: row.merchant.name }) : "Unknown merchant" }),
-    /* @__PURE__ */ jsx("td", { children: word(TYPE_WORDS, row.type) }),
-    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("span", { className: `${styles.status} ${tone(row.status)}`, children: word(STATUS_WORDS, row.status) }) }),
-    /* @__PURE__ */ jsx("td", { className: table.numStrong, children: money(row.amountMinor) }),
-    /* @__PURE__ */ jsx("td", { className: table.num, children: money(row.feeMinor) }),
-    /* @__PURE__ */ jsx("td", { className: table.num, children: money(row.netMinor) })
-  ] });
-}
-export {
-  MerchantPaymentsView
-};
-//# sourceMappingURL=merchant-payments-view.js.map

package/dist/admin/revenue/merchant-payments-view.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/admin/revenue/merchant-payments-view.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo, useState } from 'react';\nimport Link from 'next/link';\nimport { EmptyNote, TableRow, TableShell, Th } from '@withpotter/ui-kit';\nimport { platformAdminApi, type MerchantPaymentRow } from '@withpotter/lib/admin-api';\nimport { useMerchantOptions, useMerchantPayments } from '../hooks';\nimport { LoadFailed } from '../audit/load-failed';\nimport { CountUp, Reveal } from '../_fx';\nimport {\n  AdmLoading,\n  FilterSearch,\n  FilterSelect,\n  Filters,\n  Pagination,\n  StatCard,\n  focusCurrency,\n} from '../_ui';\nimport { DownloadButton } from './download-button';\nimport {\n  STATUS_WORDS,\n  TYPE_WORDS,\n  downloadName,\n  minorToMoney,\n  pctChange,\n  word,\n} from './ledger-model';\nimport { MethodCards } from './method-cards';\nimport { PaymentDrawer } from './payment-drawer';\nimport { useUrlFilters } from './use-url-filters';\nimport styles from './ledger.module.css';\nimport table from './revenue.module.css';\n\nconst PAGE_SIZE = 25;\nconst FILTERS = { q: '', method: '', status: '', type: '', merchant: '' };\nconst integer = new Intl.NumberFormat('en-US');\n\nconst METHODS = [\n  { value: '', label: 'Every way of paying' },\n  { value: 'card', label: 'Card' },\n  { value: 'ussd', label: 'USSD' },\n  { value: 'transfer', label: 'Bank transfer' },\n  { value: 'opay', label: 'Opay' },\n];\nconst STATUSES = [\n  { value: '', label: 'Paid' },\n  { value: 'pending', label: 'Waiting' },\n  { value: 'failed', label: 'Failed' },\n  { value: 'refunded', label: 'Refunded' },\n];\nconst TYPES = [\n  { value: '', label: 'Every kind' },\n  ...['order', 'invoice', 'booking', 'membership', 'subscription', 'deposit', 'tip', 'refund'].map((value) => ({\n    value,\n    label: word(TYPE_WORDS, value),\n  })),\n];\n\nconst tone = (status: string) =>\n  status === 'success' ? styles.statusGood : status === 'failed' ? styles.statusBad : status === 'pending' ? styles.statusWait : styles.statusMuted;\n\n/** The merchant payments view: who paid, how, and which merchant received it. */\nexport function MerchantPaymentsView({\n  startDate,\n  endDate,\n  currency,\n}: {\n  startDate?: string;\n  endDate?: string;\n  /** The currency filter's choice; empty follows the only one there is. */\n  currency: string;\n}) {\n  // The filters live in the page address, so this view can be bookmarked or sent to someone.\n  const { values, page, set } = useUrlFilters('mp', FILTERS);\n  const [search, setSearch] = useState(values.q);\n  const [open, setOpen] = useState<MerchantPaymentRow | null>(null);\n\n  // Typing waits a moment, so a search is one request and not one per key.\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      if (search.trim() !== values.q) set({ q: search.trim() });\n    }, 300);\n\n    return () => clearTimeout(timer);\n    // Only a change the person typed should write to the address.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [search]);\n\n  const filters = useMemo(\n    () => ({\n      startDate,\n      endDate,\n      method: values.method,\n      status: values.status,\n      type: values.type,\n      q: values.q,\n      merchantId: values.merchant,\n      page,\n      limit: PAGE_SIZE,\n    }),\n    [startDate, endDate, values, page],\n  );\n  const merchants = useMerchantOptions({ startDate, endDate });\n  const merchantChoices = [\n    { value: '', label: 'Every merchant' },\n    ...(merchants.data?.merchants ?? []).map((one) => ({ value: one.id, label: one.name })),\n  ];\n\n  const { data, isLoading, isError, refetch } = useMerchantPayments(filters);\n\n  if (isError) {\n    return (\n      <LoadFailed\n        message=\"Merchant payments could not be loaded. This box may not have them yet.\"\n        onRetry={() => void refetch()}\n      />\n    );\n  }\n  if (isLoading || !data) return <AdmLoading label=\"Loading merchant payments…\" />;\n\n  const currencies = [...new Set(data.cards.current.map((c) => c.currency))];\n  const focus = focusCurrency(currencies, currency) ?? 'NGN';\n  const now = data.cards.current.find((c) => c.currency === focus);\n  const before = data.cards.previous?.find((c) => c.currency === focus) ?? null;\n  const money = (minor: string | number) => minorToMoney(minor, focus);\n  const delta = (a?: string, b?: string, goodWhenUp = true) =>\n    before ? { pct: pctChange(a, b), positiveIsGood: goodWhenUp, caption: 'vs the period before' } : undefined;\n  const totalPages = Math.max(Math.ceil(data.total / PAGE_SIZE), 1);\n\n  return (\n    <div>\n      <p className={styles.lede}>\n        This is money that customers paid to merchants. Use the filters to narrow it down, and download exactly what you\n        see.\n      </p>\n\n      <section aria-label=\"Merchant payments at a glance\" className=\"adm-grid\">\n        <Reveal index={0} className=\"adm-span-3\">\n          <StatCard\n            label=\"Money received\"\n            value={<CountUp value={Number(now?.grossMinor ?? 0) / 100} format={(v) => money(Math.round(v * 100))} />}\n            sub={now ? `${integer.format(now.payments)} payments that went through` : 'No payments in this period'}\n            hint=\"Everything customers paid to merchants that went through, before any fees are taken.\"\n            delta={delta(now?.grossMinor, before?.grossMinor)}\n          />\n        </Reveal>\n        <Reveal index={1} className=\"adm-span-3\">\n          <StatCard\n            label=\"Fees taken\"\n            value={money(now?.feeMinor ?? 0)}\n            hint=\"What the payment gateway and Olive kept from those payments.\"\n            delta={delta(now?.feeMinor, before?.feeMinor, false)}\n          />\n        </Reveal>\n        <Reveal index={2} className=\"adm-span-3\">\n          <StatCard\n            label=\"Merchants keep\"\n            value={money(now?.netMinor ?? 0)}\n            hint=\"What is left for merchants after the fees: money received minus fees taken.\"\n            delta={delta(now?.netMinor, before?.netMinor)}\n          />\n        </Reveal>\n        <Reveal index={3} className=\"adm-span-3\">\n          <StatCard\n            label=\"Payments that worked\"\n            value={now?.successRate == null ? '–' : `${now.successRate}%`}\n            sub={now?.successRate == null ? 'Nothing was tried in this period' : `Refunded: ${money(now.refundsMinor)}`}\n            hint=\"Out of every payment that was tried, the share that went through. A low number can mean a way of paying is broken.\"\n          />\n        </Reveal>\n      </section>\n\n      <h2 className={styles.sectionTitle}>How customers paid</h2>\n      <p className={styles.sectionNote}>The ways of paying on the checkout, and how much came in through each.</p>\n      <MethodCards now={data.byChannel.current} before={data.byChannel.previous} currency={focus} />\n\n      <h2 className={styles.sectionTitle}>Merchant revenue</h2>\n      <div className={styles.toolbar}>\n        <Filters label=\"Filter payments\">\n          <FilterSearch\n            value={search}\n            onChange={setSearch}\n            placeholder=\"Search a name, email, phone, reference or merchant\"\n            label=\"Search payments\"\n          />\n          <FilterSelect\n            value={values.merchant}\n            onChange={(merchant) => set({ merchant })}\n            options={merchantChoices}\n            label=\"Merchant\"\n            searchable\n          />\n          <FilterSelect value={values.method} onChange={(method) => set({ method })} options={METHODS} label=\"Way of paying\" />\n          <FilterSelect value={values.status} onChange={(status) => set({ status })} options={STATUSES} label=\"Payment result\" />\n          <FilterSelect value={values.type} onChange={(type) => set({ type })} options={TYPES} label=\"What it was for\" />\n        </Filters>\n        <DownloadButton\n          filename={downloadName('merchant-payments', startDate, endDate)}\n          load={() => platformAdminApi.merchantPaymentsCsv({ ...filters, page: undefined, limit: undefined })}\n        />\n      </div>\n\n      {data.rows.length === 0 ? (\n        <EmptyNote className={table.empty}>No payments match. Try a wider date range or clear a filter.</EmptyNote>\n      ) : (\n        <TableShell\n          minWidth={980}\n          density=\"compact\"\n          head={\n            <tr>\n              <Th>When</Th>\n              <Th>Paid by</Th>\n              <Th>How</Th>\n              <Th>Merchant</Th>\n              <Th>For</Th>\n              <Th>Result</Th>\n              <Th align=\"right\">Amount</Th>\n              <Th align=\"right\">Fee</Th>\n              <Th align=\"right\">Merchant gets</Th>\n            </tr>\n          }\n        >\n          {data.rows.map((row) => (\n            <PaymentRow key={row.id} row={row} onOpen={setOpen} />\n          ))}\n        </TableShell>\n      )}\n\n      <Pagination page={page} totalPages={totalPages} total={data.total} noun=\"payments\" onPage={(next) => set({ page: next })} />\n      <PaymentDrawer row={open} onClose={() => setOpen(null)} />\n    </div>\n  );\n}\n\nfunction PaymentRow({ row, onOpen }: { row: MerchantPaymentRow; onOpen: (row: MerchantPaymentRow) => void }) {\n  const { payer } = row;\n  const contact = [payer.email, payer.phone].filter(Boolean).join(' · ');\n  const money = (minor: string) => minorToMoney(minor, row.currency);\n\n  return (\n    <TableRow onClick={() => onOpen(row)}>\n      <td className={table.num}>\n        {new Date(row.paidAt).toLocaleString(undefined, { day: 'numeric', month: 'short', year: 'numeric', hour: '2-digit', minute: '2-digit' })}\n      </td>\n      <td>\n        <span className={styles.who}>\n          <span className={styles.whoName}>{payer.name || 'Name not recorded'}</span>\n          {contact ? <span className={styles.whoSub}>{contact}</span> : null}\n        </span>\n      </td>\n      <td>\n        <span className={styles.who}>\n          <span className={styles.whoName}>{row.channel.label}</span>\n          {row.methodDetail ? <span className={styles.whoSub}>{row.methodDetail}</span> : null}\n        </span>\n      </td>\n      <td className={table.name}>\n        {row.merchant.name ? <Link href={`/admin/tenants/${row.merchant.id}`}>{row.merchant.name}</Link> : 'Unknown merchant'}\n      </td>\n      <td>{word(TYPE_WORDS, row.type)}</td>\n      <td>\n        <span className={`${styles.status} ${tone(row.status)}`}>{word(STATUS_WORDS, row.status)}</span>\n      </td>\n      <td className={table.numStrong}>{money(row.amountMinor)}</td>\n      <td className={table.num}>{money(row.feeMinor)}</td>\n      <td className={table.num}>{money(row.netMinor)}</td>\n    </TableRow>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/revenue/method-cards.js

@@ -1,40 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { CountUp, Reveal } from "../_fx";
-import { StatCard } from "../_ui";
-import { methodCards, minorToMoney } from "./ledger-model";
-const integer = new Intl.NumberFormat("en-US");
-function MethodCards({
-  now,
-  before,
-  currency,
-  order,
-  labels,
-  title = "How customers paid",
-  received = "of the money received",
-  describe = (label) => `Money customers paid by ${label.toLowerCase()}, before fees.`,
-  hide
-}) {
-  const cards = methodCards(now, before, currency, { order, labels }).filter(
-    (card) => !(hide?.includes(card.key) && card.payments === 0)
-  );
-  return /* @__PURE__ */ jsx("section", { "aria-label": title, className: "adm-grid", children: cards.map((card, index) => /* @__PURE__ */ jsx(Reveal, { index, className: "adm-span-3", children: /* @__PURE__ */ jsx(
-    StatCard,
-    {
-      label: card.label,
-      value: /* @__PURE__ */ jsx(
-        CountUp,
-        {
-          value: Number(card.amountMinor) / 100,
-          format: (v) => minorToMoney(Math.round(v * 100), currency)
-        }
-      ),
-      sub: card.payments === 0 ? "No payments this way yet" : `${integer.format(card.payments)} ${card.payments === 1 ? "payment" : "payments"} \xB7 ${card.share}% ${received}`,
-      hint: describe(card.label, card.key),
-      delta: card.change === null ? void 0 : { pct: card.change, caption: "vs the period before" }
-    }
-  ) }, card.key)) });
-}
-export {
-  MethodCards
-};
-//# sourceMappingURL=method-cards.js.map

package/dist/admin/revenue/method-cards.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/admin/revenue/method-cards.tsx"],"sourcesContent":["import type { GatewayChannelTotal } from '@withpotter/lib/admin-api';\nimport { CountUp, Reveal } from '../_fx';\nimport { StatCard } from '../_ui';\nimport { methodCards, minorToMoney } from './ledger-model';\n\nconst integer = new Intl.NumberFormat('en-US');\n\n/**\n * One card for each way customers pay (Card, USSD, Bank transfer, Opay): how\n * much came in that way, how many payments, its share of all the money\n * received, and how it moved since the period before. A quiet method shows\n * zero, so it is seen rather than missing.\n */\nexport function MethodCards({\n  now,\n  before,\n  currency,\n  order,\n  labels,\n  title = 'How customers paid',\n  received = 'of the money received',\n  describe = (label: string) => `Money customers paid by ${label.toLowerCase()}, before fees.`,\n  hide,\n}: {\n  now: readonly GatewayChannelTotal[];\n  before: readonly GatewayChannelTotal[] | null;\n  currency: string;\n  /** The ways to always show, in this order. Customers' checkout methods when left out. */\n  order?: readonly string[];\n  /** Names for those ways. */\n  labels?: Record<string, string>;\n  title?: string;\n  /** What the share is a share of (\"of the money received\"). */\n  received?: string;\n  /** The help text for one card. */\n  describe?: (label: string, key: string) => string;\n  /** Ways to leave out of the row when nothing came in that way. */\n  hide?: readonly string[];\n}) {\n  const cards = methodCards(now, before, currency, { order, labels }).filter(\n    (card) => !(hide?.includes(card.key) && card.payments === 0),\n  );\n\n  return (\n    <section aria-label={title} className=\"adm-grid\">\n      {cards.map((card, index) => (\n        <Reveal key={card.key} index={index} className=\"adm-span-3\">\n          <StatCard\n            label={card.label}\n            value={\n              <CountUp\n                value={Number(card.amountMinor) / 100}\n                format={(v) => minorToMoney(Math.round(v * 100), currency)}\n              />\n            }\n            sub={\n              card.payments === 0\n                ? 'No payments this way yet'\n                : `${integer.format(card.payments)} ${card.payments === 1 ? 'payment' : 'payments'} · ${card.share}% ${received}`\n            }\n            hint={describe(card.label, card.key)}\n            delta={\n              card.change === null\n                ? undefined\n                : { pct: card.change, caption: 'vs the period before' }\n            }\n          />\n        </Reveal>\n      ))}\n    </section>\n  );\n}\n"],"mappings":"AAkDc;AAjDd,SAAS,SAAS,cAAc;AAChC,SAAS,gBAAgB;AACzB,SAAS,aAAa,oBAAoB;AAE1C,MAAM,UAAU,IAAI,KAAK,aAAa,OAAO;AAQtC,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW,CAAC,UAAkB,2BAA2B,MAAM,YAAY,CAAC;AAAA,EAC5E;AACF,GAeG;AACD,QAAM,QAAQ,YAAY,KAAK,QAAQ,UAAU,EAAE,OAAO,OAAO,CAAC,EAAE;AAAA,IAClE,CAAC,SAAS,EAAE,MAAM,SAAS,KAAK,GAAG,KAAK,KAAK,aAAa;AAAA,EAC5D;AAEA,SACE,oBAAC,aAAQ,cAAY,OAAO,WAAU,YACnC,gBAAM,IAAI,CAAC,MAAM,UAChB,oBAAC,UAAsB,OAAc,WAAU,cAC7C;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,KAAK;AAAA,MACZ,OACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,OAAO,KAAK,WAAW,IAAI;AAAA,UAClC,QAAQ,CAAC,MAAM,aAAa,KAAK,MAAM,IAAI,GAAG,GAAG,QAAQ;AAAA;AAAA,MAC3D;AAAA,MAEF,KACE,KAAK,aAAa,IACd,6BACA,GAAG,QAAQ,OAAO,KAAK,QAAQ,CAAC,IAAI,KAAK,aAAa,IAAI,YAAY,UAAU,SAAM,KAAK,KAAK,KAAK,QAAQ;AAAA,MAEnH,MAAM,SAAS,KAAK,OAAO,KAAK,GAAG;AAAA,MACnC,OACE,KAAK,WAAW,OACZ,SACA,EAAE,KAAK,KAAK,QAAQ,SAAS,uBAAuB;AAAA;AAAA,EAE5D,KApBW,KAAK,GAqBlB,CACD,GACH;AAEJ;","names":[]}

package/dist/admin/revenue/payment-drawer.js

@@ -1,53 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import Link from "next/link";
-import { Fact, FactList } from "@withpotter/ui-kit";
-import { StatusPill } from "../audit/status-pill";
-import { Drawer } from "../_ui";
-import { STATUS_WORDS, TYPE_WORDS, minorToMoney, word } from "./ledger-model";
-import styles from "./ledger.module.css";
-const when = (iso) => new Date(iso).toLocaleString("en-GB", { dateStyle: "medium", timeStyle: "short" });
-const TONE = { success: "success", pending: "pending", failed: "failed" };
-function PaymentDrawer({ row, onClose }) {
-  const money = (minor) => row ? minorToMoney(minor, row.currency) : "";
-  return /* @__PURE__ */ jsx(
-    Drawer,
-    {
-      open: Boolean(row),
-      onClose,
-      title: row ? money(row.amountMinor) : "Payment",
-      subtitle: row ? row.payer.name ?? row.payer.email ?? "Customer name not recorded" : void 0,
-      meta: row ? /* @__PURE__ */ jsx(StatusPill, { status: TONE[row.status] ?? "neutral", label: word(STATUS_WORDS, row.status) }) : void 0,
-      children: row ? /* @__PURE__ */ jsxs("div", { className: styles.drawerBody, children: [
-        /* @__PURE__ */ jsxs(FactList, { columns: 2, children: [
-          /* @__PURE__ */ jsx(Fact, { label: "Paid on", value: when(row.paidAt) }),
-          /* @__PURE__ */ jsx(Fact, { label: "What it was for", value: word(TYPE_WORDS, row.type) }),
-          /* @__PURE__ */ jsx(Fact, { label: "Paid by", value: row.payer.name ?? "Name not recorded" }),
-          /* @__PURE__ */ jsx(Fact, { label: "Email", value: row.payer.email ?? "\u2013" }),
-          /* @__PURE__ */ jsx(Fact, { label: "Phone", value: row.payer.phone ?? "\u2013" }),
-          /* @__PURE__ */ jsx(Fact, { label: "How they paid", value: row.channel.label }),
-          /* @__PURE__ */ jsx(Fact, { label: "Card or bank", value: row.methodDetail ?? "\u2013" }),
-          /* @__PURE__ */ jsx(
-            Fact,
-            {
-              label: "Merchant",
-              value: row.merchant.name ? /* @__PURE__ */ jsx(Link, { href: `/admin/tenants/${row.merchant.id}`, children: row.merchant.name }) : "Unknown merchant"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("h3", { className: styles.drawerHeading, children: "Where the money went" }),
-        /* @__PURE__ */ jsxs(FactList, { columns: 2, children: [
-          /* @__PURE__ */ jsx(Fact, { label: "Customer paid", value: money(row.amountMinor) }),
-          /* @__PURE__ */ jsx(Fact, { label: "Fee taken", value: money(row.feeMinor) }),
-          /* @__PURE__ */ jsx(Fact, { label: "Merchant gets", value: money(row.netMinor) }),
-          /* @__PURE__ */ jsx(Fact, { label: "Reference", value: row.reference })
-        ] }),
-        row.orderId ? /* @__PURE__ */ jsx("p", { className: styles.sectionNote, children: "This payment is for an order. Find it on the merchant's page, under Orders." }) : null
-      ] }) : null
-    }
-  );
-}
-export {
-  PaymentDrawer
-};
-//# sourceMappingURL=payment-drawer.js.map

package/dist/admin/revenue/payment-drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/admin/revenue/payment-drawer.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { Fact, FactList } from '@withpotter/ui-kit';\nimport type { MerchantPaymentRow } from '@withpotter/lib/admin-api';\nimport { StatusPill } from '../audit/status-pill';\nimport { Drawer } from '../_ui';\nimport { STATUS_WORDS, TYPE_WORDS, minorToMoney, word } from './ledger-model';\nimport styles from './ledger.module.css';\n\nconst when = (iso: string): string =>\n  new Date(iso).toLocaleString('en-GB', { dateStyle: 'medium', timeStyle: 'short' });\n\nconst TONE: Record<string, string> = { success: 'success', pending: 'pending', failed: 'failed' };\n\n/** One payment in full: who paid, how, to which merchant, and where the money went. */\nexport function PaymentDrawer({ row, onClose }: { row: MerchantPaymentRow | null; onClose: () => void }) {\n  const money = (minor: string) => (row ? minorToMoney(minor, row.currency) : '');\n\n  return (\n    <Drawer\n      open={Boolean(row)}\n      onClose={onClose}\n      title={row ? money(row.amountMinor) : 'Payment'}\n      subtitle={row ? (row.payer.name ?? row.payer.email ?? 'Customer name not recorded') : undefined}\n      meta={\n        row ? (\n          <StatusPill status={TONE[row.status] ?? 'neutral'} label={word(STATUS_WORDS, row.status)} />\n        ) : undefined\n      }\n    >\n      {row ? (\n        <div className={styles.drawerBody}>\n          <FactList columns={2}>\n            <Fact label=\"Paid on\" value={when(row.paidAt)} />\n            <Fact label=\"What it was for\" value={word(TYPE_WORDS, row.type)} />\n            <Fact label=\"Paid by\" value={row.payer.name ?? 'Name not recorded'} />\n            <Fact label=\"Email\" value={row.payer.email ?? '–'} />\n            <Fact label=\"Phone\" value={row.payer.phone ?? '–'} />\n            <Fact label=\"How they paid\" value={row.channel.label} />\n            <Fact label=\"Card or bank\" value={row.methodDetail ?? '–'} />\n            <Fact\n              label=\"Merchant\"\n              value={\n                row.merchant.name ? (\n                  <Link href={`/admin/tenants/${row.merchant.id}`}>{row.merchant.name}</Link>\n                ) : (\n                  'Unknown merchant'\n                )\n              }\n            />\n          </FactList>\n          <h3 className={styles.drawerHeading}>Where the money went</h3>\n          <FactList columns={2}>\n            <Fact label=\"Customer paid\" value={money(row.amountMinor)} />\n            <Fact label=\"Fee taken\" value={money(row.feeMinor)} />\n            <Fact label=\"Merchant gets\" value={money(row.netMinor)} />\n            <Fact label=\"Reference\" value={row.reference} />\n          </FactList>\n          {row.orderId ? (\n            <p className={styles.sectionNote}>\n              This payment is for an order. Find it on the merchant's page, under Orders.\n            </p>\n          ) : null}\n        </div>\n      ) : null}\n    </Drawer>\n  );\n}\n"],"mappings":";AA2BU,cAMA,YANA;AAzBV,OAAO,UAAU;AACjB,SAAS,MAAM,gBAAgB;AAE/B,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,cAAc,YAAY,cAAc,YAAY;AAC7D,OAAO,YAAY;AAEnB,MAAM,OAAO,CAAC,QACZ,IAAI,KAAK,GAAG,EAAE,eAAe,SAAS,EAAE,WAAW,UAAU,WAAW,QAAQ,CAAC;AAEnF,MAAM,OAA+B,EAAE,SAAS,WAAW,SAAS,WAAW,QAAQ,SAAS;AAGzF,SAAS,cAAc,EAAE,KAAK,QAAQ,GAA4D;AACvG,QAAM,QAAQ,CAAC,UAAmB,MAAM,aAAa,OAAO,IAAI,QAAQ,IAAI;AAE5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,QAAQ,GAAG;AAAA,MACjB;AAAA,MACA,OAAO,MAAM,MAAM,IAAI,WAAW,IAAI;AAAA,MACtC,UAAU,MAAO,IAAI,MAAM,QAAQ,IAAI,MAAM,SAAS,+BAAgC;AAAA,MACtF,MACE,MACE,oBAAC,cAAW,QAAQ,KAAK,IAAI,MAAM,KAAK,WAAW,OAAO,KAAK,cAAc,IAAI,MAAM,GAAG,IACxF;AAAA,MAGL,gBACC,qBAAC,SAAI,WAAW,OAAO,YACrB;AAAA,6BAAC,YAAS,SAAS,GACjB;AAAA,8BAAC,QAAK,OAAM,WAAU,OAAO,KAAK,IAAI,MAAM,GAAG;AAAA,UAC/C,oBAAC,QAAK,OAAM,mBAAkB,OAAO,KAAK,YAAY,IAAI,IAAI,GAAG;AAAA,UACjE,oBAAC,QAAK,OAAM,WAAU,OAAO,IAAI,MAAM,QAAQ,qBAAqB;AAAA,UACpE,oBAAC,QAAK,OAAM,SAAQ,OAAO,IAAI,MAAM,SAAS,UAAK;AAAA,UACnD,oBAAC,QAAK,OAAM,SAAQ,OAAO,IAAI,MAAM,SAAS,UAAK;AAAA,UACnD,oBAAC,QAAK,OAAM,iBAAgB,OAAO,IAAI,QAAQ,OAAO;AAAA,UACtD,oBAAC,QAAK,OAAM,gBAAe,OAAO,IAAI,gBAAgB,UAAK;AAAA,UAC3D;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,OACE,IAAI,SAAS,OACX,oBAAC,QAAK,MAAM,kBAAkB,IAAI,SAAS,EAAE,IAAK,cAAI,SAAS,MAAK,IAEpE;AAAA;AAAA,UAGN;AAAA,WACF;AAAA,QACA,oBAAC,QAAG,WAAW,OAAO,eAAe,kCAAoB;AAAA,QACzD,qBAAC,YAAS,SAAS,GACjB;AAAA,8BAAC,QAAK,OAAM,iBAAgB,OAAO,MAAM,IAAI,WAAW,GAAG;AAAA,UAC3D,oBAAC,QAAK,OAAM,aAAY,OAAO,MAAM,IAAI,QAAQ,GAAG;AAAA,UACpD,oBAAC,QAAK,OAAM,iBAAgB,OAAO,MAAM,IAAI,QAAQ,GAAG;AAAA,UACxD,oBAAC,QAAK,OAAM,aAAY,OAAO,IAAI,WAAW;AAAA,WAChD;AAAA,QACC,IAAI,UACH,oBAAC,OAAE,WAAW,OAAO,aAAa,yFAElC,IACE;AAAA,SACN,IACE;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/admin/revenue/plan-lines.js

@@ -1,36 +0,0 @@
-import { byCurrency, formatPlanPrice } from "@withpotter/lib/plan-price";
-function priceList(prices, currencies) {
-  return Object.keys(prices).sort(byCurrency).map(
-    (code) => formatPlanPrice(prices[code], code, currencies.find((c) => c.code === code)?.exponent)
-  );
-}
-function planLines(plans, currencies, breakdown) {
-  const earned = /* @__PURE__ */ new Map();
-  for (const row of breakdown) {
-    const key = row.planId.toLowerCase();
-    const seen = earned.get(key);
-    earned.set(key, {
-      subscribers: (seen?.subscribers ?? 0) + row.subscribers,
-      mrr: (seen?.mrr ?? 0) + row.mrr
-    });
-  }
-  return plans.map((plan) => {
-    const version = plan.live ?? plan.open;
-    const prices = version?.prices ?? {};
-    const hit = earned.get(plan.id.toLowerCase()) ?? earned.get(plan.slug.toLowerCase()) ?? (version ? earned.get(version.name.toLowerCase()) : void 0);
-    return {
-      id: plan.id,
-      name: version?.name ?? plan.slug,
-      slug: plan.slug,
-      prices: version ? priceList(prices, currencies) : [],
-      free: Object.keys(prices).length > 0 && Object.values(prices).every((minor) => /^0*$/.test(minor)),
-      draft: plan.live === null,
-      subscribers: hit?.subscribers ?? plan.subscribers,
-      mrr: hit?.mrr ?? 0
-    };
-  }).sort((a, b) => b.mrr - a.mrr || b.subscribers - a.subscribers || a.name.localeCompare(b.name));
-}
-export {
-  planLines
-};
-//# sourceMappingURL=plan-lines.js.map

package/dist/admin/revenue/plan-lines.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/admin/revenue/plan-lines.ts"],"sourcesContent":["import type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport type { PriceCurrency } from '@withpotter/lib/admin-pricing-api';\nimport { byCurrency, formatPlanPrice } from '@withpotter/lib/plan-price';\nimport type { PlanSummary } from '@withpotter/lib/pricing-plans-types';\n\n/** One line per currency, at that currency's exponent. */\nfunction priceList(prices: Record<string, string>, currencies: PriceCurrency[]): string[] {\n  return Object.keys(prices)\n    .sort(byCurrency)\n    .map((code) =>\n      formatPlanPrice(prices[code], code, currencies.find((c) => c.code === code)?.exponent),\n    );\n}\n\n/** What one plan shows: its catalogue entry joined with what it earns. */\nexport interface PlanLine {\n  id: string;\n  name: string;\n  slug: string;\n  prices: string[];\n  /** Nothing to pay: every price is zero. */\n  free: boolean;\n  /** Created but not live yet. */\n  draft: boolean;\n  subscribers: number;\n  mrr: number;\n}\n\n/**\n * Every plan an admin has created, one line each, with the name it was given\n * (Free, Basic, Premium and so on). The plans list is the source of the rows, so\n * a plan nobody is on yet still shows, with 0 subscribers; the revenue figures\n * for it are joined in by plan id, code or name.\n */\nexport function planLines(\n  plans: readonly PlanSummary[],\n  currencies: PriceCurrency[],\n  breakdown: PlatformRevenue['recurring']['planBreakdown'],\n): PlanLine[] {\n  const earned = new Map<string, { subscribers: number; mrr: number }>();\n\n  for (const row of breakdown) {\n    const key = row.planId.toLowerCase();\n    const seen = earned.get(key);\n\n    // A plan billed monthly and yearly comes as two rows: add them up.\n    earned.set(key, {\n      subscribers: (seen?.subscribers ?? 0) + row.subscribers,\n      mrr: (seen?.mrr ?? 0) + row.mrr,\n    });\n  }\n\n  return plans\n    .map((plan): PlanLine => {\n      const version = plan.live ?? plan.open;\n      const prices: Record<string, string> = version?.prices ?? {};\n      // The revenue breakdown names a plan by its code (\"basic\"), the plans list by its id: match either, or the name.\n      const hit =\n        earned.get(plan.id.toLowerCase()) ??\n        earned.get(plan.slug.toLowerCase()) ??\n        (version ? earned.get(version.name.toLowerCase()) : undefined);\n\n      return {\n        id: plan.id,\n        name: version?.name ?? plan.slug,\n        slug: plan.slug,\n        prices: version ? priceList(prices, currencies) : [],\n        free:\n          Object.keys(prices).length > 0 &&\n          Object.values(prices).every((minor) => /^0*$/.test(minor)),\n        draft: plan.live === null,\n        subscribers: hit?.subscribers ?? plan.subscribers,\n        mrr: hit?.mrr ?? 0,\n      };\n    })\n    .sort((a, b) => b.mrr - a.mrr || b.subscribers - a.subscribers || a.name.localeCompare(b.name));\n}\n"],"mappings":"AAEA,SAAS,YAAY,uBAAuB;AAI5C,SAAS,UAAU,QAAgC,YAAuC;AACxF,SAAO,OAAO,KAAK,MAAM,EACtB,KAAK,UAAU,EACf;AAAA,IAAI,CAAC,SACJ,gBAAgB,OAAO,IAAI,GAAG,MAAM,WAAW,KAAK,CAAC,MAAM,EAAE,SAAS,IAAI,GAAG,QAAQ;AAAA,EACvF;AACJ;AAsBO,SAAS,UACd,OACA,YACA,WACY;AACZ,QAAM,SAAS,oBAAI,IAAkD;AAErE,aAAW,OAAO,WAAW;AAC3B,UAAM,MAAM,IAAI,OAAO,YAAY;AACnC,UAAM,OAAO,OAAO,IAAI,GAAG;AAG3B,WAAO,IAAI,KAAK;AAAA,MACd,cAAc,MAAM,eAAe,KAAK,IAAI;AAAA,MAC5C,MAAM,MAAM,OAAO,KAAK,IAAI;AAAA,IAC9B,CAAC;AAAA,EACH;AAEA,SAAO,MACJ,IAAI,CAAC,SAAmB;AACvB,UAAM,UAAU,KAAK,QAAQ,KAAK;AAClC,UAAM,SAAiC,SAAS,UAAU,CAAC;AAE3D,UAAM,MACJ,OAAO,IAAI,KAAK,GAAG,YAAY,CAAC,KAChC,OAAO,IAAI,KAAK,KAAK,YAAY,CAAC,MACjC,UAAU,OAAO,IAAI,QAAQ,KAAK,YAAY,CAAC,IAAI;AAEtD,WAAO;AAAA,MACL,IAAI,KAAK;AAAA,MACT,MAAM,SAAS,QAAQ,KAAK;AAAA,MAC5B,MAAM,KAAK;AAAA,MACX,QAAQ,UAAU,UAAU,QAAQ,UAAU,IAAI,CAAC;AAAA,MACnD,MACE,OAAO,KAAK,MAAM,EAAE,SAAS,KAC7B,OAAO,OAAO,MAAM,EAAE,MAAM,CAAC,UAAU,OAAO,KAAK,KAAK,CAAC;AAAA,MAC3D,OAAO,KAAK,SAAS;AAAA,MACrB,aAAa,KAAK,eAAe,KAAK;AAAA,MACtC,KAAK,KAAK,OAAO;AAAA,IACnB;AAAA,EACF,CAAC,EACA,KAAK,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,IAAI,CAAC;AAClG;","names":[]}