/* =========================================================================
Veto · File hub — one page, no tabs.
The file IS the work: seven checkpoints stacked, three states
(Open / Recorded / Waiting). Right rail = Activity + Proof.
========================================================================= */
/* Seven checkpoints per line. Each needs exactly one input when Open. */
const CHECKPOINTS = {
payoff: [
{ id: "p1", name: "Lien identified", note: "Recorded deed of trust matches the demand.", input: "file", placeholder: "Recorded deed of trust" },
{ id: "p2", name: "Payoff demand on file", note: "Statement on servicer letterhead, good-through date present.", input: "file", placeholder: "Payoff statement" },
{ id: "p3", name: "Math reconciles", note: "Principal + interest + per-diem through closing.", input: "amount", placeholder: "Payoff total" },
{ id: "p4", name: "Beneficiary of record", note: "Servicer is the beneficiary or holds authority to collect.", input: "confirm", confirmLabel: "Servicer authority matched to record" },
{ id: "p5", name: "Borrower signer chain", note: "Authorization to release ties to the vested borrower.", input: "signature" },
{ id: "p6", name: "Destination matches demand", note: "Wire account ties to the servicer on the demand.", input: "text", placeholder: "Account last 4" },
{ id: "p7", name: "Independent callback", note: "Callback to the servicer payoff desk · number not from the demand.", input: "confirm", confirmLabel: "Read-back matched · per-diem recorded" },
],
seller: [
{ id: "s1", name: "Instructions on file", note: "Signed seller instructions govern the disbursement.", input: "file", placeholder: "Seller instructions" },
{ id: "s2", name: "Final settlement statement", note: "Final statement received and on file.", input: "file", placeholder: "Final settlement statement" },
{ id: "s3", name: "Variance within tolerance", note: "Net proceeds reconcile to the statement.", input: "amount", placeholder: "Net proceeds" },
{ id: "s4", name: "Seller identity source", note: "Vesting, identity, and signing evidence name the seller whose proceeds are being reviewed.", input: "confirm", confirmLabel: "Seller identity evidence recorded as source rows" },
{ id: "s5", name: "Proceeds destination captured", note: "Record the destination last four and account/payee evidence; full details stay restricted.", input: "text", placeholder: "Destination last 4" },
{ id: "s6", name: "Source limitations accepted", note: "Reviewer accepts what the identity and account evidence can and cannot support.", input: "signature" },
{ id: "s7", name: "Independent callback", note: "Seller at number on file · not the wire form.", input: "confirm", confirmLabel: "Read-back matched · amount and destination recorded" },
],
buyer: [
{ id: "b1", name: "Closing disclosure on file", note: "Governing CD/loan instructions present.", input: "file", placeholder: "Closing disclosure" },
{ id: "b2", name: "Cash-to-close computed", note: "Down payment + costs − credits reconciles.", input: "amount", placeholder: "Cash to close" },
{ id: "b3", name: "Buyer identity & vesting", note: "ID reviewed; vesting instruction on file.", input: "confirm", confirmLabel: "Identity reviewed · vesting recorded" },
{ id: "b4", name: "Lender clear-to-close", note: "Funding authorization on lender letterhead.", input: "file", placeholder: "Clear-to-close / funding auth" },
{ id: "b5", name: "Funds posted", note: "EMD and closing funds posted to the file for review.", input: "amount", placeholder: "Funds received" },
{ id: "b6", name: "Funding source recorded", note: "Wire origin tied to the buyer of record.", input: "confirm", confirmLabel: "Wire origin matches buyer" },
{ id: "b7", name: "No open exceptions", note: "Recording package ready; title clear.", input: "signature" },
],
};
const RECEIPT_HREF = { payoff: "/file/$id/payoff-receipt", buyer: "/file/$id/buyer-receipt", seller: "/file/$id/receipt" };
function makeHash() {
const h = "0123456789abcdef";
let s = "";
for (let i = 0; i < 8; i++) s += h[Math.floor(Math.random() * 16)];
return s;
}
let clockMin = 14 * 60 + 12; // 2:12p base
function nextStamp() {
clockMin += 1 + Math.floor(Math.random() * 6);
const h24 = Math.floor(clockMin / 60) % 24, m = clockMin % 60;
const ap = h24 >= 12 ? "p" : "a";
const h12 = ((h24 + 11) % 12) + 1;
return `${h12}:${String(m).padStart(2, "0")}${ap}`;
}
function FileHub({ id, line }) {
const cf = CASE_FILES[id];
const lineKey = line || (cf ? activeLineKey(cf) : "payoff");
const defs = CHECKPOINTS[lineKey];
const reviewer = cf?.reviewer || "Madeline Lane";
// Seed: first 2 recorded, 3rd open, rest waiting.
const [chk, setChk] = useState(() =>
defs.map((d, i) => ({
...d,
state: i < 2 ? "recorded" : i === 2 ? "open" : "waiting",
by: i < 2 ? reviewer : null,
at: i < 2 ? (i === 0 ? "1:48p" : "2:03p") : null,
hash: i < 2 ? makeHash() : null,
})),
);
const [activity, setActivity] = useState(() => [
{ who: reviewer, what: `recorded ${defs[1].name.toLowerCase()}`, at: "2:03p" },
{ who: reviewer, what: `recorded ${defs[0].name.toLowerCase()}`, at: "1:48p" },
{ who: reviewer, what: "opened the file", at: "1:42p" },
]);
const [expanded, setExpanded] = useState({});
const [shared, setShared] = useState(false);
const [railOpen, setRailOpen] = useState({ activity: true, proof: true });
const allDone = chk.every((c) => c.state === "recorded");
const recordedCount = chk.filter((c) => c.state === "recorded").length;
const actionState = lineKey === "seller" && typeof getActionState === "function" ? getActionState(id, "seller-proceeds-release") : null;
const changeEvent = lineKey === "seller" && typeof getChangeEvents === "function" ? getChangeEvents(id).find((c) => c.actionKey === "seller-proceeds-release") : null;
function record(idx, ok) {
if (!ok) return;
const at = nextStamp();
setChk((prev) => {
const next = prev.map((c) => ({ ...c }));
next[idx].state = "recorded";
next[idx].by = reviewer;
next[idx].at = at;
next[idx].hash = makeHash();
if (!next.some((c) => c.state === "open")) {
const w = next.findIndex((c) => c.state === "waiting");
if (w !== -1) next[w].state = "open";
}
return next;
});
setActivity((a) => [{ who: reviewer, what: `recorded ${defs[idx].name.toLowerCase()}`, at }, ...a]);
}
function reopen(idx) {
const at = nextStamp();
setChk((prev) => prev.map((c, i) => {
if (i === idx) return { ...c, state: "open", by: null, at: null, hash: null };
if (i > idx && c.state === "open") return { ...c, state: "waiting" };
return c;
}));
setActivity((a) => [{ who: reviewer, what: `reopened ${defs[idx].name.toLowerCase()}`, at }, ...a]);
setExpanded((e) => ({ ...e, [defs[idx].id]: false }));
}
const lineLabel = lineLabelOf(lineKey);
return (
{/* Header strip */}
{streetOf(cf?.property) || id}
Workflow
{lineLabel}
{id} · {streetOf(cf?.property)} · {allDone ? "Recorded" : "In review"}
window.print()} />
{ const ok = await copyText(shareUrlFor("/file/$id/review/$line", { id, line: lineKey })); setShared(ok ? "Copied" : "Copy failed"); setTimeout(() => setShared(false), 1600); }} />
{/* Body: single column + right rail */}
{/* Column — the seven checkpoints */}
{recordedCount} of {chk.length} checkpoints recorded
{actionState && (
{actionState.reason} Record the changed destination before release, or request a manager exception.
{changeEvent && (
v2 destination
{changeEvent.to}
)}
)}
{lineKey === "seller" && (
)}
{chk.map((c, i) => (
setExpanded((e) => ({ ...e, [c.id]: !e[c.id] }))}
onRecord={(ok) => record(i, ok)} onReopen={() => reopen(i)} />
))}
{allDone && (
Every checkpoint is recorded. The receipt is in the rail.
)}
{/* Right rail */}
);
}
/* --------------------------------------------------------------- pieces */
function HeaderAction({ icon, label, onClick, danger }) {
return (
);
}
function ProgressTrack({ total, done }) {
return (
{Array.from({ length: total }).map((_, i) => (
);
}
function SellerProceedsFlowPanel({ id, cf, actionState, changeEvent }) {
const rows = typeof getSourceRows === "function" ? getSourceRows(id, "seller-proceeds-release") : [];
const records = typeof getRecordsForAction === "function" ? getRecordsForAction(id, "seller-proceeds-release") : [];
const releaseGate = typeof getReleaseGateStatus === "function" ? getReleaseGateStatus(id, "seller-proceeds-release") : null;
const policy = actionState?.policyId && typeof getPolicyControl === "function" ? getPolicyControl(actionState.policyId) : null;
const staleRecord = records.find((record) => /stale|superseded/i.test(record.status)) || records[0];
const requiredRecord = records.find((record) => record.id === releaseGate?.requiredRecordId) || records.find((record) => record.version === "v2") || records[1];
const amount = releaseGate?.amountCents ? fmtUSD(releaseGate.amountCents / 100) : releaseGate?.amount ? fmtUSD(releaseGate.amount) : "$182,742";
const payee = releaseGate?.payee || cf?.party || "Seller";
const destination = releaseGate?.destination || changeEvent?.to || requiredRecord?.acceptedState || "Destination under review";
const identityRows = rows.filter((row) => /seller|identity|callback|instruction/i.test(`${row.label} ${row.type || ""} ${row.sourceType || ""}`));
const destinationRows = rows.filter((row) => /destination|account|payee|statement/i.test(`${row.label} ${row.type || ""} ${row.sourceType || ""}`));
const displayRows = rows.length ? rows : [];
return (
Seller proceeds flow
Destination-control review
{changeEvent && (
Prior accepted state
{changeEvent.from}
{staleRecord?.type || "Seller Proceeds Record"} {staleRecord?.version || "v1"}
Changed destination
{changeEvent.to}
Requires {requiredRecord?.version || "v2"} record or manager exception
)}
Source rows
Rows are evidence and limitations, not a release verdict.
{displayRows.length} rows
{displayRows.map((row) => (
{policy?.version || "POL-SP-DEST-v1.4"}: identity proofing, callback, and account/payee checks support the review path. They do not prove right-to-sell, account control, fraud absence, or transfer safety.
);
}
function SellerFlowFact({ icon, label, value, note, warn }) {
return (
);
}
function SellerSourceRow({ row }) {
const status = row.status || row.result || "recorded";
const value = row.value || row.displayValue || row.claim || row.label;
const shows = row.shows || row.supports || "The source value recorded for review.";
const doesNotShow = row.doesNotShow || row.doesNotSupport || row.limitationSummary || "It does not create release authority or prove transfer safety.";
const needsReview = /open|needs|not_run|unable|low|conflict|mismatch/i.test(status);
return (
{row.label}
{row.id} · {row.type || row.sourceType || "source"}
{row.restricted && Restricted }
{status}
Value {value}
Supports {shows}
Does not support {doesNotShow}
);
}
function SellerRecordCard({ title, record, tone }) {
if (!record) {
return (
{title}
No record fixture is available for this action.
);
}
const isWarn = tone === "warn";
return (
{title}
{record.id} · {record.version || "record"}
{record.status}
{record.acceptedState}
Supports {record.supports}
Does not support {record.doesNotSupport}
);
}
function RailSection({ title, open, onToggle, children }) {
return (
{title}
{open && {children}
}
);
}
function CheckpointRow({ c, index, expanded, onToggle, onRecord, onReopen }) {
if (c.state === "recorded") {
return (
{c.name}
{c.by?.split(" ")[0]} · {c.at} {c.hash}
{expanded && (
{c.note}
recorded by {c.by} at {c.at} sha {c.hash}
Edit record
)}
);
}
if (c.state === "waiting") {
return (
{index + 1}
{c.name}
);
}
// open
return (
);
}
/* The single inline input each Open checkpoint needs. No modal. */
function CheckpointInput({ c, onRecord }) {
const [val, setVal] = useState("");
const [file, setFile] = useState(false);
const [checked, setChecked] = useState(false);
const [signed, setSigned] = useState(false);
if (c.input === "file") {
return (
{file ? `${c.placeholder} · attached` : `Drop ${c.placeholder?.toLowerCase()} or browse`}
onRecord(file)} />
);
}
if (c.input === "amount") {
return (
);
}
if (c.input === "text") {
return (
onRecord(val.length >= 4)} />
);
}
if (c.input === "signature") {
return (
setSigned(true)}
className={cn("flex h-12 flex-1 items-center justify-center rounded-lg border text-[15px] transition",
signed ? "border-ink/30 bg-surface/60" : "border-dashed border-line hover:border-ink/25 hover:bg-surface/40")}>
{signed ? Madeline Lane ✓
: Click to sign }
onRecord(signed)} />
);
}
// confirm
return (
setChecked((v) => !v)}
className={cn("flex flex-1 items-center gap-2.5 rounded-lg border px-3.5 py-3 text-left text-[12.5px] transition",
checked ? "border-ink/30 bg-surface/60 text-ink" : "border-line text-ink-soft hover:border-ink/25 hover:bg-surface/40")}>
{checked &&
{c.confirmLabel}
onRecord(checked)} />
);
}
function RecordButton({ disabled, onClick }) {
return (
Record
);
}
Object.assign(window, { FileHub, CHECKPOINTS, RECEIPT_HREF });