npm - @gusto/embedded-react-sdk - Versions diffs - 0.44.2 → 0.46.0 - Mend

@gusto/embedded-react-sdk 0.44.2 → 0.46.0

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 (586) hide show

package/dist/components/Employee/Dashboard/JobAndPayView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"JobAndPayView.js","sources":["../../../../src/components/Employee/Dashboard/JobAndPayView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { EmployeePaymentMethod } from '@gusto/embedded-api/models/components/employeepaymentmethod'\nimport type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport type { EmployeeBankAccount } from '@gusto/embedded-api/models/components/employeebankaccount'\nimport type { GetV1EmployeesEmployeeUuidPayStubsResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeuuidpaystubs'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { DataView, useDataView, EmptyData, Loading } from '@/components/Common'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport { useFormatPayRate } from '@/helpers/formattedStrings'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport PercentCircleIcon from '@/assets/icons/percent-circle.svg?react'\n\ntype EmployeePayStub = NonNullable<\n GetV1EmployeesEmployeeUuidPayStubsResponse['employeePayStubsList']\n>[number]\n\nexport interface JobAndPayViewProps {\n job?: Job\n paymentMethod?: EmployeePaymentMethod\n bankAccounts?: EmployeeBankAccount[]\n garnishments?: Garnishment[]\n payStubs?: EmployeePayStub[]\n payStubsPagination?: PaginationControlProps\n isLoading?: boolean\n onEditCompensation?: () => void\n onSplitPaycheck?: () => void\n onAddBankAccount?: () => void\n onAddDeduction?: () => void\n}\n\nexport function JobAndPayView({\n job,\n paymentMethod,\n bankAccounts = [],\n garnishments = [],\n payStubs = [],\n payStubsPagination,\n isLoading = false,\n onEditCompensation,\n onSplitPaycheck,\n onAddBankAccount,\n onAddDeduction,\n}: JobAndPayViewProps) {\n const { t } = useTranslation('Employee.Dashboard')\n const Components = useComponentContext()\n const formatPayRate = useFormatPayRate()\n const formatCurrency = useNumberFormatter('currency')\n\n const bankAccountsColumns = [\n {\n key: 'nickname',\n title: t('jobAndPay.payment.nickname'),\n render: (bankAccount: EmployeeBankAccount) => bankAccount.name \|\| '-',\n },\n {\n key: 'routingNumber',\n title: t('jobAndPay.payment.routingNumber'),\n render: (bankAccount: EmployeeBankAccount) => bankAccount.routingNumber \|\| '-',\n },\n {\n key: 'accountType',\n title: t('jobAndPay.payment.accountType'),\n render: (bankAccount: EmployeeBankAccount) => bankAccount.accountType \|\| '-',\n },\n ]\n\n const garnishmentsColumns = [\n {\n key: 'description',\n title: t('jobAndPay.deductions.deduction'),\n render: (garnishment: Garnishment) => garnishment.description \|\| '-',\n },\n {\n key: 'frequency',\n title: t('jobAndPay.deductions.frequency'),\n render: (garnishment: Garnishment) =>\n garnishment.recurring ? t('jobAndPay.deductions.recurring') : '-',\n },\n {\n key: 'amount',\n title: t('jobAndPay.deductions.withhold'),\n render: (garnishment: Garnishment) => {\n if (garnishment.amount && typeof garnishment.amount === 'number') {\n return formatCurrency(garnishment.amount)\n }\n if (garnishment.annualMaximum) {\n return `${garnishment.annualMaximum}% per paycheck`\n }\n return '-'\n },\n },\n ]\n\n const payStubsColumns = [\n {\n key: 'payday',\n title: t('jobAndPay.paystubs.payday'),\n render: (payStub: EmployeePayStub) => formatDateLongWithYear(payStub.checkDate) \|\| '-',\n },\n {\n key: 'checkAmount',\n title: t('jobAndPay.paystubs.checkAmount'),\n render: (payStub: EmployeePayStub) => {\n if (!payStub.netPay) return '-'\n const amount = parseFloat(payStub.netPay)\n return isNaN(amount) ? '-' : formatCurrency(amount)\n },\n },\n {\n key: 'grossPay',\n title: t('jobAndPay.paystubs.grossPay'),\n render: (payStub: EmployeePayStub) => {\n if (!payStub.grossPay) return '-'\n const amount = parseFloat(payStub.grossPay)\n return isNaN(amount) ? '-' : formatCurrency(amount)\n },\n },\n {\n key: 'paymentMethod',\n title: t('jobAndPay.paystubs.paymentMethod'),\n render: () => paymentMethod?.type \|\| t('jobAndPay.paystubs.noPaymentMethod'),\n },\n ]\n\n const bankAccountsDataView = useDataView({\n data: bankAccounts,\n columns: bankAccountsColumns,\n isFetching: false,\n emptyState: () => (\n <EmptyData\n title={t('jobAndPay.payment.emptyState.title')}\n description={t('jobAndPay.payment.emptyState.description')}\n />\n ),\n })\n\n const garnishmentsDataView = useDataView({\n data: garnishments,\n columns: garnishmentsColumns,\n emptyState: () => (\n <EmptyData\n title={t('jobAndPay.deductions.emptyState.title')}\n description={t('jobAndPay.deductions.emptyState.description')}\n />\n ),\n })\n\n const payStubsDataView = useDataView({\n data: payStubs,\n columns: payStubsColumns,\n pagination: payStubsPagination,\n emptyState: () => (\n <EmptyData\n title={t('jobAndPay.paystubs.emptyState.title')}\n description={t('jobAndPay.paystubs.emptyState.description')}\n />\n ),\n })\n if (isLoading) {\n return <Loading />\n }\n return (\n <Flex flexDirection=\"column\" gap={24}>\n <Components.Box\n header={\n <Components.BoxHeader\n title={t('jobAndPay.compensation.title')}\n action={\n <Components.Button variant=\"secondary\" onClick={onEditCompensation}>\n {t('jobAndPay.compensation.editCta')}\n </Components.Button>\n }\n />\n }\n >\n <Flex flexDirection=\"column\" gap={16}>\n <Flex flexDirection=\"column\" gap={12}>\n {job?.title && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('jobAndPay.compensation.jobTitle')}\n </Components.Text>\n <Components.Text>{job.title}</Components.Text>\n </Flex>\n )}\n\n {job?.paymentUnit && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('jobAndPay.compensation.type')}\n </Components.Text>\n <Components.Text>\n {job.paymentUnit === 'Hour'\n ? t('jobAndPay.compensation.types.hourly')\n : job.paymentUnit === 'Salary' \|\| job.paymentUnit === 'Year'\n ? t('jobAndPay.compensation.types.salary')\n : job.paymentUnit}\n </Components.Text>\n </Flex>\n )}\n\n {job?.rate && job.paymentUnit && typeof job.rate === 'number' && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('jobAndPay.compensation.wage')}\n </Components.Text>\n <Components.Text>{formatPayRate(job.rate, job.paymentUnit)}</Components.Text>\n </Flex>\n )}\n\n {job?.hireDate && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('jobAndPay.compensation.startDate')}\n </Components.Text>\n <Components.Text>{formatDateLongWithYear(job.hireDate)}</Components.Text>\n </Flex>\n )}\n </Flex>\n </Flex>\n </Components.Box>\n\n <Components.Box\n header={\n <Components.BoxHeader\n title={t('jobAndPay.payment.title')}\n action={\n <Flex gap={8} alignItems=\"flex-end\">\n <Components.Button\n variant=\"secondary\"\n onClick={onSplitPaycheck}\n icon={<PercentCircleIcon />}\n >\n {t('jobAndPay.payment.splitPaycheckCta')}\n </Components.Button>\n <Components.Button\n variant=\"secondary\"\n onClick={onAddBankAccount}\n icon={<PlusCircleIcon />}\n >\n {t('jobAndPay.payment.addBankAccountCta')}\n </Components.Button>\n </Flex>\n }\n />\n }\n >\n <Flex flexDirection=\"column\" gap={16}>\n <DataView label={t('jobAndPay.payment.listLabel')} {...bankAccountsDataView} />\n </Flex>\n </Components.Box>\n\n <Components.Box\n header={\n <Components.BoxHeader\n title={t('jobAndPay.deductions.title')}\n action={\n <Components.Button\n variant=\"secondary\"\n onClick={onAddDeduction}\n icon={<PlusCircleIcon />}\n >\n {t('jobAndPay.deductions.addDeductionCta')}\n </Components.Button>\n }\n />\n }\n >\n <Flex flexDirection=\"column\" gap={16}>\n <DataView label={t('jobAndPay.deductions.listLabel')} {...garnishmentsDataView} />\n </Flex>\n </Components.Box>\n\n <Components.Box header={<Components.BoxHeader title={t('jobAndPay.paystubs.title')} />}>\n <Flex flexDirection=\"column\" gap={16}>\n <DataView label={t('jobAndPay.paystubs.listLabel')} {...payStubsDataView} />\n </Flex>\n </Components.Box>\n </Flex>\n )\n}\n"],"names":["JobAndPayView","job","paymentMethod","bankAccounts","garnishments","payStubs","payStubsPagination","isLoading","onEditCompensation","onSplitPaycheck","onAddBankAccount","onAddDeduction","useTranslation","Components","useComponentContext","formatPayRate","useFormatPayRate","formatCurrency","useNumberFormatter","bankAccountsColumns","bankAccount","garnishmentsColumns","garnishment","payStubsColumns","payStub","formatDateLongWithYear","amount","bankAccountsDataView","useDataView","jsx","EmptyData","garnishmentsDataView","payStubsDataView","Loading","jsxs","Flex","PercentCircleIcon","PlusCircleIcon","DataView"],"mappings":"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"}
1	+ {"version":3,"file":"JobAndPayView.js","sources":["../../../../src/components/Employee/Dashboard/JobAndPayView.tsx"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { payrollsGetPayStub } from '@gusto/embedded-api/funcs/payrollsGetPayStub'\nimport { useErrorBoundary } from 'react-error-boundary'\nimport { useJobsAndCompensationsDeleteMutation } from '@gusto/embedded-api/react-query/jobsAndCompensationsDelete'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { EmployeeBankAccount } from '@gusto/embedded-api/models/components/employeebankaccount'\nimport type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport type { GetV1EmployeesEmployeeUuidPayStubsResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeuuidpaystubs'\nimport { useEmployeeCompensation } from './hooks'\nimport type { PendingCompensationChange } from './getPendingCompensationChanges'\nimport { usePendingChangeDetailRenderer } from './usePendingChangeDetailRenderer'\nimport { PendingChangesReviewModal } from './PendingChangesReviewModal'\nimport styles from './JobAndPayView.module.scss'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { DataView, useDataView, EmptyData, Loading } from '@/components/Common'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { readableStreamToBlob } from '@/helpers/readableStreamToBlob'\nimport { formatDateLongWithYear, formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { useFormatCompensationRate } from '@/helpers/formattedStrings'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useI18n } from '@/i18n'\nimport {\n usePaymentMethodList,\n useDeleteBankAccount,\n DeleteBankAccountDialog,\n} from '@/components/Employee/PaymentMethod/shared'\nimport {\n useDeductionsList,\n useDeleteDeduction,\n DeleteDeductionDialog,\n formatDeductionAmount,\n} from '@/components/Employee/Deductions/shared'\nimport { componentEvents, FlsaStatus, PAYMENT_METHODS, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport PercentCircleIcon from '@/assets/icons/percent-circle.svg?react'\nimport DownloadCloudIcon from '@/assets/icons/download-cloud.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\n\ntype EmployeePayStub = NonNullable<\n GetV1EmployeesEmployeeUuidPayStubsResponse['employeePayStubsList']\n>[number]\n\nfunction parseJobRate(rate: Job['rate']): number \| null {\n if (rate === undefined) return null\n const numericRate = parseFloat(rate)\n return Number.isFinite(numericRate) ? numericRate : null\n}\n\nexport interface JobAndPayViewProps {\n employeeId: string\n onEvent: OnEventType<EventType, unknown>\n onEditCompensation?: (job: Job) => void\n onAddJob?: () => void\n onAddAnotherJob?: () => void\n onAddDeduction?: () => void\n onEditDeduction?: (deduction: Garnishment) => void\n}\n\nexport function JobAndPayView({\n employeeId,\n onEvent,\n onEditCompensation,\n onAddJob,\n onAddAnotherJob,\n onAddDeduction,\n onEditDeduction,\n}: JobAndPayViewProps) {\n useI18n('Employee.PaymentMethod')\n useI18n('Employee.Compensation')\n useI18n('Employee.Deductions')\n const { t } = useTranslation('Employee.Dashboard')\n const { t: tPayment } = useTranslation('Employee.PaymentMethod')\n const { t: tCompensation } = useTranslation('Employee.Compensation')\n const { t: tDeductions } = useTranslation('Employee.Deductions')\n const Components = useComponentContext()\n const formatCompensationRate = useFormatCompensationRate()\n const formatCurrency = useNumberFormatter('currency')\n const formatPercent = useNumberFormatter('percent')\n const gustoEmbedded = useGustoEmbeddedContext()\n const { showBoundary } = useErrorBoundary()\n\n const compensation = useEmployeeCompensation({ employeeId })\n const {\n jobs,\n primaryFlsaStatus,\n pendingChanges,\n hasMultipleJobs: hasMultipleJobsFromHook,\n payStubs,\n employeeFirstName,\n } = compensation.data\n const payStubsPagination = compensation.pagination.payStubs\n const cancellingCompensationUuid = compensation.status.cancellingCompensationUuid\n const { cancelPendingChange } = compensation.actions\n const isCompensationCardLoading = compensation.status.isEmployeeLoading\n const isPayStubsLoading = compensation.status.isPayStubsLoading\n\n const handleCancelChange = useCallback(\n async (pendingChange: PendingCompensationChange) => {\n const result = await cancelPendingChange(pendingChange)\n if (result) {\n onEvent(componentEvents.EMPLOYEE_COMPENSATION_CHANGE_CANCELLED, {\n employeeId,\n compensationId: pendingChange.compensationUuid,\n })\n }\n },\n [cancelPendingChange, onEvent, employeeId],\n )\n\n const [downloadingPayrollUuids, setDownloadingPayrollUuids] = useState<ReadonlySet<string>>(\n () => new Set(),\n )\n\n const handlePaystubDownload = useCallback(\n async (payrollUuid: string) => {\n const newWindow = window.open('', '_blank', 'noopener,noreferrer')\n const loadingMessage = t('jobAndPay.paystubs.downloadLoadingMessage')\n if (newWindow) {\n // Avoid the user staring at about:blank while we fetch the PDF. The\n // navigation to the Blob URL below replaces this document.\n const doc = newWindow.document\n doc.title = loadingMessage\n const style = doc.createElement('style')\n style.textContent =\n 'body{font-family:system-ui,-apple-system,sans-serif;display:flex;align-items:center;' +\n 'justify-content:center;height:100vh;margin:0;color:#444;gap:12px}' +\n '.spinner{width:20px;height:20px;border:2px solid #ccc;border-top-color:#444;' +\n 'border-radius:50%;animation:spin .8s linear infinite}' +\n '@keyframes spin{to{transform:rotate(360deg)}}'\n doc.head.appendChild(style)\n const spinner = doc.createElement('div')\n spinner.className = 'spinner'\n spinner.setAttribute('aria-hidden', 'true')\n const label = doc.createElement('span')\n label.textContent = loadingMessage\n doc.body.replaceChildren(spinner, label)\n }\n setDownloadingPayrollUuids(prev => {\n const next = new Set(prev)\n next.add(payrollUuid)\n return next\n })\n try {\n const response = await payrollsGetPayStub(gustoEmbedded, {\n payrollId: payrollUuid,\n employeeId,\n })\n if (!response.value?.responseStream) {\n throw new Error(t('jobAndPay.paystubs.downloadError'))\n }\n const pdfBlob = await readableStreamToBlob(response.value.responseStream, 'application/pdf')\n const url = URL.createObjectURL(pdfBlob)\n if (newWindow) {\n newWindow.location.href = url\n }\n URL.revokeObjectURL(url)\n } catch (err) {\n if (newWindow) {\n newWindow.close()\n }\n showBoundary(err instanceof Error ? err : new Error(String(err)))\n } finally {\n setDownloadingPayrollUuids(prev => {\n const next = new Set(prev)\n next.delete(payrollUuid)\n return next\n })\n }\n },\n [gustoEmbedded, employeeId, t, showBoundary],\n )\n\n const [pendingDeleteJob, setPendingDeleteJob] = useState<{\n uuid: string\n title: string\n } \| null>(null)\n\n const { mutateAsync: deleteEmployeeJob, isPending: isDeletingJob } =\n useJobsAndCompensationsDeleteMutation()\n\n const handleConfirmDeleteJob = async () => {\n if (!pendingDeleteJob) return\n const jobId = pendingDeleteJob.uuid\n await deleteEmployeeJob({ request: { jobId } })\n onEvent(componentEvents.EMPLOYEE_JOB_DELETED, { employeeId, jobId })\n setPendingDeleteJob(null)\n }\n\n const singleJob = jobs.length === 1 ? jobs[0]! : undefined\n const hasMultipleJobs = hasMultipleJobsFromHook\n // Block adding a secondary if the primary already has a future-dated\n // compensation that isn't Nonexempt — that comp will delete secondary jobs\n // at its effective date, matching the gws-flows guard on the new-job action.\n // Use local date (not UTC) so the comparison matches how effectiveDate strings\n // are handled throughout the dashboard (same as getPendingCompensationChanges).\n const localTodayISO = formatDateToStringDate(new Date()) ?? ''\n const primaryJob = jobs.find(j => j.primary)\n const hasFutureNonNonexemptComp =\n primaryJob?.compensations?.some(\n c =>\n c.effectiveDate !== undefined &&\n c.effectiveDate > localTodayISO &&\n c.flsaStatus !== FlsaStatus.NONEXEMPT,\n ) ?? false\n const canAddAnotherJob =\n jobs.length >= 1 && primaryFlsaStatus === FlsaStatus.NONEXEMPT && !hasFutureNonNonexemptComp\n const singleJobNumericRate = singleJob ? parseJobRate(singleJob.rate) : null\n const singleJobCurrentComp = singleJob?.compensations?.find(\n c => c.uuid === singleJob.currentCompensationUuid,\n )\n const singleJobEffectiveDateRow = singleJobCurrentComp?.effectiveDate ? (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('jobAndPay.compensation.effectiveDate')}\n </Components.Text>\n <Components.Text>\n {formatDateLongWithYear(singleJobCurrentComp.effectiveDate)}\n </Components.Text>\n </Flex>\n ) : null\n\n const [isReviewOpen, setIsReviewOpen] = useState(false)\n const renderDetail = usePendingChangeDetailRenderer(employeeFirstName)\n\n const hasPendingChanges = pendingChanges.length > 0\n const showSummaryAlert = hasMultipleJobs && pendingChanges.length > 1\n const showInlineAlert = hasPendingChanges && !showSummaryAlert\n const nextChange = pendingChanges[0]\n\n const paymentMethodList = usePaymentMethodList({ employeeId })\n const paymentMethod = paymentMethodList.isLoading\n ? undefined\n : paymentMethodList.data.paymentMethod\n const bankAccounts = paymentMethodList.isLoading ? [] : paymentMethodList.data.bankAccounts\n const deletePendingBankAccountUuid = paymentMethodList.isLoading\n ? undefined\n : paymentMethodList.status.deletePendingBankAccountUuid\n\n const { pendingDeleteAccount, setPendingDeleteAccount, handleConfirmDelete } =\n useDeleteBankAccount(async uuid => {\n if (paymentMethodList.isLoading) return\n const result = await paymentMethodList.actions.onDelete(uuid)\n if (result) {\n onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_DELETED, result.data)\n }\n })\n\n const deductionsList = useDeductionsList({ employeeId })\n const deductions = deductionsList.isLoading ? [] : deductionsList.data.deductions\n const deletingGarnishmentUuid = deductionsList.isLoading\n ? undefined\n : deductionsList.status.deletingGarnishmentUuid\n\n const {\n pendingDeleteDeduction,\n setPendingDeleteDeduction,\n handleConfirmDelete: handleConfirmDeleteDeduction,\n } = useDeleteDeduction(async garnishment => {\n if (deductionsList.isLoading) return\n const result = await deductionsList.actions.onDelete(garnishment)\n if (result) {\n onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED, result.data.garnishment)\n }\n })\n\n // All three hooks own their own error state; merge into one error\n // surface so the BaseLayout below shows whatever failed (read errors\n // from the queries, submit errors from delete/cancel actions).\n const errorHandling = composeErrorHandler([compensation, paymentMethodList, deductionsList])\n\n const jobsColumns = [\n {\n key: 'jobTitle',\n title: t('jobAndPay.compensation.columns.jobTitle'),\n render: (job: Job) => {\n const numericRate = parseJobRate(job.rate)\n return (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text>{job.title \|\| '-'}</Components.Text>\n {numericRate !== null && job.paymentUnit ? (\n <Components.Text variant=\"supporting\">\n {formatCompensationRate(numericRate, job.paymentUnit)}\n </Components.Text>\n ) : null}\n </Flex>\n )\n },\n },\n {\n key: 'payType',\n title: t('jobAndPay.compensation.columns.payType'),\n render: (job: Job) => {\n const flsaStatus = job.compensations?.find(\n comp => comp.uuid === job.currentCompensationUuid,\n )?.flsaStatus\n return flsaStatus !== undefined ? tCompensation(`flsaStatusLabels.${flsaStatus}`) : '-'\n },\n },\n {\n key: 'effectiveDate',\n title: t('jobAndPay.compensation.columns.effectiveDate'),\n render: (job: Job) => {\n const currentComp = job.compensations?.find(c => c.uuid === job.currentCompensationUuid)\n return currentComp?.effectiveDate ? formatDateLongWithYear(currentComp.effectiveDate) : '-'\n },\n },\n ]\n\n const jobsDataView = useDataView({\n data: jobs,\n columns: jobsColumns,\n itemMenu: (job: Job) => (\n <HamburgerMenu\n triggerLabel={t('jobAndPay.compensation.hamburgerTitle')}\n isLoading={isDeletingJob}\n items={[\n {\n label: t('jobAndPay.compensation.editJobCta'),\n icon: <PencilSvg aria-hidden />,\n onClick: () => {\n onEditCompensation?.(job)\n },\n },\n ...(!job.primary\n ? [\n {\n label: t('jobAndPay.compensation.deleteJobCta'),\n icon: <TrashCanSvg aria-hidden />,\n onClick: () => {\n setPendingDeleteJob({ uuid: job.uuid, title: job.title ?? '' })\n },\n },\n ]\n : []),\n ]}\n />\n ),\n })\n\n const bankAccountsColumns = [\n {\n key: 'nickname',\n title: t('jobAndPay.payment.nickname'),\n render: (bankAccount: EmployeeBankAccount) => bankAccount.name \|\| '-',\n },\n {\n key: 'routingNumber',\n title: t('jobAndPay.payment.routingNumber'),\n render: (bankAccount: EmployeeBankAccount) => bankAccount.routingNumber \|\| '-',\n },\n {\n key: 'accountType',\n title: t('jobAndPay.payment.accountType'),\n render: (bankAccount: EmployeeBankAccount) => bankAccount.accountType \|\| '-',\n },\n ]\n\n const garnishmentsColumns = [\n {\n key: 'description',\n title: t('jobAndPay.deductions.deduction'),\n render: (garnishment: Garnishment) => garnishment.description \|\| '-',\n },\n {\n key: 'frequency',\n title: t('jobAndPay.deductions.frequency'),\n render: (garnishment: Garnishment) =>\n garnishment.recurring\n ? t('jobAndPay.deductions.recurring')\n : t('jobAndPay.deductions.oneTime'),\n },\n {\n key: 'amount',\n title: t('jobAndPay.deductions.withhold'),\n render: (garnishment: Garnishment) =>\n formatDeductionAmount(garnishment, {\n formatCurrency,\n formatPercent,\n formatPerPaycheck: (value: string) =>\n t('jobAndPay.deductions.amountPerPaycheck', { value }),\n }),\n },\n ]\n\n const payStubsColumns = [\n {\n key: 'payday',\n title: t('jobAndPay.paystubs.payday'),\n render: (payStub: EmployeePayStub) => formatDateLongWithYear(payStub.checkDate) \|\| '-',\n },\n {\n key: 'checkAmount',\n title: t('jobAndPay.paystubs.checkAmount'),\n render: (payStub: EmployeePayStub) => {\n if (!payStub.netPay) return '-'\n const amount = parseFloat(payStub.netPay)\n return isNaN(amount) ? '-' : formatCurrency(amount)\n },\n },\n {\n key: 'grossPay',\n title: t('jobAndPay.paystubs.grossPay'),\n render: (payStub: EmployeePayStub) => {\n if (!payStub.grossPay) return '-'\n const amount = parseFloat(payStub.grossPay)\n return isNaN(amount) ? '-' : formatCurrency(amount)\n },\n },\n {\n key: 'paymentMethod',\n title: t('jobAndPay.paystubs.paymentMethod'),\n render: () => paymentMethod?.type \|\| t('jobAndPay.paystubs.noPaymentMethod'),\n },\n ]\n\n const bankAccountsDataView = useDataView({\n data: bankAccounts,\n columns: bankAccountsColumns,\n itemMenu: (bankAccount: EmployeeBankAccount) => (\n <HamburgerMenu\n items={[\n {\n label: tPayment('deleteBankAccountCta'),\n onClick: () => {\n setPendingDeleteAccount({\n uuid: bankAccount.uuid,\n hiddenAccountNumber: bankAccount.hiddenAccountNumber,\n })\n },\n icon: <TrashCanSvg aria-hidden />,\n },\n ]}\n triggerLabel={tPayment('hamburgerTitle')}\n />\n ),\n })\n\n const garnishmentsDataView = useDataView({\n data: deductions,\n columns: garnishmentsColumns,\n itemMenu: (garnishment: Garnishment) => (\n <HamburgerMenu\n isLoading={deletingGarnishmentUuid === garnishment.uuid}\n items={[\n {\n label: tDeductions('editCta'),\n onClick: () => onEditDeduction?.(garnishment),\n icon: <PencilSvg aria-hidden />,\n },\n {\n label: tDeductions('deleteCta'),\n onClick: () => {\n setPendingDeleteDeduction(garnishment)\n },\n icon: <TrashCanSvg aria-hidden />,\n },\n ]}\n triggerLabel={tDeductions('hamburgerTitle')}\n />\n ),\n emptyState: () => (\n <EmptyData\n title={t('jobAndPay.deductions.emptyState.title')}\n description={t('jobAndPay.deductions.emptyState.description')}\n />\n ),\n })\n\n const payStubsDataView = useDataView({\n data: payStubs,\n columns: payStubsColumns,\n pagination: payStubsPagination,\n itemMenu: payStub => {\n const isDownloading =\n !!payStub.payrollUuid && downloadingPayrollUuids.has(payStub.payrollUuid)\n return (\n <Components.ButtonIcon\n variant=\"tertiary\"\n aria-label={t('jobAndPay.paystubs.downloadCta')}\n isDisabled={!payStub.payrollUuid}\n isLoading={isDownloading}\n onClick={() => {\n if (payStub.payrollUuid) {\n void handlePaystubDownload(payStub.payrollUuid)\n }\n }}\n >\n <DownloadCloudIcon aria-hidden />\n </Components.ButtonIcon>\n )\n },\n emptyState: () => (\n <EmptyData\n title={t('jobAndPay.paystubs.emptyState.title')}\n description={t('jobAndPay.paystubs.emptyState.description')}\n />\n ),\n })\n\n // `usePaymentMethodList` and `useDeductionsList` still use the older\n // `HookLoadingResult \| Ready` shape, which returns `isLoading: true`\n // when the query has errored AND data is missing. Treat those rows\n // as \"not loading\" so the section doesn't show a perpetual skeleton\n // while BaseLayout already renders the error alert above.\n const isPaymentMethodLoading =\n paymentMethodList.isLoading && paymentMethodList.errorHandling.errors.length === 0\n const isDeductionsLoading =\n deductionsList.isLoading && deductionsList.errorHandling.errors.length === 0\n const isDirectDeposit = paymentMethod?.type === PAYMENT_METHODS.directDeposit\n\n return (\n <BaseLayout error={errorHandling.errors}>\n <Flex flexDirection=\"column\" gap={24}>\n <Components.Box\n withPadding={!hasMultipleJobs}\n header={\n <Components.BoxHeader\n title={t('jobAndPay.compensation.title')}\n action={\n // While the compensation card is loading we don't yet\n // know if the employee has jobs — suppress the action\n // so we don't surface an \"Add job\" CTA against an\n // employee who already has one.\n isCompensationCardLoading ? null : hasMultipleJobs ? null : singleJob ? (\n <Components.Button\n variant=\"secondary\"\n onClick={() => {\n onEditCompensation?.(singleJob)\n }}\n >\n {t('jobAndPay.compensation.editCta')}\n </Components.Button>\n ) : (\n <Components.Button\n variant=\"secondary\"\n onClick={onAddJob}\n icon={<PlusCircleIcon />}\n >\n {t('jobAndPay.compensation.addJobCta')}\n </Components.Button>\n )\n }\n />\n }\n footer={\n !isCompensationCardLoading && canAddAnotherJob ? (\n <Components.Button\n variant=\"secondary\"\n onClick={onAddAnotherJob}\n icon={<PlusCircleIcon />}\n >\n {t('jobAndPay.compensation.addAnotherJobCta')}\n </Components.Button>\n ) : undefined\n }\n >\n {isCompensationCardLoading ? (\n <Loading />\n ) : (\n <Flex flexDirection=\"column\" gap={16}>\n {hasPendingChanges && (\n <div className={hasMultipleJobs ? styles.alertWrapper : undefined}>\n <Flex flexDirection=\"column\" gap={16}>\n {showInlineAlert && nextChange && (\n <Components.Alert\n status=\"warning\"\n disableScrollIntoView\n label={\n hasMultipleJobs\n ? t('jobAndPay.compensation.pendingChange.alertLabelWithJob', {\n jobTitle: nextChange.jobTitle,\n date: formatDateLongWithYear(nextChange.effectiveDate),\n })\n : t('jobAndPay.compensation.pendingChange.alertLabel', {\n date: formatDateLongWithYear(nextChange.effectiveDate),\n })\n }\n >\n <Flex flexDirection=\"column\" gap={12}>\n <Components.UnorderedList\n items={nextChange.details.map(detail => renderDetail(detail))}\n />\n <div>\n <Components.Button\n variant=\"secondary\"\n isLoading={cancellingCompensationUuid === nextChange.compensationUuid}\n onClick={() => {\n void handleCancelChange(nextChange)\n }}\n >\n {t('jobAndPay.compensation.pendingChange.cancelCta')}\n </Components.Button>\n </div>\n </Flex>\n </Components.Alert>\n )}\n {showSummaryAlert && (\n <Components.Alert\n status=\"warning\"\n disableScrollIntoView\n label={t('jobAndPay.compensation.pendingChange.summaryLabel', {\n name: employeeFirstName ?? '',\n })}\n action={\n <Components.Button\n variant=\"secondary\"\n onClick={() => {\n setIsReviewOpen(true)\n }}\n >\n {t('jobAndPay.compensation.pendingChange.reviewCta')}\n </Components.Button>\n }\n />\n )}\n </Flex>\n </div>\n )}\n {hasMultipleJobs ? (\n <DataView\n label={t('jobAndPay.compensation.tableLabel')}\n isWithinBox\n {...jobsDataView}\n />\n ) : singleJob ? (\n <Flex flexDirection=\"column\" gap={12}>\n {singleJob.title && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('jobAndPay.compensation.jobTitle')}\n </Components.Text>\n <Components.Text>{singleJob.title}</Components.Text>\n </Flex>\n )}\n\n {singleJob.paymentUnit && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('jobAndPay.compensation.type')}\n </Components.Text>\n <Components.Text>\n {singleJob.paymentUnit === 'Hour'\n ? t('jobAndPay.compensation.types.hourly')\n : singleJob.paymentUnit === 'Salary' \|\| singleJob.paymentUnit === 'Year'\n ? t('jobAndPay.compensation.types.salary')\n : singleJob.paymentUnit}\n </Components.Text>\n </Flex>\n )}\n\n {singleJobNumericRate !== null && singleJob.paymentUnit && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('jobAndPay.compensation.wage')}\n </Components.Text>\n <Components.Text>\n {formatCompensationRate(singleJobNumericRate, singleJob.paymentUnit)}\n </Components.Text>\n </Flex>\n )}\n\n {singleJobEffectiveDateRow}\n </Flex>\n ) : (\n <EmptyData\n title={t('jobAndPay.compensation.emptyState.title')}\n description={t('jobAndPay.compensation.emptyState.description')}\n />\n )}\n </Flex>\n )}\n </Components.Box>\n\n <Components.Box\n withPadding={bankAccounts.length === 0}\n header={\n <Components.BoxHeader\n title={t('jobAndPay.payment.title')}\n action={\n <Flex gap={8} alignItems=\"center\" justifyContent=\"flex-end\">\n {isDirectDeposit && bankAccounts.length > 1 && (\n <Components.Button\n variant=\"secondary\"\n onClick={() => {\n onEvent(componentEvents.EMPLOYEE_SPLIT_PAYCHECK, { employeeId })\n }}\n icon={<PercentCircleIcon />}\n >\n {t('jobAndPay.payment.splitPaycheckCta')}\n </Components.Button>\n )}\n <Components.Button\n variant=\"secondary\"\n onClick={() => {\n onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATE, { employeeId })\n }}\n icon={<PlusCircleIcon />}\n >\n {t('jobAndPay.payment.addBankAccountCta')}\n </Components.Button>\n </Flex>\n }\n />\n }\n >\n {isPaymentMethodLoading ? (\n <Loading />\n ) : bankAccounts.length === 0 ? (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {tPayment('paymentMethodLabel')}\n </Components.Text>\n <Components.Text>\n {isDirectDeposit ? tPayment('directDepositLabel') : tPayment('checkLabel')}\n </Components.Text>\n </Flex>\n ) : (\n <DataView\n label={t('jobAndPay.payment.listLabel')}\n isWithinBox\n {...bankAccountsDataView}\n />\n )}\n </Components.Box>\n\n <Components.Box\n withPadding={false}\n header={\n <Components.BoxHeader\n title={t('jobAndPay.deductions.title')}\n action={\n <Components.Button\n variant=\"secondary\"\n onClick={onAddDeduction}\n icon={<PlusCircleIcon />}\n >\n {t('jobAndPay.deductions.addDeductionCta')}\n </Components.Button>\n }\n />\n }\n >\n {isDeductionsLoading ? (\n <Loading />\n ) : (\n <DataView\n label={t('jobAndPay.deductions.listLabel')}\n isWithinBox\n {...garnishmentsDataView}\n />\n )}\n </Components.Box>\n\n <Components.Box\n withPadding={false}\n header={<Components.BoxHeader title={t('jobAndPay.paystubs.title')} />}\n >\n {isPayStubsLoading ? (\n <Loading />\n ) : (\n <DataView label={t('jobAndPay.paystubs.listLabel')} isWithinBox {...payStubsDataView} />\n )}\n </Components.Box>\n\n <PendingChangesReviewModal\n isOpen={isReviewOpen}\n pendingChanges={pendingChanges}\n employeeFirstName={employeeFirstName}\n cancellingCompensationUuid={cancellingCompensationUuid}\n onClose={() => {\n setIsReviewOpen(false)\n }}\n onCancelChange={change => {\n void handleCancelChange(change)\n }}\n />\n\n <DeleteBankAccountDialog\n pendingDeleteAccount={pendingDeleteAccount}\n isPrimaryActionLoading={deletePendingBankAccountUuid === pendingDeleteAccount?.uuid}\n onClose={() => {\n setPendingDeleteAccount(null)\n }}\n onConfirm={() => {\n void handleConfirmDelete()\n }}\n />\n\n <DeleteDeductionDialog\n pendingDeleteDeduction={pendingDeleteDeduction}\n isPrimaryActionLoading={deletingGarnishmentUuid === pendingDeleteDeduction?.uuid}\n onClose={() => {\n setPendingDeleteDeduction(null)\n }}\n onConfirm={() => {\n void handleConfirmDeleteDeduction()\n }}\n />\n\n <Components.Dialog\n isOpen={pendingDeleteJob !== null}\n onClose={() => {\n setPendingDeleteJob(null)\n }}\n onPrimaryActionClick={() => {\n void handleConfirmDeleteJob()\n }}\n isPrimaryActionLoading={isDeletingJob}\n isDestructive\n title={t('jobAndPay.compensation.deleteJobDialog.title')}\n primaryActionLabel={t('jobAndPay.compensation.deleteJobDialog.confirmCta')}\n closeActionLabel={t('jobAndPay.compensation.deleteJobDialog.cancelCta')}\n >\n {pendingDeleteJob\n ? t('jobAndPay.compensation.deleteJobDialog.description', {\n jobTitle: pendingDeleteJob.title,\n })\n : null}\n </Components.Dialog>\n </Flex>\n </BaseLayout>\n )\n}\n"],"names":["parseJobRate","rate","numericRate","JobAndPayView","employeeId","onEvent","onEditCompensation","onAddJob","onAddAnotherJob","onAddDeduction","onEditDeduction","useI18n","t","useTranslation","tPayment","tCompensation","tDeductions","Components","useComponentContext","formatCompensationRate","useFormatCompensationRate","formatCurrency","useNumberFormatter","formatPercent","gustoEmbedded","useGustoEmbeddedContext","showBoundary","useErrorBoundary","compensation","useEmployeeCompensation","jobs","primaryFlsaStatus","pendingChanges","hasMultipleJobsFromHook","payStubs","employeeFirstName","payStubsPagination","cancellingCompensationUuid","cancelPendingChange","isCompensationCardLoading","isPayStubsLoading","handleCancelChange","useCallback","pendingChange","componentEvents","downloadingPayrollUuids","setDownloadingPayrollUuids","useState","handlePaystubDownload","payrollUuid","newWindow","loadingMessage","doc","style","spinner","label","prev","next","response","payrollsGetPayStub","pdfBlob","readableStreamToBlob","url","err","pendingDeleteJob","setPendingDeleteJob","deleteEmployeeJob","isDeletingJob","useJobsAndCompensationsDeleteMutation","handleConfirmDeleteJob","jobId","singleJob","hasMultipleJobs","localTodayISO","formatDateToStringDate","hasFutureNonNonexemptComp","j","c","FlsaStatus","canAddAnotherJob","singleJobNumericRate","singleJobCurrentComp","singleJobEffectiveDateRow","jsxs","Flex","jsx","formatDateLongWithYear","isReviewOpen","setIsReviewOpen","renderDetail","usePendingChangeDetailRenderer","hasPendingChanges","showSummaryAlert","showInlineAlert","nextChange","paymentMethodList","usePaymentMethodList","paymentMethod","bankAccounts","deletePendingBankAccountUuid","pendingDeleteAccount","setPendingDeleteAccount","handleConfirmDelete","useDeleteBankAccount","uuid","result","deductionsList","useDeductionsList","deductions","deletingGarnishmentUuid","pendingDeleteDeduction","setPendingDeleteDeduction","handleConfirmDeleteDeduction","useDeleteDeduction","garnishment","errorHandling","composeErrorHandler","jobsColumns","job","flsaStatus","comp","currentComp","jobsDataView","useDataView","HamburgerMenu","PencilSvg","TrashCanSvg","bankAccountsColumns","bankAccount","garnishmentsColumns","formatDeductionAmount","value","payStubsColumns","payStub","amount","bankAccountsDataView","garnishmentsDataView","EmptyData","payStubsDataView","isDownloading","DownloadCloudIcon","isPaymentMethodLoading","isDeductionsLoading","isDirectDeposit","PAYMENT_METHODS","BaseLayout","PlusCircleIcon","Loading","styles","detail","DataView","PercentCircleIcon","PendingChangesReviewModal","change","DeleteBankAccountDialog","DeleteDeductionDialog"],"mappings":"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"}

package/dist/components/Employee/Dashboard/JobAndPayView.module.scss.js ADDED Viewed

@@ -0,0 +1,8 @@
+const r = "_alertWrapper_1uhr1_1", e = {
+  alertWrapper: r
+};
+export {
+  r as alertWrapper,
+  e as default
+};
+//# sourceMappingURL=JobAndPayView.module.scss.js.map

package/dist/components/Employee/Dashboard/JobAndPayView.module.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"JobAndPayView.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Employee/Dashboard/PendingChangesReviewModal.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { PendingCompensationChange } from './getPendingCompensationChanges';
+export interface PendingChangesReviewModalProps {
+    isOpen: boolean;
+    pendingChanges: PendingCompensationChange[];
+    employeeFirstName: string | null | undefined;
+    cancellingCompensationUuid: string | null;
+    onClose: () => void;
+    onCancelChange: (pendingChange: PendingCompensationChange) => void;
+}
+export declare function PendingChangesReviewModal({ isOpen, pendingChanges, employeeFirstName, cancellingCompensationUuid, onClose, onCancelChange, }: PendingChangesReviewModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/Dashboard/PendingChangesReviewModal.js ADDED Viewed

@@ -0,0 +1,64 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { usePendingChangeDetailRenderer as f } from "./usePendingChangeDetailRenderer.js";
+import { useComponentContext as g } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as i } from "../../Common/Flex/Flex.js";
+import { formatDateLongWithYear as x } from "../../../helpers/dateFormatting.js";
+function P({
+  isOpen: d,
+  pendingChanges: l,
+  employeeFirstName: c,
+  cancellingCompensationUuid: m,
+  onClose: a,
+  onCancelChange: s
+}) {
+  const { t } = u("Employee.Dashboard"), n = g(), p = f(c);
+  return /* @__PURE__ */ e(
+    n.Modal,
+    {
+      isOpen: d,
+      onClose: a,
+      shouldCloseOnBackdropClick: !0,
+      footer: /* @__PURE__ */ e(i, { justifyContent: "flex-end", gap: 8, children: /* @__PURE__ */ e(n.Button, { variant: "secondary", onClick: a, children: t("jobAndPay.compensation.pendingChange.modal.closeCta") }) }),
+      children: /* @__PURE__ */ r(i, { flexDirection: "column", gap: 32, children: [
+        /* @__PURE__ */ r(i, { flexDirection: "column", gap: 4, children: [
+          /* @__PURE__ */ e(n.Heading, { as: "h3", styledAs: "h4", children: t("jobAndPay.compensation.pendingChange.modal.title") }),
+          /* @__PURE__ */ e(n.Text, { variant: "supporting", children: t("jobAndPay.compensation.pendingChange.modal.description") })
+        ] }),
+        /* @__PURE__ */ e(i, { flexDirection: "column", gap: 16, children: l.map((o) => /* @__PURE__ */ e(
+          n.Box,
+          {
+            footer: /* @__PURE__ */ e(
+              n.Button,
+              {
+                variant: "secondary",
+                isLoading: m === o.compensationUuid,
+                onClick: () => {
+                  s(o);
+                },
+                children: t("jobAndPay.compensation.pendingChange.cancelCta")
+              }
+            ),
+            children: /* @__PURE__ */ r(i, { flexDirection: "column", gap: 16, children: [
+              /* @__PURE__ */ r(i, { flexDirection: "column", gap: 0, children: [
+                o.jobTitle && /* @__PURE__ */ e(n.Text, { weight: "medium", children: o.jobTitle }),
+                /* @__PURE__ */ e(n.Text, { variant: "supporting", size: "sm", children: x(o.effectiveDate) })
+              ] }),
+              /* @__PURE__ */ e(
+                n.UnorderedList,
+                {
+                  items: o.details.map((h) => p(h))
+                }
+              )
+            ] })
+          },
+          o.compensationUuid
+        )) })
+      ] })
+    }
+  );
+}
+export {
+  P as PendingChangesReviewModal
+};
+//# sourceMappingURL=PendingChangesReviewModal.js.map

package/dist/components/Employee/Dashboard/PendingChangesReviewModal.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PendingChangesReviewModal.js","sources":["../../../../src/components/Employee/Dashboard/PendingChangesReviewModal.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PendingCompensationChange } from './getPendingCompensationChanges'\nimport { usePendingChangeDetailRenderer } from './usePendingChangeDetailRenderer'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\n\nexport interface PendingChangesReviewModalProps {\n isOpen: boolean\n pendingChanges: PendingCompensationChange[]\n employeeFirstName: string | null | undefined\n cancellingCompensationUuid: string | null\n onClose: () => void\n onCancelChange: (pendingChange: PendingCompensationChange) => void\n}\n\nexport function PendingChangesReviewModal({\n isOpen,\n pendingChanges,\n employeeFirstName,\n cancellingCompensationUuid,\n onClose,\n onCancelChange,\n}: PendingChangesReviewModalProps) {\n const { t } = useTranslation('Employee.Dashboard')\n const Components = useComponentContext()\n const renderDetail = usePendingChangeDetailRenderer(employeeFirstName)\n\n return (\n <Components.Modal\n isOpen={isOpen}\n onClose={onClose}\n shouldCloseOnBackdropClick\n footer={\n <Flex justifyContent=\"flex-end\" gap={8}>\n <Components.Button variant=\"secondary\" onClick={onClose}>\n {t('jobAndPay.compensation.pendingChange.modal.closeCta')}\n </Components.Button>\n </Flex>\n }\n >\n <Flex flexDirection=\"column\" gap={32}>\n <Flex flexDirection=\"column\" gap={4}>\n <Components.Heading as=\"h3\" styledAs=\"h4\">\n {t('jobAndPay.compensation.pendingChange.modal.title')}\n </Components.Heading>\n <Components.Text variant=\"supporting\">\n {t('jobAndPay.compensation.pendingChange.modal.description')}\n </Components.Text>\n </Flex>\n <Flex flexDirection=\"column\" gap={16}>\n {pendingChanges.map(change => (\n <Components.Box\n key={change.compensationUuid}\n footer={\n <Components.Button\n variant=\"secondary\"\n isLoading={cancellingCompensationUuid === change.compensationUuid}\n onClick={() => {\n onCancelChange(change)\n }}\n >\n {t('jobAndPay.compensation.pendingChange.cancelCta')}\n </Components.Button>\n }\n >\n <Flex flexDirection=\"column\" gap={16}>\n <Flex flexDirection=\"column\" gap={0}>\n {change.jobTitle && (\n <Components.Text weight=\"medium\">{change.jobTitle}</Components.Text>\n )}\n <Components.Text variant=\"supporting\" size=\"sm\">\n {formatDateLongWithYear(change.effectiveDate)}\n </Components.Text>\n </Flex>\n <Components.UnorderedList\n items={change.details.map(detail => renderDetail(detail))}\n />\n </Flex>\n </Components.Box>\n ))}\n </Flex>\n </Flex>\n </Components.Modal>\n )\n}\n"],"names":["PendingChangesReviewModal","isOpen","pendingChanges","employeeFirstName","cancellingCompensationUuid","onClose","onCancelChange","useTranslation","Components","useComponentContext","renderDetail","usePendingChangeDetailRenderer","jsx","Flex","jsxs","change","formatDateLongWithYear","detail"],"mappings":";;;;;;AAgBO,SAASA,EAA0B;AAAA,EACxC,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AACF,GAAmC;AACjC,QAAM,EAAE,EAAA,IAAMC,EAAe,oBAAoB,GAC3CC,IAAaC,EAAA,GACbC,IAAeC,EAA+BR,CAAiB;AAErE,SACE,gBAAAS;AAAA,IAACJ,EAAW;AAAA,IAAX;AAAA,MACC,QAAAP;AAAA,MACA,SAAAI;AAAA,MACA,4BAA0B;AAAA,MAC1B,QACE,gBAAAO,EAACC,GAAA,EAAK,gBAAe,YAAW,KAAK,GACnC,UAAA,gBAAAD,EAACJ,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAA,EAAE,qDAAqD,GAC1D,GACF;AAAA,MAGF,UAAA,gBAAAS,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAC,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAD,EAACJ,EAAW,SAAX,EAAmB,IAAG,MAAK,UAAS,MAClC,UAAA,EAAE,kDAAkD,EAAA,CACvD;AAAA,UACA,gBAAAI,EAACJ,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAA,EAAE,wDAAwD,EAAA,CAC7D;AAAA,QAAA,GACF;AAAA,QACA,gBAAAI,EAACC,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAX,EAAe,IAAI,CAAAa,MAClB,gBAAAH;AAAA,UAACJ,EAAW;AAAA,UAAX;AAAA,YAEC,QACE,gBAAAI;AAAA,cAACJ,EAAW;AAAA,cAAX;AAAA,gBACC,SAAQ;AAAA,gBACR,WAAWJ,MAA+BW,EAAO;AAAA,gBACjD,SAAS,MAAM;AACb,kBAAAT,EAAeS,CAAM;AAAA,gBACvB;AAAA,gBAEC,YAAE,gDAAgD;AAAA,cAAA;AAAA,YAAA;AAAA,YAIvD,UAAA,gBAAAD,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,cAAA,gBAAAC,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAC/B,UAAA;AAAA,gBAAAE,EAAO,8BACLP,EAAW,MAAX,EAAgB,QAAO,UAAU,YAAO,SAAA,CAAS;AAAA,gBAEpD,gBAAAI,EAACJ,EAAW,MAAX,EAAgB,SAAQ,cAAa,MAAK,MACxC,UAAAQ,EAAuBD,EAAO,aAAa,EAAA,CAC9C;AAAA,cAAA,GACF;AAAA,cACA,gBAAAH;AAAA,gBAACJ,EAAW;AAAA,gBAAX;AAAA,kBACC,OAAOO,EAAO,QAAQ,IAAI,CAAAE,MAAUP,EAAaO,CAAM,CAAC;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC1D,EAAA,CACF;AAAA,UAAA;AAAA,UAzBKF,EAAO;AAAA,QAAA,CA2Bf,EAAA,CACH;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/Dashboard/TaxesView.d.ts CHANGED Viewed

@@ -5,9 +5,27 @@ type EmployeeStateTax = NonNullable<GetV1EmployeesEmployeeIdStateTaxesResponse['
 export interface TaxesViewProps {
     federalTaxes?: EmployeeFederalTax;
     stateTaxes?: EmployeeStateTax[];
+    /** Loads both cards. Override per-card via `isFederalTaxesLoading` /
+     *  `isStateTaxesLoading` when the queries resolve independently. */
     isLoading?: boolean;
+    isFederalTaxesLoading?: boolean;
+    isStateTaxesLoading?: boolean;
     onEditFederalTaxes?: () => void;
     onEditStateTaxes?: () => void;
 }
-export declare function TaxesView({ federalTaxes, stateTaxes, isLoading, onEditFederalTaxes, onEditStateTaxes, }: TaxesViewProps): import("react/jsx-runtime").JSX.Element;
+export interface TaxesViewWithDataProps {
+    employeeId: string;
+    /** Receives the federal-tax record so the parent can preserve the
+     *  existing event payload (`{ employeeId, federalTaxes }`). */
+    onEditFederalTaxes?: (federalTaxes: EmployeeFederalTax | undefined) => void;
+    onEditStateTaxes?: () => void;
+}
+/**
+ * Tab-mounted container for the Taxes tab. Owns the `useEmployeeTaxes`
+ * fetch so federal/state tax requests only fire when the tab is mounted.
+ * Federal and state queries run independently — each card paints its
+ * own skeleton + content as data arrives.
+ */
+export declare function TaxesViewWithData({ employeeId, onEditFederalTaxes, onEditStateTaxes, }: TaxesViewWithDataProps): import("react/jsx-runtime").JSX.Element;
+export declare function TaxesView({ federalTaxes, stateTaxes, isLoading, isFederalTaxesLoading, isStateTaxesLoading, onEditFederalTaxes, onEditStateTaxes, }: TaxesViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Employee/Dashboard/TaxesView.js CHANGED Viewed

@@ -1,99 +1,135 @@
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { useTranslation as f } from "react-i18next";
+import { useTranslation as F } from "react-i18next";
 import { Flex as o } from "../../Common/Flex/Flex.js";
-import { useComponentContext as y } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as b } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "classnames";
 import "../../../shared/constants.js";
-import { Loading as D } from "../../Common/Loading/Loading.js";
-import F from "../../../hooks/useNumberFormatter.js";
-function J({
-  federalTaxes: e,
-  stateTaxes: a,
-  isLoading: h = !1,
-  onEditFederalTaxes: s,
-  onEditStateTaxes: g
+import { Loading as g } from "../../Common/Loading/Loading.js";
+import { BaseLayout as v } from "../../Base/Base.js";
+import C from "../../../hooks/useNumberFormatter.js";
+import { useEmployeeTaxes as S } from "./hooks/useEmployeeTaxes.js";
+function N({
+  employeeId: n,
+  onEditFederalTaxes: d,
+  onEditStateTaxes: m
 }) {
-  const { t: i } = f("Employee.Dashboard"), n = y(), u = F("currency");
-  if (h)
-    return /* @__PURE__ */ t(D, {});
-  const x = (l, r) => {
+  const u = S({ employeeId: n }), s = u.data.employeeFederalTax;
+  return /* @__PURE__ */ t(v, { error: u.errorHandling.errors, children: /* @__PURE__ */ t(
+    B,
+    {
+      federalTaxes: s,
+      stateTaxes: u.data.employeeStateTaxesList,
+      isFederalTaxesLoading: u.status.isFederalTaxesLoading,
+      isStateTaxesLoading: u.status.isStateTaxesLoading,
+      onEditFederalTaxes: () => d?.(s),
+      onEditStateTaxes: m
+    }
+  ) });
+}
+function B({
+  federalTaxes: n,
+  stateTaxes: d,
+  isLoading: m = !1,
+  isFederalTaxesLoading: u = m,
+  isStateTaxesLoading: s = m,
+  onEditFederalTaxes: f,
+  onEditStateTaxes: y
+}) {
+  const { t: i } = F("Employee.Dashboard"), e = b(), p = C("currency"), D = (l, r) => {
     if (l.inputQuestionFormat.type === "Select" && l.inputQuestionFormat.options && l.inputQuestionFormat.options.length > 0) {
-      const p = l.inputQuestionFormat.options.find((m) => m.value === r);
-      if (p?.label)
-        return p.label;
+      const a = l.inputQuestionFormat.options.find((h) => h.value === r);
+      if (a?.label)
+        return a.label;
     }
     if (typeof r == "number")
-      return l.inputQuestionFormat.type === "Currency" ? u(r) : r;
+      return l.inputQuestionFormat.type === "Currency" ? p(r) : r;
     if (typeof r == "string" && !isNaN(parseFloat(r))) {
-      const p = parseFloat(r);
-      return l.inputQuestionFormat.type === "Currency" ? u(p) : r;
+      const a = parseFloat(r);
+      return l.inputQuestionFormat.type === "Currency" ? p(a) : r;
     }
     return typeof r == "boolean" ? i(r ? "common.yes" : "common.no") : r;
   };
   return /* @__PURE__ */ c(o, { flexDirection: "column", gap: 24, children: [
     /* @__PURE__ */ t(
-      n.Box,
+      e.Box,
       {
         header: /* @__PURE__ */ t(
-          n.BoxHeader,
+          e.BoxHeader,
           {
             title: i("taxes.federal.title"),
-            action: /* @__PURE__ */ t(n.Button, { variant: "secondary", onClick: s, children: i("taxes.federal.editCta") })
+            action: /* @__PURE__ */ t(
+              e.Button,
+              {
+                variant: "secondary",
+                onClick: f,
+                isDisabled: u,
+                children: i("taxes.federal.editCta")
+              }
+            )
           }
         ),
-        children: /* @__PURE__ */ t(o, { flexDirection: "column", gap: 16, children: e && /* @__PURE__ */ c(o, { flexDirection: "column", gap: 12, children: [
-          e.filingStatus && /* @__PURE__ */ c(o, { flexDirection: "column", gap: 0, children: [
-            /* @__PURE__ */ t(n.Text, { variant: "supporting", children: i("taxes.federal.filingStatus") }),
-            /* @__PURE__ */ t(n.Text, { children: e.filingStatus })
+        children: /* @__PURE__ */ t(o, { flexDirection: "column", gap: 16, children: u ? /* @__PURE__ */ t(g, {}) : n ? /* @__PURE__ */ c(o, { flexDirection: "column", gap: 12, children: [
+          n.filingStatus && /* @__PURE__ */ c(o, { flexDirection: "column", gap: 0, children: [
+            /* @__PURE__ */ t(e.Text, { variant: "supporting", children: i("taxes.federal.filingStatus") }),
+            /* @__PURE__ */ t(e.Text, { children: n.filingStatus })
           ] }),
-          "twoJobs" in e && e.twoJobs !== null && /* @__PURE__ */ c(o, { flexDirection: "column", gap: 0, children: [
-            /* @__PURE__ */ t(n.Text, { variant: "supporting", children: i("taxes.federal.multipleJobs") }),
-            /* @__PURE__ */ t(n.Text, { children: e.twoJobs ? i("common.yes") : i("common.no") })
+          "twoJobs" in n && n.twoJobs !== null && /* @__PURE__ */ c(o, { flexDirection: "column", gap: 0, children: [
+            /* @__PURE__ */ t(e.Text, { variant: "supporting", children: i("taxes.federal.multipleJobs") }),
+            /* @__PURE__ */ t(e.Text, { children: n.twoJobs ? i("common.yes") : i("common.no") })
           ] }),
-          "dependentsAmount" in e && e.dependentsAmount && /* @__PURE__ */ c(o, { flexDirection: "column", gap: 0, children: [
-            /* @__PURE__ */ t(n.Text, { variant: "supporting", children: i("taxes.federal.dependentsAndOtherCredits") }),
-            /* @__PURE__ */ t(n.Text, { children: u(parseFloat(e.dependentsAmount)) })
+          "dependentsAmount" in n && n.dependentsAmount && /* @__PURE__ */ c(o, { flexDirection: "column", gap: 0, children: [
+            /* @__PURE__ */ t(e.Text, { variant: "supporting", children: i("taxes.federal.dependentsAndOtherCredits") }),
+            /* @__PURE__ */ t(e.Text, { children: p(parseFloat(n.dependentsAmount)) })
           ] }),
-          "otherIncome" in e && e.otherIncome && /* @__PURE__ */ c(o, { flexDirection: "column", gap: 0, children: [
-            /* @__PURE__ */ t(n.Text, { variant: "supporting", children: i("taxes.federal.otherIncome") }),
-            /* @__PURE__ */ t(n.Text, { children: u(parseFloat(e.otherIncome)) })
+          "otherIncome" in n && n.otherIncome && /* @__PURE__ */ c(o, { flexDirection: "column", gap: 0, children: [
+            /* @__PURE__ */ t(e.Text, { variant: "supporting", children: i("taxes.federal.otherIncome") }),
+            /* @__PURE__ */ t(e.Text, { children: p(parseFloat(n.otherIncome)) })
           ] }),
-          "deductions" in e && e.deductions && /* @__PURE__ */ c(o, { flexDirection: "column", gap: 0, children: [
-            /* @__PURE__ */ t(n.Text, { variant: "supporting", children: i("taxes.federal.deductions") }),
-            /* @__PURE__ */ t(n.Text, { children: u(parseFloat(e.deductions)) })
+          "deductions" in n && n.deductions && /* @__PURE__ */ c(o, { flexDirection: "column", gap: 0, children: [
+            /* @__PURE__ */ t(e.Text, { variant: "supporting", children: i("taxes.federal.deductions") }),
+            /* @__PURE__ */ t(e.Text, { children: p(parseFloat(n.deductions)) })
           ] }),
-          "extraWithholding" in e && e.extraWithholding && /* @__PURE__ */ c(o, { flexDirection: "column", gap: 0, children: [
-            /* @__PURE__ */ t(n.Text, { variant: "supporting", children: i("taxes.federal.extraWithholding") }),
-            /* @__PURE__ */ t(n.Text, { children: u(parseFloat(e.extraWithholding)) })
+          "extraWithholding" in n && n.extraWithholding && /* @__PURE__ */ c(o, { flexDirection: "column", gap: 0, children: [
+            /* @__PURE__ */ t(e.Text, { variant: "supporting", children: i("taxes.federal.extraWithholding") }),
+            /* @__PURE__ */ t(e.Text, { children: p(parseFloat(n.extraWithholding)) })
           ] })
-        ] }) })
+        ] }) : null })
       }
     ),
     /* @__PURE__ */ t(
-      n.Box,
+      e.Box,
       {
         header: /* @__PURE__ */ t(
-          n.BoxHeader,
+          e.BoxHeader,
           {
             title: i("taxes.state.title"),
-            action: /* @__PURE__ */ t(n.Button, { variant: "secondary", onClick: g, children: i("taxes.state.editCta") })
+            action: /* @__PURE__ */ t(
+              e.Button,
+              {
+                variant: "secondary",
+                onClick: y,
+                isDisabled: s,
+                children: i("taxes.state.editCta")
+              }
+            )
           }
         ),
-        children: /* @__PURE__ */ t(o, { flexDirection: "column", gap: 16, children: a && a.length > 0 ? /* @__PURE__ */ t(o, { flexDirection: "column", gap: 24, children: a.map((l, r) => /* @__PURE__ */ c(o, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ t(n.Heading, { as: "h4", children: l.state }),
-          l.questions && l.questions.length > 0 && /* @__PURE__ */ t(o, { flexDirection: "column", gap: 12, children: l.questions.map((p, m) => {
-            const d = p.answers[0]?.value;
-            return d == null ? null : /* @__PURE__ */ c(o, { flexDirection: "column", gap: 0, children: [
-              /* @__PURE__ */ t(n.Text, { variant: "supporting", children: p.label }),
-              /* @__PURE__ */ t(n.Text, { children: x(p, d) })
-            ] }, p.key || m);
+        children: /* @__PURE__ */ t(o, { flexDirection: "column", gap: 16, children: s ? /* @__PURE__ */ t(g, {}) : d && d.length > 0 ? /* @__PURE__ */ t(o, { flexDirection: "column", gap: 24, children: d.map((l, r) => /* @__PURE__ */ c(o, { flexDirection: "column", gap: 16, children: [
+          /* @__PURE__ */ t(e.Heading, { as: "h4", children: l.state }),
+          l.questions && l.questions.length > 0 && /* @__PURE__ */ t(o, { flexDirection: "column", gap: 12, children: l.questions.map((a, h) => {
+            const x = a.answers[0]?.value;
+            return x == null ? null : /* @__PURE__ */ c(o, { flexDirection: "column", gap: 0, children: [
+              /* @__PURE__ */ t(e.Text, { variant: "supporting", children: a.label }),
+              /* @__PURE__ */ t(e.Text, { children: D(a, x) })
+            ] }, a.key || h);
           }) })
-        ] }, l.state || r)) }) : /* @__PURE__ */ t(n.Text, { children: i("taxes.state.noStateTaxes") }) })
+        ] }, l.state || r)) }) : /* @__PURE__ */ t(e.Text, { children: i("taxes.state.noStateTaxes") }) })
       }
     )
   ] });
 }
 export {
-  J as TaxesView
+  B as TaxesView,
+  N as TaxesViewWithData
 };
 //# sourceMappingURL=TaxesView.js.map

package/dist/components/Employee/Dashboard/TaxesView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TaxesView.js","sources":["../../../../src/components/Employee/Dashboard/TaxesView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { GetV1EmployeesEmployeeIdFederalTaxesResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidfederaltaxes'\nimport type { GetV1EmployeesEmployeeIdStateTaxesResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidstatetaxes'\nimport type { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Loading } from '@/components/Common'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\ntype EmployeeFederalTax = NonNullable<\n GetV1EmployeesEmployeeIdFederalTaxesResponse['employeeFederalTax']\n>\ntype EmployeeStateTax = NonNullable<\n GetV1EmployeesEmployeeIdStateTaxesResponse['employeeStateTaxesList']\n>[number]\n\nexport interface TaxesViewProps {\n federalTaxes?: EmployeeFederalTax\n stateTaxes?: EmployeeStateTax[]\n isLoading?: boolean\n onEditFederalTaxes?: () => void\n onEditStateTaxes?: () => void\n}\n\nexport function TaxesView({\n federalTaxes,\n stateTaxes,\n isLoading = false,\n onEditFederalTaxes,\n onEditStateTaxes,\n}: TaxesViewProps) {\n const { t } = useTranslation('Employee.Dashboard')\n const Components = useComponentContext()\n const formatCurrency = useNumberFormatter('currency')\n\n if (isLoading) {\n return <Loading />\n }\n\n // Helper function to format state tax answer values\n const formatStateTaxAnswer = (\n question: EmployeeStateTaxQuestion,\n answer: string \| number \| boolean,\n ) => {\n // For Select type questions, look up the label from options\n if (\n question.inputQuestionFormat.type === 'Select' &&\n question.inputQuestionFormat.options &&\n question.inputQuestionFormat.options.length > 0\n ) {\n const option = question.inputQuestionFormat.options.find(opt => opt.value === answer)\n if (option?.label) {\n return option.label\n }\n }\n\n // For numeric values, only format as currency for Currency questions\n if (typeof answer === 'number') {\n if (question.inputQuestionFormat.type === 'Currency') {\n return formatCurrency(answer)\n }\n return answer\n }\n\n // For string currency values (like \"0.0\")\n if (typeof answer === 'string' && !isNaN(parseFloat(answer))) {\n const numValue = parseFloat(answer)\n // Check if this looks like a currency (has decimal point or question type is Currency)\n if (question.inputQuestionFormat.type === 'Currency') {\n return formatCurrency(numValue)\n }\n // For non-currency numeric strings, return as-is\n return answer\n }\n\n // For boolean values\n if (typeof answer === 'boolean') {\n return answer ? t('common.yes') : t('common.no')\n }\n\n // Default: return string value as-is\n return answer\n }\n\n return (\n <Flex flexDirection=\"column\" gap={24}>\n <Components.Box\n header={\n <Components.BoxHeader\n title={t('taxes.federal.title')}\n action={\n <Components.Button variant=\"secondary\" onClick={onEditFederalTaxes}>\n {t('taxes.federal.editCta')}\n </Components.Button>\n }\n />\n }\n >\n <Flex flexDirection=\"column\" gap={16}>\n {federalTaxes && (\n <Flex flexDirection=\"column\" gap={12}>\n {federalTaxes.filingStatus && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('taxes.federal.filingStatus')}\n </Components.Text>\n <Components.Text>{federalTaxes.filingStatus}</Components.Text>\n </Flex>\n )}\n\n {'twoJobs' in federalTaxes && federalTaxes.twoJobs !== null && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('taxes.federal.multipleJobs')}\n </Components.Text>\n <Components.Text>\n {federalTaxes.twoJobs ? t('common.yes') : t('common.no')}\n </Components.Text>\n </Flex>\n )}\n\n {'dependentsAmount' in federalTaxes && federalTaxes.dependentsAmount && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('taxes.federal.dependentsAndOtherCredits')}\n </Components.Text>\n <Components.Text>\n {formatCurrency(parseFloat(federalTaxes.dependentsAmount))}\n </Components.Text>\n </Flex>\n )}\n\n {'otherIncome' in federalTaxes && federalTaxes.otherIncome && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('taxes.federal.otherIncome')}\n </Components.Text>\n <Components.Text>\n {formatCurrency(parseFloat(federalTaxes.otherIncome))}\n </Components.Text>\n </Flex>\n )}\n\n {'deductions' in federalTaxes && federalTaxes.deductions && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('taxes.federal.deductions')}\n </Components.Text>\n <Components.Text>\n {formatCurrency(parseFloat(federalTaxes.deductions))}\n </Components.Text>\n </Flex>\n )}\n\n {'extraWithholding' in federalTaxes && federalTaxes.extraWithholding && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('taxes.federal.extraWithholding')}\n </Components.Text>\n <Components.Text>\n {formatCurrency(parseFloat(federalTaxes.extraWithholding))}\n </Components.Text>\n </Flex>\n )}\n </Flex>\n )}\n </Flex>\n </Components.Box>\n\n <Components.Box\n header={\n <Components.BoxHeader\n title={t('taxes.state.title')}\n action={\n <Components.Button variant=\"secondary\" onClick={onEditStateTaxes}>\n {t('taxes.state.editCta')}\n </Components.Button>\n }\n />\n }\n >\n <Flex flexDirection=\"column\" gap={16}>\n {stateTaxes && stateTaxes.length > 0 ? (\n <Flex flexDirection=\"column\" gap={24}>\n {stateTaxes.map((stateTax, index) => (\n <Flex key={stateTax.state \|\| index} flexDirection=\"column\" gap={16}>\n <Components.Heading as=\"h4\">{stateTax.state}</Components.Heading>\n\n {stateTax.questions && stateTax.questions.length > 0 && (\n <Flex flexDirection=\"column\" gap={12}>\n {stateTax.questions.map((question, qIndex) => {\n const answer = question.answers[0]?.value\n if (answer === null \|\| answer === undefined) return null\n\n return (\n <Flex key={question.key \|\| qIndex} flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">{question.label}</Components.Text>\n <Components.Text>\n {formatStateTaxAnswer(question, answer)}\n </Components.Text>\n </Flex>\n )\n })}\n </Flex>\n )}\n </Flex>\n ))}\n </Flex>\n ) : (\n <Components.Text>{t('taxes.state.noStateTaxes')}</Components.Text>\n )}\n </Flex>\n </Components.Box>\n </Flex>\n )\n}\n"],"names":["TaxesView","federalTaxes","stateTaxes","isLoading","onEditFederalTaxes","onEditStateTaxes","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","Loading","formatStateTaxAnswer","question","answer","option","opt","numValue","jsxs","Flex","jsx","stateTax","index","qIndex"],"mappings":"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"}
1	+ {"version":3,"file":"TaxesView.js","sources":["../../../../src/components/Employee/Dashboard/TaxesView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { GetV1EmployeesEmployeeIdFederalTaxesResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidfederaltaxes'\nimport type { GetV1EmployeesEmployeeIdStateTaxesResponse } from '@gusto/embedded-api/models/operations/getv1employeesemployeeidstatetaxes'\nimport type { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion'\nimport { useEmployeeTaxes } from './hooks'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Loading } from '@/components/Common'\nimport { BaseLayout } from '@/components/Base/Base'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\ntype EmployeeFederalTax = NonNullable<\n GetV1EmployeesEmployeeIdFederalTaxesResponse['employeeFederalTax']\n>\ntype EmployeeStateTax = NonNullable<\n GetV1EmployeesEmployeeIdStateTaxesResponse['employeeStateTaxesList']\n>[number]\n\nexport interface TaxesViewProps {\n federalTaxes?: EmployeeFederalTax\n stateTaxes?: EmployeeStateTax[]\n /** Loads both cards. Override per-card via `isFederalTaxesLoading` /\n * `isStateTaxesLoading` when the queries resolve independently. /\n isLoading?: boolean\n isFederalTaxesLoading?: boolean\n isStateTaxesLoading?: boolean\n onEditFederalTaxes?: () => void\n onEditStateTaxes?: () => void\n}\n\nexport interface TaxesViewWithDataProps {\n employeeId: string\n /* Receives the federal-tax record so the parent can preserve the\n * existing event payload (`{ employeeId, federalTaxes }`). /\n onEditFederalTaxes?: (federalTaxes: EmployeeFederalTax \| undefined) => void\n onEditStateTaxes?: () => void\n}\n\n/\n Tab-mounted container for the Taxes tab. Owns the `useEmployeeTaxes`\n * fetch so federal/state tax requests only fire when the tab is mounted.\n * Federal and state queries run independently — each card paints its\n * own skeleton + content as data arrives.\n */\nexport function TaxesViewWithData({\n employeeId,\n onEditFederalTaxes,\n onEditStateTaxes,\n}: TaxesViewWithDataProps) {\n const taxes = useEmployeeTaxes({ employeeId })\n\n const federalTaxes = taxes.data.employeeFederalTax\n return (\n <BaseLayout error={taxes.errorHandling.errors}>\n <TaxesView\n federalTaxes={federalTaxes}\n stateTaxes={taxes.data.employeeStateTaxesList}\n isFederalTaxesLoading={taxes.status.isFederalTaxesLoading}\n isStateTaxesLoading={taxes.status.isStateTaxesLoading}\n onEditFederalTaxes={() => onEditFederalTaxes?.(federalTaxes)}\n onEditStateTaxes={onEditStateTaxes}\n />\n </BaseLayout>\n )\n}\n\nexport function TaxesView({\n federalTaxes,\n stateTaxes,\n isLoading = false,\n isFederalTaxesLoading = isLoading,\n isStateTaxesLoading = isLoading,\n onEditFederalTaxes,\n onEditStateTaxes,\n}: TaxesViewProps) {\n const { t } = useTranslation('Employee.Dashboard')\n const Components = useComponentContext()\n const formatCurrency = useNumberFormatter('currency')\n\n // Helper function to format state tax answer values\n const formatStateTaxAnswer = (\n question: EmployeeStateTaxQuestion,\n answer: string \| number \| boolean,\n ) => {\n // For Select type questions, look up the label from options\n if (\n question.inputQuestionFormat.type === 'Select' &&\n question.inputQuestionFormat.options &&\n question.inputQuestionFormat.options.length > 0\n ) {\n const option = question.inputQuestionFormat.options.find(opt => opt.value === answer)\n if (option?.label) {\n return option.label\n }\n }\n\n // For numeric values, only format as currency for Currency questions\n if (typeof answer === 'number') {\n if (question.inputQuestionFormat.type === 'Currency') {\n return formatCurrency(answer)\n }\n return answer\n }\n\n // For string currency values (like \"0.0\")\n if (typeof answer === 'string' && !isNaN(parseFloat(answer))) {\n const numValue = parseFloat(answer)\n // Check if this looks like a currency (has decimal point or question type is Currency)\n if (question.inputQuestionFormat.type === 'Currency') {\n return formatCurrency(numValue)\n }\n // For non-currency numeric strings, return as-is\n return answer\n }\n\n // For boolean values\n if (typeof answer === 'boolean') {\n return answer ? t('common.yes') : t('common.no')\n }\n\n // Default: return string value as-is\n return answer\n }\n\n return (\n <Flex flexDirection=\"column\" gap={24}>\n <Components.Box\n header={\n <Components.BoxHeader\n title={t('taxes.federal.title')}\n action={\n <Components.Button\n variant=\"secondary\"\n onClick={onEditFederalTaxes}\n isDisabled={isFederalTaxesLoading}\n >\n {t('taxes.federal.editCta')}\n </Components.Button>\n }\n />\n }\n >\n <Flex flexDirection=\"column\" gap={16}>\n {isFederalTaxesLoading ? (\n <Loading />\n ) : federalTaxes ? (\n <Flex flexDirection=\"column\" gap={12}>\n {federalTaxes.filingStatus && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('taxes.federal.filingStatus')}\n </Components.Text>\n <Components.Text>{federalTaxes.filingStatus}</Components.Text>\n </Flex>\n )}\n\n {'twoJobs' in federalTaxes && federalTaxes.twoJobs !== null && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('taxes.federal.multipleJobs')}\n </Components.Text>\n <Components.Text>\n {federalTaxes.twoJobs ? t('common.yes') : t('common.no')}\n </Components.Text>\n </Flex>\n )}\n\n {'dependentsAmount' in federalTaxes && federalTaxes.dependentsAmount && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('taxes.federal.dependentsAndOtherCredits')}\n </Components.Text>\n <Components.Text>\n {formatCurrency(parseFloat(federalTaxes.dependentsAmount))}\n </Components.Text>\n </Flex>\n )}\n\n {'otherIncome' in federalTaxes && federalTaxes.otherIncome && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('taxes.federal.otherIncome')}\n </Components.Text>\n <Components.Text>\n {formatCurrency(parseFloat(federalTaxes.otherIncome))}\n </Components.Text>\n </Flex>\n )}\n\n {'deductions' in federalTaxes && federalTaxes.deductions && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('taxes.federal.deductions')}\n </Components.Text>\n <Components.Text>\n {formatCurrency(parseFloat(federalTaxes.deductions))}\n </Components.Text>\n </Flex>\n )}\n\n {'extraWithholding' in federalTaxes && federalTaxes.extraWithholding && (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">\n {t('taxes.federal.extraWithholding')}\n </Components.Text>\n <Components.Text>\n {formatCurrency(parseFloat(federalTaxes.extraWithholding))}\n </Components.Text>\n </Flex>\n )}\n </Flex>\n ) : null}\n </Flex>\n </Components.Box>\n\n <Components.Box\n header={\n <Components.BoxHeader\n title={t('taxes.state.title')}\n action={\n <Components.Button\n variant=\"secondary\"\n onClick={onEditStateTaxes}\n isDisabled={isStateTaxesLoading}\n >\n {t('taxes.state.editCta')}\n </Components.Button>\n }\n />\n }\n >\n <Flex flexDirection=\"column\" gap={16}>\n {isStateTaxesLoading ? (\n <Loading />\n ) : stateTaxes && stateTaxes.length > 0 ? (\n <Flex flexDirection=\"column\" gap={24}>\n {stateTaxes.map((stateTax, index) => (\n <Flex key={stateTax.state \|\| index} flexDirection=\"column\" gap={16}>\n <Components.Heading as=\"h4\">{stateTax.state}</Components.Heading>\n\n {stateTax.questions && stateTax.questions.length > 0 && (\n <Flex flexDirection=\"column\" gap={12}>\n {stateTax.questions.map((question, qIndex) => {\n const answer = question.answers[0]?.value\n if (answer === null \|\| answer === undefined) return null\n\n return (\n <Flex key={question.key \|\| qIndex} flexDirection=\"column\" gap={0}>\n <Components.Text variant=\"supporting\">{question.label}</Components.Text>\n <Components.Text>\n {formatStateTaxAnswer(question, answer)}\n </Components.Text>\n </Flex>\n )\n })}\n </Flex>\n )}\n </Flex>\n ))}\n </Flex>\n ) : (\n <Components.Text>{t('taxes.state.noStateTaxes')}</Components.Text>\n )}\n </Flex>\n </Components.Box>\n </Flex>\n )\n}\n"],"names":["TaxesViewWithData","employeeId","onEditFederalTaxes","onEditStateTaxes","taxes","useEmployeeTaxes","federalTaxes","jsx","BaseLayout","TaxesView","stateTaxes","isLoading","isFederalTaxesLoading","isStateTaxesLoading","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","formatStateTaxAnswer","question","answer","option","opt","numValue","jsxs","Flex","Loading","stateTax","index","qIndex"],"mappings":"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"}

package/dist/components/Employee/Dashboard/dashboardStateMachine.d.ts CHANGED Viewed

@@ -5,4 +5,11 @@ export declare const dashboardStateMachine: {
     federalTaxes: import('robot3').MachineState<any>;
     stateTaxes: import('robot3').MachineState<any>;
     profile: import('robot3').MachineState<any>;
+    paymentBankForm: import('robot3').MachineState<any>;
+    paymentSplitView: import('robot3').MachineState<any>;
+    documentManager: import('robot3').MachineState<any>;
+    deductionForm: import('robot3').MachineState<any>;
+    addJob: import('robot3').MachineState<any>;
+    editCompensation: import('robot3').MachineState<any>;
+    addAnotherJob: import('robot3').MachineState<any>;
 };