@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/_money/cash-postings.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "@withpotter/ui-kit/button";
+import { FilterSelect, Filters } from "../_ui";
+import { useMoneyPermissions } from "./permissions";
+import { ProposeCashDialog } from "./propose-dialog";
+import { ReviewProposalDialog } from "./review-dialog";
+import { WaitingProposals } from "./waiting-proposals";
+import styles from "./cash.module.css";
+function ActionCard({
+  title,
+  body,
+  cta,
+  hint,
+  primary,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: styles.actionCard, children: [
+    /* @__PURE__ */ jsx("h3", { className: styles.actionTitle, children: title }),
+    /* @__PURE__ */ jsx("p", { className: styles.actionBody, children: body }),
+    /* @__PURE__ */ jsxs("div", { className: styles.actionFoot, children: [
+      /* @__PURE__ */ jsx(Button, { variant: primary ? "primary" : "secondary", onClick, children: cta }),
+      hint && /* @__PURE__ */ jsx("span", { className: "adm-caption", children: hint })
+    ] })
+  ] });
+}
+const SHOW = [
+  { value: "post", label: "Cash postings" },
+  { value: "waiting", label: "Waiting for approval" }
+];
+function CashPostings() {
+  const perms = useMoneyPermissions();
+  const [show, setShow] = useState(SHOW[0].value);
+  const [proposing, setProposing] = useState(false);
+  const [reviewing, setReviewing] = useState(false);
+  const [review, setReview] = useState({ id: "", nonce: 0 });
+  const openReview = (id) => {
+    setReview((r) => ({ id, nonce: r.nonce + 1 }));
+    setReviewing(true);
+  };
+  return /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: 16 }, children: [
+    /* @__PURE__ */ jsx("div", { className: styles.show, children: /* @__PURE__ */ jsx(Filters, { label: "Choose what to show", children: /* @__PURE__ */ jsx(
+      FilterSelect,
+      {
+        label: "Show",
+        value: show,
+        allValue: SHOW[0].value,
+        onChange: setShow,
+        options: SHOW,
+        className: styles.showSelect
+      }
+    ) }) }),
+    show === "post" && /* @__PURE__ */ jsxs("div", { className: styles.cashGrid, children: [
+      /* @__PURE__ */ jsx(
+        ActionCard,
+        {
+          primary: true,
+          title: "Propose a cash posting",
+          body: "Book opening cash, or cash a merchant handed over off-platform. Nothing moves until a second admin approves.",
+          cta: "Propose cash posting",
+          hint: perms.proposeHint,
+          onClick: () => setProposing(true)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ActionCard,
+        {
+          title: "Review by ID",
+          body: "Open a posting by its ID when it is not in Waiting for approval.",
+          cta: "Review by ID",
+          hint: perms.approveHint,
+          onClick: () => openReview("")
+        }
+      )
+    ] }),
+    show === "waiting" && /* @__PURE__ */ jsx(WaitingProposals, { onReview: openReview }),
+    /* @__PURE__ */ jsx(ProposeCashDialog, { open: proposing, onClose: () => setProposing(false) }),
+    /* @__PURE__ */ jsx(
+      ReviewProposalDialog,
+      {
+        open: reviewing,
+        initialId: review.id,
+        onClose: () => setReviewing(false)
+      },
+      review.nonce
+    )
+  ] });
+}
+export {
+  CashPostings
+};
+//# sourceMappingURL=cash-postings.js.map

package/dist/admin/_money/cash-postings.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/cash-postings.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { FilterSelect, Filters } from '../_ui';\nimport { useMoneyPermissions } from './permissions';\nimport { ProposeCashDialog } from './propose-dialog';\nimport { ReviewProposalDialog } from './review-dialog';\nimport { WaitingProposals } from './waiting-proposals';\nimport styles from './cash.module.css';\n\nfunction ActionCard({\n  title,\n  body,\n  cta,\n  hint,\n  primary,\n  onClick,\n}: {\n  title: string;\n  body: string;\n  cta: string;\n  /** Set when this admin may lack the permission; the API decides. */\n  hint?: string;\n  primary?: boolean;\n  onClick: () => void;\n}) {\n  return (\n    <div className={styles.actionCard}>\n      <h3 className={styles.actionTitle}>{title}</h3>\n      <p className={styles.actionBody}>{body}</p>\n      <div className={styles.actionFoot}>\n        <Button variant={primary ? 'primary' : 'secondary'} onClick={onClick}>\n          {cta}\n        </Button>\n        {hint && <span className=\"adm-caption\">{hint}</span>}\n      </div>\n    </div>\n  );\n}\n\nconst SHOW = [\n  { value: 'post', label: 'Cash postings' },\n  { value: 'waiting', label: 'Waiting for approval' },\n];\n\n/**\n * Maker-checker cash postings: one admin proposes, a different admin\n * approves or rejects it from the waiting list (or by its ID). One part at a\n * time, chosen from a dropdown on the right.\n */\nexport function CashPostings() {\n  const perms = useMoneyPermissions();\n  const [show, setShow] = useState(SHOW[0].value);\n  const [proposing, setProposing] = useState(false);\n  const [reviewing, setReviewing] = useState(false);\n  // A fresh dialog per opening, so a pasted ID never leaks into the next one.\n  const [review, setReview] = useState({ id: '', nonce: 0 });\n  const openReview = (id: string) => {\n    setReview((r) => ({ id, nonce: r.nonce + 1 }));\n    setReviewing(true);\n  };\n\n  return (\n    <div style={{ display: 'grid', gap: 16 }}>\n      <div className={styles.show}>\n        <Filters label=\"Choose what to show\">\n          <FilterSelect\n            label=\"Show\"\n            value={show}\n            allValue={SHOW[0].value}\n            onChange={setShow}\n            options={SHOW}\n            className={styles.showSelect}\n          />\n        </Filters>\n      </div>\n      {show === 'post' && (\n        <div className={styles.cashGrid}>\n          <ActionCard\n            primary\n            title=\"Propose a cash posting\"\n            body=\"Book opening cash, or cash a merchant handed over off-platform. Nothing moves until a second admin approves.\"\n            cta=\"Propose cash posting\"\n            hint={perms.proposeHint}\n            onClick={() => setProposing(true)}\n          />\n          <ActionCard\n            title=\"Review by ID\"\n            body=\"Open a posting by its ID when it is not in Waiting for approval.\"\n            cta=\"Review by ID\"\n            hint={perms.approveHint}\n            onClick={() => openReview('')}\n          />\n        </div>\n      )}\n      {show === 'waiting' && <WaitingProposals onReview={openReview} />}\n      <ProposeCashDialog open={proposing} onClose={() => setProposing(false)} />\n      <ReviewProposalDialog\n        key={review.nonce}\n        open={reviewing}\n        initialId={review.id}\n        onClose={() => setReviewing(false)}\n      />\n    </div>\n  );\n}\n"],"mappings":";AA6BM,cAEA,YAFA;AA3BN,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,cAAc,eAAe;AACtC,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,OAAO,YAAY;AAEnB,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,SACE,qBAAC,SAAI,WAAW,OAAO,YACrB;AAAA,wBAAC,QAAG,WAAW,OAAO,aAAc,iBAAM;AAAA,IAC1C,oBAAC,OAAE,WAAW,OAAO,YAAa,gBAAK;AAAA,IACvC,qBAAC,SAAI,WAAW,OAAO,YACrB;AAAA,0BAAC,UAAO,SAAS,UAAU,YAAY,aAAa,SACjD,eACH;AAAA,MACC,QAAQ,oBAAC,UAAK,WAAU,eAAe,gBAAK;AAAA,OAC/C;AAAA,KACF;AAEJ;AAEA,MAAM,OAAO;AAAA,EACX,EAAE,OAAO,QAAQ,OAAO,gBAAgB;AAAA,EACxC,EAAE,OAAO,WAAW,OAAO,uBAAuB;AACpD;AAOO,SAAS,eAAe;AAC7B,QAAM,QAAQ,oBAAoB;AAClC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK,CAAC,EAAE,KAAK;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE,IAAI,IAAI,OAAO,EAAE,CAAC;AACzD,QAAM,aAAa,CAAC,OAAe;AACjC,cAAU,CAAC,OAAO,EAAE,IAAI,OAAO,EAAE,QAAQ,EAAE,EAAE;AAC7C,iBAAa,IAAI;AAAA,EACnB;AAEA,SACE,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,GAAG,GACrC;AAAA,wBAAC,SAAI,WAAW,OAAO,MACrB,8BAAC,WAAQ,OAAM,uBACb;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO;AAAA,QACP,UAAU,KAAK,CAAC,EAAE;AAAA,QAClB,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW,OAAO;AAAA;AAAA,IACpB,GACF,GACF;AAAA,IACC,SAAS,UACR,qBAAC,SAAI,WAAW,OAAO,UACrB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAO;AAAA,UACP,OAAM;AAAA,UACN,MAAK;AAAA,UACL,KAAI;AAAA,UACJ,MAAM,MAAM;AAAA,UACZ,SAAS,MAAM,aAAa,IAAI;AAAA;AAAA,MAClC;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAK;AAAA,UACL,KAAI;AAAA,UACJ,MAAM,MAAM;AAAA,UACZ,SAAS,MAAM,WAAW,EAAE;AAAA;AAAA,MAC9B;AAAA,OACF;AAAA,IAED,SAAS,aAAa,oBAAC,oBAAiB,UAAU,YAAY;AAAA,IAC/D,oBAAC,qBAAkB,MAAM,WAAW,SAAS,MAAM,aAAa,KAAK,GAAG;AAAA,IACxE;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM;AAAA,QACN,WAAW,OAAO;AAAA,QAClB,SAAS,MAAM,aAAa,KAAK;AAAA;AAAA,MAH5B,OAAO;AAAA,IAId;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,128 @@
+/* Cash postings: the two action cards, the dialogs' forms, the status dot. */
+
+.cashGrid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+  gap: 16px;
+}
+
+.actionCard {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  min-width: 0;
+  padding: 24px;
+  border-radius: var(--adm-card-radius);
+  background: var(--bg-base);
+  border: 1px solid var(--adm-line);
+}
+
+.actionTitle {
+  margin: 0;
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 20px;
+  color: var(--text-primary);
+}
+
+.actionBody {
+  margin: 0;
+  font-size: 13px;
+  line-height: 20px;
+  color: var(--text-secondary);
+}
+
+.actionFoot {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  margin-top: auto;
+}
+
+.form {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  gap: 16px;
+  min-width: 0;
+}
+
+.summary {
+  display: grid;
+  grid-template-columns: max-content 1fr;
+  gap: 8px 16px;
+  margin: 0;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.summary dt {
+  color: var(--text-tertiary);
+}
+
+.summary dd {
+  min-width: 0;
+  margin: 0;
+  overflow-wrap: anywhere;
+  color: var(--text-primary);
+}
+
+.amount {
+  font-variant-numeric: tabular-nums;
+  font-weight: 600;
+  white-space: nowrap;
+}
+
+.mono {
+  font-family: var(--font-mono, ui-monospace, monospace);
+  font-size: 13px;
+}
+
+.footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+
+.footerSplit {
+  display: flex;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.status {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 20px;
+  white-space: nowrap;
+}
+
+.statusText {
+  color: var(--text-primary);
+}
+
+.dot {
+  width: 6px;
+  height: 6px;
+  flex-shrink: 0;
+  border-radius: 999px;
+  background: currentColor;
+}
+
+.empty {
+  margin: 0;
+  padding: 16px 20px 24px;
+}
+
+/* Which part shows: the dropdown on the right. */
+.show {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.show .showSelect {
+  width: 220px;
+}

package/dist/admin/_money/finder-format.js

@@ -0,0 +1,42 @@
+function currencyOf(row) {
+  const r = row;
+  return r.currency ?? r.profile?.currency ?? null;
+}
+function compactAmount(amount, currency) {
+  const base = { notation: "compact", maximumFractionDigits: 1 };
+  if (currency) {
+    try {
+      return new Intl.NumberFormat("en-US", {
+        ...base,
+        style: "currency",
+        currencyDisplay: "narrowSymbol",
+        currency
+      }).format(amount);
+    } catch {
+    }
+  }
+  return new Intl.NumberFormat("en-US", base).format(amount ?? 0);
+}
+function maskAccount(accountNumber) {
+  const last = accountNumber.replace(/\s/g, "").slice(-4);
+  return last ? `\u2022\u2022\u2022\u2022 ${last}` : "\u2013";
+}
+function nonZero(minor) {
+  try {
+    return BigInt(minor) !== BigInt(0);
+  } catch {
+    return false;
+  }
+}
+function walletIdOf(wallet) {
+  const id = wallet?.id;
+  return typeof id === "string" && id ? id : null;
+}
+export {
+  compactAmount,
+  currencyOf,
+  maskAccount,
+  nonZero,
+  walletIdOf
+};
+//# sourceMappingURL=finder-format.js.map

package/dist/admin/_money/finder-format.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/finder-format.ts"],"sourcesContent":["/** Formatting for the merchant finder and its quick view. */\n\n/**\n * The merchant's currency when the row carries one, flat or on the profile.\n * The tenants list does not send it today, so callers fall back to plain.\n */\nexport function currencyOf(row: object): string | null {\n  const r = row as {\n    currency?: string | null;\n    profile?: { currency?: string | null } | null;\n  };\n\n  return r.currency ?? r.profile?.currency ?? null;\n}\n\n/** A short figure: \"₦1.2M\" in a currency, \"1.2M\" without one. */\nexport function compactAmount(amount: number, currency: string | null): string {\n  const base = { notation: 'compact', maximumFractionDigits: 1 } as const;\n\n  if (currency) {\n    try {\n      return new Intl.NumberFormat('en-US', {\n        ...base,\n        style: 'currency',\n        currencyDisplay: 'narrowSymbol',\n        currency,\n      }).format(amount);\n    } catch {\n      // An unknown code falls through to the plain number.\n    }\n  }\n\n  return new Intl.NumberFormat('en-US', base).format(amount ?? 0);\n}\n\n/** An account number cut to its last four: \"•••• 4821\". */\nexport function maskAccount(accountNumber: string): string {\n  const last = accountNumber.replace(/\\s/g, '').slice(-4);\n\n  return last ? `•••• ${last}` : '–';\n}\n\n/** True when a minor-unit string holds something other than zero. */\nexport function nonZero(minor: string): boolean {\n  try {\n    return BigInt(minor) !== BigInt(0);\n  } catch {\n    return false;\n  }\n}\n\n/** The wallet ID when the tenant detail sends one (it is not typed yet). */\nexport function walletIdOf(wallet: object | null | undefined): string | null {\n  const id = (wallet as { id?: unknown } | null | undefined)?.id;\n\n  return typeof id === 'string' && id ? id : null;\n}\n"],"mappings":"AAMO,SAAS,WAAW,KAA4B;AACrD,QAAM,IAAI;AAKV,SAAO,EAAE,YAAY,EAAE,SAAS,YAAY;AAC9C;AAGO,SAAS,cAAc,QAAgB,UAAiC;AAC7E,QAAM,OAAO,EAAE,UAAU,WAAW,uBAAuB,EAAE;AAE7D,MAAI,UAAU;AACZ,QAAI;AACF,aAAO,IAAI,KAAK,aAAa,SAAS;AAAA,QACpC,GAAG;AAAA,QACH,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB;AAAA,MACF,CAAC,EAAE,OAAO,MAAM;AAAA,IAClB,QAAQ;AAAA,IAER;AAAA,EACF;AAEA,SAAO,IAAI,KAAK,aAAa,SAAS,IAAI,EAAE,OAAO,UAAU,CAAC;AAChE;AAGO,SAAS,YAAY,eAA+B;AACzD,QAAM,OAAO,cAAc,QAAQ,OAAO,EAAE,EAAE,MAAM,EAAE;AAEtD,SAAO,OAAO,4BAAQ,IAAI,KAAK;AACjC;AAGO,SAAS,QAAQ,OAAwB;AAC9C,MAAI;AACF,WAAO,OAAO,KAAK,MAAM,OAAO,CAAC;AAAA,EACnC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAGO,SAAS,WAAW,QAAkD;AAC3E,QAAM,KAAM,QAAgD;AAE5D,SAAO,OAAO,OAAO,YAAY,KAAK,KAAK;AAC7C;","names":[]}

package/dist/admin/_money/finder-row.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip } from "@withpotter/ui-kit";
+import { EntityAvatar } from "../_fx";
+import { StatusPill } from "../audit/status-pill";
+import { logoOf } from "../tenants/tenants-logo";
+import { compactAmount, currencyOf } from "./finder-format";
+import { day } from "./format";
+import styles from "./page.module.css";
+const FAILED_HINT = "Among the most recent failed payouts on the platform. Older failures are not flagged here.";
+function FinderRow({
+  t,
+  selected,
+  failedPayout,
+  onSelect
+}) {
+  const logo = logoOf(t);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: styles.result,
+      "data-selected": selected || void 0,
+      "aria-pressed": selected,
+      onClick: onSelect,
+      children: [
+        logo && /* @__PURE__ */ jsx(EntityAvatar, { name: t.businessName, src: logo, size: 32 }),
+        /* @__PURE__ */ jsxs("span", { className: styles.resultText, children: [
+          /* @__PURE__ */ jsx("span", { className: styles.name, title: t.businessName, children: t.businessName }),
+          /* @__PURE__ */ jsxs("span", { className: styles.meta, children: [
+            t.slug,
+            " \xB7 Joined ",
+            day(t.createdAt)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: styles.figures, children: [
+          failedPayout && /* @__PURE__ */ jsx(Tooltip, { label: FAILED_HINT, children: /* @__PURE__ */ jsx("span", { className: styles.flag, children: "Failed payout" }) }),
+          /* @__PURE__ */ jsxs("span", { className: styles.gmv, children: [
+            /* @__PURE__ */ jsx("span", { className: styles.amount, children: compactAmount(t.gmv ?? 0, currencyOf(t)) }),
+            /* @__PURE__ */ jsx("span", { className: styles.gmvLabel, children: "Lifetime GMV" })
+          ] }),
+          /* @__PURE__ */ jsx(StatusPill, { status: t.status })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  FinderRow
+};
+//# sourceMappingURL=finder-row.js.map

package/dist/admin/_money/finder-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/finder-row.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip } from '@withpotter/ui-kit';\nimport type { TenantRow } from '@withpotter/lib/admin-api';\nimport { EntityAvatar } from '../_fx';\nimport { StatusPill } from '../audit/status-pill';\nimport { logoOf } from '../tenants/tenants-logo';\nimport { compactAmount, currencyOf } from './finder-format';\nimport { day } from './format';\nimport styles from './page.module.css';\n\nconst FAILED_HINT =\n  'Among the most recent failed payouts on the platform. Older failures are not flagged here.';\n\n/**\n * One merchant in the finder: who, lifetime GMV, joined, status, and a flag\n * when a recent payout failed. Pressing it opens the quick view.\n */\nexport function FinderRow({\n  t,\n  selected,\n  failedPayout,\n  onSelect,\n}: {\n  t: TenantRow;\n  selected: boolean;\n  failedPayout: boolean;\n  onSelect: () => void;\n}) {\n  const logo = logoOf(t);\n\n  return (\n    <button\n      type=\"button\"\n      className={styles.result}\n      data-selected={selected || undefined}\n      aria-pressed={selected}\n      onClick={onSelect}\n    >\n      {logo && <EntityAvatar name={t.businessName} src={logo} size={32} />}\n      <span className={styles.resultText}>\n        <span className={styles.name} title={t.businessName}>\n          {t.businessName}\n        </span>\n        <span className={styles.meta}>\n          {t.slug} · Joined {day(t.createdAt)}\n        </span>\n      </span>\n      <span className={styles.figures}>\n        {failedPayout && (\n          <Tooltip label={FAILED_HINT}>\n            <span className={styles.flag}>Failed payout</span>\n          </Tooltip>\n        )}\n        <span className={styles.gmv}>\n          <span className={styles.amount}>\n            {compactAmount(t.gmv ?? 0, currencyOf(t))}\n          </span>\n          <span className={styles.gmvLabel}>Lifetime GMV</span>\n        </span>\n        <StatusPill status={t.status} />\n      </span>\n    </button>\n  );\n}\n"],"mappings":";AAuCe,cAKP,YALO;AArCf,SAAS,eAAe;AAExB,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,eAAe,kBAAkB;AAC1C,SAAS,WAAW;AACpB,OAAO,YAAY;AAEnB,MAAM,cACJ;AAMK,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,OAAO,OAAO,CAAC;AAErB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,OAAO;AAAA,MAClB,iBAAe,YAAY;AAAA,MAC3B,gBAAc;AAAA,MACd,SAAS;AAAA,MAER;AAAA,gBAAQ,oBAAC,gBAAa,MAAM,EAAE,cAAc,KAAK,MAAM,MAAM,IAAI;AAAA,QAClE,qBAAC,UAAK,WAAW,OAAO,YACtB;AAAA,8BAAC,UAAK,WAAW,OAAO,MAAM,OAAO,EAAE,cACpC,YAAE,cACL;AAAA,UACA,qBAAC,UAAK,WAAW,OAAO,MACrB;AAAA,cAAE;AAAA,YAAK;AAAA,YAAW,IAAI,EAAE,SAAS;AAAA,aACpC;AAAA,WACF;AAAA,QACA,qBAAC,UAAK,WAAW,OAAO,SACrB;AAAA,0BACC,oBAAC,WAAQ,OAAO,aACd,8BAAC,UAAK,WAAW,OAAO,MAAM,2BAAa,GAC7C;AAAA,UAEF,qBAAC,UAAK,WAAW,OAAO,KACtB;AAAA,gCAAC,UAAK,WAAW,OAAO,QACrB,wBAAc,EAAE,OAAO,GAAG,WAAW,CAAC,CAAC,GAC1C;AAAA,YACA,oBAAC,UAAK,WAAW,OAAO,UAAU,0BAAY;AAAA,aAChD;AAAA,UACA,oBAAC,cAAW,QAAQ,EAAE,QAAQ;AAAA,WAChC;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/admin/_money/format.js

@@ -0,0 +1,62 @@
+import { formatMinor } from "@withpotter/lib/money-minor";
+function money(amount, currency) {
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currencyDisplay: "narrowSymbol",
+      currency: currency || "NGN",
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    }).format(amount ?? 0);
+  } catch {
+    return `${currency} ${(amount ?? 0).toFixed(2)}`;
+  }
+}
+function moneyMinor(minor, currency) {
+  return /^-?\d+$/.test(minor) ? formatMinor(minor, currency || "NGN") : `${minor} ${currency}`;
+}
+function when(iso) {
+  if (!iso) return "\u2013";
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return "\u2013";
+  return d.toLocaleString(void 0, {
+    day: "numeric",
+    month: "short",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function day(iso) {
+  if (!iso) return "\u2013";
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return "\u2013";
+  return d.toLocaleDateString("en-GB", {
+    day: "numeric",
+    month: "short",
+    year: "numeric"
+  });
+}
+function age(iso, now = Date.now()) {
+  const ms = Math.max(0, now - new Date(iso).getTime());
+  const h = Math.floor(ms / 36e5);
+  if (h < 1) return `${Math.max(1, Math.floor(ms / 6e4))}m`;
+  if (h < 48) return `${h}h`;
+  return `${Math.floor(h / 24)}d`;
+}
+function middle(id, keep = 6) {
+  return id.length <= keep * 2 + 1 ? id : `${id.slice(0, keep)}\u2026${id.slice(-4)}`;
+}
+function errorText(error, fallback) {
+  if (error instanceof Error && error.message) return error.message;
+  return fallback;
+}
+export {
+  age,
+  day,
+  errorText,
+  middle,
+  money,
+  moneyMinor,
+  when
+};
+//# sourceMappingURL=format.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/format.ts"],"sourcesContent":["import { formatMinor } from '@withpotter/lib/money-minor';\n\n/** Money and time formatting for the money screens. Amounts are major units. */\n\nexport function money(amount: number, currency: string): string {\n  try {\n    return new Intl.NumberFormat('en-US', {\n      style: 'currency',\n      currencyDisplay: 'narrowSymbol',\n      currency: currency || 'NGN',\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 2,\n    }).format(amount ?? 0);\n  } catch {\n    return `${currency} ${(amount ?? 0).toFixed(2)}`;\n  }\n}\n\n/**\n * Minor units held as a string, shown in the currency (\"150000\" NGN → ₦1,500.00,\n * \"1500\" JPY → ¥1,500). Split at the currency's own exponent, never ÷ 100.\n */\nexport function moneyMinor(minor: string, currency: string): string {\n  return /^-?\\d+$/.test(minor)\n    ? formatMinor(minor, currency || 'NGN')\n    : `${minor} ${currency}`;\n}\n\nexport function when(iso: string | null | undefined): string {\n  if (!iso) return '–';\n\n  const d = new Date(iso);\n\n  if (Number.isNaN(d.getTime())) return '–';\n\n  return d.toLocaleString(undefined, {\n    day: 'numeric',\n    month: 'short',\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n}\n\nexport function day(iso: string | null | undefined): string {\n  if (!iso) return '–';\n\n  const d = new Date(iso);\n\n  if (Number.isNaN(d.getTime())) return '–';\n\n  // \"15 Oct 2026\" everywhere, whatever the browser's locale.\n  return d.toLocaleDateString('en-GB', {\n    day: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  });\n}\n\n/** \"3h\", \"2d\": how long a record has been open. */\nexport function age(iso: string, now = Date.now()): string {\n  const ms = Math.max(0, now - new Date(iso).getTime());\n  const h = Math.floor(ms / 3_600_000);\n\n  if (h < 1) return `${Math.max(1, Math.floor(ms / 60_000))}m`;\n\n  if (h < 48) return `${h}h`;\n\n  return `${Math.floor(h / 24)}d`;\n}\n\n/** Keep the start and end of a long ID: \"8f2c1a…9b0d\". */\nexport function middle(id: string, keep = 6): string {\n  return id.length <= keep * 2 + 1\n    ? id\n    : `${id.slice(0, keep)}…${id.slice(-4)}`;\n}\n\n/** An API error's own words when it has some, a plain line when not. */\nexport function errorText(error: unknown, fallback: string): string {\n  if (error instanceof Error && error.message) return error.message;\n\n  return fallback;\n}\n"],"mappings":"AAAA,SAAS,mBAAmB;AAIrB,SAAS,MAAM,QAAgB,UAA0B;AAC9D,MAAI;AACF,WAAO,IAAI,KAAK,aAAa,SAAS;AAAA,MACpC,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,UAAU,YAAY;AAAA,MACtB,uBAAuB;AAAA,MACvB,uBAAuB;AAAA,IACzB,CAAC,EAAE,OAAO,UAAU,CAAC;AAAA,EACvB,QAAQ;AACN,WAAO,GAAG,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,CAAC;AAAA,EAChD;AACF;AAMO,SAAS,WAAW,OAAe,UAA0B;AAClE,SAAO,UAAU,KAAK,KAAK,IACvB,YAAY,OAAO,YAAY,KAAK,IACpC,GAAG,KAAK,IAAI,QAAQ;AAC1B;AAEO,SAAS,KAAK,KAAwC;AAC3D,MAAI,CAAC,IAAK,QAAO;AAEjB,QAAM,IAAI,IAAI,KAAK,GAAG;AAEtB,MAAI,OAAO,MAAM,EAAE,QAAQ,CAAC,EAAG,QAAO;AAEtC,SAAO,EAAE,eAAe,QAAW;AAAA,IACjC,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,EACV,CAAC;AACH;AAEO,SAAS,IAAI,KAAwC;AAC1D,MAAI,CAAC,IAAK,QAAO;AAEjB,QAAM,IAAI,IAAI,KAAK,GAAG;AAEtB,MAAI,OAAO,MAAM,EAAE,QAAQ,CAAC,EAAG,QAAO;AAGtC,SAAO,EAAE,mBAAmB,SAAS;AAAA,IACnC,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EACR,CAAC;AACH;AAGO,SAAS,IAAI,KAAa,MAAM,KAAK,IAAI,GAAW;AACzD,QAAM,KAAK,KAAK,IAAI,GAAG,MAAM,IAAI,KAAK,GAAG,EAAE,QAAQ,CAAC;AACpD,QAAM,IAAI,KAAK,MAAM,KAAK,IAAS;AAEnC,MAAI,IAAI,EAAG,QAAO,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,GAAM,CAAC,CAAC;AAEzD,MAAI,IAAI,GAAI,QAAO,GAAG,CAAC;AAEvB,SAAO,GAAG,KAAK,MAAM,IAAI,EAAE,CAAC;AAC9B;AAGO,SAAS,OAAO,IAAY,OAAO,GAAW;AACnD,SAAO,GAAG,UAAU,OAAO,IAAI,IAC3B,KACA,GAAG,GAAG,MAAM,GAAG,IAAI,CAAC,SAAI,GAAG,MAAM,EAAE,CAAC;AAC1C;AAGO,SAAS,UAAU,OAAgB,UAA0B;AAClE,MAAI,iBAAiB,SAAS,MAAM,QAAS,QAAO,MAAM;AAE1D,SAAO;AACT;","names":[]}

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

@@ -0,0 +1,90 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Button,
+  StackedCell,
+  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 { when } from "./format";
+import { directionLabel, ledgerErrorText } from "./ledger";
+import { useLedgerActivity } from "./use-ledger";
+import styles from "./ledger.module.css";
+const COLUMNS = 5;
+function EntryRow({ e }) {
+  const signed = `${e.direction === "DEBIT" ? "-" : ""}${e.amountMinor}`;
+  return /* @__PURE__ */ jsxs(TableRow, { children: [
+    /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: when(e.effectiveAt) }),
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+      StackedCell,
+      {
+        value: e.description || "No description",
+        sub: e.postingRule ?? void 0
+      }
+    ) }),
+    /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: e.paymentReference ?? /* @__PURE__ */ jsx("span", { className: list.dash, children: "\u2013" }) }),
+    /* @__PURE__ */ jsx("td", { className: list.nowrap, children: directionLabel(e.direction) }),
+    /* @__PURE__ */ jsx("td", { className: list.num, children: formatMinor(signed, e.currency) })
+  ] });
+}
+function LedgerActivity({
+  tenantId,
+  currency = ""
+}) {
+  const q = useLedgerActivity(tenantId);
+  const loaded = q.data?.pages.flat() ?? [];
+  const rows = byCurrency(loaded, currency, (e) => e.currency);
+  const head = /* @__PURE__ */ jsxs("tr", { children: [
+    /* @__PURE__ */ jsx(Th, { children: "When" }),
+    /* @__PURE__ */ jsx(Th, { children: "Description" }),
+    /* @__PURE__ */ jsx(Th, { children: "Payment" }),
+    /* @__PURE__ */ jsx(Th, { children: "Direction" }),
+    /* @__PURE__ */ jsx(Th, { align: "right", children: "Amount" })
+  ] });
+  const state = q.isError ? /* @__PURE__ */ jsx(
+    StateView,
+    {
+      kind: "error",
+      compact: true,
+      title: "Activity did not load",
+      description: ledgerErrorText(q.error, "activity"),
+      action: { label: "Retry", onClick: () => void q.refetch() }
+    }
+  ) : !q.isLoading && loaded.length === 0 ? /* @__PURE__ */ jsx(StateView, { kind: "empty", compact: true, title: "No entries yet" }) : !q.isLoading && rows.length === 0 ? /* @__PURE__ */ jsx(
+    StateView,
+    {
+      kind: "empty",
+      compact: true,
+      title: `No ${currency} entries in the newest ${loaded.length}`,
+      description: q.hasNextPage ? "Load more to look further back." : void 0
+    }
+  ) : null;
+  const footer = q.hasNextPage ? /* @__PURE__ */ jsx("div", { className: styles.more, children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "secondary",
+      loading: q.isFetchingNextPage,
+      onClick: () => void q.fetchNextPage(),
+      children: "Load more"
+    }
+  ) }) : void 0;
+  return /* @__PURE__ */ jsx(
+    TableShell,
+    {
+      head: state ? null : head,
+      minWidth: state ? 0 : 760,
+      footer,
+      children: state ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: COLUMNS, children: state }) }) : q.isLoading ? /* @__PURE__ */ jsx(SkeletonRows, { columns: COLUMNS }) : rows.map((e) => /* @__PURE__ */ jsx(EntryRow, { e }, e.entryId))
+    }
+  );
+}
+export {
+  LedgerActivity
+};
+//# sourceMappingURL=ledger-activity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/ledger-activity.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Button,\n  StackedCell,\n  StateView,\n  TableRow,\n  TableShell,\n  Th,\n} from '@withpotter/ui-kit';\nimport type { LedgerEntry } 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 { when } from './format';\nimport { directionLabel, ledgerErrorText } from './ledger';\nimport { useLedgerActivity } from './use-ledger';\nimport styles from './ledger.module.css';\n\nconst COLUMNS = 5;\n\nfunction EntryRow({ e }: { e: LedgerEntry }) {\n  const signed = `${e.direction === 'DEBIT' ? '-' : ''}${e.amountMinor}`;\n\n  return (\n    <TableRow>\n      <td className={`${list.nowrap} ${list.muted}`}>{when(e.effectiveAt)}</td>\n      <td>\n        <StackedCell\n          value={e.description || 'No description'}\n          sub={e.postingRule ?? undefined}\n        />\n      </td>\n      <td className={`${list.nowrap} ${list.muted}`}>\n        {e.paymentReference ?? <span className={list.dash}>–</span>}\n      </td>\n      <td className={list.nowrap}>{directionLabel(e.direction)}</td>\n      <td className={list.num}>{formatMinor(signed, e.currency)}</td>\n    </TableRow>\n  );\n}\n\n/** The wallet's entries, newest first, fifty at a time. */\nexport function LedgerActivity({\n  tenantId,\n  currency = '',\n}: {\n  tenantId: string;\n  /**\n   * The currency filter's choice. The activity route pages through every\n   * currency at once and takes no currency, so this narrows the entries\n   * already loaded; \"Load more\" reaches further back.\n   */\n  currency?: string;\n}) {\n  const q = useLedgerActivity(tenantId);\n  const loaded = q.data?.pages.flat() ?? [];\n  const rows = byCurrency(loaded, currency, (e) => e.currency);\n\n  const head = (\n    <tr>\n      <Th>When</Th>\n      <Th>Description</Th>\n      <Th>Payment</Th>\n      <Th>Direction</Th>\n      <Th align=\"right\">Amount</Th>\n    </tr>\n  );\n\n  const state = q.isError ? (\n    <StateView\n      kind=\"error\"\n      compact\n      title=\"Activity did not load\"\n      description={ledgerErrorText(q.error, 'activity')}\n      action={{ label: 'Retry', onClick: () => void q.refetch() }}\n    />\n  ) : !q.isLoading && loaded.length === 0 ? (\n    <StateView kind=\"empty\" compact title=\"No entries yet\" />\n  ) : !q.isLoading && rows.length === 0 ? (\n    <StateView\n      kind=\"empty\"\n      compact\n      title={`No ${currency} entries in the newest ${loaded.length}`}\n      description={\n        q.hasNextPage ? 'Load more to look further back.' : undefined\n      }\n    />\n  ) : null;\n\n  const footer = q.hasNextPage ? (\n    <div className={styles.more}>\n      <Button\n        variant=\"secondary\"\n        loading={q.isFetchingNextPage}\n        onClick={() => void q.fetchNextPage()}\n      >\n        Load more\n      </Button>\n    </div>\n  ) : undefined;\n\n  return (\n    <TableShell\n      head={state ? null : head}\n      minWidth={state ? 0 : 760}\n      footer={footer}\n    >\n      {state ? (\n        <tr>\n          <td colSpan={COLUMNS}>{state}</td>\n        </tr>\n      ) : q.isLoading ? (\n        <SkeletonRows columns={COLUMNS} />\n      ) : (\n        rows.map((e) => <EntryRow key={e.entryId} e={e} />)\n      )}\n    </TableShell>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,32 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card } from "@withpotter/ui-kit";
+import { formatMinor } from "@withpotter/lib/money-minor";
+import { byCurrency } from "../_ui/currency-filter-model";
+import { balanceLines } from "./ledger";
+import styles from "./ledger.module.css";
+function LedgerBalances({
+  wallet,
+  currency = ""
+}) {
+  const balances = byCurrency(wallet.balances, currency, (b) => b.currency);
+  if (wallet.balances.length === 0)
+    return /* @__PURE__ */ jsx("p", { className: styles.quiet, children: "The wallet holds no currency yet." });
+  if (balances.length === 0)
+    return /* @__PURE__ */ jsxs("p", { className: styles.quiet, children: [
+      "The wallet holds no ",
+      currency,
+      " balance."
+    ] });
+  return /* @__PURE__ */ jsx("div", { className: styles.balances, children: balances.map((b) => /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx("h3", { className: styles.currency, children: b.currency }),
+    /* @__PURE__ */ jsx("dl", { className: styles.lines, children: balanceLines(b).map((line) => /* @__PURE__ */ jsxs("div", { className: styles.line, children: [
+      /* @__PURE__ */ jsx("dt", { children: line.label }),
+      /* @__PURE__ */ jsx("dd", { children: formatMinor(line.minor, b.currency) })
+    ] }, line.label)) })
+  ] }, b.currency)) });
+}
+export {
+  LedgerBalances
+};
+//# sourceMappingURL=ledger-balances.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/ledger-balances.tsx"],"sourcesContent":["'use client';\n\nimport { Card } from '@withpotter/ui-kit';\nimport type { LedgerWallet } from '@withpotter/lib/admin-ledger-api';\nimport { formatMinor } from '@withpotter/lib/money-minor';\nimport { byCurrency } from '../_ui/currency-filter-model';\nimport { balanceLines } from './ledger';\nimport styles from './ledger.module.css';\n\n/** What the wallet holds now, one card per currency. */\nexport function LedgerBalances({\n  wallet,\n  currency = '',\n}: {\n  wallet: LedgerWallet;\n  /** The currency filter's choice; '' shows every currency. */\n  currency?: string;\n}) {\n  const balances = byCurrency(wallet.balances, currency, (b) => b.currency);\n\n  if (wallet.balances.length === 0)\n    return <p className={styles.quiet}>The wallet holds no currency yet.</p>;\n\n  if (balances.length === 0)\n    return (\n      <p className={styles.quiet}>The wallet holds no {currency} balance.</p>\n    );\n\n  return (\n    <div className={styles.balances}>\n      {balances.map((b) => (\n        <Card key={b.currency}>\n          <h3 className={styles.currency}>{b.currency}</h3>\n          <dl className={styles.lines}>\n            {balanceLines(b).map((line) => (\n              <div key={line.label} className={styles.line}>\n                <dt>{line.label}</dt>\n                <dd>{formatMinor(line.minor, b.currency)}</dd>\n              </div>\n            ))}\n          </dl>\n        </Card>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";AAqBW,cAIL,YAJK;AAnBX,SAAS,YAAY;AAErB,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,OAAO,YAAY;AAGZ,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,WAAW;AACb,GAIG;AACD,QAAM,WAAW,WAAW,OAAO,UAAU,UAAU,CAAC,MAAM,EAAE,QAAQ;AAExE,MAAI,OAAO,SAAS,WAAW;AAC7B,WAAO,oBAAC,OAAE,WAAW,OAAO,OAAO,+CAAiC;AAEtE,MAAI,SAAS,WAAW;AACtB,WACE,qBAAC,OAAE,WAAW,OAAO,OAAO;AAAA;AAAA,MAAqB;AAAA,MAAS;AAAA,OAAS;AAGvE,SACE,oBAAC,SAAI,WAAW,OAAO,UACpB,mBAAS,IAAI,CAAC,MACb,qBAAC,QACC;AAAA,wBAAC,QAAG,WAAW,OAAO,UAAW,YAAE,UAAS;AAAA,IAC5C,oBAAC,QAAG,WAAW,OAAO,OACnB,uBAAa,CAAC,EAAE,IAAI,CAAC,SACpB,qBAAC,SAAqB,WAAW,OAAO,MACtC;AAAA,0BAAC,QAAI,eAAK,OAAM;AAAA,MAChB,oBAAC,QAAI,sBAAY,KAAK,OAAO,EAAE,QAAQ,GAAE;AAAA,SAFjC,KAAK,KAGf,CACD,GACH;AAAA,OATS,EAAE,QAUb,CACD,GACH;AAEJ;","names":[]}

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

@@ -0,0 +1,62 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Wallet } from "lucide-react";
+import { StateView } from "@withpotter/ui-kit";
+import { Skeleton } from "../_ui";
+import { isNoWallet, ledgerErrorText } from "./ledger";
+import { LedgerActivity } from "./ledger-activity";
+import { LedgerBalances } from "./ledger-balances";
+import { LedgerHolds } from "./ledger-holds";
+import { LedgerStatement } from "./ledger-statement";
+import { MoneySection } from "./money-section";
+import { useLedgerWallet } from "./use-ledger";
+function LedgerBody({
+  tenantId,
+  business,
+  currency = "",
+  onCurrency
+}) {
+  const wallet = useLedgerWallet(tenantId);
+  if (wallet.isLoading) return /* @__PURE__ */ jsx(Skeleton, { height: 120 });
+  if (wallet.isError && isNoWallet(wallet.error))
+    return /* @__PURE__ */ jsx(
+      StateView,
+      {
+        kind: "empty",
+        compact: true,
+        icon: Wallet,
+        title: "This business has no wallet yet.",
+        description: "It is created when the business turns on payments."
+      }
+    );
+  if (wallet.isError || !wallet.data)
+    return /* @__PURE__ */ jsx(
+      StateView,
+      {
+        kind: "error",
+        compact: true,
+        title: "The wallet did not load",
+        description: ledgerErrorText(wallet.error, "wallet"),
+        action: { label: "Retry", onClick: () => void wallet.refetch() }
+      }
+    );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(MoneySection, { title: "Balances", children: /* @__PURE__ */ jsx(LedgerBalances, { wallet: wallet.data, currency }) }),
+    /* @__PURE__ */ jsx(MoneySection, { title: "Recent activity", children: /* @__PURE__ */ jsx(LedgerActivity, { tenantId, currency }) }),
+    /* @__PURE__ */ jsx(MoneySection, { title: "Statement", children: /* @__PURE__ */ jsx(
+      LedgerStatement,
+      {
+        tenantId,
+        business,
+        wallet: wallet.data,
+        currency,
+        onCurrency
+      }
+    ) }),
+    /* @__PURE__ */ jsx(MoneySection, { title: "Active holds", children: /* @__PURE__ */ jsx(LedgerHolds, { tenantId, currency }) })
+  ] });
+}
+export {
+  LedgerBody
+};
+//# sourceMappingURL=ledger-body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/_money/ledger-body.tsx"],"sourcesContent":["'use client';\n\nimport { Wallet } from 'lucide-react';\nimport { StateView } from '@withpotter/ui-kit';\nimport { Skeleton } from '../_ui';\nimport { isNoWallet, ledgerErrorText } from './ledger';\nimport { LedgerActivity } from './ledger-activity';\nimport { LedgerBalances } from './ledger-balances';\nimport { LedgerHolds } from './ledger-holds';\nimport { LedgerStatement } from './ledger-statement';\nimport { MoneySection } from './money-section';\nimport { useLedgerWallet } from './use-ledger';\n\n/**\n * One business's ledger once it is chosen. The wallet read comes first:\n * without a wallet there is nothing else to show, and each part below it\n * loads and fails on its own.\n */\nexport function LedgerBody({\n  tenantId,\n  business,\n  currency = '',\n  onCurrency,\n}: {\n  tenantId: string;\n  business: string;\n  /** The currency filter's choice; '' shows every currency. */\n  currency?: string;\n  onCurrency?: (currency: string) => void;\n}) {\n  const wallet = useLedgerWallet(tenantId);\n\n  if (wallet.isLoading) return <Skeleton height={120} />;\n\n  if (wallet.isError && isNoWallet(wallet.error))\n    return (\n      <StateView\n        kind=\"empty\"\n        compact\n        icon={Wallet}\n        title=\"This business has no wallet yet.\"\n        description=\"It is created when the business turns on payments.\"\n      />\n    );\n\n  if (wallet.isError || !wallet.data)\n    return (\n      <StateView\n        kind=\"error\"\n        compact\n        title=\"The wallet did not load\"\n        description={ledgerErrorText(wallet.error, 'wallet')}\n        action={{ label: 'Retry', onClick: () => void wallet.refetch() }}\n      />\n    );\n\n  return (\n    <>\n      <MoneySection title=\"Balances\">\n        <LedgerBalances wallet={wallet.data} currency={currency} />\n      </MoneySection>\n      <MoneySection title=\"Recent activity\">\n        <LedgerActivity tenantId={tenantId} currency={currency} />\n      </MoneySection>\n      <MoneySection title=\"Statement\">\n        <LedgerStatement\n          tenantId={tenantId}\n          business={business}\n          wallet={wallet.data}\n          currency={currency}\n          onCurrency={onCurrency}\n        />\n      </MoneySection>\n      <MoneySection title=\"Active holds\">\n        <LedgerHolds tenantId={tenantId} currency={currency} />\n      </MoneySection>\n    </>\n  );\n}\n"],"mappings":";AAgC+B,SAyB3B,UAzB2B,KAyB3B,YAzB2B;AA9B/B,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,YAAY,uBAAuB;AAC5C,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAOzB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,GAMG;AACD,QAAM,SAAS,gBAAgB,QAAQ;AAEvC,MAAI,OAAO,UAAW,QAAO,oBAAC,YAAS,QAAQ,KAAK;AAEpD,MAAI,OAAO,WAAW,WAAW,OAAO,KAAK;AAC3C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAO;AAAA,QACP,MAAM;AAAA,QACN,OAAM;AAAA,QACN,aAAY;AAAA;AAAA,IACd;AAGJ,MAAI,OAAO,WAAW,CAAC,OAAO;AAC5B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAO;AAAA,QACP,OAAM;AAAA,QACN,aAAa,gBAAgB,OAAO,OAAO,QAAQ;AAAA,QACnD,QAAQ,EAAE,OAAO,SAAS,SAAS,MAAM,KAAK,OAAO,QAAQ,EAAE;AAAA;AAAA,IACjE;AAGJ,SACE,iCACE;AAAA,wBAAC,gBAAa,OAAM,YAClB,8BAAC,kBAAe,QAAQ,OAAO,MAAM,UAAoB,GAC3D;AAAA,IACA,oBAAC,gBAAa,OAAM,mBAClB,8BAAC,kBAAe,UAAoB,UAAoB,GAC1D;AAAA,IACA,oBAAC,gBAAa,OAAM,aAClB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,QAAQ,OAAO;AAAA,QACf;AAAA,QACA;AAAA;AAAA,IACF,GACF;AAAA,IACA,oBAAC,gBAAa,OAAM,gBAClB,8BAAC,eAAY,UAAoB,UAAoB,GACvD;AAAA,KACF;AAEJ;","names":[]}