npm - @burdenoff/microfe-crewfoundry - Versions diffs - 2026.704.3 → 2026.704.5 - Mend

@burdenoff/microfe-crewfoundry 2026.704.3 → 2026.704.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (101) hide show

package/dist/crewfoundry/pages/HrLeaveManagementPagePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HrLeaveManagementPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrLeaveManagementPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n Badge,\n Button,\n Card,\n CardContent,\n CardDescription,\n CardHeader,\n CardTitle,\n GlassCard,\n GradientText,\n PagePurpose,\n Pagination,\n ResponsiveTable,\n type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { useAuth, useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { Calendar, CheckCircle, Clock, XCircle } from 'lucide-react';\nimport { useCrewFoundryStore, type LeaveRequest } from '../store/crewfoundryStore';\nimport {\n FormModal,\n useFormModal,\n type FieldConfig,\n type FormValues,\n} from '../components/forms/FormModal';\nimport { getNumber, getText, newClientId } from '../components/forms/formValues';\n\ntype LeaveBalance = {\n type: string;\n total: number;\n used: number;\n remaining: number;\n};\n\nconst LEAVE_TYPE_OPTIONS = [\n { label: 'Annual', value: 'annual' },\n { label: 'Sick', value: 'sick' },\n { label: 'Personal', value: 'personal' },\n { label: 'Maternity', value: 'maternity' },\n { label: 'Paternity', value: 'paternity' },\n { label: 'Unpaid', value: 'unpaid' },\n];\n\nconst toLabel = (value: string): string =>\n value\n .split('_')\n .map((part) => part[0]?.toUpperCase() + part.slice(1))\n .join(' ');\n\nexport function HrLeaveManagementPagePage() {\n const { leaveRequests, employees, addLeaveRequest, updateLeaveRequest } = useCrewFoundryStore();\n const { showToast } = useGlobalUi();\n const { currentUser } = useAuth();\n const form = useFormModal<void>();\n\n const approverName =\n currentUser?.name \|\|\n [currentUser?.firstName, currentUser?.lastName].filter(Boolean).join(' ') \|\|\n currentUser?.email \|\|\n 'Manager';\n\n const employeeOptions = useMemo(\n () =>\n employees.map((employee) => ({\n label: `${employee.firstName} ${employee.lastName}`,\n value: employee.id,\n })),\n [employees]\n );\n\n const leaveFields = useMemo<FieldConfig[]>(\n () => [\n {\n name: 'employeeId',\n label: 'Employee',\n type: 'select',\n required: true,\n options: employeeOptions,\n colSpan: 2,\n },\n {\n name: 'type',\n label: 'Leave type',\n type: 'select',\n required: true,\n options: LEAVE_TYPE_OPTIONS,\n },\n { name: 'days', label: 'Number of days', type: 'number', required: true },\n { name: 'startDate', label: 'Start date', type: 'date', required: true },\n { name: 'endDate', label: 'End date', type: 'date', required: true },\n { name: 'reason', label: 'Reason', type: 'textarea', required: true, colSpan: 2 },\n ],\n [employeeOptions]\n );\n\n const pendingCount = leaveRequests.filter((leave) => leave.status === 'pending').length;\n const approvedCount = leaveRequests.filter((leave) => leave.status === 'approved').length;\n const totalDays = leaveRequests\n .filter((leave) => leave.status === 'approved')\n .reduce((sum, leave) => sum + leave.days, 0);\n\n const leaveBalances = useMemo<LeaveBalance[]>(() => {\n // Default annual entitlement per leave type (company policy defaults).\n // \"Used\" below is derived from real approved leave requests in the store.\n const entitlementByType: Record<string, number> = {\n annual: 20,\n sick: 12,\n personal: 5,\n maternity: 90,\n paternity: 30,\n unpaid: 15,\n };\n\n const usedByType = leaveRequests\n .filter((leave) => leave.status === 'approved')\n .reduce<Record<string, number>>((acc, leave) => {\n acc[leave.type] = (acc[leave.type] \|\| 0) + leave.days;\n return acc;\n }, {});\n\n return Object.entries(entitlementByType).map(([type, total]) => {\n const used = usedByType[type] \|\| 0;\n return {\n type: toLabel(type),\n total,\n used,\n remaining: Math.max(total - used, 0),\n };\n });\n }, [leaveRequests]);\n\n const onLeaveToday = useMemo(() => {\n const today = new Date().toISOString().split('T')[0];\n return leaveRequests.filter(\n (leave) => leave.status === 'approved' && leave.startDate <= today && leave.endDate >= today\n ).length;\n }, [leaveRequests]);\n\n const pendingList = useMemo(\n () => leaveRequests.filter((leave) => leave.status === 'pending'),\n [leaveRequests]\n );\n const sortedRequests = useMemo(\n () => [...leaveRequests].sort((a, b) => b.startDate.localeCompare(a.startDate)),\n [leaveRequests]\n );\n\n const pendingPg = usePagination({ initialPageSize: 5 });\n const allPg = usePagination({ initialPageSize: 10 });\n const pendingPageItems = pendingList.slice(\n pendingPg.offset,\n pendingPg.offset + pendingPg.pageSize\n );\n const requestPageItems = sortedRequests.slice(allPg.offset, allPg.offset + allPg.pageSize);\n\n const requestColumns: ResponsiveTableColumn<LeaveRequest>[] = [\n {\n key: 'employee',\n header: 'Employee',\n priority: 'primary',\n cell: (leave) => <span className=\"font-medium\">{leave.employeeName}</span>,\n },\n {\n key: 'department',\n header: 'Department',\n cell: (leave) => <span className=\"text-text-secondary\">{leave.department}</span>,\n },\n {\n key: 'type',\n header: 'Type',\n cell: (leave) => (\n <Badge variant=\"outline\" className=\"w-fit text-[10px]\">\n {leave.type}\n </Badge>\n ),\n },\n {\n key: 'period',\n header: 'Period',\n cell: (leave) => (\n <span className=\"text-xs\">\n {leave.startDate} — {leave.endDate}\n </span>\n ),\n },\n {\n key: 'days',\n header: 'Days',\n headerClassName: 'text-right',\n cellClassName: 'md:text-right',\n cell: (leave) => <span>{leave.days}</span>,\n },\n {\n key: 'reason',\n header: 'Reason',\n cell: (leave) => (\n <span className=\"block max-w-[16rem] truncate text-xs text-text-secondary\">\n {leave.reason}\n </span>\n ),\n },\n {\n key: 'status',\n header: 'Status',\n cell: (leave) => (\n <Badge\n variant={\n leave.status === 'approved'\n ? 'default'\n : leave.status === 'pending'\n ? 'secondary'\n : 'destructive'\n }\n className=\"text-[10px]\"\n >\n {leave.status}\n </Badge>\n ),\n },\n ];\n\n const handleSubmit = async (values: FormValues) => {\n const employeeId = getText(values, 'employeeId');\n const employee = employees.find((item) => item.id === employeeId);\n const payload: LeaveRequest = {\n id: newClientId(),\n employeeId,\n employeeName: employee ? `${employee.firstName} ${employee.lastName}` : '',\n department: employee?.department ?? '',\n type: getText(values, 'type') as LeaveRequest['type'],\n startDate: getText(values, 'startDate'),\n endDate: getText(values, 'endDate'),\n days: getNumber(values, 'days'),\n status: 'pending',\n reason: getText(values, 'reason'),\n };\n await addLeaveRequest(payload);\n };\n\n const handleDecision = async (leave: LeaveRequest, status: 'approved' \| 'rejected') => {\n try {\n await updateLeaveRequest(leave.id, { status, approverName });\n } catch (error) {\n showToast(error instanceof Error ? error.message : 'Unable to update leave request', 'error');\n }\n };\n\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">\n <GradientText>Leave Management</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">Track and manage employee leave requests</p>\n <PagePurpose className=\"mt-1\">\n Handle time-off in one place — review and approve leave requests and keep an eye on team\n availability and balances.\n </PagePurpose>\n </div>\n <Button size=\"sm\" onClick={() => form.openModal()}>\n <Calendar className=\"mr-1 h-4 w-4\" />\n Request Leave\n </Button>\n </div>\n\n <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Pending</CardTitle>\n <Clock className=\"h-4 w-4 text-status-warning-text\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">{pendingCount}</div>\n <p className=\"text-xs text-text-secondary\">Awaiting approval</p>\n </CardContent>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Approved</CardTitle>\n <CheckCircle className=\"h-4 w-4 text-status-success-text\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">{approvedCount}</div>\n <p className=\"text-xs text-text-secondary\">Current period</p>\n </CardContent>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Days Used</CardTitle>\n <Calendar className=\"h-4 w-4 text-text-secondary\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">{totalDays}</div>\n <p className=\"text-xs text-text-secondary\">Total approved days</p>\n </CardContent>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">On Leave Today</CardTitle>\n <XCircle className=\"h-4 w-4 text-text-secondary\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">{onLeaveToday}</div>\n <p className=\"text-xs text-text-secondary\">Out of office</p>\n </CardContent>\n </GlassCard>\n </div>\n\n <div className=\"grid gap-4 md:grid-cols-2\">\n <Card>\n <CardHeader>\n <CardTitle>Leave Balances</CardTitle>\n <CardDescription>\n Company-wide leave allocation (default policy) vs. approved days used\n </CardDescription>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n {leaveBalances.map((balance) => {\n const usedPct = Math.round((balance.used / Math.max(balance.total, 1)) * 100);\n return (\n <div key={balance.type} className=\"space-y-1\">\n <div className=\"flex justify-between text-sm\">\n <span className=\"font-medium\">{balance.type}</span>\n <span>\n {balance.used}/{balance.total} days used\n </span>\n </div>\n <div className=\"h-2 overflow-hidden rounded bg-bg-sunken\">\n <div\n className={`h-2 rounded ${\n usedPct > 80\n ? 'bg-status-error-text'\n : usedPct > 50\n ? 'bg-status-warning-text'\n : 'bg-status-success-text'\n }`}\n style={{ width: `${usedPct}%` }}\n />\n </div>\n </div>\n );\n })}\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle>Pending Approvals</CardTitle>\n <CardDescription>Leave requests waiting for your review</CardDescription>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n {pendingPageItems.map((leave) => (\n <div key={leave.id} className=\"flex items-center justify-between rounded border p-3\">\n <div>\n <p className=\"text-sm font-medium\">{leave.employeeName}</p>\n <p className=\"text-xs text-text-secondary\">\n {leave.type} · {leave.days} days · {leave.startDate} to {leave.endDate}\n </p>\n <p className=\"mt-1 text-xs text-text-secondary\">{leave.reason}</p>\n </div>\n <div className=\"flex gap-1\">\n <Button\n size=\"sm\"\n variant=\"outline\"\n className=\"h-7 text-xs\"\n onClick={() => handleDecision(leave, 'rejected')}\n >\n Reject\n </Button>\n <Button\n size=\"sm\"\n className=\"h-7 text-xs\"\n onClick={() => handleDecision(leave, 'approved')}\n >\n Approve\n </Button>\n </div>\n </div>\n ))}\n {pendingCount === 0 && (\n <p className=\"py-6 text-center text-sm text-text-secondary\">\n No leave requests are awaiting approval.\n </p>\n )}\n {pendingList.length > pendingPg.pageSize && (\n <Pagination\n page={pendingPg.page}\n pageSize={pendingPg.pageSize}\n totalItems={pendingList.length}\n onPageChange={pendingPg.setPage}\n />\n )}\n </CardContent>\n </Card>\n </div>\n\n <Card>\n <CardHeader>\n <CardTitle>All Leave Requests</CardTitle>\n <CardDescription>Complete leave request history</CardDescription>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <ResponsiveTable<LeaveRequest>\n data={requestPageItems}\n rowKey={(leave) => leave.id}\n columns={requestColumns}\n emptyState={\n <p className=\"py-6 text-center text-sm text-text-secondary\">No leave requests yet.</p>\n }\n />\n {sortedRequests.length > allPg.pageSize && (\n <Pagination\n page={allPg.page}\n pageSize={allPg.pageSize}\n totalItems={sortedRequests.length}\n onPageChange={allPg.setPage}\n />\n )}\n </CardContent>\n </Card>\n\n <FormModal\n open={form.open}\n onOpenChange={form.onOpenChange}\n title=\"Request leave\"\n description=\"Submit a new time-off request for review.\"\n fields={leaveFields}\n submitLabel=\"Submit request\"\n onSubmit={handleSubmit}\n />\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"HrLeaveManagementPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrLeaveManagementPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n Badge,\n Button,\n Card,\n CardContent,\n CardDescription,\n CardHeader,\n CardTitle,\n GlassCard,\n GradientText,\n PagePurpose,\n Pagination,\n ResponsiveTable,\n type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { useAuth, useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { Calendar, CheckCircle, Clock, XCircle } from 'lucide-react';\nimport { useCrewFoundryStore, type LeaveRequest } from '../store/crewfoundryStore';\nimport {\n FormModal,\n useFormModal,\n type FieldConfig,\n type FormValues,\n} from '../components/forms/FormModal';\nimport { getNumber, getText, newClientId } from '../components/forms/formValues';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\ntype LeaveBalance = {\n type: string;\n total: number;\n used: number;\n remaining: number;\n};\n\nconst LEAVE_TYPE_OPTIONS = [\n { label: 'Annual', value: 'annual' },\n { label: 'Sick', value: 'sick' },\n { label: 'Personal', value: 'personal' },\n { label: 'Maternity', value: 'maternity' },\n { label: 'Paternity', value: 'paternity' },\n { label: 'Unpaid', value: 'unpaid' },\n];\n\nconst toLabel = (value: string): string =>\n value\n .split('_')\n .map((part) => part[0]?.toUpperCase() + part.slice(1))\n .join(' ');\n\nexport function HrLeaveManagementPagePage() {\n const { leaveRequests, employees, addLeaveRequest, updateLeaveRequest } = useCrewFoundryStore();\n const { showToast } = useGlobalUi();\n const { currentUser } = useAuth();\n const form = useFormModal<void>();\n\n const approverName =\n currentUser?.name \|\|\n [currentUser?.firstName, currentUser?.lastName].filter(Boolean).join(' ') \|\|\n currentUser?.email \|\|\n 'Manager';\n\n const employeeOptions = useMemo(\n () =>\n employees.map((employee) => ({\n label: `${employee.firstName} ${employee.lastName}`,\n value: employee.id,\n })),\n [employees]\n );\n\n const leaveFields = useMemo<FieldConfig[]>(\n () => [\n {\n name: 'employeeId',\n label: 'Employee',\n type: 'select',\n required: true,\n options: employeeOptions,\n colSpan: 2,\n },\n {\n name: 'type',\n label: 'Leave type',\n type: 'select',\n required: true,\n options: LEAVE_TYPE_OPTIONS,\n },\n { name: 'days', label: 'Number of days', type: 'number', required: true },\n { name: 'startDate', label: 'Start date', type: 'date', required: true },\n { name: 'endDate', label: 'End date', type: 'date', required: true },\n { name: 'reason', label: 'Reason', type: 'textarea', required: true, colSpan: 2 },\n ],\n [employeeOptions]\n );\n\n const pendingCount = leaveRequests.filter((leave) => leave.status === 'pending').length;\n const approvedCount = leaveRequests.filter((leave) => leave.status === 'approved').length;\n const totalDays = leaveRequests\n .filter((leave) => leave.status === 'approved')\n .reduce((sum, leave) => sum + leave.days, 0);\n\n const leaveBalances = useMemo<LeaveBalance[]>(() => {\n // Default annual entitlement per leave type (company policy defaults).\n // \"Used\" below is derived from real approved leave requests in the store.\n const entitlementByType: Record<string, number> = {\n annual: 20,\n sick: 12,\n personal: 5,\n maternity: 90,\n paternity: 30,\n unpaid: 15,\n };\n\n const usedByType = leaveRequests\n .filter((leave) => leave.status === 'approved')\n .reduce<Record<string, number>>((acc, leave) => {\n acc[leave.type] = (acc[leave.type] \|\| 0) + leave.days;\n return acc;\n }, {});\n\n return Object.entries(entitlementByType).map(([type, total]) => {\n const used = usedByType[type] \|\| 0;\n return {\n type: toLabel(type),\n total,\n used,\n remaining: Math.max(total - used, 0),\n };\n });\n }, [leaveRequests]);\n\n const onLeaveToday = useMemo(() => {\n const today = new Date().toISOString().split('T')[0];\n return leaveRequests.filter(\n (leave) => leave.status === 'approved' && leave.startDate <= today && leave.endDate >= today\n ).length;\n }, [leaveRequests]);\n\n const pendingList = useMemo(\n () => leaveRequests.filter((leave) => leave.status === 'pending'),\n [leaveRequests]\n );\n const sortedRequests = useMemo(\n () => [...leaveRequests].sort((a, b) => b.startDate.localeCompare(a.startDate)),\n [leaveRequests]\n );\n\n const pendingPg = usePagination({ initialPageSize: 5 });\n const allPg = usePagination({ initialPageSize: 10 });\n const pendingPageItems = pendingList.slice(\n pendingPg.offset,\n pendingPg.offset + pendingPg.pageSize\n );\n const requestPageItems = sortedRequests.slice(allPg.offset, allPg.offset + allPg.pageSize);\n\n const requestColumns: ResponsiveTableColumn<LeaveRequest>[] = [\n {\n key: 'employee',\n header: 'Employee',\n priority: 'primary',\n cell: (leave) => <span className=\"font-medium\">{leave.employeeName}</span>,\n },\n {\n key: 'department',\n header: 'Department',\n cell: (leave) => <span className=\"text-text-secondary\">{leave.department}</span>,\n },\n {\n key: 'type',\n header: 'Type',\n cell: (leave) => (\n <Badge variant=\"outline\" className=\"w-fit text-[10px]\">\n {formatEnumLabel(leave.type)}\n </Badge>\n ),\n },\n {\n key: 'period',\n header: 'Period',\n cell: (leave) => (\n <span className=\"text-xs\">\n {leave.startDate} — {leave.endDate}\n </span>\n ),\n },\n {\n key: 'days',\n header: 'Days',\n headerClassName: 'text-right',\n cellClassName: 'md:text-right',\n cell: (leave) => <span>{leave.days}</span>,\n },\n {\n key: 'reason',\n header: 'Reason',\n cell: (leave) => (\n <span className=\"block max-w-[16rem] truncate text-xs text-text-secondary\">\n {leave.reason}\n </span>\n ),\n },\n {\n key: 'status',\n header: 'Status',\n cell: (leave) => (\n <Badge\n variant={\n leave.status === 'approved'\n ? 'default'\n : leave.status === 'pending'\n ? 'secondary'\n : 'destructive'\n }\n className=\"text-[10px]\"\n >\n {formatEnumLabel(leave.status)}\n </Badge>\n ),\n },\n ];\n\n const handleSubmit = async (values: FormValues) => {\n const employeeId = getText(values, 'employeeId');\n const employee = employees.find((item) => item.id === employeeId);\n const payload: LeaveRequest = {\n id: newClientId(),\n employeeId,\n employeeName: employee ? `${employee.firstName} ${employee.lastName}` : '',\n department: employee?.department ?? '',\n type: getText(values, 'type') as LeaveRequest['type'],\n startDate: getText(values, 'startDate'),\n endDate: getText(values, 'endDate'),\n days: getNumber(values, 'days'),\n status: 'pending',\n reason: getText(values, 'reason'),\n };\n await addLeaveRequest(payload);\n };\n\n const handleDecision = async (leave: LeaveRequest, status: 'approved' \| 'rejected') => {\n try {\n await updateLeaveRequest(leave.id, { status, approverName });\n } catch (error) {\n showToast(error instanceof Error ? error.message : 'Unable to update leave request', 'error');\n }\n };\n\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">\n <GradientText>Leave Management</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">Track and manage employee leave requests</p>\n <PagePurpose className=\"mt-1\">\n Handle time-off in one place — review and approve leave requests and keep an eye on team\n availability and balances.\n </PagePurpose>\n </div>\n <Button size=\"sm\" onClick={() => form.openModal()}>\n <Calendar className=\"mr-1 h-4 w-4\" />\n Request Leave\n </Button>\n </div>\n\n <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Pending</CardTitle>\n <Clock className=\"h-4 w-4 text-status-warning-text\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">{pendingCount}</div>\n <p className=\"text-xs text-text-secondary\">Awaiting approval</p>\n </CardContent>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Approved</CardTitle>\n <CheckCircle className=\"h-4 w-4 text-status-success-text\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">{approvedCount}</div>\n <p className=\"text-xs text-text-secondary\">Current period</p>\n </CardContent>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Days Used</CardTitle>\n <Calendar className=\"h-4 w-4 text-text-secondary\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">{totalDays}</div>\n <p className=\"text-xs text-text-secondary\">Total approved days</p>\n </CardContent>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">On Leave Today</CardTitle>\n <XCircle className=\"h-4 w-4 text-text-secondary\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold tabular-nums\">{onLeaveToday}</div>\n <p className=\"text-xs text-text-secondary\">Out of office</p>\n </CardContent>\n </GlassCard>\n </div>\n\n <div className=\"grid gap-4 md:grid-cols-2\">\n <Card>\n <CardHeader>\n <CardTitle>Leave Balances</CardTitle>\n <CardDescription>\n Company-wide leave allocation (default policy) vs. approved days used\n </CardDescription>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n {leaveBalances.map((balance) => {\n const usedPct = Math.round((balance.used / Math.max(balance.total, 1)) * 100);\n return (\n <div key={balance.type} className=\"space-y-1\">\n <div className=\"flex justify-between text-sm\">\n <span className=\"font-medium\">{formatEnumLabel(balance.type)}</span>\n <span>\n {balance.used}/{balance.total} days used\n </span>\n </div>\n <div className=\"h-2 overflow-hidden rounded bg-bg-sunken\">\n <div\n className={`h-2 rounded ${\n usedPct > 80\n ? 'bg-status-error-text'\n : usedPct > 50\n ? 'bg-status-warning-text'\n : 'bg-status-success-text'\n }`}\n style={{ width: `${usedPct}%` }}\n />\n </div>\n </div>\n );\n })}\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle>Pending Approvals</CardTitle>\n <CardDescription>Leave requests waiting for your review</CardDescription>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n {pendingPageItems.map((leave) => (\n <div key={leave.id} className=\"flex items-center justify-between rounded border p-3\">\n <div>\n <p className=\"text-sm font-medium\">{leave.employeeName}</p>\n <p className=\"text-xs text-text-secondary\">\n {formatEnumLabel(leave.type)} · {leave.days} days · {leave.startDate} to{' '}\n {leave.endDate}\n </p>\n <p className=\"mt-1 text-xs text-text-secondary\">{leave.reason}</p>\n </div>\n <div className=\"flex gap-1\">\n <Button\n size=\"sm\"\n variant=\"outline\"\n className=\"h-7 text-xs\"\n onClick={() => handleDecision(leave, 'rejected')}\n >\n Reject\n </Button>\n <Button\n size=\"sm\"\n className=\"h-7 text-xs\"\n onClick={() => handleDecision(leave, 'approved')}\n >\n Approve\n </Button>\n </div>\n </div>\n ))}\n {pendingCount === 0 && (\n <p className=\"py-6 text-center text-sm text-text-secondary\">\n No leave requests are awaiting approval.\n </p>\n )}\n {pendingList.length > pendingPg.pageSize && (\n <Pagination\n page={pendingPg.page}\n pageSize={pendingPg.pageSize}\n totalItems={pendingList.length}\n onPageChange={pendingPg.setPage}\n />\n )}\n </CardContent>\n </Card>\n </div>\n\n <Card>\n <CardHeader>\n <CardTitle>All Leave Requests</CardTitle>\n <CardDescription>Complete leave request history</CardDescription>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <ResponsiveTable<LeaveRequest>\n data={requestPageItems}\n rowKey={(leave) => leave.id}\n columns={requestColumns}\n emptyState={\n <p className=\"py-6 text-center text-sm text-text-secondary\">No leave requests yet.</p>\n }\n />\n {sortedRequests.length > allPg.pageSize && (\n <Pagination\n page={allPg.page}\n pageSize={allPg.pageSize}\n totalItems={sortedRequests.length}\n onPageChange={allPg.setPage}\n />\n )}\n </CardContent>\n </Card>\n\n <FormModal\n open={form.open}\n onOpenChange={form.onOpenChange}\n title=\"Request leave\"\n description=\"Submit a new time-off request for review.\"\n fields={leaveFields}\n submitLabel=\"Submit request\"\n onSubmit={handleSubmit}\n />\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/HrPayrollPagePage.js CHANGED Viewed

@@ -1,14 +1,15 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { FormModal as t, useFormModal as n } from "../components/forms/FormModal.js";
-import { getNumber as r, getText as i, newClientId as a } from "../components/forms/formValues.js";
-import { useMemo as o, useState as s } from "react";
-import { CheckCircle as c, Clock as l, DollarSign as u, Download as d, Plus as f, TrendingUp as p } from "lucide-react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Badge as _, Button as v, Card as y, CardContent as b, CardDescription as x, CardHeader as S, CardTitle as C, GlassCard as w, GradientText as T, PagePurpose as E, Pagination as D, ResponsiveTable as O, Separator as k } from "@burdenoff/fe-libs/ui";
-import { usePagination as A } from "@burdenoff/fe-libs/shared/hooks";
-import { useGlobalUi as j } from "@burdenoff/fe-libs/shared/providers/shell";
+import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
+import { FormModal as n, useFormModal as r } from "../components/forms/FormModal.js";
+import { getNumber as i, getText as a, newClientId as o } from "../components/forms/formValues.js";
+import { useMemo as s, useState as c } from "react";
+import { CheckCircle as l, Clock as u, DollarSign as d, Download as f, Plus as p, TrendingUp as m } from "lucide-react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Badge as v, Button as y, Card as b, CardContent as x, CardDescription as S, CardHeader as C, CardTitle as w, GlassCard as T, GradientText as E, PagePurpose as D, Pagination as O, ResponsiveTable as k, Separator as A } from "@burdenoff/fe-libs/ui";
+import { usePagination as j } from "@burdenoff/fe-libs/shared/hooks";
+import { useGlobalUi as M } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/HrPayrollPagePage.tsx
-var M = [
+var N = [
 	{
 		label: "Draft",
 		value: "draft"
@@ -30,17 +31,17 @@ var M = [
 		value: "failed"
 	}
 ];
-function N() {
-	let { payrollRecords: N, employees: P, addPayrollRecord: F, updatePayrollRecord: I } = e(), { showToast: L } = j(), [R, z] = s("January 2026"), B = n(), { page: V, pageSize: H, offset: U, setPage: W } = A({ initialPageSize: 10 }), G = o(() => P.map((e) => ({
+function P() {
+	let { payrollRecords: P, employees: F, addPayrollRecord: I, updatePayrollRecord: L } = e(), { showToast: R } = M(), [z, B] = c("January 2026"), V = r(), { page: H, pageSize: U, offset: W, setPage: G } = j({ initialPageSize: 10 }), K = s(() => F.map((e) => ({
 		label: `${e.firstName} ${e.lastName}`,
 		value: e.id
-	})), [P]), K = o(() => [
+	})), [F]), q = s(() => [
 		{
 			name: "employeeId",
 			label: "Employee",
 			type: "select",
 			required: !0,
-			options: G,
+			options: K,
 			colSpan: 2
 		},
 		{
@@ -83,16 +84,16 @@ function N() {
 			name: "status",
 			label: "Status",
 			type: "select",
-			options: M
+			options: N
 		}
-	], [G]), q = N.filter((e) => e.period === R), J = q.reduce((e, t) => e + t.grossPay, 0), Y = q.reduce((e, t) => e + t.netPay, 0), X = q.reduce((e, t) => e + t.deductions, 0), Z = q.filter((e) => e.status === "paid").length, Q = q.filter((e) => e.status === "processing").length, $ = q.slice(U, U + H), ee = [...new Set(N.map((e) => e.period))], te = (e) => {
-		z(e), W(1);
-	}, ne = [
+	], [K]), J = P.filter((e) => e.period === z), Y = J.reduce((e, t) => e + t.grossPay, 0), X = J.reduce((e, t) => e + t.netPay, 0), Z = J.reduce((e, t) => e + t.deductions, 0), Q = J.filter((e) => e.status === "paid").length, $ = J.filter((e) => e.status === "processing").length, ee = J.slice(W, W + U), te = [...new Set(P.map((e) => e.period))], ne = (e) => {
+		B(e), G(1);
+	}, re = [
 		{
 			key: "employee",
 			header: "Employee",
 			priority: "primary",
-			cell: (e) => /* @__PURE__ */ h("span", {
+			cell: (e) => /* @__PURE__ */ g("span", {
 				className: "font-medium",
 				children: e.employeeName
 			})
@@ -100,7 +101,7 @@ function N() {
 		{
 			key: "department",
 			header: "Department",
-			cell: (e) => /* @__PURE__ */ h("span", {
+			cell: (e) => /* @__PURE__ */ g("span", {
 				className: "text-text-secondary",
 				children: e.department
 			})
@@ -110,14 +111,14 @@ function N() {
 			header: "Gross Pay",
 			headerClassName: "text-right",
 			cellClassName: "md:text-right",
-			cell: (e) => /* @__PURE__ */ g("span", { children: ["$", e.grossPay.toLocaleString()] })
+			cell: (e) => /* @__PURE__ */ _("span", { children: ["$", e.grossPay.toLocaleString()] })
 		},
 		{
 			key: "deductions",
 			header: "Deductions",
 			headerClassName: "text-right",
 			cellClassName: "md:text-right",
-			cell: (e) => /* @__PURE__ */ g("span", {
+			cell: (e) => /* @__PURE__ */ _("span", {
 				className: "text-status-error-text",
 				children: ["-$", e.deductions.toLocaleString()]
 			})
@@ -127,7 +128,7 @@ function N() {
 			header: "Net Pay",
 			headerClassName: "text-right",
 			cellClassName: "md:text-right",
-			cell: (e) => /* @__PURE__ */ g("span", {
+			cell: (e) => /* @__PURE__ */ _("span", {
 				className: "font-medium",
 				children: ["$", e.netPay.toLocaleString()]
 			})
@@ -135,7 +136,7 @@ function N() {
 		{
 			key: "method",
 			header: "Payment Method",
-			cell: (e) => /* @__PURE__ */ h("span", {
+			cell: (e) => /* @__PURE__ */ g("span", {
 				className: "text-text-secondary",
 				children: e.paymentMethod
 			})
@@ -143,243 +144,243 @@ function N() {
 		{
 			key: "status",
 			header: "Status",
-			cell: (e) => /* @__PURE__ */ g("div", {
+			cell: (e) => /* @__PURE__ */ _("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ h(_, {
+				children: [/* @__PURE__ */ g(v, {
 					variant: e.status === "paid" ? "default" : e.status === "processing" ? "secondary" : "outline",
 					className: "text-[10px]",
-					children: e.status
-				}), e.status !== "paid" && /* @__PURE__ */ h(v, {
+					children: t(e.status)
+				}), e.status !== "paid" && /* @__PURE__ */ g(y, {
 					variant: "ghost",
 					size: "sm",
 					className: "h-6 px-2 text-[10px]",
-					onClick: () => ie(e),
+					onClick: () => ae(e),
 					children: "Mark paid"
 				})]
 			})
 		}
-	], re = async (e) => {
-		let t = i(e, "employeeId"), n = P.find((e) => e.id === t), o = r(e, "grossPay"), s = r(e, "deductions"), c = r(e, "netPay");
-		await F({
-			id: a(),
+	], ie = async (e) => {
+		let t = a(e, "employeeId"), n = F.find((e) => e.id === t), r = i(e, "grossPay"), s = i(e, "deductions"), c = i(e, "netPay");
+		await I({
+			id: o(),
 			employeeId: t,
 			employeeName: n ? `${n.firstName} ${n.lastName}` : "",
 			department: n?.department ?? "",
-			period: i(e, "period"),
-			grossPay: o,
+			period: a(e, "period"),
+			grossPay: r,
 			deductions: s,
-			netPay: c > 0 ? c : Math.max(o - s, 0),
-			status: i(e, "status") || "draft",
-			payDate: i(e, "payDate"),
-			paymentMethod: i(e, "paymentMethod")
+			netPay: c > 0 ? c : Math.max(r - s, 0),
+			status: a(e, "status") || "draft",
+			payDate: a(e, "payDate"),
+			paymentMethod: a(e, "paymentMethod")
 		});
-	}, ie = async (e) => {
+	}, ae = async (e) => {
 		try {
-			await I(e.id, {
+			await L(e.id, {
 				status: "paid",
 				payDate: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)
 			});
 		} catch (e) {
-			L(e instanceof Error ? e.message : "Unable to update payroll record", "error");
+			R(e instanceof Error ? e.message : "Unable to update payroll record", "error");
 		}
 	};
-	return /* @__PURE__ */ g("div", {
+	return /* @__PURE__ */ _("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ g("div", { children: [
-					/* @__PURE__ */ h("h1", {
+				children: [/* @__PURE__ */ _("div", { children: [
+					/* @__PURE__ */ g("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ h(T, { children: "Payroll Management" })
+						children: /* @__PURE__ */ g(E, { children: "Payroll Management" })
 					}),
-					/* @__PURE__ */ h("p", {
+					/* @__PURE__ */ g("p", {
 						className: "text-sm text-text-secondary",
 						children: "Process and manage employee payroll"
 					}),
-					/* @__PURE__ */ h(E, {
+					/* @__PURE__ */ g(D, {
 						className: "mt-1",
 						children: "Run and review payroll — track salaries, deductions, and pay runs so your team gets paid accurately and on time."
 					})
-				] }), /* @__PURE__ */ g("div", {
+				] }), /* @__PURE__ */ _("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ g(v, {
+					children: [/* @__PURE__ */ _(y, {
 						variant: "outline",
 						size: "sm",
 						disabled: !0,
 						"aria-label": "Export payroll (coming soon)",
 						title: "Payroll export is coming soon",
 						children: [
-							/* @__PURE__ */ h(d, { className: "h-4 w-4 mr-1" }),
+							/* @__PURE__ */ g(f, { className: "h-4 w-4 mr-1" }),
 							"Export",
-							/* @__PURE__ */ h(_, {
+							/* @__PURE__ */ g(v, {
 								variant: "secondary",
 								className: "ml-1 text-[9px]",
 								children: "Soon"
 							})
 						]
-					}), /* @__PURE__ */ g(v, {
+					}), /* @__PURE__ */ _(y, {
 						size: "sm",
-						onClick: () => B.openModal(),
-						children: [/* @__PURE__ */ h(f, { className: "h-4 w-4 mr-1" }), "Add Record"]
+						onClick: () => V.openModal(),
+						children: [/* @__PURE__ */ g(p, { className: "h-4 w-4 mr-1" }), "Add Record"]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ g(w, {
+					/* @__PURE__ */ _(T, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ g(S, {
+						children: [/* @__PURE__ */ _(C, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ h(C, {
+							children: [/* @__PURE__ */ g(w, {
 								className: "text-sm font-medium",
 								children: "Gross Payroll"
-							}), /* @__PURE__ */ h(u, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ g(b, { children: [/* @__PURE__ */ g("div", {
+							}), /* @__PURE__ */ g(d, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ _(x, { children: [/* @__PURE__ */ _("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: ["$", J.toLocaleString()]
-						}), /* @__PURE__ */ h("p", {
+							children: ["$", Y.toLocaleString()]
+						}), /* @__PURE__ */ g("p", {
 							className: "text-xs text-text-secondary",
-							children: R
+							children: z
 						})] })]
 					}),
-					/* @__PURE__ */ g(w, {
+					/* @__PURE__ */ _(T, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ g(S, {
+						children: [/* @__PURE__ */ _(C, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ h(C, {
+							children: [/* @__PURE__ */ g(w, {
 								className: "text-sm font-medium",
 								children: "Net Payroll"
-							}), /* @__PURE__ */ h(p, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ g(b, { children: [/* @__PURE__ */ g("div", {
+							}), /* @__PURE__ */ g(m, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ _(x, { children: [/* @__PURE__ */ _("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: ["$", Y.toLocaleString()]
-						}), /* @__PURE__ */ h("p", {
+							children: ["$", X.toLocaleString()]
+						}), /* @__PURE__ */ g("p", {
 							className: "text-xs text-text-secondary",
 							children: "After deductions"
 						})] })]
 					}),
-					/* @__PURE__ */ g(w, {
+					/* @__PURE__ */ _(T, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ g(S, {
+						children: [/* @__PURE__ */ _(C, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ h(C, {
+							children: [/* @__PURE__ */ g(w, {
 								className: "text-sm font-medium",
 								children: "Paid"
-							}), /* @__PURE__ */ h(c, { className: "h-4 w-4 text-status-success-text" })]
-						}), /* @__PURE__ */ g(b, { children: [/* @__PURE__ */ h("div", {
+							}), /* @__PURE__ */ g(l, { className: "h-4 w-4 text-status-success-text" })]
+						}), /* @__PURE__ */ _(x, { children: [/* @__PURE__ */ g("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: Z
-						}), /* @__PURE__ */ h("p", {
+							children: Q
+						}), /* @__PURE__ */ g("p", {
 							className: "text-xs text-text-secondary",
 							children: "employees paid"
 						})] })]
 					}),
-					/* @__PURE__ */ g(w, {
+					/* @__PURE__ */ _(T, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ g(S, {
+						children: [/* @__PURE__ */ _(C, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ h(C, {
+							children: [/* @__PURE__ */ g(w, {
 								className: "text-sm font-medium",
 								children: "Processing"
-							}), /* @__PURE__ */ h(l, { className: "h-4 w-4 text-status-warning-text" })]
-						}), /* @__PURE__ */ g(b, { children: [/* @__PURE__ */ h("div", {
+							}), /* @__PURE__ */ g(u, { className: "h-4 w-4 text-status-warning-text" })]
+						}), /* @__PURE__ */ _(x, { children: [/* @__PURE__ */ g("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: Q
-						}), /* @__PURE__ */ h("p", {
+							children: $
+						}), /* @__PURE__ */ g("p", {
 							className: "text-xs text-text-secondary",
 							children: "in progress"
 						})] })]
 					})
 				]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex flex-wrap gap-2",
-				children: ee.map((e) => /* @__PURE__ */ h(v, {
-					variant: R === e ? "default" : "outline",
+				children: te.map((e) => /* @__PURE__ */ g(y, {
+					variant: z === e ? "default" : "outline",
 					size: "sm",
-					onClick: () => te(e),
+					onClick: () => ne(e),
 					children: e
 				}, e))
 			}),
-			/* @__PURE__ */ g(y, { children: [/* @__PURE__ */ g(S, { children: [/* @__PURE__ */ h(C, { children: "Payroll Records" }), /* @__PURE__ */ g(x, { children: ["Individual employee payroll details for ", R] })] }), /* @__PURE__ */ g(b, {
+			/* @__PURE__ */ _(b, { children: [/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ g(w, { children: "Payroll Records" }), /* @__PURE__ */ _(S, { children: ["Individual employee payroll details for ", z] })] }), /* @__PURE__ */ _(x, {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ h(O, {
-						data: $,
+					/* @__PURE__ */ g(k, {
+						data: ee,
 						rowKey: (e) => e.id,
-						columns: ne,
-						emptyState: /* @__PURE__ */ g("p", {
+						columns: re,
+						emptyState: /* @__PURE__ */ _("p", {
 							className: "py-6 text-center text-sm text-text-secondary",
 							children: [
 								"No payroll records for ",
-								R,
+								z,
 								"."
 							]
 						})
 					}),
-					q.length > H && /* @__PURE__ */ h(D, {
-						page: V,
-						pageSize: H,
-						totalItems: q.length,
-						onPageChange: W
+					J.length > U && /* @__PURE__ */ g(O, {
+						page: H,
+						pageSize: U,
+						totalItems: J.length,
+						onPageChange: G
 					}),
-					q.length > 0 && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(k, {}), /* @__PURE__ */ g("div", {
+					J.length > 0 && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(A, {}), /* @__PURE__ */ _("div", {
 						className: "flex flex-wrap items-center justify-between gap-4 text-sm font-semibold",
-						children: [/* @__PURE__ */ g("span", { children: ["Total for ", R] }), /* @__PURE__ */ g("div", {
+						children: [/* @__PURE__ */ _("span", { children: ["Total for ", z] }), /* @__PURE__ */ _("div", {
 							className: "flex flex-wrap gap-x-6 gap-y-1",
 							children: [
-								/* @__PURE__ */ g("span", { children: [
-									/* @__PURE__ */ h("span", {
+								/* @__PURE__ */ _("span", { children: [
+									/* @__PURE__ */ g("span", {
 										className: "text-text-secondary",
 										children: "Gross "
 									}),
 									"$",
-									J.toLocaleString()
+									Y.toLocaleString()
 								] }),
-								/* @__PURE__ */ g("span", {
+								/* @__PURE__ */ _("span", {
 									className: "text-status-error-text",
 									children: [
-										/* @__PURE__ */ h("span", {
+										/* @__PURE__ */ g("span", {
 											className: "text-text-secondary",
 											children: "Deductions "
 										}),
 										"-$",
-										X.toLocaleString()
+										Z.toLocaleString()
 									]
 								}),
-								/* @__PURE__ */ g("span", { children: [
-									/* @__PURE__ */ h("span", {
+								/* @__PURE__ */ _("span", { children: [
+									/* @__PURE__ */ g("span", {
 										className: "text-text-secondary",
 										children: "Net "
 									}),
 									"$",
-									Y.toLocaleString()
+									X.toLocaleString()
 								] })
 							]
 						})]
 					})] })
 				]
 			})] }),
-			/* @__PURE__ */ h(t, {
-				open: B.open,
-				onOpenChange: B.onOpenChange,
+			/* @__PURE__ */ g(n, {
+				open: V.open,
+				onOpenChange: V.onOpenChange,
 				title: "Add payroll record",
 				description: "Create a payroll entry for a team member.",
-				fields: K,
+				fields: q,
 				submitLabel: "Add record",
-				onSubmit: re
+				onSubmit: ie
 			})
 		]
 	});
 }
 //#endregion
-export { N as HrPayrollPagePage };
+export { P as HrPayrollPagePage };
 //# sourceMappingURL=HrPayrollPagePage.js.map