@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/_money/ledger-holds.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { StateView, TableRow, TableShell, Th } from "@withpotter/ui-kit";
+import { formatMinor } from "@withpotter/lib/money-minor";
+import list from "../_ui/list-card.module.css";
+import { SkeletonRows } from "./skeleton-rows";
+import { byCurrency } from "../_ui/currency-filter-model";
+import { day } from "./format";
+import {
+  activeHolds,
+  isNotOnServer,
+  ledgerErrorText,
+  NOT_ON_SERVER
+} from "./ledger";
+import { useLedgerHolds } from "./use-ledger";
+import styles from "./ledger.module.css";
+const COLUMNS = 6;
+function HoldRow({ h }) {
+  return /* @__PURE__ */ jsxs(TableRow, { children: [
+    /* @__PURE__ */ jsx("td", { className: list.nowrap, children: h.restrictionType }),
+    /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: h.reasonCode }),
+    /* @__PURE__ */ jsx("td", { className: list.num, children: formatMinor(h.amountMinor, h.currency) }),
+    /* @__PURE__ */ jsx("td", { className: list.num, children: formatMinor(h.remainingMinor, h.currency) }),
+    /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: day(h.effectiveAt) }),
+    /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: h.expiresAt ? day(h.expiresAt) : "No end date" })
+  ] });
+}
+function LedgerHolds({
+  tenantId,
+  currency = ""
+}) {
+  const q = useLedgerHolds(tenantId);
+  if (q.isError && isNotOnServer(q.error))
+    return /* @__PURE__ */ jsx("p", { className: styles.quiet, children: NOT_ON_SERVER });
+  const rows = byCurrency(
+    activeHolds(q.data ?? []),
+    currency,
+    (h) => h.currency
+  );
+  const state = q.isError ? /* @__PURE__ */ jsx(
+    StateView,
+    {
+      kind: "error",
+      compact: true,
+      title: "Holds did not load",
+      description: ledgerErrorText(q.error, "holds"),
+      action: { label: "Retry", onClick: () => void q.refetch() }
+    }
+  ) : !q.isLoading && rows.length === 0 ? /* @__PURE__ */ jsx(
+    StateView,
+    {
+      kind: "empty",
+      compact: true,
+      title: currency ? `No active ${currency} holds` : "No active holds"
+    }
+  ) : null;
+  const head = /* @__PURE__ */ jsxs("tr", { children: [
+    /* @__PURE__ */ jsx(Th, { children: "Type" }),
+    /* @__PURE__ */ jsx(Th, { children: "Reason" }),
+    /* @__PURE__ */ jsx(Th, { align: "right", children: "Amount" }),
+    /* @__PURE__ */ jsx(Th, { align: "right", children: "Still held" }),
+    /* @__PURE__ */ jsx(Th, { children: "Since" }),
+    /* @__PURE__ */ jsx(Th, { children: "Ends" })
+  ] });
+  return /* @__PURE__ */ jsx(TableShell, { head: state ? null : head, minWidth: state ? 0 : 720, children: state ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: COLUMNS, children: state }) }) : q.isLoading ? /* @__PURE__ */ jsx(SkeletonRows, { columns: COLUMNS }) : rows.map((h) => /* @__PURE__ */ jsx(HoldRow, { h }, h.id)) });
+}
+export {
+  LedgerHolds
+};
+//# sourceMappingURL=ledger-holds.js.map

package/dist/admin/_money/ledger-holds.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/ledger-holds.tsx"],"sourcesContent":["'use client';\n\nimport { StateView, TableRow, TableShell, Th } from '@withpotter/ui-kit';\nimport type { LedgerRestriction } from '@withpotter/lib/admin-ledger-api';\nimport { formatMinor } from '@withpotter/lib/money-minor';\nimport list from '../_ui/list-card.module.css';\nimport { SkeletonRows } from './skeleton-rows';\nimport { byCurrency } from '../_ui/currency-filter-model';\nimport { day } from './format';\nimport {\n  activeHolds,\n  isNotOnServer,\n  ledgerErrorText,\n  NOT_ON_SERVER,\n} from './ledger';\nimport { useLedgerHolds } from './use-ledger';\nimport styles from './ledger.module.css';\n\nconst COLUMNS = 6;\n\nfunction HoldRow({ h }: { h: LedgerRestriction }) {\n  return (\n    <TableRow>\n      <td className={list.nowrap}>{h.restrictionType}</td>\n      <td className={`${list.nowrap} ${list.muted}`}>{h.reasonCode}</td>\n      <td className={list.num}>{formatMinor(h.amountMinor, h.currency)}</td>\n      <td className={list.num}>{formatMinor(h.remainingMinor, h.currency)}</td>\n      <td className={`${list.nowrap} ${list.muted}`}>{day(h.effectiveAt)}</td>\n      <td className={`${list.nowrap} ${list.muted}`}>\n        {h.expiresAt ? day(h.expiresAt) : 'No end date'}\n      </td>\n    </TableRow>\n  );\n}\n\n/**\n * Money held on the wallet now. A server with restrictions switched off\n * answers 404; that reads as a quiet line, and the rest of the tab carries on.\n */\nexport function LedgerHolds({\n  tenantId,\n  currency = '',\n}: {\n  tenantId: string;\n  /** The currency filter's choice; '' shows every currency. */\n  currency?: string;\n}) {\n  const q = useLedgerHolds(tenantId);\n\n  if (q.isError && isNotOnServer(q.error))\n    return <p className={styles.quiet}>{NOT_ON_SERVER}</p>;\n\n  const rows = byCurrency(\n    activeHolds(q.data ?? []),\n    currency,\n    (h) => h.currency,\n  );\n\n  const state = q.isError ? (\n    <StateView\n      kind=\"error\"\n      compact\n      title=\"Holds did not load\"\n      description={ledgerErrorText(q.error, 'holds')}\n      action={{ label: 'Retry', onClick: () => void q.refetch() }}\n    />\n  ) : !q.isLoading && rows.length === 0 ? (\n    <StateView\n      kind=\"empty\"\n      compact\n      title={currency ? `No active ${currency} holds` : 'No active holds'}\n    />\n  ) : null;\n\n  const head = (\n    <tr>\n      <Th>Type</Th>\n      <Th>Reason</Th>\n      <Th align=\"right\">Amount</Th>\n      <Th align=\"right\">Still held</Th>\n      <Th>Since</Th>\n      <Th>Ends</Th>\n    </tr>\n  );\n\n  return (\n    <TableShell head={state ? null : head} minWidth={state ? 0 : 720}>\n      {state ? (\n        <tr>\n          <td colSpan={COLUMNS}>{state}</td>\n        </tr>\n      ) : q.isLoading ? (\n        <SkeletonRows columns={COLUMNS} />\n      ) : (\n        rows.map((h) => <HoldRow key={h.id} h={h} />)\n      )}\n    </TableShell>\n  );\n}\n"],"mappings":";AAsBI,SACE,KADF;AApBJ,SAAS,WAAW,UAAU,YAAY,UAAU;AAEpD,SAAS,mBAAmB;AAC5B,OAAO,UAAU;AACjB,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,WAAW;AACpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,OAAO,YAAY;AAEnB,MAAM,UAAU;AAEhB,SAAS,QAAQ,EAAE,EAAE,GAA6B;AAChD,SACE,qBAAC,YACC;AAAA,wBAAC,QAAG,WAAW,KAAK,QAAS,YAAE,iBAAgB;AAAA,IAC/C,oBAAC,QAAG,WAAW,GAAG,KAAK,MAAM,IAAI,KAAK,KAAK,IAAK,YAAE,YAAW;AAAA,IAC7D,oBAAC,QAAG,WAAW,KAAK,KAAM,sBAAY,EAAE,aAAa,EAAE,QAAQ,GAAE;AAAA,IACjE,oBAAC,QAAG,WAAW,KAAK,KAAM,sBAAY,EAAE,gBAAgB,EAAE,QAAQ,GAAE;AAAA,IACpE,oBAAC,QAAG,WAAW,GAAG,KAAK,MAAM,IAAI,KAAK,KAAK,IAAK,cAAI,EAAE,WAAW,GAAE;AAAA,IACnE,oBAAC,QAAG,WAAW,GAAG,KAAK,MAAM,IAAI,KAAK,KAAK,IACxC,YAAE,YAAY,IAAI,EAAE,SAAS,IAAI,eACpC;AAAA,KACF;AAEJ;AAMO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,WAAW;AACb,GAIG;AACD,QAAM,IAAI,eAAe,QAAQ;AAEjC,MAAI,EAAE,WAAW,cAAc,EAAE,KAAK;AACpC,WAAO,oBAAC,OAAE,WAAW,OAAO,OAAQ,yBAAc;AAEpD,QAAM,OAAO;AAAA,IACX,YAAY,EAAE,QAAQ,CAAC,CAAC;AAAA,IACxB;AAAA,IACA,CAAC,MAAM,EAAE;AAAA,EACX;AAEA,QAAM,QAAQ,EAAE,UACd;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAO;AAAA,MACP,OAAM;AAAA,MACN,aAAa,gBAAgB,EAAE,OAAO,OAAO;AAAA,MAC7C,QAAQ,EAAE,OAAO,SAAS,SAAS,MAAM,KAAK,EAAE,QAAQ,EAAE;AAAA;AAAA,EAC5D,IACE,CAAC,EAAE,aAAa,KAAK,WAAW,IAClC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAO;AAAA,MACP,OAAO,WAAW,aAAa,QAAQ,WAAW;AAAA;AAAA,EACpD,IACE;AAEJ,QAAM,OACJ,qBAAC,QACC;AAAA,wBAAC,MAAG,kBAAI;AAAA,IACR,oBAAC,MAAG,oBAAM;AAAA,IACV,oBAAC,MAAG,OAAM,SAAQ,oBAAM;AAAA,IACxB,oBAAC,MAAG,OAAM,SAAQ,wBAAU;AAAA,IAC5B,oBAAC,MAAG,mBAAK;AAAA,IACT,oBAAC,MAAG,kBAAI;AAAA,KACV;AAGF,SACE,oBAAC,cAAW,MAAM,QAAQ,OAAO,MAAM,UAAU,QAAQ,IAAI,KAC1D,kBACC,oBAAC,QACC,8BAAC,QAAG,SAAS,SAAU,iBAAM,GAC/B,IACE,EAAE,YACJ,oBAAC,gBAAa,SAAS,SAAS,IAEhC,KAAK,IAAI,CAAC,MAAM,oBAAC,WAAmB,KAAN,EAAE,EAAU,CAAE,GAEhD;AAEJ;","names":[]}

package/dist/admin/_money/ledger-statement.js

@@ -0,0 +1,120 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import {
+  Card,
+  DateField,
+  ErrorBanner,
+  Field,
+  Select,
+  StateView
+} from "@withpotter/ui-kit";
+import { formatMinor } from "@withpotter/lib/money-minor";
+import { Skeleton } from "../_ui";
+import {
+  COMPARTMENTS,
+  currentMonth,
+  isCompartment,
+  ledgerErrorText,
+  rangeError
+} from "./ledger";
+import { StatementExport } from "./statement-export";
+import { useLedgerStatement } from "./use-ledger";
+import styles from "./ledger.module.css";
+function Totals({ s }) {
+  const m = (minor) => formatMinor(minor, s.currency);
+  const lines = [
+    ["Opening balance", m(s.totals.openingBalanceMinor)],
+    ["Debits", m(s.totals.debitTotalMinor)],
+    ["Credits", m(s.totals.creditTotalMinor)],
+    ["Closing balance", m(s.totals.closingBalanceMinor)],
+    ["Entries", s.totals.entryCount]
+  ];
+  return /* @__PURE__ */ jsx("dl", { className: styles.lines, children: lines.map(([label, value]) => /* @__PURE__ */ jsxs("div", { className: styles.line, children: [
+    /* @__PURE__ */ jsx("dt", { children: label }),
+    /* @__PURE__ */ jsx("dd", { children: value })
+  ] }, label)) });
+}
+function LedgerStatement({
+  tenantId,
+  business,
+  wallet,
+  currency: filtered = "",
+  onCurrency
+}) {
+  const currencies = wallet.balances.map((b) => b.currency);
+  const [picked, setPicked] = useState(currencies[0] ?? "");
+  const choice = filtered || picked;
+  const currency = currencies.includes(choice) ? choice : currencies[0];
+  const pick = (next) => filtered && onCurrency ? onCurrency(next) : setPicked(next);
+  const [compartment, setCompartment] = useState("available");
+  const [range, setRange] = useState(() => currentMonth());
+  const invalid = rangeError(range.from, range.to);
+  const query = currency && !invalid ? { currency, compartment, from: range.from, to: range.to } : null;
+  const q = useLedgerStatement(tenantId, query);
+  if (!currency)
+    return /* @__PURE__ */ jsx("p", { className: styles.quiet, children: "No currency to make a statement for." });
+  return /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: 12 }, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.controls, children: [
+      /* @__PURE__ */ jsx(Field, { label: "Currency", children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          className: styles.control,
+          ariaLabel: "Currency",
+          value: currency,
+          onChange: pick,
+          options: currencies.map((c) => ({ value: c, label: c }))
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "Balance", children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          className: styles.control,
+          ariaLabel: "Balance",
+          value: compartment,
+          onChange: (v) => isCompartment(v) && setCompartment(v),
+          options: COMPARTMENTS
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "From", children: /* @__PURE__ */ jsx(
+        DateField,
+        {
+          "aria-label": "From",
+          value: range.from,
+          onChange: (from) => setRange((r) => ({ ...r, from }))
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "To", children: /* @__PURE__ */ jsx(
+        DateField,
+        {
+          "aria-label": "To",
+          value: range.to,
+          onChange: (to) => setRange((r) => ({ ...r, to }))
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: styles.menu, children: /* @__PURE__ */ jsx(
+        StatementExport,
+        {
+          tenantId,
+          business,
+          query
+        }
+      ) })
+    ] }),
+    invalid && /* @__PURE__ */ jsx(ErrorBanner, { children: invalid }),
+    query && /* @__PURE__ */ jsx(Card, { children: q.isLoading ? /* @__PURE__ */ jsx(Skeleton, { height: 100 }) : q.isError ? /* @__PURE__ */ jsx(
+      StateView,
+      {
+        kind: "error",
+        compact: true,
+        title: "The statement did not load",
+        description: ledgerErrorText(q.error, "statement"),
+        action: { label: "Retry", onClick: () => void q.refetch() }
+      }
+    ) : q.data ? /* @__PURE__ */ jsx(Totals, { s: q.data }) : null })
+  ] });
+}
+export {
+  LedgerStatement
+};
+//# sourceMappingURL=ledger-statement.js.map

package/dist/admin/_money/ledger-statement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/ledger-statement.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport {\n  Card,\n  DateField,\n  ErrorBanner,\n  Field,\n  Select,\n  StateView,\n} from '@withpotter/ui-kit';\nimport type {\n  Compartment,\n  LedgerStatement as Statement,\n  LedgerWallet,\n  StatementQuery,\n} from '@withpotter/lib/admin-ledger-api';\nimport { formatMinor } from '@withpotter/lib/money-minor';\nimport { Skeleton } from '../_ui';\nimport {\n  COMPARTMENTS,\n  currentMonth,\n  isCompartment,\n  ledgerErrorText,\n  rangeError,\n} from './ledger';\nimport { StatementExport } from './statement-export';\nimport { useLedgerStatement } from './use-ledger';\nimport styles from './ledger.module.css';\n\nfunction Totals({ s }: { s: Statement }) {\n  const m = (minor: string) => formatMinor(minor, s.currency);\n  const lines: Array<[string, string]> = [\n    ['Opening balance', m(s.totals.openingBalanceMinor)],\n    ['Debits', m(s.totals.debitTotalMinor)],\n    ['Credits', m(s.totals.creditTotalMinor)],\n    ['Closing balance', m(s.totals.closingBalanceMinor)],\n    ['Entries', s.totals.entryCount],\n  ];\n\n  return (\n    <dl className={styles.lines}>\n      {lines.map(([label, value]) => (\n        <div key={label} className={styles.line}>\n          <dt>{label}</dt>\n          <dd>{value}</dd>\n        </div>\n      ))}\n    </dl>\n  );\n}\n\n/** One currency and compartment over a window: the totals, and the CSV. */\nexport function LedgerStatement({\n  tenantId,\n  business,\n  wallet,\n  currency: filtered = '',\n  onCurrency,\n}: {\n  tenantId: string;\n  business: string;\n  wallet: LedgerWallet;\n  /**\n   * The page's currency filter. A statement is always one currency, so a\n   * chosen currency is the statement's, and picking one here sets the filter.\n   * With every currency showing, the statement keeps its own pick.\n   */\n  currency?: string;\n  onCurrency?: (currency: string) => void;\n}) {\n  const currencies = wallet.balances.map((b) => b.currency);\n  const [picked, setPicked] = useState(currencies[0] ?? '');\n  const choice = filtered || picked;\n  const currency = currencies.includes(choice) ? choice : currencies[0];\n  const pick = (next: string) =>\n    filtered && onCurrency ? onCurrency(next) : setPicked(next);\n  const [compartment, setCompartment] = useState<Compartment>('available');\n  const [range, setRange] = useState(() => currentMonth());\n  const invalid = rangeError(range.from, range.to);\n  // A plain object: the query key compares by value, so no memo is needed.\n  const query: StatementQuery | null =\n    currency && !invalid\n      ? { currency, compartment, from: range.from, to: range.to }\n      : null;\n  const q = useLedgerStatement(tenantId, query);\n\n  if (!currency)\n    return <p className={styles.quiet}>No currency to make a statement for.</p>;\n\n  return (\n    <div style={{ display: 'grid', gap: 12 }}>\n      <div className={styles.controls}>\n        <Field label=\"Currency\">\n          <Select\n            className={styles.control}\n            ariaLabel=\"Currency\"\n            value={currency}\n            onChange={pick}\n            options={currencies.map((c) => ({ value: c, label: c }))}\n          />\n        </Field>\n        <Field label=\"Balance\">\n          <Select\n            className={styles.control}\n            ariaLabel=\"Balance\"\n            value={compartment}\n            onChange={(v) => isCompartment(v) && setCompartment(v)}\n            options={COMPARTMENTS}\n          />\n        </Field>\n        <Field label=\"From\">\n          <DateField\n            aria-label=\"From\"\n            value={range.from}\n            onChange={(from) => setRange((r) => ({ ...r, from }))}\n          />\n        </Field>\n        <Field label=\"To\">\n          <DateField\n            aria-label=\"To\"\n            value={range.to}\n            onChange={(to) => setRange((r) => ({ ...r, to }))}\n          />\n        </Field>\n        <div className={styles.menu}>\n          <StatementExport\n            tenantId={tenantId}\n            business={business}\n            query={query}\n          />\n        </div>\n      </div>\n      {invalid && <ErrorBanner>{invalid}</ErrorBanner>}\n      {query && (\n        <Card>\n          {q.isLoading ? (\n            <Skeleton height={100} />\n          ) : q.isError ? (\n            <StateView\n              kind=\"error\"\n              compact\n              title=\"The statement did not load\"\n              description={ledgerErrorText(q.error, 'statement')}\n              action={{ label: 'Retry', onClick: () => void q.refetch() }}\n            />\n          ) : q.data ? (\n            <Totals s={q.data} />\n          ) : null}\n        </Card>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/_money/ledger.js

@@ -0,0 +1,94 @@
+const COMPARTMENTS = [
+  { value: "available", label: "Available" },
+  { value: "pending", label: "Pending" },
+  { value: "restricted", label: "Held" },
+  { value: "payoutPending", label: "Paying out" }
+];
+const isCompartment = (v) => COMPARTMENTS.some((c) => c.value === v);
+function balanceLines(b) {
+  return [
+    { label: "Available", minor: b.availableMinor },
+    { label: "Pending", minor: b.pendingMinor },
+    { label: "Held", minor: b.restrictedMinor },
+    { label: "Paying out", minor: b.payoutPendingMinor }
+  ];
+}
+const isoDay = (d) => d.toISOString().slice(0, 10);
+function currentMonth(now = /* @__PURE__ */ new Date()) {
+  const first = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), 1));
+  return { from: isoDay(first), to: isoDay(now) };
+}
+const MAX_DAYS = 366;
+const parseDay = (s) => /^\d{4}-\d{2}-\d{2}$/.test(s) && isoDay(/* @__PURE__ */ new Date(`${s}T00:00:00Z`)) === s ? Date.parse(`${s}T00:00:00Z`) : null;
+function rangeError(from, to) {
+  const a = parseDay(from);
+  const b = parseDay(to);
+  if (a === null || b === null) return "Pick a start and an end date.";
+  if (a > b) return "The start date is after the end date.";
+  if ((b - a) / 864e5 + 1 > MAX_DAYS)
+    return `Pick ${MAX_DAYS} days or fewer.`;
+  return void 0;
+}
+function slugify(name) {
+  const slug = name.normalize("NFKD").replace(/\p{M}/gu, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+  return slug || "business";
+}
+function csvFilename(business, currency, from, to) {
+  return `${slugify(business)}-${currency.toLowerCase()}-${from}-${to}.csv`;
+}
+const ACTIVITY_LIMIT = 50;
+function nextCursor(page, limit = ACTIVITY_LIMIT) {
+  const last = page[page.length - 1];
+  if (!last || page.length < limit) return void 0;
+  return { beforeEffectiveAt: last.effectiveAt, beforeEntryId: last.entryId };
+}
+const directionLabel = (d) => d === "CREDIT" ? "Credit" : "Debit";
+const activeHolds = (rows) => rows.filter((r) => !["RELEASED", "EXPIRED"].includes(r.status.toUpperCase()));
+const statusOf = (e) => e?.status;
+const messageOf = (e) => e instanceof Error ? e.message.trim() : "";
+const NO_WALLET = "Money wallet not found";
+const isNoWallet = (e) => statusOf(e) === 404 && messageOf(e) === NO_WALLET;
+const isNotOnServer = (e) => statusOf(e) === 404;
+const NOT_ON_SERVER = "Not available on this server.";
+const FALLBACK = {
+  wallet: "The wallet did not load.",
+  activity: "Activity did not load.",
+  statement: "The statement did not load.",
+  holds: "Holds did not load.",
+  export: "The CSV was not made. Try again."
+};
+function ledgerErrorText(error, step) {
+  const status = statusOf(error);
+  const message = messageOf(error);
+  if (status === 403)
+    return "You don't have permission to read this business's ledger.";
+  if (status === 404) {
+    if (message === "Business not found") return "Business not found.";
+    if (step === "holds" || step === "export") return NOT_ON_SERVER;
+    return "The ledger is not available on this server yet.";
+  }
+  if (step === "export" && status === 422)
+    return "Over 10,000 rows. Pick a shorter window.";
+  if (typeof status === "number" && status >= 500) return FALLBACK[step];
+  return message || FALLBACK[step];
+}
+export {
+  ACTIVITY_LIMIT,
+  COMPARTMENTS,
+  MAX_DAYS,
+  NOT_ON_SERVER,
+  NO_WALLET,
+  activeHolds,
+  balanceLines,
+  csvFilename,
+  currentMonth,
+  directionLabel,
+  isCompartment,
+  isNoWallet,
+  isNotOnServer,
+  ledgerErrorText,
+  nextCursor,
+  rangeError,
+  slugify
+};
+//# sourceMappingURL=ledger.js.map

package/dist/admin/_money/ledger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/ledger.ts"],"sourcesContent":["import type {\n  ActivityCursor,\n  Compartment,\n  LedgerBalance,\n  LedgerEntry,\n  LedgerRestriction,\n} from '@withpotter/lib/admin-ledger-api';\n\n/**\n * The Ledger tab's rules, apart from the screen: the words for each\n * compartment, the statement window, the CSV's name, the activity cursor and\n * what an error says. Pure, so it is tested without a browser.\n */\n\nexport const COMPARTMENTS: Array<{ value: Compartment; label: string }> = [\n  { value: 'available', label: 'Available' },\n  { value: 'pending', label: 'Pending' },\n  { value: 'restricted', label: 'Held' },\n  { value: 'payoutPending', label: 'Paying out' },\n];\n\nexport const isCompartment = (v: string): v is Compartment =>\n  COMPARTMENTS.some((c) => c.value === v);\n\n/** One currency's four figures, in the quick view's words. */\nexport function balanceLines(\n  b: LedgerBalance,\n): Array<{ label: string; minor: string }> {\n  return [\n    { label: 'Available', minor: b.availableMinor },\n    { label: 'Pending', minor: b.pendingMinor },\n    { label: 'Held', minor: b.restrictedMinor },\n    { label: 'Paying out', minor: b.payoutPendingMinor },\n  ];\n}\n\nconst isoDay = (d: Date) => d.toISOString().slice(0, 10);\n\n/** The 1st of this month to today, in UTC as the API counts days. */\nexport function currentMonth(now = new Date()): { from: string; to: string } {\n  const first = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), 1));\n\n  return { from: isoDay(first), to: isoDay(now) };\n}\n\nexport const MAX_DAYS = 366;\n\nconst parseDay = (s: string) =>\n  /^\\d{4}-\\d{2}-\\d{2}$/.test(s) && isoDay(new Date(`${s}T00:00:00Z`)) === s\n    ? Date.parse(`${s}T00:00:00Z`)\n    : null;\n\n/** What is wrong with a window, or undefined when the API will take it. */\nexport function rangeError(from: string, to: string): string | undefined {\n  const a = parseDay(from);\n  const b = parseDay(to);\n\n  if (a === null || b === null) return 'Pick a start and an end date.';\n\n  if (a > b) return 'The start date is after the end date.';\n\n  if ((b - a) / 86_400_000 + 1 > MAX_DAYS)\n    return `Pick ${MAX_DAYS} days or fewer.`;\n\n  return undefined;\n}\n\n/** \"Acme Ltd.\" → \"acme-ltd\"; empty falls back to \"business\". */\nexport function slugify(name: string): string {\n  const slug = name\n    .normalize('NFKD')\n    .replace(/\\p{M}/gu, '')\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, '-')\n    .replace(/^-+|-+$/g, '');\n\n  return slug || 'business';\n}\n\n/** `<business-slug>-<currency>-<from>-<to>.csv`, the API sends no name. */\nexport function csvFilename(\n  business: string,\n  currency: string,\n  from: string,\n  to: string,\n): string {\n  return `${slugify(business)}-${currency.toLowerCase()}-${from}-${to}.csv`;\n}\n\nexport const ACTIVITY_LIMIT = 50;\n\n/** The `before` pair for the next page; none when the last page was short. */\nexport function nextCursor(\n  page: Pick<LedgerEntry, 'entryId' | 'effectiveAt'>[],\n  limit = ACTIVITY_LIMIT,\n): ActivityCursor | undefined {\n  const last = page[page.length - 1];\n\n  if (!last || page.length < limit) return undefined;\n\n  return { beforeEffectiveAt: last.effectiveAt, beforeEntryId: last.entryId };\n}\n\nexport const directionLabel = (d: LedgerEntry['direction']) =>\n  d === 'CREDIT' ? 'Credit' : 'Debit';\n\n/**\n * Holds still in force. The API already returns only those (ACTIVE and\n * PARTIALLY_ENFORCED), so nothing it sends is dropped here; this only guards\n * against a released or expired one slipping through.\n */\nexport const activeHolds = (rows: LedgerRestriction[]) =>\n  rows.filter((r) => !['RELEASED', 'EXPIRED'].includes(r.status.toUpperCase()));\n\nconst statusOf = (e: unknown) => (e as { status?: unknown } | null)?.status;\n\nconst messageOf = (e: unknown) => (e instanceof Error ? e.message.trim() : '');\n\nexport const NO_WALLET = 'Money wallet not found';\n\n/** The wallet read's 404 for a business that has none yet. */\nexport const isNoWallet = (e: unknown) =>\n  statusOf(e) === 404 && messageOf(e) === NO_WALLET;\n\n/**\n * A 404 from a route the server may keep switched off (restrictions, the\n * CSV export): the feature is not on this server, nothing failed.\n */\nexport const isNotOnServer = (e: unknown) => statusOf(e) === 404;\n\nexport const NOT_ON_SERVER = 'Not available on this server.';\n\ntype Step = 'wallet' | 'activity' | 'statement' | 'holds' | 'export';\n\nconst FALLBACK: Record<Step, string> = {\n  wallet: 'The wallet did not load.',\n  activity: 'Activity did not load.',\n  statement: 'The statement did not load.',\n  holds: 'Holds did not load.',\n  export: 'The CSV was not made. Try again.',\n};\n\n/** An error in plain words, for the part of the tab that asked. */\nexport function ledgerErrorText(error: unknown, step: Step): string {\n  const status = statusOf(error);\n  const message = messageOf(error);\n\n  if (status === 403)\n    return \"You don't have permission to read this business's ledger.\";\n\n  if (status === 404) {\n    if (message === 'Business not found') return 'Business not found.';\n\n    if (step === 'holds' || step === 'export') return NOT_ON_SERVER;\n\n    return 'The ledger is not available on this server yet.';\n  }\n\n  if (step === 'export' && status === 422)\n    return 'Over 10,000 rows. Pick a shorter window.';\n\n  if (typeof status === 'number' && status >= 500) return FALLBACK[step];\n\n  return message || FALLBACK[step];\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,88 @@
+/* Ledger tab: the chosen business, balances, statement controls. */
+
+.chosen {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 24px;
+}
+
+.chosenName {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 24px;
+  color: var(--text-primary);
+}
+
+.chosenActions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.balances {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+  gap: 16px;
+}
+
+.currency {
+  margin: 0 0 8px;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text-secondary);
+}
+
+.lines {
+  display: grid;
+  gap: 8px;
+  margin: 0;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.line {
+  display: flex;
+  justify-content: space-between;
+  gap: 16px;
+}
+
+.line dt {
+  color: var(--text-tertiary);
+}
+
+.line dd {
+  margin: 0;
+  font-variant-numeric: tabular-nums;
+  color: var(--text-primary);
+}
+
+.controls {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  gap: 12px;
+}
+
+.control {
+  width: 160px;
+}
+
+.menu {
+  margin-left: auto;
+}
+
+.quiet {
+  margin: 0;
+  font-size: 13px;
+  color: var(--text-tertiary);
+}
+
+.more {
+  display: flex;
+  justify-content: center;
+  padding: 12px;
+}

package/dist/admin/_money/money-section.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import styles from "./page.module.css";
+function MoneySection({
+  title,
+  caption,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: styles.section, "aria-label": title, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.sectionHead, children: [
+      /* @__PURE__ */ jsx("h2", { className: styles.sectionTitle, children: title }),
+      caption && /* @__PURE__ */ jsx("span", { className: "adm-caption", children: caption })
+    ] }),
+    children
+  ] });
+}
+export {
+  MoneySection
+};
+//# sourceMappingURL=money-section.js.map

package/dist/admin/_money/money-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/money-section.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport styles from './page.module.css';\n\n/** A titled band inside a money tab, with the space between bands built in. */\nexport function MoneySection({\n  title,\n  caption,\n  children,\n}: {\n  title: string;\n  caption?: string;\n  children: ReactNode;\n}) {\n  return (\n    <section className={styles.section} aria-label={title}>\n      <div className={styles.sectionHead}>\n        <h2 className={styles.sectionTitle}>{title}</h2>\n        {caption && <span className=\"adm-caption\">{caption}</span>}\n      </div>\n      {children}\n    </section>\n  );\n}\n"],"mappings":"AAeM,SACE,KADF;AAdN,OAAO,YAAY;AAGZ,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,qBAAC,aAAQ,WAAW,OAAO,SAAS,cAAY,OAC9C;AAAA,yBAAC,SAAI,WAAW,OAAO,aACrB;AAAA,0BAAC,QAAG,WAAW,OAAO,cAAe,iBAAM;AAAA,MAC1C,WAAW,oBAAC,UAAK,WAAU,eAAe,mBAAQ;AAAA,OACrD;AAAA,IACC;AAAA,KACH;AAEJ;","names":[]}

package/dist/admin/_money/open-as-owner.js

@@ -0,0 +1,32 @@
+"use client";
+import { useConfirm, useToast } from "@withpotter/ui-kit";
+import { useAccountActions } from "../accounts/use-account-actions";
+import { errorText } from "./format";
+import { forbiddenText, isForbidden, useMoneyPermissions } from "./permissions";
+function useOpenAsOwner() {
+  const { impersonate } = useAccountActions();
+  const { impersonateHint } = useMoneyPermissions();
+  const confirm = useConfirm();
+  const { toast } = useToast();
+  const open = async (accountId, purpose) => {
+    const ok = await confirm({
+      title: "Open the dashboard as the owner?",
+      description: `A new tab opens signed in as the owner, so you can ${purpose}. Every step is recorded in the audit log under your name.`,
+      confirmLabel: "Open as owner"
+    });
+    if (!ok) return;
+    const tab = impersonate.reserveTab();
+    impersonate.mutateAsync({ id: accountId, tab }).catch(
+      (e) => toast({
+        title: "Could not open as owner",
+        description: isForbidden(e) ? forbiddenText("open a dashboard as its owner") : errorText(e, "Try again in a moment."),
+        variant: "destructive"
+      })
+    );
+  };
+  return { open, isPending: impersonate.isPending, hint: impersonateHint };
+}
+export {
+  useOpenAsOwner
+};
+//# sourceMappingURL=open-as-owner.js.map

package/dist/admin/_money/open-as-owner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/open-as-owner.ts"],"sourcesContent":["'use client';\n\nimport { useConfirm, useToast } from '@withpotter/ui-kit';\nimport { useAccountActions } from '../accounts/use-account-actions';\nimport { errorText } from './format';\nimport { forbiddenText, isForbidden, useMoneyPermissions } from './permissions';\n\n/**\n * \"Open as owner\" with a confirm step. The tab opens right after the admin\n * clicks Confirm — that click is the user gesture the browser needs — so no\n * blank tab sits waiting behind the dialog. The API decides permission (403).\n */\nexport function useOpenAsOwner() {\n  const { impersonate } = useAccountActions();\n  const { impersonateHint } = useMoneyPermissions();\n  const confirm = useConfirm();\n  const { toast } = useToast();\n\n  const open = async (accountId: string, purpose: string) => {\n    const ok = await confirm({\n      title: 'Open the dashboard as the owner?',\n      description: `A new tab opens signed in as the owner, so you can ${purpose}. Every step is recorded in the audit log under your name.`,\n      confirmLabel: 'Open as owner',\n    });\n\n    if (!ok) return;\n\n    const tab = impersonate.reserveTab();\n\n    impersonate.mutateAsync({ id: accountId, tab }).catch((e: unknown) =>\n      toast({\n        title: 'Could not open as owner',\n        description: isForbidden(e)\n          ? forbiddenText('open a dashboard as its owner')\n          : errorText(e, 'Try again in a moment.'),\n        variant: 'destructive',\n      }),\n    );\n  };\n\n  return { open, isPending: impersonate.isPending, hint: impersonateHint };\n}\n"],"mappings":";AAEA,SAAS,YAAY,gBAAgB;AACrC,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,eAAe,aAAa,2BAA2B;AAOzD,SAAS,iBAAiB;AAC/B,QAAM,EAAE,YAAY,IAAI,kBAAkB;AAC1C,QAAM,EAAE,gBAAgB,IAAI,oBAAoB;AAChD,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,MAAM,IAAI,SAAS;AAE3B,QAAM,OAAO,OAAO,WAAmB,YAAoB;AACzD,UAAM,KAAK,MAAM,QAAQ;AAAA,MACvB,OAAO;AAAA,MACP,aAAa,sDAAsD,OAAO;AAAA,MAC1E,cAAc;AAAA,IAChB,CAAC;AAED,QAAI,CAAC,GAAI;AAET,UAAM,MAAM,YAAY,WAAW;AAEnC,gBAAY,YAAY,EAAE,IAAI,WAAW,IAAI,CAAC,EAAE;AAAA,MAAM,CAAC,MACrD,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,aAAa,YAAY,CAAC,IACtB,cAAc,+BAA+B,IAC7C,UAAU,GAAG,wBAAwB;AAAA,QACzC,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO,EAAE,MAAM,WAAW,YAAY,WAAW,MAAM,gBAAgB;AACzE;","names":[]}

package/dist/admin/_money/page.module.css

@@ -0,0 +1,149 @@
+/* Money pages: section bands, finder and payout problems. */
+
+.section {
+  display: grid;
+  gap: 16px;
+  margin-bottom: 32px;
+}
+
+.sectionHead {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 4px 12px;
+}
+
+.sectionTitle {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 24px;
+  color: var(--text-primary);
+}
+
+.finder {
+  display: grid;
+  gap: 12px;
+  padding: 24px;
+  border-radius: var(--adm-card-radius);
+  background: var(--bg-base);
+  box-shadow: var(--adm-shadow-1);
+}
+
+.results {
+  display: grid;
+  gap: 4px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.result {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+  width: 100%;
+  padding: 8px 12px;
+  border: 0;
+  border-radius: 10px;
+  background: transparent;
+  color: var(--text-primary);
+  font: inherit;
+  text-align: left;
+  text-decoration: none;
+  cursor: pointer;
+  transition: background var(--adm-fast);
+}
+
+.result:hover {
+  background: var(--adm-hover);
+}
+
+/* Selected: colour only, so nothing in the row moves. */
+.result[data-selected] {
+  background: var(--adm-tint);
+}
+
+.result:focus-visible {
+  outline: 2px solid var(--accent-primary);
+  outline-offset: 2px;
+}
+
+.resultText {
+  display: grid;
+  flex: 1;
+  min-width: 0;
+}
+
+.name {
+  overflow: hidden;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.meta {
+  overflow: hidden;
+  font-size: 13px;
+  line-height: 20px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: var(--text-tertiary);
+}
+
+.amount {
+  font-size: 14px;
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+
+.figures {
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 4px 16px;
+}
+
+.gmv {
+  display: grid;
+  justify-items: end;
+}
+
+.gmvLabel,
+.flag {
+  font-size: 13px;
+  line-height: 20px;
+  white-space: nowrap;
+  color: var(--text-tertiary);
+}
+
+.flag {
+  color: var(--error);
+}
+
+.failed {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 8px 12px;
+  font-size: 13px;
+  line-height: 20px;
+  color: var(--error);
+}
+
+.problemsCard {
+  display: grid;
+  gap: 12px;
+  padding: 24px;
+  border-radius: var(--adm-card-radius);
+  background: var(--bg-base);
+  box-shadow: var(--adm-shadow-1);
+}