62:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 63:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 64:Ta6a3,'use client' import * as React from 'react' import { Boxes, Check, CheckCircle2, Circle, Clock, Copy, DollarSign, Download, Laptop, Layers, Lock, Monitor, Plus, Send, ShieldCheck, Truck, X, } from 'lucide-react' import { Badge } from '@/components/ui/badge' import { Button } from '@/components/ui/button' import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card' import { Checkbox } from '@/components/ui/checkbox' import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group' import { Separator } from '@/components/ui/separator' import { cn } from '@/lib/utils' export type WorkstationChoice = 'macbook' | 'thinkpad' export interface OnboardingEquipmentProvisioningProps { className?: string initialWorkstation?: WorkstationChoice onOrderCustom?: () => void onExportManifest?: () => void } const WORKSTATION_PRICES: Record = { macbook: 3499, thinkpad: 2850, } const softwareLicenses = [ { name: 'GitHub Enterprise', tier: 'Copilot Enterprise + CodeQL', seatId: 'GH-ENG-8402', category: 'Engineering', status: 'Provisioned', sso: 'Okta SCIM', }, { name: 'Figma Professional', tier: 'Design System Editor + Dev Mode', seatId: 'FG-DS-1940', category: 'Design & UI', status: 'Provisioned', sso: 'Okta SCIM', }, { name: '1Password Business', tier: 'Enterprise Vault + Infra Keys', seatId: '1P-CORP-9921', category: 'Security', status: 'Provisioned', sso: 'MDM Enrolled', }, { name: 'Slack Pro', tier: 'Enterprise Grid (acme-eng)', seatId: 'SLK-88301', category: 'Comms', status: 'Provisioned', sso: 'SAML 2.0', }, { name: 'Datadog APM', tier: 'Staff Observability & Traces', seatId: 'DD-APM-4109', category: 'DevOps', status: 'Provisioned', sso: 'Okta SCIM', }, { name: 'JetBrains All Products', tier: 'Ultimate Suite (IntelliJ/CLion/GoLand)', seatId: 'JB-ALL-7740', category: 'Engineering', status: 'Provisioned', sso: 'Corp Pool', }, ] const trackingSteps = [ { title: 'Order Approved', date: 'Aug 24, 2026', time: '09:00 AM', completed: true, current: false, }, { title: 'IT Staged & Imaged', date: 'Aug 25, 2026', time: '02:30 PM', completed: true, current: false, }, { title: 'Shipped via FedEx', date: 'Aug 26, 2026', time: '06:15 PM', completed: true, current: true, }, { title: 'Out for Delivery', date: 'Aug 28, 2026', time: 'Est. 08:00 AM', completed: false, current: false, }, { title: 'Delivered to Home', date: 'Aug 28, 2026', time: 'Est. 10:30 AM', completed: false, current: false, }, ] export function OnboardingEquipmentProvisioning({ className, initialWorkstation = 'macbook', onOrderCustom, onExportManifest, }: OnboardingEquipmentProvisioningProps) { // State const [selectedWorkstation, setSelectedWorkstation] = React.useState(initialWorkstation) const [includeDisplay, setIncludeDisplay] = React.useState(true) const [includeInputBundle, setIncludeInputBundle] = React.useState(true) const [includeDeskMat, setIncludeDeskMat] = React.useState(true) const [includeYubikey, setIncludeYubikey] = React.useState(true) const [includeHardwareToken, setIncludeHardwareToken] = React.useState(true) const [copiedTracking, setCopiedTracking] = React.useState(false) const [copiedEmpId, setCopiedEmpId] = React.useState(false) const [showCustomOrderModal, setShowCustomOrderModal] = React.useState(false) const [customRequestSubmitted, setCustomRequestSubmitted] = React.useState(false) const [customItemName, setCustomItemName] = React.useState('') const [customItemJustification, setCustomItemJustification] = React.useState('') // Costs const workstationCost = WORKSTATION_PRICES[selectedWorkstation] const displayCost = includeDisplay ? 1499 : 0 const inputBundleCost = includeInputBundle ? 249 : 0 const deskMatCost = includeDeskMat ? 49 : 0 const yubikeyCost = includeYubikey ? 75 : 0 const hardwareTokenCost = includeHardwareToken ? 49 : 0 const peripheralsTotal = displayCost + inputBundleCost + deskMatCost const securityTotal = yubikeyCost + hardwareTokenCost const totalInvestment = workstationCost + peripheralsTotal + securityTotal const copyTrackingNumber = React.useCallback(() => { if (typeof navigator !== 'undefined' && navigator.clipboard) { navigator.clipboard.writeText('TRK-8492019') setCopiedTracking(true) setTimeout(() => { setCopiedTracking(false) }, 2000) } }, []) const copyEmployeeId = React.useCallback(() => { if (typeof navigator !== 'undefined' && navigator.clipboard) { navigator.clipboard.writeText('EMP-88291') setCopiedEmpId(true) setTimeout(() => { setCopiedEmpId(false) }, 2000) } }, []) const handleOpenCustomOrder = React.useCallback(() => { setShowCustomOrderModal(true) onOrderCustom?.() }, [onOrderCustom]) const handleCloseCustomOrder = React.useCallback(() => { setShowCustomOrderModal(false) setCustomRequestSubmitted(false) setCustomItemName('') setCustomItemJustification('') }, []) const submitCustomRequest = React.useCallback(() => { if (customItemName.trim()) { setCustomRequestSubmitted(true) setTimeout(() => { handleCloseCustomOrder() }, 2000) } }, [customItemName, handleCloseCustomOrder]) return (

{/* Header Section */}

{/* Title & Hire Info */}

{/* Emerald Status Badge */}

Hardware Assigned · Shipped via FedEx

New Hire Hardware & IT Provisioning

{/* New Hire Metadata Line */}

Elena Rostova • Senior Staff Engineer • •

{/* Action Buttons */}

{/* Financial & Overview Summary Band */}

${totalInvestment.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}

Total Assigned Value

{selectedWorkstation === 'macbook' ? 'MacBook Pro 16" M3 Max' : 'ThinkPad P1 Gen 6 i9'}

${workstationCost.toFixed(2)}

6 Enterprise Licenses

All Provisioned

Est. Aug 28, 2026

#TRK-8492019

{/* 4 IT Provisioning Pillar Cards Grid */}

{/* Pillar 1: Primary Workstation Selection */}

1. Primary Workstation Select standard issue macOS or Linux developer laptop

Pillar 01

setSelectedWorkstation(val as WorkstationChoice)} className="grid grid-cols-1 gap-3" > {/* Choice A: MacBook Pro 16" */}

MacBook Pro 16" (M3 Max · 64GB RAM · 1TB SSD) Selected Spec

Apple M3 Max (16-core CPU, 40-core GPU) • 64GB Unified Memory • 1TB Fast NVMe • Liquid Retina XDR (Space Black)

$3,499.00

{/* Choice B: ThinkPad P1 Gen 6 */}

ThinkPad P1 Gen 6 (Intel i9 · 64GB RAM · Ubuntu Linux) Linux Spec

Intel Core i9-13900H • NVIDIA RTX 4080 (12GB) • 64GB DDR5 • 1TB NVMe • 16" WQXGA OLED • Ubuntu 24.04 LTS

$2,850.00

Workstation Subtotal: ${workstationCost.toFixed(2)} {/* Pillar 2: Display & Peripherals */}

2. Display & Peripherals High-resolution retina display and ergonomic peripherals

Pillar 02

{/* Item 1: Studio Display */}

setIncludeDisplay(Boolean(c))} className="mt-0.5" />

Studio Display 27" 5K Retina

5120×2880 Retina • 600 nits • 12MP Center Stage Camera • Studio Mics • Tilt-adjustable Stand

Thunderbolt 3 Host Pass-Through

$1,499.00

{/* Item 2: Magic Keyboard & Trackpad */}

setIncludeInputBundle(Boolean(c))} className="mt-0.5" />

Magic Keyboard & Trackpad Bundle

Touch ID Wireless Keyboard • Force Touch Multi-Touch Glass Trackpad • Space Black finish

USB-C Braided Woven Cable

$249.00

{/* Item 3: Ergonomic Desk Mat */}

setIncludeDeskMat(Boolean(c))} className="mt-0.5" />

Ergonomic Standing Desk Mat

24" × 36" Anti-fatigue high-density polyurethane core • Contoured active standing terrain

$49.00

Peripherals Subtotal: ${peripheralsTotal.toFixed(2)} {/* Pillar 3: Security & Authentication Hardware */}

3. Security & Authentication Hardware Zero-trust physical tokens and cryptographic hardware keys

Pillar 03

{/* Item 1: YubiKey 5C NFC */}

setIncludeYubikey(Boolean(c))} className="mt-0.5" />

YubiKey 5C NFC (2-Pack · Primary & Backup) FIDO2 / WebAuthn

Dual-key pair for primary keychain and secure home backup • USB-C • Contactless NFC • IP68 water resistant

Pre-enrolled Serials: #YB-90281-A / #YB-90281-B

$75.00

{/* Item 2: Encrypted Hardware Token */}

setIncludeHardwareToken(Boolean(c))} className="mt-0.5" />

Encrypted Hardware Token FIPS 140-3 Level 3

AES-256 hardware cryptographic security token with PIN pad • Corporate Root CA Certificate pre-loaded

Device Serial: #ET-78392-X

$49.00

{/* Compliance Strip */}

Enforced

Security Hardware Subtotal: ${securityTotal.toFixed(2)} {/* Pillar 4: Cloud Software & License Seats */}

4. Cloud Software & License Seats 6 assigned SaaS enterprise licenses auto-synced via Okta

Pillar 04

{softwareLicenses.map((license) => (

{license.name}

{license.tier}

{license.seatId} {license.sso}

))}

Software Licensing Cost: Enterprise Corp Pool ($0.00 Direct)

{/* Shipping & Delivery Tracking Card */}

Shipping & Delivery Tracking Direct-to-home courier transit with signature required on delivery

Carrier: FedEx Priority

{/* Address & Courier Info Banner */}

Shipment Recipient

Elena Rostova

Senior Staff Engineer • Distributed Systems

elena.rostova@acme.corp

Destination Address

4820 Grand Avenue, Apt 14B

Seattle, WA 98101-2294

Direct In-Person Signature Required

Estimated Delivery

Thursday, Aug 28, 2026

Estimated by 10:30 AM (Morning Delivery)

FedEx Express Priority Overnight

{/* 5-Step Progress Stepper */}

Logistics Timeline Status

{trackingSteps.map((step, idx) => (

0{idx + 1} {step.completed && !step.current ? (

{{ ...step }.title}

{step.date}

{step.time}

))}

{/* Custom Hardware Order Modal Dialog */} {showCustomOrderModal && (