@withpotter/pages-admin 0.13.0-next.101 → 0.13.0-next.102

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

@@ -1 +1 @@
-{"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 { 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 styles from './ledger.module.css';\nimport table from './revenue.module.css';\n\nconst PAGE_SIZE = 25;\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  const [search, setSearch] = useState('');\n  const [q, setQ] = useState('');\n  const [method, setMethod] = useState('');\n  const [status, setStatus] = useState('');\n  const [type, setType] = useState('');\n  const [page, setPage] = useState(1);\n\n  // Typing waits a moment, so a search is one request and not one per key.\n  useEffect(() => {\n    const timer = setTimeout(() => setQ(search.trim()), 300);\n\n    return () => clearTimeout(timer);\n  }, [search]);\n\n  const filters = useMemo(\n    () => ({ startDate, endDate, method, status, type, q, page, limit: PAGE_SIZE }),\n    [startDate, endDate, method, status, type, q, page],\n  );\n  // Any change of what is shown starts again from the first page.\n  const change = <T,>(set: (v: T) => void) => (value: T) => {\n    set(value);\n    setPage(1);\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 strip = data.strip.find((s) => s.currency === focus);\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}>Every payment</h2>\n      <div className={styles.toolbar}>\n        <Filters label=\"Filter payments\">\n          <FilterSearch\n            value={search}\n            onChange={change(setSearch)}\n            placeholder=\"Search a name, email, phone, reference or merchant\"\n            label=\"Search payments\"\n          />\n          <FilterSelect value={method} onChange={change(setMethod)} options={METHODS} label=\"Way of paying\" />\n          <FilterSelect value={status} onChange={change(setStatus)} options={STATUSES} label=\"Payment result\" />\n          <FilterSelect value={type} onChange={change(setType)} 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      {strip ? (\n        <p className={styles.strip} aria-live=\"polite\">\n          <span>\n            Showing <strong>{integer.format(data.total)}</strong> {data.total === 1 ? 'payment' : 'payments'}\n          </span>\n          <span>\n            <strong>{money(strip.amountMinor)}</strong> received\n          </span>\n          <span>\n            <strong>{money(strip.feeMinor)}</strong> in fees\n          </span>\n          <span>\n            <strong>{money(strip.netMinor)}</strong> to merchants\n          </span>\n        </p>\n      ) : null}\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} />\n          ))}\n        </TableShell>\n      )}\n\n      <Pagination page={page} totalPages={totalPages} total={data.total} noun=\"payments\" onPage={setPage} />\n    </div>\n  );\n}\n\nfunction PaymentRow({ row }: { row: MerchantPaymentRow }) {\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>\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":[]}
+{"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 strip = data.strip.find((s) => s.currency === focus);\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}>Every payment</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      {strip ? (\n        <p className={styles.strip} aria-live=\"polite\">\n          <span>\n            Showing <strong>{integer.format(data.total)}</strong> {data.total === 1 ? 'payment' : 'payments'}\n          </span>\n          <span>\n            <strong>{money(strip.amountMinor)}</strong> received\n          </span>\n          <span>\n            <strong>{money(strip.feeMinor)}</strong> in fees\n          </span>\n          <span>\n            <strong>{money(strip.netMinor)}</strong> to merchants\n          </span>\n        </p>\n      ) : null}\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/merchants-view.js

@@ -0,0 +1,99 @@
+"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 { useMerchantRevenue } from "../hooks";
+import { LoadFailed } from "../audit/load-failed";
+import { AdmLoading, FilterSearch, Filters, Pagination } from "../_ui";
+import { minorToMoney } from "./ledger-model";
+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: "" };
+const integer = new Intl.NumberFormat("en-US");
+const METHOD_COLOUR = {
+  card: "#4f7a28",
+  ussd: "#c68a1b",
+  transfer: "#2f6f9f",
+  opay: "#7a4fa0"
+};
+function MerchantsView({ startDate, endDate }) {
+  const { values, page, set } = useUrlFilters("mr", FILTERS);
+  const [search, setSearch] = useState(values.q);
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      if (search.trim() !== values.q) set({ q: search.trim() });
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [search]);
+  const filters = useMemo(
+    () => ({ startDate, endDate, q: values.q, page, limit: PAGE_SIZE }),
+    [startDate, endDate, values.q, page]
+  );
+  const { data, isLoading, isError, refetch } = useMerchantRevenue(filters);
+  if (isError) {
+    return /* @__PURE__ */ jsx(
+      LoadFailed,
+      {
+        message: "The merchants could not be loaded. This box may not have this view yet.",
+        onRetry: () => void refetch()
+      }
+    );
+  }
+  if (isLoading || !data) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading merchants\u2026" });
+  const hasMore = data.rows.length === PAGE_SIZE;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("p", { className: styles.lede, children: "This shows which merchants received the most money in this period, and how their customers paid them. Open a merchant to see each payment." }),
+    /* @__PURE__ */ jsx("div", { className: styles.toolbar, children: /* @__PURE__ */ jsx(Filters, { label: "Filter merchants", children: /* @__PURE__ */ jsx(FilterSearch, { value: search, onChange: setSearch, placeholder: "Search a merchant by name", label: "Search merchants" }) }) }),
+    data.rows.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { className: table.empty, children: "No merchant took a payment in this period. Try a wider date range." }) : /* @__PURE__ */ jsx(
+      TableShell,
+      {
+        minWidth: 760,
+        density: "compact",
+        head: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx(Th, { children: "Merchant" }),
+          /* @__PURE__ */ jsx(Th, { align: "right", children: "Money received" }),
+          /* @__PURE__ */ jsx(Th, { align: "right", children: "Payments" }),
+          /* @__PURE__ */ jsx(Th, { children: "How customers paid" }),
+          /* @__PURE__ */ jsx(Th, { children: " " })
+        ] }),
+        children: data.rows.map((row) => /* @__PURE__ */ jsx(MerchantRow, { row }, `${row.merchant.id}-${row.currency}`))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Pagination,
+      {
+        page,
+        totalPages: hasMore ? page + 1 : page,
+        noun: "merchants",
+        onPage: (next) => set({ page: next })
+      }
+    )
+  ] });
+}
+function MerchantRow({ row }) {
+  const total = Number(row.grossMinor) || 1;
+  return /* @__PURE__ */ jsxs(TableRow, { children: [
+    /* @__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", { className: table.numStrong, children: minorToMoney(row.grossMinor, row.currency) }),
+    /* @__PURE__ */ jsx("td", { className: table.num, children: integer.format(row.payments) }),
+    /* @__PURE__ */ jsxs("td", { children: [
+      /* @__PURE__ */ jsx("div", { className: styles.methodBar, role: "img", "aria-label": row.byMethod.map((m) => `${m.label} ${minorToMoney(m.amountMinor, row.currency)}`).join(", "), children: row.byMethod.map((m) => /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: styles.methodSeg,
+          style: { width: `${Number(m.amountMinor) / total * 100}%`, background: METHOD_COLOUR[m.key] ?? "#8a8f85" }
+        },
+        m.key
+      )) }),
+      /* @__PURE__ */ jsx("div", { className: styles.methodText, children: row.byMethod.map((m) => `${m.label} ${Math.round(Number(m.amountMinor) / total * 100)}%`).join(" \xB7 ") })
+    ] }),
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Link, { href: `?tab=merchants&mp_merchant=${row.merchant.id}`, children: "See payments" }) })
+  ] });
+}
+export {
+  MerchantsView
+};
+//# sourceMappingURL=merchants-view.js.map

package/dist/admin/revenue/merchants-view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/revenue/merchants-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 type { MerchantRevenueRow } from '@withpotter/lib/admin-api';\nimport { useMerchantRevenue } from '../hooks';\nimport { LoadFailed } from '../audit/load-failed';\nimport { AdmLoading, FilterSearch, Filters, Pagination } from '../_ui';\nimport { minorToMoney } from './ledger-model';\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: '' };\nconst integer = new Intl.NumberFormat('en-US');\n\n/** One colour for each way of paying, so a merchant's mix reads at a glance. The words sit under the bar too. */\nconst METHOD_COLOUR: Record<string, string> = {\n  card: '#4f7a28',\n  ussd: '#c68a1b',\n  transfer: '#2f6f9f',\n  opay: '#7a4fa0',\n};\n\n/** Which merchant received how much, and how their customers paid them. */\nexport function MerchantsView({ startDate, endDate }: { startDate?: string; endDate?: string }) {\n  const { values, page, set } = useUrlFilters('mr', FILTERS);\n  const [search, setSearch] = useState(values.q);\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    () => ({ startDate, endDate, q: values.q, page, limit: PAGE_SIZE }),\n    [startDate, endDate, values.q, page],\n  );\n  const { data, isLoading, isError, refetch } = useMerchantRevenue(filters);\n\n  if (isError) {\n    return (\n      <LoadFailed\n        message=\"The merchants could not be loaded. This box may not have this view yet.\"\n        onRetry={() => void refetch()}\n      />\n    );\n  }\n  if (isLoading || !data) return <AdmLoading label=\"Loading merchants…\" />;\n\n  const hasMore = data.rows.length === PAGE_SIZE;\n\n  return (\n    <div>\n      <p className={styles.lede}>\n        This shows which merchants received the most money in this period, and how their customers paid them. Open a\n        merchant to see each payment.\n      </p>\n      <div className={styles.toolbar}>\n        <Filters label=\"Filter merchants\">\n          <FilterSearch value={search} onChange={setSearch} placeholder=\"Search a merchant by name\" label=\"Search merchants\" />\n        </Filters>\n      </div>\n\n      {data.rows.length === 0 ? (\n        <EmptyNote className={table.empty}>No merchant took a payment in this period. Try a wider date range.</EmptyNote>\n      ) : (\n        <TableShell\n          minWidth={760}\n          density=\"compact\"\n          head={\n            <tr>\n              <Th>Merchant</Th>\n              <Th align=\"right\">Money received</Th>\n              <Th align=\"right\">Payments</Th>\n              <Th>How customers paid</Th>\n              <Th> </Th>\n            </tr>\n          }\n        >\n          {data.rows.map((row) => (\n            <MerchantRow key={`${row.merchant.id}-${row.currency}`} row={row} />\n          ))}\n        </TableShell>\n      )}\n\n      <Pagination\n        page={page}\n        totalPages={hasMore ? page + 1 : page}\n        noun=\"merchants\"\n        onPage={(next) => set({ page: next })}\n      />\n    </div>\n  );\n}\n\nfunction MerchantRow({ row }: { row: MerchantRevenueRow }) {\n  const total = Number(row.grossMinor) || 1;\n\n  return (\n    <TableRow>\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 className={table.numStrong}>{minorToMoney(row.grossMinor, row.currency)}</td>\n      <td className={table.num}>{integer.format(row.payments)}</td>\n      <td>\n        <div className={styles.methodBar} role=\"img\" aria-label={row.byMethod.map((m) => `${m.label} ${minorToMoney(m.amountMinor, row.currency)}`).join(', ')}>\n          {row.byMethod.map((m) => (\n            <span\n              key={m.key}\n              className={styles.methodSeg}\n              style={{ width: `${(Number(m.amountMinor) / total) * 100}%`, background: METHOD_COLOUR[m.key] ?? '#8a8f85' }}\n            />\n          ))}\n        </div>\n        <div className={styles.methodText}>\n          {row.byMethod.map((m) => `${m.label} ${Math.round((Number(m.amountMinor) / total) * 100)}%`).join(' · ')}\n        </div>\n      </td>\n      <td>\n        <Link href={`?tab=merchants&mp_merchant=${row.merchant.id}`}>See payments</Link>\n      </td>\n    </TableRow>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,53 @@
+"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

@@ -0,0 +1 @@
+{"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-mix-panel.js

@@ -13,7 +13,7 @@ function PlanMixPanel({
   return /* @__PURE__ */ jsx(
     Panel,
     {
-      title: "Plan mix",
+      title: "Who pays what",
       count: plans.length || void 0,
       caption,
       flush: true,

package/dist/admin/revenue/plan-mix-panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/revenue/plan-mix-panel.tsx"],"sourcesContent":["import type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { EmptyNote, TableRow, TableShell, Th } from '@withpotter/ui-kit';\nimport { Panel } from '../_ui';\nimport styles from './revenue.module.css';\n\nconst integer = new Intl.NumberFormat('en-US');\n\n/** Subscriber count and MRR per plan, ranked by MRR. */\nexport function PlanMixPanel({\n  planBreakdown,\n  money,\n  caption,\n}: {\n  planBreakdown: PlatformRevenue['recurring']['planBreakdown'];\n  money: (value: number) => string;\n  caption: string;\n}) {\n  const plans = [...planBreakdown].sort((a, b) => b.mrr - a.mrr);\n  const totalMrr = plans.reduce((sum, p) => sum + p.mrr, 0);\n\n  return (\n    <Panel\n      title=\"Plan mix\"\n      count={plans.length || undefined}\n      caption={caption}\n      flush\n    >\n      {plans.length === 0 ? (\n        <EmptyNote className={styles.empty}>\n          No active plans in this period.\n        </EmptyNote>\n      ) : (\n        <TableShell\n          bare\n          minWidth={420}\n          density=\"compact\"\n          head={\n            <tr>\n              <Th>Plan</Th>\n              <Th align=\"right\">Subscribers</Th>\n              <Th align=\"right\">MRR</Th>\n              <Th align=\"right\">% of MRR</Th>\n            </tr>\n          }\n        >\n          {plans.map((p) => {\n            const share = totalMrr > 0 ? (p.mrr / totalMrr) * 100 : 0;\n            return (\n              <TableRow key={p.planId}>\n                <td className={styles.name}>\n                  <span className={styles.tenantText}>\n                    {p.name}\n                    <span className={styles.slug}>{p.interval}</span>\n                  </span>\n                </td>\n                <td className={styles.num}>\n                  {integer.format(p.subscribers)}\n                </td>\n                <td className={styles.numStrong}>{money(p.mrr)}</td>\n                <td className={styles.num}>\n                  <span className={styles.share}>\n                    <span className={styles.shareTrack} aria-hidden>\n                      <span\n                        className={styles.shareFill}\n                        style={{ width: `${Math.min(share, 100)}%` }}\n                      />\n                    </span>\n                    {share.toFixed(1)}%\n                  </span>\n                </td>\n              </TableRow>\n            );\n          })}\n        </TableShell>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":"AA4BQ,cASI,YATJ;AA3BR,SAAS,WAAW,UAAU,YAAY,UAAU;AACpD,SAAS,aAAa;AACtB,OAAO,YAAY;AAEnB,MAAM,UAAU,IAAI,KAAK,aAAa,OAAO;AAGtC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,QAAQ,CAAC,GAAG,aAAa,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,GAAG;AAC7D,QAAM,WAAW,MAAM,OAAO,CAAC,KAAK,MAAM,MAAM,EAAE,KAAK,CAAC;AAExD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO,MAAM,UAAU;AAAA,MACvB;AAAA,MACA,OAAK;AAAA,MAEJ,gBAAM,WAAW,IAChB,oBAAC,aAAU,WAAW,OAAO,OAAO,6CAEpC,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAI;AAAA,UACJ,UAAU;AAAA,UACV,SAAQ;AAAA,UACR,MACE,qBAAC,QACC;AAAA,gCAAC,MAAG,kBAAI;AAAA,YACR,oBAAC,MAAG,OAAM,SAAQ,yBAAW;AAAA,YAC7B,oBAAC,MAAG,OAAM,SAAQ,iBAAG;AAAA,YACrB,oBAAC,MAAG,OAAM,SAAQ,sBAAQ;AAAA,aAC5B;AAAA,UAGD,gBAAM,IAAI,CAAC,MAAM;AAChB,kBAAM,QAAQ,WAAW,IAAK,EAAE,MAAM,WAAY,MAAM;AACxD,mBACE,qBAAC,YACC;AAAA,kCAAC,QAAG,WAAW,OAAO,MACpB,+BAAC,UAAK,WAAW,OAAO,YACrB;AAAA,kBAAE;AAAA,gBACH,oBAAC,UAAK,WAAW,OAAO,MAAO,YAAE,UAAS;AAAA,iBAC5C,GACF;AAAA,cACA,oBAAC,QAAG,WAAW,OAAO,KACnB,kBAAQ,OAAO,EAAE,WAAW,GAC/B;AAAA,cACA,oBAAC,QAAG,WAAW,OAAO,WAAY,gBAAM,EAAE,GAAG,GAAE;AAAA,cAC/C,oBAAC,QAAG,WAAW,OAAO,KACpB,+BAAC,UAAK,WAAW,OAAO,OACtB;AAAA,oCAAC,UAAK,WAAW,OAAO,YAAY,eAAW,MAC7C;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAW,OAAO;AAAA,oBAClB,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,OAAO,GAAG,CAAC,IAAI;AAAA;AAAA,gBAC7C,GACF;AAAA,gBACC,MAAM,QAAQ,CAAC;AAAA,gBAAE;AAAA,iBACpB,GACF;AAAA,iBArBa,EAAE,MAsBjB;AAAA,UAEJ,CAAC;AAAA;AAAA,MACH;AAAA;AAAA,EAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/revenue/plan-mix-panel.tsx"],"sourcesContent":["import type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { EmptyNote, TableRow, TableShell, Th } from '@withpotter/ui-kit';\nimport { Panel } from '../_ui';\nimport styles from './revenue.module.css';\n\nconst integer = new Intl.NumberFormat('en-US');\n\n/** Subscriber count and MRR per plan, ranked by MRR. */\nexport function PlanMixPanel({\n  planBreakdown,\n  money,\n  caption,\n}: {\n  planBreakdown: PlatformRevenue['recurring']['planBreakdown'];\n  money: (value: number) => string;\n  caption: string;\n}) {\n  const plans = [...planBreakdown].sort((a, b) => b.mrr - a.mrr);\n  const totalMrr = plans.reduce((sum, p) => sum + p.mrr, 0);\n\n  return (\n    <Panel\n      title=\"Who pays what\"\n      count={plans.length || undefined}\n      caption={caption}\n      flush\n    >\n      {plans.length === 0 ? (\n        <EmptyNote className={styles.empty}>\n          No active plans in this period.\n        </EmptyNote>\n      ) : (\n        <TableShell\n          bare\n          minWidth={420}\n          density=\"compact\"\n          head={\n            <tr>\n              <Th>Plan</Th>\n              <Th align=\"right\">Subscribers</Th>\n              <Th align=\"right\">MRR</Th>\n              <Th align=\"right\">% of MRR</Th>\n            </tr>\n          }\n        >\n          {plans.map((p) => {\n            const share = totalMrr > 0 ? (p.mrr / totalMrr) * 100 : 0;\n            return (\n              <TableRow key={p.planId}>\n                <td className={styles.name}>\n                  <span className={styles.tenantText}>\n                    {p.name}\n                    <span className={styles.slug}>{p.interval}</span>\n                  </span>\n                </td>\n                <td className={styles.num}>\n                  {integer.format(p.subscribers)}\n                </td>\n                <td className={styles.numStrong}>{money(p.mrr)}</td>\n                <td className={styles.num}>\n                  <span className={styles.share}>\n                    <span className={styles.shareTrack} aria-hidden>\n                      <span\n                        className={styles.shareFill}\n                        style={{ width: `${Math.min(share, 100)}%` }}\n                      />\n                    </span>\n                    {share.toFixed(1)}%\n                  </span>\n                </td>\n              </TableRow>\n            );\n          })}\n        </TableShell>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":"AA4BQ,cASI,YATJ;AA3BR,SAAS,WAAW,UAAU,YAAY,UAAU;AACpD,SAAS,aAAa;AACtB,OAAO,YAAY;AAEnB,MAAM,UAAU,IAAI,KAAK,aAAa,OAAO;AAGtC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,QAAQ,CAAC,GAAG,aAAa,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,GAAG;AAC7D,QAAM,WAAW,MAAM,OAAO,CAAC,KAAK,MAAM,MAAM,EAAE,KAAK,CAAC;AAExD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO,MAAM,UAAU;AAAA,MACvB;AAAA,MACA,OAAK;AAAA,MAEJ,gBAAM,WAAW,IAChB,oBAAC,aAAU,WAAW,OAAO,OAAO,6CAEpC,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAI;AAAA,UACJ,UAAU;AAAA,UACV,SAAQ;AAAA,UACR,MACE,qBAAC,QACC;AAAA,gCAAC,MAAG,kBAAI;AAAA,YACR,oBAAC,MAAG,OAAM,SAAQ,yBAAW;AAAA,YAC7B,oBAAC,MAAG,OAAM,SAAQ,iBAAG;AAAA,YACrB,oBAAC,MAAG,OAAM,SAAQ,sBAAQ;AAAA,aAC5B;AAAA,UAGD,gBAAM,IAAI,CAAC,MAAM;AAChB,kBAAM,QAAQ,WAAW,IAAK,EAAE,MAAM,WAAY,MAAM;AACxD,mBACE,qBAAC,YACC;AAAA,kCAAC,QAAG,WAAW,OAAO,MACpB,+BAAC,UAAK,WAAW,OAAO,YACrB;AAAA,kBAAE;AAAA,gBACH,oBAAC,UAAK,WAAW,OAAO,MAAO,YAAE,UAAS;AAAA,iBAC5C,GACF;AAAA,cACA,oBAAC,QAAG,WAAW,OAAO,KACnB,kBAAQ,OAAO,EAAE,WAAW,GAC/B;AAAA,cACA,oBAAC,QAAG,WAAW,OAAO,WAAY,gBAAM,EAAE,GAAG,GAAE;AAAA,cAC/C,oBAAC,QAAG,WAAW,OAAO,KACpB,+BAAC,UAAK,WAAW,OAAO,OACtB;AAAA,oCAAC,UAAK,WAAW,OAAO,YAAY,eAAW,MAC7C;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAW,OAAO;AAAA,oBAClB,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,OAAO,GAAG,CAAC,IAAI;AAAA;AAAA,gBAC7C,GACF;AAAA,gBACC,MAAM,QAAQ,CAAC;AAAA,gBAAE;AAAA,iBACpB,GACF;AAAA,iBArBa,EAAE,MAsBjB;AAAA,UAEJ,CAAC;AAAA;AAAA,MACH;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

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

@@ -0,0 +1,42 @@
+"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 { PURPOSE_WORDS, STATUS_WORDS, SUBSCRIPTION_METHOD_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 = { succeeded: "success", pending: "pending", failed: "failed" };
+function PlanPaymentDrawer({ row, onClose }) {
+  return /* @__PURE__ */ jsx(
+    Drawer,
+    {
+      open: Boolean(row),
+      onClose,
+      title: row ? minorToMoney(row.amountKobo, "NGN") : "Plan payment",
+      subtitle: row ? row.merchantName ?? "Unknown merchant" : void 0,
+      meta: row ? /* @__PURE__ */ jsx(StatusPill, { status: TONE[row.status] ?? "neutral", label: word(STATUS_WORDS, row.status) }) : void 0,
+      children: row ? /* @__PURE__ */ jsx("div", { className: styles.drawerBody, children: /* @__PURE__ */ jsxs(FactList, { columns: 2, children: [
+        /* @__PURE__ */ jsx(Fact, { label: "Paid on", value: when(row.paidAt ?? row.createdAt) }),
+        /* @__PURE__ */ jsx(Fact, { label: "Plan", value: row.plan.charAt(0).toUpperCase() + row.plan.slice(1) }),
+        /* @__PURE__ */ jsx(Fact, { label: "What it was for", value: word(PURPOSE_WORDS, row.purpose) }),
+        /* @__PURE__ */ jsx(Fact, { label: "How they paid", value: word(SUBSCRIPTION_METHOD_WORDS, row.method) }),
+        /* @__PURE__ */ jsx(
+          Fact,
+          {
+            label: "Merchant",
+            value: /* @__PURE__ */ jsx(Link, { href: `/admin/tenants/${row.tenantId}`, children: row.merchantName ?? "Open merchant" })
+          }
+        ),
+        /* @__PURE__ */ jsx(Fact, { label: "Email", value: row.merchantEmail ?? "\u2013" }),
+        /* @__PURE__ */ jsx(Fact, { label: "Reference", value: row.reference }),
+        row.status === "failed" ? /* @__PURE__ */ jsx(Fact, { label: "Why it failed", value: row.failureReason ?? "Not recorded" }) : null
+      ] }) }) : null
+    }
+  );
+}
+export {
+  PlanPaymentDrawer
+};
+//# sourceMappingURL=plan-payment-drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/revenue/plan-payment-drawer.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { Fact, FactList } from '@withpotter/ui-kit';\nimport type { SubscriptionPaymentRow } from '@withpotter/lib/admin-api';\nimport { StatusPill } from '../audit/status-pill';\nimport { Drawer } from '../_ui';\nimport { PURPOSE_WORDS, STATUS_WORDS, SUBSCRIPTION_METHOD_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> = { succeeded: 'success', pending: 'pending', failed: 'failed' };\n\n/** One plan payment in full: which merchant paid, for which plan, and how it went. */\nexport function PlanPaymentDrawer({ row, onClose }: { row: SubscriptionPaymentRow | null; onClose: () => void }) {\n  return (\n    <Drawer\n      open={Boolean(row)}\n      onClose={onClose}\n      title={row ? minorToMoney(row.amountKobo, 'NGN') : 'Plan payment'}\n      subtitle={row ? (row.merchantName ?? 'Unknown merchant') : undefined}\n      meta={\n        row ? <StatusPill status={TONE[row.status] ?? 'neutral'} label={word(STATUS_WORDS, row.status)} /> : undefined\n      }\n    >\n      {row ? (\n        <div className={styles.drawerBody}>\n          <FactList columns={2}>\n            <Fact label=\"Paid on\" value={when(row.paidAt ?? row.createdAt)} />\n            <Fact label=\"Plan\" value={row.plan.charAt(0).toUpperCase() + row.plan.slice(1)} />\n            <Fact label=\"What it was for\" value={word(PURPOSE_WORDS, row.purpose)} />\n            <Fact label=\"How they paid\" value={word(SUBSCRIPTION_METHOD_WORDS, row.method)} />\n            <Fact\n              label=\"Merchant\"\n              value={<Link href={`/admin/tenants/${row.tenantId}`}>{row.merchantName ?? 'Open merchant'}</Link>}\n            />\n            <Fact label=\"Email\" value={row.merchantEmail ?? '–'} />\n            <Fact label=\"Reference\" value={row.reference} />\n            {row.status === 'failed' ? <Fact label=\"Why it failed\" value={row.failureReason ?? 'Not recorded'} /> : null}\n          </FactList>\n        </div>\n      ) : null}\n    </Drawer>\n  );\n}\n"],"mappings":";AAwBc,cAKJ,YALI;AAtBd,OAAO,UAAU;AACjB,SAAS,MAAM,gBAAgB;AAE/B,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,eAAe,cAAc,2BAA2B,cAAc,YAAY;AAC3F,OAAO,YAAY;AAEnB,MAAM,OAAO,CAAC,QACZ,IAAI,KAAK,GAAG,EAAE,eAAe,SAAS,EAAE,WAAW,UAAU,WAAW,QAAQ,CAAC;AAEnF,MAAM,OAA+B,EAAE,WAAW,WAAW,SAAS,WAAW,QAAQ,SAAS;AAG3F,SAAS,kBAAkB,EAAE,KAAK,QAAQ,GAAgE;AAC/G,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,QAAQ,GAAG;AAAA,MACjB;AAAA,MACA,OAAO,MAAM,aAAa,IAAI,YAAY,KAAK,IAAI;AAAA,MACnD,UAAU,MAAO,IAAI,gBAAgB,qBAAsB;AAAA,MAC3D,MACE,MAAM,oBAAC,cAAW,QAAQ,KAAK,IAAI,MAAM,KAAK,WAAW,OAAO,KAAK,cAAc,IAAI,MAAM,GAAG,IAAK;AAAA,MAGtG,gBACC,oBAAC,SAAI,WAAW,OAAO,YACrB,+BAAC,YAAS,SAAS,GACjB;AAAA,4BAAC,QAAK,OAAM,WAAU,OAAO,KAAK,IAAI,UAAU,IAAI,SAAS,GAAG;AAAA,QAChE,oBAAC,QAAK,OAAM,QAAO,OAAO,IAAI,KAAK,OAAO,CAAC,EAAE,YAAY,IAAI,IAAI,KAAK,MAAM,CAAC,GAAG;AAAA,QAChF,oBAAC,QAAK,OAAM,mBAAkB,OAAO,KAAK,eAAe,IAAI,OAAO,GAAG;AAAA,QACvE,oBAAC,QAAK,OAAM,iBAAgB,OAAO,KAAK,2BAA2B,IAAI,MAAM,GAAG;AAAA,QAChF;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,OAAO,oBAAC,QAAK,MAAM,kBAAkB,IAAI,QAAQ,IAAK,cAAI,gBAAgB,iBAAgB;AAAA;AAAA,QAC5F;AAAA,QACA,oBAAC,QAAK,OAAM,SAAQ,OAAO,IAAI,iBAAiB,UAAK;AAAA,QACrD,oBAAC,QAAK,OAAM,aAAY,OAAO,IAAI,WAAW;AAAA,QAC7C,IAAI,WAAW,WAAW,oBAAC,QAAK,OAAM,iBAAgB,OAAO,IAAI,iBAAiB,gBAAgB,IAAK;AAAA,SAC1G,GACF,IACE;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/admin/revenue/print-summary-button.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Button, useToast } from "@withpotter/ui-kit";
+import { ADMIN_NAME } from "../_shell/admin-brand";
+import { summaryHtml } from "./summary-print";
+function PrintSummaryButton({ model }) {
+  const { toast } = useToast();
+  const run = () => {
+    const frame = document.createElement("iframe");
+    frame.setAttribute("aria-hidden", "true");
+    frame.style.cssText = "position:fixed;width:0;height:0;border:0;visibility:hidden";
+    document.body.appendChild(frame);
+    const doc = frame.contentDocument;
+    const view = frame.contentWindow;
+    if (!doc || !view) {
+      frame.remove();
+      toast({ title: "The summary could not be opened. Please try again." });
+      return;
+    }
+    doc.open();
+    doc.write(summaryHtml(model, ADMIN_NAME, (/* @__PURE__ */ new Date()).toLocaleDateString("en-GB", { dateStyle: "long" })));
+    doc.close();
+    setTimeout(() => {
+      view.focus();
+      view.print();
+      setTimeout(() => frame.remove(), 1e3);
+    }, 150);
+  };
+  return /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "sm", onClick: run, children: "Save as PDF" });
+}
+export {
+  PrintSummaryButton
+};
+//# sourceMappingURL=print-summary-button.js.map

package/dist/admin/revenue/print-summary-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/revenue/print-summary-button.tsx"],"sourcesContent":["'use client';\n\nimport { Button, useToast } from '@withpotter/ui-kit';\nimport { ADMIN_NAME } from '../_shell/admin-brand';\nimport { summaryHtml, type SummaryModel } from './summary-print';\n\n/**\n * Opens the one-page summary in the browser's print window, where \"Save as PDF\" makes the file. The page is drawn in a\n * hidden frame, so the admin itself is never printed and no pop-up is needed.\n */\nexport function PrintSummaryButton({ model }: { model: SummaryModel }) {\n  const { toast } = useToast();\n\n  const run = () => {\n    const frame = document.createElement('iframe');\n    frame.setAttribute('aria-hidden', 'true');\n    frame.style.cssText = 'position:fixed;width:0;height:0;border:0;visibility:hidden';\n    document.body.appendChild(frame);\n\n    const doc = frame.contentDocument;\n    const view = frame.contentWindow;\n\n    if (!doc || !view) {\n      frame.remove();\n      toast({ title: 'The summary could not be opened. Please try again.' });\n\n      return;\n    }\n\n    doc.open();\n    doc.write(summaryHtml(model, ADMIN_NAME, new Date().toLocaleDateString('en-GB', { dateStyle: 'long' })));\n    doc.close();\n\n    // Print once the page has laid out, and tidy the frame up when the print window closes.\n    setTimeout(() => {\n      view.focus();\n      view.print();\n      setTimeout(() => frame.remove(), 1000);\n    }, 150);\n  };\n\n  return (\n    <Button variant=\"secondary\" size=\"sm\" onClick={run}>\n      Save as PDF\n    </Button>\n  );\n}\n"],"mappings":";AA0CI;AAxCJ,SAAS,QAAQ,gBAAgB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,mBAAsC;AAMxC,SAAS,mBAAmB,EAAE,MAAM,GAA4B;AACrE,QAAM,EAAE,MAAM,IAAI,SAAS;AAE3B,QAAM,MAAM,MAAM;AAChB,UAAM,QAAQ,SAAS,cAAc,QAAQ;AAC7C,UAAM,aAAa,eAAe,MAAM;AACxC,UAAM,MAAM,UAAU;AACtB,aAAS,KAAK,YAAY,KAAK;AAE/B,UAAM,MAAM,MAAM;AAClB,UAAM,OAAO,MAAM;AAEnB,QAAI,CAAC,OAAO,CAAC,MAAM;AACjB,YAAM,OAAO;AACb,YAAM,EAAE,OAAO,qDAAqD,CAAC;AAErE;AAAA,IACF;AAEA,QAAI,KAAK;AACT,QAAI,MAAM,YAAY,OAAO,aAAY,oBAAI,KAAK,GAAE,mBAAmB,SAAS,EAAE,WAAW,OAAO,CAAC,CAAC,CAAC;AACvG,QAAI,MAAM;AAGV,eAAW,MAAM;AACf,WAAK,MAAM;AACX,WAAK,MAAM;AACX,iBAAW,MAAM,MAAM,OAAO,GAAG,GAAI;AAAA,IACvC,GAAG,GAAG;AAAA,EACR;AAEA,SACE,oBAAC,UAAO,SAAQ,aAAY,MAAK,MAAK,SAAS,KAAK,yBAEpD;AAEJ;","names":[]}

package/dist/admin/revenue/quality-panel.js

@@ -14,56 +14,56 @@ function QualityPanel({
   const one = rowFor(gmv, currency || (codes.length === 1 ? codes[0] : null));
   const rows = [
     {
-      label: "Net revenue retention",
-      note: "Starting cohort MRR, net of churn",
+      label: "Income kept from existing merchants",
+      note: "Plan income from merchants who were here at the start, after upgrades, downgrades and those who left",
       value: quality.nrrPct == null ? "\u2013" : `${quality.nrrPct}%`,
-      hint: `+${money(quality.expansionMrr)} exp \xB7 \u2212${money(
+      hint: `+${money(quality.expansionMrr)} upgrades \xB7 \u2212${money(
         quality.contractionMrr
-      )} contr`
+      )} downgrades`
     },
     {
-      label: "Quick ratio",
-      note: "New + expansion vs churn + contraction",
+      label: "Growth against loss",
+      note: "Plan income gained (new merchants and upgrades) for every \u20A61 lost (merchants who left and downgrades)",
       value: quality.quickRatio == null ? "\u2013" : `${quality.quickRatio}\xD7`
     },
     {
-      label: "Churn rate",
-      note: "MRR lost as a share of the base",
+      label: "Plan income lost",
+      note: "Share of plan income lost to merchants who left",
       value: quality.mrrChurnRatePct == null ? "\u2013" : `${quality.mrrChurnRatePct}%`,
       tone: quality.mrrChurnRatePct != null && quality.mrrChurnRatePct > 0 ? "danger" : "default"
     },
     {
-      label: "Net GMV",
-      note: "Merchant GMV after refunds",
+      label: "Merchant sales after refunds",
+      note: "What merchants sold, less what was refunded",
       value: lines((q) => q.netGmv),
       hint: `Gross ${lines((q) => q.grossGmv)}`
     },
     {
-      label: "Refunded",
-      note: "Refunded GMV in the window",
+      label: "Refunded sales",
+      note: "Value of sales that were refunded in this period",
       value: lines((q) => q.refundedGmv)
     },
     {
-      label: "Refund rate",
-      note: "Refunds as a share of gross GMV",
+      label: "Share refunded",
+      note: "Refunded sales as a share of all sales",
       value: one ? `${one.refundRatePct}%` : "\u2013",
       hint: one ? one.currency : "Pick a currency"
     },
     {
-      label: "Refunded orders",
-      note: "Order count, not GMV",
+      label: "Orders refunded",
+      note: "How many orders were refunded",
       value: integer.format(
         (gmv ?? []).filter((q) => !currency || q.currency === currency).reduce((n, q) => n + q.refundedOrders, 0)
       )
     },
     {
-      label: "Logo churn rate",
-      note: "Paying merchants lost in the window",
+      label: "Paying merchants lost",
+      note: "Share of paying merchants who stopped paying in this period",
       value: quality.logoChurnRatePct == null ? "\u2013" : `${quality.logoChurnRatePct}%`,
       tone: quality.logoChurnRatePct != null && quality.logoChurnRatePct > 0 ? "danger" : "default"
     }
   ];
-  return /* @__PURE__ */ jsx(Panel, { title: "Revenue quality", caption, children: /* @__PURE__ */ jsx(FigureList, { rows }) });
+  return /* @__PURE__ */ jsx(Panel, { title: "How healthy the income is", caption, children: /* @__PURE__ */ jsx(FigureList, { rows }) });
 }
 export {
   QualityPanel

package/dist/admin/revenue/quality-panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/revenue/quality-panel.tsx"],"sourcesContent":["import type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { Panel, moneyLines, noneText, rowFor } from '../_ui';\nimport { FigureList, type Figure } from './figure-list';\n\nconst integer = new Intl.NumberFormat('en-US');\n\ntype Quality = NonNullable<PlatformRevenue['quality']>;\n\n/** Retention and refund health over the selected window. */\nexport function QualityPanel({\n  quality,\n  money,\n  currency,\n  caption,\n}: {\n  quality: Quality;\n  /** Formats recurring revenue (MRR), in the currency the API names for it. */\n  money: (value: number) => string;\n  /** The currency filter's choice; empty shows a line per currency. */\n  currency: string;\n  caption: string;\n}) {\n  // Merchant GMV figures are per currency, joined line by line, never added.\n  const gmv = quality.gmvByCurrency;\n  const lines = (amount: (q: NonNullable<typeof gmv>[number]) => number) =>\n    moneyLines(gmv, currency, amount).join(' · ') || noneText(currency);\n  const codes = (gmv ?? []).map((q) => q.currency);\n  // A rate only reads within one currency: the chosen one, or the only one.\n  const one = rowFor(gmv, currency || (codes.length === 1 ? codes[0] : null));\n  const rows: Figure[] = [\n    {\n      label: 'Net revenue retention',\n      note: 'Starting cohort MRR, net of churn',\n      value: quality.nrrPct == null ? '–' : `${quality.nrrPct}%`,\n      hint: `+${money(quality.expansionMrr)} exp · −${money(\n        quality.contractionMrr,\n      )} contr`,\n    },\n    {\n      label: 'Quick ratio',\n      note: 'New + expansion vs churn + contraction',\n      value: quality.quickRatio == null ? '–' : `${quality.quickRatio}×`,\n    },\n    {\n      label: 'Churn rate',\n      note: 'MRR lost as a share of the base',\n      value:\n        quality.mrrChurnRatePct == null ? '–' : `${quality.mrrChurnRatePct}%`,\n      tone:\n        quality.mrrChurnRatePct != null && quality.mrrChurnRatePct > 0\n          ? 'danger'\n          : 'default',\n    },\n    {\n      label: 'Net GMV',\n      note: 'Merchant GMV after refunds',\n      value: lines((q) => q.netGmv),\n      hint: `Gross ${lines((q) => q.grossGmv)}`,\n    },\n    {\n      label: 'Refunded',\n      note: 'Refunded GMV in the window',\n      value: lines((q) => q.refundedGmv),\n    },\n    {\n      label: 'Refund rate',\n      note: 'Refunds as a share of gross GMV',\n      value: one ? `${one.refundRatePct}%` : '–',\n      hint: one ? one.currency : 'Pick a currency',\n    },\n    {\n      label: 'Refunded orders',\n      note: 'Order count, not GMV',\n      value: integer.format(\n        (gmv ?? [])\n          .filter((q) => !currency || q.currency === currency)\n          .reduce((n, q) => n + q.refundedOrders, 0),\n      ),\n    },\n    {\n      label: 'Logo churn rate',\n      note: 'Paying merchants lost in the window',\n      value:\n        quality.logoChurnRatePct == null ? '–' : `${quality.logoChurnRatePct}%`,\n      tone:\n        quality.logoChurnRatePct != null && quality.logoChurnRatePct > 0\n          ? 'danger'\n          : 'default',\n    },\n  ];\n\n  return (\n    <Panel title=\"Revenue quality\" caption={caption}>\n      <FigureList rows={rows} />\n    </Panel>\n  );\n}\n"],"mappings":"AA6FM;AA5FN,SAAS,OAAO,YAAY,UAAU,cAAc;AACpD,SAAS,kBAA+B;AAExC,MAAM,UAAU,IAAI,KAAK,aAAa,OAAO;AAKtC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AAED,QAAM,MAAM,QAAQ;AACpB,QAAM,QAAQ,CAAC,WACb,WAAW,KAAK,UAAU,MAAM,EAAE,KAAK,QAAK,KAAK,SAAS,QAAQ;AACpE,QAAM,SAAS,OAAO,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,QAAQ;AAE/C,QAAM,MAAM,OAAO,KAAK,aAAa,MAAM,WAAW,IAAI,MAAM,CAAC,IAAI,KAAK;AAC1E,QAAM,OAAiB;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,QAAQ,UAAU,OAAO,WAAM,GAAG,QAAQ,MAAM;AAAA,MACvD,MAAM,IAAI,MAAM,QAAQ,YAAY,CAAC,mBAAW;AAAA,QAC9C,QAAQ;AAAA,MACV,CAAC;AAAA,IACH;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,QAAQ,cAAc,OAAO,WAAM,GAAG,QAAQ,UAAU;AAAA,IACjE;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OACE,QAAQ,mBAAmB,OAAO,WAAM,GAAG,QAAQ,eAAe;AAAA,MACpE,MACE,QAAQ,mBAAmB,QAAQ,QAAQ,kBAAkB,IACzD,WACA;AAAA,IACR;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,MAAM,CAAC,MAAM,EAAE,MAAM;AAAA,MAC5B,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC;AAAA,IACzC;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,MAAM,CAAC,MAAM,EAAE,WAAW;AAAA,IACnC;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,MAAM,GAAG,IAAI,aAAa,MAAM;AAAA,MACvC,MAAM,MAAM,IAAI,WAAW;AAAA,IAC7B;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,QAAQ;AAAA,SACZ,OAAO,CAAC,GACN,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,aAAa,QAAQ,EAClD,OAAO,CAAC,GAAG,MAAM,IAAI,EAAE,gBAAgB,CAAC;AAAA,MAC7C;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OACE,QAAQ,oBAAoB,OAAO,WAAM,GAAG,QAAQ,gBAAgB;AAAA,MACtE,MACE,QAAQ,oBAAoB,QAAQ,QAAQ,mBAAmB,IAC3D,WACA;AAAA,IACR;AAAA,EACF;AAEA,SACE,oBAAC,SAAM,OAAM,mBAAkB,SAC7B,8BAAC,cAAW,MAAY,GAC1B;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/revenue/quality-panel.tsx"],"sourcesContent":["import type { PlatformRevenue } from '@withpotter/lib/admin-api';\nimport { Panel, moneyLines, noneText, rowFor } from '../_ui';\nimport { FigureList, type Figure } from './figure-list';\n\nconst integer = new Intl.NumberFormat('en-US');\n\ntype Quality = NonNullable<PlatformRevenue['quality']>;\n\n/** Retention and refund health over the selected window. */\nexport function QualityPanel({\n  quality,\n  money,\n  currency,\n  caption,\n}: {\n  quality: Quality;\n  /** Formats recurring revenue (MRR), in the currency the API names for it. */\n  money: (value: number) => string;\n  /** The currency filter's choice; empty shows a line per currency. */\n  currency: string;\n  caption: string;\n}) {\n  // Merchant GMV figures are per currency, joined line by line, never added.\n  const gmv = quality.gmvByCurrency;\n  const lines = (amount: (q: NonNullable<typeof gmv>[number]) => number) =>\n    moneyLines(gmv, currency, amount).join(' · ') || noneText(currency);\n  const codes = (gmv ?? []).map((q) => q.currency);\n  // A rate only reads within one currency: the chosen one, or the only one.\n  const one = rowFor(gmv, currency || (codes.length === 1 ? codes[0] : null));\n  const rows: Figure[] = [\n    {\n      label: 'Income kept from existing merchants',\n      note: 'Plan income from merchants who were here at the start, after upgrades, downgrades and those who left',\n      value: quality.nrrPct == null ? '–' : `${quality.nrrPct}%`,\n      hint: `+${money(quality.expansionMrr)} upgrades · −${money(\n        quality.contractionMrr,\n      )} downgrades`,\n    },\n    {\n      label: 'Growth against loss',\n      note: 'Plan income gained (new merchants and upgrades) for every ₦1 lost (merchants who left and downgrades)',\n      value: quality.quickRatio == null ? '–' : `${quality.quickRatio}×`,\n    },\n    {\n      label: 'Plan income lost',\n      note: 'Share of plan income lost to merchants who left',\n      value:\n        quality.mrrChurnRatePct == null ? '–' : `${quality.mrrChurnRatePct}%`,\n      tone:\n        quality.mrrChurnRatePct != null && quality.mrrChurnRatePct > 0\n          ? 'danger'\n          : 'default',\n    },\n    {\n      label: 'Merchant sales after refunds',\n      note: 'What merchants sold, less what was refunded',\n      value: lines((q) => q.netGmv),\n      hint: `Gross ${lines((q) => q.grossGmv)}`,\n    },\n    {\n      label: 'Refunded sales',\n      note: 'Value of sales that were refunded in this period',\n      value: lines((q) => q.refundedGmv),\n    },\n    {\n      label: 'Share refunded',\n      note: 'Refunded sales as a share of all sales',\n      value: one ? `${one.refundRatePct}%` : '–',\n      hint: one ? one.currency : 'Pick a currency',\n    },\n    {\n      label: 'Orders refunded',\n      note: 'How many orders were refunded',\n      value: integer.format(\n        (gmv ?? [])\n          .filter((q) => !currency || q.currency === currency)\n          .reduce((n, q) => n + q.refundedOrders, 0),\n      ),\n    },\n    {\n      label: 'Paying merchants lost',\n      note: 'Share of paying merchants who stopped paying in this period',\n      value:\n        quality.logoChurnRatePct == null ? '–' : `${quality.logoChurnRatePct}%`,\n      tone:\n        quality.logoChurnRatePct != null && quality.logoChurnRatePct > 0\n          ? 'danger'\n          : 'default',\n    },\n  ];\n\n  return (\n    <Panel title=\"How healthy the income is\" caption={caption}>\n      <FigureList rows={rows} />\n    </Panel>\n  );\n}\n"],"mappings":"AA6FM;AA5FN,SAAS,OAAO,YAAY,UAAU,cAAc;AACpD,SAAS,kBAA+B;AAExC,MAAM,UAAU,IAAI,KAAK,aAAa,OAAO;AAKtC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AAED,QAAM,MAAM,QAAQ;AACpB,QAAM,QAAQ,CAAC,WACb,WAAW,KAAK,UAAU,MAAM,EAAE,KAAK,QAAK,KAAK,SAAS,QAAQ;AACpE,QAAM,SAAS,OAAO,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,QAAQ;AAE/C,QAAM,MAAM,OAAO,KAAK,aAAa,MAAM,WAAW,IAAI,MAAM,CAAC,IAAI,KAAK;AAC1E,QAAM,OAAiB;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,QAAQ,UAAU,OAAO,WAAM,GAAG,QAAQ,MAAM;AAAA,MACvD,MAAM,IAAI,MAAM,QAAQ,YAAY,CAAC,wBAAgB;AAAA,QACnD,QAAQ;AAAA,MACV,CAAC;AAAA,IACH;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,QAAQ,cAAc,OAAO,WAAM,GAAG,QAAQ,UAAU;AAAA,IACjE;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OACE,QAAQ,mBAAmB,OAAO,WAAM,GAAG,QAAQ,eAAe;AAAA,MACpE,MACE,QAAQ,mBAAmB,QAAQ,QAAQ,kBAAkB,IACzD,WACA;AAAA,IACR;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,MAAM,CAAC,MAAM,EAAE,MAAM;AAAA,MAC5B,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC;AAAA,IACzC;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,MAAM,CAAC,MAAM,EAAE,WAAW;AAAA,IACnC;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,MAAM,GAAG,IAAI,aAAa,MAAM;AAAA,MACvC,MAAM,MAAM,IAAI,WAAW;AAAA,IAC7B;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,QAAQ;AAAA,SACZ,OAAO,CAAC,GACN,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,aAAa,QAAQ,EAClD,OAAO,CAAC,GAAG,MAAM,IAAI,EAAE,gBAAgB,CAAC;AAAA,MAC7C;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OACE,QAAQ,oBAAoB,OAAO,WAAM,GAAG,QAAQ,gBAAgB;AAAA,MACtE,MACE,QAAQ,oBAAoB,QAAQ,QAAQ,mBAAmB,IAC3D,WACA;AAAA,IACR;AAAA,EACF;AAEA,SACE,oBAAC,SAAM,OAAM,6BAA4B,SACvC,8BAAC,cAAW,MAAY,GAC1B;AAEJ;","names":[]}