/* eslint-disable */ // Staffing Partner — Candidates view (function () { const { Icon, Button, Badge, TextField, Avatar } = window; const { CANDIDATES, JOBS, CLIENTS, AGENTS } = window; const { SectionHeader, AgentChip } = window; const { useState, useMemo } = React; // --- Milestones ------------------------------------------------------- const MILESTONES = [ { key: "submitted", label: "Submitted", sub: "under review", tone: "neutral" }, { key: "hireart-qual", label: "HireArt Qual", sub: "screening + assessment", tone: "blue" }, { key: "client-qual", label: "Client Qual", sub: "interviews + review", tone: "yellow" }, { key: "offer", label: "Offer", sub: "extended / awaiting", tone: "purple" }, { key: "hired", label: "Hired", sub: "onboarding", tone: "green" }, ]; const SUB_STEPS = { "hireart-qual": ["Required work/education", "Screening", "Assessment", "MVR"], "client-qual": ["Client Review", "Online Interview", "In-person Interview"], }; function milestoneIdx(key) { return MILESTONES.findIndex(m => m.key === key); } // --- Mini pipeline (inline per-row) ----------------------------------- function MiniPipeline({ stage, needsAction }) { if (stage === "rejected") { return ( REJECTED ); } const idx = milestoneIdx(stage); const current = MILESTONES[idx]; return (
{MILESTONES.map((m, i) => { const done = i < idx; const atCurrent = i === idx; let bg = "transparent"; if (done) bg = "var(--neutral-100)"; else if (atCurrent) bg = needsAction ? "var(--red-60)" : "var(--green-60)"; return (
); })}
{idx + 1} {current.label} · {idx + 1}/{MILESTONES.length}
); } // --- Milestone legend -------------------------------------------------- function MilestoneLegend() { return (
{MILESTONES.map((m, i) => (
{i + 1}
{m.label}
{m.sub}
{i < MILESTONES.length - 1 && (
›
)}
))}
); } // --- Action-required banner + list ------------------------------------ function ActionRequired({ candidates, onOpen }) { const actionCands = candidates.filter(c => c.needsAction); if (actionCands.length === 0) return null; return (
{actionCands.length} candidate{actionCands.length === 1 ? "" : "s"} need{actionCands.length === 1 ? "s" : ""} your action · don't let these expire
{actionCands.map(c => { const job = JOBS.find(j => j.id === c.jobId); const agent = AGENTS.find(a => a.id === c.agentId); return (
onOpen?.(c)} style={{ display: "grid", gridTemplateColumns: "minmax(220px, 1.2fr) minmax(180px, 1fr) minmax(220px, 1.4fr) auto", alignItems: "center", gap: 18, padding: "10px 18px", borderBottom: "1.5px solid var(--neutral-30)", cursor: "pointer", }}>
{c.name}
via {agent.name}
{job.title}
Req {job.req}
{c.substep}
Next: {c.nextStep}
); })}
); } // --- Filter bar ------------------------------------------------------- function CandidateFilters({ q, setQ, stage, setStage, agent, setAgent, actionOnly, setActionOnly, counts }) { const stagePill = (key, label) => { const active = stage === key; const tone = MILESTONES.find(m => m.key === key)?.tone; return ( ); }; return (
setQ(e.target.value)} iconStart="search" />
{stagePill("all", "All")} {MILESTONES.map(m => stagePill(m.key, m.label))} {stagePill("rejected", "Rejected")}
Agent:
); } // --- Candidates table -------------------------------------------------- function CandidatesTable({ candidates, density = "normal", showSecondary, onOpen }) { const pad = density === "compact" ? "10px 14px" : "14px 14px"; const Header = ({ children, right }) => ( {children} ); return (
Candidate
Agent
Job
Pipeline
Current step
{showSecondary &&
Days
}
Rate
{candidates.map(c => { const job = JOBS.find(j => j.id === c.jobId); const client = CLIENTS[job.client]; const agent = AGENTS.find(a => a.id === c.agentId); return ( onOpen?.(c)} style={{ borderBottom: "1.5px solid var(--neutral-30)", cursor: "pointer", background: c.needsAction ? "rgba(255,203,84,0.08)" : "transparent", }}> {showSecondary && ( )} ); })}
{c.name}
Submitted {c.submitted}
{job.title}
{client.name} · Req {job.req}
{c.needsAction && } {c.substep}
{showSecondary && (
Next: {c.nextStep}
)} 		{c.daysInStage}d {c.rate ? `$${c.rate.toFixed(2)}` : —}
); } // --- Main ------------------------------------------------------------- function CandidatesView({ tweaks, onOpenCandidate }) { const { density, showSecondary } = tweaks; const [q, setQ] = useState(""); const [stage, setStage] = useState("all"); const [agent, setAgent] = useState("all"); const [actionOnly, setActionOnly] = useState(false); const counts = useMemo(() => { const c = { all: CANDIDATES.length, rejected: 0 }; MILESTONES.forEach(m => c[m.key] = 0); CANDIDATES.forEach(x => { c[x.stage] = (c[x.stage] || 0) + 1; }); return c; }, []); const filtered = useMemo(() => { const qLower = q.toLowerCase().trim(); return CANDIDATES.filter(c => { if (stage !== "all" && c.stage !== stage) return false; if (agent !== "all" && c.agentId !== agent) return false; if (actionOnly && !c.needsAction) return false; if (!qLower) return true; const job = JOBS.find(j => j.id === c.jobId); return [c.name, c.substep, job.title].some(s => s.toLowerCase().includes(qLower)); }); }, [q, stage, agent, actionOnly]); const stats = useMemo(() => ({ total: CANDIDATES.filter(c => c.stage !== "rejected" && c.stage !== "hired").length, needsAction: CANDIDATES.filter(c => c.needsAction).length, offerStage: CANDIDATES.filter(c => c.stage === "offer").length, hired: CANDIDATES.filter(c => c.stage === "hired").length, }), []); return (
); } function MiniStat({ label, value, tone, icon }) { return (
{icon && }{label}
{value}
); } Object.assign(window, { CandidatesView, MILESTONES }); })();