@gusto/embedded-react-sdk 0.13.2 → 0.13.4

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

@@ -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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"}
+{"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 type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\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  alerts?: PayrollFlowAlert[]\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  alerts,\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      {alerts?.length && (\n        <Flex flexDirection={'column'} gap={16}>\n          {alerts.map((alert, index) => (\n            <Alert key={`${alert.type}-${alert.title}`} label={alert.title} status={alert.type}>\n              {alert.content ?? null}\n            </Alert>\n          ))}\n        </Flex>\n      )}\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","alerts","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","alert","index"],"mappings":"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"}

package/dist/components/Payroll/PayrollReceipts/PayrollReceipts.d.ts

@@ -0,0 +1,7 @@
+import { BaseComponentInterface } from '../../Base';
+interface PayrollReceiptsProps extends BaseComponentInterface<'Payroll.PayrollReceipts'> {
+    payrollId: string;
+}
+export declare function PayrollReceipts(props: PayrollReceiptsProps): import("react/jsx-runtime").JSX.Element;
+export declare const Root: ({ payrollId, dictionary }: PayrollReceiptsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Payroll/PayrollReceipts/PayrollReceipts.js

@@ -0,0 +1,21 @@
+import { jsx as e } from "react/jsx-runtime";
+import { usePayrollsGetReceiptSuspense as i } from "@gusto/embedded-api/react-query/payrollsGetReceipt";
+import { PayrollReceiptsPresentation as a } from "./PayrollReceiptsPresentation.js";
+import { BaseComponent as n } from "../../Base/Base.js";
+import "../../Base/useBase.js";
+import { useComponentDictionary as p, useI18n as c } from "../../../i18n/I18n.js";
+function d(o) {
+  return /* @__PURE__ */ e(n, { ...o, children: /* @__PURE__ */ e(s, { ...o, children: o.children }) });
+}
+const s = ({ payrollId: o, dictionary: r }) => {
+  p("Payroll.PayrollReceipts", r), c("Payroll.PayrollReceipts");
+  const { data: t } = i({
+    payrollUuid: o
+  }), l = t.payrollReceipt;
+  return /* @__PURE__ */ e(a, { receiptData: l });
+};
+export {
+  d as PayrollReceipts,
+  s as Root
+};
+//# sourceMappingURL=PayrollReceipts.js.map

package/dist/components/Payroll/PayrollReceipts/PayrollReceipts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayrollReceipts.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceipts.tsx"],"sourcesContent":["import { usePayrollsGetReceiptSuspense } from '@gusto/embedded-api/react-query/payrollsGetReceipt'\nimport { PayrollReceiptsPresentation } from './PayrollReceiptsPresentation'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\n\ninterface PayrollReceiptsProps extends BaseComponentInterface<'Payroll.PayrollReceipts'> {\n  payrollId: string\n}\n\nexport function PayrollReceipts(props: PayrollReceiptsProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ payrollId, dictionary }: PayrollReceiptsProps) => {\n  useComponentDictionary('Payroll.PayrollReceipts', dictionary)\n  useI18n('Payroll.PayrollReceipts')\n\n  const { data } = usePayrollsGetReceiptSuspense({\n    payrollUuid: payrollId,\n  })\n  const payrollData = data.payrollReceipt!\n\n  return <PayrollReceiptsPresentation receiptData={payrollData} />\n}\n"],"names":["PayrollReceipts","props","jsx","BaseComponent","Root","payrollId","dictionary","useComponentDictionary","useI18n","data","usePayrollsGetReceiptSuspense","payrollData","PayrollReceiptsPresentation"],"mappings":";;;;;;AASO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,IAAO,CAAC,EAAE,WAAAC,GAAW,YAAAC,QAAuC;AACvE,EAAAC,EAAuB,2BAA2BD,CAAU,GAC5DE,EAAQ,yBAAyB;AAEjC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAA8B;AAAA,IAC7C,aAAaL;AAAA,EAAA,CACd,GACKM,IAAcF,EAAK;AAEzB,SAAO,gBAAAP,EAACU,GAAA,EAA4B,aAAaD,EAAA,CAAa;AAChE;"}

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

@@ -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/PayrollReceipts/PayrollReceiptsPresentation.js

@@ -0,0 +1,220 @@
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { useRef as P } from "react";
+import { useTranslation as R } from "react-i18next";
+import d from "classnames";
+import i from "./PayrollReceiptsPresentation.module.scss.js";
+import { Flex as a } from "../../Common/Flex/Flex.js";
+import "../../../shared/constants.js";
+import { useComponentContext as L } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { formatNumberAsCurrency as r } from "../../../helpers/formattedStrings.js";
+import { useI18n as I } from "../../../i18n/I18n.js";
+import { useContainerBreakpoints as S } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import z from "../../../assets/icons/receipt-check.svg.js";
+import { DataTable as b } from "../../Common/DataView/DataTable/DataTable.js";
+import { DataView as h } from "../../Common/DataView/DataView.js";
+const Q = ({ receiptData: n }) => {
+  const { Heading: p, Text: o } = L();
+  I("Payroll.PayrollReceipts");
+  const { t } = R("Payroll.PayrollReceipts"), u = P(null), c = !S({ ref: u }).includes("small"), y = (l) => `${l.employeeFirstName || ""} ${l.employeeLastName || ""}`.trim(), g = () => (n.employeeCompensations || []).reduce(
+    (l, s) => l + parseFloat(s.childSupportGarnishment || "0"),
+    0
+  ), f = () => (n.employeeCompensations || []).reduce(
+    (l, s) => l + parseFloat(s.totalReimbursement || "0"),
+    0
+  ), x = () => (n.employeeCompensations || []).reduce(
+    (l, s) => l + parseFloat(s.netPay || "0"),
+    0
+  ), w = () => (n.employeeCompensations || []).reduce(
+    (l, s) => l + parseFloat(s.totalTax || "0"),
+    0
+  ), k = [
+    {
+      label: t("breakdown.directDeposits"),
+      amount: parseFloat(n.totals?.netPayDebit || "0")
+    },
+    {
+      label: t("breakdown.reimbursements"),
+      amount: parseFloat(n.totals?.reimbursementDebit || "0")
+    },
+    {
+      label: t("breakdown.garnishments"),
+      amount: parseFloat(n.totals?.childSupportDebit || "0")
+    },
+    { label: t("breakdown.taxes"), amount: parseFloat(n.totals?.taxDebit || "0") }
+  ], F = [
+    {
+      label: t("receipt.receiptId"),
+      value: n.payrollUuid || ""
+    },
+    {
+      label: t("receipt.from"),
+      value: n.nameOfSender || ""
+    },
+    {
+      label: t("receipt.to"),
+      value: n.nameOfRecipient || "Payroll Recipients"
+    },
+    {
+      label: t("receipt.debitDate"),
+      value: n.debitDate || ""
+    }
+  ], v = () => /* @__PURE__ */ e("div", { className: d(i.receiptHeader, c && i.receiptHeaderMobile), children: /* @__PURE__ */ m(a, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ m(a, { flexDirection: "column", alignItems: "center", gap: 16, children: [
+      /* @__PURE__ */ e("div", { className: i.receiptIcon, children: /* @__PURE__ */ e(z, { className: i.checkmarkIcon }) }),
+      /* @__PURE__ */ m(a, { flexDirection: "column", alignItems: "center", gap: 8, children: [
+        /* @__PURE__ */ e(o, { size: "sm", variant: "supporting", children: t("receipt.totalLabel") }),
+        /* @__PURE__ */ e(p, { as: "h1", styledAs: "h2", className: i.totalAmount, children: r(parseFloat(n.totals?.companyDebit || "0")) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: i.receiptDetailsTable, children: /* @__PURE__ */ e(
+      h,
+      {
+        label: t("receipt.detailsLabel"),
+        variant: "minimal",
+        breakAt: "small",
+        breakpoints: {
+          base: "0rem",
+          small: "22rem"
+        },
+        columns: [
+          {
+            title: "",
+            render: (l) => /* @__PURE__ */ e(o, { size: "sm", variant: "supporting", children: l.label })
+          },
+          {
+            title: "",
+            render: (l) => /* @__PURE__ */ e(o, { size: "sm", children: l.value })
+          }
+        ],
+        data: F
+      }
+    ) }),
+    /* @__PURE__ */ m(a, { flexDirection: "column", alignItems: "center", gap: 12, children: [
+      /* @__PURE__ */ e(
+        o,
+        {
+          size: "sm",
+          variant: "supporting",
+          className: d(i.disclaimer, c && i.textMobile),
+          children: n.recipientNotice
+        }
+      ),
+      /* @__PURE__ */ e(
+        o,
+        {
+          size: "sm",
+          variant: "supporting",
+          className: d(i.companyInfo, c && i.textMobile),
+          children: n.license
+        }
+      ),
+      /* @__PURE__ */ e(
+        o,
+        {
+          size: "sm",
+          variant: "supporting",
+          className: d(i.address, c && i.textMobile),
+          children: n.licensee && `${n.licensee.address || ""}, ${n.licensee.city || ""}, ${n.licensee.state || ""} ${n.licensee.postalCode || ""}`
+        }
+      )
+    ] })
+  ] }) }), N = () => /* @__PURE__ */ e(a, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ e(
+    b,
+    {
+      label: t("sections.debitedLabel"),
+      columns: [
+        {
+          title: t("sections.debitedLabel"),
+          render: (l) => /* @__PURE__ */ e(o, { children: l.label })
+        },
+        {
+          title: t("breakdown.amount"),
+          render: (l) => /* @__PURE__ */ e(o, { children: r(l.amount) })
+        }
+      ],
+      data: k,
+      footer: () => ({
+        "column-0": /* @__PURE__ */ e(o, { weight: "semibold", children: t("breakdown.totals") }),
+        "column-1": /* @__PURE__ */ e(o, { weight: "semibold", children: r(parseFloat(n.totals?.companyDebit || "0")) })
+      })
+    }
+  ) }), C = () => /* @__PURE__ */ e(a, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ e(
+    b,
+    {
+      label: t("sections.taxLabel"),
+      columns: [
+        {
+          title: t("sections.taxLabel"),
+          render: (l) => /* @__PURE__ */ e(o, { children: l.name })
+        },
+        {
+          title: t("tax.amount"),
+          render: (l) => /* @__PURE__ */ e(o, { children: r(parseFloat(l.amount || "0")) })
+        }
+      ],
+      data: n.taxes || [],
+      footer: () => ({
+        "column-0": /* @__PURE__ */ e(o, { weight: "semibold", children: t("breakdown.totals") }),
+        "column-1": /* @__PURE__ */ e(o, { weight: "semibold", children: r(parseFloat(n.totals?.taxDebit || "0")) })
+      })
+    }
+  ) }), T = () => /* @__PURE__ */ m(a, { flexDirection: "column", gap: 16, children: [
+    c && /* @__PURE__ */ e(p, { as: "h2", children: t("sections.employeesLabel") }),
+    /* @__PURE__ */ e(
+      h,
+      {
+        label: t("sections.employeesLabel"),
+        columns: [
+          {
+            title: t("employee.name"),
+            render: (l) => /* @__PURE__ */ e(o, { children: y(l) })
+          },
+          {
+            title: t("employee.paymentMethod"),
+            render: (l) => /* @__PURE__ */ e(o, { children: l.paymentMethod || "N/A" })
+          },
+          {
+            title: t("employee.childSupport"),
+            render: (l) => /* @__PURE__ */ e(o, { children: r(parseFloat(l.childSupportGarnishment || "0")) })
+          },
+          {
+            title: t("employee.reimbursement"),
+            render: (l) => /* @__PURE__ */ e(o, { children: r(parseFloat(l.totalReimbursement || "0")) })
+          },
+          {
+            title: t("employee.totalTaxes"),
+            render: (l) => /* @__PURE__ */ e(o, { children: r(parseFloat(l.totalTax || "0")) })
+          },
+          {
+            title: t("employee.netPay"),
+            render: (l) => /* @__PURE__ */ e(o, { children: r(parseFloat(l.netPay || "0")) })
+          }
+        ],
+        data: n.employeeCompensations || [],
+        footer: () => ({
+          "column-0": /* @__PURE__ */ m(a, { flexDirection: "column", gap: 4, children: [
+            /* @__PURE__ */ e(o, { weight: "semibold", children: t("breakdown.totals") }),
+            /* @__PURE__ */ e(o, { size: "sm", variant: "supporting", children: t("employee.totalEmployees", {
+              count: n.employeeCompensations?.length || 0
+            }) })
+          ] }),
+          "column-1": /* @__PURE__ */ e(o, { children: " " }),
+          "column-2": /* @__PURE__ */ e(o, { weight: "semibold", children: r(g()) }),
+          "column-3": /* @__PURE__ */ e(o, { weight: "semibold", children: r(f()) }),
+          "column-4": /* @__PURE__ */ e(o, { weight: "semibold", children: r(w()) }),
+          "column-5": /* @__PURE__ */ e(o, { weight: "semibold", children: r(x()) })
+        })
+      }
+    )
+  ] });
+  return /* @__PURE__ */ e("div", { className: i.container, ref: u, children: /* @__PURE__ */ m(a, { flexDirection: "column", gap: 24, children: [
+    v(),
+    N(),
+    C(),
+    T()
+  ] }) });
+};
+export {
+  Q as PayrollReceiptsPresentation
+};
+//# sourceMappingURL=PayrollReceiptsPresentation.js.map

package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayrollReceiptsPresentation.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type {\n  PayrollReceipt,\n  Taxes as TaxBreakdownItem,\n  PayrollReceiptEmployeeCompensations as EmployeeBreakdownItem,\n} from '@gusto/embedded-api/models/components/payrollreceipt'\nimport styles from './PayrollReceiptsPresentation.module.scss'\nimport { DataView, DataTable, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport ReceiptCheck from '@/assets/icons/receipt-check.svg?react'\n\ninterface PayrollReceiptsPresentationProps {\n  receiptData: PayrollReceipt\n}\n\nexport const PayrollReceiptsPresentation = ({ receiptData }: PayrollReceiptsPresentationProps) => {\n  const { Heading, Text } = useComponentContext()\n  useI18n('Payroll.PayrollReceipts')\n  const { t } = useTranslation('Payroll.PayrollReceipts')\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isMobile = !breakpoints.includes('small')\n\n  // Helper to get employee full name\n  const getEmployeeFullName = (emp: EmployeeBreakdownItem) =>\n    `${emp.employeeFirstName || ''} ${emp.employeeLastName || ''}`.trim()\n\n  const getTotalChildSupport = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.childSupportGarnishment || '0'),\n      0,\n    )\n\n  const getTotalReimbursements = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalReimbursement || '0'),\n      0,\n    )\n\n  const getTotalNetPay = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.netPay || '0'),\n      0,\n    )\n\n  const getTotalTaxes = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalTax || '0'),\n      0,\n    )\n\n  const breakdownData = [\n    {\n      label: t('breakdown.directDeposits'),\n      amount: parseFloat(receiptData.totals?.netPayDebit || '0'),\n    },\n    {\n      label: t('breakdown.reimbursements'),\n      amount: parseFloat(receiptData.totals?.reimbursementDebit || '0'),\n    },\n    {\n      label: t('breakdown.garnishments'),\n      amount: parseFloat(receiptData.totals?.childSupportDebit || '0'),\n    },\n    { label: t('breakdown.taxes'), amount: parseFloat(receiptData.totals?.taxDebit || '0') },\n  ]\n\n  const receiptDetailsConfig = [\n    {\n      label: t('receipt.receiptId'),\n      value: receiptData.payrollUuid || '',\n    },\n    {\n      label: t('receipt.from'),\n      value: receiptData.nameOfSender || '',\n    },\n    {\n      label: t('receipt.to'),\n      value: receiptData.nameOfRecipient || 'Payroll Recipients',\n    },\n    {\n      label: t('receipt.debitDate'),\n      value: receiptData.debitDate || '',\n    },\n  ]\n\n  const renderReceiptHeader = () => (\n    <div className={classNames(styles.receiptHeader, isMobile && styles.receiptHeaderMobile)}>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={16}>\n          <div className={styles.receiptIcon}>\n            <ReceiptCheck className={styles.checkmarkIcon} />\n          </div>\n\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n            <Text size=\"sm\" variant=\"supporting\">\n              {t('receipt.totalLabel')}\n            </Text>\n            <Heading as=\"h1\" styledAs=\"h2\" className={styles.totalAmount}>\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Heading>\n          </Flex>\n        </Flex>\n\n        <div className={styles.receiptDetailsTable}>\n          <DataView\n            label={t('receipt.detailsLabel')}\n            variant=\"minimal\"\n            breakAt=\"small\"\n            breakpoints={{\n              base: '0rem',\n              small: '22rem',\n            }}\n            columns={[\n              {\n                title: '',\n                render: (item: { label: string; value: string }) => (\n                  <Text size=\"sm\" variant=\"supporting\">\n                    {item.label}\n                  </Text>\n                ),\n              },\n              {\n                title: '',\n                render: (item: { label: string; value: string }) => (\n                  <Text size=\"sm\">{item.value}</Text>\n                ),\n              },\n            ]}\n            data={receiptDetailsConfig}\n          />\n        </div>\n\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={12}>\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.disclaimer, isMobile && styles.textMobile)}\n          >\n            {receiptData.recipientNotice}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.companyInfo, isMobile && styles.textMobile)}\n          >\n            {receiptData.license}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.address, isMobile && styles.textMobile)}\n          >\n            {receiptData.licensee &&\n              `${receiptData.licensee.address || ''}, ${receiptData.licensee.city || ''}, ${receiptData.licensee.state || ''} ${receiptData.licensee.postalCode || ''}`}\n          </Text>\n        </Flex>\n      </Flex>\n    </div>\n  )\n\n  const renderBreakdownSection = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.debitedLabel')}\n        columns={[\n          {\n            title: t('sections.debitedLabel'),\n            render: (item: { label: string; amount: number }) => <Text>{item.label}</Text>,\n          },\n          {\n            title: t('breakdown.amount'),\n            render: (item: { label: string; amount: number }) => (\n              <Text>{formatNumberAsCurrency(item.amount)}</Text>\n            ),\n          },\n        ]}\n        data={breakdownData}\n        footer={() => ({\n          'column-0': <Text weight=\"semibold\">{t('breakdown.totals')}</Text>,\n          'column-1': (\n            <Text weight=\"semibold\">\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Text>\n          ),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderTaxBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.taxLabel')}\n        columns={[\n          {\n            title: t('sections.taxLabel'),\n            render: (tax: TaxBreakdownItem) => <Text>{tax.name}</Text>,\n          },\n          {\n            title: t('tax.amount'),\n            render: (tax: TaxBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(tax.amount || '0'))}</Text>\n            ),\n          },\n        ]}\n        data={receiptData.taxes || []}\n        footer={() => ({\n          'column-0': <Text weight=\"semibold\">{t('breakdown.totals')}</Text>,\n          'column-1': (\n            <Text weight=\"semibold\">\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.taxDebit || '0'))}\n            </Text>\n          ),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderEmployeeBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      {isMobile && <Heading as=\"h2\">{t('sections.employeesLabel')}</Heading>}\n      <DataView\n        label={t('sections.employeesLabel')}\n        columns={[\n          {\n            title: t('employee.name'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{getEmployeeFullName(employee)}</Text>\n            ),\n          },\n          {\n            title: t('employee.paymentMethod'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{employee.paymentMethod || 'N/A'}</Text>\n            ),\n          },\n          {\n            title: t('employee.childSupport'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>\n                {formatNumberAsCurrency(parseFloat(employee.childSupportGarnishment || '0'))}\n              </Text>\n            ),\n          },\n          {\n            title: t('employee.reimbursement'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.totalReimbursement || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('employee.totalTaxes'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.totalTax || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('employee.netPay'),\n            render: (employee: EmployeeBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(employee.netPay || '0'))}</Text>\n            ),\n          },\n        ]}\n        data={receiptData.employeeCompensations || []}\n        footer={() => ({\n          'column-0': (\n            <Flex flexDirection=\"column\" gap={4}>\n              <Text weight=\"semibold\">{t('breakdown.totals')}</Text>\n              <Text size=\"sm\" variant=\"supporting\">\n                {t('employee.totalEmployees', {\n                  count: receiptData.employeeCompensations?.length || 0,\n                })}\n              </Text>\n            </Flex>\n          ),\n          'column-1': <Text>{'\\u00A0'}</Text>,\n          'column-2': (\n            <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalChildSupport())}</Text>\n          ),\n          'column-3': (\n            <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalReimbursements())}</Text>\n          ),\n          'column-4': <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalTaxes())}</Text>,\n          'column-5': <Text weight=\"semibold\">{formatNumberAsCurrency(getTotalNetPay())}</Text>,\n        })}\n      />\n    </Flex>\n  )\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      <Flex flexDirection=\"column\" gap={24}>\n        {renderReceiptHeader()}\n        {renderBreakdownSection()}\n        {renderTaxBreakdown()}\n        {renderEmployeeBreakdown()}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollReceiptsPresentation","receiptData","Heading","Text","useComponentContext","useI18n","useTranslation","containerRef","useRef","isMobile","useContainerBreakpoints","getEmployeeFullName","emp","getTotalChildSupport","sum","getTotalReimbursements","getTotalNetPay","getTotalTaxes","breakdownData","receiptDetailsConfig","renderReceiptHeader","jsx","classNames","styles","jsxs","Flex","ReceiptCheck","formatNumberAsCurrency","DataView","item","renderBreakdownSection","DataTable","renderTaxBreakdown","tax","renderEmployeeBreakdown","employee"],"mappings":"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"}

package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.module.scss.js

@@ -0,0 +1,28 @@
+const e = "_container_1hj66_1", t = "_receiptHeader_1hj66_10", c = "_receiptIcon_1hj66_21", o = "_checkmarkIcon_1hj66_32", n = "_totalAmount_1hj66_38", _ = "_receiptDetailsTable_1hj66_43", a = "_disclaimer_1hj66_67", r = "_companyInfo_1hj66_72", i = "_address_1hj66_76", s = "_receiptHeaderMobile_1hj66_89", l = "_textMobile_1hj66_100", d = {
+  container: e,
+  receiptHeader: t,
+  receiptIcon: c,
+  checkmarkIcon: o,
+  totalAmount: n,
+  receiptDetailsTable: _,
+  disclaimer: a,
+  companyInfo: r,
+  address: i,
+  receiptHeaderMobile: s,
+  textMobile: l
+};
+export {
+  i as address,
+  o as checkmarkIcon,
+  r as companyInfo,
+  e as container,
+  d as default,
+  a as disclaimer,
+  _ as receiptDetailsTable,
+  t as receiptHeader,
+  s as receiptHeaderMobile,
+  c as receiptIcon,
+  l as textMobile,
+  n as totalAmount
+};
+//# sourceMappingURL=PayrollReceiptsPresentation.module.scss.js.map

package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.module.scss.js.map

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

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

@@ -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 {};