@withpotter/pages-admin 0.13.0-next.101

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

@@ -0,0 +1,46 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "@withpotter/ui-kit";
+import { Drawer } from "../../../_ui";
+import { documentWord } from "./case-checks";
+import { checkTone, checkWord, shortDate } from "./case-words";
+import { DocumentFile } from "./document-file";
+import { ownerName } from "./document-view";
+import styles from "./document-viewer.module.css";
+function DocumentViewer({
+  tenantId,
+  document,
+  people,
+  onClose
+}) {
+  const [shown, setShown] = useState(document);
+  if (document && document !== shown) setShown(document);
+  return /* @__PURE__ */ jsx(
+    Drawer,
+    {
+      open: Boolean(document),
+      onClose,
+      width: 640,
+      title: shown ? documentWord(shown) : "Document",
+      subtitle: shown ? ownerName(shown, people) : void 0,
+      meta: shown ? /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: styles.tone,
+          "data-tone": checkTone(shown.checkStatus),
+          children: [
+            checkWord(shown.checkStatus, null),
+            shown.sentAt ? ` \xB7 Sent ${shortDate(shown.sentAt)}` : ""
+          ]
+        }
+      ) : void 0,
+      footer: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Close" }),
+      children: shown && document && /* @__PURE__ */ jsx(DocumentFile, { tenantId, document: shown })
+    }
+  );
+}
+export {
+  DocumentViewer
+};
+//# sourceMappingURL=document-viewer.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,98 @@
+/* The document viewer's body: the file on a flat well, filling the panel. */
+
+.frame {
+  display: grid;
+  place-items: center;
+  min-height: 360px;
+  border: 1px solid var(--border-default);
+  border-radius: var(--adm-card-radius);
+  background: var(--adm-canvas);
+  overflow: hidden;
+}
+
+.image {
+  display: block;
+  max-width: 100%;
+  max-height: 70vh;
+  object-fit: contain;
+  user-select: none;
+  -webkit-user-drag: none;
+}
+
+.pdf {
+  width: 100%;
+  height: 70vh;
+  border: 0;
+}
+
+.note {
+  margin: 0;
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--text-secondary);
+}
+
+.tone {
+  font-size: 13px;
+  line-height: 20px;
+  color: var(--text-secondary);
+}
+
+.tone[data-tone='good'] {
+  color: var(--success);
+}
+
+.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/person-card.js

@@ -0,0 +1,111 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Panel } from "../../../_ui";
+import {
+  checkTone,
+  checkWord,
+  scoreWord,
+  screeningWord,
+  shortDate
+} from "./case-words";
+import { RevealNumber } from "./reveal-number";
+import styles from "./verification.module.css";
+function Outcome({ word, tone }) {
+  return /* @__PURE__ */ jsx("dd", { className: styles.tone, "data-tone": tone, children: word });
+}
+function IdRow({
+  label,
+  field,
+  check,
+  ids
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("dt", { children: label }),
+    /* @__PURE__ */ jsx("dd", { children: check ? /* @__PURE__ */ jsx(RevealNumber, { ...ids, field, last4: check.last4 }) : "Not given" }),
+    /* @__PURE__ */ jsx(
+      Outcome,
+      {
+        word: check ? checkWord(check.status, check.outcome) : "",
+        tone: check ? checkTone(check.status, check.outcome) : "neutral"
+      }
+    )
+  ] });
+}
+function IdentityRow({ p, ids }) {
+  const type = p.identity.type?.toLowerCase();
+  const field = type === "bvn" || type === "nin" ? type : null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("dt", { children: p.identity.type?.toUpperCase() }),
+    /* @__PURE__ */ jsx("dd", { children: p.canReveal && field ? /* @__PURE__ */ jsx(RevealNumber, { ...ids, field, last4: null }) : null }),
+    /* @__PURE__ */ jsx(
+      Outcome,
+      {
+        word: checkWord(p.identity.status, null),
+        tone: checkTone(p.identity.status)
+      }
+    )
+  ] });
+}
+const role = (p) => [
+  p.isDirector ? "Director" : null,
+  p.ownershipPercent > 0 ? `${p.ownershipPercent}% owner` : null
+].filter(Boolean).join(" \xB7 ");
+function PersonCard({
+  tenantId,
+  person: p,
+  photoButton
+}) {
+  const ids = { tenantId, personId: p.id };
+  const { screening, liveness, document } = p;
+  const showLiveness = liveness.status !== "NONE" || !document;
+  return /* @__PURE__ */ jsxs(Panel, { title: p.fullName, caption: role(p) || void 0, children: [
+    /* @__PURE__ */ jsxs("dl", { className: styles.checks, children: [
+      (p.bvn || p.nin || !p.identity.type) && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(IdRow, { label: "BVN", field: "bvn", check: p.bvn, ids }),
+        /* @__PURE__ */ jsx(IdRow, { label: "NIN", field: "nin", check: p.nin, ids })
+      ] }),
+      !p.bvn && !p.nin && p.identity.type && /* @__PURE__ */ jsx(IdentityRow, { p, ids }),
+      showLiveness && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("dt", { children: "Liveness" }),
+        /* @__PURE__ */ jsx("dd", {}),
+        /* @__PURE__ */ jsx(
+          Outcome,
+          {
+            word: checkWord(liveness.status, liveness.outcome),
+            tone: checkTone(liveness.status, liveness.outcome)
+          }
+        )
+      ] }),
+      document && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("dt", { children: "ID photo" }),
+        /* @__PURE__ */ jsx("dd", { children: photoButton }),
+        /* @__PURE__ */ jsx(
+          Outcome,
+          {
+            word: checkWord(document.status, document.outcome),
+            tone: checkTone(document.status, document.outcome)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("dt", { children: "Screening" }),
+      /* @__PURE__ */ jsx("dd", { children: screening.screenedAt && shortDate(screening.screenedAt) }),
+      /* @__PURE__ */ jsx(
+        Outcome,
+        {
+          word: screeningWord(screening.status),
+          tone: checkTone(screening.status)
+        }
+      ),
+      p.idsAgree === false && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("dt", { children: "IDs" }),
+        /* @__PURE__ */ jsx("dd", { children: "BVN and NIN records disagree" }),
+        /* @__PURE__ */ jsx(Outcome, { word: "Mismatch", tone: "bad" })
+      ] })
+    ] }),
+    screening.matches.length > 0 && /* @__PURE__ */ jsx("ul", { className: styles.matches, "aria-label": "Screening matches", children: screening.matches.map((m, i) => /* @__PURE__ */ jsx("li", { children: [m.name ?? "Unnamed", m.source, scoreWord(m.score)].filter(Boolean).join(" \xB7 ") }, i)) })
+  ] });
+}
+export {
+  PersonCard
+};
+//# sourceMappingURL=person-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/verification/person-card.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport type { CasePerson, IdCheck } from '@withpotter/lib/admin-case-types';\nimport { Panel } from '../../../_ui';\nimport {\n  checkTone,\n  checkWord,\n  scoreWord,\n  screeningWord,\n  shortDate,\n} from './case-words';\nimport { RevealNumber } from './reveal-number';\nimport styles from './verification.module.css';\n\nfunction Outcome({ word, tone }: { word: string; tone: string }) {\n  return (\n    <dd className={styles.tone} data-tone={tone}>\n      {word}\n    </dd>\n  );\n}\n\ntype Ids = { tenantId: string; personId: string };\n\nfunction IdRow({\n  label,\n  field,\n  check,\n  ids,\n}: {\n  label: string;\n  field: 'bvn' | 'nin';\n  check: IdCheck | null;\n} & { ids: Ids }) {\n  return (\n    <>\n      <dt>{label}</dt>\n      <dd>\n        {check ? (\n          <RevealNumber {...ids} field={field} last4={check.last4} />\n        ) : (\n          'Not given'\n        )}\n      </dd>\n      <Outcome\n        word={check ? checkWord(check.status, check.outcome) : ''}\n        tone={check ? checkTone(check.status, check.outcome) : 'neutral'}\n      />\n    </>\n  );\n}\n\n/** A person with one ID check: the number behind it is read back on a press. */\nfunction IdentityRow({ p, ids }: { p: CasePerson; ids: Ids }) {\n  const type = p.identity.type?.toLowerCase();\n  const field = type === 'bvn' || type === 'nin' ? type : null;\n\n  return (\n    <>\n      <dt>{p.identity.type?.toUpperCase()}</dt>\n      <dd>\n        {p.canReveal && field ? (\n          <RevealNumber {...ids} field={field} last4={null} />\n        ) : null}\n      </dd>\n      <Outcome\n        word={checkWord(p.identity.status, null)}\n        tone={checkTone(p.identity.status)}\n      />\n    </>\n  );\n}\n\nconst role = (p: CasePerson) =>\n  [\n    p.isDirector ? 'Director' : null,\n    p.ownershipPercent > 0 ? `${p.ownershipPercent}% owner` : null,\n  ]\n    .filter(Boolean)\n    .join(' · ');\n\n/**\n * One person behind the business: each check and what it found. The ID photo\n * stays in private storage; its row's View opens it in the document panel.\n */\nexport function PersonCard({\n  tenantId,\n  person: p,\n  photoButton,\n}: {\n  tenantId: string;\n  person: CasePerson;\n  /** View for this person's ID photo; null when none was sent. */\n  photoButton?: ReactNode;\n}) {\n  const ids = { tenantId, personId: p.id };\n  const { screening, liveness, document } = p;\n  // A selfie flow (Box) shows liveness; Olive's flow asks for an ID photo instead.\n  const showLiveness = liveness.status !== 'NONE' || !document;\n\n  return (\n    <Panel title={p.fullName} caption={role(p) || undefined}>\n      <dl className={styles.checks}>\n        {(p.bvn || p.nin || !p.identity.type) && (\n          <>\n            <IdRow label=\"BVN\" field=\"bvn\" check={p.bvn} ids={ids} />\n            <IdRow label=\"NIN\" field=\"nin\" check={p.nin} ids={ids} />\n          </>\n        )}\n        {!p.bvn && !p.nin && p.identity.type && <IdentityRow p={p} ids={ids} />}\n        {showLiveness && (\n          <>\n            <dt>Liveness</dt>\n            <dd />\n            <Outcome\n              word={checkWord(liveness.status, liveness.outcome)}\n              tone={checkTone(liveness.status, liveness.outcome)}\n            />\n          </>\n        )}\n        {document && (\n          <>\n            <dt>ID photo</dt>\n            <dd>{photoButton}</dd>\n            <Outcome\n              word={checkWord(document.status, document.outcome)}\n              tone={checkTone(document.status, document.outcome)}\n            />\n          </>\n        )}\n        <dt>Screening</dt>\n        <dd>{screening.screenedAt && shortDate(screening.screenedAt)}</dd>\n        <Outcome\n          word={screeningWord(screening.status)}\n          tone={checkTone(screening.status)}\n        />\n        {p.idsAgree === false && (\n          <>\n            <dt>IDs</dt>\n            <dd>BVN and NIN records disagree</dd>\n            <Outcome word=\"Mismatch\" tone=\"bad\" />\n          </>\n        )}\n      </dl>\n      {screening.matches.length > 0 && (\n        <ul className={styles.matches} aria-label=\"Screening matches\">\n          {screening.matches.map((m, i) => (\n            <li key={i}>\n              {[m.name ?? 'Unnamed', m.source, scoreWord(m.score)]\n                .filter(Boolean)\n                .join(' · ')}\n            </li>\n          ))}\n        </ul>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,48 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useMutation } from "@tanstack/react-query";
+import { Button, useToast } from "@withpotter/ui-kit";
+import { adminCaseApi } from "@withpotter/lib/admin-case-api";
+import { useMoneyPermissions } from "../../../_money/permissions";
+import { caseErrorText, groupDigits, REVEAL_MS } from "./case-rules";
+import styles from "./verification.module.css";
+function RevealNumber({
+  tenantId,
+  personId,
+  field,
+  last4
+}) {
+  const { toast } = useToast();
+  const { revealComplianceHint } = useMoneyPermissions();
+  const [value, setValue] = useState(null);
+  const reveal = useMutation({
+    mutationFn: () => adminCaseApi.reveal(tenantId, personId, field),
+    onSuccess: (r) => setValue(r.value),
+    onError: (e) => toast({ title: caseErrorText(e, "reveal"), variant: "destructive" })
+  });
+  useEffect(() => {
+    if (!value) return;
+    const timer = setTimeout(() => setValue(null), REVEAL_MS);
+    return () => clearTimeout(timer);
+  }, [value]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { className: styles.number, children: value ? groupDigits(value) : `\u2022\u2022\u2022\u2022 ${last4 ?? "\u2022\u2022\u2022\u2022"}` }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        variant: "ghost",
+        loading: reveal.isPending,
+        title: revealComplianceHint,
+        "aria-label": `${value ? "Hide" : "Show"} ${field.toUpperCase()}`,
+        onClick: () => value ? setValue(null) : reveal.mutate(),
+        children: value ? "Hide" : "Show"
+      }
+    )
+  ] });
+}
+export {
+  RevealNumber
+};
+//# sourceMappingURL=reveal-number.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/verification/reveal-number.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport { useMutation } from '@tanstack/react-query';\nimport { Button, useToast } from '@withpotter/ui-kit';\nimport { adminCaseApi } from '@withpotter/lib/admin-case-api';\nimport { useMoneyPermissions } from '../../../_money/permissions';\nimport { caseErrorText, groupDigits, REVEAL_MS } from './case-rules';\nimport styles from './verification.module.css';\n\n/**\n * The last four of a BVN or NIN (dots where none are kept), and the whole\n * number only after a press. It hides itself again after thirty seconds; the\n * server logs each reveal.\n */\nexport function RevealNumber({\n  tenantId,\n  personId,\n  field,\n  last4,\n}: {\n  tenantId: string;\n  personId: string;\n  field: 'bvn' | 'nin';\n  /** Null where no digits are kept on the box (Olive). */\n  last4: string | null;\n}) {\n  const { toast } = useToast();\n  const { revealComplianceHint } = useMoneyPermissions();\n  const [value, setValue] = useState<string | null>(null);\n  const reveal = useMutation({\n    mutationFn: () => adminCaseApi.reveal(tenantId, personId, field),\n    onSuccess: (r) => setValue(r.value),\n    onError: (e) =>\n      toast({ title: caseErrorText(e, 'reveal'), variant: 'destructive' }),\n  });\n\n  useEffect(() => {\n    if (!value) return;\n\n    const timer = setTimeout(() => setValue(null), REVEAL_MS);\n\n    return () => clearTimeout(timer);\n  }, [value]);\n\n  return (\n    <>\n      <span className={styles.number}>\n        {value ? groupDigits(value) : `•••• ${last4 ?? '••••'}`}\n      </span>\n      <Button\n        size=\"sm\"\n        variant=\"ghost\"\n        loading={reveal.isPending}\n        title={revealComplianceHint}\n        aria-label={`${value ? 'Hide' : 'Show'} ${field.toUpperCase()}`}\n        onClick={() => (value ? setValue(null) : reveal.mutate())}\n      >\n        {value ? 'Hide' : 'Show'}\n      </Button>\n    </>\n  );\n}\n"],"mappings":";AA8CI,mBACE,KADF;AA5CJ,SAAS,WAAW,gBAAgB;AACpC,SAAS,mBAAmB;AAC5B,SAAS,QAAQ,gBAAgB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AACpC,SAAS,eAAe,aAAa,iBAAiB;AACtD,OAAO,YAAY;AAOZ,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,EAAE,qBAAqB,IAAI,oBAAoB;AACrD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,QAAM,SAAS,YAAY;AAAA,IACzB,YAAY,MAAM,aAAa,OAAO,UAAU,UAAU,KAAK;AAAA,IAC/D,WAAW,CAAC,MAAM,SAAS,EAAE,KAAK;AAAA,IAClC,SAAS,CAAC,MACR,MAAM,EAAE,OAAO,cAAc,GAAG,QAAQ,GAAG,SAAS,cAAc,CAAC;AAAA,EACvE,CAAC;AAED,YAAU,MAAM;AACd,QAAI,CAAC,MAAO;AAEZ,UAAM,QAAQ,WAAW,MAAM,SAAS,IAAI,GAAG,SAAS;AAExD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,KAAK,CAAC;AAEV,SACE,iCACE;AAAA,wBAAC,UAAK,WAAW,OAAO,QACrB,kBAAQ,YAAY,KAAK,IAAI,4BAAQ,SAAS,0BAAM,IACvD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAAS,OAAO;AAAA,QAChB,OAAO;AAAA,QACP,cAAY,GAAG,QAAQ,SAAS,MAAM,IAAI,MAAM,YAAY,CAAC;AAAA,QAC7D,SAAS,MAAO,QAAQ,SAAS,IAAI,IAAI,OAAO,OAAO;AAAA,QAEtD,kBAAQ,SAAS;AAAA;AAAA,IACpB;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,52 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useToast } from "@withpotter/ui-kit";
+import { caseErrorText, noteError } from "./case-rules";
+import { CaseFormDialog } from "./case-form-dialog";
+import { useReverseCase } from "./use-case";
+function ReverseDialog({ tenantId, open, onClose }) {
+  const { toast } = useToast();
+  const reverse = useReverseCase(tenantId);
+  const [note, setNote] = useState("");
+  const [tried, setTried] = useState(false);
+  const error = noteError(note);
+  const close = () => {
+    onClose();
+    reverse.reset();
+    setNote("");
+    setTried(false);
+  };
+  const submit = () => {
+    setTried(true);
+    if (error) return;
+    reverse.mutate(note.trim(), {
+      onSuccess: () => {
+        toast({ title: "Decision reversed" });
+        close();
+      }
+    });
+  };
+  return /* @__PURE__ */ jsx(
+    CaseFormDialog,
+    {
+      open,
+      title: "Reverse decision",
+      description: "The case goes back to waiting for review.",
+      act: "Reverse",
+      tone: "danger",
+      pending: reverse.isPending,
+      error: reverse.isError ? caseErrorText(reverse.error, "reverse") : void 0,
+      note,
+      notePlaceholder: "Why, for the record.",
+      noteError: tried ? error : void 0,
+      onNote: setNote,
+      onSubmit: submit,
+      onClose: close
+    }
+  );
+}
+export {
+  ReverseDialog
+};
+//# sourceMappingURL=reverse-dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/verification/reverse-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useToast } from '@withpotter/ui-kit';\nimport { caseErrorText, noteError } from './case-rules';\nimport { CaseFormDialog } from './case-form-dialog';\nimport type { DialogProps } from './decision-dialogs';\nimport { useReverseCase } from './use-case';\n\n/**\n * Undo a decision: the case goes back to waiting for review. The server\n * refuses the admin who made the decision, so a second person always looks.\n */\nexport function ReverseDialog({ tenantId, open, onClose }: DialogProps) {\n  const { toast } = useToast();\n  const reverse = useReverseCase(tenantId);\n  const [note, setNote] = useState('');\n  const [tried, setTried] = useState(false);\n  const error = noteError(note);\n  const close = () => {\n    onClose();\n    reverse.reset();\n    setNote('');\n    setTried(false);\n  };\n  const submit = () => {\n    setTried(true);\n\n    if (error) return;\n\n    reverse.mutate(note.trim(), {\n      onSuccess: () => {\n        toast({ title: 'Decision reversed' });\n        close();\n      },\n    });\n  };\n\n  return (\n    <CaseFormDialog\n      open={open}\n      title=\"Reverse decision\"\n      description=\"The case goes back to waiting for review.\"\n      act=\"Reverse\"\n      tone=\"danger\"\n      pending={reverse.isPending}\n      error={\n        reverse.isError ? caseErrorText(reverse.error, 'reverse') : undefined\n      }\n      note={note}\n      notePlaceholder=\"Why, for the record.\"\n      noteError={tried ? error : undefined}\n      onNote={setNote}\n      onSubmit={submit}\n      onClose={close}\n    />\n  );\n}\n"],"mappings":";AAuCI;AArCJ,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,eAAe,iBAAiB;AACzC,SAAS,sBAAsB;AAE/B,SAAS,sBAAsB;AAMxB,SAAS,cAAc,EAAE,UAAU,MAAM,QAAQ,GAAgB;AACtE,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,UAAU,eAAe,QAAQ;AACvC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,QAAQ,UAAU,IAAI;AAC5B,QAAM,QAAQ,MAAM;AAClB,YAAQ;AACR,YAAQ,MAAM;AACd,YAAQ,EAAE;AACV,aAAS,KAAK;AAAA,EAChB;AACA,QAAM,SAAS,MAAM;AACnB,aAAS,IAAI;AAEb,QAAI,MAAO;AAEX,YAAQ,OAAO,KAAK,KAAK,GAAG;AAAA,MAC1B,WAAW,MAAM;AACf,cAAM,EAAE,OAAO,oBAAoB,CAAC;AACpC,cAAM;AAAA,MACR;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,KAAI;AAAA,MACJ,MAAK;AAAA,MACL,SAAS,QAAQ;AAAA,MACjB,OACE,QAAQ,UAAU,cAAc,QAAQ,OAAO,SAAS,IAAI;AAAA,MAE9D;AAAA,MACA,iBAAgB;AAAA,MAChB,WAAW,QAAQ,QAAQ;AAAA,MAC3B,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,SAAS;AAAA;AAAA,EACX;AAEJ;","names":[]}

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

@@ -0,0 +1,103 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, EmptyNote, ErrorBanner } from "@withpotter/ui-kit";
+import { AdmLoading } from "../../../_ui";
+import { useMoneyPermissions } from "../../../_money/permissions";
+import { caseErrorText, isNoCase } from "./case-rules";
+import { BusinessRecord, ControlChecks } from "./business-records";
+import { CaseHistory } from "./case-history";
+import { CaseStatus } from "./case-status";
+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 }) {
+  const query = useCase(tenantId);
+  const nameOf = useAdminNames();
+  const { readComplianceHint, revealComplianceHint } = useMoneyPermissions();
+  const [viewing, setViewing] = useState(null);
+  const data = query.data;
+  const viewButton = (document) => /* @__PURE__ */ jsx(
+    Button,
+    {
+      size: "sm",
+      variant: "ghost",
+      title: revealComplianceHint,
+      "aria-label": document.kind === "ID_PHOTO" ? "View ID photo" : "View certificate",
+      onClick: () => setViewing(document),
+      children: "View"
+    }
+  );
+  if (query.isLoading) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading verification\u2026" });
+  if (query.isError && isNoCase(query.error))
+    return /* @__PURE__ */ jsx(EmptyNote, { well: true, children: "This business has not started verification." });
+  if (query.isError || !data)
+    return /* @__PURE__ */ jsxs("div", { className: styles.stack, children: [
+      /* @__PURE__ */ jsxs(ErrorBanner, { children: [
+        caseErrorText(query.error, "load"),
+        " ",
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            variant: "secondary",
+            onClick: () => void query.refetch(),
+            children: "Try again"
+          }
+        )
+      ] }),
+      readComplianceHint && /* @__PURE__ */ jsx("span", { className: "adm-caption", children: readComplianceHint })
+    ] });
+  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(
+        PersonCard,
+        {
+          tenantId,
+          person: p,
+          photoButton: photo ? viewButton(photo) : null
+        },
+        p.id
+      );
+    }) }) : /* @__PURE__ */ jsx(EmptyNote, { well: true, children: "No directors or owners added yet." }),
+    data.documents && /* @__PURE__ */ jsx(
+      BusinessRecord,
+      {
+        profile: data.profile,
+        documents: data.documents,
+        viewButton
+      }
+    ),
+    /* @__PURE__ */ jsx(ControlChecks, { checks: data.checks }),
+    /* @__PURE__ */ jsx(CaseHistory, { events: data.history, nameOf }),
+    /* @__PURE__ */ jsx(DecisionBar, { data }),
+    /* @__PURE__ */ jsx(
+      DocumentViewer,
+      {
+        tenantId,
+        document: viewing,
+        people: data.people,
+        onClose: () => setViewing(null)
+      }
+    )
+  ] });
+}
+export {
+  TenantVerification
+};
+//# sourceMappingURL=tenant-verification.js.map

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

@@ -0,0 +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 { 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/[id]/verification/use-case.js

@@ -0,0 +1,57 @@
+"use client";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { adminCaseApi } from "@withpotter/lib/admin-case-api";
+import { WAITING_KEY } from "../../../_overview/use-waiting-cases";
+import { usePlatformAdmins } from "../../../hooks";
+import { REVIEW_KEY } from "../../../verification/use-review";
+import { WAITING_LIST_KEY } from "../../../verification/waiting-cases";
+const caseKey = (tenantId) => [
+  "platform-admin",
+  "compliance",
+  "case",
+  tenantId
+];
+function useCase(tenantId) {
+  return useQuery({
+    queryKey: caseKey(tenantId),
+    queryFn: () => adminCaseApi.get(tenantId),
+    retry: false
+  });
+}
+function useCaseWrite(tenantId, fn) {
+  const client = useQueryClient();
+  return useMutation({
+    mutationFn: fn,
+    onSuccess: (next) => client.setQueryData(caseKey(tenantId), next),
+    // A 409 means the case moved under us; read it again either way.
+    onError: () => client.invalidateQueries({ queryKey: caseKey(tenantId) }),
+    onSettled: () => {
+      client.invalidateQueries({ queryKey: WAITING_KEY });
+      client.invalidateQueries({ queryKey: WAITING_LIST_KEY });
+      client.invalidateQueries({ queryKey: REVIEW_KEY });
+    }
+  });
+}
+const useDecideCase = (tenantId) => useCaseWrite(
+  tenantId,
+  (body) => adminCaseApi.decide(tenantId, body)
+);
+const useReverseCase = (tenantId) => useCaseWrite(
+  tenantId,
+  (note) => adminCaseApi.reverse(tenantId, note)
+);
+function useAdminNames() {
+  const { data } = usePlatformAdmins();
+  return (id) => {
+    const admin = id ? data?.find((a) => a.id === id) : void 0;
+    return admin ? admin.name || admin.email : null;
+  };
+}
+export {
+  caseKey,
+  useAdminNames,
+  useCase,
+  useDecideCase,
+  useReverseCase
+};
+//# sourceMappingURL=use-case.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/verification/use-case.ts"],"sourcesContent":["'use client';\n\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { adminCaseApi } from '@withpotter/lib/admin-case-api';\nimport type {\n  DecisionBody,\n  VerificationCase,\n} from '@withpotter/lib/admin-case-types';\nimport { WAITING_KEY } from '../../../_overview/use-waiting-cases';\nimport { usePlatformAdmins } from '../../../hooks';\nimport { REVIEW_KEY } from '../../../verification/use-review';\nimport { WAITING_LIST_KEY } from '../../../verification/waiting-cases';\nimport type { NameOf } from './case-words';\n\nexport const caseKey = (tenantId: string) => [\n  'platform-admin',\n  'compliance',\n  'case',\n  tenantId,\n];\n\n/** One business's case. No retries: a 404 means it has no case. */\nexport function useCase(tenantId: string) {\n  return useQuery({\n    queryKey: caseKey(tenantId),\n    queryFn: () => adminCaseApi.get(tenantId),\n    retry: false,\n  });\n}\n\n/** The routes answer with the whole case, so it replaces the cached one. */\nfunction useCaseWrite<V>(\n  tenantId: string,\n  fn: (v: V) => Promise<VerificationCase>,\n) {\n  const client = useQueryClient();\n\n  return useMutation({\n    mutationFn: fn,\n    onSuccess: (next) => client.setQueryData(caseKey(tenantId), next),\n    // A 409 means the case moved under us; read it again either way.\n    onError: () => client.invalidateQueries({ queryKey: caseKey(tenantId) }),\n    onSettled: () => {\n      client.invalidateQueries({ queryKey: WAITING_KEY });\n      client.invalidateQueries({ queryKey: WAITING_LIST_KEY });\n      // An approval clears the people's screening matches from that queue.\n      client.invalidateQueries({ queryKey: REVIEW_KEY });\n    },\n  });\n}\n\nexport const useDecideCase = (tenantId: string) =>\n  useCaseWrite(tenantId, (body: DecisionBody) =>\n    adminCaseApi.decide(tenantId, body),\n  );\n\nexport const useReverseCase = (tenantId: string) =>\n  useCaseWrite(tenantId, (note: string) =>\n    adminCaseApi.reverse(tenantId, note),\n  );\n\n/** Admin ids to names, from the admin list; null while it loads or fails. */\nexport function useAdminNames(): NameOf {\n  const { data } = usePlatformAdmins();\n\n  return (id) => {\n    const admin = id ? data?.find((a) => a.id === id) : undefined;\n\n    return admin ? admin.name || admin.email : null;\n  };\n}\n"],"mappings":";AAEA,SAAS,aAAa,UAAU,sBAAsB;AACtD,SAAS,oBAAoB;AAK7B,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AAG1B,MAAM,UAAU,CAAC,aAAqB;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,SAAS,QAAQ,UAAkB;AACxC,SAAO,SAAS;AAAA,IACd,UAAU,QAAQ,QAAQ;AAAA,IAC1B,SAAS,MAAM,aAAa,IAAI,QAAQ;AAAA,IACxC,OAAO;AAAA,EACT,CAAC;AACH;AAGA,SAAS,aACP,UACA,IACA;AACA,QAAM,SAAS,eAAe;AAE9B,SAAO,YAAY;AAAA,IACjB,YAAY;AAAA,IACZ,WAAW,CAAC,SAAS,OAAO,aAAa,QAAQ,QAAQ,GAAG,IAAI;AAAA;AAAA,IAEhE,SAAS,MAAM,OAAO,kBAAkB,EAAE,UAAU,QAAQ,QAAQ,EAAE,CAAC;AAAA,IACvE,WAAW,MAAM;AACf,aAAO,kBAAkB,EAAE,UAAU,YAAY,CAAC;AAClD,aAAO,kBAAkB,EAAE,UAAU,iBAAiB,CAAC;AAEvD,aAAO,kBAAkB,EAAE,UAAU,WAAW,CAAC;AAAA,IACnD;AAAA,EACF,CAAC;AACH;AAEO,MAAM,gBAAgB,CAAC,aAC5B;AAAA,EAAa;AAAA,EAAU,CAAC,SACtB,aAAa,OAAO,UAAU,IAAI;AACpC;AAEK,MAAM,iBAAiB,CAAC,aAC7B;AAAA,EAAa;AAAA,EAAU,CAAC,SACtB,aAAa,QAAQ,UAAU,IAAI;AACrC;AAGK,SAAS,gBAAwB;AACtC,QAAM,EAAE,KAAK,IAAI,kBAAkB;AAEnC,SAAO,CAAC,OAAO;AACb,UAAM,QAAQ,KAAK,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI;AAEpD,WAAO,QAAQ,MAAM,QAAQ,MAAM,QAAQ;AAAA,EAC7C;AACF;","names":[]}