@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/till-requests/page.js

@@ -0,0 +1,124 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { Banner, Th, useToast } from "@withpotter/ui-kit";
+import {
+  platformAdminApi
+} from "@withpotter/platform-admin";
+import { MonitorUp } from "lucide-react";
+import { FilterSelect, Filters, PageHeader } from "../_ui";
+import { ListCard } from "../_ui/list-card";
+import { DecisionDialog } from "./decision-dialog";
+import { TillRequestListRow } from "./till-request-row";
+const STATUS_OPTIONS = [
+  "pending",
+  "approved",
+  "fulfilled",
+  "rejected",
+  "all"
+];
+const DONE = {
+  approved: "Request approved",
+  rejected: "Request rejected",
+  fulfilled: "Request marked fulfilled"
+};
+function AdminTillRequestsPage() {
+  const [status, setStatus] = useState("pending");
+  const [pending, setPending] = useState(null);
+  const { toast } = useToast();
+  const queryClient = useQueryClient();
+  const queryKey = ["platform-admin", "till-requests", status];
+  const requests = useQuery({
+    queryKey,
+    queryFn: () => platformAdminApi.tillRequests(status === "all" ? void 0 : status)
+  });
+  const decide = useMutation({
+    mutationFn: (value) => platformAdminApi.decideTillRequest(value.id, value.status, value.note),
+    onSuccess: () => queryClient.invalidateQueries({
+      queryKey: ["platform-admin", "till-requests"]
+    })
+  });
+  const act = (request, nextStatus) => setPending({ request, status: nextStatus });
+  const confirm = (note) => {
+    if (!pending) return;
+    const nextStatus = pending.status;
+    decide.mutate(
+      { id: pending.request.id, status: nextStatus, note },
+      {
+        onSuccess: () => toast({ title: DONE[nextStatus] }),
+        onSettled: () => setPending(null)
+      }
+    );
+  };
+  const data = requests.data ?? [];
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        title: "Till requests",
+        description: "Review and fulfil merchant Till hardware requests."
+      }
+    ),
+    decide.isError && /* @__PURE__ */ jsx(Banner, { tone: "error", className: "mb-4", children: decide.error instanceof Error ? decide.error.message : "Could not update request." }),
+    /* @__PURE__ */ jsx(
+      ListCard,
+      {
+        title: "Requests",
+        count: requests.data?.length,
+        columns: 6,
+        isLoading: requests.isLoading,
+        isError: requests.isError,
+        onRetry: () => void requests.refetch(),
+        errorTitle: "Failed to load Till requests.",
+        isEmpty: data.length === 0,
+        emptyIcon: MonitorUp,
+        emptyTitle: "No Till requests",
+        emptyDescription: `There are no ${status === "all" ? "" : `${status} `}requests.`,
+        controls: /* @__PURE__ */ jsx(Filters, { label: "Filter Till requests", children: /* @__PURE__ */ jsx(
+          FilterSelect,
+          {
+            label: "Status",
+            value: status,
+            allValue: "all",
+            onChange: (value) => setStatus(value),
+            options: STATUS_OPTIONS.map((option) => ({
+              value: option,
+              label: option[0].toUpperCase() + option.slice(1)
+            }))
+          }
+        ) }),
+        head: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx(Th, { children: "Business" }),
+          /* @__PURE__ */ jsx(Th, { align: "right", children: "Tills" }),
+          /* @__PURE__ */ jsx(Th, { children: "Request note" }),
+          /* @__PURE__ */ jsx(Th, { children: "Requested" }),
+          /* @__PURE__ */ jsx(Th, { children: "Status" }),
+          /* @__PURE__ */ jsx(Th, { align: "right", children: "Actions" })
+        ] }),
+        children: data.map((request) => /* @__PURE__ */ jsx(
+          TillRequestListRow,
+          {
+            request,
+            busy: decide.isPending,
+            onAct: (next) => act(request, next)
+          },
+          request.id
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DecisionDialog,
+      {
+        decision: pending?.status ?? null,
+        busy: decide.isPending,
+        onClose: () => setPending(null),
+        onConfirm: confirm
+      }
+    )
+  ] });
+}
+export {
+  AdminTillRequestsPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/admin/till-requests/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/till-requests/page.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { Banner, Th, useToast } from '@withpotter/ui-kit';\nimport {\n  platformAdminApi,\n  type TillRequestRow,\n} from '@withpotter/platform-admin';\nimport { MonitorUp } from 'lucide-react';\nimport { FilterSelect, Filters, PageHeader } from '../_ui';\nimport { ListCard } from '../_ui/list-card';\nimport { DecisionDialog, type Decision } from './decision-dialog';\nimport { TillRequestListRow } from './till-request-row';\n\ntype StatusFilter = TillRequestRow['status'] | 'all';\n\nconst STATUS_OPTIONS: StatusFilter[] = [\n  'pending',\n  'approved',\n  'fulfilled',\n  'rejected',\n  'all',\n];\n\nconst DONE: Record<Decision, string> = {\n  approved: 'Request approved',\n  rejected: 'Request rejected',\n  fulfilled: 'Request marked fulfilled',\n};\n\nexport default function AdminTillRequestsPage() {\n  const [status, setStatus] = useState<StatusFilter>('pending');\n  const [pending, setPending] = useState<{\n    request: TillRequestRow;\n    status: Decision;\n  } | null>(null);\n  const { toast } = useToast();\n  const queryClient = useQueryClient();\n  const queryKey = ['platform-admin', 'till-requests', status];\n  const requests = useQuery({\n    queryKey,\n    queryFn: () =>\n      platformAdminApi.tillRequests(status === 'all' ? undefined : status),\n  });\n  const decide = useMutation({\n    mutationFn: (value: { id: string; status: Decision; note?: string }) =>\n      platformAdminApi.decideTillRequest(value.id, value.status, value.note),\n    onSuccess: () =>\n      queryClient.invalidateQueries({\n        queryKey: ['platform-admin', 'till-requests'],\n      }),\n  });\n\n  const act = (request: TillRequestRow, nextStatus: Decision) =>\n    setPending({ request, status: nextStatus });\n\n  const confirm = (note: string | undefined) => {\n    if (!pending) return;\n    const nextStatus = pending.status;\n    decide.mutate(\n      { id: pending.request.id, status: nextStatus, note },\n      {\n        onSuccess: () => toast({ title: DONE[nextStatus] }),\n        onSettled: () => setPending(null),\n      },\n    );\n  };\n\n  const data = requests.data ?? [];\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Till requests\"\n        description=\"Review and fulfil merchant Till hardware requests.\"\n      />\n\n      {decide.isError && (\n        <Banner tone=\"error\" className=\"mb-4\">\n          {decide.error instanceof Error\n            ? decide.error.message\n            : 'Could not update request.'}\n        </Banner>\n      )}\n\n      <ListCard\n        title=\"Requests\"\n        count={requests.data?.length}\n        columns={6}\n        isLoading={requests.isLoading}\n        isError={requests.isError}\n        onRetry={() => void requests.refetch()}\n        errorTitle=\"Failed to load Till requests.\"\n        isEmpty={data.length === 0}\n        emptyIcon={MonitorUp}\n        emptyTitle=\"No Till requests\"\n        emptyDescription={`There are no ${\n          status === 'all' ? '' : `${status} `\n        }requests.`}\n        controls={\n          <Filters label=\"Filter Till requests\">\n            <FilterSelect\n              label=\"Status\"\n              value={status}\n              allValue=\"all\"\n              onChange={(value) => setStatus(value as StatusFilter)}\n              options={STATUS_OPTIONS.map((option) => ({\n                value: option,\n                label: option[0].toUpperCase() + option.slice(1),\n              }))}\n            />\n          </Filters>\n        }\n        head={\n          <tr>\n            <Th>Business</Th>\n            <Th align=\"right\">Tills</Th>\n            <Th>Request note</Th>\n            <Th>Requested</Th>\n            <Th>Status</Th>\n            <Th align=\"right\">Actions</Th>\n          </tr>\n        }\n      >\n        {data.map((request) => (\n          <TillRequestListRow\n            key={request.id}\n            request={request}\n            busy={decide.isPending}\n            onAct={(next) => act(request, next)}\n          />\n        ))}\n      </ListCard>\n\n      <DecisionDialog\n        decision={pending?.status ?? null}\n        busy={decide.isPending}\n        onClose={() => setPending(null)}\n        onConfirm={confirm}\n      />\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/till-requests/till-request-row.js

@@ -0,0 +1,72 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Badge, Button, TableRow } from "@withpotter/ui-kit";
+import { dangerRowBtn } from "../_ui";
+import { EMPTY } from "../_ui/list-card";
+import rows from "../accounts/rows.module.css";
+function TillRequestListRow({
+  request,
+  busy,
+  onAct
+}) {
+  const decidedElsewhere = request.source ? sourceName(request.source) : null;
+  return /* @__PURE__ */ jsxs(TableRow, { children: [
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("span", { className: rows.identityText, children: [
+      /* @__PURE__ */ jsx("span", { className: rows.primary, children: request.tenantName }),
+      /* @__PURE__ */ jsx("span", { className: rows.secondary, children: request.tenantId })
+    ] }) }),
+    /* @__PURE__ */ jsx("td", { className: "text-right tabular-nums", children: request.quantity }),
+    /* @__PURE__ */ jsx("td", { className: "text-[var(--text-secondary)]", children: request.note || EMPTY }),
+    /* @__PURE__ */ jsx("td", { className: "whitespace-nowrap text-[var(--text-secondary)]", children: new Date(request.createdAt).toLocaleString() }),
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+      Badge,
+      {
+        variant: request.status === "fulfilled" ? "success" : request.status === "rejected" ? "error" : "secondary",
+        children: request.status
+      }
+    ) }),
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-1.5", children: [
+      decidedElsewhere && /* @__PURE__ */ jsxs("span", { className: "text-[var(--text-tertiary)]", children: [
+        "Decided on ",
+        decidedElsewhere
+      ] }),
+      !decidedElsewhere && request.status === "pending" && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            disabled: busy,
+            onClick: () => onAct("approved"),
+            children: "Approve"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            style: dangerRowBtn,
+            disabled: busy,
+            onClick: () => onAct("rejected"),
+            children: "Reject"
+          }
+        )
+      ] }),
+      !decidedElsewhere && request.status === "approved" && /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "sm",
+          variant: "secondary",
+          disabled: busy,
+          onClick: () => onAct("fulfilled"),
+          children: "Mark fulfilled"
+        }
+      ),
+      !decidedElsewhere && !["pending", "approved"].includes(request.status) && /* @__PURE__ */ jsx("span", { className: "text-[var(--text-tertiary)]", children: "Complete" })
+    ] }) })
+  ] });
+}
+const sourceName = (source) => source.charAt(0).toUpperCase() + source.slice(1);
+export {
+  TillRequestListRow
+};
+//# sourceMappingURL=till-request-row.js.map

package/dist/admin/till-requests/till-request-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/till-requests/till-request-row.tsx"],"sourcesContent":["'use client';\n\nimport { Badge, Button, TableRow } from '@withpotter/ui-kit';\nimport type { TillRequestRow } from '@withpotter/platform-admin';\nimport { dangerRowBtn } from '../_ui';\nimport { EMPTY } from '../_ui/list-card';\nimport type { Decision } from './decision-dialog';\nimport rows from '../accounts/rows.module.css';\n\n/**\n * One Till request: who asked, how many, when, its status and the next decision.\n * A request another system decides (Olive) shows its status from there, with no actions.\n */\nexport function TillRequestListRow({\n  request,\n  busy,\n  onAct,\n}: {\n  request: TillRequestRow;\n  busy: boolean;\n  onAct: (next: Decision) => void;\n}) {\n  const decidedElsewhere = request.source ? sourceName(request.source) : null;\n\n  return (\n    <TableRow>\n      <td>\n        <span className={rows.identityText}>\n          <span className={rows.primary}>{request.tenantName}</span>\n          <span className={rows.secondary}>{request.tenantId}</span>\n        </span>\n      </td>\n      <td className=\"text-right tabular-nums\">{request.quantity}</td>\n      <td className=\"text-[var(--text-secondary)]\">{request.note || EMPTY}</td>\n      <td className=\"whitespace-nowrap text-[var(--text-secondary)]\">\n        {new Date(request.createdAt).toLocaleString()}\n      </td>\n      <td>\n        <Badge\n          variant={\n            request.status === 'fulfilled'\n              ? 'success'\n              : request.status === 'rejected'\n              ? 'error'\n              : 'secondary'\n          }\n        >\n          {request.status}\n        </Badge>\n      </td>\n      <td>\n        <div className=\"flex items-center justify-end gap-1.5\">\n          {decidedElsewhere && (\n            <span className=\"text-[var(--text-tertiary)]\">\n              Decided on {decidedElsewhere}\n            </span>\n          )}\n          {!decidedElsewhere && request.status === 'pending' && (\n            <>\n              <Button\n                size=\"sm\"\n                disabled={busy}\n                onClick={() => onAct('approved')}\n              >\n                Approve\n              </Button>\n              <button\n                type=\"button\"\n                style={dangerRowBtn}\n                disabled={busy}\n                onClick={() => onAct('rejected')}\n              >\n                Reject\n              </button>\n            </>\n          )}\n          {!decidedElsewhere && request.status === 'approved' && (\n            <Button\n              size=\"sm\"\n              variant=\"secondary\"\n              disabled={busy}\n              onClick={() => onAct('fulfilled')}\n            >\n              Mark fulfilled\n            </Button>\n          )}\n          {!decidedElsewhere &&\n            !['pending', 'approved'].includes(request.status) && (\n              <span className=\"text-[var(--text-tertiary)]\">Complete</span>\n            )}\n        </div>\n      </td>\n    </TableRow>\n  );\n}\n\nconst sourceName = (source: string) =>\n  source.charAt(0).toUpperCase() + source.slice(1);\n"],"mappings":";AA2BQ,SA+BI,UA9BF,KADF;AAzBR,SAAS,OAAO,QAAQ,gBAAgB;AAExC,SAAS,oBAAoB;AAC7B,SAAS,aAAa;AAEtB,OAAO,UAAU;AAMV,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,mBAAmB,QAAQ,SAAS,WAAW,QAAQ,MAAM,IAAI;AAEvE,SACE,qBAAC,YACC;AAAA,wBAAC,QACC,+BAAC,UAAK,WAAW,KAAK,cACpB;AAAA,0BAAC,UAAK,WAAW,KAAK,SAAU,kBAAQ,YAAW;AAAA,MACnD,oBAAC,UAAK,WAAW,KAAK,WAAY,kBAAQ,UAAS;AAAA,OACrD,GACF;AAAA,IACA,oBAAC,QAAG,WAAU,2BAA2B,kBAAQ,UAAS;AAAA,IAC1D,oBAAC,QAAG,WAAU,gCAAgC,kBAAQ,QAAQ,OAAM;AAAA,IACpE,oBAAC,QAAG,WAAU,kDACX,cAAI,KAAK,QAAQ,SAAS,EAAE,eAAe,GAC9C;AAAA,IACA,oBAAC,QACC;AAAA,MAAC;AAAA;AAAA,QACC,SACE,QAAQ,WAAW,cACf,YACA,QAAQ,WAAW,aACnB,UACA;AAAA,QAGL,kBAAQ;AAAA;AAAA,IACX,GACF;AAAA,IACA,oBAAC,QACC,+BAAC,SAAI,WAAU,yCACZ;AAAA,0BACC,qBAAC,UAAK,WAAU,+BAA8B;AAAA;AAAA,QAChC;AAAA,SACd;AAAA,MAED,CAAC,oBAAoB,QAAQ,WAAW,aACvC,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU;AAAA,YACV,SAAS,MAAM,MAAM,UAAU;AAAA,YAChC;AAAA;AAAA,QAED;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO;AAAA,YACP,UAAU;AAAA,YACV,SAAS,MAAM,MAAM,UAAU;AAAA,YAChC;AAAA;AAAA,QAED;AAAA,SACF;AAAA,MAED,CAAC,oBAAoB,QAAQ,WAAW,cACvC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,UAAU;AAAA,UACV,SAAS,MAAM,MAAM,WAAW;AAAA,UACjC;AAAA;AAAA,MAED;AAAA,MAED,CAAC,oBACA,CAAC,CAAC,WAAW,UAAU,EAAE,SAAS,QAAQ,MAAM,KAC9C,oBAAC,UAAK,WAAU,+BAA8B,sBAAQ;AAAA,OAE5D,GACF;AAAA,KACF;AAEJ;AAEA,MAAM,aAAa,CAAC,WAClB,OAAO,OAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC;","names":[]}

package/dist/admin/verification/page.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { VerificationPage } from "./verification-page";
+function Page() {
+  return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(VerificationPage, {}) });
+}
+export {
+  Page as default
+};
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/verification/page.tsx"],"sourcesContent":["'use client';\n\nimport { Suspense } from 'react';\nimport { VerificationPage } from './verification-page';\n\n/** The kind filter reads `?kind=`, so the page waits on the search params. */\nexport default function Page() {\n  return (\n    <Suspense>\n      <VerificationPage />\n    </Suspense>\n  );\n}\n"],"mappings":";AASM;AAPN,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AAGlB,SAAR,OAAwB;AAC7B,SACE,oBAAC,YACC,8BAAC,oBAAiB,GACpB;AAEJ;","names":[]}

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

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

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

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

package/dist/admin/verification/reject-dialog.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import {
+  Button,
+  ErrorBanner,
+  FormDialog,
+  Textarea,
+  useToast
+} from "@withpotter/ui-kit";
+import { useMoneyPermissions } from "../_money/permissions";
+import styles from "./verification.module.css";
+import {
+  decisionToast,
+  NOTE_MAX,
+  rejectNoteError,
+  reviewErrorText,
+  subjectLine
+} from "./review";
+import { useDecide } from "./use-review";
+function RejectDialog({
+  item,
+  open,
+  onClose
+}) {
+  const { toast } = useToast();
+  const { manageComplianceHint } = useMoneyPermissions();
+  const decide = useDecide();
+  const [note, setNote] = useState("");
+  const [touched, setTouched] = useState(false);
+  const noteError = rejectNoteError(note);
+  function close() {
+    onClose();
+    decide.reset();
+    setNote("");
+    setTouched(false);
+  }
+  const submit = () => {
+    setTouched(true);
+    if (!item || noteError) return;
+    decide.mutate(
+      { item, decision: "REJECTED", note: note.trim() },
+      {
+        onSuccess: () => {
+          toast({ title: decisionToast("REJECTED", item) });
+          close();
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      open,
+      onClose: close,
+      title: "Reject",
+      description: item ? subjectLine(item) : void 0,
+      footer: /* @__PURE__ */ jsxs("div", { className: styles.footer, children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: close, children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "danger",
+            disabled: !item,
+            loading: decide.isPending,
+            onClick: submit,
+            children: "Reject"
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsxs("div", { className: styles.form, children: [
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            label: "Note",
+            placeholder: "Say why, for the record.",
+            rows: 3,
+            value: note,
+            maxLength: NOTE_MAX,
+            onChange: (e) => setNote(e.target.value),
+            onBlur: () => setTouched(true)
+          }
+        ),
+        touched && noteError && /* @__PURE__ */ jsx(ErrorBanner, { children: noteError }),
+        manageComplianceHint && /* @__PURE__ */ jsx("span", { className: "adm-caption", children: manageComplianceHint }),
+        decide.isError && /* @__PURE__ */ jsx(ErrorBanner, { children: reviewErrorText(decide.error, "decide") })
+      ] })
+    }
+  );
+}
+export {
+  RejectDialog
+};
+//# sourceMappingURL=reject-dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/verification/reject-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport {\n  Button,\n  ErrorBanner,\n  FormDialog,\n  Textarea,\n  useToast,\n} from '@withpotter/ui-kit';\nimport type { ComplianceReviewItem } from '@withpotter/lib/admin-compliance-api';\nimport { useMoneyPermissions } from '../_money/permissions';\nimport styles from './verification.module.css';\nimport {\n  decisionToast,\n  NOTE_MAX,\n  rejectNoteError,\n  reviewErrorText,\n  subjectLine,\n} from './review';\nimport { useDecide } from './use-review';\n\n/**\n * Reject a possible match, with the reason kept beside the decision. A form\n * rather than `useConfirm`, because the confirm takes no note and this one\n * is required.\n */\nexport function RejectDialog({\n  item,\n  open,\n  onClose,\n}: {\n  item: ComplianceReviewItem | null;\n  open: boolean;\n  onClose: () => void;\n}) {\n  const { toast } = useToast();\n  const { manageComplianceHint } = useMoneyPermissions();\n  const decide = useDecide();\n  const [note, setNote] = useState('');\n  const [touched, setTouched] = useState(false);\n  const noteError = rejectNoteError(note);\n\n  function close() {\n    onClose();\n    decide.reset();\n    setNote('');\n    setTouched(false);\n  }\n\n  const submit = () => {\n    setTouched(true);\n\n    if (!item || noteError) return;\n\n    decide.mutate(\n      { item, decision: 'REJECTED', note: note.trim() },\n      {\n        onSuccess: () => {\n          toast({ title: decisionToast('REJECTED', item) });\n          close();\n        },\n      },\n    );\n  };\n\n  return (\n    <FormDialog\n      open={open}\n      onClose={close}\n      title=\"Reject\"\n      description={item ? subjectLine(item) : undefined}\n      footer={\n        <div className={styles.footer}>\n          <Button variant=\"secondary\" onClick={close}>\n            Cancel\n          </Button>\n          <Button\n            variant=\"danger\"\n            disabled={!item}\n            loading={decide.isPending}\n            onClick={submit}\n          >\n            Reject\n          </Button>\n        </div>\n      }\n    >\n      <div className={styles.form}>\n        <Textarea\n          label=\"Note\"\n          placeholder=\"Say why, for the record.\"\n          rows={3}\n          value={note}\n          maxLength={NOTE_MAX}\n          onChange={(e) => setNote(e.target.value)}\n          onBlur={() => setTouched(true)}\n        />\n        {touched && noteError && <ErrorBanner>{noteError}</ErrorBanner>}\n        {manageComplianceHint && (\n          <span className=\"adm-caption\">{manageComplianceHint}</span>\n        )}\n        {decide.isError && (\n          <ErrorBanner>{reviewErrorText(decide.error, 'decide')}</ErrorBanner>\n        )}\n      </div>\n    </FormDialog>\n  );\n}\n"],"mappings":";AAyEQ,SACE,KADF;AAvER,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,2BAA2B;AACpC,OAAO,YAAY;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAOnB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,EAAE,qBAAqB,IAAI,oBAAoB;AACrD,QAAM,SAAS,UAAU;AACzB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,YAAY,gBAAgB,IAAI;AAEtC,WAAS,QAAQ;AACf,YAAQ;AACR,WAAO,MAAM;AACb,YAAQ,EAAE;AACV,eAAW,KAAK;AAAA,EAClB;AAEA,QAAM,SAAS,MAAM;AACnB,eAAW,IAAI;AAEf,QAAI,CAAC,QAAQ,UAAW;AAExB,WAAO;AAAA,MACL,EAAE,MAAM,UAAU,YAAY,MAAM,KAAK,KAAK,EAAE;AAAA,MAChD;AAAA,QACE,WAAW,MAAM;AACf,gBAAM,EAAE,OAAO,cAAc,YAAY,IAAI,EAAE,CAAC;AAChD,gBAAM;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT,OAAM;AAAA,MACN,aAAa,OAAO,YAAY,IAAI,IAAI;AAAA,MACxC,QACE,qBAAC,SAAI,WAAW,OAAO,QACrB;AAAA,4BAAC,UAAO,SAAQ,aAAY,SAAS,OAAO,oBAE5C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAU,CAAC;AAAA,YACX,SAAS,OAAO;AAAA,YAChB,SAAS;AAAA,YACV;AAAA;AAAA,QAED;AAAA,SACF;AAAA,MAGF,+BAAC,SAAI,WAAW,OAAO,MACrB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,aAAY;AAAA,YACZ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,WAAW;AAAA,YACX,UAAU,CAAC,MAAM,QAAQ,EAAE,OAAO,KAAK;AAAA,YACvC,QAAQ,MAAM,WAAW,IAAI;AAAA;AAAA,QAC/B;AAAA,QACC,WAAW,aAAa,oBAAC,eAAa,qBAAU;AAAA,QAChD,wBACC,oBAAC,UAAK,WAAU,eAAe,gCAAqB;AAAA,QAErD,OAAO,WACN,oBAAC,eAAa,0BAAgB,OAAO,OAAO,QAAQ,GAAE;AAAA,SAE1D;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/admin/verification/review-queue.js

@@ -0,0 +1,124 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { Button, FilterChip, useConfirm, useToast } from "@withpotter/ui-kit";
+import { ListCard } from "../_ui/list-card";
+import { useMoneyPermissions } from "../_money/permissions";
+import { RejectDialog } from "./reject-dialog";
+import {
+  decisionToast,
+  filterItems,
+  itemKey,
+  KIND_FILTERS,
+  parseKindFilter,
+  reviewErrorText,
+  subjectLine
+} from "./review";
+import { REVIEW_COLUMNS, ReviewHead, ReviewRow } from "./review-row";
+import { useDecide, useReviewQueue } from "./use-review";
+function ReviewQueue() {
+  const router = useRouter();
+  const pathname = usePathname();
+  const search = useSearchParams();
+  const filter = parseKindFilter(search.get("kind"));
+  const setFilter = (value) => {
+    const next = parseKindFilter(value);
+    router.replace(next === "ALL" ? pathname : `${pathname}?kind=${next}`, {
+      scroll: false
+    });
+  };
+  const { data, isLoading, isError, error, refetch } = useReviewQueue();
+  const { readComplianceHint, manageComplianceHint } = useMoneyPermissions();
+  const confirm = useConfirm();
+  const { toast } = useToast();
+  const decide = useDecide();
+  const rows = filterItems(data ?? [], filter);
+  const [rejecting, setRejecting] = useState(null);
+  const [open, setOpen] = useState(false);
+  async function clear(item) {
+    const ok = await confirm({
+      title: "Clear this match?",
+      description: [
+        `${subjectLine(item)}. The decision is kept on the record.`,
+        manageComplianceHint
+      ].filter(Boolean).join(" "),
+      confirmLabel: "Clear"
+    });
+    if (!ok) return;
+    decide.mutate(
+      { item, decision: "CLEAR" },
+      {
+        onSuccess: () => toast({ title: decisionToast("CLEAR", item) }),
+        onError: (e) => toast({
+          title: reviewErrorText(e, "decide"),
+          variant: "destructive"
+        })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ListCard,
+      {
+        title: "Screening matches",
+        count: data ? rows.length : void 0,
+        columns: REVIEW_COLUMNS,
+        minWidth: 720,
+        isLoading,
+        isError,
+        onRetry: () => void refetch(),
+        errorTitle: reviewErrorText(error, "list"),
+        isEmpty: rows.length === 0,
+        emptyTitle: filter === "ALL" ? "No screening matches waiting." : "Nothing matches.",
+        head: /* @__PURE__ */ jsx(ReviewHead, {}),
+        controls: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            FilterChip,
+            {
+              label: "Kind",
+              value: filter,
+              allValue: "ALL",
+              options: KIND_FILTERS,
+              onChange: (v) => setFilter(v)
+            }
+          ),
+          filter !== "ALL" && /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              variant: "secondary",
+              onClick: () => setFilter("ALL"),
+              children: "Clear filter"
+            }
+          ),
+          readComplianceHint && /* @__PURE__ */ jsx("span", { className: "adm-caption", children: readComplianceHint })
+        ] }),
+        children: rows.map((item) => /* @__PURE__ */ jsx(
+          ReviewRow,
+          {
+            item,
+            onClear: () => void clear(item),
+            onReject: () => {
+              setRejecting(item);
+              setOpen(true);
+            }
+          },
+          itemKey(item)
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RejectDialog,
+      {
+        item: rejecting,
+        open,
+        onClose: () => setOpen(false)
+      }
+    )
+  ] });
+}
+export {
+  ReviewQueue
+};
+//# sourceMappingURL=review-queue.js.map

package/dist/admin/verification/review-queue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/verification/review-queue.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation';\nimport { Button, FilterChip, useConfirm, useToast } from '@withpotter/ui-kit';\nimport type { ComplianceReviewItem } from '@withpotter/lib/admin-compliance-api';\nimport { ListCard } from '../_ui/list-card';\nimport { useMoneyPermissions } from '../_money/permissions';\nimport { RejectDialog } from './reject-dialog';\nimport {\n  decisionToast,\n  filterItems,\n  itemKey,\n  KIND_FILTERS,\n  parseKindFilter,\n  reviewErrorText,\n  subjectLine,\n  type KindFilter,\n} from './review';\nimport { REVIEW_COLUMNS, ReviewHead, ReviewRow } from './review-row';\nimport { useDecide, useReviewQueue } from './use-review';\n\n/**\n * Screenings that found a possible match on a sanctions, watchlist or\n * politically exposed list. A match is often the wrong person with the same\n * name; someone here clears or rejects it.\n */\nexport function ReviewQueue() {\n  const router = useRouter();\n  const pathname = usePathname();\n  const search = useSearchParams();\n  const filter = parseKindFilter(search.get('kind'));\n  const setFilter = (value: string) => {\n    const next = parseKindFilter(value);\n\n    router.replace(next === 'ALL' ? pathname : `${pathname}?kind=${next}`, {\n      scroll: false,\n    });\n  };\n\n  const { data, isLoading, isError, error, refetch } = useReviewQueue();\n  const { readComplianceHint, manageComplianceHint } = useMoneyPermissions();\n  const confirm = useConfirm();\n  const { toast } = useToast();\n  const decide = useDecide();\n  const rows = filterItems(data ?? [], filter);\n\n  // The last item rejected stays put while the dialog animates out.\n  const [rejecting, setRejecting] = useState<ComplianceReviewItem | null>(null);\n  const [open, setOpen] = useState(false);\n\n  async function clear(item: ComplianceReviewItem) {\n    const ok = await confirm({\n      title: 'Clear this match?',\n      description: [\n        `${subjectLine(item)}. The decision is kept on the record.`,\n        manageComplianceHint,\n      ]\n        .filter(Boolean)\n        .join(' '),\n      confirmLabel: 'Clear',\n    });\n\n    if (!ok) return;\n\n    decide.mutate(\n      { item, decision: 'CLEAR' },\n      {\n        onSuccess: () => toast({ title: decisionToast('CLEAR', item) }),\n        onError: (e) =>\n          toast({\n            title: reviewErrorText(e, 'decide'),\n            variant: 'destructive',\n          }),\n      },\n    );\n  }\n\n  return (\n    <>\n      <ListCard\n        title=\"Screening matches\"\n        count={data ? rows.length : undefined}\n        columns={REVIEW_COLUMNS}\n        minWidth={720}\n        isLoading={isLoading}\n        isError={isError}\n        onRetry={() => void refetch()}\n        errorTitle={reviewErrorText(error, 'list')}\n        isEmpty={rows.length === 0}\n        emptyTitle={\n          filter === 'ALL'\n            ? 'No screening matches waiting.'\n            : 'Nothing matches.'\n        }\n        head={<ReviewHead />}\n        controls={\n          <>\n            <FilterChip\n              label=\"Kind\"\n              value={filter}\n              allValue=\"ALL\"\n              options={KIND_FILTERS}\n              onChange={(v) => setFilter(v as KindFilter)}\n            />\n            {filter !== 'ALL' && (\n              <Button\n                size=\"sm\"\n                variant=\"secondary\"\n                onClick={() => setFilter('ALL')}\n              >\n                Clear filter\n              </Button>\n            )}\n            {readComplianceHint && (\n              <span className=\"adm-caption\">{readComplianceHint}</span>\n            )}\n          </>\n        }\n      >\n        {rows.map((item) => (\n          <ReviewRow\n            key={itemKey(item)}\n            item={item}\n            onClear={() => void clear(item)}\n            onReject={() => {\n              setRejecting(item);\n              setOpen(true);\n            }}\n          />\n        ))}\n      </ListCard>\n      <RejectDialog\n        item={rejecting}\n        open={open}\n        onClose={() => setOpen(false)}\n      />\n    </>\n  );\n}\n"],"mappings":"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","names":[]}