/* eslint-disable */ // Worker view — sidebar shell + dashboard home (modeled on the production HireArt // worker app) + Assignments table. Action-needed treatment surfaces the SOW // re-signing prompt in three places: sidebar nav item, dashboard Assignments card, // and the Assignments page itself. (function () { const { Icon, Button, Badge, Card, Avatar } = window; const { WORKERS, ONBOARDING_DOC_REQUIREMENTS, today, daysFromNow } = window; const { SOWStatePill, Callout, PageHeader, SectionHeader, ExpiryRing, Pill } = window; const { DropboxSignFrame, SOWPaper } = window; const { useState } = React; // ---------- Worker chrome — sidebar + topbar shell ---------- function WorkerNav({ worker, active, onNav, breadcrumb, children }) { const isReengage = worker.sow.state === "expiring" || worker.sow.state === "expired"; const sections = [ { label: null, items: [{ k: "home", label: "Home", icon: "home" }] }, { label: "Job search", items: [ { k: "applications", label: "Applications", icon: "bell" }, { k: "interviews", label: "Interviews", icon: "voice-square" }, { k: "offers", label: "Offers", icon: "document" }, ], }, { label: "Employment", items: [ { k: "timecards", label: "Time & attendance", icon: "clock" }, { k: "paystubs", label: "Paystubs", icon: "credit-card" }, { k: "assignments", label: "Assignments", icon: "briefcase", actionNeeded: isReengage }, { k: "personal", label: "Personal information", icon: "user" }, { k: "payment", label: "Payment setup", icon: "credit-card" }, { k: "expenses", label: "Expenses", icon: "calculator" }, { k: "pto", label: "Paid time off", icon: "calendar" }, { k: "documents", label: "Documents", icon: "document" }, { k: "benefits", label: "Benefits", icon: "award" }, ], }, ]; return (
{worker.name}
{breadcrumb && (
Dashboard {breadcrumb !== "Dashboard" && (<> / {breadcrumb} )}
)} {children}
); } // ---------- Dashboard home — two-column "My applications" + "My jobs" ---------- function WorkerHome({ worker, onSignSOW, onAssignments }) { const isReengage = worker.sow.state === "expiring" || worker.sow.state === "expired"; const days = worker.sow.validThruDate ? daysFromNow(worker.sow.validThruDate) : null; return (
{/* Left: My applications */}

My applications

1 active application} /> 0 interviews} /> 2 offers} />
{/* Right: My jobs */}

My jobs

{worker.sow.state === "expired" ? `Your Statement of Work expired ${Math.abs(days)} days ago — sign your new SOW now.` : `Your Statement of Work expires in ${days} days — sign your new SOW to keep working.`} ) : null } onActionClick={onSignSOW} actionLabel="Sign new SOW" onClick={onAssignments} body={<>
1 active assignment
1 past assignment
} /> 4 benefits available} /> Latest payment for Apr 27, 2026 - May 3, 2026} />
); } // Single dashboard "card row" — title bar + optional body underneath, mimicking // the screenshot: bold black underline rule under the title, then text body. function DashGroup({ title, body, onClick, actionNeeded, actionMessage, onActionClick, actionLabel }) { return (
{title} {actionNeeded && ( Action needed )}
{actionNeeded && actionMessage ? (
{actionMessage}
{onActionClick && ( )}
) : null} {body && (
{body}
)}
); } // ---------- Assignments table view ---------- function WorkerAssignmentsView({ worker, onSignSOW }) { const isReengage = worker.sow.state === "expiring" || worker.sow.state === "expired"; const days = worker.sow.validThruDate ? daysFromNow(worker.sow.validThruDate) : null; // Mock assignment rows — current + a past (terminated) one for context. const rows = [ { role: `${worker.job} (Full-Time) at ${worker.client}`, company: worker.client, tagline: "A Global Leader in AI Development", start: worker.startDate, payRate: worker.payRate, status: "active", actionNeeded: isReengage, bgInitial: worker.client[0], bgColor: "var(--neutral-20)", }, { role: "Data Annotator - Phaedra (Task-Based) at Snorkel AI, Inc.", company: "Snorkel AI, Inc.", tagline: "A Pioneering AI Data Company", start: "January 7, 2025", payRate: "$36.00 USD/hr", status: "terminated", actionNeeded: false, bgInitial: "S", bgColor: "var(--blue-20)", }, ]; return ( <>

Assignments

{isReengage && (
Sign new SOW} > HireArt has prepared a fresh SOW for the next phase of your work with {worker.client}. Sign it here to keep your assignment active.
)}
{["", "Role", "Company", "Start date", "Pay Rate", "Status", ""].map((h, i) => ( ))} {rows.map((r, i) => ( ))}
{h && {h}}
{r.bgInitial}
{r.role} {r.actionNeeded && ( Action needed )}
{r.tagline} {r.start} {r.payRate} {r.status} {r.actionNeeded && ( )}
); } // ---------- W2 / W3 — the embedded SOW signing flow ---------- function WorkerSignFlow({ worker, onBack, onComplete }) { const [signed, setSigned] = useState(worker.sow.state === "signed" || worker.sow.state === "active" || worker.sow.state === "open-ended"); const isReengage = worker.sow.state === "expiring" || worker.sow.state === "expired"; return ( <>
{!signed ? ( setSigned(true)} /> ) : (
You're done.
Your Statement of Work has been signed and stored. The countersignature from HireArt usually lands within an hour. {isReengage && " Your previous SOW is preserved in your document history."}
)}
); } function Stat2({ label, value }) { return (
{label} {value}
); } // ---------- Documents view ---------- function WorkerDocumentsView({ worker }) { return ( <>

Documents

{["Document", "Type", "Signed", "Status", ""].map(h => ( ))} {ONBOARDING_DOC_REQUIREMENTS.map(r => { const b = worker.badges[r.key] || { state: "not-started" }; return ( ); })}
{h}
{r.label} {r.key === "sow" && worker.sow.state === "expiring" && Expiring}
{r.category === "worker" ? "Worker-level" : "Per-assignment"} {b.at || —} {b.state === "signed" ? "Signed" : b.state === "expired" ? "Expired" : b.state === "in-progress" ? "In progress" : b.state === "n/a" ? "Not required" : "Not started"} {b.state === "signed" && }
); } Object.assign(window, { WorkerNav, WorkerHome, WorkerAssignmentsView, WorkerSignFlow, WorkerDocumentsView }); })();