@withpotter/pages-admin 0.13.0-next.101

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

@@ -0,0 +1,72 @@
+import { NOTE_MAX } from "./case-words";
+const DECIDED = /* @__PURE__ */ new Set(["APPROVED", "DENIED", "NEEDS_MORE"]);
+function barMode(status) {
+  if (status === "WAITING_REVIEW") return "decide";
+  return DECIDED.has(status) ? "reverse" : null;
+}
+function noteError(note) {
+  const clean = note.trim();
+  if (!clean) return "Add a note for the record.";
+  if (clean.length > NOTE_MAX)
+    return `Keep the note to ${NOTE_MAX} characters.`;
+  return void 0;
+}
+function denyErrors(input) {
+  return {
+    reason: input.reason ? void 0 : "Choose a reason.",
+    note: noteError(input.note)
+  };
+}
+function askMoreErrors(input) {
+  return {
+    redo: input.redo.length ? void 0 : "Choose what to send again.",
+    note: noteError(input.note)
+  };
+}
+const hasErrors = (e) => Object.values(e).some(Boolean);
+const REVEAL_MS = 3e4;
+function groupDigits(value) {
+  return value.replace(/\s+/g, "").replace(/(.{4})(?=.)/g, "$1 ");
+}
+const FALLBACK = {
+  load: "The verification did not load.",
+  decide: "The decision was not saved. Try again.",
+  reverse: "The decision was not reversed. Try again.",
+  reveal: "The number did not load. Try again.",
+  photo: "The photo did not load.",
+  document: "The document did not open. Try again."
+};
+const FORBIDDEN = {
+  load: "You don't have permission to see verification cases.",
+  decide: "You don't have permission to decide verification cases.",
+  reverse: "A different admin has to reverse this decision.",
+  reveal: "You don't have permission to see full ID numbers.",
+  photo: "You don't have permission to see these photos.",
+  document: "You don't have permission to see documents."
+};
+const statusOf = (e) => e?.status;
+const isNoCase = (e) => statusOf(e) === 404;
+function caseErrorText(error, step) {
+  const status = statusOf(error);
+  const message = error instanceof Error ? error.message.trim() : "";
+  if (status === 409) return message || "That case changed. Refresh it.";
+  if (status === 403)
+    return step === "reverse" ? message || FORBIDDEN.reverse : FORBIDDEN[step];
+  if (step === "photo" && status === 404) return "No photo on file.";
+  if (step === "document" && status === 404)
+    return "The file for this document is missing.";
+  if (typeof status === "number" && status >= 500) return FALLBACK[step];
+  return message || FALLBACK[step];
+}
+export {
+  REVEAL_MS,
+  askMoreErrors,
+  barMode,
+  caseErrorText,
+  denyErrors,
+  groupDigits,
+  hasErrors,
+  isNoCase,
+  noteError
+};
+//# sourceMappingURL=case-rules.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/verification/case-rules.ts"],"sourcesContent":["import type {\n  CaseStatus,\n  DenyReason,\n  RedoItem,\n} from '@withpotter/lib/admin-case-types';\nimport { NOTE_MAX } from './case-words';\n\n/**\n * What the reviewer may do with a case, the decision forms' checks and what\n * an error says. Pure, so it is tested without a browser.\n */\n\nexport type BarMode = 'decide' | 'reverse' | null;\n\nconst DECIDED = new Set<CaseStatus>(['APPROVED', 'DENIED', 'NEEDS_MORE']);\n\n/** The decision bar shows only when there is something to press. */\nexport function barMode(status: CaseStatus): BarMode {\n  if (status === 'WAITING_REVIEW') return 'decide';\n\n  return DECIDED.has(status) ? 'reverse' : null;\n}\n\n/** An error for a required note, or undefined when it can be sent. */\nexport function noteError(note: string): string | undefined {\n  const clean = note.trim();\n\n  if (!clean) return 'Add a note for the record.';\n\n  if (clean.length > NOTE_MAX)\n    return `Keep the note to ${NOTE_MAX} characters.`;\n\n  return undefined;\n}\n\nexport function denyErrors(input: { reason: DenyReason | ''; note: string }): {\n  reason?: string;\n  note?: string;\n} {\n  return {\n    reason: input.reason ? undefined : 'Choose a reason.',\n    note: noteError(input.note),\n  };\n}\n\nexport function askMoreErrors(input: { redo: RedoItem[]; note: string }): {\n  redo?: string;\n  note?: string;\n} {\n  return {\n    redo: input.redo.length ? undefined : 'Choose what to send again.',\n    note: noteError(input.note),\n  };\n}\n\nexport const hasErrors = (e: Record<string, string | undefined>) =>\n  Object.values(e).some(Boolean);\n\n/** How long a revealed number stays on screen. */\nexport const REVEAL_MS = 30_000;\n\n/** A revealed number, spaced in fours so it reads back aloud. */\nexport function groupDigits(value: string): string {\n  return value.replace(/\\s+/g, '').replace(/(.{4})(?=.)/g, '$1 ');\n}\n\ntype Step = 'load' | 'decide' | 'reverse' | 'reveal' | 'photo' | 'document';\n\nconst FALLBACK: Record<Step, string> = {\n  load: 'The verification did not load.',\n  decide: 'The decision was not saved. Try again.',\n  reverse: 'The decision was not reversed. Try again.',\n  reveal: 'The number did not load. Try again.',\n  photo: 'The photo did not load.',\n  document: 'The document did not open. Try again.',\n};\n\nconst FORBIDDEN: Record<Step, string> = {\n  load: \"You don't have permission to see verification cases.\",\n  decide: \"You don't have permission to decide verification cases.\",\n  reverse: 'A different admin has to reverse this decision.',\n  reveal: \"You don't have permission to see full ID numbers.\",\n  photo: \"You don't have permission to see these photos.\",\n  document: \"You don't have permission to see documents.\",\n};\n\nconst statusOf = (e: unknown) => (e as { status?: unknown } | null)?.status;\n\n/** True when the business has never started verification. */\nexport const isNoCase = (e: unknown) => statusOf(e) === 404;\n\n/**\n * An error in plain words. A 409 keeps the server's line (someone decided or\n * changed the case first); a 403 says what is missing, and on a reversal it\n * is the four-eyes rule rather than a permission.\n */\nexport function caseErrorText(error: unknown, step: Step): string {\n  const status = statusOf(error);\n  const message = error instanceof Error ? error.message.trim() : '';\n\n  if (status === 409) return message || 'That case changed. Refresh it.';\n\n  // The four-eyes refusal is a 403 with its own line; keep it.\n  if (status === 403)\n    return step === 'reverse' ? message || FORBIDDEN.reverse : FORBIDDEN[step];\n\n  if (step === 'photo' && status === 404) return 'No photo on file.';\n\n  if (step === 'document' && status === 404)\n    return 'The file for this document is missing.';\n\n  if (typeof status === 'number' && status >= 500) return FALLBACK[step];\n\n  return message || FALLBACK[step];\n}\n"],"mappings":"AAKA,SAAS,gBAAgB;AASzB,MAAM,UAAU,oBAAI,IAAgB,CAAC,YAAY,UAAU,YAAY,CAAC;AAGjE,SAAS,QAAQ,QAA6B;AACnD,MAAI,WAAW,iBAAkB,QAAO;AAExC,SAAO,QAAQ,IAAI,MAAM,IAAI,YAAY;AAC3C;AAGO,SAAS,UAAU,MAAkC;AAC1D,QAAM,QAAQ,KAAK,KAAK;AAExB,MAAI,CAAC,MAAO,QAAO;AAEnB,MAAI,MAAM,SAAS;AACjB,WAAO,oBAAoB,QAAQ;AAErC,SAAO;AACT;AAEO,SAAS,WAAW,OAGzB;AACA,SAAO;AAAA,IACL,QAAQ,MAAM,SAAS,SAAY;AAAA,IACnC,MAAM,UAAU,MAAM,IAAI;AAAA,EAC5B;AACF;AAEO,SAAS,cAAc,OAG5B;AACA,SAAO;AAAA,IACL,MAAM,MAAM,KAAK,SAAS,SAAY;AAAA,IACtC,MAAM,UAAU,MAAM,IAAI;AAAA,EAC5B;AACF;AAEO,MAAM,YAAY,CAAC,MACxB,OAAO,OAAO,CAAC,EAAE,KAAK,OAAO;AAGxB,MAAM,YAAY;AAGlB,SAAS,YAAY,OAAuB;AACjD,SAAO,MAAM,QAAQ,QAAQ,EAAE,EAAE,QAAQ,gBAAgB,KAAK;AAChE;AAIA,MAAM,WAAiC;AAAA,EACrC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AACZ;AAEA,MAAM,YAAkC;AAAA,EACtC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AACZ;AAEA,MAAM,WAAW,CAAC,MAAgB,GAAmC;AAG9D,MAAM,WAAW,CAAC,MAAe,SAAS,CAAC,MAAM;AAOjD,SAAS,cAAc,OAAgB,MAAoB;AAChE,QAAM,SAAS,SAAS,KAAK;AAC7B,QAAM,UAAU,iBAAiB,QAAQ,MAAM,QAAQ,KAAK,IAAI;AAEhE,MAAI,WAAW,IAAK,QAAO,WAAW;AAGtC,MAAI,WAAW;AACb,WAAO,SAAS,YAAY,WAAW,UAAU,UAAU,UAAU,IAAI;AAE3E,MAAI,SAAS,WAAW,WAAW,IAAK,QAAO;AAE/C,MAAI,SAAS,cAAc,WAAW;AACpC,WAAO;AAET,MAAI,OAAO,WAAW,YAAY,UAAU,IAAK,QAAO,SAAS,IAAI;AAErE,SAAO,WAAW,SAAS,IAAI;AACjC;","names":[]}

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

@@ -0,0 +1,47 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge } from "@withpotter/ui-kit";
+import { reasonWord, redoWords } from "./case-events";
+import {
+  flagWords,
+  screeningWord,
+  shortDate,
+  statusLine
+} from "./case-words";
+import styles from "./verification.module.css";
+function CaseStatus({
+  data,
+  nameOf
+}) {
+  const flags = flagWords(data.flags);
+  const d = data.decision;
+  return /* @__PURE__ */ jsxs("section", { className: styles.status, "aria-label": "Verification status", children: [
+    /* @__PURE__ */ jsx("h2", { className: styles.statusLine, children: statusLine(data, nameOf) }),
+    /* @__PURE__ */ jsxs("div", { className: styles.meta, children: [
+      data.submittedAt && /* @__PURE__ */ jsxs("span", { children: [
+        "Submitted ",
+        shortDate(data.submittedAt)
+      ] }),
+      /* @__PURE__ */ jsx("span", { children: data.people.length === 1 ? "1 person" : `${data.people.length} people` }),
+      data.businessScreening && /* @__PURE__ */ jsxs("span", { children: [
+        "Business screening: ",
+        screeningWord(data.businessScreening)
+      ] }),
+      data.legacy && /* @__PURE__ */ jsx("span", { children: "Started before review was required" }),
+      d?.reason && /* @__PURE__ */ jsxs("span", { children: [
+        "Reason: ",
+        reasonWord(d.reason)
+      ] }),
+      d && d.redo.length > 0 && /* @__PURE__ */ jsxs("span", { children: [
+        "Redo: ",
+        redoWords(d.redo)
+      ] })
+    ] }),
+    d?.note && /* @__PURE__ */ jsx("p", { className: styles.eventNote, children: d.note }),
+    flags.length > 0 && /* @__PURE__ */ jsx("div", { className: styles.flags, "aria-label": "Flags", children: flags.map((f) => /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: f }, f)) })
+  ] });
+}
+export {
+  CaseStatus
+};
+//# sourceMappingURL=case-status.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/verification/case-status.tsx"],"sourcesContent":["'use client';\n\nimport { Badge } from '@withpotter/ui-kit';\nimport type { VerificationCase } from '@withpotter/lib/admin-case-types';\nimport { reasonWord, redoWords } from './case-events';\nimport {\n  flagWords,\n  screeningWord,\n  shortDate,\n  statusLine,\n  type NameOf,\n} from './case-words';\nimport styles from './verification.module.css';\n\n/**\n * Where the case stands, stated once at the top of the record, with what\n * the checks flagged as plain chips under it.\n */\nexport function CaseStatus({\n  data,\n  nameOf,\n}: {\n  data: VerificationCase;\n  nameOf: NameOf;\n}) {\n  const flags = flagWords(data.flags);\n  const d = data.decision;\n\n  return (\n    <section className={styles.status} aria-label=\"Verification status\">\n      <h2 className={styles.statusLine}>{statusLine(data, nameOf)}</h2>\n      <div className={styles.meta}>\n        {data.submittedAt && (\n          <span>Submitted {shortDate(data.submittedAt)}</span>\n        )}\n        <span>\n          {data.people.length === 1\n            ? '1 person'\n            : `${data.people.length} people`}\n        </span>\n        {data.businessScreening && (\n          <span>\n            Business screening: {screeningWord(data.businessScreening)}\n          </span>\n        )}\n        {data.legacy && <span>Started before review was required</span>}\n        {d?.reason && <span>Reason: {reasonWord(d.reason)}</span>}\n        {d && d.redo.length > 0 && <span>Redo: {redoWords(d.redo)}</span>}\n      </div>\n      {d?.note && <p className={styles.eventNote}>{d.note}</p>}\n      {flags.length > 0 && (\n        <div className={styles.flags} aria-label=\"Flags\">\n          {flags.map((f) => (\n            <Badge key={f} variant=\"secondary\">\n              {f}\n            </Badge>\n          ))}\n        </div>\n      )}\n    </section>\n  );\n}\n"],"mappings":";AA8BM,cAGI,YAHJ;AA5BN,SAAS,aAAa;AAEtB,SAAS,YAAY,iBAAiB;AACtC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,OAAO,YAAY;AAMZ,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQ,UAAU,KAAK,KAAK;AAClC,QAAM,IAAI,KAAK;AAEf,SACE,qBAAC,aAAQ,WAAW,OAAO,QAAQ,cAAW,uBAC5C;AAAA,wBAAC,QAAG,WAAW,OAAO,YAAa,qBAAW,MAAM,MAAM,GAAE;AAAA,IAC5D,qBAAC,SAAI,WAAW,OAAO,MACpB;AAAA,WAAK,eACJ,qBAAC,UAAK;AAAA;AAAA,QAAW,UAAU,KAAK,WAAW;AAAA,SAAE;AAAA,MAE/C,oBAAC,UACE,eAAK,OAAO,WAAW,IACpB,aACA,GAAG,KAAK,OAAO,MAAM,WAC3B;AAAA,MACC,KAAK,qBACJ,qBAAC,UAAK;AAAA;AAAA,QACiB,cAAc,KAAK,iBAAiB;AAAA,SAC3D;AAAA,MAED,KAAK,UAAU,oBAAC,UAAK,gDAAkC;AAAA,MACvD,GAAG,UAAU,qBAAC,UAAK;AAAA;AAAA,QAAS,WAAW,EAAE,MAAM;AAAA,SAAE;AAAA,MACjD,KAAK,EAAE,KAAK,SAAS,KAAK,qBAAC,UAAK;AAAA;AAAA,QAAO,UAAU,EAAE,IAAI;AAAA,SAAE;AAAA,OAC5D;AAAA,IACC,GAAG,QAAQ,oBAAC,OAAE,WAAW,OAAO,WAAY,YAAE,MAAK;AAAA,IACnD,MAAM,SAAS,KACd,oBAAC,SAAI,WAAW,OAAO,OAAO,cAAW,SACtC,gBAAM,IAAI,CAAC,MACV,oBAAC,SAAc,SAAQ,aACpB,eADS,CAEZ,CACD,GACH;AAAA,KAEJ;AAEJ;","names":[]}

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

@@ -0,0 +1,104 @@
+const DAY = 864e5;
+function shortDate(iso) {
+  return new Date(iso).toLocaleDateString("en-GB", {
+    day: "numeric",
+    month: "short",
+    year: "numeric"
+  });
+}
+function waited(since, now = /* @__PURE__ */ new Date()) {
+  const days = Math.floor((now.getTime() - new Date(since).getTime()) / DAY);
+  if (days < 1) return "less than a day";
+  return days === 1 ? "1 day" : `${days} days`;
+}
+const DECIDED_WORD = {
+  APPROVED: "Approved",
+  DENIED: "Denied",
+  NEEDS_MORE: "Asked for more"
+};
+function statusLine(c, nameOf = () => null, now = /* @__PURE__ */ new Date()) {
+  switch (c.status) {
+    case "NOT_STARTED":
+      return "Not started";
+    case "CHECKING":
+      return "Checks running";
+    case "WAITING_REVIEW":
+      return c.waitingSince ? `Waiting for review, ${waited(c.waitingSince, now)}` : "Waiting for review";
+  }
+  const word = DECIDED_WORD[c.status];
+  const at = c.decision?.decidedAt;
+  const by = nameOf(c.decision?.decidedBy ?? null);
+  return [word, at && shortDate(at), by && `by ${by}`].filter(Boolean).join(" ");
+}
+const FLAG_WORDS = {
+  screeningMatch: "Possible screening match",
+  nameMismatch: "Name does not match",
+  idMismatch: "BVN and NIN disagree",
+  livenessFailed: "Liveness failed",
+  documentFailed: "ID photo turned down",
+  uploadedNotLive: "Photo uploaded, not taken live",
+  providerUnavailable: "Provider unavailable",
+  pendingAtProvider: "Pending at provider"
+};
+function flagWords(flags) {
+  return Object.keys(FLAG_WORDS).filter((k) => flags[k]).map((k) => FLAG_WORDS[k]);
+}
+const OUTCOME_WORDS = {
+  MATCHED: "Matched",
+  PASSED: "Passed",
+  NAME_MISMATCH: "Name does not match",
+  NOT_LIVE: "Not live",
+  REJECTED: "Rejected",
+  PENDING: "Pending",
+  PENDING_AT_PROVIDER: "Pending at provider",
+  UNAVAILABLE: "Provider unavailable"
+};
+const STATUS_WORDS = {
+  NONE: "Not checked",
+  PENDING: "Checking",
+  VERIFIED: "Passed",
+  FAILED: "Failed"
+};
+function checkWord(status, outcome) {
+  if (outcome) return OUTCOME_WORDS[outcome];
+  return status ? STATUS_WORDS[status] : "Not checked";
+}
+const GOOD = /* @__PURE__ */ new Set(["MATCHED", "PASSED", "VERIFIED", "CLEAR"]);
+const BAD = /* @__PURE__ */ new Set([
+  "NAME_MISMATCH",
+  "NOT_LIVE",
+  "REJECTED",
+  "FAILED",
+  "REVIEW"
+]);
+function checkTone(status, outcome = null) {
+  const key = outcome ?? status ?? "";
+  if (GOOD.has(key)) return "good";
+  return BAD.has(key) ? "bad" : "neutral";
+}
+const SCREENING_WORDS = {
+  NONE: "Not screened",
+  PENDING: "Screening",
+  CLEAR: "Clear",
+  REVIEW: "Possible match",
+  REJECTED: "Rejected",
+  FAILED: "Screening failed"
+};
+const screeningWord = (s) => SCREENING_WORDS[s];
+function scoreWord(score) {
+  if (score === null || Number.isNaN(score)) return null;
+  return `${Math.round(score <= 1 ? score * 100 : score)}%`;
+}
+const NOTE_MAX = 300;
+export {
+  NOTE_MAX,
+  checkTone,
+  checkWord,
+  flagWords,
+  scoreWord,
+  screeningWord,
+  shortDate,
+  statusLine,
+  waited
+};
+//# sourceMappingURL=case-words.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/verification/case-words.ts"],"sourcesContent":["import type {\n  CaseFlags,\n  CheckOutcome,\n  CheckStatus,\n  ScreeningStatus,\n  VerificationCase,\n} from '@withpotter/lib/admin-case-types';\n\n/**\n * The Verification tab's words, apart from the screen: the status line, the\n * flags and each check's outcome. Reasons and history: `case-events.ts`.\n * Pure, so it is tested without a browser.\n */\n\nconst DAY = 86_400_000;\n\n/** \"12 Oct 2026\", always with the year. */\nexport function shortDate(iso: string): string {\n  return new Date(iso).toLocaleDateString('en-GB', {\n    day: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  });\n}\n\n/** \"less than a day\", \"1 day\", \"3 days\". */\nexport function waited(since: string, now = new Date()): string {\n  const days = Math.floor((now.getTime() - new Date(since).getTime()) / DAY);\n\n  if (days < 1) return 'less than a day';\n\n  return days === 1 ? '1 day' : `${days} days`;\n}\n\n/** Who did something, by name where the admin list knows them. */\nexport type NameOf = (adminId: string | null) => string | null;\n\nconst DECIDED_WORD = {\n  APPROVED: 'Approved',\n  DENIED: 'Denied',\n  NEEDS_MORE: 'Asked for more',\n} as const;\n\n/** The line at the top: where the case stands, and since when. */\nexport function statusLine(\n  c: Pick<VerificationCase, 'status' | 'waitingSince' | 'decision'>,\n  nameOf: NameOf = () => null,\n  now = new Date(),\n): string {\n  switch (c.status) {\n    case 'NOT_STARTED':\n      return 'Not started';\n    case 'CHECKING':\n      return 'Checks running';\n    case 'WAITING_REVIEW':\n      return c.waitingSince\n        ? `Waiting for review, ${waited(c.waitingSince, now)}`\n        : 'Waiting for review';\n  }\n\n  const word = DECIDED_WORD[c.status];\n  const at = c.decision?.decidedAt;\n  const by = nameOf(c.decision?.decidedBy ?? null);\n\n  return [word, at && shortDate(at), by && `by ${by}`]\n    .filter(Boolean)\n    .join(' ');\n}\n\nconst FLAG_WORDS: Record<keyof Required<CaseFlags>, string> = {\n  screeningMatch: 'Possible screening match',\n  nameMismatch: 'Name does not match',\n  idMismatch: 'BVN and NIN disagree',\n  livenessFailed: 'Liveness failed',\n  documentFailed: 'ID photo turned down',\n  uploadedNotLive: 'Photo uploaded, not taken live',\n  providerUnavailable: 'Provider unavailable',\n  pendingAtProvider: 'Pending at provider',\n};\n\n/** The flags that are set, in a fixed order, as words. */\nexport function flagWords(flags: CaseFlags): string[] {\n  return (Object.keys(FLAG_WORDS) as Array<keyof Required<CaseFlags>>)\n    .filter((k) => flags[k])\n    .map((k) => FLAG_WORDS[k]);\n}\n\nconst OUTCOME_WORDS: Record<CheckOutcome, string> = {\n  MATCHED: 'Matched',\n  PASSED: 'Passed',\n  NAME_MISMATCH: 'Name does not match',\n  NOT_LIVE: 'Not live',\n  REJECTED: 'Rejected',\n  PENDING: 'Pending',\n  PENDING_AT_PROVIDER: 'Pending at provider',\n  UNAVAILABLE: 'Provider unavailable',\n};\n\nconst STATUS_WORDS: Record<CheckStatus, string> = {\n  NONE: 'Not checked',\n  PENDING: 'Checking',\n  VERIFIED: 'Passed',\n  FAILED: 'Failed',\n};\n\n/** A check in words: its outcome when the provider said why, else its status. */\nexport function checkWord(\n  status: CheckStatus | null,\n  outcome: CheckOutcome | null,\n): string {\n  if (outcome) return OUTCOME_WORDS[outcome];\n\n  return status ? STATUS_WORDS[status] : 'Not checked';\n}\n\nexport type Tone = 'good' | 'bad' | 'neutral';\n\nconst GOOD = new Set<string>(['MATCHED', 'PASSED', 'VERIFIED', 'CLEAR']);\nconst BAD = new Set<string>([\n  'NAME_MISMATCH',\n  'NOT_LIVE',\n  'REJECTED',\n  'FAILED',\n  'REVIEW',\n]);\n\n/** Whether a check reads as fine, as a problem, or neither yet. */\nexport function checkTone(\n  status: CheckStatus | ScreeningStatus | null,\n  outcome: CheckOutcome | null = null,\n): Tone {\n  const key = outcome ?? status ?? '';\n\n  if (GOOD.has(key)) return 'good';\n\n  return BAD.has(key) ? 'bad' : 'neutral';\n}\n\nconst SCREENING_WORDS: Record<ScreeningStatus, string> = {\n  NONE: 'Not screened',\n  PENDING: 'Screening',\n  CLEAR: 'Clear',\n  REVIEW: 'Possible match',\n  REJECTED: 'Rejected',\n  FAILED: 'Screening failed',\n};\n\nexport const screeningWord = (s: ScreeningStatus) => SCREENING_WORDS[s];\n\n/** \"84%\" for a 0–1 or 0–100 score; null when the provider gave none. */\nexport function scoreWord(score: number | null): string | null {\n  if (score === null || Number.isNaN(score)) return null;\n\n  return `${Math.round(score <= 1 ? score * 100 : score)}%`;\n}\n\nexport const NOTE_MAX = 300;\n"],"mappings":"AAcA,MAAM,MAAM;AAGL,SAAS,UAAU,KAAqB;AAC7C,SAAO,IAAI,KAAK,GAAG,EAAE,mBAAmB,SAAS;AAAA,IAC/C,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EACR,CAAC;AACH;AAGO,SAAS,OAAO,OAAe,MAAM,oBAAI,KAAK,GAAW;AAC9D,QAAM,OAAO,KAAK,OAAO,IAAI,QAAQ,IAAI,IAAI,KAAK,KAAK,EAAE,QAAQ,KAAK,GAAG;AAEzE,MAAI,OAAO,EAAG,QAAO;AAErB,SAAO,SAAS,IAAI,UAAU,GAAG,IAAI;AACvC;AAKA,MAAM,eAAe;AAAA,EACnB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AACd;AAGO,SAAS,WACd,GACA,SAAiB,MAAM,MACvB,MAAM,oBAAI,KAAK,GACP;AACR,UAAQ,EAAE,QAAQ;AAAA,IAChB,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO,EAAE,eACL,uBAAuB,OAAO,EAAE,cAAc,GAAG,CAAC,KAClD;AAAA,EACR;AAEA,QAAM,OAAO,aAAa,EAAE,MAAM;AAClC,QAAM,KAAK,EAAE,UAAU;AACvB,QAAM,KAAK,OAAO,EAAE,UAAU,aAAa,IAAI;AAE/C,SAAO,CAAC,MAAM,MAAM,UAAU,EAAE,GAAG,MAAM,MAAM,EAAE,EAAE,EAChD,OAAO,OAAO,EACd,KAAK,GAAG;AACb;AAEA,MAAM,aAAwD;AAAA,EAC5D,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,mBAAmB;AACrB;AAGO,SAAS,UAAU,OAA4B;AACpD,SAAQ,OAAO,KAAK,UAAU,EAC3B,OAAO,CAAC,MAAM,MAAM,CAAC,CAAC,EACtB,IAAI,CAAC,MAAM,WAAW,CAAC,CAAC;AAC7B;AAEA,MAAM,gBAA8C;AAAA,EAClD,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,qBAAqB;AAAA,EACrB,aAAa;AACf;AAEA,MAAM,eAA4C;AAAA,EAChD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AAAA,EACV,QAAQ;AACV;AAGO,SAAS,UACd,QACA,SACQ;AACR,MAAI,QAAS,QAAO,cAAc,OAAO;AAEzC,SAAO,SAAS,aAAa,MAAM,IAAI;AACzC;AAIA,MAAM,OAAO,oBAAI,IAAY,CAAC,WAAW,UAAU,YAAY,OAAO,CAAC;AACvE,MAAM,MAAM,oBAAI,IAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAGM,SAAS,UACd,QACA,UAA+B,MACzB;AACN,QAAM,MAAM,WAAW,UAAU;AAEjC,MAAI,KAAK,IAAI,GAAG,EAAG,QAAO;AAE1B,SAAO,IAAI,IAAI,GAAG,IAAI,QAAQ;AAChC;AAEA,MAAM,kBAAmD;AAAA,EACvD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AACV;AAEO,MAAM,gBAAgB,CAAC,MAAuB,gBAAgB,CAAC;AAG/D,SAAS,UAAU,OAAqC;AAC7D,MAAI,UAAU,QAAQ,OAAO,MAAM,KAAK,EAAG,QAAO;AAElD,SAAO,GAAG,KAAK,MAAM,SAAS,IAAI,QAAQ,MAAM,KAAK,CAAC;AACxD;AAEO,MAAM,WAAW;","names":[]}

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

@@ -0,0 +1,59 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, useConfirm, useToast } from "@withpotter/ui-kit";
+import { useMoneyPermissions } from "../../../_money/permissions";
+import { barMode, caseErrorText } from "./case-rules";
+import { AskMoreDialog, DenyDialog } from "./decision-dialogs";
+import { ReverseDialog } from "./reverse-dialog";
+import { useDecideCase } from "./use-case";
+import styles from "./verification.module.css";
+function DecisionBar({ data }) {
+  const { toast } = useToast();
+  const confirm = useConfirm();
+  const { adminId, manageComplianceHint } = useMoneyPermissions();
+  const decide = useDecideCase(data.tenantId);
+  const [open, setOpen] = useState(null);
+  const mode = barMode(data.status);
+  const business = data.businessName ?? "This business";
+  if (!mode) return null;
+  const ownDecision = mode === "reverse" && !!adminId && data.decision?.decidedBy === adminId;
+  const hint = ownDecision ? "You made this decision. A different admin has to reverse it." : manageComplianceHint;
+  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 dialog = {
+    tenantId: data.tenantId,
+    business,
+    onClose: () => setOpen(null)
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.bar, role: "group", "aria-label": "Decision", children: [
+      hint && /* @__PURE__ */ jsx("span", { className: styles.barHint, children: hint }),
+      mode === "decide" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setOpen("more"), children: "Ask for more" }),
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setOpen("deny"), children: "Deny" }),
+        /* @__PURE__ */ jsx(Button, { loading: decide.isPending, onClick: () => void approve(), children: "Approve" })
+      ] }) : /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setOpen("reverse"), children: "Reverse decision" })
+    ] }),
+    /* @__PURE__ */ jsx(DenyDialog, { ...dialog, open: open === "deny" }),
+    /* @__PURE__ */ jsx(AskMoreDialog, { ...dialog, open: open === "more" }),
+    /* @__PURE__ */ jsx(ReverseDialog, { ...dialog, open: open === "reverse" })
+  ] });
+}
+export {
+  DecisionBar
+};
+//# sourceMappingURL=decision-bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/verification/decision-bar.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Button, useConfirm, useToast } from '@withpotter/ui-kit';\nimport type { VerificationCase } from '@withpotter/lib/admin-case-types';\nimport { useMoneyPermissions } from '../../../_money/permissions';\nimport { barMode, caseErrorText } from './case-rules';\nimport { AskMoreDialog, DenyDialog } from './decision-dialogs';\nimport { ReverseDialog } from './reverse-dialog';\nimport { useDecideCase } from './use-case';\nimport styles from './verification.module.css';\n\ntype Open = 'deny' | 'more' | 'reverse' | null;\n\n/**\n * The decision, pinned to the bottom of the tab and drawn only when there\n * is one to make: Approve, Deny or Ask for more while the case waits, and\n * Reverse once it is decided. Nothing is locked on a missing permission;\n * the hint says so and the server decides.\n */\nexport function DecisionBar({ data }: { data: VerificationCase }) {\n  const { toast } = useToast();\n  const confirm = useConfirm();\n  const { adminId, manageComplianceHint } = useMoneyPermissions();\n  const decide = useDecideCase(data.tenantId);\n  const [open, setOpen] = useState<Open>(null);\n  const mode = barMode(data.status);\n  const business = data.businessName ?? 'This business';\n\n  if (!mode) return null;\n\n  const ownDecision =\n    mode === 'reverse' && !!adminId && data.decision?.decidedBy === adminId;\n  const hint = ownDecision\n    ? 'You made this decision. A different admin has to reverse it.'\n    : manageComplianceHint;\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 dialog = {\n    tenantId: data.tenantId,\n    business,\n    onClose: () => setOpen(null),\n  };\n\n  return (\n    <>\n      <div className={styles.bar} role=\"group\" aria-label=\"Decision\">\n        {hint && <span className={styles.barHint}>{hint}</span>}\n        {mode === 'decide' ? (\n          <>\n            <Button variant=\"secondary\" onClick={() => setOpen('more')}>\n              Ask for more\n            </Button>\n            <Button variant=\"secondary\" onClick={() => setOpen('deny')}>\n              Deny\n            </Button>\n            <Button loading={decide.isPending} onClick={() => void approve()}>\n              Approve\n            </Button>\n          </>\n        ) : (\n          <Button variant=\"secondary\" onClick={() => setOpen('reverse')}>\n            Reverse decision\n          </Button>\n        )}\n      </div>\n      <DenyDialog {...dialog} open={open === 'deny'} />\n      <AskMoreDialog {...dialog} open={open === 'more'} />\n      <ReverseDialog {...dialog} open={open === 'reverse'} />\n    </>\n  );\n}\n"],"mappings":";AAiEiB,SAEP,UAFO,KAEP,YAFO;AA/DjB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,YAAY,gBAAgB;AAE7C,SAAS,2BAA2B;AACpC,SAAS,SAAS,qBAAqB;AACvC,SAAS,eAAe,kBAAkB;AAC1C,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,OAAO,YAAY;AAUZ,SAAS,YAAY,EAAE,KAAK,GAA+B;AAChE,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,SAAS,qBAAqB,IAAI,oBAAoB;AAC9D,QAAM,SAAS,cAAc,KAAK,QAAQ;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAe,IAAI;AAC3C,QAAM,OAAO,QAAQ,KAAK,MAAM;AAChC,QAAM,WAAW,KAAK,gBAAgB;AAEtC,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,cACJ,SAAS,aAAa,CAAC,CAAC,WAAW,KAAK,UAAU,cAAc;AAClE,QAAM,OAAO,cACT,iEACA;AAEJ,iBAAe,UAAU;AACvB,UAAM,KAAK,MAAM,QAAQ;AAAA,MACvB,OAAO,WAAW,QAAQ;AAAA,MAC1B,aAAa;AAAA,MACb,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,QAAM,SAAS;AAAA,IACb,UAAU,KAAK;AAAA,IACf;AAAA,IACA,SAAS,MAAM,QAAQ,IAAI;AAAA,EAC7B;AAEA,SACE,iCACE;AAAA,yBAAC,SAAI,WAAW,OAAO,KAAK,MAAK,SAAQ,cAAW,YACjD;AAAA,cAAQ,oBAAC,UAAK,WAAW,OAAO,SAAU,gBAAK;AAAA,MAC/C,SAAS,WACR,iCACE;AAAA,4BAAC,UAAO,SAAQ,aAAY,SAAS,MAAM,QAAQ,MAAM,GAAG,0BAE5D;AAAA,QACA,oBAAC,UAAO,SAAQ,aAAY,SAAS,MAAM,QAAQ,MAAM,GAAG,kBAE5D;AAAA,QACA,oBAAC,UAAO,SAAS,OAAO,WAAW,SAAS,MAAM,KAAK,QAAQ,GAAG,qBAElE;AAAA,SACF,IAEA,oBAAC,UAAO,SAAQ,aAAY,SAAS,MAAM,QAAQ,SAAS,GAAG,8BAE/D;AAAA,OAEJ;AAAA,IACA,oBAAC,cAAY,GAAG,QAAQ,MAAM,SAAS,QAAQ;AAAA,IAC/C,oBAAC,iBAAe,GAAG,QAAQ,MAAM,SAAS,QAAQ;AAAA,IAClD,oBAAC,iBAAe,GAAG,QAAQ,MAAM,SAAS,WAAW;AAAA,KACvD;AAEJ;","names":[]}

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

@@ -0,0 +1,152 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import {
+  CheckboxGroup,
+  ErrorBanner,
+  Field,
+  Select,
+  useToast
+} from "@withpotter/ui-kit";
+import {
+  askMoreErrors,
+  caseErrorText,
+  denyErrors,
+  hasErrors
+} from "./case-rules";
+import { DENY_REASONS, REDO_ITEMS } from "./case-events";
+import { CaseFormDialog } from "./case-form-dialog";
+import { useDecideCase } from "./use-case";
+const EMAILED = "Why, for the record.";
+function useForm(initial) {
+  const [note, setNote] = useState("");
+  const [fields, setFields] = useState(initial);
+  const [tried, setTried] = useState(false);
+  const reset = () => {
+    setNote("");
+    setFields(initial);
+    setTried(false);
+  };
+  return { note, setNote, fields, setFields, tried, setTried, reset };
+}
+function DenyDialog({ tenantId, business, open, onClose }) {
+  const { toast } = useToast();
+  const decide = useDecideCase(tenantId);
+  const f = useForm({ reason: "" });
+  const errors = denyErrors({ reason: f.fields.reason, note: f.note });
+  const close = () => {
+    onClose();
+    decide.reset();
+    f.reset();
+  };
+  const submit = () => {
+    f.setTried(true);
+    if (hasErrors(errors) || !f.fields.reason) return;
+    decide.mutate(
+      { decision: "DENY", reason: f.fields.reason, note: f.note.trim() },
+      {
+        onSuccess: () => {
+          toast({ title: `${business} denied` });
+          close();
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(
+    CaseFormDialog,
+    {
+      open,
+      title: "Deny verification",
+      description: business,
+      act: "Deny",
+      tone: "danger",
+      pending: decide.isPending,
+      error: decide.isError ? caseErrorText(decide.error, "decide") : void 0,
+      note: f.note,
+      notePlaceholder: EMAILED,
+      noteError: f.tried ? errors.note : void 0,
+      onNote: f.setNote,
+      onSubmit: submit,
+      onClose: close,
+      children: [
+        /* @__PURE__ */ jsx(Field, { label: "Reason", children: /* @__PURE__ */ jsx(
+          Select,
+          {
+            ariaLabel: "Reason",
+            placeholder: "Choose a reason",
+            inset: true,
+            invalid: f.tried && !!errors.reason,
+            value: f.fields.reason,
+            options: DENY_REASONS,
+            onChange: (v) => f.setFields({ reason: v })
+          }
+        ) }),
+        f.tried && errors.reason && /* @__PURE__ */ jsx(ErrorBanner, { children: errors.reason })
+      ]
+    }
+  );
+}
+function AskMoreDialog({
+  tenantId,
+  business,
+  open,
+  onClose
+}) {
+  const { toast } = useToast();
+  const decide = useDecideCase(tenantId);
+  const f = useForm({ redo: [] });
+  const errors = askMoreErrors({ redo: f.fields.redo, note: f.note });
+  const close = () => {
+    onClose();
+    decide.reset();
+    f.reset();
+  };
+  const submit = () => {
+    f.setTried(true);
+    if (hasErrors(errors)) return;
+    decide.mutate(
+      { decision: "ASK_FOR_MORE", redo: f.fields.redo, note: f.note.trim() },
+      {
+        onSuccess: () => {
+          toast({ title: `Asked ${business} for more` });
+          close();
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(
+    CaseFormDialog,
+    {
+      open,
+      title: "Ask for more",
+      description: business,
+      act: "Ask for more",
+      tone: "primary",
+      pending: decide.isPending,
+      error: decide.isError ? caseErrorText(decide.error, "decide") : void 0,
+      note: f.note,
+      notePlaceholder: EMAILED,
+      noteError: f.tried ? errors.note : void 0,
+      onNote: f.setNote,
+      onSubmit: submit,
+      onClose: close,
+      children: [
+        /* @__PURE__ */ jsx(
+          CheckboxGroup,
+          {
+            label: "Send again",
+            options: REDO_ITEMS,
+            value: f.fields.redo,
+            onChange: (v) => f.setFields({ redo: v })
+          }
+        ),
+        f.tried && errors.redo && /* @__PURE__ */ jsx(ErrorBanner, { children: errors.redo })
+      ]
+    }
+  );
+}
+export {
+  AskMoreDialog,
+  DenyDialog
+};
+//# sourceMappingURL=decision-dialogs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/verification/decision-dialogs.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport {\n  CheckboxGroup,\n  ErrorBanner,\n  Field,\n  Select,\n  useToast,\n} from '@withpotter/ui-kit';\nimport type { DenyReason, RedoItem } from '@withpotter/lib/admin-case-types';\nimport {\n  askMoreErrors,\n  caseErrorText,\n  denyErrors,\n  hasErrors,\n} from './case-rules';\nimport { DENY_REASONS, REDO_ITEMS } from './case-events';\nimport { CaseFormDialog } from './case-form-dialog';\nimport { useDecideCase } from './use-case';\n\nexport type DialogProps = {\n  tenantId: string;\n  business: string;\n  open: boolean;\n  onClose: () => void;\n};\n\n/** Olive does not email the business a decision yet; the note is the record. */\nconst EMAILED = 'Why, for the record.';\n\n/** One form's note, whether it has been tried, and a reset for closing. */\nfunction useForm<T>(initial: T) {\n  const [note, setNote] = useState('');\n  const [fields, setFields] = useState(initial);\n  const [tried, setTried] = useState(false);\n  const reset = () => {\n    setNote('');\n    setFields(initial);\n    setTried(false);\n  };\n\n  return { note, setNote, fields, setFields, tried, setTried, reset };\n}\n\nexport function DenyDialog({ tenantId, business, open, onClose }: DialogProps) {\n  const { toast } = useToast();\n  const decide = useDecideCase(tenantId);\n  const f = useForm<{ reason: DenyReason | '' }>({ reason: '' });\n  const errors = denyErrors({ reason: f.fields.reason, note: f.note });\n  const close = () => {\n    onClose();\n    decide.reset();\n    f.reset();\n  };\n  const submit = () => {\n    f.setTried(true);\n\n    if (hasErrors(errors) || !f.fields.reason) return;\n\n    decide.mutate(\n      { decision: 'DENY', reason: f.fields.reason, note: f.note.trim() },\n      {\n        onSuccess: () => {\n          toast({ title: `${business} denied` });\n          close();\n        },\n      },\n    );\n  };\n\n  return (\n    <CaseFormDialog\n      open={open}\n      title=\"Deny verification\"\n      description={business}\n      act=\"Deny\"\n      tone=\"danger\"\n      pending={decide.isPending}\n      error={decide.isError ? caseErrorText(decide.error, 'decide') : undefined}\n      note={f.note}\n      notePlaceholder={EMAILED}\n      noteError={f.tried ? errors.note : undefined}\n      onNote={f.setNote}\n      onSubmit={submit}\n      onClose={close}\n    >\n      <Field label=\"Reason\">\n        <Select\n          ariaLabel=\"Reason\"\n          placeholder=\"Choose a reason\"\n          inset\n          invalid={f.tried && !!errors.reason}\n          value={f.fields.reason}\n          options={DENY_REASONS}\n          onChange={(v) => f.setFields({ reason: v as DenyReason })}\n        />\n      </Field>\n      {f.tried && errors.reason && <ErrorBanner>{errors.reason}</ErrorBanner>}\n    </CaseFormDialog>\n  );\n}\n\nexport function AskMoreDialog({\n  tenantId,\n  business,\n  open,\n  onClose,\n}: DialogProps) {\n  const { toast } = useToast();\n  const decide = useDecideCase(tenantId);\n  const f = useForm<{ redo: RedoItem[] }>({ redo: [] });\n  const errors = askMoreErrors({ redo: f.fields.redo, note: f.note });\n  const close = () => {\n    onClose();\n    decide.reset();\n    f.reset();\n  };\n  const submit = () => {\n    f.setTried(true);\n\n    if (hasErrors(errors)) return;\n\n    decide.mutate(\n      { decision: 'ASK_FOR_MORE', redo: f.fields.redo, note: f.note.trim() },\n      {\n        onSuccess: () => {\n          toast({ title: `Asked ${business} for more` });\n          close();\n        },\n      },\n    );\n  };\n\n  return (\n    <CaseFormDialog\n      open={open}\n      title=\"Ask for more\"\n      description={business}\n      act=\"Ask for more\"\n      tone=\"primary\"\n      pending={decide.isPending}\n      error={decide.isError ? caseErrorText(decide.error, 'decide') : undefined}\n      note={f.note}\n      notePlaceholder={EMAILED}\n      noteError={f.tried ? errors.note : undefined}\n      onNote={f.setNote}\n      onSubmit={submit}\n      onClose={close}\n    >\n      <CheckboxGroup\n        label=\"Send again\"\n        options={REDO_ITEMS}\n        value={f.fields.redo}\n        onChange={(v) => f.setFields({ redo: v as RedoItem[] })}\n      />\n      {f.tried && errors.redo && <ErrorBanner>{errors.redo}</ErrorBanner>}\n    </CaseFormDialog>\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-view.js

@@ -0,0 +1,28 @@
+function viewerKind(mimeType) {
+  const type = (mimeType ?? "").toLowerCase();
+  if (type.startsWith("image/")) return "image";
+  return type === "application/pdf" ? "pdf" : "other";
+}
+const pdfSource = (url) => `${url}#toolbar=0&navpanes=0`;
+function ownerName(document, people) {
+  const person = document.personId ? people.find((p) => p.id === document.personId) : void 0;
+  return person?.fullName ?? "The business";
+}
+function photoOf(documents, personId) {
+  return documents?.find((d) => d.kind === "ID_PHOTO" && d.personId === personId) ?? null;
+}
+const documentLinkKey = (tenantId, documentId) => [
+  "platform-admin",
+  "compliance",
+  "document-link",
+  tenantId,
+  documentId
+];
+export {
+  documentLinkKey,
+  ownerName,
+  pdfSource,
+  photoOf,
+  viewerKind
+};
+//# sourceMappingURL=document-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/admin/tenants/%5Bid%5D/verification/document-view.ts"],"sourcesContent":["import type {\n  CaseDocument,\n  CasePerson,\n} from '@withpotter/lib/admin-case-types';\n\n/**\n * Pure helpers for the document viewer: what to draw a file with, whose it\n * is, and which document a person's ID photo row opens. Tested without a\n * browser.\n */\n\nexport type ViewerKind = 'image' | 'pdf' | 'other';\n\nexport function viewerKind(mimeType: string | null | undefined): ViewerKind {\n  const type = (mimeType ?? '').toLowerCase();\n\n  if (type.startsWith('image/')) return 'image';\n\n  return type === 'application/pdf' ? 'pdf' : 'other';\n}\n\n/** The browser's PDF viewer without its toolbar, so no download or print button. */\nexport const pdfSource = (url: string) => `${url}#toolbar=0&navpanes=0`;\n\n/** The person an ID photo belongs to; the business itself for a certificate. */\nexport function ownerName(\n  document: Pick<CaseDocument, 'personId'>,\n  people: Pick<CasePerson, 'id' | 'fullName'>[],\n): string {\n  const person = document.personId\n    ? people.find((p) => p.id === document.personId)\n    : undefined;\n\n  return person?.fullName ?? 'The business';\n}\n\n/** A person's latest ID photo (documents come newest first). */\nexport function photoOf(\n  documents: CaseDocument[] | undefined,\n  personId: string,\n): CaseDocument | null {\n  return (\n    documents?.find((d) => d.kind === 'ID_PHOTO' && d.personId === personId) ??\n    null\n  );\n}\n\nexport const documentLinkKey = (tenantId: string, documentId: string) => [\n  'platform-admin',\n  'compliance',\n  'document-link',\n  tenantId,\n  documentId,\n];\n"],"mappings":"AAaO,SAAS,WAAW,UAAiD;AAC1E,QAAM,QAAQ,YAAY,IAAI,YAAY;AAE1C,MAAI,KAAK,WAAW,QAAQ,EAAG,QAAO;AAEtC,SAAO,SAAS,oBAAoB,QAAQ;AAC9C;AAGO,MAAM,YAAY,CAAC,QAAgB,GAAG,GAAG;AAGzC,SAAS,UACd,UACA,QACQ;AACR,QAAM,SAAS,SAAS,WACpB,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,SAAS,QAAQ,IAC7C;AAEJ,SAAO,QAAQ,YAAY;AAC7B;AAGO,SAAS,QACd,WACA,UACqB;AACrB,SACE,WAAW,KAAK,CAAC,MAAM,EAAE,SAAS,cAAc,EAAE,aAAa,QAAQ,KACvE;AAEJ;AAEO,MAAM,kBAAkB,CAAC,UAAkB,eAAuB;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}