npm - @gusto/embedded-react-sdk - Versions diffs - 0.13.2 → 0.13.3 - Mend

@gusto/embedded-react-sdk 0.13.2 → 0.13.3

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

package/dist/components/Payroll/PayrollOverview/PayrollOverviewPresentation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PayrollOverviewPresentation.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverviewPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type {\n EmployeeCompensations,\n PayrollShow,\n} from '@gusto/embedded-api/models/components/payrollshow'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { TFunction } from 'i18next'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { useState } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useLocale } from '@/contexts/LocaleProvider'\nimport { parseDateStringToLocal } from '@/helpers/dateFormatting'\nimport useNumberFormatter from '@/components/Common/hooks/useNumberFormatter'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { compensationTypeLabels, FlsaStatus } from '@/shared/constants'\n\ninterface PayrollOverviewProps {\n payrollData: PayrollShow\n bankAccount?: CompanyBankAccount\n employeeDetails: Employee[]\n onEdit: () => void\n onSubmit: () => void\n}\n\nconst getPayrollOverviewTitle = ({\n payPeriod,\n locale,\n t,\n}: {\n payPeriod?: PayrollPayPeriodType\n locale: string\n t: TFunction<'Payroll.PayrollOverview'>\n}) => {\n if (payPeriod?.startDate && payPeriod.endDate) {\n const startDate = parseDateStringToLocal(payPeriod.startDate)\n const endDate = parseDateStringToLocal(payPeriod.endDate)\n\n if (startDate && endDate) {\n const startFormatted = startDate.toLocaleDateString(locale, {\n month: 'long',\n day: 'numeric',\n })\n const endFormatted = endDate.toLocaleDateString(locale, {\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n })\n return t('pageSubtitle', { startDate: startFormatted, endDate: endFormatted })\n }\n }\n return t('pageSubtitle', { startDate: '', endDate: '' })\n}\nexport const PayrollOverviewPresentation = ({\n onEdit,\n onSubmit,\n employeeDetails,\n payrollData,\n bankAccount,\n}: PayrollOverviewProps) => {\n const { Alert, Button, Heading, Text, Tabs } = useComponentContext()\n useI18n('Payroll.PayrollOverview')\n const { locale } = useLocale()\n const { t } = useTranslation('Payroll.PayrollOverview')\n const formatCurrency = useNumberFormatter('currency')\n const [selectedTab, setSelectedTab] = useState('companyPays')\n\n //TODO: is this right? check with gws-flows\n const totalPayroll = payrollData.totals\n ? parseFloat(payrollData.totals.grossPay!) +\n parseFloat(payrollData.totals.employerTaxes!) +\n parseFloat(payrollData.totals.reimbursements!) +\n parseFloat(payrollData.totals.benefits!)\n : 0\n\n const expectedDebitDate = payrollData.payrollStatusMeta?.expectedDebitTime\n ? parseDateStringToLocal(payrollData.payrollStatusMeta.expectedDebitTime)\n : payrollData.payrollDeadline!\n\n const getCompanyTaxes = (employeeCompensation: EmployeeCompensations) => {\n return (\n employeeCompensation.taxes?.reduce(\n (acc, tax) => (tax.employer ? acc + tax.amount : acc),\n 0,\n ) ?? 0\n )\n }\n const getCompanyBenefits = (employeeCompensation: EmployeeCompensations) => {\n return (\n employeeCompensation.benefits?.reduce(\n (acc, benefit) => (benefit.companyContribution ? acc + benefit.companyContribution : acc),\n 0,\n ) ?? 0\n )\n }\n const getReimbursements = (employeeCompensation: EmployeeCompensations) => {\n return employeeCompensation.fixedCompensations?.length\n ? parseFloat(\n employeeCompensation.fixedCompensations.find(\n c => c.name?.toLowerCase() === compensationTypeLabels.REIMBURSEMENT_NAME.toLowerCase(),\n )?.amount \|\| '0',\n )\n : 0\n }\n\n const getCompanyCost = (employeeCompensation: EmployeeCompensations) => {\n return (\n employeeCompensation.grossPay! +\n getReimbursements(employeeCompensation) +\n getCompanyTaxes(employeeCompensation) +\n getCompanyBenefits(employeeCompensation)\n )\n }\n\n const employeeMap = new Map(employeeDetails.map(employee => [employee.uuid, employee]))\n\n const getEmployeeHours = (\n employeeCompensations: EmployeeCompensations,\n ): Record<string, number> => {\n return (\n employeeCompensations.hourlyCompensations?.reduce(\n (acc, hourlyCompensation) => {\n if (typeof hourlyCompensation.name === 'undefined') {\n return acc\n }\n const name = hourlyCompensation.name.toLowerCase()\n const currentHours = acc[name] ?? 0\n acc[name] = currentHours + parseFloat(hourlyCompensation.hours \|\| '0')\n return acc\n },\n {} as Record<string, number>,\n ) \|\| {}\n )\n }\n const getEmployeePtoHours = (employeeCompensations: EmployeeCompensations) => {\n return (\n employeeCompensations.paidTimeOff?.reduce((acc, paidTimeOff) => {\n return acc + parseFloat(paidTimeOff.hours \|\| '0')\n }, 0) ?? 0\n )\n }\n\n const tabs = [\n {\n id: 'companyPays',\n label: t('dataViews.companyPaysTab'),\n content: (\n <DataView\n label={t('dataViews.companyPaysTab')}\n columns={[\n {\n title: t('tableHeaders.employees'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {firstLastName({\n first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n })}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.grossPay'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>{formatCurrency(employeeCompensations.grossPay!)}</Text>\n ),\n },\n {\n title: t('tableHeaders.reimbursements'),\n render: (employeeCompensation: EmployeeCompensations) => (\n <Text>{formatCurrency(getReimbursements(employeeCompensation))}</Text>\n ),\n },\n {\n title: t('tableHeaders.companyTaxes'),\n render: (employeeCompensation: EmployeeCompensations) => (\n <Text>{formatCurrency(getCompanyTaxes(employeeCompensation))}</Text>\n ),\n },\n {\n title: t('tableHeaders.companyBenefits'),\n render: (employeeCompensation: EmployeeCompensations) => (\n <Text>{formatCurrency(getCompanyBenefits(employeeCompensation))}</Text>\n ),\n },\n {\n title: t('tableHeaders.companyPays'),\n render: (employeeCompensation: EmployeeCompensations) => (\n <Text>{formatCurrency(getCompanyCost(employeeCompensation))}</Text>\n ),\n },\n ]}\n data={payrollData.employeeCompensations!}\n />\n ),\n },\n {\n id: 'hoursWorked',\n label: t('dataViews.hoursWorkedTab'),\n content: (\n <DataView\n label={t('dataViews.hoursWorkedTab')}\n columns={[\n {\n title: t('tableHeaders.employees'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {firstLastName({\n first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n })}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.compensationType'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {employeeMap\n .get(employeeCompensations.employeeUuid!)\n ?.jobs?.reduce((acc, job) => {\n if (job.primary) {\n const flsaStatus = job.compensations?.find(\n comp => comp.uuid === job.currentCompensationUuid,\n )?.flsaStatus\n\n switch (flsaStatus) {\n case FlsaStatus.EXEMPT:\n return t('compensationTypeLabels.exempt')\n case FlsaStatus.NONEXEMPT:\n return t('compensationTypeLabels.nonexempt')\n default:\n return flsaStatus ?? ''\n }\n }\n return acc\n }, '')}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.regular'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {getEmployeeHours(employeeCompensations)[\n compensationTypeLabels.REGULAR_HOURS_NAME\n ] \|\| 0}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.overtime'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {getEmployeeHours(employeeCompensations)[compensationTypeLabels.OVERTIME_NAME] \|\|\n 0}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.doubleOT'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {getEmployeeHours(employeeCompensations)[\n compensationTypeLabels.DOUBLE_OVERTIME_NAME\n ] \|\| 0}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.timeOff'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>{getEmployeePtoHours(employeeCompensations)}</Text>\n ),\n },\n {\n title: t('tableHeaders.totalHours'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {Object.values(getEmployeeHours(employeeCompensations)).reduce(\n (acc, hours) => acc + hours,\n 0,\n ) + getEmployeePtoHours(employeeCompensations)}\n </Text>\n ),\n },\n ]}\n data={payrollData.employeeCompensations!}\n />\n ),\n },\n {\n id: 'employeeTakeHome',\n label: t('dataViews.employeeTakeHomeTab'),\n content: (\n <DataView\n label={t('dataViews.employeeTakeHomeTab')}\n columns={[\n {\n title: t('tableHeaders.employees'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {firstLastName({\n first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n })}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.paymentType'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>{employeeCompensations.paymentMethod ?? ''}</Text>\n ),\n },\n {\n title: t('tableHeaders.grossPay'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>{formatCurrency(employeeCompensations.grossPay ?? 0)}</Text>\n ),\n },\n {\n title: t('tableHeaders.deductions'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {formatCurrency(\n employeeCompensations.deductions?.reduce(\n (acc, deduction) => acc + deduction.amount!,\n 0,\n ) ?? 0,\n )}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.reimbursements'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>{formatCurrency(getReimbursements(employeeCompensations))}</Text>\n ),\n },\n {\n title: t('tableHeaders.employeeTaxes'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {formatCurrency(\n employeeCompensations.taxes?.reduce(\n (acc, tax) => (tax.employer ? acc : acc + tax.amount),\n 0,\n ) ?? 0,\n )}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.employeeBenefits'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {formatCurrency(\n employeeCompensations.benefits?.reduce(\n (acc, benefit) => acc + (benefit.employeeDeduction ?? 0),\n 0,\n ) ?? 0,\n )}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.payment'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>{formatCurrency(employeeCompensations.netPay ?? 0)}</Text>\n ),\n },\n ]}\n data={payrollData.employeeCompensations!}\n />\n ),\n },\n ]\n\n return (\n <Flex flexDirection=\"column\" alignItems=\"stretch\">\n <Flex justifyContent=\"space-between\">\n <div>\n <Heading as=\"h1\">{t('pageTitle')}</Heading>\n <Text>{getPayrollOverviewTitle({ payPeriod: payrollData.payPeriod, locale, t })}</Text>\n </div>\n <Flex justifyContent=\"flex-end\">\n <Button onClick={onEdit} variant=\"secondary\">\n {t('editCta')}\n </Button>\n <Button onClick={onSubmit}>{t('submitCta')}</Button>\n </Flex>\n </Flex>\n {/* TODO: when is this actually saved? */}\n <Alert label={t('alerts.progressSaved')} status=\"success\"></Alert>\n <Heading as=\"h3\">{t('payrollSummaryTitle')}</Heading>\n <DataView\n label={t('payrollSummaryLabel')}\n columns={[\n {\n title: t('tableHeaders.totalPayroll'),\n render: () => <Text>{formatCurrency(totalPayroll)}</Text>,\n },\n {\n title: t('tableHeaders.debitAmount'),\n render: () => (\n <Text>{formatCurrency(parseFloat(payrollData.totals?.companyDebit ?? '0'))}</Text>\n ),\n },\n {\n title: t('tableHeaders.debitAccount'),\n render: () => <Text>{bankAccount?.hiddenAccountNumber ?? ''}</Text>,\n },\n {\n title: t('tableHeaders.debitDate'),\n render: () => (\n <Text>\n {expectedDebitDate?.toLocaleString(locale, {\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n })}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.employeesPayDate'),\n render: () => (\n <Text>\n {parseDateStringToLocal(payrollData.checkDate!)?.toLocaleDateString(locale, {\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n })}\n </Text>\n ),\n },\n ]}\n data={[{}]}\n />\n <Tabs\n onSelectionChange={setSelectedTab}\n selectedId={selectedTab}\n aria-label={t('dataViews.label')}\n tabs={tabs}\n />\n </Flex>\n )\n}\n"],"names":["getPayrollOverviewTitle","payPeriod","locale","t","startDate","parseDateStringToLocal","endDate","startFormatted","endFormatted","PayrollOverviewPresentation","onEdit","onSubmit","employeeDetails","payrollData","bankAccount","Alert","Button","Heading","Text","Tabs","useComponentContext","useI18n","useLocale","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","totalPayroll","expectedDebitDate","getCompanyTaxes","employeeCompensation","acc","tax","getCompanyBenefits","benefit","getReimbursements","c","compensationTypeLabels","getCompanyCost","employeeMap","employee","getEmployeeHours","employeeCompensations","hourlyCompensation","name","currentHours","getEmployeePtoHours","paidTimeOff","tabs","jsx","DataView","firstLastName","job","flsaStatus","comp","FlsaStatus","hours","deduction","jsxs","Flex"],"mappings":"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"}
1	+ {"version":3,"file":"PayrollOverviewPresentation.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverviewPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type {\n EmployeeCompensations,\n PayrollShow,\n} from '@gusto/embedded-api/models/components/payrollshow'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { TFunction } from 'i18next'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { useState } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useLocale } from '@/contexts/LocaleProvider'\nimport { parseDateStringToLocal } from '@/helpers/dateFormatting'\nimport useNumberFormatter from '@/components/Common/hooks/useNumberFormatter'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { compensationTypeLabels, FlsaStatus } from '@/shared/constants'\nimport DownloadIcon from '@/assets/icons/download-cloud.svg?react'\n\ninterface PayrollOverviewProps {\n payrollData: PayrollShow\n bankAccount?: CompanyBankAccount\n employeeDetails: Employee[]\n taxes: Record<string, { employee: number; employer: number }>\n isSubmitting?: boolean\n isProcessed: boolean\n onEdit: () => void\n onSubmit: () => void\n onCancel: () => void\n onPayrollReceipt: () => void\n onPaystubDownload: (employeeId: string) => void\n}\n\nconst getPayrollOverviewTitle = ({\n payPeriod,\n locale,\n t,\n}: {\n payPeriod?: PayrollPayPeriodType\n locale: string\n t: TFunction<'Payroll.PayrollOverview'>\n}) => {\n if (payPeriod?.startDate && payPeriod.endDate) {\n const startDate = parseDateStringToLocal(payPeriod.startDate)\n const endDate = parseDateStringToLocal(payPeriod.endDate)\n\n if (startDate && endDate) {\n const startFormatted = startDate.toLocaleDateString(locale, {\n month: 'long',\n day: 'numeric',\n })\n const endFormatted = endDate.toLocaleDateString(locale, {\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n })\n return t('pageSubtitle', { startDate: startFormatted, endDate: endFormatted })\n }\n }\n return t('pageSubtitle', { startDate: '', endDate: '' })\n}\n\nexport const PayrollOverviewPresentation = ({\n onEdit,\n onSubmit,\n onCancel,\n onPayrollReceipt,\n onPaystubDownload,\n employeeDetails,\n payrollData,\n bankAccount,\n taxes,\n isSubmitting = false,\n isProcessed,\n}: PayrollOverviewProps) => {\n const { Alert, Button, ButtonIcon, Dialog, Heading, Text, Tabs } = useComponentContext()\n useI18n('Payroll.PayrollOverview')\n const { locale } = useLocale()\n const { t } = useTranslation('Payroll.PayrollOverview')\n const formatCurrency = useNumberFormatter('currency')\n const [selectedTab, setSelectedTab] = useState('companyPays')\n const [isCancelDialogOpen, setIsCancelDialogOpen] = useState(false)\n\n const totalPayroll = payrollData.totals\n ? parseFloat(payrollData.totals.grossPay ?? '0') +\n parseFloat(payrollData.totals.employerTaxes ?? '0') +\n parseFloat(payrollData.totals.reimbursements ?? '0') +\n parseFloat(payrollData.totals.benefits ?? '0')\n : 0\n\n const expectedDebitDate = payrollData.payrollStatusMeta?.expectedDebitTime\n ? parseDateStringToLocal(payrollData.payrollStatusMeta.expectedDebitTime)\n : payrollData.payrollDeadline!\n\n const getCompanyTaxes = (employeeCompensation: EmployeeCompensations) => {\n return (\n employeeCompensation.taxes?.reduce(\n (acc, tax) => (tax.employer ? acc + tax.amount : acc),\n 0,\n ) ?? 0\n )\n }\n const getCompanyBenefits = (employeeCompensation: EmployeeCompensations) => {\n return (\n employeeCompensation.benefits?.reduce(\n (acc, benefit) => (benefit.companyContribution ? acc + benefit.companyContribution : acc),\n 0,\n ) ?? 0\n )\n }\n const getReimbursements = (employeeCompensation: EmployeeCompensations) => {\n return employeeCompensation.fixedCompensations?.length\n ? parseFloat(\n employeeCompensation.fixedCompensations.find(\n c => c.name?.toLowerCase() === compensationTypeLabels.REIMBURSEMENT_NAME.toLowerCase(),\n )?.amount \|\| '0',\n )\n : 0\n }\n\n const getCompanyCost = (employeeCompensation: EmployeeCompensations) => {\n return (\n employeeCompensation.grossPay! +\n getReimbursements(employeeCompensation) +\n getCompanyTaxes(employeeCompensation) +\n getCompanyBenefits(employeeCompensation)\n )\n }\n\n const employeeMap = new Map(employeeDetails.map(employee => [employee.uuid, employee]))\n\n const getEmployeeHours = (\n employeeCompensations: EmployeeCompensations,\n ): Record<string, number> => {\n return (\n employeeCompensations.hourlyCompensations?.reduce(\n (acc, hourlyCompensation) => {\n if (typeof hourlyCompensation.name === 'undefined') {\n return acc\n }\n const name = hourlyCompensation.name.toLowerCase()\n const currentHours = acc[name] ?? 0\n acc[name] = currentHours + parseFloat(hourlyCompensation.hours \|\| '0')\n return acc\n },\n {} as Record<string, number>,\n ) \|\| {}\n )\n }\n const getEmployeePtoHours = (employeeCompensations: EmployeeCompensations) => {\n return (\n employeeCompensations.paidTimeOff?.reduce((acc, paidTimeOff) => {\n return acc + parseFloat(paidTimeOff.hours \|\| '0')\n }, 0) ?? 0\n )\n }\n const companyPaysColumns = [\n {\n title: t('tableHeaders.employees'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {firstLastName({\n first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n })}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.grossPay'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>{formatCurrency(employeeCompensations.grossPay!)}</Text>\n ),\n },\n {\n title: t('tableHeaders.reimbursements'),\n render: (employeeCompensation: EmployeeCompensations) => (\n <Text>{formatCurrency(getReimbursements(employeeCompensation))}</Text>\n ),\n },\n {\n title: t('tableHeaders.companyTaxes'),\n render: (employeeCompensation: EmployeeCompensations) => (\n <Text>{formatCurrency(getCompanyTaxes(employeeCompensation))}</Text>\n ),\n },\n {\n title: t('tableHeaders.companyBenefits'),\n render: (employeeCompensation: EmployeeCompensations) => (\n <Text>{formatCurrency(getCompanyBenefits(employeeCompensation))}</Text>\n ),\n },\n {\n title: t('tableHeaders.companyPays'),\n render: (employeeCompensation: EmployeeCompensations) => (\n <Text>{formatCurrency(getCompanyCost(employeeCompensation))}</Text>\n ),\n },\n ]\n if (isProcessed) {\n companyPaysColumns.push({\n title: t('tableHeaders.paystub'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <ButtonIcon\n aria-label={t('downloadPaystubLabel')}\n variant=\"tertiary\"\n onClick={() => {\n if (employeeCompensations.employeeUuid) {\n onPaystubDownload(employeeCompensations.employeeUuid)\n }\n }}\n >\n <DownloadIcon />\n </ButtonIcon>\n ),\n })\n }\n const tabs = [\n {\n id: 'companyPays',\n label: t('dataViews.companyPaysTab'),\n content: (\n <DataView\n label={t('dataViews.companyPaysTable')}\n columns={companyPaysColumns}\n data={payrollData.employeeCompensations!}\n />\n ),\n },\n {\n id: 'hoursWorked',\n label: t('dataViews.hoursWorkedTab'),\n content: (\n <DataView\n label={t('dataViews.hoursWorkedTable')}\n columns={[\n {\n title: t('tableHeaders.employees'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {firstLastName({\n first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n })}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.compensationType'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {employeeMap\n .get(employeeCompensations.employeeUuid!)\n ?.jobs?.reduce((acc, job) => {\n if (job.primary) {\n const flsaStatus = job.compensations?.find(\n comp => comp.uuid === job.currentCompensationUuid,\n )?.flsaStatus\n\n switch (flsaStatus) {\n case FlsaStatus.EXEMPT:\n return t('compensationTypeLabels.exempt')\n case FlsaStatus.NONEXEMPT:\n return t('compensationTypeLabels.nonexempt')\n default:\n return flsaStatus ?? ''\n }\n }\n return acc\n }, '')}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.regular'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {getEmployeeHours(employeeCompensations)[\n compensationTypeLabels.REGULAR_HOURS_NAME\n ] \|\| 0}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.overtime'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {getEmployeeHours(employeeCompensations)[compensationTypeLabels.OVERTIME_NAME] \|\|\n 0}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.doubleOT'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {getEmployeeHours(employeeCompensations)[\n compensationTypeLabels.DOUBLE_OVERTIME_NAME\n ] \|\| 0}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.timeOff'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>{getEmployeePtoHours(employeeCompensations)}</Text>\n ),\n },\n {\n title: t('tableHeaders.totalHours'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {Object.values(getEmployeeHours(employeeCompensations)).reduce(\n (acc, hours) => acc + hours,\n 0,\n ) + getEmployeePtoHours(employeeCompensations)}\n </Text>\n ),\n },\n ]}\n data={payrollData.employeeCompensations!}\n />\n ),\n },\n {\n id: 'employeeTakeHome',\n label: t('dataViews.employeeTakeHomeTab'),\n content: (\n <DataView\n label={t('dataViews.employeeTakeHomeTable')}\n columns={[\n {\n title: t('tableHeaders.employees'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {firstLastName({\n first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n })}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.paymentType'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>{employeeCompensations.paymentMethod ?? ''}</Text>\n ),\n },\n {\n title: t('tableHeaders.grossPay'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>{formatCurrency(employeeCompensations.grossPay ?? 0)}</Text>\n ),\n },\n {\n title: t('tableHeaders.deductions'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {formatCurrency(\n employeeCompensations.deductions?.reduce(\n (acc, deduction) => acc + deduction.amount!,\n 0,\n ) ?? 0,\n )}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.reimbursements'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>{formatCurrency(getReimbursements(employeeCompensations))}</Text>\n ),\n },\n {\n title: t('tableHeaders.employeeTaxes'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {formatCurrency(\n employeeCompensations.taxes?.reduce(\n (acc, tax) => (tax.employer ? acc : acc + tax.amount),\n 0,\n ) ?? 0,\n )}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.employeeBenefits'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>\n {formatCurrency(\n employeeCompensations.benefits?.reduce(\n (acc, benefit) => acc + (benefit.employeeDeduction ?? 0),\n 0,\n ) ?? 0,\n )}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.payment'),\n render: (employeeCompensations: EmployeeCompensations) => (\n <Text>{formatCurrency(employeeCompensations.netPay ?? 0)}</Text>\n ),\n },\n ]}\n data={payrollData.employeeCompensations!}\n />\n ),\n },\n {\n id: 'taxes',\n label: t('dataViews.taxesTab'),\n content: (\n <Flex flexDirection=\"column\" gap={32}>\n <DataView\n label={t('dataViews.taxesTable')}\n columns={[\n {\n key: 'taxDescription',\n title: t('tableHeaders.taxDescription'),\n render: taxKey => <Text>{taxKey}</Text>,\n },\n {\n key: 'byYourEmployees',\n title: t('tableHeaders.byYourEmployees'),\n render: taxKey => <Text>{formatCurrency(taxes[taxKey]?.employee ?? 0)}</Text>,\n },\n {\n key: 'byYourCompany',\n title: t('tableHeaders.byYourCompany'),\n render: taxKey => <Text>{formatCurrency(taxes[taxKey]?.employer ?? 0)}</Text>,\n },\n ]}\n footer={() => ({\n taxDescription: <Text>{t('totalsLabel')}</Text>,\n byYourEmployees: (\n <Text>{formatCurrency(parseFloat(payrollData.totals?.employeeTaxes ?? '0'))}</Text>\n ),\n byYourCompany: (\n <Text>{formatCurrency(parseFloat(payrollData.totals?.employerTaxes ?? '0'))}</Text>\n ),\n })}\n data={Object.keys(taxes)}\n />\n\n <DataView\n label={t('dataViews.debitedTable')}\n columns={[\n {\n title: t('tableHeaders.debitedByGusto'),\n render: ({ label }) => <Text>{label}</Text>,\n },\n {\n title: t('tableHeaders.taxesTotal'),\n render: ({ value }) => <Text>{formatCurrency(parseFloat(value))}</Text>,\n },\n ]}\n data={[\n { label: t('directDepositLabel'), value: payrollData.totals?.netPayDebit \|\| '0' },\n {\n label: t('reimbursementLabel'),\n value: payrollData.totals?.reimbursementDebit \|\| '0',\n },\n {\n label: t('garnishmentsLabel'),\n value: payrollData.totals?.childSupportDebit \|\| '0',\n },\n { label: t('taxesLabel'), value: payrollData.totals?.taxDebit \|\| '0' },\n ]}\n />\n </Flex>\n ),\n },\n ]\n\n return (\n <Flex flexDirection=\"column\" alignItems=\"stretch\">\n <Flex justifyContent=\"space-between\">\n <div>\n <Heading as=\"h1\">{isProcessed ? t('summaryTitle') : t('overviewTitle')}</Heading>\n <Text>{getPayrollOverviewTitle({ payPeriod: payrollData.payPeriod, locale, t })}</Text>\n </div>\n <Flex justifyContent=\"flex-end\">\n {isProcessed ? (\n <>\n <Button onClick={onPayrollReceipt} variant=\"secondary\">\n {t('payrollReceiptCta')}\n </Button>\n <Button\n onClick={() => {\n setIsCancelDialogOpen(true)\n }}\n variant=\"error\"\n >\n {t('cancelCta')}\n </Button>\n </>\n ) : (\n <>\n <Button onClick={onEdit} variant=\"secondary\" isDisabled={isSubmitting}>\n {t('editCta')}\n </Button>\n <Button onClick={onSubmit} isLoading={isSubmitting}>\n {t('submitCta')}\n </Button>\n </>\n )}\n </Flex>\n </Flex>\n {/* TODO: when is this actually saved? */}\n <Alert label={t('alerts.progressSaved')} status=\"success\"></Alert>\n <Heading as=\"h3\">{t('payrollSummaryTitle')}</Heading>\n <DataView\n label={t('payrollSummaryLabel')}\n columns={[\n {\n title: t('tableHeaders.totalPayroll'),\n render: () => <Text>{formatCurrency(totalPayroll)}</Text>,\n },\n {\n title: t('tableHeaders.debitAmount'),\n render: () => (\n <Text>{formatCurrency(parseFloat(payrollData.totals?.companyDebit ?? '0'))}</Text>\n ),\n },\n {\n title: t('tableHeaders.debitAccount'),\n render: () => <Text>{bankAccount?.hiddenAccountNumber ?? ''}</Text>,\n },\n {\n title: t('tableHeaders.debitDate'),\n render: () => (\n <Text>\n {expectedDebitDate?.toLocaleString(locale, {\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n })}\n </Text>\n ),\n },\n {\n title: t('tableHeaders.employeesPayDate'),\n render: () => (\n <Text>\n {parseDateStringToLocal(payrollData.checkDate!)?.toLocaleDateString(locale, {\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n })}\n </Text>\n ),\n },\n ]}\n data={[{}]}\n />\n <Tabs\n onSelectionChange={setSelectedTab}\n selectedId={selectedTab}\n aria-label={t('dataViews.label')}\n tabs={tabs}\n />\n {isCancelDialogOpen && (\n <Dialog\n isOpen={isCancelDialogOpen}\n onClose={() => {\n setIsCancelDialogOpen(false)\n }}\n onPrimaryActionClick={onCancel}\n shouldCloseOnBackdropClick={true}\n primaryActionLabel={t('confirmCancelCta')}\n isDestructive\n closeActionLabel={t('declineCancelCta')}\n title={t('cancelDialogTitle', {\n startDate: parseDateStringToLocal(\n payrollData.payPeriod?.startDate ?? '',\n )?.toLocaleDateString(locale, {\n month: 'long',\n day: 'numeric',\n }),\n endDate: parseDateStringToLocal(\n payrollData.payPeriod?.endDate ?? '',\n )?.toLocaleDateString(locale, {\n month: 'long',\n day: 'numeric',\n year: 'numeric',\n }),\n })}\n >\n <Flex gap={14} flexDirection=\"column\">\n <Text>{t('cancelDialogDescription')}</Text>\n <Text>\n {t('cancelDialogDescriptionDeadline', {\n deadline: (payrollData.payrollDeadline ?? '').toLocaleString(locale, {\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n hour: 'numeric',\n minute: 'numeric',\n timeZoneName: 'short',\n }),\n })}\n </Text>\n </Flex>\n </Dialog>\n )}\n </Flex>\n )\n}\n"],"names":["getPayrollOverviewTitle","payPeriod","locale","t","startDate","parseDateStringToLocal","endDate","startFormatted","endFormatted","PayrollOverviewPresentation","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","employeeDetails","payrollData","bankAccount","taxes","isSubmitting","isProcessed","Alert","Button","ButtonIcon","Dialog","Heading","Text","Tabs","useComponentContext","useI18n","useLocale","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","totalPayroll","expectedDebitDate","getCompanyTaxes","employeeCompensation","acc","tax","getCompanyBenefits","benefit","getReimbursements","c","compensationTypeLabels","getCompanyCost","employeeMap","employee","getEmployeeHours","employeeCompensations","hourlyCompensation","name","currentHours","getEmployeePtoHours","paidTimeOff","companyPaysColumns","jsx","firstLastName","DownloadIcon","tabs","DataView","job","flsaStatus","comp","FlsaStatus","hours","deduction","jsxs","Flex","taxKey","label","value","Fragment"],"mappings":"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"}

package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { PayrollReceipt } from '@gusto/embedded-api/models/components/payrollreceipt';
+interface PayrollReceiptsPresentationProps {
+    receiptData: PayrollReceipt;
+}
+export declare const PayrollReceiptsPresentation: ({ receiptData }: PayrollReceiptsPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Payroll/RunPayrollFlow/RunPayroll.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ interface RunPayrollProps extends Pick<BaseComponentInterface, 'onEvent'> {
         companyId: string;
         alerts?: React.ReactNode;
     }) => React.JSX.Element;
-    List: ({ companyId, onEvent, }: Pick<BaseComponentInterface, 'onEvent'> & {
+    Landing: ({ companyId, onEvent, }: Pick<BaseComponentInterface, 'onEvent'> & {
         companyId: string;
     }) => React.JSX.Element;
     Overview: ({ companyId, onEvent, payrollId, }: Pick<BaseComponentInterface, 'onEvent'> & {
@@ -19,5 +19,5 @@ interface RunPayrollProps extends Pick<BaseComponentInterface, 'onEvent'> {
         payrollId: string;
     }) => React.JSX.Element;
 }
-export declare const RunPayroll: ({ companyId, Configuration, List, onEvent, Overview, EditEmployee, }: RunPayrollProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RunPayroll: ({ companyId, Configuration, Landing, onEvent, Overview, EditEmployee, }: RunPayrollProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Payroll/RunPayrollFlow/RunPayroll.js CHANGED Viewed

@@ -1,15 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useReducer as A, useState as N } from "react";
-import { useTranslation as S } from "react-i18next";
-import { componentEvents as _ } from "../../../shared/constants.js";
-import { useComponentContext as b } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { firstLastName as w } from "../../../helpers/formattedStrings.js";
-import { useI18n as L } from "../../../i18n/I18n.js";
-const h = () => ({
+import { useReducer as L, useState as N } from "react";
+import { useTranslation as _ } from "react-i18next";
+import { componentEvents as m } from "../../../shared/constants.js";
+import { useComponentContext as S } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { firstLastName as b } from "../../../helpers/formattedStrings.js";
+import { useI18n as w } from "../../../i18n/I18n.js";
+const D = () => ({
   currentPayrollId: void 0,
   isCalculated: !1,
   editedEmployeeId: void 0
-}), x = (e, l) => {
+}), O = (e, l) => {
   switch (l.type) {
     case "runPayroll/back":
       return {
@@ -48,60 +48,66 @@ const h = () => ({
         ...e,
         editedEmployeeId: void 0
       };
+    case m.RUN_PAYROLL_CANCELLED:
+      return {
+        ...e,
+        isCalculated: !1,
+        currentPayrollId: void 0
+      };
     default:
       return e;
   }
 }, M = ({
   companyId: e,
   Configuration: l,
-  List: y,
-  onEvent: c,
-  Overview: i,
-  EditEmployee: p
+  Landing: y,
+  onEvent: i,
+  Overview: p,
+  EditEmployee: P
 }) => {
-  L("Payroll.RunPayroll");
-  const { t: P } = S("Payroll.RunPayroll"), [{ isCalculated: f, currentPayrollId: r, editedEmployeeId: d }, E] = A(
-    x,
-    h()
-  ), [u, m] = N(
+  w("Payroll.RunPayroll");
+  const { t: f } = _("Payroll.RunPayroll"), [{ isCalculated: E, currentPayrollId: r, editedEmployeeId: d }, v] = L(
+    O,
+    D()
+  ), [u, c] = N(
     null
-  ), v = b(), I = () => {
-    m(null);
+  ), I = S(), C = () => {
+    c(null);
   }, t = (a, n) => {
-    if (a === _.RUN_PAYROLL_EMPLOYEE_SAVED) {
+    if (a === m.RUN_PAYROLL_EMPLOYEE_SAVED) {
       const s = n.employee;
       if (s) {
-        const R = w({
+        const A = b({
           first_name: s.firstName,
           last_name: s.lastName
         });
-        m({ employeeName: R });
+        c({ employeeName: A });
       }
     }
-    E({ type: a, payload: n }), c(a, n);
-  }, C = u ? /* @__PURE__ */ o(
-    v.Alert,
+    v({ type: a, payload: n }), i(a, n);
+  }, R = u ? /* @__PURE__ */ o(
+    I.Alert,
     {
       status: "success",
-      label: P("alerts.employeeUpdated.label", { name: u.employeeName }),
-      onDismiss: I
+      label: f("alerts.employeeUpdated.label", { name: u.employeeName }),
+      onDismiss: C
     }
   ) : void 0;
   return d && r ? /* @__PURE__ */ o(
-    p,
+    P,
     {
       onEvent: t,
       employeeId: d,
       companyId: e,
       payrollId: r
     }
-  ) : r ? f ? /* @__PURE__ */ o(i, { companyId: e, onEvent: t, payrollId: r }) : /* @__PURE__ */ o(
+  ) : r ? E ? /* @__PURE__ */ o(p, { companyId: e, onEvent: t, payrollId: r }) : /* @__PURE__ */ o(
     l,
     {
       onEvent: t,
       payrollId: r,
       companyId: e,
-      alerts: C
+      alerts: R
     }
   ) : /* @__PURE__ */ o(y, { companyId: e, onEvent: t });
 };

package/dist/components/Payroll/RunPayrollFlow/RunPayroll.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RunPayroll.js","sources":["../../../../src/components/Payroll/RunPayrollFlow/RunPayroll.tsx"],"sourcesContent":["import { useReducer, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType, runPayrollEvents } from '@/shared/constants'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\n\ntype PayrollFlowEvent = (typeof runPayrollEvents)[keyof typeof runPayrollEvents]\ntype PayrollFlowAction =\n \| {\n type: Extract<\n PayrollFlowEvent,\n 'runPayroll/back' \| 'runPayroll/edited' \| 'runPayroll/calculated' \| 'runPayroll/submitted'\n >\n }\n \| {\n type: Extract<PayrollFlowEvent, 'runPayroll/selected'>\n payload: { payrollId: string }\n }\n \| {\n type: Extract<PayrollFlowEvent, 'runPayroll/employee/edited'>\n payload: { employeeId: string }\n }\n \| {\n type: Extract<PayrollFlowEvent, 'runPayroll/employee/saved' \| 'runPayroll/employee/cancelled'>\n }\n\ninterface PayrollFlowState {\n currentPayrollId?: string\n isCalculated: boolean\n editedEmployeeId?: string\n}\nconst createInitialPayrollFlowState: () => PayrollFlowState = () => ({\n currentPayrollId: undefined,\n isCalculated: false,\n editedEmployeeId: undefined,\n})\n\nconst runPayrollFlowReducer: (\n state: PayrollFlowState,\n action: PayrollFlowAction,\n) => PayrollFlowState = (state, action) => {\n switch (action.type) {\n case 'runPayroll/back':\n return {\n ...state,\n currentPayrollId: undefined,\n }\n case 'runPayroll/edited':\n return {\n ...state,\n isCalculated: false,\n }\n case 'runPayroll/calculated':\n return {\n ...state,\n isCalculated: true,\n }\n case 'runPayroll/selected': {\n return {\n ...state,\n currentPayrollId: action.payload.payrollId,\n }\n }\n case 'runPayroll/submitted': {\n return {\n ...state,\n isCalculated: false,\n currentPayrollId: undefined,\n }\n }\n case 'runPayroll/employee/edited': {\n return {\n ...state,\n editedEmployeeId: action.payload.employeeId,\n }\n }\n case 'runPayroll/employee/saved':\n case 'runPayroll/employee/cancelled': {\n return {\n ...state,\n editedEmployeeId: undefined,\n }\n }\n default:\n return state\n }\n}\n\ninterface RunPayrollProps extends Pick<BaseComponentInterface, 'onEvent'> {\n companyId: string\n Configuration: ({\n onEvent,\n payrollId,\n companyId,\n alerts,\n }: Pick<BaseComponentInterface, 'onEvent'> & {\n payrollId: string\n companyId: string\n alerts?: React.ReactNode\n }) => React.JSX.Element\n ~~List~~: ({\n companyId,\n onEvent,\n }: Pick<BaseComponentInterface, 'onEvent'> & { companyId: string }) => React.JSX.Element\n Overview: ({\n companyId,\n onEvent,\n payrollId,\n }: Pick<BaseComponentInterface, 'onEvent'> & {\n companyId: string\n payrollId: string\n }) => React.JSX.Element\n EditEmployee: ({\n onEvent,\n employeeId,\n companyId,\n payrollId,\n }: Pick<BaseComponentInterface, 'onEvent'> & {\n employeeId: string\n companyId: string\n payrollId: string\n }) => React.JSX.Element\n}\n\nexport const RunPayroll = ({\n companyId,\n Configuration,\n ~~List~~,\n onEvent,\n Overview,\n EditEmployee,\n}: RunPayrollProps) => {\n useI18n('Payroll.RunPayroll')\n const { t } = useTranslation('Payroll.RunPayroll')\n\n const [{ isCalculated, currentPayrollId, editedEmployeeId }, dispatch] = useReducer(\n runPayrollFlowReducer,\n createInitialPayrollFlowState(),\n )\n const [employeeSavedAlert, setEmployeeSavedAlert] = useState<{ employeeName: string } \| null>(\n null,\n )\n\n const Components = useComponentContext()\n\n const handleDismissEmployeeSavedAlert = () => {\n setEmployeeSavedAlert(null)\n }\n\n const wrappedOnEvent: OnEventType<string, unknown> = (event, payload) => {\n if (event === componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED) {\n const employee = (payload as { employee?: Employee }).employee\n if (employee) {\n const employeeName = firstLastName({\n first_name: employee.firstName,\n last_name: employee.lastName,\n })\n setEmployeeSavedAlert({ employeeName })\n }\n }\n\n dispatch({ type: event, payload } as PayrollFlowAction)\n onEvent(event as EventType, payload)\n }\n\n const alerts = employeeSavedAlert ? (\n <Components.Alert\n status=\"success\"\n label={t('alerts.employeeUpdated.label', { name: employeeSavedAlert.employeeName })}\n onDismiss={handleDismissEmployeeSavedAlert}\n />\n ) : undefined\n\n if (editedEmployeeId && currentPayrollId) {\n return (\n <EditEmployee\n onEvent={wrappedOnEvent}\n employeeId={editedEmployeeId}\n companyId={companyId}\n payrollId={currentPayrollId}\n />\n )\n }\n\n return currentPayrollId ? (\n isCalculated ? (\n <Overview companyId={companyId} onEvent={wrappedOnEvent} payrollId={currentPayrollId} />\n ) : (\n <Configuration\n onEvent={wrappedOnEvent}\n payrollId={currentPayrollId}\n companyId={companyId}\n alerts={alerts}\n />\n )\n ) : (\n <~~List~~ companyId={companyId} onEvent={wrappedOnEvent} />\n )\n}\n"],"names":["createInitialPayrollFlowState","runPayrollFlowReducer","state","action","RunPayroll","companyId","Configuration","~~List~~","onEvent","Overview","EditEmployee","useI18n","t","useTranslation","isCalculated","currentPayrollId","editedEmployeeId","dispatch","useReducer","employeeSavedAlert","setEmployeeSavedAlert","useState","Components","useComponentContext","handleDismissEmployeeSavedAlert","wrappedOnEvent","event","payload","~~componentEvents","~~employee","employeeName","firstLastName","alerts","jsx"],"mappings":";;;;;;;~~AAoCA~~,MAAMA,IAAwD,OAAO;AAAA,EACnE,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,kBAAkB;AACpB,IAEMC,IAGkB,CAACC,GAAOC,MAAW;AACzC,UAAQA,EAAO,MAAA;AAAA,IACb,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,kBAAkB;AAAA,MAAA;AAAA,IAEtB,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,cAAc;AAAA,MAAA;AAAA,IAElB,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,cAAc;AAAA,MAAA;AAAA,IAElB,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,kBAAkBC,EAAO,QAAQ;AAAA,MAAA;AAAA,IAGrC,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,cAAc;AAAA,QACd,kBAAkB;AAAA,MAAA;AAAA,IAGtB,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,kBAAkBC,EAAO,QAAQ;AAAA,MAAA;AAAA,IAGrC,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,kBAAkB;AAAA,MAAA;AAAA,IAGtB;AACE,aAAOA;AAAA,EAAA;AAEb,~~GAsCaE~~,IAAa,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,~~MAAAC~~;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AACF,MAAuB;AACrB,EAAAC,EAAQ,oBAAoB;AAC5B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB,GAE3C,CAAC,EAAE,cAAAC,GAAc,kBAAAC,GAAkB,kBAAAC,EAAA,GAAoBC,CAAQ,IAAIC;AAAA,~~IACvEjB~~;AAAA,IACAD,EAAA;AAAA,EAA8B,GAE1B,~~CAACmB~~,GAAoBC,CAAqB,IAAIC;AAAA,IAClD;AAAA,EAAA,GAGIC,IAAaC,EAAA,GAEbC,IAAkC,MAAM;AAC5C,IAAAJ,EAAsB,IAAI;AAAA,EAC5B,GAEMK,IAA+C,CAACC,GAAOC,MAAY;AACvE,QAAID,~~MAAUE~~,EAAgB,4BAA4B;AACxD,~~YAAMC~~,~~IAAYF~~,EAAoC;AACtD,~~UAAIE~~,GAAU;AACZ,cAAMC,IAAeC,EAAc;AAAA,UACjC,YAAYF,EAAS;AAAA,UACrB,WAAWA,EAAS;AAAA,QAAA,CACrB;AACD,~~QAAAT~~,EAAsB,EAAE,~~cAAAU~~,GAAc;AAAA,MACxC;AAAA,IACF;AAEA,~~IAAAb~~,EAAS,EAAE,MAAMS,GAAO,SAAAC,EAAA,CAA8B,GACtDnB,EAAQkB,GAAoBC,CAAO;AAAA,EACrC,~~GAEMK~~,~~IAASb~~,IACb,~~gBAAAc~~;AAAA,~~IAACX~~,EAAW;AAAA,IAAX;AAAA,MACC,QAAO;AAAA,MACP,OAAOV,EAAE,gCAAgC,EAAE,MAAMO,EAAmB,cAAc;AAAA,MAClF,WAAWK;AAAA,IAAA;AAAA,EAAA,IAEX;AAEJ,SAAIR,KAAoBD,IAEpB,~~gBAAAkB~~;AAAA,~~IAACvB~~;AAAA,IAAA;AAAA,MACC,SAASe;AAAA,MACT,YAAYT;AAAA,MACZ,WAAAX;AAAA,MACA,WAAWU;AAAA,IAAA;AAAA,EAAA,IAKVA,IACLD,IACE,~~gBAAAmB~~,~~EAACxB~~,GAAA,EAAS,WAAAJ,GAAsB,SAASoB,GAAgB,WAAWV,EAAA,CAAkB,IAEtF,~~gBAAAkB~~;AAAA,~~IAAC3B~~;AAAA,IAAA;AAAA,MACC,SAASmB;AAAA,MACT,WAAWV;AAAA,MACX,WAAAV;AAAA,MACA,~~QAAA2B~~;AAAA,IAAA;AAAA,EAAA,IAIJ,gBAAAC,~~EAAC1B~~,GAAA,~~EAAK~~,WAAAF,GAAsB,SAASoB,EAAA,CAAgB;~~AAEzD~~;"}
1	+ {"version":3,"file":"RunPayroll.js","sources":["../../../../src/components/Payroll/RunPayrollFlow/RunPayroll.tsx"],"sourcesContent":["import { useReducer, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType, runPayrollEvents } from '@/shared/constants'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\n\ntype PayrollFlowEvent = (typeof runPayrollEvents)[keyof typeof runPayrollEvents]\ntype PayrollFlowAction =\n \| {\n type: Extract<\n PayrollFlowEvent,\n 'runPayroll/back' \| 'runPayroll/edited' \| 'runPayroll/calculated' \| 'runPayroll/submitted'\n >\n }\n \| {\n type: Extract<PayrollFlowEvent, 'runPayroll/selected'>\n payload: { payrollId: string }\n }\n \| {\n type: Extract<PayrollFlowEvent, 'runPayroll/employee/edited'>\n payload: { employeeId: string }\n }\n \| {\n type: Extract<PayrollFlowEvent, 'runPayroll/employee/saved' \| 'runPayroll/employee/cancelled'>\n }\n \| {\n type: Extract<PayrollFlowEvent, 'runPayroll/cancelled'>\n }\n\ninterface PayrollFlowState {\n currentPayrollId?: string\n isCalculated: boolean\n editedEmployeeId?: string\n}\nconst createInitialPayrollFlowState: () => PayrollFlowState = () => ({\n currentPayrollId: undefined,\n isCalculated: false,\n editedEmployeeId: undefined,\n})\n\nconst runPayrollFlowReducer: (\n state: PayrollFlowState,\n action: PayrollFlowAction,\n) => PayrollFlowState = (state, action) => {\n switch (action.type) {\n case 'runPayroll/back':\n return {\n ...state,\n currentPayrollId: undefined,\n }\n case 'runPayroll/edited':\n return {\n ...state,\n isCalculated: false,\n }\n case 'runPayroll/calculated':\n return {\n ...state,\n isCalculated: true,\n }\n case 'runPayroll/selected': {\n return {\n ...state,\n currentPayrollId: action.payload.payrollId,\n }\n }\n case 'runPayroll/submitted': {\n return {\n ...state,\n isCalculated: false,\n currentPayrollId: undefined,\n }\n }\n case 'runPayroll/employee/edited': {\n return {\n ...state,\n editedEmployeeId: action.payload.employeeId,\n }\n }\n case 'runPayroll/employee/saved':\n case 'runPayroll/employee/cancelled': {\n return {\n ...state,\n editedEmployeeId: undefined,\n }\n }\n case componentEvents.RUN_PAYROLL_CANCELLED: {\n return {\n ...state,\n isCalculated: false,\n currentPayrollId: undefined,\n }\n }\n default:\n return state\n }\n}\n\ninterface RunPayrollProps extends Pick<BaseComponentInterface, 'onEvent'> {\n companyId: string\n Configuration: ({\n onEvent,\n payrollId,\n companyId,\n alerts,\n }: Pick<BaseComponentInterface, 'onEvent'> & {\n payrollId: string\n companyId: string\n alerts?: React.ReactNode\n }) => React.JSX.Element\n Landing: ({\n companyId,\n onEvent,\n }: Pick<BaseComponentInterface, 'onEvent'> & { companyId: string }) => React.JSX.Element\n Overview: ({\n companyId,\n onEvent,\n payrollId,\n }: Pick<BaseComponentInterface, 'onEvent'> & {\n companyId: string\n payrollId: string\n }) => React.JSX.Element\n EditEmployee: ({\n onEvent,\n employeeId,\n companyId,\n payrollId,\n }: Pick<BaseComponentInterface, 'onEvent'> & {\n employeeId: string\n companyId: string\n payrollId: string\n }) => React.JSX.Element\n}\n\nexport const RunPayroll = ({\n companyId,\n Configuration,\n Landing,\n onEvent,\n Overview,\n EditEmployee,\n}: RunPayrollProps) => {\n useI18n('Payroll.RunPayroll')\n const { t } = useTranslation('Payroll.RunPayroll')\n\n const [{ isCalculated, currentPayrollId, editedEmployeeId }, dispatch] = useReducer(\n runPayrollFlowReducer,\n createInitialPayrollFlowState(),\n )\n const [employeeSavedAlert, setEmployeeSavedAlert] = useState<{ employeeName: string } \| null>(\n null,\n )\n\n const Components = useComponentContext()\n\n const handleDismissEmployeeSavedAlert = () => {\n setEmployeeSavedAlert(null)\n }\n\n const wrappedOnEvent: OnEventType<string, unknown> = (event, payload) => {\n if (event === componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED) {\n const employee = (payload as { employee?: Employee }).employee\n if (employee) {\n const employeeName = firstLastName({\n first_name: employee.firstName,\n last_name: employee.lastName,\n })\n setEmployeeSavedAlert({ employeeName })\n }\n }\n\n dispatch({ type: event, payload } as PayrollFlowAction)\n onEvent(event as EventType, payload)\n }\n\n const alerts = employeeSavedAlert ? (\n <Components.Alert\n status=\"success\"\n label={t('alerts.employeeUpdated.label', { name: employeeSavedAlert.employeeName })}\n onDismiss={handleDismissEmployeeSavedAlert}\n />\n ) : undefined\n\n if (editedEmployeeId && currentPayrollId) {\n return (\n <EditEmployee\n onEvent={wrappedOnEvent}\n employeeId={editedEmployeeId}\n companyId={companyId}\n payrollId={currentPayrollId}\n />\n )\n }\n\n return currentPayrollId ? (\n isCalculated ? (\n <Overview companyId={companyId} onEvent={wrappedOnEvent} payrollId={currentPayrollId} />\n ) : (\n <Configuration\n onEvent={wrappedOnEvent}\n payrollId={currentPayrollId}\n companyId={companyId}\n alerts={alerts}\n />\n )\n ) : (\n <Landing companyId={companyId} onEvent={wrappedOnEvent} />\n )\n}\n"],"names":["createInitialPayrollFlowState","runPayrollFlowReducer","state","action","componentEvents","RunPayroll","companyId","Configuration","Landing","onEvent","Overview","EditEmployee","useI18n","t","useTranslation","isCalculated","currentPayrollId","editedEmployeeId","dispatch","useReducer","employeeSavedAlert","setEmployeeSavedAlert","useState","Components","useComponentContext","handleDismissEmployeeSavedAlert","wrappedOnEvent","event","payload","employee","employeeName","firstLastName","alerts","jsx"],"mappings":"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"}

package/dist/components/Payroll/RunPayrollFlow/RunPayrollFlow.js CHANGED Viewed

@@ -1,22 +1,22 @@
 import { jsx as r } from "react/jsx-runtime";
-import { PayrollConfiguration as l } from "../PayrollConfiguration/PayrollConfiguration.js";
-import { PayrollList as t } from "../PayrollList/PayrollList.js";
-import { PayrollOverview as e } from "../PayrollOverview/PayrollOverview.js";
-import { PayrollEditEmployee as p } from "../PayrollEditEmployee/PayrollEditEmployee.js";
+import { PayrollLanding as l } from "../PayrollLanding/PayrollLanding.js";
+import { PayrollConfiguration as t } from "../PayrollConfiguration/PayrollConfiguration.js";
+import { PayrollOverview as n } from "../PayrollOverview/PayrollOverview.js";
+import { PayrollEditEmployee as e } from "../PayrollEditEmployee/PayrollEditEmployee.js";
 import { RunPayroll as a } from "./RunPayroll.js";
-import { BaseComponent as f } from "../../Base/Base.js";
-const w = ({ companyId: i, onEvent: o, ...m }) => /* @__PURE__ */ r(f, { ...m, onEvent: o, children: /* @__PURE__ */ r(
+import { BaseComponent as p } from "../../Base/Base.js";
+const v = ({ companyId: i, onEvent: o, ...m }) => /* @__PURE__ */ r(p, { ...m, onEvent: o, children: /* @__PURE__ */ r(
   a,
   {
     companyId: i,
-    Configuration: l,
-    List: t,
-    Overview: e,
-    EditEmployee: p,
+    Configuration: t,
+    Landing: l,
+    Overview: n,
+    EditEmployee: e,
     onEvent: o
   }
 ) });
 export {
-  w as RunPayrollFlow
+  v as RunPayrollFlow
 };
 //# sourceMappingURL=RunPayrollFlow.js.map

package/dist/components/Payroll/RunPayrollFlow/RunPayrollFlow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RunPayrollFlow.js","sources":["../../../../src/components/Payroll/RunPayrollFlow/RunPayrollFlow.tsx"],"sourcesContent":["import { ~~PayrollConfiguration~~ } from '../~~PayrollConfiguration~~/~~PayrollConfiguration~~'\nimport { ~~PayrollList~~ } from '../~~PayrollList~~/~~PayrollList~~'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollEditEmployee } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { RunPayroll } from './RunPayroll'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\n\ninterface RunPayrollFlowProps extends BaseComponentInterface {\n companyId: string\n}\n\nexport const RunPayrollFlow = ({ companyId, onEvent, ...baseProps }: RunPayrollFlowProps) => {\n return (\n <BaseComponent {...baseProps} onEvent={onEvent}>\n <RunPayroll\n companyId={companyId}\n Configuration={PayrollConfiguration}\n ~~List~~={~~PayrollList~~}\n Overview={PayrollOverview}\n EditEmployee={PayrollEditEmployee}\n onEvent={onEvent}\n />\n </BaseComponent>\n )\n}\n"],"names":["RunPayrollFlow","companyId","onEvent","baseProps","jsx","BaseComponent","RunPayroll","PayrollConfiguration","~~PayrollList~~","PayrollOverview","PayrollEditEmployee"],"mappings":";;;;;;;AAYO,MAAMA,IAAiB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,QAEpD,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAW,SAAAD,GAC5B,UAAA,gBAAAE;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,WAAAL;AAAA,IACA,eAAeM;AAAA,IACf,~~MAAMC~~;AAAA,~~IACN~~,UAAUC;AAAA,IACV,cAAcC;AAAA,IACd,SAAAR;AAAA,EAAA;AAAA,GAEJ;"}
1	+ {"version":3,"file":"RunPayrollFlow.js","sources":["../../../../src/components/Payroll/RunPayrollFlow/RunPayrollFlow.tsx"],"sourcesContent":["import { PayrollLanding } from '../PayrollLanding/PayrollLanding'\nimport { PayrollConfiguration } from '../PayrollConfiguration/PayrollConfiguration'\nimport { PayrollOverview } from '../PayrollOverview/PayrollOverview'\nimport { PayrollEditEmployee } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { RunPayroll } from './RunPayroll'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\n\ninterface RunPayrollFlowProps extends BaseComponentInterface {\n companyId: string\n}\n\nexport const RunPayrollFlow = ({ companyId, onEvent, ...baseProps }: RunPayrollFlowProps) => {\n return (\n <BaseComponent {...baseProps} onEvent={onEvent}>\n <RunPayroll\n companyId={companyId}\n Configuration={PayrollConfiguration}\n Landing={PayrollLanding}\n Overview={PayrollOverview}\n EditEmployee={PayrollEditEmployee}\n onEvent={onEvent}\n />\n </BaseComponent>\n )\n}\n"],"names":["RunPayrollFlow","companyId","onEvent","baseProps","jsx","BaseComponent","RunPayroll","PayrollConfiguration","PayrollLanding","PayrollOverview","PayrollEditEmployee"],"mappings":";;;;;;;AAYO,MAAMA,IAAiB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,QAEpD,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAW,SAAAD,GAC5B,UAAA,gBAAAE;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,WAAAL;AAAA,IACA,eAAeM;AAAA,IACf,SAASC;AAAA,IACT,UAAUC;AAAA,IACV,cAAcC;AAAA,IACd,SAAAR;AAAA,EAAA;AAAA,GAEJ;"}

package/dist/components/Payroll/helpers.d.ts CHANGED Viewed

@@ -1,7 +1,10 @@
 import { Employee } from '@gusto/embedded-api/models/components/employee';
+import { FixedCompensations, PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype';
+import { PayrollFixedCompensationTypesType } from '@gusto/embedded-api/models/components/payrollfixedcompensationtypestype';
 import { TFunction } from 'i18next';
 import { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject';
-import { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype';
+import { PayrollType } from './PayrollList/types';
+import { PayrollHistoryStatus } from './PayrollHistory/PayrollHistory';
 export declare const getPrimaryJob: (employee: Employee) => import('@gusto/embedded-api/models/components/job.js').Job | null;
 export declare const formatEmployeePayRate: ({ employee, t, locale, }: {
     employee?: Employee;
@@ -14,8 +17,25 @@ export declare const getEmployeePayRateInfo: (employee: Employee | undefined) =>
     paymentUnit: import('@gusto/embedded-api/models/components/compensation').PaymentUnit;
 } | null;
 export declare const getRegularHours: (compensation: PayrollEmployeeCompensationsType) => number;
+export declare function getOvertimeHours(compensation: PayrollEmployeeCompensationsType): number;
 export declare const getTotalPtoHours: (compensation: PayrollEmployeeCompensationsType) => number;
 export declare const getAdditionalEarnings: (compensation: PayrollEmployeeCompensationsType) => number;
 export declare const getReimbursements: (compensation: PayrollEmployeeCompensationsType) => number;
 export declare const formatHoursDisplay: (hours: number) => string;
 export declare const calculateGrossPay: (compensation: PayrollEmployeeCompensationsType, employee: Employee, compensationEffectiveDateString?: string, paySchedule?: PayScheduleObject, isOffCycle?: boolean) => number;
+export declare const getPayrollType: (payroll: {
+    external?: boolean;
+    offCycle?: boolean;
+}) => PayrollType;
+export declare const getPayrollStatus: (payroll: {
+    processed?: boolean;
+    checkDate?: string | null;
+}) => PayrollHistoryStatus;
+export declare const getAdditionalEarningsCompensations: ({ flsaStatus, existingFixedCompensations, primaryJobUuid, fixedCompensationTypes, excludedTypes, }: {
+    flsaStatus: string | undefined;
+    existingFixedCompensations?: FixedCompensations[];
+    primaryJobUuid?: string;
+    fixedCompensationTypes?: PayrollFixedCompensationTypesType[];
+    excludedTypes?: string[];
+}) => FixedCompensations[];
+export declare const getReimbursementCompensation: (fixedCompensations: FixedCompensations[], fixedCompensationTypes: PayrollFixedCompensationTypesType[], primaryJobUuid?: string) => FixedCompensations | null;