@withpotter/pages-admin 0.13.0-next.59 → 0.13.0-next.62

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/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/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":";AAgDM,SAKI,KALJ;AA9CN,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,eAAe,6BAA4C;AACpE,SAAS,mBAAuC;AAChD,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB,oBAAoB;AAClD,SAAS,WAAW,YAAY,oBAAoB;AACpD,SAAS,eAAe;AACxB,OAAO,YAAY;AAInB,MAAM,SAAS;AAAA,EACb,EAAE,OAAO,UAAmB,OAAO,SAAS;AAAA,EAC5C,EAAE,OAAO,SAAkB,OAAO,QAAQ;AAAA,EAC1C,EAAE,OAAO,QAAiB,OAAO,OAAO;AAC1C;AAEA,MAAM,gBAGD;AAAA,EACH,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,EACvC,EAAE,OAAO,WAAW,OAAO,UAAU;AAAA,EACrC,EAAE,OAAO,aAAa,OAAO,YAAY;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,SAAS;AACrC;AAOO,SAAS,aAAa;AAC3B,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,QAAQ,MAAM,IAAI,QAAQ;AAClC,QAAM,EAAE,OAAO,SAAS,IAAI,SAAS;AACrC,QAAM,EAAE,UAAU,YAAY,IAAI,sBAAsB;AACxD,QAAM,YAAY,oBAAoB;AACtC,QAAM,YAAY,YAAY,SAAS;AACvC,QAAM,eAAe,cAAc;AAAA,IACjC,CAAC,MAAM,aAAa,EAAE,UAAU;AAAA,EAClC;AAEA,SACE,qBAAC,SAAI,WAAW,OAAO,OACrB;AAAA,yBAAC,gBAAa,OAAM,cAClB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,OAAO;AAAA,cACP,SAAS;AAAA,cACT,UAAU,CAAC,SAAS;AAClB,yBAAS,IAAI;AACb,sBAAM;AAAA,cACR;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,OAAO,SAAS;AAAA,cAChB,SAAS;AAAA,gBACP,EAAE,OAAO,eAAe,OAAO,cAAc;AAAA,gBAC7C,EAAE,OAAO,WAAW,OAAO,UAAU;AAAA,cACvC;AAAA,cACA,UAAU,CAAC,YAAY,OAAO,EAAE,QAAQ,CAAC;AAAA;AAAA,UAC3C;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,OAAO,YAAY,cAAc;AAAA,cACjC,SAAS;AAAA,gBACP,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,gBACvC,EAAE,OAAO,aAAa,OAAO,YAAY;AAAA,cAC3C;AAAA,cACA,UAAU,CAAC,SAAS;AAClB,6BAAa,IAAI,SAAS,WAAW;AACrC,sBAAM;AAAA,cACR;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IAEA,qBAAC,gBAAa,OAAM,YAAW,aAAY,yBACzC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,OAAO;AAAA,cAClB,WAAU;AAAA,cACV,OAAO;AAAA,cACP,SAAS,cAAc,IAAI,CAAC,OAAO;AAAA,gBACjC,OAAO,EAAE;AAAA,gBACT,OAAO,EAAE;AAAA,cACX,EAAE;AAAA,cACF,UAAU,CAAC,QAAQ;AACjB,4BAAY,GAAe;AAC3B,sBAAM;AAAA,cACR;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UAEZ;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,OAAO;AAAA,cAClB,WAAU;AAAA,cACV,OAAO,SAAS;AAAA,cAChB,SAAS;AAAA,cACT,UAAU,CAAC,UACT,OAAO,EAAE,WAAW,MAAoC,CAAC;AAAA;AAAA,UAE7D;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KACF;AAEJ;","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/preview-dialog.js

@@ -0,0 +1,111 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import {
+  Button,
+  ErrorBanner,
+  FormDialog,
+  useConfirm,
+  useToast
+} from "@withpotter/ui-kit";
+import { AdmLoading } from "../_ui";
+import { useMoneyPermissions } from "../_money/permissions";
+import { documentWord } from "../tenants/[id]/verification/case-checks";
+import {
+  barMode,
+  caseErrorText
+} from "../tenants/[id]/verification/case-rules";
+import { DenyDialog } from "../tenants/[id]/verification/decision-dialogs";
+import { DocumentFile } from "../tenants/[id]/verification/document-file";
+import { ownerName } from "../tenants/[id]/verification/document-view";
+import { useCase, useDecideCase } from "../tenants/[id]/verification/use-case";
+import styles from "../tenants/[id]/verification/verification.module.css";
+import viewer from "../tenants/[id]/verification/document-viewer.module.css";
+function PreviewDialog({
+  tenantId,
+  business,
+  onClose
+}) {
+  const { toast } = useToast();
+  const confirm = useConfirm();
+  const { manageComplianceHint } = useMoneyPermissions();
+  const query = useCase(tenantId);
+  const decide = useDecideCase(tenantId);
+  const [denying, setDenying] = useState(false);
+  const data = query.data;
+  const mode = data ? barMode(data.status) : null;
+  const wasDeciding = useRef(false);
+  useEffect(() => {
+    if (mode === "decide") wasDeciding.current = true;
+    else if (wasDeciding.current) onClose();
+  }, [mode, onClose]);
+  async function approve() {
+    const ok = await confirm({
+      title: `Approve ${business}?`,
+      description: "Everyone listed is marked verified.",
+      confirmLabel: "Approve"
+    });
+    if (!ok) return;
+    decide.mutate(
+      { decision: "APPROVE" },
+      {
+        onSuccess: () => toast({ title: `${business} approved` }),
+        onError: (e) => toast({ title: caseErrorText(e, "decide"), variant: "destructive" })
+      }
+    );
+  }
+  const files = data?.documents ?? [];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      FormDialog,
+      {
+        open: !denying,
+        onClose,
+        title: business,
+        description: "What the merchant sent",
+        size: "lg",
+        footer: /* @__PURE__ */ jsxs("div", { className: styles.footer, children: [
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Close" }),
+          mode === "decide" && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setDenying(true), children: "Deny" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                loading: decide.isPending,
+                onClick: () => void approve(),
+                children: "Approve"
+              }
+            )
+          ] })
+        ] }),
+        children: [
+          query.isLoading && /* @__PURE__ */ jsx(AdmLoading, { label: "Loading what was sent\u2026" }),
+          (query.isError || !query.isLoading && !data) && /* @__PURE__ */ jsx(ErrorBanner, { children: caseErrorText(query.error, "load") }),
+          data && files.length === 0 && /* @__PURE__ */ jsx("p", { className: viewer.note, children: "No photos or documents sent." }),
+          data && files.map((d) => /* @__PURE__ */ jsxs("div", { className: styles.stack, children: [
+            /* @__PURE__ */ jsxs("span", { className: viewer.note, children: [
+              documentWord(d),
+              " \xB7 ",
+              ownerName(d, data.people)
+            ] }),
+            /* @__PURE__ */ jsx(DocumentFile, { tenantId, document: d })
+          ] }, d.id)),
+          manageComplianceHint && /* @__PURE__ */ jsx("span", { className: "adm-caption", children: manageComplianceHint })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DenyDialog,
+      {
+        tenantId,
+        business,
+        open: denying,
+        onClose: () => setDenying(false)
+      }
+    )
+  ] });
+}
+export {
+  PreviewDialog
+};
+//# sourceMappingURL=preview-dialog.js.map

package/dist/admin/verification/preview-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/verification/preview-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport {\n  Button,\n  ErrorBanner,\n  FormDialog,\n  useConfirm,\n  useToast,\n} from \"@withpotter/ui-kit\";\nimport { AdmLoading } from \"../_ui\";\nimport { useMoneyPermissions } from \"../_money/permissions\";\nimport { documentWord } from \"../tenants/[id]/verification/case-checks\";\nimport {\n  barMode,\n  caseErrorText,\n} from \"../tenants/[id]/verification/case-rules\";\nimport { DenyDialog } from \"../tenants/[id]/verification/decision-dialogs\";\nimport { DocumentFile } from \"../tenants/[id]/verification/document-file\";\nimport { ownerName } from \"../tenants/[id]/verification/document-view\";\nimport { useCase, useDecideCase } from \"../tenants/[id]/verification/use-case\";\nimport styles from \"../tenants/[id]/verification/verification.module.css\";\nimport viewer from \"../tenants/[id]/verification/document-viewer.module.css\";\n\n/**\n * A popup over the Verification list: every photo and document the business\n * sent, full size, with Approve and Deny at the foot, so the admin decides\n * without leaving the list. It closes once the case is no longer waiting.\n */\nexport function PreviewDialog({\n  tenantId,\n  business,\n  onClose,\n}: {\n  tenantId: string;\n  business: string;\n  onClose: () => void;\n}) {\n  const { toast } = useToast();\n  const confirm = useConfirm();\n  const { manageComplianceHint } = useMoneyPermissions();\n  const query = useCase(tenantId);\n  const decide = useDecideCase(tenantId);\n  const [denying, setDenying] = useState(false);\n  const data = query.data;\n  const mode = data ? barMode(data.status) : null;\n  const wasDeciding = useRef(false);\n\n  useEffect(() => {\n    if (mode === \"decide\") wasDeciding.current = true;\n    else if (wasDeciding.current) onClose();\n  }, [mode, onClose]);\n\n  async function approve() {\n    const ok = await confirm({\n      title: `Approve ${business}?`,\n      description: \"Everyone listed is marked verified.\",\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  const files = data?.documents ?? [];\n\n  return (\n    <>\n      <FormDialog\n        open={!denying}\n        onClose={onClose}\n        title={business}\n        description=\"What the merchant sent\"\n        size=\"lg\"\n        footer={\n          <div className={styles.footer}>\n            <Button variant=\"secondary\" onClick={onClose}>\n              Close\n            </Button>\n            {mode === \"decide\" && (\n              <>\n                <Button variant=\"secondary\" onClick={() => setDenying(true)}>\n                  Deny\n                </Button>\n                <Button\n                  loading={decide.isPending}\n                  onClick={() => void approve()}\n                >\n                  Approve\n                </Button>\n              </>\n            )}\n          </div>\n        }\n      >\n        {query.isLoading && <AdmLoading label=\"Loading what was sent…\" />}\n        {(query.isError || (!query.isLoading && !data)) && (\n          <ErrorBanner>{caseErrorText(query.error, \"load\")}</ErrorBanner>\n        )}\n        {data && files.length === 0 && (\n          <p className={viewer.note}>No photos or documents sent.</p>\n        )}\n        {data &&\n          files.map((d) => (\n            <div key={d.id} className={styles.stack}>\n              <span className={viewer.note}>\n                {documentWord(d)} · {ownerName(d, data.people)}\n              </span>\n              <DocumentFile tenantId={tenantId} document={d} />\n            </div>\n          ))}\n        {manageComplianceHint && (\n          <span className=\"adm-caption\">{manageComplianceHint}</span>\n        )}\n      </FormDialog>\n      <DenyDialog\n        tenantId={tenantId}\n        business={business}\n        open={denying}\n        onClose={() => setDenying(false)}\n      />\n    </>\n  );\n}\n"],"mappings":"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","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

@@ -1,14 +1,16 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
+import { useState } from "react";
 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";
+import { PreviewDialog } from "./preview-dialog";
 const WAITING_LIST_KEY = [
   "platform-admin",
   "compliance",
@@ -23,51 +25,67 @@ function WaitingCases() {
     retry: false
   });
   const items = data?.items ?? [];
-  return /* @__PURE__ */ jsx(
-    ListCard,
-    {
-      title: "Businesses waiting for review",
-      count: data?.total,
-      columns: COLUMNS,
-      minWidth: 720,
-      isLoading,
-      isError,
-      onRetry: () => void refetch(),
-      errorTitle: caseErrorText(error, "load"),
-      isEmpty: items.length === 0,
-      emptyTitle: "No business is waiting for review.",
-      head: /* @__PURE__ */ jsxs("tr", { children: [
-        /* @__PURE__ */ jsx(Th, { children: "Business" }),
-        /* @__PURE__ */ jsx(Th, { children: "People" }),
-        /* @__PURE__ */ jsx(Th, { children: "Waiting" }),
-        /* @__PURE__ */ jsx(Th, { children: "Flags" }),
-        /* @__PURE__ */ jsx(Th, { align: "right", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Actions" }) })
-      ] }),
-      children: items.map((c) => {
-        const flags = flagWords(c.flags);
-        return /* @__PURE__ */ jsxs(TableRow, { children: [
-          /* @__PURE__ */ jsx("td", { className: list.nowrap, children: /* @__PURE__ */ jsx(
-            Link,
-            {
-              href: `/admin/tenants/${c.tenantId}?tab=verification`,
-              className: "text-brand-500 hover:underline",
-              children: c.businessName ?? "Unnamed business"
-            }
-          ) }),
-          /* @__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
-            }
-          )
-        ] }, c.tenantId);
-      })
-    }
-  );
+  const [previewing, setPreviewing] = useState(null);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ListCard,
+      {
+        title: "Businesses waiting for review",
+        count: data?.total,
+        columns: COLUMNS,
+        minWidth: 720,
+        isLoading,
+        isError,
+        onRetry: () => void refetch(),
+        errorTitle: caseErrorText(error, "load"),
+        isEmpty: items.length === 0,
+        emptyTitle: "No business is waiting for review.",
+        head: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx(Th, { children: "Business" }),
+          /* @__PURE__ */ jsx(Th, { children: "People" }),
+          /* @__PURE__ */ jsx(Th, { children: "Waiting" }),
+          /* @__PURE__ */ jsx(Th, { children: "Flags" }),
+          /* @__PURE__ */ jsx(Th, { align: "right", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Actions" }) })
+        ] }),
+        children: items.map((c) => {
+          const flags = flagWords(c.flags);
+          return /* @__PURE__ */ jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsx("td", { className: list.nowrap, children: /* @__PURE__ */ jsx(
+              Link,
+              {
+                href: `/admin/tenants/${c.tenantId}?tab=verification`,
+                className: "text-brand-500 hover:underline",
+                children: c.businessName ?? "Unnamed business"
+              }
+            ) }),
+            /* @__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("td", { className: rows.menuCell, children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "sm",
+                variant: "secondary",
+                onClick: () => setPreviewing({
+                  id: c.tenantId,
+                  name: c.businessName ?? "Unnamed business"
+                }),
+                children: "Preview"
+              }
+            ) })
+          ] }, c.tenantId);
+        })
+      }
+    ),
+    previewing && /* @__PURE__ */ jsx(
+      PreviewDialog,
+      {
+        tenantId: previewing.id,
+        business: previewing.name,
+        onClose: () => setPreviewing(null)
+      }
+    )
+  ] });
 }
 export {
   WAITING_LIST_KEY,

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 { useState } from \"react\";\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\";\nimport { PreviewDialog } from \"./preview-dialog\";\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 * Preview opens a popup with what the merchant sent and Approve / Deny; the\n * business name opens its full Verification tab.\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  const [previewing, setPreviewing] = useState<{\n    id: string;\n    name: string;\n  } | null>(null);\n\n  return (\n    <>\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\n                  size=\"sm\"\n                  variant=\"secondary\"\n                  onClick={() =>\n                    setPreviewing({\n                      id: c.tenantId,\n                      name: c.businessName ?? \"Unnamed business\",\n                    })\n                  }\n                >\n                  Preview\n                </Button>\n              </td>\n            </TableRow>\n          );\n        })}\n      </ListCard>\n      {previewing && (\n        <PreviewDialog\n          tenantId={previewing.id}\n          business={previewing.name}\n          onClose={() => setPreviewing(null)}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":";AAyCI,mBAcQ,KADF,YAbN;AAvCJ,OAAO,UAAU;AACjB,SAAS,gBAAgB;AACzB,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;AAC9B,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;AAC9B,QAAM,CAAC,YAAY,aAAa,IAAI,SAG1B,IAAI;AAEd,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,MAAM;AAAA,QACb,SAAS;AAAA,QACT,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,SAAS,MAAM,KAAK,QAAQ;AAAA,QAC5B,YAAY,cAAc,OAAO,MAAM;AAAA,QACvC,SAAS,MAAM,WAAW;AAAA,QAC1B,YAAW;AAAA,QACX,MACE,qBAAC,QACC;AAAA,8BAAC,MAAG,sBAAQ;AAAA,UACZ,oBAAC,MAAG,oBAAM;AAAA,UACV,oBAAC,MAAG,qBAAO;AAAA,UACX,oBAAC,MAAG,mBAAK;AAAA,UACT,oBAAC,MAAG,OAAM,SACR,8BAAC,UAAK,WAAU,WAAU,qBAAO,GACnC;AAAA,WACF;AAAA,QAGD,gBAAM,IAAI,CAAC,MAAM;AAChB,gBAAM,QAAQ,UAAU,EAAE,KAAK;AAE/B,iBACE,qBAAC,YACC;AAAA,gCAAC,QAAG,WAAW,KAAK,QAClB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM,kBAAkB,EAAE,QAAQ;AAAA,gBAClC,WAAU;AAAA,gBAET,YAAE,gBAAgB;AAAA;AAAA,YACrB,GACF;AAAA,YACA,oBAAC,QAAG,WAAW,KAAK,OAAQ,YAAE,aAAY;AAAA,YAC1C,oBAAC,QAAG,WAAW,GAAG,KAAK,MAAM,IAAI,KAAK,KAAK,IACxC,YAAE,eAAe,OAAO,EAAE,YAAY,IAAI,OAC7C;AAAA,YACA,oBAAC,QAAG,WAAW,KAAK,OACjB,gBAAM,SAAS,MAAM,KAAK,QAAK,IAAI,OACtC;AAAA,YACA,oBAAC,QAAG,WAAW,KAAK,UAClB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,SAAS,MACP,cAAc;AAAA,kBACZ,IAAI,EAAE;AAAA,kBACN,MAAM,EAAE,gBAAgB;AAAA,gBAC1B,CAAC;AAAA,gBAEJ;AAAA;AAAA,YAED,GACF;AAAA,eA7Ba,EAAE,QA8BjB;AAAA,QAEJ,CAAC;AAAA;AAAA,IACH;AAAA,IACC,cACC;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,WAAW;AAAA,QACrB,UAAU,WAAW;AAAA,QACrB,SAAS,MAAM,cAAc,IAAI;AAAA;AAAA,IACnC;AAAA,KAEJ;AAEJ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@withpotter/pages-admin",
-  "version": "0.13.0-next.59",
+  "version": "0.13.0-next.62",
   "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.59",
-    "@withpotter/platform-admin": "^0.13.0-next.59",
-    "@withpotter/ui-kit": "^0.13.0-next.59",
+    "@withpotter/lib": "^0.13.0-next.62",
+    "@withpotter/platform-admin": "^0.13.0-next.62",
+    "@withpotter/ui-kit": "^0.13.0-next.62",
     "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":[]}