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

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

@@ -2,6 +2,7 @@
 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";
@@ -24,8 +25,13 @@ function ActionCard({
     ] })
   ] });
 }
+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 });
@@ -34,7 +40,18 @@ function CashPostings() {
     setReviewing(true);
   };
   return /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: 16 }, children: [
-    /* @__PURE__ */ jsxs("div", { className: styles.cashGrid, 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,
         {
@@ -50,14 +67,14 @@ function CashPostings() {
         ActionCard,
         {
           title: "Review by ID",
-          body: "Open a posting by its ID when it is not in the list below.",
+          body: "Open a posting by its ID when it is not in Waiting for approval.",
           cta: "Review by ID",
           hint: perms.approveHint,
           onClick: () => openReview("")
         }
       )
     ] }),
-    /* @__PURE__ */ jsx(WaitingProposals, { onReview: openReview }),
+    show === "waiting" && /* @__PURE__ */ jsx(WaitingProposals, { onReview: openReview }),
     /* @__PURE__ */ jsx(ProposeCashDialog, { open: proposing, onClose: () => setProposing(false) }),
     /* @__PURE__ */ jsx(
       ReviewProposalDialog,

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

@@ -1 +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 { 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\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).\n */\nexport function CashPostings() {\n  const perms = useMoneyPermissions();\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.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 the list below.\"\n          cta=\"Review by ID\"\n          hint={perms.approveHint}\n          onClick={() => openReview('')}\n        />\n      </div>\n      <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":";AA4BM,cAEA,YAFA;AA1BN,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,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;AAMO,SAAS,eAAe;AAC7B,QAAM,QAAQ,oBAAoB;AAClC,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,yBAAC,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,IACA,oBAAC,oBAAiB,UAAU,YAAY;AAAA,IACxC,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":[]}
+{"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

@@ -116,3 +116,13 @@
   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/_shell/nav-config.js

@@ -39,10 +39,10 @@ const NAV_GROUPS = [
     ]
   },
   {
-    label: "Merchants",
+    label: "Workspaces",
     items: [
-      { href: "/admin/tenants", label: "Merchants", icon: Building2 },
-      { href: "/admin/accounts", label: "People", icon: Users },
+      { href: "/admin/tenants", label: "Workspaces", icon: Building2 },
+      { href: "/admin/accounts", label: "User accounts", icon: Users },
       { href: "/admin/sales", label: "Sales", icon: Target, module: "sales" },
       {
         href: "/admin/verification",

package/dist/admin/_shell/nav-config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/_shell/nav-config.ts"],"sourcesContent":["import {\n  LayoutGrid,\n  Building2,\n  Users,\n  ShieldCheck,\n  ScrollText,\n  KeyRound,\n  Coins,\n  MessageSquareText,\n  Headphones,\n  Star,\n  Settings,\n  Target,\n  Gauge,\n  BadgeCheck,\n  Mail,\n  Landmark,\n  ArrowDownToLine,\n  Percent,\n  MonitorSmartphone,\n  Store,\n} from 'lucide-react';\nimport type { AdminModule } from './nav-modules';\n\nexport type NavItem = {\n  href: string;\n  label: string;\n  icon: typeof LayoutGrid;\n  superadmin?: boolean;\n  permission?: string;\n  activeRoutes?: string[];\n  /** Which inbox count to show beside the label. */\n  inbox?: 'support' | 'feedback';\n  /** Listed only when the host has turned this module on. */\n  module?: AdminModule;\n  /** Listed only while this module is off: the entry stands in for a page that module would otherwise carry as a tab. */\n  unlessModule?: AdminModule;\n};\n\nexport type NavGroup = { label: string | null; items: NavItem[] };\n\n/**\n * Pages a host adds to one of the groups below (a new label adds a group;\n * `null` is the top group with Overview). `replace` drops that group's Box\n * items first, so a host can fold a group into one entry of its own.\n */\nexport type NavAddition = {\n  group: string | null;\n  items: NavItem[];\n  replace?: boolean;\n};\n\n/**\n * Second-level tabs shown above the page while inside Product feedback.\n * Product insights is not one: no box serves it.\n */\nexport const PRODUCT_FEEDBACK_NAV: NavItem[] = [\n  { href: '/admin/feedback', label: 'Feedback', icon: MessageSquareText },\n  {\n    href: '/admin/reviews',\n    label: 'Reviews',\n    icon: Star,\n    permission: 'reviews.read',\n    module: 'reviews',\n  },\n];\n\n/**\n * Grouped like a banking control room: the merchant first, then money, then\n * operations, then the platform itself. Same order and words as the Box admin.\n */\nexport const NAV_GROUPS: NavGroup[] = [\n  {\n    label: null,\n    items: [\n      { href: '/admin', label: 'Overview', icon: LayoutGrid },\n      { href: '/admin/revenue', label: 'Revenue', icon: Coins },\n    ],\n  },\n  {\n    label: 'Merchants',\n    items: [\n      { href: '/admin/tenants', label: 'Merchants', icon: Building2 },\n      { href: '/admin/accounts', label: 'People', icon: Users },\n      { href: '/admin/sales', label: 'Sales', icon: Target, module: 'sales' },\n      {\n        href: '/admin/verification',\n        label: 'Verification',\n        icon: BadgeCheck,\n        permission: 'compliance.read',\n        module: 'verification',\n      },\n      {\n        href: '/admin/newsletters',\n        label: 'Newsletters',\n        icon: Mail,\n        permission: 'newsletters.read',\n        module: 'newsletters',\n      },\n    ],\n  },\n  {\n    label: 'Money',\n    items: [\n      {\n        href: '/admin/wallets',\n        label: 'Wallets & ledger',\n        icon: Landmark,\n        module: 'wallets',\n      },\n      {\n        href: '/admin/withdrawals',\n        label: 'Withdrawals',\n        icon: ArrowDownToLine,\n        module: 'withdrawals',\n      },\n      {\n        href: '/admin/pricing',\n        label: 'Pricing',\n        icon: Percent,\n        module: 'pricing',\n      },\n      {\n        href: '/admin/payout-tiers',\n        label: 'Payout tiers',\n        icon: Gauge,\n        permission: 'money.payout_tiers.read',\n      },\n    ],\n  },\n  {\n    label: 'Operations',\n    items: [\n      {\n        href: '/admin/pos',\n        label: 'POS',\n        icon: MonitorSmartphone,\n        permission: 'pos.read',\n        module: 'pos',\n      },\n      {\n        href: '/admin/commerce',\n        label: 'Commerce',\n        icon: Store,\n        module: 'commerce',\n      },\n    ],\n  },\n  {\n    label: 'Inbox',\n    items: [\n      {\n        href: '/admin/support',\n        label: 'Support',\n        icon: Headphones,\n        permission: 'support.read',\n        inbox: 'support',\n        module: 'support',\n      },\n      {\n        href: '/admin/feedback',\n        label: 'Product feedback',\n        icon: MessageSquareText,\n        activeRoutes: PRODUCT_FEEDBACK_NAV.map(({ href }) => href),\n        inbox: 'feedback',\n        module: 'feedback',\n      },\n      {\n        href: '/admin/reviews',\n        label: 'Reviews',\n        icon: Star,\n        permission: 'reviews.read',\n        module: 'reviews',\n        unlessModule: 'feedback',\n      },\n    ],\n  },\n  {\n    label: 'Platform',\n    items: [\n      {\n        href: '/admin/admins',\n        label: 'Admins',\n        icon: ShieldCheck,\n        superadmin: true,\n      },\n      {\n        href: '/admin/roles',\n        label: 'Roles',\n        icon: KeyRound,\n        superadmin: true,\n      },\n      { href: '/admin/audit', label: 'Audit log', icon: ScrollText },\n      {\n        href: '/admin/settings',\n        label: 'Settings',\n        icon: Settings,\n        module: 'settings',\n      },\n    ],\n  },\n];\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/_shell/nav-config.ts"],"sourcesContent":["import {\n  LayoutGrid,\n  Building2,\n  Users,\n  ShieldCheck,\n  ScrollText,\n  KeyRound,\n  Coins,\n  MessageSquareText,\n  Headphones,\n  Star,\n  Settings,\n  Target,\n  Gauge,\n  BadgeCheck,\n  Mail,\n  Landmark,\n  ArrowDownToLine,\n  Percent,\n  MonitorSmartphone,\n  Store,\n} from 'lucide-react';\nimport type { AdminModule } from './nav-modules';\n\nexport type NavItem = {\n  href: string;\n  label: string;\n  icon: typeof LayoutGrid;\n  superadmin?: boolean;\n  permission?: string;\n  activeRoutes?: string[];\n  /** Which inbox count to show beside the label. */\n  inbox?: 'support' | 'feedback';\n  /** Listed only when the host has turned this module on. */\n  module?: AdminModule;\n  /** Listed only while this module is off: the entry stands in for a page that module would otherwise carry as a tab. */\n  unlessModule?: AdminModule;\n};\n\nexport type NavGroup = { label: string | null; items: NavItem[] };\n\n/**\n * Pages a host adds to one of the groups below (a new label adds a group;\n * `null` is the top group with Overview). `replace` drops that group's Box\n * items first, so a host can fold a group into one entry of its own.\n */\nexport type NavAddition = {\n  group: string | null;\n  items: NavItem[];\n  replace?: boolean;\n};\n\n/**\n * Second-level tabs shown above the page while inside Product feedback.\n * Product insights is not one: no box serves it.\n */\nexport const PRODUCT_FEEDBACK_NAV: NavItem[] = [\n  { href: '/admin/feedback', label: 'Feedback', icon: MessageSquareText },\n  {\n    href: '/admin/reviews',\n    label: 'Reviews',\n    icon: Star,\n    permission: 'reviews.read',\n    module: 'reviews',\n  },\n];\n\n/**\n * Grouped like a banking control room: the merchant first, then money, then\n * operations, then the platform itself. Same order and words as the Box admin.\n */\nexport const NAV_GROUPS: NavGroup[] = [\n  {\n    label: null,\n    items: [\n      { href: '/admin', label: 'Overview', icon: LayoutGrid },\n      { href: '/admin/revenue', label: 'Revenue', icon: Coins },\n    ],\n  },\n  {\n    label: 'Workspaces',\n    items: [\n      { href: '/admin/tenants', label: 'Workspaces', icon: Building2 },\n      { href: '/admin/accounts', label: 'User accounts', icon: Users },\n      { href: '/admin/sales', label: 'Sales', icon: Target, module: 'sales' },\n      {\n        href: '/admin/verification',\n        label: 'Verification',\n        icon: BadgeCheck,\n        permission: 'compliance.read',\n        module: 'verification',\n      },\n      {\n        href: '/admin/newsletters',\n        label: 'Newsletters',\n        icon: Mail,\n        permission: 'newsletters.read',\n        module: 'newsletters',\n      },\n    ],\n  },\n  {\n    label: 'Money',\n    items: [\n      {\n        href: '/admin/wallets',\n        label: 'Wallets & ledger',\n        icon: Landmark,\n        module: 'wallets',\n      },\n      {\n        href: '/admin/withdrawals',\n        label: 'Withdrawals',\n        icon: ArrowDownToLine,\n        module: 'withdrawals',\n      },\n      {\n        href: '/admin/pricing',\n        label: 'Pricing',\n        icon: Percent,\n        module: 'pricing',\n      },\n      {\n        href: '/admin/payout-tiers',\n        label: 'Payout tiers',\n        icon: Gauge,\n        permission: 'money.payout_tiers.read',\n      },\n    ],\n  },\n  {\n    label: 'Operations',\n    items: [\n      {\n        href: '/admin/pos',\n        label: 'POS',\n        icon: MonitorSmartphone,\n        permission: 'pos.read',\n        module: 'pos',\n      },\n      {\n        href: '/admin/commerce',\n        label: 'Commerce',\n        icon: Store,\n        module: 'commerce',\n      },\n    ],\n  },\n  {\n    label: 'Inbox',\n    items: [\n      {\n        href: '/admin/support',\n        label: 'Support',\n        icon: Headphones,\n        permission: 'support.read',\n        inbox: 'support',\n        module: 'support',\n      },\n      {\n        href: '/admin/feedback',\n        label: 'Product feedback',\n        icon: MessageSquareText,\n        activeRoutes: PRODUCT_FEEDBACK_NAV.map(({ href }) => href),\n        inbox: 'feedback',\n        module: 'feedback',\n      },\n      {\n        href: '/admin/reviews',\n        label: 'Reviews',\n        icon: Star,\n        permission: 'reviews.read',\n        module: 'reviews',\n        unlessModule: 'feedback',\n      },\n    ],\n  },\n  {\n    label: 'Platform',\n    items: [\n      {\n        href: '/admin/admins',\n        label: 'Admins',\n        icon: ShieldCheck,\n        superadmin: true,\n      },\n      {\n        href: '/admin/roles',\n        label: 'Roles',\n        icon: KeyRound,\n        superadmin: true,\n      },\n      { href: '/admin/audit', label: 'Audit log', icon: ScrollText },\n      {\n        href: '/admin/settings',\n        label: 'Settings',\n        icon: Settings,\n        module: 'settings',\n      },\n    ],\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/admin/_ui/workspace-tab.js

@@ -1,10 +1,20 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
+import { motion, useReducedMotion } from "motion/react";
 const NESTED_TAB_PARAM = "view";
 const InWorkspaceTab = createContext(false);
 function WorkspaceTab({ children }) {
-  return /* @__PURE__ */ jsx(InWorkspaceTab.Provider, { value: true, children });
+  const calm = useReducedMotion();
+  return /* @__PURE__ */ jsx(InWorkspaceTab.Provider, { value: true, children: /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: calm ? false : { opacity: 0, y: 8 },
+      animate: { opacity: 1, y: 0 },
+      transition: { duration: 0.2, ease: [0, 0, 0.2, 1] },
+      children
+    }
+  ) });
 }
 const useInWorkspaceTab = () => useContext(InWorkspaceTab);
 export {

package/dist/admin/_ui/workspace-tab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/_ui/workspace-tab.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, type ReactNode } from 'react';\n\n/** The address parameter tabs inside a workspace tab use, so they never fight the workspace's `?tab=`. */\nexport const NESTED_TAB_PARAM = 'view';\n\nconst InWorkspaceTab = createContext(false);\n\n/**\n * Wraps a page shown as one tab of a workspace (Money, say). Inside it the\n * page's header drops its title, which the tab already shows, and keeps its\n * one line of context and its actions; tabs within the page move to `?view=`.\n */\nexport function WorkspaceTab({ children }: { children: ReactNode }) {\n  return (\n    <InWorkspaceTab.Provider value={true}>{children}</InWorkspaceTab.Provider>\n  );\n}\n\nexport const useInWorkspaceTab = () => useContext(InWorkspaceTab);\n"],"mappings":";AAgBI;AAdJ,SAAS,eAAe,kBAAkC;AAGnD,MAAM,mBAAmB;AAEhC,MAAM,iBAAiB,cAAc,KAAK;AAOnC,SAAS,aAAa,EAAE,SAAS,GAA4B;AAClE,SACE,oBAAC,eAAe,UAAf,EAAwB,OAAO,MAAO,UAAS;AAEpD;AAEO,MAAM,oBAAoB,MAAM,WAAW,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/admin/_ui/workspace-tab.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, type ReactNode } from 'react';\nimport { motion, useReducedMotion } from 'motion/react';\n\n/** The address parameter tabs inside a workspace tab use, so they never fight the workspace's `?tab=`. */\nexport const NESTED_TAB_PARAM = 'view';\n\nconst InWorkspaceTab = createContext(false);\n\n/**\n * Wraps a page shown as one tab of a workspace (Money, say). Inside it the\n * page's header drops its title, which the tab already shows, and keeps its\n * one line of context and its actions; tabs within the page move to `?view=`.\n */\nexport function WorkspaceTab({ children }: { children: ReactNode }) {\n  const calm = useReducedMotion();\n\n  return (\n    <InWorkspaceTab.Provider value={true}>\n      {/* The first paint of a tab eases up and in (200ms), so opening one reads as arriving, not\n          as the page being replaced. Transform and opacity only, and none of it under reduced motion. */}\n      <motion.div\n        initial={calm ? false : { opacity: 0, y: 8 }}\n        animate={{ opacity: 1, y: 0 }}\n        transition={{ duration: 0.2, ease: [0, 0, 0.2, 1] }}\n      >\n        {children}\n      </motion.div>\n    </InWorkspaceTab.Provider>\n  );\n}\n\nexport const useInWorkspaceTab = () => useContext(InWorkspaceTab);\n"],"mappings":";AAsBM;AApBN,SAAS,eAAe,kBAAkC;AAC1D,SAAS,QAAQ,wBAAwB;AAGlC,MAAM,mBAAmB;AAEhC,MAAM,iBAAiB,cAAc,KAAK;AAOnC,SAAS,aAAa,EAAE,SAAS,GAA4B;AAClE,QAAM,OAAO,iBAAiB;AAE9B,SACE,oBAAC,eAAe,UAAf,EAAwB,OAAO,MAG9B;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,SAAS,OAAO,QAAQ,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,MAC3C,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,MAC5B,YAAY,EAAE,UAAU,KAAK,MAAM,CAAC,GAAG,GAAG,KAAK,CAAC,EAAE;AAAA,MAEjD;AAAA;AAAA,EACH,GACF;AAEJ;AAEO,MAAM,oBAAoB,MAAM,WAAW,cAAc;","names":[]}

package/dist/admin/accounts/accounts-workspace.js

@@ -45,8 +45,8 @@ function AccountsWorkspace() {
     /* @__PURE__ */ jsx(
       PageHeader,
       {
-        title: "People",
-        description: `Every person registered on ${ADMIN_NAME}.`,
+        title: "User accounts",
+        description: `Everyone who signs in to ${ADMIN_NAME}, across all workspaces.`,
         actions: tab === "overview" && /* @__PURE__ */ jsx("div", { className: "adm-toolbar", children: /* @__PURE__ */ jsx(
           PeriodSelector,
           {

package/dist/admin/accounts/accounts-workspace.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/accounts/accounts-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo, useState } from 'react';\nimport { ADMIN_NAME } from '../_shell/admin-brand';\nimport {\n  PageHeader,\n  PageTabs,\n  PeriodSelector,\n  customRange,\n  periodPhrase,\n  rangeFromKey,\n  usePersistedDateRange,\n  useTabParam,\n} from '../_ui';\nimport { usePlatformAccountsAnalytics } from '../hooks';\nimport { AccountPanel, type AccountSummary } from './account-panel';\nimport { AccountsAnalytics } from './accounts-analytics';\nimport { AccountsTable } from './accounts-table';\n\nconst TABS = [\n  { id: 'overview', label: 'Overview' },\n  { id: 'all', label: 'All accounts' },\n] as const;\n\nconst KEYS = TABS.map((t) => t.id);\n\n/** People: the period's picture on Overview, every account on its own tab. */\nexport function AccountsWorkspace() {\n  const [tab, setTab] = useTabParam(KEYS);\n  const [selected, setSelected] = useState<AccountSummary | null>(null);\n  const {\n    rangeKey,\n    setRangeKey,\n    customStart,\n    customEnd,\n    onCustomChange,\n    compare,\n  } = usePersistedDateRange();\n  const range = useMemo(\n    () =>\n      rangeKey === 'custom'\n        ? customRange(customStart, customEnd)\n        : rangeFromKey(rangeKey),\n    [rangeKey, customStart, customEnd],\n  );\n  const analytics = usePlatformAccountsAnalytics({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n  const span = periodPhrase(range);\n\n  return (\n    <div>\n      <PageHeader\n        title=\"People\"\n        description={`Every person registered on ${ADMIN_NAME}.`}\n        actions={\n          tab === 'overview' && (\n            <div className=\"adm-toolbar\">\n              <PeriodSelector\n                value={rangeKey}\n                onChange={setRangeKey}\n                customStart={customStart}\n                customEnd={customEnd}\n                onCustomChange={onCustomChange}\n              />\n            </div>\n          )\n        }\n      />\n      <PageTabs tabs={TABS} active={tab} onChange={setTab} />\n\n      {tab === 'overview' && (\n        <>\n          <AccountsAnalytics\n            data={analytics.data}\n            isLoading={analytics.isLoading}\n            isError={analytics.isError}\n            onRetry={() => void analytics.refetch()}\n            caption={`${span[0].toUpperCase()}${span.slice(1)}`}\n            span={span}\n            compare={compare}\n            onSelectAccount={setSelected}\n          />\n          <AccountPanel account={selected} onClose={() => setSelected(null)} />\n        </>\n      )}\n\n      {tab === 'all' && (\n        <AccountsTable selected={selected} onSelect={setSelected} />\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA2Dc,SAcN,UAdM,KAcN,YAdM;AAzDd,SAAS,SAAS,gBAAgB;AAClC,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oCAAoC;AAC7C,SAAS,oBAAyC;AAClD,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAE9B,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,YAAY,OAAO,WAAW;AAAA,EACpC,EAAE,IAAI,OAAO,OAAO,eAAe;AACrC;AAEA,MAAM,OAAO,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE;AAG1B,SAAS,oBAAoB;AAClC,QAAM,CAAC,KAAK,MAAM,IAAI,YAAY,IAAI;AACtC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAgC,IAAI;AACpE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,sBAAsB;AAC1B,QAAM,QAAQ;AAAA,IACZ,MACE,aAAa,WACT,YAAY,aAAa,SAAS,IAClC,aAAa,QAAQ;AAAA,IAC3B,CAAC,UAAU,aAAa,SAAS;AAAA,EACnC;AACA,QAAM,YAAY,6BAA6B;AAAA,IAC7C,WAAW,MAAM;AAAA,IACjB,SAAS,MAAM;AAAA,EACjB,CAAC;AACD,QAAM,OAAO,aAAa,KAAK;AAE/B,SACE,qBAAC,SACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAa,8BAA8B,UAAU;AAAA,QACrD,SACE,QAAQ,cACN,oBAAC,SAAI,WAAU,eACb;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA;AAAA,IAGN;AAAA,IACA,oBAAC,YAAS,MAAM,MAAM,QAAQ,KAAK,UAAU,QAAQ;AAAA,IAEpD,QAAQ,cACP,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,UAAU;AAAA,UAChB,WAAW,UAAU;AAAA,UACrB,SAAS,UAAU;AAAA,UACnB,SAAS,MAAM,KAAK,UAAU,QAAQ;AAAA,UACtC,SAAS,GAAG,KAAK,CAAC,EAAE,YAAY,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC;AAAA,UACjD;AAAA,UACA;AAAA,UACA,iBAAiB;AAAA;AAAA,MACnB;AAAA,MACA,oBAAC,gBAAa,SAAS,UAAU,SAAS,MAAM,YAAY,IAAI,GAAG;AAAA,OACrE;AAAA,IAGD,QAAQ,SACP,oBAAC,iBAAc,UAAoB,UAAU,aAAa;AAAA,KAE9D;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/accounts/accounts-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo, useState } from 'react';\nimport { ADMIN_NAME } from '../_shell/admin-brand';\nimport {\n  PageHeader,\n  PageTabs,\n  PeriodSelector,\n  customRange,\n  periodPhrase,\n  rangeFromKey,\n  usePersistedDateRange,\n  useTabParam,\n} from '../_ui';\nimport { usePlatformAccountsAnalytics } from '../hooks';\nimport { AccountPanel, type AccountSummary } from './account-panel';\nimport { AccountsAnalytics } from './accounts-analytics';\nimport { AccountsTable } from './accounts-table';\n\nconst TABS = [\n  { id: 'overview', label: 'Overview' },\n  { id: 'all', label: 'All accounts' },\n] as const;\n\nconst KEYS = TABS.map((t) => t.id);\n\n/** People: the period's picture on Overview, every account on its own tab. */\nexport function AccountsWorkspace() {\n  const [tab, setTab] = useTabParam(KEYS);\n  const [selected, setSelected] = useState<AccountSummary | null>(null);\n  const {\n    rangeKey,\n    setRangeKey,\n    customStart,\n    customEnd,\n    onCustomChange,\n    compare,\n  } = usePersistedDateRange();\n  const range = useMemo(\n    () =>\n      rangeKey === 'custom'\n        ? customRange(customStart, customEnd)\n        : rangeFromKey(rangeKey),\n    [rangeKey, customStart, customEnd],\n  );\n  const analytics = usePlatformAccountsAnalytics({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n  const span = periodPhrase(range);\n\n  return (\n    <div>\n      <PageHeader\n        title=\"User accounts\"\n        description={`Everyone who signs in to ${ADMIN_NAME}, across all workspaces.`}\n        actions={\n          tab === 'overview' && (\n            <div className=\"adm-toolbar\">\n              <PeriodSelector\n                value={rangeKey}\n                onChange={setRangeKey}\n                customStart={customStart}\n                customEnd={customEnd}\n                onCustomChange={onCustomChange}\n              />\n            </div>\n          )\n        }\n      />\n      <PageTabs tabs={TABS} active={tab} onChange={setTab} />\n\n      {tab === 'overview' && (\n        <>\n          <AccountsAnalytics\n            data={analytics.data}\n            isLoading={analytics.isLoading}\n            isError={analytics.isError}\n            onRetry={() => void analytics.refetch()}\n            caption={`${span[0].toUpperCase()}${span.slice(1)}`}\n            span={span}\n            compare={compare}\n            onSelectAccount={setSelected}\n          />\n          <AccountPanel account={selected} onClose={() => setSelected(null)} />\n        </>\n      )}\n\n      {tab === 'all' && (\n        <AccountsTable selected={selected} onSelect={setSelected} />\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA2Dc,SAcN,UAdM,KAcN,YAdM;AAzDd,SAAS,SAAS,gBAAgB;AAClC,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oCAAoC;AAC7C,SAAS,oBAAyC;AAClD,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAE9B,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,YAAY,OAAO,WAAW;AAAA,EACpC,EAAE,IAAI,OAAO,OAAO,eAAe;AACrC;AAEA,MAAM,OAAO,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE;AAG1B,SAAS,oBAAoB;AAClC,QAAM,CAAC,KAAK,MAAM,IAAI,YAAY,IAAI;AACtC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAgC,IAAI;AACpE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,sBAAsB;AAC1B,QAAM,QAAQ;AAAA,IACZ,MACE,aAAa,WACT,YAAY,aAAa,SAAS,IAClC,aAAa,QAAQ;AAAA,IAC3B,CAAC,UAAU,aAAa,SAAS;AAAA,EACnC;AACA,QAAM,YAAY,6BAA6B;AAAA,IAC7C,WAAW,MAAM;AAAA,IACjB,SAAS,MAAM;AAAA,EACjB,CAAC;AACD,QAAM,OAAO,aAAa,KAAK;AAE/B,SACE,qBAAC,SACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAa,4BAA4B,UAAU;AAAA,QACnD,SACE,QAAQ,cACN,oBAAC,SAAI,WAAU,eACb;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA;AAAA,IAGN;AAAA,IACA,oBAAC,YAAS,MAAM,MAAM,QAAQ,KAAK,UAAU,QAAQ;AAAA,IAEpD,QAAQ,cACP,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,UAAU;AAAA,UAChB,WAAW,UAAU;AAAA,UACrB,SAAS,UAAU;AAAA,UACnB,SAAS,MAAM,KAAK,UAAU,QAAQ;AAAA,UACtC,SAAS,GAAG,KAAK,CAAC,EAAE,YAAY,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC;AAAA,UACjD;AAAA,UACA;AAAA,UACA,iBAAiB;AAAA;AAAA,MACnB;AAAA,MACA,oBAAC,gBAAa,SAAS,UAAU,SAAS,MAAM,YAAY,IAAI,GAAG;AAAA,OACrE;AAAA,IAGD,QAAQ,SACP,oBAAC,iBAAc,UAAoB,UAAU,aAAa;AAAA,KAE9D;AAEJ;","names":[]}

package/dist/admin/payout-tiers/tiers-table.js

@@ -48,27 +48,51 @@ function TiersTable({
     remove.reset();
   }
   const columns = [
-    { key: "label", header: "Tier", render: (t) => `${t.label} (${t.key})` },
-    { key: "currency", header: "Currency", render: (t) => t.currency },
-    { key: "position", header: "Position", render: (t) => t.position },
     {
-      key: "limits",
-      header: "Per transfer \xB7 daily \xB7 monthly",
-      render: (t) => [
-        `${formatMinor(t.minimumMinor, t.currency)}\u2013${formatMinor(t.maximumMinor, t.currency)}`,
-        formatMinor(t.dailyMaximumMinor, t.currency),
-        t.monthlyMaximumMinor ? formatMinor(t.monthlyMaximumMinor, t.currency) : "no cap"
-      ].join(" \xB7 ")
+      key: "label",
+      header: "Tier",
+      render: (t) => /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsx("span", { style: { fontWeight: 500 }, children: t.label }),
+        !t.enabled && /* @__PURE__ */ jsx("span", { style: { ...TAG, marginLeft: 8 }, children: "Disabled" }),
+        /* @__PURE__ */ jsxs(
+          "span",
+          {
+            style: {
+              display: "block",
+              fontSize: 12,
+              color: "var(--text-tertiary)",
+              fontFamily: "var(--font-mono, monospace)"
+            },
+            children: [
+              t.key,
+              " \xB7 ",
+              t.currency,
+              " \xB7 position ",
+              t.position
+            ]
+          }
+        )
+      ] })
     },
     {
       key: "requirements",
-      header: "Requires",
-      render: (t) => t.requirements.length === 0 ? "Nothing" : /* @__PURE__ */ jsx("span", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: t.requirements.map((r) => /* @__PURE__ */ jsx("span", { style: TAG, children: r }, r)) })
+      header: "Needs",
+      render: (t) => t.requirements.length === 0 ? "\u2013" : /* @__PURE__ */ jsx("span", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: t.requirements.map((r) => /* @__PURE__ */ jsx("span", { style: TAG, children: r }, r)) })
+    },
+    {
+      key: "transfer",
+      header: "Per transfer",
+      render: (t) => `${formatMinor(t.minimumMinor, t.currency)} to ${formatMinor(t.maximumMinor, t.currency)}`
+    },
+    {
+      key: "daily",
+      header: "Per day",
+      render: (t) => formatMinor(t.dailyMaximumMinor, t.currency)
     },
     {
-      key: "enabled",
-      header: "Status",
-      render: (t) => t.enabled ? "Enabled" : "Disabled"
+      key: "monthly",
+      header: "Per month",
+      render: (t) => t.monthlyMaximumMinor ? formatMinor(t.monthlyMaximumMinor, t.currency) : "No cap"
     },
     {
       key: "actions",
@@ -105,7 +129,7 @@ function TiersTable({
         getRowKey: (t) => t.id,
         isLoading,
         isError,
-        emptyTitle: currency && data?.length ? `No ${currency} tiers` : "No tiers yet",
+        emptyTitle: currency && data?.length ? `No ${currency} levels` : "No levels yet",
         emptyDescription: `With no tier, every business resolves to verification required${currency ? ` in ${currency}` : ""}.`
       }
     ),

package/dist/admin/payout-tiers/tiers-table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/payout-tiers/tiers-table.tsx"],"sourcesContent":["'use client';\n\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\nimport { Banner } from '@withpotter/ui-kit/banner';\nimport { useConfirm } from '@withpotter/ui-kit/confirm-dialog';\nimport { formatMinor } from '@withpotter/lib/money-minor';\nimport {\n  adminMoneyApi,\n  type PayoutTier,\n  type PayoutTierInput,\n} from '@withpotter/lib/admin-money-api';\nimport {\n  DataTable,\n  byCurrency,\n  rowBtn,\n  dangerRowBtn,\n  type Column,\n} from '../_ui';\nimport { TierDialog } from './_tier-dialog';\nimport { TIERS_KEY, useTiers } from './use-tiers';\n\nconst TAG = {\n  padding: '2px 8px',\n  borderRadius: 999,\n  border: '1px solid var(--border-default)',\n  fontSize: 12,\n  color: 'var(--text-secondary)',\n} as const;\n\ntype Editing = PayoutTier | 'new' | null;\n\n/** The tiers, with edit and remove on each row and the tier dialog. */\nexport function TiersTable({\n  editing,\n  onEdit,\n  currency = '',\n}: {\n  editing: Editing;\n  onEdit: (next: Editing) => void;\n  /** The currency filter's choice; '' lists every currency. */\n  currency?: string;\n}) {\n  const qc = useQueryClient();\n  const confirm = useConfirm();\n  const { data, isLoading, isError } = useTiers();\n\n  const refresh = () => qc.invalidateQueries({ queryKey: TIERS_KEY });\n  const save = useMutation({\n    mutationFn: (body: PayoutTierInput) =>\n      editing && editing !== 'new'\n        ? adminMoneyApi.updateTier(editing.id, body)\n        : adminMoneyApi.createTier(body),\n    onSuccess: () => {\n      close();\n      refresh();\n    },\n  });\n  const remove = useMutation({\n    mutationFn: (id: string) => adminMoneyApi.removeTier(id),\n    onSuccess: refresh,\n  });\n  // Closing the dialog clears both errors, as opening a fresh one should.\n  function close() {\n    onEdit(null);\n    save.reset();\n    remove.reset();\n  }\n\n  const columns: Column<PayoutTier>[] = [\n    { key: 'label', header: 'Tier', render: (t) => `${t.label} (${t.key})` },\n    { key: 'currency', header: 'Currency', render: (t) => t.currency },\n    { key: 'position', header: 'Position', render: (t) => t.position },\n    {\n      key: 'limits',\n      header: 'Per transfer · daily · monthly',\n      render: (t) =>\n        [\n          `${formatMinor(t.minimumMinor, t.currency)}–${formatMinor(t.maximumMinor, t.currency)}`,\n          formatMinor(t.dailyMaximumMinor, t.currency),\n          t.monthlyMaximumMinor\n            ? formatMinor(t.monthlyMaximumMinor, t.currency)\n            : 'no cap',\n        ].join(' · '),\n    },\n    {\n      key: 'requirements',\n      header: 'Requires',\n      render: (t) =>\n        t.requirements.length === 0 ? (\n          'Nothing'\n        ) : (\n          <span style={{ display: 'flex', flexWrap: 'wrap', gap: 4 }}>\n            {t.requirements.map((r) => (\n              <span key={r} style={TAG}>\n                {r}\n              </span>\n            ))}\n          </span>\n        ),\n    },\n    {\n      key: 'enabled',\n      header: 'Status',\n      render: (t) => (t.enabled ? 'Enabled' : 'Disabled'),\n    },\n    {\n      key: 'actions',\n      header: '',\n      render: (t) => (\n        <span style={{ display: 'flex', gap: 6 }}>\n          <button type=\"button\" style={rowBtn} onClick={() => onEdit(t)}>\n            Edit\n          </button>\n          <button\n            type=\"button\"\n            style={dangerRowBtn}\n            onClick={async () => {\n              const ok = await confirm({\n                title: `Remove ${t.label}?`,\n                description:\n                  'Businesses on this tier fall back to the next tier they qualify for.',\n                confirmLabel: 'Remove',\n                tone: 'danger',\n              });\n              if (ok) remove.mutate(t.id);\n            }}\n          >\n            Remove\n          </button>\n        </span>\n      ),\n    },\n  ];\n\n  return (\n    <>\n      {remove.error && !editing && (\n        <Banner tone=\"error\">{remove.error.message}</Banner>\n      )}\n      <DataTable\n        columns={columns}\n        rows={data && byCurrency(data, currency, (t) => t.currency)}\n        getRowKey={(t) => t.id}\n        isLoading={isLoading}\n        isError={isError}\n        emptyTitle={\n          currency && data?.length ? `No ${currency} tiers` : 'No tiers yet'\n        }\n        emptyDescription={`With no tier, every business resolves to verification required${currency ? ` in ${currency}` : ''}.`}\n      />\n      {editing && (\n        <TierDialog\n          tier={editing === 'new' ? null : editing}\n          saving={save.isPending}\n          error={save.error?.message ?? null}\n          onSave={(b) => save.mutate(b)}\n          onClose={close}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/payout-tiers/tiers-table.tsx"],"sourcesContent":["'use client';\n\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\nimport { Banner } from '@withpotter/ui-kit/banner';\nimport { useConfirm } from '@withpotter/ui-kit/confirm-dialog';\nimport { formatMinor } from '@withpotter/lib/money-minor';\nimport {\n  adminMoneyApi,\n  type PayoutTier,\n  type PayoutTierInput,\n} from '@withpotter/lib/admin-money-api';\nimport {\n  DataTable,\n  byCurrency,\n  rowBtn,\n  dangerRowBtn,\n  type Column,\n} from '../_ui';\nimport { TierDialog } from './_tier-dialog';\nimport { TIERS_KEY, useTiers } from './use-tiers';\n\nconst TAG = {\n  padding: '2px 8px',\n  borderRadius: 999,\n  border: '1px solid var(--border-default)',\n  fontSize: 12,\n  color: 'var(--text-secondary)',\n} as const;\n\ntype Editing = PayoutTier | 'new' | null;\n\n/** The tiers, with edit and remove on each row and the tier dialog. */\nexport function TiersTable({\n  editing,\n  onEdit,\n  currency = '',\n}: {\n  editing: Editing;\n  onEdit: (next: Editing) => void;\n  /** The currency filter's choice; '' lists every currency. */\n  currency?: string;\n}) {\n  const qc = useQueryClient();\n  const confirm = useConfirm();\n  const { data, isLoading, isError } = useTiers();\n\n  const refresh = () => qc.invalidateQueries({ queryKey: TIERS_KEY });\n  const save = useMutation({\n    mutationFn: (body: PayoutTierInput) =>\n      editing && editing !== 'new'\n        ? adminMoneyApi.updateTier(editing.id, body)\n        : adminMoneyApi.createTier(body),\n    onSuccess: () => {\n      close();\n      refresh();\n    },\n  });\n  const remove = useMutation({\n    mutationFn: (id: string) => adminMoneyApi.removeTier(id),\n    onSuccess: refresh,\n  });\n  // Closing the dialog clears both errors, as opening a fresh one should.\n  function close() {\n    onEdit(null);\n    save.reset();\n    remove.reset();\n  }\n\n  const columns: Column<PayoutTier>[] = [\n    {\n      key: 'label',\n      header: 'Tier',\n      render: (t) => (\n        <span>\n          <span style={{ fontWeight: 500 }}>{t.label}</span>\n          {!t.enabled && (\n            <span style={{ ...TAG, marginLeft: 8 }}>Disabled</span>\n          )}\n          <span\n            style={{\n              display: 'block',\n              fontSize: 12,\n              color: 'var(--text-tertiary)',\n              fontFamily: 'var(--font-mono, monospace)',\n            }}\n          >\n            {t.key} · {t.currency} · position {t.position}\n          </span>\n        </span>\n      ),\n    },\n    {\n      key: 'requirements',\n      header: 'Needs',\n      render: (t) =>\n        t.requirements.length === 0 ? (\n          '–'\n        ) : (\n          <span style={{ display: 'flex', flexWrap: 'wrap', gap: 4 }}>\n            {t.requirements.map((r) => (\n              <span key={r} style={TAG}>\n                {r}\n              </span>\n            ))}\n          </span>\n        ),\n    },\n    {\n      key: 'transfer',\n      header: 'Per transfer',\n      render: (t) =>\n        `${formatMinor(t.minimumMinor, t.currency)} to ${formatMinor(t.maximumMinor, t.currency)}`,\n    },\n    {\n      key: 'daily',\n      header: 'Per day',\n      render: (t) => formatMinor(t.dailyMaximumMinor, t.currency),\n    },\n    {\n      key: 'monthly',\n      header: 'Per month',\n      render: (t) =>\n        t.monthlyMaximumMinor\n          ? formatMinor(t.monthlyMaximumMinor, t.currency)\n          : 'No cap',\n    },\n    {\n      key: 'actions',\n      header: '',\n      render: (t) => (\n        <span style={{ display: 'flex', gap: 6 }}>\n          <button type=\"button\" style={rowBtn} onClick={() => onEdit(t)}>\n            Edit\n          </button>\n          <button\n            type=\"button\"\n            style={dangerRowBtn}\n            onClick={async () => {\n              const ok = await confirm({\n                title: `Remove ${t.label}?`,\n                description:\n                  'Businesses on this tier fall back to the next tier they qualify for.',\n                confirmLabel: 'Remove',\n                tone: 'danger',\n              });\n              if (ok) remove.mutate(t.id);\n            }}\n          >\n            Remove\n          </button>\n        </span>\n      ),\n    },\n  ];\n\n  return (\n    <>\n      {remove.error && !editing && (\n        <Banner tone=\"error\">{remove.error.message}</Banner>\n      )}\n      <DataTable\n        columns={columns}\n        rows={data && byCurrency(data, currency, (t) => t.currency)}\n        getRowKey={(t) => t.id}\n        isLoading={isLoading}\n        isError={isError}\n        emptyTitle={\n          currency && data?.length ? `No ${currency} levels` : 'No levels yet'\n        }\n        emptyDescription={`With no tier, every business resolves to verification required${currency ? ` in ${currency}` : ''}.`}\n      />\n      {editing && (\n        <TierDialog\n          tier={editing === 'new' ? null : editing}\n          saving={save.isPending}\n          error={save.error?.message ?? null}\n          onSave={(b) => save.mutate(b)}\n          onClose={close}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/payout-tiers/tiers-workspace.js

@@ -4,22 +4,16 @@ import { useState } from "react";
 import { Button } from "@withpotter/ui-kit/button";
 import {
   CurrencyFilter,
+  Drawer,
   PageHeader,
-  PageTabs,
   currenciesIn,
-  useCurrencyParam,
-  useTabParam
+  useCurrencyParam
 } from "../_ui";
 import { TierPreviewTab } from "./tier-preview-tab";
 import { TiersTable } from "./tiers-table";
 import { useTiers } from "./use-tiers";
-const TABS = [
-  { id: "tiers", label: "Tiers" },
-  { id: "preview", label: "Preview a business" }
-];
-const KEYS = TABS.map((t) => t.id);
 function TiersWorkspace() {
-  const [tab, setTab] = useTabParam(KEYS);
+  const [previewing, setPreviewing] = useState(false);
   const [editing, setEditing] = useState(null);
   const [currency, setCurrency] = useCurrencyParam();
   const tiers = useTiers();
@@ -27,9 +21,9 @@ function TiersWorkspace() {
     /* @__PURE__ */ jsx(
       PageHeader,
       {
-        title: "Payout tiers",
+        title: "Payout limits",
         description: "Per-currency limits by verification level.",
-        actions: tab === "tiers" ? /* @__PURE__ */ jsxs("div", { className: "adm-toolbar", children: [
+        actions: /* @__PURE__ */ jsxs("div", { className: "adm-toolbar", children: [
           /* @__PURE__ */ jsx(
             CurrencyFilter,
             {
@@ -38,13 +32,22 @@ function TiersWorkspace() {
               currencies: currenciesIn(tiers.data?.map((t) => t.currency))
             }
           ),
-          /* @__PURE__ */ jsx(Button, { onClick: () => setEditing("new"), children: "New tier" })
-        ] }) : void 0
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setPreviewing(true), children: "Preview a business" }),
+          /* @__PURE__ */ jsx(Button, { onClick: () => setEditing("new"), children: "New level" })
+        ] })
       }
     ),
-    /* @__PURE__ */ jsx(PageTabs, { tabs: TABS, active: tab, onChange: setTab }),
-    tab === "tiers" && /* @__PURE__ */ jsx(TiersTable, { editing, onEdit: setEditing, currency }),
-    tab === "preview" && /* @__PURE__ */ jsx(TierPreviewTab, {})
+    /* @__PURE__ */ jsx(TiersTable, { editing, onEdit: setEditing, currency }),
+    /* @__PURE__ */ jsx(
+      Drawer,
+      {
+        open: previewing,
+        onClose: () => setPreviewing(false),
+        title: "Preview a business",
+        subtitle: "Which level this business lands on today, and what it is missing.",
+        children: /* @__PURE__ */ jsx(TierPreviewTab, {})
+      }
+    )
   ] });
 }
 export {

package/dist/admin/payout-tiers/tiers-workspace.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/payout-tiers/tiers-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Button } from '@withpotter/ui-kit/button';\nimport type { PayoutTier } from '@withpotter/lib/admin-money-api';\nimport {\n  CurrencyFilter,\n  PageHeader,\n  PageTabs,\n  currenciesIn,\n  useCurrencyParam,\n  useTabParam,\n} from '../_ui';\nimport { TierPreviewTab } from './tier-preview-tab';\nimport { TiersTable } from './tiers-table';\nimport { useTiers } from './use-tiers';\n\nconst TABS = [\n  { id: 'tiers', label: 'Tiers' },\n  { id: 'preview', label: 'Preview a business' },\n] as const;\n\nconst KEYS = TABS.map((t) => t.id);\n\n/**\n * How much a business may send out, by how far it is verified.\n *\n * This is configuration, not approved policy: nothing is seeded, and with no\n * tier a business resolves to \"verification required\". The preview tab\n * answers the question an admin actually asks: which tier would THIS\n * business get today, and what is it missing?\n */\nexport function TiersWorkspace() {\n  const [tab, setTab] = useTabParam(KEYS);\n  const [editing, setEditing] = useState<PayoutTier | 'new' | null>(null);\n  const [currency, setCurrency] = useCurrencyParam();\n  const tiers = useTiers();\n\n  return (\n    <>\n      <PageHeader\n        title=\"Payout tiers\"\n        description=\"Per-currency limits by verification level.\"\n        actions={\n          tab === 'tiers' ? (\n            <div className=\"adm-toolbar\">\n              <CurrencyFilter\n                value={currency}\n                onChange={setCurrency}\n                currencies={currenciesIn(tiers.data?.map((t) => t.currency))}\n              />\n              <Button onClick={() => setEditing('new')}>New tier</Button>\n            </div>\n          ) : undefined\n        }\n      />\n      <PageTabs tabs={TABS} active={tab} onChange={setTab} />\n      {tab === 'tiers' && (\n        <TiersTable editing={editing} onEdit={setEditing} currency={currency} />\n      )}\n      {tab === 'preview' && <TierPreviewTab />}\n    </>\n  );\n}\n"],"mappings":";AAuCI,mBAOU,KADF,YANR;AArCJ,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AAEzB,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,SAAS,OAAO,QAAQ;AAAA,EAC9B,EAAE,IAAI,WAAW,OAAO,qBAAqB;AAC/C;AAEA,MAAM,OAAO,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE;AAU1B,SAAS,iBAAiB;AAC/B,QAAM,CAAC,KAAK,MAAM,IAAI,YAAY,IAAI;AACtC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAoC,IAAI;AACtE,QAAM,CAAC,UAAU,WAAW,IAAI,iBAAiB;AACjD,QAAM,QAAQ,SAAS;AAEvB,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SACE,QAAQ,UACN,qBAAC,SAAI,WAAU,eACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU;AAAA,cACV,YAAY,aAAa,MAAM,MAAM,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC;AAAA;AAAA,UAC7D;AAAA,UACA,oBAAC,UAAO,SAAS,MAAM,WAAW,KAAK,GAAG,sBAAQ;AAAA,WACpD,IACE;AAAA;AAAA,IAER;AAAA,IACA,oBAAC,YAAS,MAAM,MAAM,QAAQ,KAAK,UAAU,QAAQ;AAAA,IACpD,QAAQ,WACP,oBAAC,cAAW,SAAkB,QAAQ,YAAY,UAAoB;AAAA,IAEvE,QAAQ,aAAa,oBAAC,kBAAe;AAAA,KACxC;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/payout-tiers/tiers-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Button } from '@withpotter/ui-kit/button';\nimport type { PayoutTier } from '@withpotter/lib/admin-money-api';\nimport {\n  CurrencyFilter,\n  Drawer,\n  PageHeader,\n  currenciesIn,\n  useCurrencyParam,\n} from '../_ui';\nimport { TierPreviewTab } from './tier-preview-tab';\nimport { TiersTable } from './tiers-table';\nimport { useTiers } from './use-tiers';\n\n/**\n * How much a business may send out, by how far it is verified.\n *\n * This is configuration, not approved policy: nothing is seeded, and with no\n * tier a business resolves to \"verification required\". The preview tab\n * answers the question an admin actually asks: which tier would THIS\n * business get today, and what is it missing?\n */\nexport function TiersWorkspace() {\n  const [previewing, setPreviewing] = useState(false);\n  const [editing, setEditing] = useState<PayoutTier | 'new' | null>(null);\n  const [currency, setCurrency] = useCurrencyParam();\n  const tiers = useTiers();\n\n  return (\n    <>\n      <PageHeader\n        title=\"Payout limits\"\n        description=\"Per-currency limits by verification level.\"\n        actions={\n          <div className=\"adm-toolbar\">\n            <CurrencyFilter\n              value={currency}\n              onChange={setCurrency}\n              currencies={currenciesIn(tiers.data?.map((t) => t.currency))}\n            />\n            <Button variant=\"secondary\" onClick={() => setPreviewing(true)}>\n              Preview a business\n            </Button>\n            <Button onClick={() => setEditing('new')}>New level</Button>\n          </div>\n        }\n      />\n      <TiersTable editing={editing} onEdit={setEditing} currency={currency} />\n      <Drawer\n        open={previewing}\n        onClose={() => setPreviewing(false)}\n        title=\"Preview a business\"\n        subtitle=\"Which level this business lands on today, and what it is missing.\"\n      >\n        <TierPreviewTab />\n      </Drawer>\n    </>\n  );\n}\n"],"mappings":";AA+BI,mBAMQ,KADF,YALN;AA7BJ,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AAUlB,SAAS,iBAAiB;AAC/B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAoC,IAAI;AACtE,QAAM,CAAC,UAAU,WAAW,IAAI,iBAAiB;AACjD,QAAM,QAAQ,SAAS;AAEvB,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SACE,qBAAC,SAAI,WAAU,eACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU;AAAA,cACV,YAAY,aAAa,MAAM,MAAM,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC;AAAA;AAAA,UAC7D;AAAA,UACA,oBAAC,UAAO,SAAQ,aAAY,SAAS,MAAM,cAAc,IAAI,GAAG,gCAEhE;AAAA,UACA,oBAAC,UAAO,SAAS,MAAM,WAAW,KAAK,GAAG,uBAAS;AAAA,WACrD;AAAA;AAAA,IAEJ;AAAA,IACA,oBAAC,cAAW,SAAkB,QAAQ,YAAY,UAAoB;AAAA,IACtE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS,MAAM,cAAc,KAAK;AAAA,QAClC,OAAM;AAAA,QACN,UAAS;AAAA,QAET,8BAAC,kBAAe;AAAA;AAAA,IAClB;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/revenue/revenue-workspace.js

@@ -100,7 +100,7 @@ function RevenueWorkspace() {
       PageHeader,
       {
         title: "Revenue",
-        description: `${ADMIN_NAME}'s subscription income each month and year, and the merchant sales (GMV) it is based on.`,
+        description: `Every revenue on ${ADMIN_NAME} is reported here: its subscription income each month and year, and the merchant sales (GMV) it is based on.`,
         actions: /* @__PURE__ */ jsxs("div", { className: "adm-toolbar", children: [
           /* @__PURE__ */ jsx(
             CurrencyFilter,

package/dist/admin/revenue/revenue-workspace.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/revenue/revenue-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { ADMIN_NAME } from '../_shell/admin-brand';\nimport { usePlatformCockpit, usePlatformRevenue } from '../hooks';\nimport { LoadFailed } from '../audit/load-failed';\nimport {\n  AdmLoading,\n  CurrencyFilter,\n  PageHeader,\n  PageTabs,\n  PeriodSelector,\n  customRange,\n  focusCurrency,\n  moneyIn,\n  periodPhrase,\n  rangeFromKey,\n  useCurrencyParam,\n  usePersistedDateRange,\n  useTabParam,\n} from '../_ui';\nimport { RevenueOverview } from './revenue-overview';\nimport { RevenueRetention } from './revenue-retention';\n\nconst TABS = [\n  { id: 'overview', label: 'Overview' },\n  { id: 'retention', label: 'Retention' },\n] as const;\n\nconst KEYS = TABS.map((t) => t.id);\n\n/** Revenue: headline money on Overview, revenue quality and cohorts on Retention. */\nexport function RevenueWorkspace() {\n  const [tab, setTab] = useTabParam(KEYS);\n  const {\n    rangeKey,\n    setRangeKey,\n    customStart,\n    customEnd,\n    onCustomChange,\n  } = usePersistedDateRange();\n  // Merchant GMV comes back once per currency; `?currency=` narrows it.\n  const [currency, setCurrency] = useCurrencyParam();\n\n  const range = useMemo(\n    () =>\n      rangeKey === 'custom'\n        ? customRange(customStart, customEnd)\n        : rangeFromKey(rangeKey),\n    [rangeKey, customStart, customEnd],\n  );\n\n  const { data, isLoading, isError, refetch } = usePlatformRevenue({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n  // Revenue health (MRR movement, logo churn, concentration) is computed as\n  // part of the cockpit, not the revenue endpoint — fetched here too rather\n  // than duplicating that aggregation.\n  const cockpit = usePlatformCockpit({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n\n  const currencies = useMemo(() => data?.currencies ?? [], [data]);\n  const focus = focusCurrency(currencies, currency);\n  // Recurring revenue is the platform's own billing, in the currency the API\n  // names for it (`currency`), shown as it comes, never converted.\n  const recurringCurrency = data?.currency || 'USD';\n  const money = useMemo(() => moneyIn(recurringCurrency), [recurringCurrency]);\n  const money2 = useMemo(\n    () => moneyIn(recurringCurrency, 2),\n    [recurringCurrency],\n  );\n\n  const span = periodPhrase(range);\n  const period = `${span[0].toUpperCase()}${span.slice(1)}`;\n\n  let body;\n  if (isError) {\n    body = (\n      <LoadFailed\n        message=\"Revenue for this period could not be loaded.\"\n        onRetry={() => void refetch()}\n      />\n    );\n  } else if (isLoading || !data) {\n    body = <AdmLoading label=\"Loading revenue metrics…\" />;\n  } else if (tab === 'retention') {\n    body = (\n      <RevenueRetention\n        quality={data.quality}\n        money={money}\n        currency={currency}\n        caption={currency ? `${period} · ${currency}` : period}\n      />\n    );\n  } else {\n    body = (\n      <RevenueOverview\n        data={data}\n        health={cockpit.data?.health}\n        money={money}\n        money2={money2}\n        currency={currency}\n        focus={focus}\n        period={period}\n        span={span}\n        recurringCaption={`${period} · ${recurringCurrency}`}\n      />\n    );\n  }\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Revenue\"\n        description={`${ADMIN_NAME}'s subscription income each month and year, and the merchant sales (GMV) it is based on.`}\n        actions={\n          <div className=\"adm-toolbar\">\n            <CurrencyFilter\n              value={currency}\n              onChange={setCurrency}\n              currencies={currencies}\n            />\n            <PeriodSelector\n              value={rangeKey}\n              onChange={setRangeKey}\n              customStart={customStart}\n              customEnd={customEnd}\n              onCustomChange={onCustomChange}\n            />\n          </div>\n        }\n      />\n      <PageTabs tabs={TABS} active={tab} onChange={setTab} />\n      {body}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/revenue/revenue-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { ADMIN_NAME } from '../_shell/admin-brand';\nimport { usePlatformCockpit, usePlatformRevenue } from '../hooks';\nimport { LoadFailed } from '../audit/load-failed';\nimport {\n  AdmLoading,\n  CurrencyFilter,\n  PageHeader,\n  PageTabs,\n  PeriodSelector,\n  customRange,\n  focusCurrency,\n  moneyIn,\n  periodPhrase,\n  rangeFromKey,\n  useCurrencyParam,\n  usePersistedDateRange,\n  useTabParam,\n} from '../_ui';\nimport { RevenueOverview } from './revenue-overview';\nimport { RevenueRetention } from './revenue-retention';\n\nconst TABS = [\n  { id: 'overview', label: 'Overview' },\n  { id: 'retention', label: 'Retention' },\n] as const;\n\nconst KEYS = TABS.map((t) => t.id);\n\n/** Revenue: headline money on Overview, revenue quality and cohorts on Retention. */\nexport function RevenueWorkspace() {\n  const [tab, setTab] = useTabParam(KEYS);\n  const {\n    rangeKey,\n    setRangeKey,\n    customStart,\n    customEnd,\n    onCustomChange,\n  } = usePersistedDateRange();\n  // Merchant GMV comes back once per currency; `?currency=` narrows it.\n  const [currency, setCurrency] = useCurrencyParam();\n\n  const range = useMemo(\n    () =>\n      rangeKey === 'custom'\n        ? customRange(customStart, customEnd)\n        : rangeFromKey(rangeKey),\n    [rangeKey, customStart, customEnd],\n  );\n\n  const { data, isLoading, isError, refetch } = usePlatformRevenue({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n  // Revenue health (MRR movement, logo churn, concentration) is computed as\n  // part of the cockpit, not the revenue endpoint — fetched here too rather\n  // than duplicating that aggregation.\n  const cockpit = usePlatformCockpit({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n\n  const currencies = useMemo(() => data?.currencies ?? [], [data]);\n  const focus = focusCurrency(currencies, currency);\n  // Recurring revenue is the platform's own billing, in the currency the API\n  // names for it (`currency`), shown as it comes, never converted.\n  const recurringCurrency = data?.currency || 'USD';\n  const money = useMemo(() => moneyIn(recurringCurrency), [recurringCurrency]);\n  const money2 = useMemo(\n    () => moneyIn(recurringCurrency, 2),\n    [recurringCurrency],\n  );\n\n  const span = periodPhrase(range);\n  const period = `${span[0].toUpperCase()}${span.slice(1)}`;\n\n  let body;\n  if (isError) {\n    body = (\n      <LoadFailed\n        message=\"Revenue for this period could not be loaded.\"\n        onRetry={() => void refetch()}\n      />\n    );\n  } else if (isLoading || !data) {\n    body = <AdmLoading label=\"Loading revenue metrics…\" />;\n  } else if (tab === 'retention') {\n    body = (\n      <RevenueRetention\n        quality={data.quality}\n        money={money}\n        currency={currency}\n        caption={currency ? `${period} · ${currency}` : period}\n      />\n    );\n  } else {\n    body = (\n      <RevenueOverview\n        data={data}\n        health={cockpit.data?.health}\n        money={money}\n        money2={money2}\n        currency={currency}\n        focus={focus}\n        period={period}\n        span={span}\n        recurringCaption={`${period} · ${recurringCurrency}`}\n      />\n    );\n  }\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Revenue\"\n        description={`Every revenue on ${ADMIN_NAME} is reported here: its subscription income each month and year, and the merchant sales (GMV) it is based on.`}\n        actions={\n          <div className=\"adm-toolbar\">\n            <CurrencyFilter\n              value={currency}\n              onChange={setCurrency}\n              currencies={currencies}\n            />\n            <PeriodSelector\n              value={rangeKey}\n              onChange={setRangeKey}\n              customStart={customStart}\n              customEnd={customEnd}\n              onCustomChange={onCustomChange}\n            />\n          </div>\n        }\n      />\n      <PageTabs tabs={TABS} active={tab} onChange={setTab} />\n      {body}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/settings/general-tab.js

@@ -17,8 +17,8 @@ const THEMES = [
 const START_OPTIONS = [
   { value: "overview", label: "Overview" },
   { value: "support", label: "Support" },
-  { value: "merchants", label: "Merchants" },
-  { value: "people", label: "People" }
+  { value: "merchants", label: "Workspaces" },
+  { value: "people", label: "User accounts" }
 ];
 function GeneralTab() {
   const settings = useSettings();

package/dist/admin/settings/general-tab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/settings/general-tab.tsx"],"sourcesContent":["'use client';\n\nimport { Select } from '@withpotter/ui-kit';\nimport { useTheme } from '@withpotter/lib/theme-context';\nimport { RANGE_OPTIONS, usePersistedDateRange, type RangeKey } from '../_ui';\nimport { useSettings, type AdminSettings } from '../_settings';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { useSidebarCollapsed, sidebarStore } from '../_shell/use-shell-prefs';\nimport { Segmented, SettingRow, SettingsCard } from './setting-row';\nimport { useSave } from './use-save';\nimport styles from './settings.module.css';\n\ntype Theme = 'system' | 'light' | 'dark';\n\nconst THEMES = [\n  { value: 'system' as Theme, label: 'System' },\n  { value: 'light' as Theme, label: 'Light' },\n  { value: 'dark' as Theme, label: 'Dark' },\n];\n\nconst START_OPTIONS: Array<{\n  value: AdminSettings['startPage'];\n  label: string;\n}> = [\n  { value: 'overview', label: 'Overview' },\n  { value: 'support', label: 'Support' },\n  { value: 'merchants', label: 'Merchants' },\n  { value: 'people', label: 'People' },\n];\n\n/**\n * Look, layout and the views every page opens with. No display currency on a\n * box: money is shown per currency and never converted, so there is nothing\n * to pick. Support is a start page only where this box serves Support.\n */\nexport function GeneralTab() {\n  const settings = useSettings();\n  const { update, saved } = useSave();\n  const { theme, setTheme } = useTheme();\n  const { rangeKey, setRangeKey } = usePersistedDateRange();\n  const collapsed = useSidebarCollapsed();\n  const supportOn = useModuleOn('support');\n  const startOptions = START_OPTIONS.filter(\n    (o) => supportOn || o.value !== 'support'\n  );\n\n  return (\n    <div className={styles.stack}>\n      <SettingsCard title=\"Appearance\">\n        <SettingRow\n          label=\"Theme\"\n          description=\"System follows your computer's light or dark setting.\"\n        >\n          <Segmented\n            label=\"Theme\"\n            value={theme}\n            options={THEMES}\n            onChange={(next) => {\n              setTheme(next);\n              saved();\n            }}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Density\"\n          description=\"Compact fits more rows and cards on screen.\"\n        >\n          <Segmented\n            label=\"Density\"\n            value={settings.density}\n            options={[\n              { value: 'comfortable', label: 'Comfortable' },\n              { value: 'compact', label: 'Compact' },\n            ]}\n            onChange={(density) => update({ density })}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Sidebar\"\n          description=\"Collapsed shows icons only. You can also toggle it from the sidebar.\"\n        >\n          <Segmented\n            label=\"Sidebar\"\n            value={collapsed ? 'collapsed' : 'expanded'}\n            options={[\n              { value: 'expanded', label: 'Expanded' },\n              { value: 'collapsed', label: 'Collapsed' },\n            ]}\n            onChange={(next) => {\n              sidebarStore.set(next === 'collapsed');\n              saved();\n            }}\n          />\n        </SettingRow>\n      </SettingsCard>\n\n      <SettingsCard title=\"Defaults\" description=\"What pages open with.\">\n        <SettingRow\n          label=\"Default period\"\n          description=\"The date range reports and charts start on.\"\n        >\n          <Select\n            className={styles.select}\n            ariaLabel=\"Default period\"\n            value={rangeKey}\n            options={RANGE_OPTIONS.map((o) => ({\n              value: o.key,\n              label: o.label,\n            }))}\n            onChange={(key) => {\n              setRangeKey(key as RangeKey);\n              saved();\n            }}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Start page\"\n          description=\"Where the console opens when you sign in or reload on Overview.\"\n        >\n          <Select\n            className={styles.select}\n            ariaLabel=\"Start page\"\n            value={settings.startPage}\n            options={startOptions}\n            onChange={(value) =>\n              update({ startPage: value as AdminSettings['startPage'] })\n            }\n          />\n        </SettingRow>\n      </SettingsCard>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/settings/general-tab.tsx"],"sourcesContent":["'use client';\n\nimport { Select } from '@withpotter/ui-kit';\nimport { useTheme } from '@withpotter/lib/theme-context';\nimport { RANGE_OPTIONS, usePersistedDateRange, type RangeKey } from '../_ui';\nimport { useSettings, type AdminSettings } from '../_settings';\nimport { useModuleOn } from '../_shell/modules-context';\nimport { useSidebarCollapsed, sidebarStore } from '../_shell/use-shell-prefs';\nimport { Segmented, SettingRow, SettingsCard } from './setting-row';\nimport { useSave } from './use-save';\nimport styles from './settings.module.css';\n\ntype Theme = 'system' | 'light' | 'dark';\n\nconst THEMES = [\n  { value: 'system' as Theme, label: 'System' },\n  { value: 'light' as Theme, label: 'Light' },\n  { value: 'dark' as Theme, label: 'Dark' },\n];\n\nconst START_OPTIONS: Array<{\n  value: AdminSettings['startPage'];\n  label: string;\n}> = [\n  { value: 'overview', label: 'Overview' },\n  { value: 'support', label: 'Support' },\n  { value: 'merchants', label: 'Workspaces' },\n  { value: 'people', label: 'User accounts' },\n];\n\n/**\n * Look, layout and the views every page opens with. No display currency on a\n * box: money is shown per currency and never converted, so there is nothing\n * to pick. Support is a start page only where this box serves Support.\n */\nexport function GeneralTab() {\n  const settings = useSettings();\n  const { update, saved } = useSave();\n  const { theme, setTheme } = useTheme();\n  const { rangeKey, setRangeKey } = usePersistedDateRange();\n  const collapsed = useSidebarCollapsed();\n  const supportOn = useModuleOn('support');\n  const startOptions = START_OPTIONS.filter(\n    (o) => supportOn || o.value !== 'support'\n  );\n\n  return (\n    <div className={styles.stack}>\n      <SettingsCard title=\"Appearance\">\n        <SettingRow\n          label=\"Theme\"\n          description=\"System follows your computer's light or dark setting.\"\n        >\n          <Segmented\n            label=\"Theme\"\n            value={theme}\n            options={THEMES}\n            onChange={(next) => {\n              setTheme(next);\n              saved();\n            }}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Density\"\n          description=\"Compact fits more rows and cards on screen.\"\n        >\n          <Segmented\n            label=\"Density\"\n            value={settings.density}\n            options={[\n              { value: 'comfortable', label: 'Comfortable' },\n              { value: 'compact', label: 'Compact' },\n            ]}\n            onChange={(density) => update({ density })}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Sidebar\"\n          description=\"Collapsed shows icons only. You can also toggle it from the sidebar.\"\n        >\n          <Segmented\n            label=\"Sidebar\"\n            value={collapsed ? 'collapsed' : 'expanded'}\n            options={[\n              { value: 'expanded', label: 'Expanded' },\n              { value: 'collapsed', label: 'Collapsed' },\n            ]}\n            onChange={(next) => {\n              sidebarStore.set(next === 'collapsed');\n              saved();\n            }}\n          />\n        </SettingRow>\n      </SettingsCard>\n\n      <SettingsCard title=\"Defaults\" description=\"What pages open with.\">\n        <SettingRow\n          label=\"Default period\"\n          description=\"The date range reports and charts start on.\"\n        >\n          <Select\n            className={styles.select}\n            ariaLabel=\"Default period\"\n            value={rangeKey}\n            options={RANGE_OPTIONS.map((o) => ({\n              value: o.key,\n              label: o.label,\n            }))}\n            onChange={(key) => {\n              setRangeKey(key as RangeKey);\n              saved();\n            }}\n          />\n        </SettingRow>\n        <SettingRow\n          label=\"Start page\"\n          description=\"Where the console opens when you sign in or reload on Overview.\"\n        >\n          <Select\n            className={styles.select}\n            ariaLabel=\"Start page\"\n            value={settings.startPage}\n            options={startOptions}\n            onChange={(value) =>\n              update({ startPage: value as AdminSettings['startPage'] })\n            }\n          />\n        </SettingRow>\n      </SettingsCard>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/tenants/[id]/verification/document-file.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { adminCaseApi } from "@withpotter/lib/admin-case-api";
+import { AdmLoading } from "../../../_ui";
+import { documentWord } from "./case-checks";
+import { caseErrorText } from "./case-rules";
+import { documentLinkKey, pdfSource, viewerKind } from "./document-view";
+import styles from "./document-viewer.module.css";
+function DocumentFile({
+  tenantId,
+  document,
+  size = "full"
+}) {
+  const link = useQuery({
+    queryKey: [...documentLinkKey(tenantId, document.id), size],
+    queryFn: () => adminCaseApi.viewDocument(tenantId, document.id),
+    retry: false,
+    staleTime: Infinity,
+    gcTime: 0,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false
+  });
+  const name = documentWord(document);
+  const thumb = size === "thumb";
+  if (link.isLoading)
+    return thumb ? /* @__PURE__ */ jsx("div", { className: styles.thumbFrame, children: /* @__PURE__ */ jsx("span", { className: styles.note, children: "Loading\u2026" }) }) : /* @__PURE__ */ jsx(AdmLoading, { label: "Opening document\u2026" });
+  if (link.isError || !link.data)
+    return /* @__PURE__ */ jsx("p", { className: styles.note, role: "alert", children: caseErrorText(link.error, "document") });
+  const kind = viewerKind(link.data.mimeType);
+  if (kind === "image")
+    return /* @__PURE__ */ jsx(Photo, { url: link.data.url, name, thumb });
+  if (kind === "pdf" && thumb)
+    return /* @__PURE__ */ jsx("div", { className: styles.thumbFrame, children: /* @__PURE__ */ jsx("span", { className: styles.note, children: "PDF. Open it to read." }) });
+  if (kind === "pdf")
+    return /* @__PURE__ */ jsx("div", { className: styles.frame, children: /* @__PURE__ */ jsx(
+      "iframe",
+      {
+        className: styles.pdf,
+        src: pdfSource(link.data.url),
+        title: name,
+        referrerPolicy: "no-referrer"
+      }
+    ) });
+  return /* @__PURE__ */ jsx("p", { className: styles.note, children: "This file type can't be shown here." });
+}
+function Photo({
+  url,
+  name,
+  thumb
+}) {
+  const [state, setState] = useState(
+    "loading"
+  );
+  return /* @__PURE__ */ jsxs("div", { className: thumb ? styles.thumbFrame : styles.frame, children: [
+    state === "loading" && /* @__PURE__ */ jsx("span", { className: styles.note, children: "Loading photo\u2026" }),
+    state === "failed" && /* @__PURE__ */ jsx("span", { className: styles.note, role: "alert", children: "The photo did not load. Close it and open it again." }),
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: thumb ? styles.thumbImage : styles.image,
+        src: url,
+        alt: name,
+        style: state === "shown" ? void 0 : { display: "none" },
+        referrerPolicy: "no-referrer",
+        draggable: false,
+        onLoad: () => setState("shown"),
+        onError: () => setState("failed"),
+        onContextMenu: (e) => e.preventDefault()
+      }
+    )
+  ] });
+}
+export {
+  DocumentFile
+};
+//# sourceMappingURL=document-file.js.map

package/dist/admin/tenants/[id]/verification/document-file.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/verification/document-file.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { adminCaseApi } from '@withpotter/lib/admin-case-api';\nimport type { CaseDocument } from '@withpotter/lib/admin-case-types';\nimport { AdmLoading } from '../../../_ui';\nimport { documentWord } from './case-checks';\nimport { caseErrorText } from './case-rules';\nimport { documentLinkKey, pdfSource, viewerKind } from './document-view';\nimport styles from './document-viewer.module.css';\n\n/**\n * One file a business sent, drawn from a fresh short-lived link: full size in\n * the document panel, or small on the case itself so the admin sees it before\n * deciding. The two sizes ask for their own link, so the panel never opens on\n * one that has run out while the small copy sat on the page.\n */\nexport function DocumentFile({\n  tenantId,\n  document,\n  size = 'full',\n}: {\n  tenantId: string;\n  document: CaseDocument;\n  size?: 'full' | 'thumb';\n}) {\n  // One link per opening: no retries or refetches, each would be another logged view.\n  const link = useQuery({\n    queryKey: [...documentLinkKey(tenantId, document.id), size],\n    queryFn: () => adminCaseApi.viewDocument(tenantId, document.id),\n    retry: false,\n    staleTime: Infinity,\n    gcTime: 0,\n    refetchOnWindowFocus: false,\n    refetchOnReconnect: false,\n  });\n  const name = documentWord(document);\n  const thumb = size === 'thumb';\n\n  if (link.isLoading)\n    return thumb ? (\n      <div className={styles.thumbFrame}>\n        <span className={styles.note}>Loading…</span>\n      </div>\n    ) : (\n      <AdmLoading label=\"Opening document…\" />\n    );\n\n  if (link.isError || !link.data)\n    return (\n      <p className={styles.note} role=\"alert\">\n        {caseErrorText(link.error, 'document')}\n      </p>\n    );\n\n  const kind = viewerKind(link.data.mimeType);\n\n  if (kind === 'image')\n    return <Photo url={link.data.url} name={name} thumb={thumb} />;\n\n  if (kind === 'pdf' && thumb)\n    return (\n      <div className={styles.thumbFrame}>\n        <span className={styles.note}>PDF. Open it to read.</span>\n      </div>\n    );\n\n  if (kind === 'pdf')\n    return (\n      <div className={styles.frame}>\n        <iframe\n          className={styles.pdf}\n          src={pdfSource(link.data.url)}\n          title={name}\n          referrerPolicy=\"no-referrer\"\n        />\n      </div>\n    );\n\n  return <p className={styles.note}>This file type can't be shown here.</p>;\n}\n\n/** The photo, with a word while it downloads and if it never arrives. */\nfunction Photo({\n  url,\n  name,\n  thumb,\n}: {\n  url: string;\n  name: string;\n  thumb: boolean;\n}) {\n  const [state, setState] = useState<'loading' | 'shown' | 'failed'>(\n    'loading',\n  );\n\n  return (\n    <div className={thumb ? styles.thumbFrame : styles.frame}>\n      {state === 'loading' && (\n        <span className={styles.note}>Loading photo…</span>\n      )}\n      {state === 'failed' && (\n        <span className={styles.note} role=\"alert\">\n          The photo did not load. Close it and open it again.\n        </span>\n      )}\n      {/* eslint-disable-next-line @next/next/no-img-element */}\n      <img\n        className={thumb ? styles.thumbImage : styles.image}\n        src={url}\n        alt={name}\n        // The class sets display, which would beat `hidden`.\n        style={state === 'shown' ? undefined : { display: 'none' }}\n        referrerPolicy=\"no-referrer\"\n        draggable={false}\n        onLoad={() => setState('shown')}\n        onError={() => setState('failed')}\n        onContextMenu={(e) => e.preventDefault()}\n      />\n    </div>\n  );\n}\n"],"mappings":";AA2CQ,cAuDJ,YAvDI;AAzCR,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAE7B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB,WAAW,kBAAkB;AACvD,OAAO,YAAY;AAQZ,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,OAAO;AACT,GAIG;AAED,QAAM,OAAO,SAAS;AAAA,IACpB,UAAU,CAAC,GAAG,gBAAgB,UAAU,SAAS,EAAE,GAAG,IAAI;AAAA,IAC1D,SAAS,MAAM,aAAa,aAAa,UAAU,SAAS,EAAE;AAAA,IAC9D,OAAO;AAAA,IACP,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,sBAAsB;AAAA,IACtB,oBAAoB;AAAA,EACtB,CAAC;AACD,QAAM,OAAO,aAAa,QAAQ;AAClC,QAAM,QAAQ,SAAS;AAEvB,MAAI,KAAK;AACP,WAAO,QACL,oBAAC,SAAI,WAAW,OAAO,YACrB,8BAAC,UAAK,WAAW,OAAO,MAAM,2BAAQ,GACxC,IAEA,oBAAC,cAAW,OAAM,0BAAoB;AAG1C,MAAI,KAAK,WAAW,CAAC,KAAK;AACxB,WACE,oBAAC,OAAE,WAAW,OAAO,MAAM,MAAK,SAC7B,wBAAc,KAAK,OAAO,UAAU,GACvC;AAGJ,QAAM,OAAO,WAAW,KAAK,KAAK,QAAQ;AAE1C,MAAI,SAAS;AACX,WAAO,oBAAC,SAAM,KAAK,KAAK,KAAK,KAAK,MAAY,OAAc;AAE9D,MAAI,SAAS,SAAS;AACpB,WACE,oBAAC,SAAI,WAAW,OAAO,YACrB,8BAAC,UAAK,WAAW,OAAO,MAAM,mCAAqB,GACrD;AAGJ,MAAI,SAAS;AACX,WACE,oBAAC,SAAI,WAAW,OAAO,OACrB;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,KAAK,UAAU,KAAK,KAAK,GAAG;AAAA,QAC5B,OAAO;AAAA,QACP,gBAAe;AAAA;AAAA,IACjB,GACF;AAGJ,SAAO,oBAAC,OAAE,WAAW,OAAO,MAAM,iDAAmC;AACvE;AAGA,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,OAAO,QAAQ,IAAI;AAAA,IACxB;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WAAW,QAAQ,OAAO,aAAa,OAAO,OAChD;AAAA,cAAU,aACT,oBAAC,UAAK,WAAW,OAAO,MAAM,iCAAc;AAAA,IAE7C,UAAU,YACT,oBAAC,UAAK,WAAW,OAAO,MAAM,MAAK,SAAQ,iEAE3C;AAAA,IAGF;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,QAAQ,OAAO,aAAa,OAAO;AAAA,QAC9C,KAAK;AAAA,QACL,KAAK;AAAA,QAEL,OAAO,UAAU,UAAU,SAAY,EAAE,SAAS,OAAO;AAAA,QACzD,gBAAe;AAAA,QACf,WAAW;AAAA,QACX,QAAQ,MAAM,SAAS,OAAO;AAAA,QAC9B,SAAS,MAAM,SAAS,QAAQ;AAAA,QAChC,eAAe,CAAC,MAAM,EAAE,eAAe;AAAA;AAAA,IACzC;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/tenants/[id]/verification/document-viewer.js

@@ -1,19 +1,12 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { useQuery } from "@tanstack/react-query";
 import { Button } from "@withpotter/ui-kit";
-import { adminCaseApi } from "@withpotter/lib/admin-case-api";
-import { AdmLoading, Drawer } from "../../../_ui";
+import { Drawer } from "../../../_ui";
 import { documentWord } from "./case-checks";
-import { caseErrorText } from "./case-rules";
 import { checkTone, checkWord, shortDate } from "./case-words";
-import {
-  documentLinkKey,
-  ownerName,
-  pdfSource,
-  viewerKind
-} from "./document-view";
+import { DocumentFile } from "./document-file";
+import { ownerName } from "./document-view";
 import styles from "./document-viewer.module.css";
 function DocumentViewer({
   tenantId,
@@ -47,48 +40,6 @@ function DocumentViewer({
     }
   );
 }
-function DocumentFile({
-  tenantId,
-  document
-}) {
-  const link = useQuery({
-    queryKey: documentLinkKey(tenantId, document.id),
-    queryFn: () => adminCaseApi.viewDocument(tenantId, document.id),
-    retry: false,
-    staleTime: Infinity,
-    gcTime: 0,
-    refetchOnWindowFocus: false,
-    refetchOnReconnect: false
-  });
-  const name = documentWord(document);
-  if (link.isLoading) return /* @__PURE__ */ jsx(AdmLoading, { label: "Opening document\u2026" });
-  if (link.isError || !link.data)
-    return /* @__PURE__ */ jsx("p", { className: styles.note, role: "alert", children: caseErrorText(link.error, "document") });
-  const kind = viewerKind(link.data.mimeType);
-  if (kind === "image")
-    return /* @__PURE__ */ jsx("div", { className: styles.frame, children: /* @__PURE__ */ jsx(
-      "img",
-      {
-        className: styles.image,
-        src: link.data.url,
-        alt: name,
-        referrerPolicy: "no-referrer",
-        draggable: false,
-        onContextMenu: (e) => e.preventDefault()
-      }
-    ) });
-  if (kind === "pdf")
-    return /* @__PURE__ */ jsx("div", { className: styles.frame, children: /* @__PURE__ */ jsx(
-      "iframe",
-      {
-        className: styles.pdf,
-        src: pdfSource(link.data.url),
-        title: name,
-        referrerPolicy: "no-referrer"
-      }
-    ) });
-  return /* @__PURE__ */ jsx("p", { className: styles.note, children: "This file type can't be shown here." });
-}
 export {
   DocumentViewer
 };

package/dist/admin/tenants/[id]/verification/document-viewer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/verification/document-viewer.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { Button } from '@withpotter/ui-kit';\nimport { adminCaseApi } from '@withpotter/lib/admin-case-api';\nimport type {\n  CaseDocument,\n  CasePerson,\n} from '@withpotter/lib/admin-case-types';\nimport { AdmLoading, Drawer } from '../../../_ui';\nimport { documentWord } from './case-checks';\nimport { caseErrorText } from './case-rules';\nimport { checkTone, checkWord, shortDate } from './case-words';\nimport {\n  documentLinkKey,\n  ownerName,\n  pdfSource,\n  viewerKind,\n} from './document-view';\nimport styles from './document-viewer.module.css';\n\n/**\n * One document a business sent, in a side panel beside the case (Square):\n * the photo or PDF, whose it is and what its check said. Close is the only\n * action; the file is shown, never offered as a download. Each opening asks\n * the server for a fresh 60-second link, and the server logs it.\n */\nexport function DocumentViewer({\n  tenantId,\n  document,\n  people,\n  onClose,\n}: {\n  tenantId: string;\n  document: CaseDocument | null;\n  people: CasePerson[];\n  onClose: () => void;\n}) {\n  // Keep the last document on screen while the panel slides out.\n  const [shown, setShown] = useState(document);\n\n  if (document && document !== shown) setShown(document);\n\n  return (\n    <Drawer\n      open={Boolean(document)}\n      onClose={onClose}\n      width={640}\n      title={shown ? documentWord(shown) : 'Document'}\n      subtitle={shown ? ownerName(shown, people) : undefined}\n      meta={\n        shown ? (\n          <span\n            className={styles.tone}\n            data-tone={checkTone(shown.checkStatus)}\n          >\n            {checkWord(shown.checkStatus, null)}\n            {shown.sentAt ? ` · Sent ${shortDate(shown.sentAt)}` : ''}\n          </span>\n        ) : undefined\n      }\n      footer={\n        <Button variant=\"secondary\" onClick={onClose}>\n          Close\n        </Button>\n      }\n    >\n      {shown && document && (\n        <DocumentFile tenantId={tenantId} document={shown} />\n      )}\n    </Drawer>\n  );\n}\n\nfunction DocumentFile({\n  tenantId,\n  document,\n}: {\n  tenantId: string;\n  document: CaseDocument;\n}) {\n  // One link per opening: no retries or refetches, each would be another logged view.\n  const link = useQuery({\n    queryKey: documentLinkKey(tenantId, document.id),\n    queryFn: () => adminCaseApi.viewDocument(tenantId, document.id),\n    retry: false,\n    staleTime: Infinity,\n    gcTime: 0,\n    refetchOnWindowFocus: false,\n    refetchOnReconnect: false,\n  });\n  const name = documentWord(document);\n\n  if (link.isLoading) return <AdmLoading label=\"Opening document…\" />;\n\n  if (link.isError || !link.data)\n    return (\n      <p className={styles.note} role=\"alert\">\n        {caseErrorText(link.error, 'document')}\n      </p>\n    );\n\n  const kind = viewerKind(link.data.mimeType);\n\n  if (kind === 'image')\n    return (\n      <div className={styles.frame}>\n        {/* eslint-disable-next-line @next/next/no-img-element */}\n        <img\n          className={styles.image}\n          src={link.data.url}\n          alt={name}\n          referrerPolicy=\"no-referrer\"\n          draggable={false}\n          onContextMenu={(e) => e.preventDefault()}\n        />\n      </div>\n    );\n\n  if (kind === 'pdf')\n    return (\n      <div className={styles.frame}>\n        <iframe\n          className={styles.pdf}\n          src={pdfSource(link.data.url)}\n          title={name}\n          referrerPolicy=\"no-referrer\"\n        />\n      </div>\n    );\n\n  return <p className={styles.note}>This file type can't be shown here.</p>;\n}\n"],"mappings":";AAqDU,SAUF,KAVE;AAnDV,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAK7B,SAAS,YAAY,cAAc;AACnC,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,WAAW,WAAW,iBAAiB;AAChD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,YAAY;AAQZ,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AAED,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,QAAQ;AAE3C,MAAI,YAAY,aAAa,MAAO,UAAS,QAAQ;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,QAAQ,QAAQ;AAAA,MACtB;AAAA,MACA,OAAO;AAAA,MACP,OAAO,QAAQ,aAAa,KAAK,IAAI;AAAA,MACrC,UAAU,QAAQ,UAAU,OAAO,MAAM,IAAI;AAAA,MAC7C,MACE,QACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,OAAO;AAAA,UAClB,aAAW,UAAU,MAAM,WAAW;AAAA,UAErC;AAAA,sBAAU,MAAM,aAAa,IAAI;AAAA,YACjC,MAAM,SAAS,cAAW,UAAU,MAAM,MAAM,CAAC,KAAK;AAAA;AAAA;AAAA,MACzD,IACE;AAAA,MAEN,QACE,oBAAC,UAAO,SAAQ,aAAY,SAAS,SAAS,mBAE9C;AAAA,MAGD,mBAAS,YACR,oBAAC,gBAAa,UAAoB,UAAU,OAAO;AAAA;AAAA,EAEvD;AAEJ;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AACF,GAGG;AAED,QAAM,OAAO,SAAS;AAAA,IACpB,UAAU,gBAAgB,UAAU,SAAS,EAAE;AAAA,IAC/C,SAAS,MAAM,aAAa,aAAa,UAAU,SAAS,EAAE;AAAA,IAC9D,OAAO;AAAA,IACP,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,sBAAsB;AAAA,IACtB,oBAAoB;AAAA,EACtB,CAAC;AACD,QAAM,OAAO,aAAa,QAAQ;AAElC,MAAI,KAAK,UAAW,QAAO,oBAAC,cAAW,OAAM,0BAAoB;AAEjE,MAAI,KAAK,WAAW,CAAC,KAAK;AACxB,WACE,oBAAC,OAAE,WAAW,OAAO,MAAM,MAAK,SAC7B,wBAAc,KAAK,OAAO,UAAU,GACvC;AAGJ,QAAM,OAAO,WAAW,KAAK,KAAK,QAAQ;AAE1C,MAAI,SAAS;AACX,WACE,oBAAC,SAAI,WAAW,OAAO,OAErB;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,KAAK,KAAK,KAAK;AAAA,QACf,KAAK;AAAA,QACL,gBAAe;AAAA,QACf,WAAW;AAAA,QACX,eAAe,CAAC,MAAM,EAAE,eAAe;AAAA;AAAA,IACzC,GACF;AAGJ,MAAI,SAAS;AACX,WACE,oBAAC,SAAI,WAAW,OAAO,OACrB;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,KAAK,UAAU,KAAK,KAAK,GAAG;AAAA,QAC5B,OAAO;AAAA,QACP,gBAAe;AAAA;AAAA,IACjB,GACF;AAGJ,SAAO,oBAAC,OAAE,WAAW,OAAO,MAAM,iDAAmC;AACvE;","names":[]}
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/verification/document-viewer.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Button } from '@withpotter/ui-kit';\nimport type {\n  CaseDocument,\n  CasePerson,\n} from '@withpotter/lib/admin-case-types';\nimport { Drawer } from '../../../_ui';\nimport { documentWord } from './case-checks';\nimport { checkTone, checkWord, shortDate } from './case-words';\nimport { DocumentFile } from './document-file';\nimport { ownerName } from './document-view';\nimport styles from './document-viewer.module.css';\n\n/**\n * One document a business sent, in a side panel beside the case (Square):\n * the photo or PDF, whose it is and what its check said. Close is the only\n * action; the file is shown, never offered as a download. Each opening asks\n * the server for a fresh 60-second link, and the server logs it.\n */\nexport function DocumentViewer({\n  tenantId,\n  document,\n  people,\n  onClose,\n}: {\n  tenantId: string;\n  document: CaseDocument | null;\n  people: CasePerson[];\n  onClose: () => void;\n}) {\n  // Keep the last document on screen while the panel slides out.\n  const [shown, setShown] = useState(document);\n\n  if (document && document !== shown) setShown(document);\n\n  return (\n    <Drawer\n      open={Boolean(document)}\n      onClose={onClose}\n      width={640}\n      title={shown ? documentWord(shown) : 'Document'}\n      subtitle={shown ? ownerName(shown, people) : undefined}\n      meta={\n        shown ? (\n          <span\n            className={styles.tone}\n            data-tone={checkTone(shown.checkStatus)}\n          >\n            {checkWord(shown.checkStatus, null)}\n            {shown.sentAt ? ` · Sent ${shortDate(shown.sentAt)}` : ''}\n          </span>\n        ) : undefined\n      }\n      footer={\n        <Button variant=\"secondary\" onClick={onClose}>\n          Close\n        </Button>\n      }\n    >\n      {shown && document && (\n        <DocumentFile tenantId={tenantId} document={shown} />\n      )}\n    </Drawer>\n  );\n}\n"],"mappings":";AA8CU,SAUF,KAVE;AA5CV,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAKvB,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,WAAW,WAAW,iBAAiB;AAChD,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,OAAO,YAAY;AAQZ,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AAED,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,QAAQ;AAE3C,MAAI,YAAY,aAAa,MAAO,UAAS,QAAQ;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,QAAQ,QAAQ;AAAA,MACtB;AAAA,MACA,OAAO;AAAA,MACP,OAAO,QAAQ,aAAa,KAAK,IAAI;AAAA,MACrC,UAAU,QAAQ,UAAU,OAAO,MAAM,IAAI;AAAA,MAC7C,MACE,QACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,OAAO;AAAA,UAClB,aAAW,UAAU,MAAM,WAAW;AAAA,UAErC;AAAA,sBAAU,MAAM,aAAa,IAAI;AAAA,YACjC,MAAM,SAAS,cAAW,UAAU,MAAM,MAAM,CAAC,KAAK;AAAA;AAAA;AAAA,MACzD,IACE;AAAA,MAEN,QACE,oBAAC,UAAO,SAAQ,aAAY,SAAS,SAAS,mBAE9C;AAAA,MAGD,mBAAS,YACR,oBAAC,gBAAa,UAAoB,UAAU,OAAO;AAAA;AAAA,EAEvD;AAEJ;","names":[]}

package/dist/admin/tenants/[id]/verification/document-viewer.module.css

@@ -45,3 +45,54 @@
 .tone[data-tone='bad'] {
   color: var(--error);
 }
+
+/* What the merchant sent, on the case: a row of small copies to press. */
+.thumbs {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
+  gap: 12px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.thumb {
+  display: grid;
+  gap: 4px;
+  width: 100%;
+  padding: 0;
+  border: 0;
+  background: none;
+  text-align: left;
+  cursor: pointer;
+}
+
+.thumbFrame {
+  display: grid;
+  place-items: center;
+  height: 180px;
+  border: 1px solid var(--border-default);
+  border-radius: var(--adm-card-radius);
+  background: var(--adm-canvas);
+  overflow: hidden;
+}
+
+.thumb:hover .thumbFrame,
+.thumb:focus-visible .thumbFrame {
+  border-color: var(--border-strong);
+}
+
+.thumbImage {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  user-select: none;
+  -webkit-user-drag: none;
+}
+
+.thumbLabel {
+  font-size: 13px;
+  line-height: 20px;
+  color: var(--text-primary);
+}

package/dist/admin/tenants/[id]/verification/sent-files.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Panel } from "../../../_ui";
+import { documentWord } from "./case-checks";
+import { DocumentFile } from "./document-file";
+import { ownerName } from "./document-view";
+import styles from "./document-viewer.module.css";
+function SentFiles({
+  tenantId,
+  documents,
+  people,
+  onOpen
+}) {
+  const files = documents ?? [];
+  return /* @__PURE__ */ jsx(Panel, { title: "What the merchant sent", count: files.length, children: files.length === 0 ? /* @__PURE__ */ jsx("p", { className: styles.note, children: "No photos or documents sent." }) : /* @__PURE__ */ jsx("ul", { className: styles.thumbs, children: files.map((d) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: styles.thumb,
+      onClick: () => onOpen(d),
+      "aria-label": `Open ${documentWord(d)} full size`,
+      children: [
+        /* @__PURE__ */ jsx(DocumentFile, { tenantId, document: d, size: "thumb" }),
+        /* @__PURE__ */ jsx("span", { className: styles.thumbLabel, children: documentWord(d) }),
+        /* @__PURE__ */ jsx("span", { className: styles.note, children: ownerName(d, people) })
+      ]
+    }
+  ) }, d.id)) }) });
+}
+export {
+  SentFiles
+};
+//# sourceMappingURL=sent-files.js.map

package/dist/admin/tenants/[id]/verification/sent-files.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/verification/sent-files.tsx"],"sourcesContent":["'use client';\n\nimport type {\n  CaseDocument,\n  CasePerson,\n} from '@withpotter/lib/admin-case-types';\nimport { Panel } from '../../../_ui';\nimport { documentWord } from './case-checks';\nimport { DocumentFile } from './document-file';\nimport { ownerName } from './document-view';\nimport styles from './document-viewer.module.css';\n\n/**\n * Every photo and document the business sent, shown on the case itself, so\n * the admin looks at them before Approve or Deny. A press opens one full size\n * in the document panel.\n */\nexport function SentFiles({\n  tenantId,\n  documents,\n  people,\n  onOpen,\n}: {\n  tenantId: string;\n  documents: CaseDocument[] | undefined;\n  people: CasePerson[];\n  onOpen: (document: CaseDocument) => void;\n}) {\n  const files = documents ?? [];\n\n  return (\n    <Panel title=\"What the merchant sent\" count={files.length}>\n      {files.length === 0 ? (\n        <p className={styles.note}>No photos or documents sent.</p>\n      ) : (\n        <ul className={styles.thumbs}>\n          {files.map((d) => (\n            <li key={d.id}>\n              <button\n                type=\"button\"\n                className={styles.thumb}\n                onClick={() => onOpen(d)}\n                aria-label={`Open ${documentWord(d)} full size`}\n              >\n                <DocumentFile tenantId={tenantId} document={d} size=\"thumb\" />\n                <span className={styles.thumbLabel}>{documentWord(d)}</span>\n                <span className={styles.note}>{ownerName(d, people)}</span>\n              </button>\n            </li>\n          ))}\n        </ul>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":";AAiCQ,cAKM,YALN;AA3BR,SAAS,aAAa;AACtB,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,OAAO,YAAY;AAOZ,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,QAAQ,aAAa,CAAC;AAE5B,SACE,oBAAC,SAAM,OAAM,0BAAyB,OAAO,MAAM,QAChD,gBAAM,WAAW,IAChB,oBAAC,OAAE,WAAW,OAAO,MAAM,0CAA4B,IAEvD,oBAAC,QAAG,WAAW,OAAO,QACnB,gBAAM,IAAI,CAAC,MACV,oBAAC,QACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,OAAO;AAAA,MAClB,SAAS,MAAM,OAAO,CAAC;AAAA,MACvB,cAAY,QAAQ,aAAa,CAAC,CAAC;AAAA,MAEnC;AAAA,4BAAC,gBAAa,UAAoB,UAAU,GAAG,MAAK,SAAQ;AAAA,QAC5D,oBAAC,UAAK,WAAW,OAAO,YAAa,uBAAa,CAAC,GAAE;AAAA,QACrD,oBAAC,UAAK,WAAW,OAAO,MAAO,oBAAU,GAAG,MAAM,GAAE;AAAA;AAAA;AAAA,EACtD,KAVO,EAAE,EAWX,CACD,GACH,GAEJ;AAEJ;","names":[]}

package/dist/admin/tenants/[id]/verification/tenant-verification.js

@@ -12,6 +12,7 @@ import { DecisionBar } from "./decision-bar";
 import { photoOf } from "./document-view";
 import { DocumentViewer } from "./document-viewer";
 import { PersonCard } from "./person-card";
+import { SentFiles } from "./sent-files";
 import { useAdminNames, useCase } from "./use-case";
 import styles from "./verification.module.css";
 function TenantVerification({ tenantId }) {
@@ -53,6 +54,15 @@ function TenantVerification({ tenantId }) {
     ] });
   return /* @__PURE__ */ jsxs("div", { className: styles.stack, children: [
     /* @__PURE__ */ jsx(CaseStatus, { data, nameOf }),
+    /* @__PURE__ */ jsx(
+      SentFiles,
+      {
+        tenantId,
+        documents: data.documents,
+        people: data.people,
+        onOpen: setViewing
+      }
+    ),
     data.people.length > 0 ? /* @__PURE__ */ jsx("div", { className: styles.people, children: data.people.map((p) => {
       const photo = photoOf(data.documents, p.id);
       return /* @__PURE__ */ jsx(

package/dist/admin/tenants/[id]/verification/tenant-verification.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/verification/tenant-verification.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport type { CaseDocument } from '@withpotter/lib/admin-case-types';\nimport { Button, EmptyNote, ErrorBanner } from '@withpotter/ui-kit';\nimport { AdmLoading } from '../../../_ui';\nimport { useMoneyPermissions } from '../../../_money/permissions';\nimport { caseErrorText, isNoCase } from './case-rules';\nimport { BusinessRecord, ControlChecks } from './business-records';\nimport { CaseHistory } from './case-history';\nimport { CaseStatus } from './case-status';\nimport { DecisionBar } from './decision-bar';\nimport { photoOf } from './document-view';\nimport { DocumentViewer } from './document-viewer';\nimport { PersonCard } from './person-card';\nimport { useAdminNames, useCase } from './use-case';\nimport styles from './verification.module.css';\n\n/**\n * Merchant 360 → Verification, laid out as a record: where the case stands\n * at the top, one card per person, what the business sent and the checks\n * run on it, the history, and the decision pinned to the bottom while there\n * is one to make. A document opens in a side panel beside the record.\n */\nexport function TenantVerification({ tenantId }: { tenantId: string }) {\n  const query = useCase(tenantId);\n  const nameOf = useAdminNames();\n  const { readComplianceHint, revealComplianceHint } = useMoneyPermissions();\n  const [viewing, setViewing] = useState<CaseDocument | null>(null);\n  const data = query.data;\n  const viewButton = (document: CaseDocument) => (\n    <Button\n      size=\"sm\"\n      variant=\"ghost\"\n      title={revealComplianceHint}\n      aria-label={\n        document.kind === 'ID_PHOTO' ? 'View ID photo' : 'View certificate'\n      }\n      onClick={() => setViewing(document)}\n    >\n      View\n    </Button>\n  );\n\n  if (query.isLoading) return <AdmLoading label=\"Loading verification…\" />;\n\n  if (query.isError && isNoCase(query.error))\n    return (\n      <EmptyNote well>This business has not started verification.</EmptyNote>\n    );\n\n  if (query.isError || !data)\n    return (\n      <div className={styles.stack}>\n        <ErrorBanner>\n          {caseErrorText(query.error, 'load')}{' '}\n          <Button\n            size=\"sm\"\n            variant=\"secondary\"\n            onClick={() => void query.refetch()}\n          >\n            Try again\n          </Button>\n        </ErrorBanner>\n        {readComplianceHint && (\n          <span className=\"adm-caption\">{readComplianceHint}</span>\n        )}\n      </div>\n    );\n\n  return (\n    <div className={styles.stack}>\n      <CaseStatus data={data} nameOf={nameOf} />\n      {data.people.length > 0 ? (\n        <div className={styles.people}>\n          {data.people.map((p) => {\n            const photo = photoOf(data.documents, p.id);\n\n            return (\n              <PersonCard\n                key={p.id}\n                tenantId={tenantId}\n                person={p}\n                photoButton={photo ? viewButton(photo) : null}\n              />\n            );\n          })}\n        </div>\n      ) : (\n        <EmptyNote well>No directors or owners added yet.</EmptyNote>\n      )}\n      {data.documents && (\n        <BusinessRecord\n          profile={data.profile}\n          documents={data.documents}\n          viewButton={viewButton}\n        />\n      )}\n      <ControlChecks checks={data.checks} />\n      <CaseHistory events={data.history} nameOf={nameOf} />\n      <DecisionBar data={data} />\n      <DocumentViewer\n        tenantId={tenantId}\n        document={viewing}\n        people={data.people}\n        onClose={() => setViewing(null)}\n      />\n    </div>\n  );\n}\n"],"mappings":";AA+BI,cAuBI,YAvBJ;AA7BJ,SAAS,gBAAgB;AAEzB,SAAS,QAAQ,WAAW,mBAAmB;AAC/C,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AACpC,SAAS,eAAe,gBAAgB;AACxC,SAAS,gBAAgB,qBAAqB;AAC9C,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,eAAe,eAAe;AACvC,OAAO,YAAY;AAQZ,SAAS,mBAAmB,EAAE,SAAS,GAAyB;AACrE,QAAM,QAAQ,QAAQ,QAAQ;AAC9B,QAAM,SAAS,cAAc;AAC7B,QAAM,EAAE,oBAAoB,qBAAqB,IAAI,oBAAoB;AACzE,QAAM,CAAC,SAAS,UAAU,IAAI,SAA8B,IAAI;AAChE,QAAM,OAAO,MAAM;AACnB,QAAM,aAAa,CAAC,aAClB;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,OAAO;AAAA,MACP,cACE,SAAS,SAAS,aAAa,kBAAkB;AAAA,MAEnD,SAAS,MAAM,WAAW,QAAQ;AAAA,MACnC;AAAA;AAAA,EAED;AAGF,MAAI,MAAM,UAAW,QAAO,oBAAC,cAAW,OAAM,8BAAwB;AAEtE,MAAI,MAAM,WAAW,SAAS,MAAM,KAAK;AACvC,WACE,oBAAC,aAAU,MAAI,MAAC,yDAA2C;AAG/D,MAAI,MAAM,WAAW,CAAC;AACpB,WACE,qBAAC,SAAI,WAAW,OAAO,OACrB;AAAA,2BAAC,eACE;AAAA,sBAAc,MAAM,OAAO,MAAM;AAAA,QAAG;AAAA,QACrC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,SAAS,MAAM,KAAK,MAAM,QAAQ;AAAA,YACnC;AAAA;AAAA,QAED;AAAA,SACF;AAAA,MACC,sBACC,oBAAC,UAAK,WAAU,eAAe,8BAAmB;AAAA,OAEtD;AAGJ,SACE,qBAAC,SAAI,WAAW,OAAO,OACrB;AAAA,wBAAC,cAAW,MAAY,QAAgB;AAAA,IACvC,KAAK,OAAO,SAAS,IACpB,oBAAC,SAAI,WAAW,OAAO,QACpB,eAAK,OAAO,IAAI,CAAC,MAAM;AACtB,YAAM,QAAQ,QAAQ,KAAK,WAAW,EAAE,EAAE;AAE1C,aACE;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA,QAAQ;AAAA,UACR,aAAa,QAAQ,WAAW,KAAK,IAAI;AAAA;AAAA,QAHpC,EAAE;AAAA,MAIT;AAAA,IAEJ,CAAC,GACH,IAEA,oBAAC,aAAU,MAAI,MAAC,+CAAiC;AAAA,IAElD,KAAK,aACJ;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,KAAK;AAAA,QACd,WAAW,KAAK;AAAA,QAChB;AAAA;AAAA,IACF;AAAA,IAEF,oBAAC,iBAAc,QAAQ,KAAK,QAAQ;AAAA,IACpC,oBAAC,eAAY,QAAQ,KAAK,SAAS,QAAgB;AAAA,IACnD,oBAAC,eAAY,MAAY;AAAA,IACzB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU;AAAA,QACV,QAAQ,KAAK;AAAA,QACb,SAAS,MAAM,WAAW,IAAI;AAAA;AAAA,IAChC;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/verification/tenant-verification.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport type { CaseDocument } from '@withpotter/lib/admin-case-types';\nimport { Button, EmptyNote, ErrorBanner } from '@withpotter/ui-kit';\nimport { AdmLoading } from '../../../_ui';\nimport { useMoneyPermissions } from '../../../_money/permissions';\nimport { caseErrorText, isNoCase } from './case-rules';\nimport { BusinessRecord, ControlChecks } from './business-records';\nimport { CaseHistory } from './case-history';\nimport { CaseStatus } from './case-status';\nimport { DecisionBar } from './decision-bar';\nimport { photoOf } from './document-view';\nimport { DocumentViewer } from './document-viewer';\nimport { PersonCard } from './person-card';\nimport { SentFiles } from './sent-files';\nimport { useAdminNames, useCase } from './use-case';\nimport styles from './verification.module.css';\n\n/**\n * Merchant 360 → Verification, laid out as a record: where the case stands\n * at the top, then every photo and document the business sent, one card per person, what the business sent and the checks\n * run on it, the history, and the decision pinned to the bottom while there\n * is one to make. A document opens in a side panel beside the record.\n */\nexport function TenantVerification({ tenantId }: { tenantId: string }) {\n  const query = useCase(tenantId);\n  const nameOf = useAdminNames();\n  const { readComplianceHint, revealComplianceHint } = useMoneyPermissions();\n  const [viewing, setViewing] = useState<CaseDocument | null>(null);\n  const data = query.data;\n  const viewButton = (document: CaseDocument) => (\n    <Button\n      size=\"sm\"\n      variant=\"ghost\"\n      title={revealComplianceHint}\n      aria-label={\n        document.kind === 'ID_PHOTO' ? 'View ID photo' : 'View certificate'\n      }\n      onClick={() => setViewing(document)}\n    >\n      View\n    </Button>\n  );\n\n  if (query.isLoading) return <AdmLoading label=\"Loading verification…\" />;\n\n  if (query.isError && isNoCase(query.error))\n    return (\n      <EmptyNote well>This business has not started verification.</EmptyNote>\n    );\n\n  if (query.isError || !data)\n    return (\n      <div className={styles.stack}>\n        <ErrorBanner>\n          {caseErrorText(query.error, 'load')}{' '}\n          <Button\n            size=\"sm\"\n            variant=\"secondary\"\n            onClick={() => void query.refetch()}\n          >\n            Try again\n          </Button>\n        </ErrorBanner>\n        {readComplianceHint && (\n          <span className=\"adm-caption\">{readComplianceHint}</span>\n        )}\n      </div>\n    );\n\n  return (\n    <div className={styles.stack}>\n      <CaseStatus data={data} nameOf={nameOf} />\n      <SentFiles\n        tenantId={tenantId}\n        documents={data.documents}\n        people={data.people}\n        onOpen={setViewing}\n      />\n      {data.people.length > 0 ? (\n        <div className={styles.people}>\n          {data.people.map((p) => {\n            const photo = photoOf(data.documents, p.id);\n\n            return (\n              <PersonCard\n                key={p.id}\n                tenantId={tenantId}\n                person={p}\n                photoButton={photo ? viewButton(photo) : null}\n              />\n            );\n          })}\n        </div>\n      ) : (\n        <EmptyNote well>No directors or owners added yet.</EmptyNote>\n      )}\n      {data.documents && (\n        <BusinessRecord\n          profile={data.profile}\n          documents={data.documents}\n          viewButton={viewButton}\n        />\n      )}\n      <ControlChecks checks={data.checks} />\n      <CaseHistory events={data.history} nameOf={nameOf} />\n      <DecisionBar data={data} />\n      <DocumentViewer\n        tenantId={tenantId}\n        document={viewing}\n        people={data.people}\n        onClose={() => setViewing(null)}\n      />\n    </div>\n  );\n}\n"],"mappings":";AAgCI,cAuBI,YAvBJ;AA9BJ,SAAS,gBAAgB;AAEzB,SAAS,QAAQ,WAAW,mBAAmB;AAC/C,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AACpC,SAAS,eAAe,gBAAgB;AACxC,SAAS,gBAAgB,qBAAqB;AAC9C,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,eAAe,eAAe;AACvC,OAAO,YAAY;AAQZ,SAAS,mBAAmB,EAAE,SAAS,GAAyB;AACrE,QAAM,QAAQ,QAAQ,QAAQ;AAC9B,QAAM,SAAS,cAAc;AAC7B,QAAM,EAAE,oBAAoB,qBAAqB,IAAI,oBAAoB;AACzE,QAAM,CAAC,SAAS,UAAU,IAAI,SAA8B,IAAI;AAChE,QAAM,OAAO,MAAM;AACnB,QAAM,aAAa,CAAC,aAClB;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,OAAO;AAAA,MACP,cACE,SAAS,SAAS,aAAa,kBAAkB;AAAA,MAEnD,SAAS,MAAM,WAAW,QAAQ;AAAA,MACnC;AAAA;AAAA,EAED;AAGF,MAAI,MAAM,UAAW,QAAO,oBAAC,cAAW,OAAM,8BAAwB;AAEtE,MAAI,MAAM,WAAW,SAAS,MAAM,KAAK;AACvC,WACE,oBAAC,aAAU,MAAI,MAAC,yDAA2C;AAG/D,MAAI,MAAM,WAAW,CAAC;AACpB,WACE,qBAAC,SAAI,WAAW,OAAO,OACrB;AAAA,2BAAC,eACE;AAAA,sBAAc,MAAM,OAAO,MAAM;AAAA,QAAG;AAAA,QACrC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,SAAS,MAAM,KAAK,MAAM,QAAQ;AAAA,YACnC;AAAA;AAAA,QAED;AAAA,SACF;AAAA,MACC,sBACC,oBAAC,UAAK,WAAU,eAAe,8BAAmB;AAAA,OAEtD;AAGJ,SACE,qBAAC,SAAI,WAAW,OAAO,OACrB;AAAA,wBAAC,cAAW,MAAY,QAAgB;AAAA,IACxC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK;AAAA,QAChB,QAAQ,KAAK;AAAA,QACb,QAAQ;AAAA;AAAA,IACV;AAAA,IACC,KAAK,OAAO,SAAS,IACpB,oBAAC,SAAI,WAAW,OAAO,QACpB,eAAK,OAAO,IAAI,CAAC,MAAM;AACtB,YAAM,QAAQ,QAAQ,KAAK,WAAW,EAAE,EAAE;AAE1C,aACE;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA,QAAQ;AAAA,UACR,aAAa,QAAQ,WAAW,KAAK,IAAI;AAAA;AAAA,QAHpC,EAAE;AAAA,MAIT;AAAA,IAEJ,CAAC,GACH,IAEA,oBAAC,aAAU,MAAI,MAAC,+CAAiC;AAAA,IAElD,KAAK,aACJ;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,KAAK;AAAA,QACd,WAAW,KAAK;AAAA,QAChB;AAAA;AAAA,IACF;AAAA,IAEF,oBAAC,iBAAc,QAAQ,KAAK,QAAQ;AAAA,IACpC,oBAAC,eAAY,QAAQ,KAAK,SAAS,QAAgB;AAAA,IACnD,oBAAC,eAAY,MAAY;AAAA,IACzB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU;AAAA,QACV,QAAQ,KAAK;AAAA,QACb,SAAS,MAAM,WAAW,IAAI;AAAA;AAAA,IAChC;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/tenants/tenants-workspace.js

@@ -50,8 +50,8 @@ function TenantsWorkspace() {
     /* @__PURE__ */ jsx(
       PageHeader,
       {
-        title: "Merchants",
-        description: "Every business on the platform, how it\u2019s doing and what it sells.",
+        title: "Workspaces",
+        description: "Every workspace on the platform, how it\u2019s doing and what it sells.",
         actions: tab === "overview" && /* @__PURE__ */ jsxs("div", { className: "adm-toolbar", children: [
           /* @__PURE__ */ jsx(
             CurrencyFilter,

package/dist/admin/tenants/tenants-workspace.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/tenants/tenants-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport {\n  CurrencyFilter,\n  PageHeader,\n  PageTabs,\n  PeriodSelector,\n  customRange,\n  focusCurrency,\n  periodPhrase,\n  rangeFromKey,\n  useCurrencyParam,\n  usePersistedDateRange,\n  useTabParam,\n} from '../_ui';\nimport { usePlatformTenantsAnalytics } from '../hooks';\nimport { TenantsAnalytics } from './tenants-analytics';\nimport { TenantsTable } from './tenants-table';\n\nconst TABS = [\n  { id: 'overview', label: 'Overview' },\n  { id: 'all', label: 'All merchants' },\n] as const;\n\nconst KEYS = TABS.map((t) => t.id);\n\n/** Merchants: the period's picture on Overview, every business on its own tab. */\nexport function TenantsWorkspace() {\n  const [tab, setTab] = useTabParam(KEYS);\n  const {\n    rangeKey,\n    setRangeKey,\n    customStart,\n    customEnd,\n    onCustomChange,\n    compare,\n  } = usePersistedDateRange();\n  // Merchant GMV comes back once per currency; `?currency=` narrows it.\n  const [currency, setCurrency] = useCurrencyParam();\n  const range = useMemo(\n    () =>\n      rangeKey === 'custom'\n        ? customRange(customStart, customEnd)\n        : rangeFromKey(rangeKey),\n    [rangeKey, customStart, customEnd],\n  );\n  const analytics = usePlatformTenantsAnalytics({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n\n  const currencies = useMemo(\n    () => analytics.data?.currencies ?? [],\n    [analytics.data],\n  );\n  const span = periodPhrase(range);\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Merchants\"\n        description=\"Every business on the platform, how it’s doing and what it sells.\"\n        actions={\n          tab === 'overview' && (\n            <div className=\"adm-toolbar\">\n              <CurrencyFilter\n                value={currency}\n                onChange={setCurrency}\n                currencies={currencies}\n              />\n              <PeriodSelector\n                value={rangeKey}\n                onChange={setRangeKey}\n                customStart={customStart}\n                customEnd={customEnd}\n                onCustomChange={onCustomChange}\n              />\n            </div>\n          )\n        }\n      />\n      <PageTabs tabs={TABS} active={tab} onChange={setTab} />\n\n      {tab === 'overview' && (\n        <TenantsAnalytics\n          data={analytics.data}\n          isLoading={analytics.isLoading}\n          isError={analytics.isError}\n          onRetry={() => void analytics.refetch()}\n          currency={currency}\n          focus={focusCurrency(currencies, currency)}\n          caption={`${span[0].toUpperCase()}${span.slice(1)}`}\n          span={span}\n          compare={compare}\n        />\n      )}\n\n      {tab === 'all' && <TenantsTable />}\n    </div>\n  );\n}\n"],"mappings":";AAiEY,SACE,KADF;AA/DZ,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mCAAmC;AAC5C,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAE7B,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,YAAY,OAAO,WAAW;AAAA,EACpC,EAAE,IAAI,OAAO,OAAO,gBAAgB;AACtC;AAEA,MAAM,OAAO,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE;AAG1B,SAAS,mBAAmB;AACjC,QAAM,CAAC,KAAK,MAAM,IAAI,YAAY,IAAI;AACtC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,sBAAsB;AAE1B,QAAM,CAAC,UAAU,WAAW,IAAI,iBAAiB;AACjD,QAAM,QAAQ;AAAA,IACZ,MACE,aAAa,WACT,YAAY,aAAa,SAAS,IAClC,aAAa,QAAQ;AAAA,IAC3B,CAAC,UAAU,aAAa,SAAS;AAAA,EACnC;AACA,QAAM,YAAY,4BAA4B;AAAA,IAC5C,WAAW,MAAM;AAAA,IACjB,SAAS,MAAM;AAAA,EACjB,CAAC;AAED,QAAM,aAAa;AAAA,IACjB,MAAM,UAAU,MAAM,cAAc,CAAC;AAAA,IACrC,CAAC,UAAU,IAAI;AAAA,EACjB;AACA,QAAM,OAAO,aAAa,KAAK;AAE/B,SACE,qBAAC,SACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SACE,QAAQ,cACN,qBAAC,SAAI,WAAU,eACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU;AAAA,cACV;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU;AAAA,cACV;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA,WACF;AAAA;AAAA,IAGN;AAAA,IACA,oBAAC,YAAS,MAAM,MAAM,QAAQ,KAAK,UAAU,QAAQ;AAAA,IAEpD,QAAQ,cACP;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,UAAU;AAAA,QAChB,WAAW,UAAU;AAAA,QACrB,SAAS,UAAU;AAAA,QACnB,SAAS,MAAM,KAAK,UAAU,QAAQ;AAAA,QACtC;AAAA,QACA,OAAO,cAAc,YAAY,QAAQ;AAAA,QACzC,SAAS,GAAG,KAAK,CAAC,EAAE,YAAY,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC;AAAA,QACjD;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAGD,QAAQ,SAAS,oBAAC,gBAAa;AAAA,KAClC;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/tenants/tenants-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport {\n  CurrencyFilter,\n  PageHeader,\n  PageTabs,\n  PeriodSelector,\n  customRange,\n  focusCurrency,\n  periodPhrase,\n  rangeFromKey,\n  useCurrencyParam,\n  usePersistedDateRange,\n  useTabParam,\n} from '../_ui';\nimport { usePlatformTenantsAnalytics } from '../hooks';\nimport { TenantsAnalytics } from './tenants-analytics';\nimport { TenantsTable } from './tenants-table';\n\nconst TABS = [\n  { id: 'overview', label: 'Overview' },\n  { id: 'all', label: 'All merchants' },\n] as const;\n\nconst KEYS = TABS.map((t) => t.id);\n\n/** Merchants: the period's picture on Overview, every business on its own tab. */\nexport function TenantsWorkspace() {\n  const [tab, setTab] = useTabParam(KEYS);\n  const {\n    rangeKey,\n    setRangeKey,\n    customStart,\n    customEnd,\n    onCustomChange,\n    compare,\n  } = usePersistedDateRange();\n  // Merchant GMV comes back once per currency; `?currency=` narrows it.\n  const [currency, setCurrency] = useCurrencyParam();\n  const range = useMemo(\n    () =>\n      rangeKey === 'custom'\n        ? customRange(customStart, customEnd)\n        : rangeFromKey(rangeKey),\n    [rangeKey, customStart, customEnd],\n  );\n  const analytics = usePlatformTenantsAnalytics({\n    startDate: range.startDate,\n    endDate: range.endDate,\n  });\n\n  const currencies = useMemo(\n    () => analytics.data?.currencies ?? [],\n    [analytics.data],\n  );\n  const span = periodPhrase(range);\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Workspaces\"\n        description=\"Every workspace on the platform, how it’s doing and what it sells.\"\n        actions={\n          tab === 'overview' && (\n            <div className=\"adm-toolbar\">\n              <CurrencyFilter\n                value={currency}\n                onChange={setCurrency}\n                currencies={currencies}\n              />\n              <PeriodSelector\n                value={rangeKey}\n                onChange={setRangeKey}\n                customStart={customStart}\n                customEnd={customEnd}\n                onCustomChange={onCustomChange}\n              />\n            </div>\n          )\n        }\n      />\n      <PageTabs tabs={TABS} active={tab} onChange={setTab} />\n\n      {tab === 'overview' && (\n        <TenantsAnalytics\n          data={analytics.data}\n          isLoading={analytics.isLoading}\n          isError={analytics.isError}\n          onRetry={() => void analytics.refetch()}\n          currency={currency}\n          focus={focusCurrency(currencies, currency)}\n          caption={`${span[0].toUpperCase()}${span.slice(1)}`}\n          span={span}\n          compare={compare}\n        />\n      )}\n\n      {tab === 'all' && <TenantsTable />}\n    </div>\n  );\n}\n"],"mappings":";AAiEY,SACE,KADF;AA/DZ,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mCAAmC;AAC5C,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAE7B,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,YAAY,OAAO,WAAW;AAAA,EACpC,EAAE,IAAI,OAAO,OAAO,gBAAgB;AACtC;AAEA,MAAM,OAAO,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE;AAG1B,SAAS,mBAAmB;AACjC,QAAM,CAAC,KAAK,MAAM,IAAI,YAAY,IAAI;AACtC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,sBAAsB;AAE1B,QAAM,CAAC,UAAU,WAAW,IAAI,iBAAiB;AACjD,QAAM,QAAQ;AAAA,IACZ,MACE,aAAa,WACT,YAAY,aAAa,SAAS,IAClC,aAAa,QAAQ;AAAA,IAC3B,CAAC,UAAU,aAAa,SAAS;AAAA,EACnC;AACA,QAAM,YAAY,4BAA4B;AAAA,IAC5C,WAAW,MAAM;AAAA,IACjB,SAAS,MAAM;AAAA,EACjB,CAAC;AAED,QAAM,aAAa;AAAA,IACjB,MAAM,UAAU,MAAM,cAAc,CAAC;AAAA,IACrC,CAAC,UAAU,IAAI;AAAA,EACjB;AACA,QAAM,OAAO,aAAa,KAAK;AAE/B,SACE,qBAAC,SACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SACE,QAAQ,cACN,qBAAC,SAAI,WAAU,eACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU;AAAA,cACV;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU;AAAA,cACV;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA,WACF;AAAA;AAAA,IAGN;AAAA,IACA,oBAAC,YAAS,MAAM,MAAM,QAAQ,KAAK,UAAU,QAAQ;AAAA,IAEpD,QAAQ,cACP;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,UAAU;AAAA,QAChB,WAAW,UAAU;AAAA,QACrB,SAAS,UAAU;AAAA,QACnB,SAAS,MAAM,KAAK,UAAU,QAAQ;AAAA,QACtC;AAAA,QACA,OAAO,cAAc,YAAY,QAAQ;AAAA,QACzC,SAAS,GAAG,KAAK,CAAC,EAAE,YAAY,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC;AAAA,QACjD;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAGD,QAAQ,SAAS,oBAAC,gBAAa;AAAA,KAClC;AAEJ;","names":[]}

package/dist/admin/verification/verification-page.js

@@ -1,15 +1,31 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { PageHeader } from "../_ui";
+import { useState } from "react";
+import { FilterSelect, Filters, PageHeader } from "../_ui";
 import { ReviewQueue } from "./review-queue";
 import { WaitingCases } from "./waiting-cases";
 import styles from "./verification.module.css";
+const SHOW = [
+  { value: "businesses", label: "Businesses waiting for review" },
+  { value: "screening", label: "Screening matches" }
+];
 function VerificationPage() {
+  const [show, setShow] = useState(SHOW[0].value);
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(PageHeader, { title: "Verification" }),
     /* @__PURE__ */ jsxs("div", { className: styles.stack, children: [
-      /* @__PURE__ */ jsx(WaitingCases, {}),
-      /* @__PURE__ */ jsx(ReviewQueue, {})
+      /* @__PURE__ */ jsx("div", { className: styles.show, children: /* @__PURE__ */ jsx(Filters, { label: "Choose which queue to show", children: /* @__PURE__ */ jsx(
+        FilterSelect,
+        {
+          label: "Show",
+          value: show,
+          allValue: SHOW[0].value,
+          onChange: setShow,
+          options: SHOW,
+          className: styles.showSelect
+        }
+      ) }) }),
+      show === "businesses" ? /* @__PURE__ */ jsx(WaitingCases, {}) : /* @__PURE__ */ jsx(ReviewQueue, {})
     ] })
   ] });
 }

package/dist/admin/verification/verification-page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/verification/verification-page.tsx"],"sourcesContent":["'use client';\n\nimport { PageHeader } from '../_ui';\nimport { ReviewQueue } from './review-queue';\nimport { WaitingCases } from './waiting-cases';\nimport styles from './verification.module.css';\n\n/**\n * Verification: the businesses waiting for a decision on their case (each\n * opens on its merchant page), and the screening matches to clear or reject.\n */\nexport function VerificationPage() {\n  return (\n    <div>\n      <PageHeader title=\"Verification\" />\n      <div className={styles.stack}>\n        <WaitingCases />\n        <ReviewQueue />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAcM,cACA,YADA;AAZN,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,OAAO,YAAY;AAMZ,SAAS,mBAAmB;AACjC,SACE,qBAAC,SACC;AAAA,wBAAC,cAAW,OAAM,gBAAe;AAAA,IACjC,qBAAC,SAAI,WAAW,OAAO,OACrB;AAAA,0BAAC,gBAAa;AAAA,MACd,oBAAC,eAAY;AAAA,OACf;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/verification/verification-page.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { FilterSelect, Filters, PageHeader } from '../_ui';\nimport { ReviewQueue } from './review-queue';\nimport { WaitingCases } from './waiting-cases';\nimport styles from './verification.module.css';\n\nconst SHOW = [\n  { value: 'businesses', label: 'Businesses waiting for review' },\n  { value: 'screening', label: 'Screening matches' },\n];\n\n/**\n * Verification: one queue at a time, chosen on the right, so a long list\n * never pushes the other down the page. The businesses waiting for a decision\n * (each opens on its merchant page), or the screening matches to clear or reject.\n */\nexport function VerificationPage() {\n  const [show, setShow] = useState(SHOW[0].value);\n\n  return (\n    <div>\n      <PageHeader title=\"Verification\" />\n      <div className={styles.stack}>\n        <div className={styles.show}>\n          <Filters label=\"Choose which queue 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 === 'businesses' ? <WaitingCases /> : <ReviewQueue />}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAuBM,cACA,YADA;AArBN,SAAS,gBAAgB;AACzB,SAAS,cAAc,SAAS,kBAAkB;AAClD,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,OAAO,YAAY;AAEnB,MAAM,OAAO;AAAA,EACX,EAAE,OAAO,cAAc,OAAO,gCAAgC;AAAA,EAC9D,EAAE,OAAO,aAAa,OAAO,oBAAoB;AACnD;AAOO,SAAS,mBAAmB;AACjC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK,CAAC,EAAE,KAAK;AAE9C,SACE,qBAAC,SACC;AAAA,wBAAC,cAAW,OAAM,gBAAe;AAAA,IACjC,qBAAC,SAAI,WAAW,OAAO,OACrB;AAAA,0BAAC,SAAI,WAAW,OAAO,MACrB,8BAAC,WAAQ,OAAM,8BACb;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO;AAAA,UACP,UAAU,KAAK,CAAC,EAAE;AAAA,UAClB,UAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAW,OAAO;AAAA;AAAA,MACpB,GACF,GACF;AAAA,MACC,SAAS,eAAe,oBAAC,gBAAa,IAAK,oBAAC,eAAY;AAAA,OAC3D;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/verification/verification.module.css

@@ -18,3 +18,13 @@
   justify-content: flex-end;
   gap: 8px;
 }
+
+/* The queue chooser, on the right above the list. */
+.show {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.show .showSelect {
+  width: 260px;
+}

package/dist/admin/verification/waiting-cases.js

@@ -2,13 +2,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
 import { useQuery } from "@tanstack/react-query";
-import { TableRow, Th } from "@withpotter/ui-kit";
+import { Button, TableRow, Th } from "@withpotter/ui-kit";
 import { adminCaseApi } from "@withpotter/lib/admin-case-api";
 import { EMPTY, ListCard } from "../_ui/list-card";
 import list from "../_ui/list-card.module.css";
+import rows from "../accounts/rows.module.css";
 import { flagWords, waited } from "../tenants/[id]/verification/case-words";
 import { caseErrorText } from "../tenants/[id]/verification/case-rules";
-import { WaitingCaseActions } from "./waiting-case-actions";
 const WAITING_LIST_KEY = [
   "platform-admin",
   "compliance",
@@ -57,13 +57,7 @@ function WaitingCases() {
           /* @__PURE__ */ jsx("td", { className: list.muted, children: c.peopleCount }),
           /* @__PURE__ */ jsx("td", { className: `${list.nowrap} ${list.muted}`, children: c.waitingSince ? waited(c.waitingSince) : EMPTY }),
           /* @__PURE__ */ jsx("td", { className: list.muted, children: flags.length ? flags.join(" \xB7 ") : EMPTY }),
-          /* @__PURE__ */ jsx(
-            WaitingCaseActions,
-            {
-              tenantId: c.tenantId,
-              businessName: c.businessName
-            }
-          )
+          /* @__PURE__ */ jsx("td", { className: rows.menuCell, children: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx(Link, { href: `/admin/tenants/${c.tenantId}?tab=verification`, children: "Review" }) }) })
         ] }, c.tenantId);
       })
     }

package/dist/admin/verification/waiting-cases.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/verification/waiting-cases.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { useQuery } from '@tanstack/react-query';\nimport { TableRow, Th } from '@withpotter/ui-kit';\nimport { adminCaseApi } from '@withpotter/lib/admin-case-api';\nimport { EMPTY, ListCard } from '../_ui/list-card';\nimport list from '../_ui/list-card.module.css';\nimport { flagWords, waited } from '../tenants/[id]/verification/case-words';\nimport { caseErrorText } from '../tenants/[id]/verification/case-rules';\nimport { WaitingCaseActions } from './waiting-case-actions';\n\nexport const WAITING_LIST_KEY = [\n  'platform-admin',\n  'compliance',\n  'cases',\n  'waiting',\n];\n\nconst COLUMNS = 5;\n\n/**\n * Businesses whose checks are back and wait for a decision, oldest first.\n * Each row approves or rejects the case in place.\n */\nexport function WaitingCases() {\n  const { data, isLoading, isError, error, refetch } = useQuery({\n    queryKey: WAITING_LIST_KEY,\n    queryFn: () => adminCaseApi.list({ status: 'WAITING_REVIEW', limit: 100 }),\n    retry: false,\n  });\n  const items = data?.items ?? [];\n\n  return (\n    <ListCard\n      title=\"Businesses waiting for review\"\n      count={data?.total}\n      columns={COLUMNS}\n      minWidth={720}\n      isLoading={isLoading}\n      isError={isError}\n      onRetry={() => void refetch()}\n      errorTitle={caseErrorText(error, 'load')}\n      isEmpty={items.length === 0}\n      emptyTitle=\"No business is waiting for review.\"\n      head={\n        <tr>\n          <Th>Business</Th>\n          <Th>People</Th>\n          <Th>Waiting</Th>\n          <Th>Flags</Th>\n          <Th align=\"right\">\n            <span className=\"sr-only\">Actions</span>\n          </Th>\n        </tr>\n      }\n    >\n      {items.map((c) => {\n        const flags = flagWords(c.flags);\n\n        return (\n          <TableRow key={c.tenantId}>\n            <td className={list.nowrap}>\n              <Link\n                href={`/admin/tenants/${c.tenantId}?tab=verification`}\n                className=\"text-brand-500 hover:underline\"\n              >\n                {c.businessName ?? 'Unnamed business'}\n              </Link>\n            </td>\n            <td className={list.muted}>{c.peopleCount}</td>\n            <td className={`${list.nowrap} ${list.muted}`}>\n              {c.waitingSince ? waited(c.waitingSince) : EMPTY}\n            </td>\n            <td className={list.muted}>\n              {flags.length ? flags.join(' · ') : EMPTY}\n            </td>\n            <WaitingCaseActions\n              tenantId={c.tenantId}\n              businessName={c.businessName}\n            />\n          </TableRow>\n        );\n      })}\n    </ListCard>\n  );\n}\n"],"mappings":";AA8CQ,SACE,KADF;AA5CR,OAAO,UAAU;AACjB,SAAS,gBAAgB;AACzB,SAAS,UAAU,UAAU;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,OAAO,gBAAgB;AAChC,OAAO,UAAU;AACjB,SAAS,WAAW,cAAc;AAClC,SAAS,qBAAqB;AAC9B,SAAS,0BAA0B;AAE5B,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,UAAU;AAMT,SAAS,eAAe;AAC7B,QAAM,EAAE,MAAM,WAAW,SAAS,OAAO,QAAQ,IAAI,SAAS;AAAA,IAC5D,UAAU;AAAA,IACV,SAAS,MAAM,aAAa,KAAK,EAAE,QAAQ,kBAAkB,OAAO,IAAI,CAAC;AAAA,IACzE,OAAO;AAAA,EACT,CAAC;AACD,QAAM,QAAQ,MAAM,SAAS,CAAC;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO,MAAM;AAAA,MACb,SAAS;AAAA,MACT,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,SAAS,MAAM,KAAK,QAAQ;AAAA,MAC5B,YAAY,cAAc,OAAO,MAAM;AAAA,MACvC,SAAS,MAAM,WAAW;AAAA,MAC1B,YAAW;AAAA,MACX,MACE,qBAAC,QACC;AAAA,4BAAC,MAAG,sBAAQ;AAAA,QACZ,oBAAC,MAAG,oBAAM;AAAA,QACV,oBAAC,MAAG,qBAAO;AAAA,QACX,oBAAC,MAAG,mBAAK;AAAA,QACT,oBAAC,MAAG,OAAM,SACR,8BAAC,UAAK,WAAU,WAAU,qBAAO,GACnC;AAAA,SACF;AAAA,MAGD,gBAAM,IAAI,CAAC,MAAM;AAChB,cAAM,QAAQ,UAAU,EAAE,KAAK;AAE/B,eACE,qBAAC,YACC;AAAA,8BAAC,QAAG,WAAW,KAAK,QAClB;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,kBAAkB,EAAE,QAAQ;AAAA,cAClC,WAAU;AAAA,cAET,YAAE,gBAAgB;AAAA;AAAA,UACrB,GACF;AAAA,UACA,oBAAC,QAAG,WAAW,KAAK,OAAQ,YAAE,aAAY;AAAA,UAC1C,oBAAC,QAAG,WAAW,GAAG,KAAK,MAAM,IAAI,KAAK,KAAK,IACxC,YAAE,eAAe,OAAO,EAAE,YAAY,IAAI,OAC7C;AAAA,UACA,oBAAC,QAAG,WAAW,KAAK,OACjB,gBAAM,SAAS,MAAM,KAAK,QAAK,IAAI,OACtC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,EAAE;AAAA,cACZ,cAAc,EAAE;AAAA;AAAA,UAClB;AAAA,aAnBa,EAAE,QAoBjB;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/admin/verification/waiting-cases.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { useQuery } from '@tanstack/react-query';\nimport { Button, TableRow, Th } from '@withpotter/ui-kit';\nimport { adminCaseApi } from '@withpotter/lib/admin-case-api';\nimport { EMPTY, ListCard } from '../_ui/list-card';\nimport list from '../_ui/list-card.module.css';\nimport rows from '../accounts/rows.module.css';\nimport { flagWords, waited } from '../tenants/[id]/verification/case-words';\nimport { caseErrorText } from '../tenants/[id]/verification/case-rules';\n\nexport const WAITING_LIST_KEY = [\n  'platform-admin',\n  'compliance',\n  'cases',\n  'waiting',\n];\n\nconst COLUMNS = 5;\n\n/**\n * Businesses whose checks are back and wait for a decision, oldest first.\n * Each row opens the business's Verification tab, where the admin sees what\n * the merchant sent before Approve or Deny: there is no decision from the list.\n */\nexport function WaitingCases() {\n  const { data, isLoading, isError, error, refetch } = useQuery({\n    queryKey: WAITING_LIST_KEY,\n    queryFn: () => adminCaseApi.list({ status: 'WAITING_REVIEW', limit: 100 }),\n    retry: false,\n  });\n  const items = data?.items ?? [];\n\n  return (\n    <ListCard\n      title=\"Businesses waiting for review\"\n      count={data?.total}\n      columns={COLUMNS}\n      minWidth={720}\n      isLoading={isLoading}\n      isError={isError}\n      onRetry={() => void refetch()}\n      errorTitle={caseErrorText(error, 'load')}\n      isEmpty={items.length === 0}\n      emptyTitle=\"No business is waiting for review.\"\n      head={\n        <tr>\n          <Th>Business</Th>\n          <Th>People</Th>\n          <Th>Waiting</Th>\n          <Th>Flags</Th>\n          <Th align=\"right\">\n            <span className=\"sr-only\">Actions</span>\n          </Th>\n        </tr>\n      }\n    >\n      {items.map((c) => {\n        const flags = flagWords(c.flags);\n\n        return (\n          <TableRow key={c.tenantId}>\n            <td className={list.nowrap}>\n              <Link\n                href={`/admin/tenants/${c.tenantId}?tab=verification`}\n                className=\"text-brand-500 hover:underline\"\n              >\n                {c.businessName ?? 'Unnamed business'}\n              </Link>\n            </td>\n            <td className={list.muted}>{c.peopleCount}</td>\n            <td className={`${list.nowrap} ${list.muted}`}>\n              {c.waitingSince ? waited(c.waitingSince) : EMPTY}\n            </td>\n            <td className={list.muted}>\n              {flags.length ? flags.join(' · ') : EMPTY}\n            </td>\n            <td className={rows.menuCell}>\n              <Button size=\"sm\" variant=\"secondary\" asChild>\n                <Link href={`/admin/tenants/${c.tenantId}?tab=verification`}>\n                  Review\n                </Link>\n              </Button>\n            </td>\n          </TableRow>\n        );\n      })}\n    </ListCard>\n  );\n}\n"],"mappings":";AA+CQ,SACE,KADF;AA7CR,OAAO,UAAU;AACjB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,UAAU,UAAU;AACrC,SAAS,oBAAoB;AAC7B,SAAS,OAAO,gBAAgB;AAChC,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB,SAAS,WAAW,cAAc;AAClC,SAAS,qBAAqB;AAEvB,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,UAAU;AAOT,SAAS,eAAe;AAC7B,QAAM,EAAE,MAAM,WAAW,SAAS,OAAO,QAAQ,IAAI,SAAS;AAAA,IAC5D,UAAU;AAAA,IACV,SAAS,MAAM,aAAa,KAAK,EAAE,QAAQ,kBAAkB,OAAO,IAAI,CAAC;AAAA,IACzE,OAAO;AAAA,EACT,CAAC;AACD,QAAM,QAAQ,MAAM,SAAS,CAAC;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO,MAAM;AAAA,MACb,SAAS;AAAA,MACT,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,SAAS,MAAM,KAAK,QAAQ;AAAA,MAC5B,YAAY,cAAc,OAAO,MAAM;AAAA,MACvC,SAAS,MAAM,WAAW;AAAA,MAC1B,YAAW;AAAA,MACX,MACE,qBAAC,QACC;AAAA,4BAAC,MAAG,sBAAQ;AAAA,QACZ,oBAAC,MAAG,oBAAM;AAAA,QACV,oBAAC,MAAG,qBAAO;AAAA,QACX,oBAAC,MAAG,mBAAK;AAAA,QACT,oBAAC,MAAG,OAAM,SACR,8BAAC,UAAK,WAAU,WAAU,qBAAO,GACnC;AAAA,SACF;AAAA,MAGD,gBAAM,IAAI,CAAC,MAAM;AAChB,cAAM,QAAQ,UAAU,EAAE,KAAK;AAE/B,eACE,qBAAC,YACC;AAAA,8BAAC,QAAG,WAAW,KAAK,QAClB;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,kBAAkB,EAAE,QAAQ;AAAA,cAClC,WAAU;AAAA,cAET,YAAE,gBAAgB;AAAA;AAAA,UACrB,GACF;AAAA,UACA,oBAAC,QAAG,WAAW,KAAK,OAAQ,YAAE,aAAY;AAAA,UAC1C,oBAAC,QAAG,WAAW,GAAG,KAAK,MAAM,IAAI,KAAK,KAAK,IACxC,YAAE,eAAe,OAAO,EAAE,YAAY,IAAI,OAC7C;AAAA,UACA,oBAAC,QAAG,WAAW,KAAK,OACjB,gBAAM,SAAS,MAAM,KAAK,QAAK,IAAI,OACtC;AAAA,UACA,oBAAC,QAAG,WAAW,KAAK,UAClB,8BAAC,UAAO,MAAK,MAAK,SAAQ,aAAY,SAAO,MAC3C,8BAAC,QAAK,MAAM,kBAAkB,EAAE,QAAQ,qBAAqB,oBAE7D,GACF,GACF;AAAA,aAtBa,EAAE,QAuBjB;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@withpotter/pages-admin",
-  "version": "0.13.0-next.58",
+  "version": "0.13.0-next.61",
   "description": "Box console platform-admin routes: overview, revenue, accounts, tenants, admins, roles, audit.",
   "license": "UNLICENSED",
   "sideEffects": false,
@@ -31,9 +31,9 @@
   "dependencies": {
     "@radix-ui/react-popover": "^1.1.23",
     "@tanstack/react-query": "^5.90.20",
-    "@withpotter/lib": "^0.13.0-next.58",
-    "@withpotter/platform-admin": "^0.13.0-next.58",
-    "@withpotter/ui-kit": "^0.13.0-next.58",
+    "@withpotter/lib": "^0.13.0-next.61",
+    "@withpotter/platform-admin": "^0.13.0-next.61",
+    "@withpotter/ui-kit": "^0.13.0-next.61",
     "lucide-react": "^0.562.0",
     "motion": "^12.42.2"
   },
@@ -50,7 +50,7 @@
     "typescript": "^5"
   },
   "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
+    "registry": "https://registry.npmjs.org",
     "access": "restricted"
   }
 }

package/dist/admin/verification/waiting-case-actions.js

@@ -1,68 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { Check, X } from "lucide-react";
-import {
-  OverflowItem,
-  OverflowMenu,
-  useConfirm,
-  useToast
-} from "@withpotter/ui-kit";
-import { useMoneyPermissions } from "../_money/permissions";
-import rows from "../accounts/rows.module.css";
-import { caseErrorText } from "../tenants/[id]/verification/case-rules";
-import { DenyDialog } from "../tenants/[id]/verification/decision-dialogs";
-import { useDecideCase } from "../tenants/[id]/verification/use-case";
-function WaitingCaseActions({
-  tenantId,
-  businessName
-}) {
-  const { toast } = useToast();
-  const confirm = useConfirm();
-  const { manageComplianceHint } = useMoneyPermissions();
-  const decide = useDecideCase(tenantId);
-  const [rejecting, setRejecting] = useState(false);
-  const business = businessName ?? "This business";
-  async function approve() {
-    const ok = await confirm({
-      title: `Approve ${business}?`,
-      description: ["Everyone listed is marked verified.", manageComplianceHint].filter(Boolean).join(" "),
-      confirmLabel: "Approve"
-    });
-    if (!ok) return;
-    decide.mutate(
-      { decision: "APPROVE" },
-      {
-        onSuccess: () => toast({ title: `${business} approved` }),
-        onError: (e) => toast({ title: caseErrorText(e, "decide"), variant: "destructive" })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs("td", { className: rows.menuCell, children: [
-    /* @__PURE__ */ jsxs(OverflowMenu, { label: `Actions for ${business}`, children: [
-      /* @__PURE__ */ jsx(OverflowItem, { icon: /* @__PURE__ */ jsx(Check, {}), onClick: () => void approve(), children: "Approve" }),
-      /* @__PURE__ */ jsx(
-        OverflowItem,
-        {
-          icon: /* @__PURE__ */ jsx(X, {}),
-          destructive: true,
-          onClick: () => setRejecting(true),
-          children: "Reject"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      DenyDialog,
-      {
-        tenantId,
-        business,
-        open: rejecting,
-        onClose: () => setRejecting(false)
-      }
-    )
-  ] });
-}
-export {
-  WaitingCaseActions
-};
-//# sourceMappingURL=waiting-case-actions.js.map

package/dist/admin/verification/waiting-case-actions.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/admin/verification/waiting-case-actions.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Check, X } from 'lucide-react';\nimport {\n  OverflowItem,\n  OverflowMenu,\n  useConfirm,\n  useToast,\n} from '@withpotter/ui-kit';\nimport { useMoneyPermissions } from '../_money/permissions';\nimport rows from '../accounts/rows.module.css';\nimport { caseErrorText } from '../tenants/[id]/verification/case-rules';\nimport { DenyDialog } from '../tenants/[id]/verification/decision-dialogs';\nimport { useDecideCase } from '../tenants/[id]/verification/use-case';\n\n/**\n * Approve or reject a waiting business from the list, after checking its\n * BVN and NIN by hand. Reject asks for a reason and a note, the same form\n * as on the business's own page; the server checks the permission.\n */\nexport function WaitingCaseActions({\n  tenantId,\n  businessName,\n}: {\n  tenantId: string;\n  businessName: string | null;\n}) {\n  const { toast } = useToast();\n  const confirm = useConfirm();\n  const { manageComplianceHint } = useMoneyPermissions();\n  const decide = useDecideCase(tenantId);\n  const [rejecting, setRejecting] = useState(false);\n  const business = businessName ?? 'This business';\n\n  async function approve() {\n    const ok = await confirm({\n      title: `Approve ${business}?`,\n      description: ['Everyone listed is marked verified.', manageComplianceHint]\n        .filter(Boolean)\n        .join(' '),\n      confirmLabel: 'Approve',\n    });\n\n    if (!ok) return;\n\n    decide.mutate(\n      { decision: 'APPROVE' },\n      {\n        onSuccess: () => toast({ title: `${business} approved` }),\n        onError: (e) =>\n          toast({ title: caseErrorText(e, 'decide'), variant: 'destructive' }),\n      },\n    );\n  }\n\n  return (\n    <td className={rows.menuCell}>\n      <OverflowMenu label={`Actions for ${business}`}>\n        <OverflowItem icon={<Check />} onClick={() => void approve()}>\n          Approve\n        </OverflowItem>\n        <OverflowItem\n          icon={<X />}\n          destructive\n          onClick={() => setRejecting(true)}\n        >\n          Reject\n        </OverflowItem>\n      </OverflowMenu>\n      <DenyDialog\n        tenantId={tenantId}\n        business={business}\n        open={rejecting}\n        onClose={() => setRejecting(false)}\n      />\n    </td>\n  );\n}\n"],"mappings":";AA0DM,SACsB,KADtB;AAxDN,SAAS,gBAAgB;AACzB,SAAS,OAAO,SAAS;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,2BAA2B;AACpC,OAAO,UAAU;AACjB,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAOvB,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAGG;AACD,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,qBAAqB,IAAI,oBAAoB;AACrD,QAAM,SAAS,cAAc,QAAQ;AACrC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,WAAW,gBAAgB;AAEjC,iBAAe,UAAU;AACvB,UAAM,KAAK,MAAM,QAAQ;AAAA,MACvB,OAAO,WAAW,QAAQ;AAAA,MAC1B,aAAa,CAAC,uCAAuC,oBAAoB,EACtE,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,cAAc;AAAA,IAChB,CAAC;AAED,QAAI,CAAC,GAAI;AAET,WAAO;AAAA,MACL,EAAE,UAAU,UAAU;AAAA,MACtB;AAAA,QACE,WAAW,MAAM,MAAM,EAAE,OAAO,GAAG,QAAQ,YAAY,CAAC;AAAA,QACxD,SAAS,CAAC,MACR,MAAM,EAAE,OAAO,cAAc,GAAG,QAAQ,GAAG,SAAS,cAAc,CAAC;AAAA,MACvE;AAAA,IACF;AAAA,EACF;AAEA,SACE,qBAAC,QAAG,WAAW,KAAK,UAClB;AAAA,yBAAC,gBAAa,OAAO,eAAe,QAAQ,IAC1C;AAAA,0BAAC,gBAAa,MAAM,oBAAC,SAAM,GAAI,SAAS,MAAM,KAAK,QAAQ,GAAG,qBAE9D;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,oBAAC,KAAE;AAAA,UACT,aAAW;AAAA,UACX,SAAS,MAAM,aAAa,IAAI;AAAA,UACjC;AAAA;AAAA,MAED;AAAA,OACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,MAAM;AAAA,QACN,SAAS,MAAM,aAAa,KAAK;AAAA;AAAA,IACnC;AAAA,KACF;AAEJ;","names":[]}