@withpotter/pages-admin 0.13.0-next.101

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

@@ -0,0 +1,59 @@
+import { jsx } from "react/jsx-runtime";
+import { AdmLoading, Panel } from "../_ui";
+import { FigureList } from "./figure-list";
+const integer = new Intl.NumberFormat("en-US");
+function HealthPanel({
+  health,
+  money,
+  caption
+}) {
+  if (!health) {
+    return /* @__PURE__ */ jsx(Panel, { title: "Revenue health", caption, children: /* @__PURE__ */ jsx(AdmLoading, { label: "Loading revenue health\u2026", size: "sm" }) });
+  }
+  const rows = [
+    {
+      label: "Net new MRR",
+      note: "New and expansion, less churned",
+      value: money(health.netNewMrr),
+      hint: `+${money(health.newMrr)} new \xB7 \u2212${money(health.churnedMrr)} churned`,
+      tone: health.netNewMrr < 0 ? "danger" : "default"
+    },
+    {
+      label: "Gross revenue retention",
+      note: "Share of starting MRR kept, ignoring expansion",
+      value: `${health.grossRevenueRetentionPct}%`
+    },
+    {
+      label: "Gross MRR churn",
+      note: "MRR lost as a share of the base",
+      value: `${health.grossMrrChurnPct}%`,
+      tone: health.grossMrrChurnPct > 0 ? "danger" : "default"
+    },
+    {
+      label: "Net new logos",
+      note: "Paying merchants gained, less lost",
+      value: integer.format(health.netNewLogos),
+      hint: `+${integer.format(health.newLogos)} new \xB7 \u2212${integer.format(
+        health.churnedLogos
+      )} churned`,
+      tone: health.netNewLogos < 0 ? "danger" : "default"
+    },
+    {
+      label: "Logo churn",
+      note: "Paying merchants lost as a share of the base",
+      value: `${health.logoChurnPct}%`,
+      tone: health.logoChurnPct > 0 ? "danger" : "default"
+    },
+    {
+      label: "GMV concentration",
+      note: "Share of GMV from the top 10 merchants",
+      value: `${health.gmvConcentrationTop10Pct}%`,
+      tone: health.gmvConcentrationTop10Pct > 50 ? "danger" : "default"
+    }
+  ];
+  return /* @__PURE__ */ jsx(Panel, { title: "Revenue health", caption, children: /* @__PURE__ */ jsx(FigureList, { rows }) });
+}
+export {
+  HealthPanel
+};
+//# sourceMappingURL=health-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/revenue/health-panel.tsx"],"sourcesContent":["import type { PlatformCockpit } from '@withpotter/lib/admin-api';\nimport { AdmLoading, Panel } from '../_ui';\nimport { FigureList, type Figure } from './figure-list';\n\nconst integer = new Intl.NumberFormat('en-US');\n\n/** MRR movement, logo churn and concentration risk — how healthy the base is. */\nexport function HealthPanel({\n  health,\n  money,\n  caption,\n}: {\n  health: PlatformCockpit['health'] | undefined;\n  money: (value: number) => string;\n  caption: string;\n}) {\n  if (!health) {\n    return (\n      <Panel title=\"Revenue health\" caption={caption}>\n        <AdmLoading label=\"Loading revenue health…\" size=\"sm\" />\n      </Panel>\n    );\n  }\n\n  const rows: Figure[] = [\n    {\n      label: 'Net new MRR',\n      note: 'New and expansion, less churned',\n      value: money(health.netNewMrr),\n      hint: `+${money(health.newMrr)} new · −${money(health.churnedMrr)} churned`,\n      tone: health.netNewMrr < 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Gross revenue retention',\n      note: 'Share of starting MRR kept, ignoring expansion',\n      value: `${health.grossRevenueRetentionPct}%`,\n    },\n    {\n      label: 'Gross MRR churn',\n      note: 'MRR lost as a share of the base',\n      value: `${health.grossMrrChurnPct}%`,\n      tone: health.grossMrrChurnPct > 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Net new logos',\n      note: 'Paying merchants gained, less lost',\n      value: integer.format(health.netNewLogos),\n      hint: `+${integer.format(health.newLogos)} new · −${integer.format(\n        health.churnedLogos,\n      )} churned`,\n      tone: health.netNewLogos < 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'Logo churn',\n      note: 'Paying merchants lost as a share of the base',\n      value: `${health.logoChurnPct}%`,\n      tone: health.logoChurnPct > 0 ? 'danger' : 'default',\n    },\n    {\n      label: 'GMV concentration',\n      note: 'Share of GMV from the top 10 merchants',\n      value: `${health.gmvConcentrationTop10Pct}%`,\n      tone: health.gmvConcentrationTop10Pct > 50 ? 'danger' : 'default',\n    },\n  ];\n\n  return (\n    <Panel title=\"Revenue health\" caption={caption}>\n      <FigureList rows={rows} />\n    </Panel>\n  );\n}\n"],"mappings":"AAmBQ;AAlBR,SAAS,YAAY,aAAa;AAClC,SAAS,kBAA+B;AAExC,MAAM,UAAU,IAAI,KAAK,aAAa,OAAO;AAGtC,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,CAAC,QAAQ;AACX,WACE,oBAAC,SAAM,OAAM,kBAAiB,SAC5B,8BAAC,cAAW,OAAM,gCAA0B,MAAK,MAAK,GACxD;AAAA,EAEJ;AAEA,QAAM,OAAiB;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,MAAM,OAAO,SAAS;AAAA,MAC7B,MAAM,IAAI,MAAM,OAAO,MAAM,CAAC,mBAAW,MAAM,OAAO,UAAU,CAAC;AAAA,MACjE,MAAM,OAAO,YAAY,IAAI,WAAW;AAAA,IAC1C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,GAAG,OAAO,wBAAwB;AAAA,IAC3C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,GAAG,OAAO,gBAAgB;AAAA,MACjC,MAAM,OAAO,mBAAmB,IAAI,WAAW;AAAA,IACjD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,QAAQ,OAAO,OAAO,WAAW;AAAA,MACxC,MAAM,IAAI,QAAQ,OAAO,OAAO,QAAQ,CAAC,mBAAW,QAAQ;AAAA,QAC1D,OAAO;AAAA,MACT,CAAC;AAAA,MACD,MAAM,OAAO,cAAc,IAAI,WAAW;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,GAAG,OAAO,YAAY;AAAA,MAC7B,MAAM,OAAO,eAAe,IAAI,WAAW;AAAA,IAC7C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO,GAAG,OAAO,wBAAwB;AAAA,MACzC,MAAM,OAAO,2BAA2B,KAAK,WAAW;AAAA,IAC1D;AAAA,EACF;AAEA,SACE,oBAAC,SAAM,OAAM,kBAAiB,SAC5B,8BAAC,cAAW,MAAY,GAC1B;AAEJ;","names":[]}

package/dist/admin/revenue/ledger-model.js

@@ -0,0 +1,84 @@
+import { formatMoney } from "../_ui/money-view";
+function minorToMoney(minor, currency) {
+  return formatMoney(Number(minor) / 100, currency, 2);
+}
+function pctChange(now, before) {
+  const a = Number(now ?? 0);
+  const b = Number(before ?? 0);
+  if (b === 0) return null;
+  return Number(((a - b) / Math.abs(b) * 100).toFixed(1));
+}
+const METHOD_ORDER = ["card", "ussd", "transfer", "opay"];
+function methodCards(now, before, currency) {
+  const pick = (rows) => (rows ?? []).filter((r) => r.currency === currency);
+  const current = pick(now);
+  const total = current.reduce((sum, r) => sum + BigInt(r.amountMinor), BigInt(0));
+  const labels = { card: "Card", ussd: "USSD", transfer: "Bank transfer", opay: "Opay" };
+  const keys = [
+    ...METHOD_ORDER,
+    ...current.map((r) => r.channel.key).filter((k) => !METHOD_ORDER.includes(k))
+  ];
+  return [...new Set(keys)].map((key) => {
+    const mine = current.find((r) => r.channel.key === key);
+    const prior = pick(before).find((r) => r.channel.key === key);
+    const amount = BigInt(mine?.amountMinor ?? "0");
+    return {
+      key,
+      label: mine?.channel.label ?? labels[key] ?? key,
+      payments: mine?.count ?? 0,
+      amountMinor: amount.toString(),
+      share: total > BigInt(0) ? Number((Number(amount) / Number(total) * 100).toFixed(1)) : 0,
+      change: before ? pctChange(amount.toString(), prior?.amountMinor ?? "0") : null
+    };
+  });
+}
+const STATUS_WORDS = {
+  success: "Paid",
+  pending: "Waiting",
+  failed: "Failed",
+  refunded: "Refunded",
+  cancelled: "Cancelled",
+  abandoned: "Abandoned",
+  succeeded: "Paid"
+};
+const TYPE_WORDS = {
+  order: "Order",
+  invoice: "Invoice",
+  booking: "Booking",
+  membership: "Membership",
+  subscription: "Subscription",
+  deposit: "Deposit",
+  tip: "Tip",
+  refund: "Refund",
+  payout: "Payout"
+};
+const PURPOSE_WORDS = {
+  select_plan: "First payment",
+  upgrade: "Upgrade",
+  renewal: "Renewal",
+  reactivation: "Came back",
+  mandate_setup: "Card saved"
+};
+const SUBSCRIPTION_METHOD_WORDS = {
+  gateway: "Card or bank",
+  wallet: "Wallet",
+  manual: "Recorded by hand"
+};
+const word = (words, key) => words[key] ?? key.replace(/_/g, " ");
+function downloadName(prefix, startDate, endDate) {
+  const day = (iso) => iso ? iso.slice(0, 10) : "all";
+  return `${prefix}_${day(startDate)}_${day(endDate)}.csv`;
+}
+export {
+  METHOD_ORDER,
+  PURPOSE_WORDS,
+  STATUS_WORDS,
+  SUBSCRIPTION_METHOD_WORDS,
+  TYPE_WORDS,
+  downloadName,
+  methodCards,
+  minorToMoney,
+  pctChange,
+  word
+};
+//# sourceMappingURL=ledger-model.js.map

package/dist/admin/revenue/ledger-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/revenue/ledger-model.ts"],"sourcesContent":["import type { GatewayChannelTotal } from '@withpotter/lib/admin-api';\nimport { formatMoney } from '../_ui/money-view';\n\n/** A kobo amount (a string, so no float is involved on the server) shown as naira. */\nexport function minorToMoney(minor: string | number, currency: string): string {\n  return formatMoney(Number(minor) / 100, currency, 2);\n}\n\n/** Percent change from before to now; null when there was nothing before to compare with. */\nexport function pctChange(\n  now: string | number | null | undefined,\n  before: string | number | null | undefined,\n): number | null {\n  const a = Number(now ?? 0);\n  const b = Number(before ?? 0);\n  if (b === 0) return null;\n\n  return Number((((a - b) / Math.abs(b)) * 100).toFixed(1));\n}\n\n/** The four ways a customer can pay at the checkout, in the order the checkout shows them. */\nexport const METHOD_ORDER = ['card', 'ussd', 'transfer', 'opay'] as const;\n\nexport interface MethodCardRow {\n  key: string;\n  label: string;\n  payments: number;\n  amountMinor: string;\n  /** Share of all money received in this currency, in percent. */\n  share: number;\n  /** Change in amount since the period before; null when there is no comparison. */\n  change: number | null;\n}\n\n/**\n * One card per way of paying, for one currency. The four checkout methods are always there, with zero when nobody\n * used one, so a quiet method is visible rather than missing. Any other way found in the data follows.\n */\nexport function methodCards(\n  now: readonly GatewayChannelTotal[],\n  before: readonly GatewayChannelTotal[] | null,\n  currency: string,\n): MethodCardRow[] {\n  const pick = (rows: readonly GatewayChannelTotal[] | null) => (rows ?? []).filter((r) => r.currency === currency);\n  const current = pick(now);\n  const total = current.reduce((sum, r) => sum + BigInt(r.amountMinor), BigInt(0));\n  const labels: Record<string, string> = { card: 'Card', ussd: 'USSD', transfer: 'Bank transfer', opay: 'Opay' };\n\n  const keys = [\n    ...METHOD_ORDER,\n    ...current.map((r) => r.channel.key).filter((k) => !(METHOD_ORDER as readonly string[]).includes(k)),\n  ];\n\n  return [...new Set(keys)].map((key) => {\n    const mine = current.find((r) => r.channel.key === key);\n    const prior = pick(before).find((r) => r.channel.key === key);\n    const amount = BigInt(mine?.amountMinor ?? '0');\n\n    return {\n      key,\n      label: mine?.channel.label ?? labels[key] ?? key,\n      payments: mine?.count ?? 0,\n      amountMinor: amount.toString(),\n      share: total > BigInt(0) ? Number(((Number(amount) / Number(total)) * 100).toFixed(1)) : 0,\n      change: before ? pctChange(amount.toString(), prior?.amountMinor ?? '0') : null,\n    };\n  });\n}\n\n/** Words an accountant would use, not the database's. */\nexport const STATUS_WORDS: Record<string, string> = {\n  success: 'Paid',\n  pending: 'Waiting',\n  failed: 'Failed',\n  refunded: 'Refunded',\n  cancelled: 'Cancelled',\n  abandoned: 'Abandoned',\n  succeeded: 'Paid',\n};\n\nexport const TYPE_WORDS: Record<string, string> = {\n  order: 'Order',\n  invoice: 'Invoice',\n  booking: 'Booking',\n  membership: 'Membership',\n  subscription: 'Subscription',\n  deposit: 'Deposit',\n  tip: 'Tip',\n  refund: 'Refund',\n  payout: 'Payout',\n};\n\nexport const PURPOSE_WORDS: Record<string, string> = {\n  select_plan: 'First payment',\n  upgrade: 'Upgrade',\n  renewal: 'Renewal',\n  reactivation: 'Came back',\n  mandate_setup: 'Card saved',\n};\n\nexport const SUBSCRIPTION_METHOD_WORDS: Record<string, string> = {\n  gateway: 'Card or bank',\n  wallet: 'Wallet',\n  manual: 'Recorded by hand',\n};\n\nexport const word = (words: Record<string, string>, key: string): string => words[key] ?? key.replace(/_/g, ' ');\n\n/** The dates in a download's file name, so a file says what it holds. */\nexport function downloadName(prefix: string, startDate?: string, endDate?: string): string {\n  const day = (iso?: string) => (iso ? iso.slice(0, 10) : 'all');\n\n  return `${prefix}_${day(startDate)}_${day(endDate)}.csv`;\n}\n"],"mappings":"AACA,SAAS,mBAAmB;AAGrB,SAAS,aAAa,OAAwB,UAA0B;AAC7E,SAAO,YAAY,OAAO,KAAK,IAAI,KAAK,UAAU,CAAC;AACrD;AAGO,SAAS,UACd,KACA,QACe;AACf,QAAM,IAAI,OAAO,OAAO,CAAC;AACzB,QAAM,IAAI,OAAO,UAAU,CAAC;AAC5B,MAAI,MAAM,EAAG,QAAO;AAEpB,SAAO,SAAU,IAAI,KAAK,KAAK,IAAI,CAAC,IAAK,KAAK,QAAQ,CAAC,CAAC;AAC1D;AAGO,MAAM,eAAe,CAAC,QAAQ,QAAQ,YAAY,MAAM;AAiBxD,SAAS,YACd,KACA,QACA,UACiB;AACjB,QAAM,OAAO,CAAC,UAAiD,QAAQ,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,aAAa,QAAQ;AAChH,QAAM,UAAU,KAAK,GAAG;AACxB,QAAM,QAAQ,QAAQ,OAAO,CAAC,KAAK,MAAM,MAAM,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC;AAC/E,QAAM,SAAiC,EAAE,MAAM,QAAQ,MAAM,QAAQ,UAAU,iBAAiB,MAAM,OAAO;AAE7G,QAAM,OAAO;AAAA,IACX,GAAG;AAAA,IACH,GAAG,QAAQ,IAAI,CAAC,MAAM,EAAE,QAAQ,GAAG,EAAE,OAAO,CAAC,MAAM,CAAE,aAAmC,SAAS,CAAC,CAAC;AAAA,EACrG;AAEA,SAAO,CAAC,GAAG,IAAI,IAAI,IAAI,CAAC,EAAE,IAAI,CAAC,QAAQ;AACrC,UAAM,OAAO,QAAQ,KAAK,CAAC,MAAM,EAAE,QAAQ,QAAQ,GAAG;AACtD,UAAM,QAAQ,KAAK,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,QAAQ,GAAG;AAC5D,UAAM,SAAS,OAAO,MAAM,eAAe,GAAG;AAE9C,WAAO;AAAA,MACL;AAAA,MACA,OAAO,MAAM,QAAQ,SAAS,OAAO,GAAG,KAAK;AAAA,MAC7C,UAAU,MAAM,SAAS;AAAA,MACzB,aAAa,OAAO,SAAS;AAAA,MAC7B,OAAO,QAAQ,OAAO,CAAC,IAAI,QAAS,OAAO,MAAM,IAAI,OAAO,KAAK,IAAK,KAAK,QAAQ,CAAC,CAAC,IAAI;AAAA,MACzF,QAAQ,SAAS,UAAU,OAAO,SAAS,GAAG,OAAO,eAAe,GAAG,IAAI;AAAA,IAC7E;AAAA,EACF,CAAC;AACH;AAGO,MAAM,eAAuC;AAAA,EAClD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;AAEO,MAAM,aAAqC;AAAA,EAChD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,SAAS;AAAA,EACT,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,QAAQ;AACV;AAEO,MAAM,gBAAwC;AAAA,EACnD,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AAAA,EACT,cAAc;AAAA,EACd,eAAe;AACjB;AAEO,MAAM,4BAAoD;AAAA,EAC/D,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV;AAEO,MAAM,OAAO,CAAC,OAA+B,QAAwB,MAAM,GAAG,KAAK,IAAI,QAAQ,MAAM,GAAG;AAGxG,SAAS,aAAa,QAAgB,WAAoB,SAA0B;AACzF,QAAM,MAAM,CAAC,QAAkB,MAAM,IAAI,MAAM,GAAG,EAAE,IAAI;AAExD,SAAO,GAAG,MAAM,IAAI,IAAI,SAAS,CAAC,IAAI,IAAI,OAAO,CAAC;AACpD;","names":[]}

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

@@ -0,0 +1,101 @@
+/* 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);
+}

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

@@ -0,0 +1,231 @@
+"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 { 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 styles from "./ledger.module.css";
+import table from "./revenue.module.css";
+const PAGE_SIZE = 25;
+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 [search, setSearch] = useState("");
+  const [q, setQ] = useState("");
+  const [method, setMethod] = useState("");
+  const [status, setStatus] = useState("");
+  const [type, setType] = useState("");
+  const [page, setPage] = useState(1);
+  useEffect(() => {
+    const timer = setTimeout(() => setQ(search.trim()), 300);
+    return () => clearTimeout(timer);
+  }, [search]);
+  const filters = useMemo(
+    () => ({ startDate, endDate, method, status, type, q, page, limit: PAGE_SIZE }),
+    [startDate, endDate, method, status, type, q, page]
+  );
+  const change = (set) => (value) => {
+    set(value);
+    setPage(1);
+  };
+  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 strip = data.strip.find((s) => s.currency === focus);
+  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: "Every payment" }),
+    /* @__PURE__ */ jsxs("div", { className: styles.toolbar, children: [
+      /* @__PURE__ */ jsxs(Filters, { label: "Filter payments", children: [
+        /* @__PURE__ */ jsx(
+          FilterSearch,
+          {
+            value: search,
+            onChange: change(setSearch),
+            placeholder: "Search a name, email, phone, reference or merchant",
+            label: "Search payments"
+          }
+        ),
+        /* @__PURE__ */ jsx(FilterSelect, { value: method, onChange: change(setMethod), options: METHODS, label: "Way of paying" }),
+        /* @__PURE__ */ jsx(FilterSelect, { value: status, onChange: change(setStatus), options: STATUSES, label: "Payment result" }),
+        /* @__PURE__ */ jsx(FilterSelect, { value: type, onChange: change(setType), 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 })
+        }
+      )
+    ] }),
+    strip ? /* @__PURE__ */ jsxs("p", { className: styles.strip, "aria-live": "polite", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        "Showing ",
+        /* @__PURE__ */ jsx("strong", { children: integer.format(data.total) }),
+        " ",
+        data.total === 1 ? "payment" : "payments"
+      ] }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsx("strong", { children: money(strip.amountMinor) }),
+        " received"
+      ] }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsx("strong", { children: money(strip.feeMinor) }),
+        " in fees"
+      ] }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsx("strong", { children: money(strip.netMinor) }),
+        " to merchants"
+      ] })
+    ] }) : null,
+    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 }, row.id))
+      }
+    ),
+    /* @__PURE__ */ jsx(Pagination, { page, totalPages, total: data.total, noun: "payments", onPage: setPage })
+  ] });
+}
+function PaymentRow({ row }) {
+  const { payer } = row;
+  const contact = [payer.email, payer.phone].filter(Boolean).join(" \xB7 ");
+  const money = (minor) => minorToMoney(minor, row.currency);
+  return /* @__PURE__ */ jsxs(TableRow, { 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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,32 @@
+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
+}) {
+  const cards = methodCards(now, before, currency);
+  return /* @__PURE__ */ jsx("section", { "aria-label": "How customers paid", 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}% of the money received`,
+      hint: `Money customers paid by ${card.label.toLowerCase()}, before fees.`,
+      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

@@ -0,0 +1 @@
+{"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}: {\n  now: readonly GatewayChannelTotal[];\n  before: readonly GatewayChannelTotal[] | null;\n  currency: string;\n}) {\n  const cards = methodCards(now, before, currency);\n\n  return (\n    <section aria-label=\"How customers paid\" 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}% of the money received`\n            }\n            hint={`Money customers paid by ${card.label.toLowerCase()}, before fees.`}\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":"AA+Bc;AA9Bd,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;AACF,GAIG;AACD,QAAM,QAAQ,YAAY,KAAK,QAAQ,QAAQ;AAE/C,SACE,oBAAC,aAAQ,cAAW,sBAAqB,WAAU,YAChD,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;AAAA,MAEtG,MAAM,2BAA2B,KAAK,MAAM,YAAY,CAAC;AAAA,MACzD,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/page.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { RevenueWorkspace } from "./revenue-workspace";
+function AdminRevenuePage() {
+  return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(RevenueWorkspace, {}) });
+}
+export {
+  AdminRevenuePage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/admin/revenue/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/revenue/page.tsx"],"sourcesContent":["'use client';\n\nimport { Suspense } from 'react';\nimport { RevenueWorkspace } from './revenue-workspace';\n\n/** The tabs read `?tab=`, so the workspace waits on the search params. */\nexport default function AdminRevenuePage() {\n  return (\n    <Suspense>\n      <RevenueWorkspace />\n    </Suspense>\n  );\n}\n"],"mappings":";AASM;AAPN,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AAGlB,SAAR,mBAAoC;AACzC,SACE,oBAAC,YACC,8BAAC,oBAAiB,GACpB;AAEJ;","names":[]}