@gusto/embedded-react-sdk 0.37.0-rc.1 → 0.37.0

package/dist/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollEditEmployeePresentation.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.tsx"],"sourcesContent":["import { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useMemo, useRef } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type {\n  PayrollEmployeeCompensationsTypeFixedCompensations as FixedCompensations,\n  PayrollEmployeeCompensationsType,\n  PayrollEmployeeCompensationsTypePaidTimeOff,\n} from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport { PayrollEmployeeCompensationsTypePaymentMethod } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollFixedCompensationTypesType } from '@gusto/embedded-api/models/components/payrollfixedcompensationtypestype'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './PayrollEditEmployeePresentation.module.scss'\nimport { TimeOffField } from './TimeOffField'\nimport { Flex, Grid, TextInputField, RadioGroupField, NumberInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { Form } from '@/components/Common/Form'\nimport { formatNumberAsCurrency, firstLastName } from '@/helpers/formattedStrings'\nimport {\n  getAdditionalEarningsCompensations,\n  getReimbursementCompensation,\n  calculateGrossPay,\n} from '@/components/Payroll/helpers'\nimport { PayrollCategory } from '@/components/Payroll/payrollTypes'\nimport {\n  COMPENSATION_NAME_DOUBLE_OVERTIME,\n  COMPENSATION_NAME_OVERTIME,\n  COMPENSATION_NAME_REGULAR_HOURS,\n  HOURS_COMPENSATION_NAMES,\n  EXCLUDED_ADDITIONAL_EARNINGS,\n  COMPENSATION_NAME_REIMBURSEMENT,\n  COMPENSATION_NAME_BONUS,\n  COMPENSATION_NAME_PAYCHECK_TIPS,\n  COMPENSATION_NAME_CORRECTION_PAYMENT,\n  COMPENSATION_NAME_COMMISSION,\n  COMPENSATION_NAME_CASH_TIPS,\n} from '@/shared/constants'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PayrollEditEmployeeProps {\n  onSave: (updatedCompensation: PayrollEmployeeCompensationsType) => void\n  onCancel: () => void\n  employee: Employee\n  employeeCompensation?: PayrollEmployeeCompensationsType\n  isPending?: boolean\n  fixedCompensationTypes: PayrollFixedCompensationTypesType[]\n  payPeriodStartDate?: string\n  paySchedule?: PayScheduleObject\n  payrollCategory?: PayrollCategory\n  withReimbursements?: boolean\n  hasDirectDepositSetup?: boolean\n}\n\nexport const PayrollEditEmployeeFormSchema = z.object({\n  hourlyCompensations: z.record(z.string(), z.record(z.string(), z.string().optional())),\n  timeOffCompensations: z.record(z.string(), z.string().optional()),\n  finalPayoutCompensations: z.record(z.string(), z.string().optional()),\n  fixedCompensations: z.record(z.string(), z.number().optional()),\n  paymentMethod: z.enum(PayrollEmployeeCompensationsTypePaymentMethod).optional(),\n})\n\nexport type PayrollEditEmployeeFormValues = z.infer<typeof PayrollEditEmployeeFormSchema>\n\nconst buildCompensationFromFormData = (\n  formData: PayrollEditEmployeeFormValues,\n  employeeCompensation: PayrollEmployeeCompensationsType | undefined,\n  timeOff: PayrollEmployeeCompensationsTypePaidTimeOff[],\n  primaryJobUuid?: string,\n): PayrollEmployeeCompensationsType => {\n  const updatedCompensation = {\n    ...employeeCompensation,\n    paymentMethod: formData.paymentMethod,\n  }\n\n  updatedCompensation.hourlyCompensations = employeeCompensation?.hourlyCompensations?.map(\n    compensation => {\n      const hours =\n        compensation.jobUuid && compensation.name\n          ? formData.hourlyCompensations[compensation.jobUuid]?.[compensation.name]\n          : undefined\n      return hours\n        ? {\n            ...compensation,\n            hours,\n          }\n        : compensation\n    },\n  )\n\n  updatedCompensation.paidTimeOff = timeOff.map(timeOffEntry => {\n    const finalPayout =\n      formData.finalPayoutCompensations[timeOffEntry.name!] ??\n      timeOffEntry.finalPayoutUnusedHoursInput\n    return {\n      ...timeOffEntry,\n      hours: formData.timeOffCompensations[timeOffEntry.name!],\n      ...(finalPayout != null ? { finalPayoutUnusedHoursInput: finalPayout } : {}),\n    }\n  })\n\n  const updatedFixedCompensations: FixedCompensations[] = []\n\n  Object.entries(formData.fixedCompensations).forEach(([fixedCompensationName, formAmount]) => {\n    const existingFixedCompensation = employeeCompensation?.fixedCompensations?.find(\n      fixedCompensation =>\n        fixedCompensation.name?.toLowerCase() === fixedCompensationName.toLowerCase(),\n    )\n\n    if (formAmount !== undefined) {\n      const amountAsString = formAmount.toString()\n      if (existingFixedCompensation) {\n        updatedFixedCompensations.push({\n          name: existingFixedCompensation.name,\n          jobUuid: existingFixedCompensation.jobUuid,\n          amount: amountAsString,\n        })\n      } else if (formAmount !== 0) {\n        updatedFixedCompensations.push({\n          name: fixedCompensationName,\n          jobUuid: primaryJobUuid,\n          amount: amountAsString,\n        })\n      }\n    }\n  })\n\n  updatedCompensation.fixedCompensations = updatedFixedCompensations\n\n  return updatedCompensation\n}\n\nexport const PayrollEditEmployeePresentation = ({\n  onSave,\n  onCancel,\n  employee,\n  employeeCompensation,\n  isPending = false,\n  fixedCompensationTypes,\n  payPeriodStartDate,\n  paySchedule,\n  payrollCategory = PayrollCategory.Regular,\n  withReimbursements = true,\n  hasDirectDepositSetup = true,\n}: PayrollEditEmployeeProps) => {\n  const { Button, Heading, Text } = useComponentContext()\n\n  const { t } = useTranslation('Payroll.PayrollEditEmployee')\n  useI18n('Payroll.PayrollEditEmployee')\n\n  const primaryJob = employee.jobs?.find(job => job.primary)\n  const primaryJobHasHourlyCompensations = employeeCompensation?.hourlyCompensations?.some(\n    c => c.jobUuid === primaryJob?.uuid,\n  )\n  const hourlyJobs = primaryJob && primaryJobHasHourlyCompensations ? [primaryJob] : []\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({\n    ref: containerRef,\n  })\n  const isSmallOrGreater = breakpoints.includes('small')\n\n  employeeCompensation?.hourlyCompensations?.forEach(compensation => {\n    const job = employee.jobs?.find(job => job.uuid === compensation.jobUuid)\n    if (job && !hourlyJobs.find(hourlyJob => hourlyJob.uuid === job.uuid)) {\n      hourlyJobs.push(job)\n    }\n  })\n\n  const timeOff = (employeeCompensation?.paidTimeOff || []).filter(entry => entry.name)\n\n  const additionalEarnings = getAdditionalEarningsCompensations({\n    flsaStatus: primaryJob?.compensations?.[0]?.flsaStatus,\n    existingFixedCompensations: employeeCompensation?.fixedCompensations || [],\n    primaryJobUuid: primaryJob?.uuid,\n    fixedCompensationTypes,\n    excludedTypes: EXCLUDED_ADDITIONAL_EARNINGS,\n  })\n\n  const reimbursement = withReimbursements\n    ? getReimbursementCompensation(\n        employeeCompensation?.fixedCompensations || [],\n        fixedCompensationTypes,\n        primaryJob?.uuid,\n      )\n    : null\n\n  const findMatchingCompensation = (jobUuid: string, compensationName: string) => {\n    return employeeCompensation?.hourlyCompensations?.find(\n      compensation =>\n        compensation.jobUuid === jobUuid &&\n        compensation.name?.toLowerCase() === compensationName.toLowerCase(),\n    )\n  }\n\n  const getCompensationLabel = (compensationName?: string) => {\n    switch (compensationName) {\n      case COMPENSATION_NAME_REGULAR_HOURS:\n        return t('compensationNames.regularHours')\n      case COMPENSATION_NAME_OVERTIME:\n        return t('compensationNames.overtime')\n      case COMPENSATION_NAME_DOUBLE_OVERTIME:\n        return t('compensationNames.doubleOvertime')\n      default:\n        return compensationName\n    }\n  }\n\n  const getFixedCompensationLabel = (compensationName?: string) => {\n    switch (compensationName) {\n      case COMPENSATION_NAME_BONUS:\n        return t('fixedCompensationNames.bonus')\n      case COMPENSATION_NAME_PAYCHECK_TIPS:\n        return t('fixedCompensationNames.paycheckTips')\n      case COMPENSATION_NAME_CORRECTION_PAYMENT:\n        return t('fixedCompensationNames.correctionPayment')\n      case COMPENSATION_NAME_COMMISSION:\n        return t('fixedCompensationNames.commission')\n      case COMPENSATION_NAME_CASH_TIPS:\n        return t('fixedCompensationNames.cashTips')\n      case COMPENSATION_NAME_REIMBURSEMENT:\n        return t('fixedCompensationNames.reimbursement')\n      default:\n        return compensationName\n    }\n  }\n\n  const defaultValues = {\n    hourlyCompensations: (() => {\n      const hourlyCompensations: PayrollEditEmployeeFormValues['hourlyCompensations'] = {}\n\n      hourlyJobs.forEach(hourlyJob => {\n        HOURS_COMPENSATION_NAMES.forEach(compensationName => {\n          const matchingCompensation = findMatchingCompensation(hourlyJob.uuid, compensationName)\n          if (matchingCompensation) {\n            if (!hourlyCompensations[hourlyJob.uuid]) {\n              hourlyCompensations[hourlyJob.uuid] = {}\n            }\n            hourlyCompensations[hourlyJob.uuid]![matchingCompensation.name!] =\n              matchingCompensation.hours ? parseFloat(matchingCompensation.hours).toString() : ''\n          }\n        })\n      })\n\n      return hourlyCompensations\n    })(),\n\n    timeOffCompensations: (() => {\n      const timeOffCompensations: PayrollEditEmployeeFormValues['timeOffCompensations'] = {}\n\n      timeOff.forEach(timeOffCompensation => {\n        timeOffCompensations[timeOffCompensation.name!] = timeOffCompensation.hours\n          ? parseFloat(timeOffCompensation.hours).toString()\n          : ''\n      })\n\n      return timeOffCompensations\n    })(),\n\n    finalPayoutCompensations: (() => {\n      const finalPayoutCompensations: PayrollEditEmployeeFormValues['finalPayoutCompensations'] = {}\n\n      timeOff.forEach(timeOffCompensation => {\n        finalPayoutCompensations[timeOffCompensation.name!] =\n          timeOffCompensation.finalPayoutUnusedHoursInput ?? '0'\n      })\n\n      return finalPayoutCompensations\n    })(),\n\n    fixedCompensations: (() => {\n      const fixedCompensations: PayrollEditEmployeeFormValues['fixedCompensations'] = {}\n\n      additionalEarnings.forEach(fixedComp => {\n        fixedCompensations[fixedComp.name!] = fixedComp.amount\n          ? parseFloat(fixedComp.amount)\n          : undefined\n      })\n\n      if (reimbursement) {\n        fixedCompensations[reimbursement.name!] = reimbursement.amount\n          ? parseFloat(reimbursement.amount)\n          : undefined\n      }\n\n      return fixedCompensations\n    })(),\n\n    paymentMethod:\n      employeeCompensation?.paymentMethod ||\n      PayrollEmployeeCompensationsTypePaymentMethod.DirectDeposit,\n  }\n\n  const formHandlers = useForm<PayrollEditEmployeeFormValues>({\n    resolver: zodResolver(PayrollEditEmployeeFormSchema),\n    defaultValues,\n  })\n\n  const watchedFormData = useWatch({\n    control: formHandlers.control,\n  })\n\n  const currentGrossPay = useMemo(() => {\n    try {\n      const hourlyCompensations: Record<string, Record<string, string | undefined>> = {}\n      if (watchedFormData.hourlyCompensations) {\n        Object.entries(watchedFormData.hourlyCompensations).forEach(([jobId, compensations]) => {\n          if (compensations) {\n            hourlyCompensations[jobId] = compensations\n          }\n        })\n      }\n\n      const formDataWithDefaults: PayrollEditEmployeeFormValues = {\n        hourlyCompensations,\n        timeOffCompensations: watchedFormData.timeOffCompensations || {},\n        finalPayoutCompensations: watchedFormData.finalPayoutCompensations || {},\n        fixedCompensations: watchedFormData.fixedCompensations || {},\n        paymentMethod: watchedFormData.paymentMethod,\n      }\n\n      const updatedCompensation = buildCompensationFromFormData(\n        formDataWithDefaults,\n        employeeCompensation,\n        (employeeCompensation?.paidTimeOff || []).filter(entry => entry.name),\n        primaryJob?.uuid,\n      )\n\n      return calculateGrossPay(\n        updatedCompensation,\n        employee,\n        payPeriodStartDate,\n        paySchedule,\n        payrollCategory,\n      )\n    } catch {\n      return employeeCompensation\n        ? calculateGrossPay(\n            employeeCompensation,\n            employee,\n            payPeriodStartDate,\n            paySchedule,\n            payrollCategory,\n          )\n        : 0\n    }\n  }, [\n    watchedFormData,\n    employeeCompensation,\n    primaryJob?.uuid,\n    employee,\n    payPeriodStartDate,\n    paySchedule,\n    payrollCategory,\n  ])\n\n  const employeeName = firstLastName({\n    first_name: employee.firstName,\n    last_name: employee.lastName,\n  })\n\n  const onSubmit = (data: PayrollEditEmployeeFormValues) => {\n    const updatedCompensation = buildCompensationFromFormData(\n      data,\n      employeeCompensation,\n      timeOff,\n      primaryJob?.uuid,\n    )\n    onSave(updatedCompensation)\n  }\n\n  const formattedCurrentGrossPay = formatNumberAsCurrency(currentGrossPay || 0)\n\n  const actions = (\n    <Flex\n      flexDirection={isSmallOrGreater ? 'row' : 'column'}\n      justifyContent={isSmallOrGreater ? 'flex-end' : 'normal'}\n      alignItems={isSmallOrGreater ? 'flex-start' : 'stretch'}\n      gap={12}\n    >\n      <Button variant=\"secondary\" onClick={onCancel} title={t('cancelCta')}>\n        {t('cancelCta')}\n      </Button>\n      <Button\n        onClick={formHandlers.handleSubmit(onSubmit)}\n        title={t('saveCta')}\n        isLoading={isPending}\n      >\n        {t('saveCta')}\n      </Button>\n    </Flex>\n  )\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <div\n        className={`${styles.headerSection} ${!isSmallOrGreater ? styles.headerSectionSticky : ''}`}\n      >\n        <Flex justifyContent=\"space-between\">\n          <Flex flexDirection=\"column\" gap={isSmallOrGreater ? 8 : 2}>\n            <Heading as=\"h1\" styledAs={isSmallOrGreater ? 'h2' : 'h4'}>\n              {t('pageTitle', { employeeName })}\n            </Heading>\n            {isSmallOrGreater ? (\n              <Flex flexDirection=\"column\" gap={6}>\n                <Heading as=\"h2\" styledAs=\"h3\">\n                  {formattedCurrentGrossPay}\n                </Heading>\n                <Text className={styles.grossPayLabel}>{t('grossPayLabel')}</Text>\n              </Flex>\n            ) : (\n              <Heading as=\"h2\" styledAs=\"h6\" className={styles.grossPayLabel}>\n                {t('grossPayLabelMobile', { grossPay: formattedCurrentGrossPay })}\n              </Heading>\n            )}\n          </Flex>\n          {isSmallOrGreater && actions}\n        </Flex>\n      </div>\n      <FormProvider {...formHandlers}>\n        <Form>\n          {hourlyJobs.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h3\">{t('regularHoursTitle')}</Heading>\n              {hourlyJobs.map(hourlyJob => (\n                <Flex key={hourlyJob.uuid} flexDirection=\"column\" gap={8}>\n                  {hourlyJobs.length > 1 && <Heading as=\"h4\">{hourlyJob.title}</Heading>}\n                  <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                    {HOURS_COMPENSATION_NAMES.map(compensationName => {\n                      const employeeHourlyCompensation = findMatchingCompensation(\n                        hourlyJob.uuid,\n                        compensationName,\n                      )\n                      if (employeeHourlyCompensation) {\n                        return (\n                          <TextInputField\n                            key={compensationName}\n                            type=\"number\"\n                            min={0}\n                            adornmentEnd={t('hoursUnit')}\n                            isRequired\n                            label={getCompensationLabel(compensationName)}\n                            name={`hourlyCompensations.${hourlyJob.uuid}.${employeeHourlyCompensation.name}`}\n                          />\n                        )\n                      }\n                    })}\n                  </Grid>\n                </Flex>\n              ))}\n            </div>\n          )}\n          {timeOff.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('timeOffTitle')}</Heading>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                {timeOff.map(timeOffEntry => (\n                  <TimeOffField\n                    key={timeOffEntry.name}\n                    timeOff={timeOffEntry}\n                    employee={employee}\n                  />\n                ))}\n              </Grid>\n            </div>\n          )}\n          {payrollCategory === PayrollCategory.Dismissal && timeOff.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('finalPayoutTitle')}</Heading>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                {timeOff.map(timeOffEntry => (\n                  <TextInputField\n                    key={`payout-${timeOffEntry.name}`}\n                    name={`finalPayoutCompensations.${timeOffEntry.name}`}\n                    type=\"number\"\n                    min={0}\n                    adornmentEnd={t('hoursUnit')}\n                    isRequired\n                    label={timeOffEntry.name}\n                  />\n                ))}\n              </Grid>\n            </div>\n          )}\n          {additionalEarnings.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('additionalEarningsTitle')}</Heading>\n              <Grid\n                gridTemplateColumns={{ base: '1fr', small: [320, 320], large: [320, 320, 320] }}\n                gap={20}\n              >\n                {additionalEarnings.map(fixedCompensation => (\n                  <NumberInputField\n                    key={fixedCompensation.name}\n                    format=\"currency\"\n                    min={0}\n                    isRequired\n                    label={getFixedCompensationLabel(fixedCompensation.name)}\n                    name={`fixedCompensations.${fixedCompensation.name}`}\n                  />\n                ))}\n              </Grid>\n            </div>\n          )}\n          {reimbursement && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('reimbursementTitle')}</Heading>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                <NumberInputField\n                  format=\"currency\"\n                  min={0}\n                  isRequired\n                  label={getFixedCompensationLabel(reimbursement.name)}\n                  name={`fixedCompensations.${reimbursement.name}`}\n                />\n              </Grid>\n            </div>\n          )}\n          {hasDirectDepositSetup && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('paymentMethodTitle')}</Heading>\n              <RadioGroupField\n                name=\"paymentMethod\"\n                isRequired\n                label={t('paymentMethodLabel')}\n                description={t('paymentMethodDescription')}\n                options={[\n                  {\n                    value: PayrollEmployeeCompensationsTypePaymentMethod.DirectDeposit,\n                    label: t('paymentMethodOptions.directDeposit'),\n                  },\n                  {\n                    value: PayrollEmployeeCompensationsTypePaymentMethod.Check,\n                    label: t('paymentMethodOptions.check'),\n                  },\n                ]}\n              />\n            </div>\n          )}\n        </Form>\n        {!isSmallOrGreater && actions}\n      </FormProvider>\n    </div>\n  )\n}\n"],"names":["PayrollEditEmployeeFormSchema","z","PayrollEmployeeCompensationsTypePaymentMethod","buildCompensationFromFormData","formData","employeeCompensation","timeOff","primaryJobUuid","updatedCompensation","compensation","hours","timeOffEntry","finalPayout","updatedFixedCompensations","fixedCompensationName","formAmount","existingFixedCompensation","fixedCompensation","amountAsString","PayrollEditEmployeePresentation","onSave","onCancel","employee","isPending","fixedCompensationTypes","payPeriodStartDate","paySchedule","payrollCategory","PayrollCategory","withReimbursements","hasDirectDepositSetup","Button","Heading","Text","useComponentContext","useTranslation","useI18n","primaryJob","job","primaryJobHasHourlyCompensations","c","hourlyJobs","containerRef","useRef","isSmallOrGreater","useContainerBreakpoints","hourlyJob","entry","additionalEarnings","getAdditionalEarningsCompensations","EXCLUDED_ADDITIONAL_EARNINGS","reimbursement","getReimbursementCompensation","findMatchingCompensation","jobUuid","compensationName","getCompensationLabel","COMPENSATION_NAME_REGULAR_HOURS","COMPENSATION_NAME_OVERTIME","COMPENSATION_NAME_DOUBLE_OVERTIME","getFixedCompensationLabel","COMPENSATION_NAME_BONUS","COMPENSATION_NAME_PAYCHECK_TIPS","COMPENSATION_NAME_CORRECTION_PAYMENT","COMPENSATION_NAME_COMMISSION","COMPENSATION_NAME_CASH_TIPS","COMPENSATION_NAME_REIMBURSEMENT","defaultValues","hourlyCompensations","HOURS_COMPENSATION_NAMES","matchingCompensation","timeOffCompensations","timeOffCompensation","finalPayoutCompensations","fixedCompensations","fixedComp","formHandlers","useForm","zodResolver","watchedFormData","useWatch","currentGrossPay","useMemo","jobId","compensations","formDataWithDefaults","calculateGrossPay","employeeName","firstLastName","onSubmit","data","formattedCurrentGrossPay","formatNumberAsCurrency","actions","jsxs","Flex","jsx","styles","FormProvider","Form","Grid","employeeHourlyCompensation","TextInputField","TimeOffField","NumberInputField","RadioGroupField"],"mappings":"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"}
+{"version":3,"file":"PayrollEditEmployeePresentation.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.tsx"],"sourcesContent":["import { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useMemo, useRef } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type {\n  PayrollEmployeeCompensationsTypeFixedCompensations as FixedCompensations,\n  PayrollEmployeeCompensationsType,\n  PayrollEmployeeCompensationsTypePaidTimeOff,\n} from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport { PayrollEmployeeCompensationsTypePaymentMethod } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollFixedCompensationTypesType } from '@gusto/embedded-api/models/components/payrollfixedcompensationtypestype'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './PayrollEditEmployeePresentation.module.scss'\nimport { TimeOffField } from './TimeOffField'\nimport { Flex, Grid, TextInputField, RadioGroupField, NumberInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { Form } from '@/components/Common/Form'\nimport { formatNumberAsCurrency, firstLastName } from '@/helpers/formattedStrings'\nimport {\n  getAdditionalEarningsCompensations,\n  getReimbursementCompensation,\n  calculateGrossPay,\n} from '@/components/Payroll/helpers'\nimport { PayrollCategory } from '@/components/Payroll/payrollTypes'\nimport {\n  COMPENSATION_NAME_DOUBLE_OVERTIME,\n  COMPENSATION_NAME_OVERTIME,\n  COMPENSATION_NAME_REGULAR_HOURS,\n  HOURS_COMPENSATION_NAMES,\n  EXCLUDED_ADDITIONAL_EARNINGS,\n  COMPENSATION_NAME_REIMBURSEMENT,\n  COMPENSATION_NAME_BONUS,\n  COMPENSATION_NAME_PAYCHECK_TIPS,\n  COMPENSATION_NAME_CORRECTION_PAYMENT,\n  COMPENSATION_NAME_COMMISSION,\n  COMPENSATION_NAME_CASH_TIPS,\n} from '@/shared/constants'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PayrollEditEmployeeProps {\n  onSave: (updatedCompensation: PayrollEmployeeCompensationsType) => void\n  onCancel: () => void\n  employee: Employee\n  employeeCompensation?: PayrollEmployeeCompensationsType\n  isPending?: boolean\n  fixedCompensationTypes: PayrollFixedCompensationTypesType[]\n  payPeriodStartDate?: string\n  paySchedule?: PayScheduleObject\n  payrollCategory?: PayrollCategory\n  withReimbursements?: boolean\n  hasDirectDepositSetup?: boolean\n}\n\nexport const PayrollEditEmployeeFormSchema = z.object({\n  hourlyCompensations: z.record(z.string(), z.record(z.string(), z.string().optional())),\n  timeOffCompensations: z.record(z.string(), z.string().optional()),\n  finalPayoutCompensations: z.record(z.string(), z.string().optional()),\n  fixedCompensations: z.record(z.string(), z.number().optional()),\n  paymentMethod: z.enum(PayrollEmployeeCompensationsTypePaymentMethod).optional(),\n})\n\nexport type PayrollEditEmployeeFormValues = z.infer<typeof PayrollEditEmployeeFormSchema>\n\nconst buildCompensationFromFormData = (\n  formData: PayrollEditEmployeeFormValues,\n  employeeCompensation: PayrollEmployeeCompensationsType | undefined,\n  timeOff: PayrollEmployeeCompensationsTypePaidTimeOff[],\n  primaryJobUuid?: string,\n  payrollCategory: PayrollCategory = PayrollCategory.Regular,\n): PayrollEmployeeCompensationsType => {\n  const updatedCompensation = {\n    ...employeeCompensation,\n    paymentMethod: formData.paymentMethod,\n  }\n\n  updatedCompensation.hourlyCompensations = employeeCompensation?.hourlyCompensations?.map(\n    compensation => {\n      const hours =\n        compensation.jobUuid && compensation.name\n          ? formData.hourlyCompensations[compensation.jobUuid]?.[compensation.name]\n          : undefined\n      return hours\n        ? {\n            ...compensation,\n            hours,\n          }\n        : compensation\n    },\n  )\n\n  updatedCompensation.paidTimeOff = timeOff.map(timeOffEntry => {\n    const isDismissal = payrollCategory === PayrollCategory.Dismissal\n    const { finalPayoutUnusedHoursInput: _, ...timeOffWithoutPayout } = timeOffEntry\n\n    if (isDismissal) {\n      const finalPayout =\n        formData.finalPayoutCompensations[timeOffEntry.name!] ??\n        timeOffEntry.finalPayoutUnusedHoursInput\n      return {\n        ...timeOffEntry,\n        hours: formData.timeOffCompensations[timeOffEntry.name!],\n        ...(finalPayout != null ? { finalPayoutUnusedHoursInput: finalPayout } : {}),\n      }\n    }\n\n    return {\n      ...timeOffWithoutPayout,\n      hours: formData.timeOffCompensations[timeOffEntry.name!],\n    }\n  })\n\n  const updatedFixedCompensations: FixedCompensations[] = []\n\n  Object.entries(formData.fixedCompensations).forEach(([fixedCompensationName, formAmount]) => {\n    const existingFixedCompensation = employeeCompensation?.fixedCompensations?.find(\n      fixedCompensation =>\n        fixedCompensation.name?.toLowerCase() === fixedCompensationName.toLowerCase(),\n    )\n\n    if (formAmount !== undefined) {\n      const amountAsString = formAmount.toString()\n      if (existingFixedCompensation) {\n        updatedFixedCompensations.push({\n          name: existingFixedCompensation.name,\n          jobUuid: existingFixedCompensation.jobUuid,\n          amount: amountAsString,\n        })\n      } else if (formAmount !== 0) {\n        updatedFixedCompensations.push({\n          name: fixedCompensationName,\n          jobUuid: primaryJobUuid,\n          amount: amountAsString,\n        })\n      }\n    }\n  })\n\n  updatedCompensation.fixedCompensations = updatedFixedCompensations\n\n  return updatedCompensation\n}\n\nexport const PayrollEditEmployeePresentation = ({\n  onSave,\n  onCancel,\n  employee,\n  employeeCompensation,\n  isPending = false,\n  fixedCompensationTypes,\n  payPeriodStartDate,\n  paySchedule,\n  payrollCategory = PayrollCategory.Regular,\n  withReimbursements = true,\n  hasDirectDepositSetup = true,\n}: PayrollEditEmployeeProps) => {\n  const { Button, Heading, Text } = useComponentContext()\n\n  const { t } = useTranslation('Payroll.PayrollEditEmployee')\n  useI18n('Payroll.PayrollEditEmployee')\n\n  const primaryJob = employee.jobs?.find(job => job.primary)\n  const primaryJobHasHourlyCompensations = employeeCompensation?.hourlyCompensations?.some(\n    c => c.jobUuid === primaryJob?.uuid,\n  )\n  const hourlyJobs = primaryJob && primaryJobHasHourlyCompensations ? [primaryJob] : []\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({\n    ref: containerRef,\n  })\n  const isSmallOrGreater = breakpoints.includes('small')\n\n  employeeCompensation?.hourlyCompensations?.forEach(compensation => {\n    const job = employee.jobs?.find(job => job.uuid === compensation.jobUuid)\n    if (job && !hourlyJobs.find(hourlyJob => hourlyJob.uuid === job.uuid)) {\n      hourlyJobs.push(job)\n    }\n  })\n\n  const timeOff = (employeeCompensation?.paidTimeOff || []).filter(entry => entry.name)\n\n  const additionalEarnings = getAdditionalEarningsCompensations({\n    flsaStatus: primaryJob?.compensations?.[0]?.flsaStatus,\n    existingFixedCompensations: employeeCompensation?.fixedCompensations || [],\n    primaryJobUuid: primaryJob?.uuid,\n    fixedCompensationTypes,\n    excludedTypes: EXCLUDED_ADDITIONAL_EARNINGS,\n  })\n\n  const reimbursement = withReimbursements\n    ? getReimbursementCompensation(\n        employeeCompensation?.fixedCompensations || [],\n        fixedCompensationTypes,\n        primaryJob?.uuid,\n      )\n    : null\n\n  const findMatchingCompensation = (jobUuid: string, compensationName: string) => {\n    return employeeCompensation?.hourlyCompensations?.find(\n      compensation =>\n        compensation.jobUuid === jobUuid &&\n        compensation.name?.toLowerCase() === compensationName.toLowerCase(),\n    )\n  }\n\n  const getCompensationLabel = (compensationName?: string) => {\n    switch (compensationName) {\n      case COMPENSATION_NAME_REGULAR_HOURS:\n        return t('compensationNames.regularHours')\n      case COMPENSATION_NAME_OVERTIME:\n        return t('compensationNames.overtime')\n      case COMPENSATION_NAME_DOUBLE_OVERTIME:\n        return t('compensationNames.doubleOvertime')\n      default:\n        return compensationName\n    }\n  }\n\n  const getFixedCompensationLabel = (compensationName?: string) => {\n    switch (compensationName) {\n      case COMPENSATION_NAME_BONUS:\n        return t('fixedCompensationNames.bonus')\n      case COMPENSATION_NAME_PAYCHECK_TIPS:\n        return t('fixedCompensationNames.paycheckTips')\n      case COMPENSATION_NAME_CORRECTION_PAYMENT:\n        return t('fixedCompensationNames.correctionPayment')\n      case COMPENSATION_NAME_COMMISSION:\n        return t('fixedCompensationNames.commission')\n      case COMPENSATION_NAME_CASH_TIPS:\n        return t('fixedCompensationNames.cashTips')\n      case COMPENSATION_NAME_REIMBURSEMENT:\n        return t('fixedCompensationNames.reimbursement')\n      default:\n        return compensationName\n    }\n  }\n\n  const defaultValues = {\n    hourlyCompensations: (() => {\n      const hourlyCompensations: PayrollEditEmployeeFormValues['hourlyCompensations'] = {}\n\n      hourlyJobs.forEach(hourlyJob => {\n        HOURS_COMPENSATION_NAMES.forEach(compensationName => {\n          const matchingCompensation = findMatchingCompensation(hourlyJob.uuid, compensationName)\n          if (matchingCompensation) {\n            if (!hourlyCompensations[hourlyJob.uuid]) {\n              hourlyCompensations[hourlyJob.uuid] = {}\n            }\n            hourlyCompensations[hourlyJob.uuid]![matchingCompensation.name!] =\n              matchingCompensation.hours ? parseFloat(matchingCompensation.hours).toString() : ''\n          }\n        })\n      })\n\n      return hourlyCompensations\n    })(),\n\n    timeOffCompensations: (() => {\n      const timeOffCompensations: PayrollEditEmployeeFormValues['timeOffCompensations'] = {}\n\n      timeOff.forEach(timeOffCompensation => {\n        timeOffCompensations[timeOffCompensation.name!] = timeOffCompensation.hours\n          ? parseFloat(timeOffCompensation.hours).toString()\n          : ''\n      })\n\n      return timeOffCompensations\n    })(),\n\n    finalPayoutCompensations: (() => {\n      const finalPayoutCompensations: PayrollEditEmployeeFormValues['finalPayoutCompensations'] = {}\n\n      timeOff.forEach(timeOffCompensation => {\n        finalPayoutCompensations[timeOffCompensation.name!] =\n          timeOffCompensation.finalPayoutUnusedHoursInput ?? '0'\n      })\n\n      return finalPayoutCompensations\n    })(),\n\n    fixedCompensations: (() => {\n      const fixedCompensations: PayrollEditEmployeeFormValues['fixedCompensations'] = {}\n\n      additionalEarnings.forEach(fixedComp => {\n        fixedCompensations[fixedComp.name!] = fixedComp.amount\n          ? parseFloat(fixedComp.amount)\n          : undefined\n      })\n\n      if (reimbursement) {\n        fixedCompensations[reimbursement.name!] = reimbursement.amount\n          ? parseFloat(reimbursement.amount)\n          : undefined\n      }\n\n      return fixedCompensations\n    })(),\n\n    paymentMethod:\n      employeeCompensation?.paymentMethod ||\n      PayrollEmployeeCompensationsTypePaymentMethod.DirectDeposit,\n  }\n\n  const formHandlers = useForm<PayrollEditEmployeeFormValues>({\n    resolver: zodResolver(PayrollEditEmployeeFormSchema),\n    defaultValues,\n  })\n\n  const watchedFormData = useWatch({\n    control: formHandlers.control,\n  })\n\n  const currentGrossPay = useMemo(() => {\n    try {\n      const hourlyCompensations: Record<string, Record<string, string | undefined>> = {}\n      if (watchedFormData.hourlyCompensations) {\n        Object.entries(watchedFormData.hourlyCompensations).forEach(([jobId, compensations]) => {\n          if (compensations) {\n            hourlyCompensations[jobId] = compensations\n          }\n        })\n      }\n\n      const formDataWithDefaults: PayrollEditEmployeeFormValues = {\n        hourlyCompensations,\n        timeOffCompensations: watchedFormData.timeOffCompensations || {},\n        finalPayoutCompensations: watchedFormData.finalPayoutCompensations || {},\n        fixedCompensations: watchedFormData.fixedCompensations || {},\n        paymentMethod: watchedFormData.paymentMethod,\n      }\n\n      const updatedCompensation = buildCompensationFromFormData(\n        formDataWithDefaults,\n        employeeCompensation,\n        (employeeCompensation?.paidTimeOff || []).filter(entry => entry.name),\n        primaryJob?.uuid,\n        payrollCategory,\n      )\n\n      return calculateGrossPay(\n        updatedCompensation,\n        employee,\n        payPeriodStartDate,\n        paySchedule,\n        payrollCategory,\n      )\n    } catch {\n      return employeeCompensation\n        ? calculateGrossPay(\n            employeeCompensation,\n            employee,\n            payPeriodStartDate,\n            paySchedule,\n            payrollCategory,\n          )\n        : 0\n    }\n  }, [\n    watchedFormData,\n    employeeCompensation,\n    primaryJob?.uuid,\n    employee,\n    payPeriodStartDate,\n    paySchedule,\n    payrollCategory,\n  ])\n\n  const employeeName = firstLastName({\n    first_name: employee.firstName,\n    last_name: employee.lastName,\n  })\n\n  const onSubmit = (data: PayrollEditEmployeeFormValues) => {\n    const updatedCompensation = buildCompensationFromFormData(\n      data,\n      employeeCompensation,\n      timeOff,\n      primaryJob?.uuid,\n      payrollCategory,\n    )\n    onSave(updatedCompensation)\n  }\n\n  const formattedCurrentGrossPay = formatNumberAsCurrency(currentGrossPay || 0)\n\n  const actions = (\n    <Flex\n      flexDirection={isSmallOrGreater ? 'row' : 'column'}\n      justifyContent={isSmallOrGreater ? 'flex-end' : 'normal'}\n      alignItems={isSmallOrGreater ? 'flex-start' : 'stretch'}\n      gap={12}\n    >\n      <Button variant=\"secondary\" onClick={onCancel} title={t('cancelCta')}>\n        {t('cancelCta')}\n      </Button>\n      <Button\n        onClick={formHandlers.handleSubmit(onSubmit)}\n        title={t('saveCta')}\n        isLoading={isPending}\n      >\n        {t('saveCta')}\n      </Button>\n    </Flex>\n  )\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <div\n        className={`${styles.headerSection} ${!isSmallOrGreater ? styles.headerSectionSticky : ''}`}\n      >\n        <Flex justifyContent=\"space-between\">\n          <Flex flexDirection=\"column\" gap={isSmallOrGreater ? 8 : 2}>\n            <Heading as=\"h1\" styledAs={isSmallOrGreater ? 'h2' : 'h4'}>\n              {t('pageTitle', { employeeName })}\n            </Heading>\n            {isSmallOrGreater ? (\n              <Flex flexDirection=\"column\" gap={6}>\n                <Heading as=\"h2\" styledAs=\"h3\">\n                  {formattedCurrentGrossPay}\n                </Heading>\n                <Text className={styles.grossPayLabel}>{t('grossPayLabel')}</Text>\n              </Flex>\n            ) : (\n              <Heading as=\"h2\" styledAs=\"h6\" className={styles.grossPayLabel}>\n                {t('grossPayLabelMobile', { grossPay: formattedCurrentGrossPay })}\n              </Heading>\n            )}\n          </Flex>\n          {isSmallOrGreater && actions}\n        </Flex>\n      </div>\n      <FormProvider {...formHandlers}>\n        <Form>\n          {hourlyJobs.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h3\">{t('regularHoursTitle')}</Heading>\n              {hourlyJobs.map(hourlyJob => (\n                <Flex key={hourlyJob.uuid} flexDirection=\"column\" gap={8}>\n                  {hourlyJobs.length > 1 && <Heading as=\"h4\">{hourlyJob.title}</Heading>}\n                  <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                    {HOURS_COMPENSATION_NAMES.map(compensationName => {\n                      const employeeHourlyCompensation = findMatchingCompensation(\n                        hourlyJob.uuid,\n                        compensationName,\n                      )\n                      if (employeeHourlyCompensation) {\n                        return (\n                          <TextInputField\n                            key={compensationName}\n                            type=\"number\"\n                            min={0}\n                            adornmentEnd={t('hoursUnit')}\n                            isRequired\n                            label={getCompensationLabel(compensationName)}\n                            name={`hourlyCompensations.${hourlyJob.uuid}.${employeeHourlyCompensation.name}`}\n                          />\n                        )\n                      }\n                    })}\n                  </Grid>\n                </Flex>\n              ))}\n            </div>\n          )}\n          {timeOff.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('timeOffTitle')}</Heading>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                {timeOff.map(timeOffEntry => (\n                  <TimeOffField\n                    key={timeOffEntry.name}\n                    timeOff={timeOffEntry}\n                    employee={employee}\n                  />\n                ))}\n              </Grid>\n            </div>\n          )}\n          {payrollCategory === PayrollCategory.Dismissal && timeOff.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('finalPayoutTitle')}</Heading>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                {timeOff.map(timeOffEntry => (\n                  <TextInputField\n                    key={`payout-${timeOffEntry.name}`}\n                    name={`finalPayoutCompensations.${timeOffEntry.name}`}\n                    type=\"number\"\n                    min={0}\n                    adornmentEnd={t('hoursUnit')}\n                    isRequired\n                    label={timeOffEntry.name}\n                  />\n                ))}\n              </Grid>\n            </div>\n          )}\n          {additionalEarnings.length > 0 && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('additionalEarningsTitle')}</Heading>\n              <Grid\n                gridTemplateColumns={{ base: '1fr', small: [320, 320], large: [320, 320, 320] }}\n                gap={20}\n              >\n                {additionalEarnings.map(fixedCompensation => (\n                  <NumberInputField\n                    key={fixedCompensation.name}\n                    format=\"currency\"\n                    min={0}\n                    isRequired\n                    label={getFixedCompensationLabel(fixedCompensation.name)}\n                    name={`fixedCompensations.${fixedCompensation.name}`}\n                  />\n                ))}\n              </Grid>\n            </div>\n          )}\n          {reimbursement && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('reimbursementTitle')}</Heading>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                <NumberInputField\n                  format=\"currency\"\n                  min={0}\n                  isRequired\n                  label={getFixedCompensationLabel(reimbursement.name)}\n                  name={`fixedCompensations.${reimbursement.name}`}\n                />\n              </Grid>\n            </div>\n          )}\n          {hasDirectDepositSetup && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('paymentMethodTitle')}</Heading>\n              <RadioGroupField\n                name=\"paymentMethod\"\n                isRequired\n                label={t('paymentMethodLabel')}\n                description={t('paymentMethodDescription')}\n                options={[\n                  {\n                    value: PayrollEmployeeCompensationsTypePaymentMethod.DirectDeposit,\n                    label: t('paymentMethodOptions.directDeposit'),\n                  },\n                  {\n                    value: PayrollEmployeeCompensationsTypePaymentMethod.Check,\n                    label: t('paymentMethodOptions.check'),\n                  },\n                ]}\n              />\n            </div>\n          )}\n        </Form>\n        {!isSmallOrGreater && actions}\n      </FormProvider>\n    </div>\n  )\n}\n"],"names":["PayrollEditEmployeeFormSchema","z","PayrollEmployeeCompensationsTypePaymentMethod","buildCompensationFromFormData","formData","employeeCompensation","timeOff","primaryJobUuid","payrollCategory","PayrollCategory","updatedCompensation","compensation","hours","timeOffEntry","isDismissal","_","timeOffWithoutPayout","finalPayout","updatedFixedCompensations","fixedCompensationName","formAmount","existingFixedCompensation","fixedCompensation","amountAsString","PayrollEditEmployeePresentation","onSave","onCancel","employee","isPending","fixedCompensationTypes","payPeriodStartDate","paySchedule","withReimbursements","hasDirectDepositSetup","Button","Heading","Text","useComponentContext","useTranslation","useI18n","primaryJob","job","primaryJobHasHourlyCompensations","c","hourlyJobs","containerRef","useRef","isSmallOrGreater","useContainerBreakpoints","hourlyJob","entry","additionalEarnings","getAdditionalEarningsCompensations","EXCLUDED_ADDITIONAL_EARNINGS","reimbursement","getReimbursementCompensation","findMatchingCompensation","jobUuid","compensationName","getCompensationLabel","COMPENSATION_NAME_REGULAR_HOURS","COMPENSATION_NAME_OVERTIME","COMPENSATION_NAME_DOUBLE_OVERTIME","getFixedCompensationLabel","COMPENSATION_NAME_BONUS","COMPENSATION_NAME_PAYCHECK_TIPS","COMPENSATION_NAME_CORRECTION_PAYMENT","COMPENSATION_NAME_COMMISSION","COMPENSATION_NAME_CASH_TIPS","COMPENSATION_NAME_REIMBURSEMENT","defaultValues","hourlyCompensations","HOURS_COMPENSATION_NAMES","matchingCompensation","timeOffCompensations","timeOffCompensation","finalPayoutCompensations","fixedCompensations","fixedComp","formHandlers","useForm","zodResolver","watchedFormData","useWatch","currentGrossPay","useMemo","jobId","compensations","formDataWithDefaults","calculateGrossPay","employeeName","firstLastName","onSubmit","data","formattedCurrentGrossPay","formatNumberAsCurrency","actions","jsxs","Flex","jsx","styles","FormProvider","Form","Grid","employeeHourlyCompensation","TextInputField","TimeOffField","NumberInputField","RadioGroupField"],"mappings":"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"}

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

@@ -6,7 +6,6 @@ import { PayrollOverviewStatus as h } from "./PayrollOverviewTypes.js";
 import re from "./PayrollOverviewPresentation.module.scss.js";
 import { Flex as d } from "../../Common/Flex/Flex.js";
 import { Grid as Ne } from "../../Common/Grid/Grid.js";
-import "classnames";
 import { useComponentContext as Se } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import we from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
 import { useI18n as _e } from "../../../i18n/I18n.js";
@@ -19,7 +18,7 @@ import { PayrollLoading as oe } from "../../Common/PayrollLoading/PayrollLoading
 import { FastAchSubmissionBlockerBanner as Oe } from "./SubmissionBlockers/FastAchSubmissionBlockerBanner.js";
 import { GenericBlocker as Ae } from "./SubmissionBlockers/GenericBlocker.js";
 import { DataView as c } from "../../Common/DataView/DataView.js";
-const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate, p.endDate) : { startDate: "", endDate: "" }, nt = ({
+const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate, p.endDate) : { startDate: "", endDate: "" }, rt = ({
   onEdit: p,
   onSubmit: w,
   onCancel: se,
@@ -569,6 +568,6 @@ const Me = (p, w) => p?.startDate && p.endDate ? w.formatPayPeriod(p.startDate,
   ] }) });
 };
 export {
-  nt as PayrollOverviewPresentation
+  rt as PayrollOverviewPresentation
 };
 //# sourceMappingURL=PayrollOverviewPresentation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollOverviewPresentation.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverviewPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type {\n  EmployeeCompensations,\n  PayrollShow,\n} from '@gusto/embedded-api/models/components/payroll'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { useState, useRef } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type {\n  PayrollSubmissionBlockerType,\n  UnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { calculateTotalPayroll, getPayrollTypeLabel } from '../helpers'\nimport { PayrollOverviewStatus } from './PayrollOverviewTypes'\nimport { FastAchSubmissionBlockerBanner, GenericBlocker } from './SubmissionBlockers'\nimport styles from './PayrollOverviewPresentation.module.scss'\nimport { DataView, Flex, Grid, PayrollLoading } from '@/components/Common'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport {\n  compensationTypeLabels,\n  FlsaStatus,\n  PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,\n  PAYMENT_METHODS,\n} 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  status?: PayrollOverviewStatus\n  isProcessed: boolean\n  canCancel?: boolean\n  alerts?: PayrollFlowAlert[]\n  submissionBlockers?: PayrollSubmissionBlockerType[]\n  selectedUnblockOptions?: Record<string, string>\n  wireInConfirmationRequest?: React.ReactNode\n  onEdit: () => void\n  onSubmit: () => void\n  onCancel: () => void\n  onPayrollReceipt: () => void\n  onPaystubDownload: (employeeId: string) => void\n  onUnblockOptionChange?: (blockerType: string, value: string) => void\n  withReimbursements?: boolean\n  paymentSpeed?: string\n}\n\nconst getPayrollOverviewTitle = (\n  payPeriod: PayrollPayPeriodType | undefined,\n  dateFormatter: ReturnType<typeof useDateFormatter>,\n) => {\n  if (payPeriod?.startDate && payPeriod.endDate) {\n    return dateFormatter.formatPayPeriod(payPeriod.startDate, payPeriod.endDate)\n  }\n  return { 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  status = PayrollOverviewStatus.Viewing,\n  isProcessed,\n  canCancel = false,\n  alerts = [],\n  submissionBlockers = [],\n  selectedUnblockOptions = {},\n  onUnblockOptionChange,\n  wireInConfirmationRequest,\n  withReimbursements = true,\n  paymentSpeed,\n}: PayrollOverviewProps) => {\n  const { Alert, Button, ButtonIcon, Dialog, Heading, Text, Tabs } = useComponentContext()\n  useI18n('Payroll.PayrollOverview')\n  const dateFormatter = useDateFormatter()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const formatCurrency = useNumberFormatter('currency')\n  const [selectedTab, setSelectedTab] = useState('companyPays')\n  const [isCancelDialogOpen, setIsCancelDialogOpen] = useState(false)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n\n  const isLoading =\n    status === PayrollOverviewStatus.Submitting || status === PayrollOverviewStatus.Cancelling\n\n  const pageHeading = (\n    <Heading as=\"h1\">{isProcessed ? t('summaryTitle') : t('overviewTitle')}</Heading>\n  )\n  const pageSubtitle = (\n    <Text>\n      <Trans\n        i18nKey=\"pageSubtitle\"\n        t={t}\n        components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n        values={{\n          ...getPayrollOverviewTitle(payrollData.payPeriod, dateFormatter),\n          payrollType: getPayrollTypeLabel(payrollData),\n        }}\n      />\n    </Text>\n  )\n\n  if (status === PayrollOverviewStatus.Cancelled) {\n    return (\n      <div ref={containerRef} className={styles.container}>\n        <Flex flexDirection=\"column\" alignItems=\"stretch\">\n          <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n            <Flex flexDirection=\"column\" gap={4}>\n              {pageHeading}\n              {pageSubtitle}\n            </Flex>\n          </Flex>\n          <Alert status=\"info\" label={t('cancelledEmptyState')} />\n        </Flex>\n      </div>\n    )\n  }\n\n  const totalPayroll = calculateTotalPayroll(payrollData)\n\n  const expectedDebitDate =\n    payrollData.payrollStatusMeta?.expectedDebitTime ?? 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      ? Number(\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 fastAchBlocker = submissionBlockers.find(\n    blocker =>\n      blocker.blockerType === 'fast_ach_threshold_exceeded' ||\n      blocker.blockerType === 'needs_earned_access_for_fast_ach',\n  )\n  const selectedUnblockType = fastAchBlocker\n    ? selectedUnblockOptions[fastAchBlocker.blockerType || '']\n    : undefined\n  const selectedUnblockOption = fastAchBlocker?.unblockOptions?.find(\n    (option: UnblockOptions) => option.unblockType === selectedUnblockType,\n  )\n\n  const isWireFunds = selectedUnblockType === 'wire_in'\n  const isFourDayDirectDeposit = selectedUnblockType === 'move_to_four_day'\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 + Number(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 + Number(paidTimeOff.hours || 0)\n      }, 0) ?? 0\n    )\n  }\n\n  const checkPaymentsCount =\n    payrollData.employeeCompensations?.reduce(\n      (acc, comp) =>\n        !comp.excluded && comp.paymentMethod === PAYMENT_METHODS.check ? acc + 1 : acc,\n      0,\n    ) ?? 0\n  const companyPaysColumns: Array<{\n    key: string\n    title: string\n    render: (item: EmployeeCompensations) => React.ReactNode\n  }> = [\n    {\n      key: 'employeeName',\n      title: t('tableHeaders.employees'),\n      render: (employeeCompensations: EmployeeCompensations) =>\n        firstLastName({\n          first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n          last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n        }),\n    },\n    {\n      key: 'grossPay',\n      title: t('tableHeaders.grossPay'),\n      render: (employeeCompensations: EmployeeCompensations) =>\n        formatCurrency(employeeCompensations.grossPay!),\n    },\n    ...(withReimbursements\n      ? [\n          {\n            key: 'reimbursements',\n            title: t('tableHeaders.reimbursements'),\n            render: (employeeCompensation: EmployeeCompensations) =>\n              formatCurrency(getReimbursements(employeeCompensation)),\n          },\n        ]\n      : []),\n    {\n      key: 'companyTaxes',\n      title: t('tableHeaders.companyTaxes'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyTaxes(employeeCompensation)),\n    },\n    {\n      key: 'companyBenefits',\n      title: t('tableHeaders.companyBenefits'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyBenefits(employeeCompensation)),\n    },\n    {\n      key: 'companyPays',\n      title: t('tableHeaders.companyPays'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyCost(employeeCompensation)),\n    },\n  ]\n  if (isProcessed && isDesktop) {\n    companyPaysColumns.push({\n      key: 'paystubs',\n      title: t('tableHeaders.paystub'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Flex justifyContent=\"flex-end\">\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        </Flex>\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          itemMenu={\n            isProcessed && !isDesktop\n              ? (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              : undefined\n          }\n          footer={() => ({\n            employeeName: (\n              <>\n                <Text weight=\"semibold\" size=\"sm\">\n                  {t('tableHeaders.footerTotalsLabel')}\n                </Text>\n                <Text variant=\"supporting\" size=\"sm\">\n                  {t('tableHeaders.footerTotalsDescription')}\n                </Text>\n              </>\n            ),\n            grossPay: formatCurrency(Number(payrollData.totals?.grossPay ?? 0)),\n            ...(withReimbursements\n              ? {\n                  reimbursements: formatCurrency(Number(payrollData.totals?.reimbursements ?? 0)),\n                }\n              : {}),\n            companyTaxes: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n            companyBenefits: formatCurrency(Number(payrollData.totals?.benefits ?? 0)),\n            companyPays: formatCurrency(totalPayroll),\n          })}\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                firstLastName({\n                  first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                  last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                }),\n            },\n            {\n              title: t('tableHeaders.compensationType'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                employeeMap.get(employeeCompensations.employeeUuid!)?.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            },\n            {\n              title: t('tableHeaders.regular'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[\n                  compensationTypeLabels.REGULAR_HOURS_NAME\n                ] || 0,\n            },\n            {\n              title: t('tableHeaders.overtime'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[compensationTypeLabels.OVERTIME_NAME] || 0,\n            },\n            {\n              title: t('tableHeaders.doubleOT'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[\n                  compensationTypeLabels.DOUBLE_OVERTIME_NAME\n                ] || 0,\n            },\n            {\n              title: t('tableHeaders.timeOff'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeePtoHours(employeeCompensations),\n            },\n            {\n              title: t('tableHeaders.totalHours'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                Object.values(getEmployeeHours(employeeCompensations)).reduce(\n                  (acc, hours) => acc + hours,\n                  0,\n                ) + getEmployeePtoHours(employeeCompensations),\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                firstLastName({\n                  first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                  last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                }),\n            },\n            {\n              title: t('tableHeaders.paymentType'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                employeeCompensations.paymentMethod ?? '',\n            },\n            {\n              title: t('tableHeaders.grossPay'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(employeeCompensations.grossPay ?? 0),\n            },\n            {\n              title: t('tableHeaders.deductions'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.deductions?.reduce(\n                    (acc, deduction) => acc + deduction.amount!,\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            ...(withReimbursements\n              ? [\n                  {\n                    title: t('tableHeaders.reimbursements'),\n                    render: (employeeCompensations: EmployeeCompensations) =>\n                      formatCurrency(getReimbursements(employeeCompensations)),\n                  },\n                ]\n              : []),\n            {\n              title: t('tableHeaders.employeeTaxes'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.taxes?.reduce(\n                    (acc, tax) => (tax.employer ? acc : acc + tax.amount),\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            {\n              title: t('tableHeaders.employeeBenefits'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.benefits?.reduce(\n                    (acc, benefit) => acc + (benefit.employeeDeduction ?? 0),\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            {\n              title: t('tableHeaders.payment'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(employeeCompensations.netPay ?? 0),\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 => taxKey,\n              },\n              {\n                key: 'byYourEmployees',\n                title: t('tableHeaders.byYourEmployees'),\n                render: taxKey => formatCurrency(taxes[taxKey]?.employee ?? 0),\n              },\n              {\n                key: 'byYourCompany',\n                title: t('tableHeaders.byYourCompany'),\n                render: taxKey => formatCurrency(taxes[taxKey]?.employer ?? 0),\n              },\n            ]}\n            footer={() => ({\n              taxDescription: (\n                <Text weight=\"semibold\" size=\"sm\">\n                  {t('totalsLabel')}\n                </Text>\n              ),\n              byYourEmployees: formatCurrency(Number(payrollData.totals?.employeeTaxes ?? 0)),\n              byYourCompany: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\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 }) => label,\n              },\n              {\n                title: t('tableHeaders.taxesTotal'),\n                render: ({ value }) => formatCurrency(Number(value)),\n              },\n            ]}\n            data={[\n              { label: t('directDepositLabel'), value: payrollData.totals?.netPayDebit || '0' },\n              ...(withReimbursements\n                ? [\n                    {\n                      label: t('reimbursementLabel'),\n                      value: payrollData.totals?.reimbursementDebit || '0',\n                    },\n                  ]\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  const actions = isProcessed ? (\n    <>\n      <Button onClick={onPayrollReceipt} variant=\"secondary\" isDisabled={isLoading}>\n        {t('payrollReceiptCta')}\n      </Button>\n      {canCancel && (\n        <Button\n          onClick={() => {\n            setIsCancelDialogOpen(true)\n          }}\n          variant=\"error\"\n          isDisabled={isLoading}\n        >\n          {t('cancelCta')}\n        </Button>\n      )}\n    </>\n  ) : (\n    <>\n      <Button onClick={onEdit} variant=\"secondary\" isDisabled={isLoading}>\n        {t('editCta')}\n      </Button>\n      <Button\n        onClick={onSubmit}\n        isDisabled={\n          isLoading ||\n          (submissionBlockers.length > 0 &&\n            (submissionBlockers.some(\n              blocker =>\n                !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blocker.blockerType || ''),\n            ) ||\n              submissionBlockers.some(\n                blocker => !selectedUnblockOptions[blocker.blockerType || ''],\n              )))\n        }\n      >\n        {t('submitCta')}\n      </Button>\n    </>\n  )\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" alignItems=\"stretch\">\n        <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n          <Flex flexDirection=\"column\" gap={4}>\n            {pageHeading}\n            {pageSubtitle}\n          </Flex>\n          {isDesktop && (\n            <Flex gap={8} justifyContent=\"flex-end\">\n              {actions}\n            </Flex>\n          )}\n        </Flex>\n        {!isDesktop && (\n          <Grid gridTemplateColumns=\"1fr\" gap={8}>\n            {actions}\n          </Grid>\n        )}\n        {status === PayrollOverviewStatus.Cancelling ? (\n          <PayrollLoading title={t('cancellingTitle')} />\n        ) : status === PayrollOverviewStatus.Submitting ? (\n          <PayrollLoading title={t('loadingTitle')} description={t('loadingDescription')} />\n        ) : (\n          <>\n            {wireInConfirmationRequest}\n            {alerts.length > 0 && (\n              <Flex flexDirection={'column'} gap={16}>\n                {alerts.map((alert, index) => (\n                  <Alert\n                    key={`${alert.type}-${alert.title}`}\n                    label={alert.title}\n                    status={alert.type}\n                    onDismiss={alert.onDismiss}\n                  >\n                    {alert.content ?? null}\n                  </Alert>\n                ))}\n              </Flex>\n            )}\n            {submissionBlockers.length > 0 &&\n              onUnblockOptionChange &&\n              submissionBlockers.map(blocker => {\n                const blockerType = blocker.blockerType || ''\n\n                if (PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType)) {\n                  return (\n                    <FastAchSubmissionBlockerBanner\n                      key={blockerType}\n                      blocker={blocker}\n                      selectedValue={selectedUnblockOptions[blockerType]}\n                      onUnblockOptionChange={onUnblockOptionChange}\n                      paymentSpeed={paymentSpeed}\n                    />\n                  )\n                }\n\n                return <GenericBlocker key={blockerType} blocker={blocker} />\n              })}\n            <Heading as=\"h3\">\n              {isWireFunds\n                ? t('payrollSummaryTitleWire')\n                : isFourDayDirectDeposit\n                  ? t('payrollSummaryTitleFourDay')\n                  : t('payrollSummaryTitle')}\n            </Heading>\n\n            {isWireFunds ? (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.wireAmount'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { wire_in_amount?: string }\n                        | undefined\n                      const wireAmount = metadata?.wire_in_amount\n                      return wireAmount ? formatCurrency(Number(wireAmount)) : '-'\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.wireTransferDeadline'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { wire_in_deadline?: string }\n                        | undefined\n                      const wireDeadline = metadata?.wire_in_deadline\n                      const formattedTime = dateFormatter.formatWithTime(wireDeadline)\n                      const formattedDate = dateFormatter.formatShortWithYear(wireDeadline)\n                      return wireDeadline ? `${formattedTime.time} on ${formattedDate}` : '-'\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () =>\n                      selectedUnblockOption?.checkDate\n                        ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n                        : '-',\n                  },\n                ]}\n                data={[{}]}\n              />\n            ) : isFourDayDirectDeposit ? (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.debitAmount'),\n                    render: () => {\n                      const debitAmount = payrollData.totals?.companyDebit\n                      return formatCurrency(Number(debitAmount ?? 0))\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.debitAccount'),\n                    render: () => bankAccount?.hiddenAccountNumber ?? '',\n                  },\n                  {\n                    title: t('tableHeaders.debitDate'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { debit_date?: string }\n                        | undefined\n                      const debitDate = metadata?.debit_date\n                      return dateFormatter.formatShortWithYear(debitDate)\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () =>\n                      selectedUnblockOption?.checkDate\n                        ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n                        : '-',\n                  },\n                ]}\n                data={[{}]}\n              />\n            ) : (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.debitAmount'),\n                    render: () => formatCurrency(Number(payrollData.totals?.companyDebit ?? 0)),\n                  },\n                  {\n                    title: t('tableHeaders.debitAccount'),\n                    render: () => bankAccount?.hiddenAccountNumber ?? '',\n                  },\n                  {\n                    title: t('tableHeaders.debitDate'),\n                    render: () => dateFormatter.formatShortWithYear(expectedDebitDate),\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () => dateFormatter.formatShortWithYear(payrollData.checkDate),\n                  },\n                ]}\n                data={[{}]}\n              />\n            )}\n            {checkPaymentsCount > 0 && (\n              <Alert\n                status=\"warning\"\n                label={t('alerts.checkPaymentWarning', { count: checkPaymentsCount })}\n              >\n                <Text>{t('alerts.checkPaymentWarningDescription')}</Text>\n              </Alert>\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={true}\n                closeActionLabel={t('declineCancelCta')}\n                title={t('cancelDialogTitle', {\n                  startDate: dateFormatter.formatLong(payrollData.payPeriod?.startDate),\n                  endDate: dateFormatter.formatLongWithYear(payrollData.payPeriod?.endDate),\n                })}\n              >\n                <Flex gap={14} flexDirection=\"column\">\n                  <Text>{t('cancelDialogDescription')}</Text>\n                  <Text>\n                    {t('cancelDialogDescriptionDeadline', {\n                      deadline: dateFormatter.formatWithTime(payrollData.payrollDeadline).time,\n                    })}\n                  </Text>\n                </Flex>\n              </Dialog>\n            )}\n          </>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["getPayrollOverviewTitle","payPeriod","dateFormatter","PayrollOverviewPresentation","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","employeeDetails","payrollData","bankAccount","taxes","status","PayrollOverviewStatus","isProcessed","canCancel","alerts","submissionBlockers","selectedUnblockOptions","onUnblockOptionChange","wireInConfirmationRequest","withReimbursements","paymentSpeed","Alert","Button","ButtonIcon","Dialog","Heading","Text","Tabs","useComponentContext","useI18n","useDateFormatter","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","containerRef","useRef","isDesktop","useContainerBreakpoints","isLoading","pageHeading","jsx","pageSubtitle","Trans","getPayrollTypeLabel","styles","jsxs","Flex","totalPayroll","calculateTotalPayroll","expectedDebitDate","getCompanyTaxes","employeeCompensation","acc","tax","getCompanyBenefits","benefit","getReimbursements","c","compensationTypeLabels","getCompanyCost","employeeMap","employee","fastAchBlocker","blocker","selectedUnblockType","selectedUnblockOption","option","isWireFunds","isFourDayDirectDeposit","getEmployeeHours","employeeCompensations","hourlyCompensation","name","currentHours","getEmployeePtoHours","paidTimeOff","checkPaymentsCount","comp","PAYMENT_METHODS","companyPaysColumns","firstLastName","DownloadIcon","tabs","DataView","Fragment","job","flsaStatus","FlsaStatus","hours","deduction","taxKey","label","value","actions","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","Grid","PayrollLoading","alert","index","blockerType","FastAchSubmissionBlockerBanner","GenericBlocker","wireAmount","wireDeadline","formattedTime","formattedDate","debitAmount","debitDate"],"mappings":"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"}
+{"version":3,"file":"PayrollOverviewPresentation.js","sources":["../../../../src/components/Payroll/PayrollOverview/PayrollOverviewPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type {\n  EmployeeCompensations,\n  PayrollShow,\n} from '@gusto/embedded-api/models/components/payroll'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api/models/components/payrollpayperiodtype'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { useState, useRef } from 'react'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type {\n  PayrollSubmissionBlockerType,\n  UnblockOptions,\n} from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport { calculateTotalPayroll, getPayrollTypeLabel } from '../helpers'\nimport { PayrollOverviewStatus } from './PayrollOverviewTypes'\nimport { FastAchSubmissionBlockerBanner, GenericBlocker } from './SubmissionBlockers'\nimport styles from './PayrollOverviewPresentation.module.scss'\nimport { DataView, Flex, Grid, PayrollLoading } from '@/components/Common'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport {\n  compensationTypeLabels,\n  FlsaStatus,\n  PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES,\n  PAYMENT_METHODS,\n} 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  status?: PayrollOverviewStatus\n  isProcessed: boolean\n  canCancel?: boolean\n  alerts?: PayrollFlowAlert[]\n  submissionBlockers?: PayrollSubmissionBlockerType[]\n  selectedUnblockOptions?: Record<string, string>\n  wireInConfirmationRequest?: React.ReactNode\n  onEdit: () => void\n  onSubmit: () => void\n  onCancel: () => void\n  onPayrollReceipt: () => void\n  onPaystubDownload: (employeeId: string) => void\n  onUnblockOptionChange?: (blockerType: string, value: string) => void\n  withReimbursements?: boolean\n  paymentSpeed?: string\n}\n\nconst getPayrollOverviewTitle = (\n  payPeriod: PayrollPayPeriodType | undefined,\n  dateFormatter: ReturnType<typeof useDateFormatter>,\n) => {\n  if (payPeriod?.startDate && payPeriod.endDate) {\n    return dateFormatter.formatPayPeriod(payPeriod.startDate, payPeriod.endDate)\n  }\n  return { 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  status = PayrollOverviewStatus.Viewing,\n  isProcessed,\n  canCancel = false,\n  alerts = [],\n  submissionBlockers = [],\n  selectedUnblockOptions = {},\n  onUnblockOptionChange,\n  wireInConfirmationRequest,\n  withReimbursements = true,\n  paymentSpeed,\n}: PayrollOverviewProps) => {\n  const { Alert, Button, ButtonIcon, Dialog, Heading, Text, Tabs } = useComponentContext()\n  useI18n('Payroll.PayrollOverview')\n  const dateFormatter = useDateFormatter()\n  const { t } = useTranslation('Payroll.PayrollOverview')\n  const formatCurrency = useNumberFormatter('currency')\n  const [selectedTab, setSelectedTab] = useState('companyPays')\n  const [isCancelDialogOpen, setIsCancelDialogOpen] = useState(false)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n\n  const isLoading =\n    status === PayrollOverviewStatus.Submitting || status === PayrollOverviewStatus.Cancelling\n\n  const pageHeading = (\n    <Heading as=\"h1\">{isProcessed ? t('summaryTitle') : t('overviewTitle')}</Heading>\n  )\n  const pageSubtitle = (\n    <Text>\n      <Trans\n        i18nKey=\"pageSubtitle\"\n        t={t}\n        components={{ dateWrapper: <Text weight=\"bold\" as=\"span\" /> }}\n        values={{\n          ...getPayrollOverviewTitle(payrollData.payPeriod, dateFormatter),\n          payrollType: getPayrollTypeLabel(payrollData),\n        }}\n      />\n    </Text>\n  )\n\n  if (status === PayrollOverviewStatus.Cancelled) {\n    return (\n      <div ref={containerRef} className={styles.container}>\n        <Flex flexDirection=\"column\" alignItems=\"stretch\">\n          <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n            <Flex flexDirection=\"column\" gap={4}>\n              {pageHeading}\n              {pageSubtitle}\n            </Flex>\n          </Flex>\n          <Alert status=\"info\" label={t('cancelledEmptyState')} />\n        </Flex>\n      </div>\n    )\n  }\n\n  const totalPayroll = calculateTotalPayroll(payrollData)\n\n  const expectedDebitDate =\n    payrollData.payrollStatusMeta?.expectedDebitTime ?? 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      ? Number(\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 fastAchBlocker = submissionBlockers.find(\n    blocker =>\n      blocker.blockerType === 'fast_ach_threshold_exceeded' ||\n      blocker.blockerType === 'needs_earned_access_for_fast_ach',\n  )\n  const selectedUnblockType = fastAchBlocker\n    ? selectedUnblockOptions[fastAchBlocker.blockerType || '']\n    : undefined\n  const selectedUnblockOption = fastAchBlocker?.unblockOptions?.find(\n    (option: UnblockOptions) => option.unblockType === selectedUnblockType,\n  )\n\n  const isWireFunds = selectedUnblockType === 'wire_in'\n  const isFourDayDirectDeposit = selectedUnblockType === 'move_to_four_day'\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 + Number(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 + Number(paidTimeOff.hours || 0)\n      }, 0) ?? 0\n    )\n  }\n\n  const checkPaymentsCount =\n    payrollData.employeeCompensations?.reduce(\n      (acc, comp) =>\n        !comp.excluded && comp.paymentMethod === PAYMENT_METHODS.check ? acc + 1 : acc,\n      0,\n    ) ?? 0\n  const companyPaysColumns: Array<{\n    key: string\n    title: string\n    render: (item: EmployeeCompensations) => React.ReactNode\n  }> = [\n    {\n      key: 'employeeName',\n      title: t('tableHeaders.employees'),\n      render: (employeeCompensations: EmployeeCompensations) =>\n        firstLastName({\n          first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n          last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n        }),\n    },\n    {\n      key: 'grossPay',\n      title: t('tableHeaders.grossPay'),\n      render: (employeeCompensations: EmployeeCompensations) =>\n        formatCurrency(employeeCompensations.grossPay!),\n    },\n    ...(withReimbursements\n      ? [\n          {\n            key: 'reimbursements',\n            title: t('tableHeaders.reimbursements'),\n            render: (employeeCompensation: EmployeeCompensations) =>\n              formatCurrency(getReimbursements(employeeCompensation)),\n          },\n        ]\n      : []),\n    {\n      key: 'companyTaxes',\n      title: t('tableHeaders.companyTaxes'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyTaxes(employeeCompensation)),\n    },\n    {\n      key: 'companyBenefits',\n      title: t('tableHeaders.companyBenefits'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyBenefits(employeeCompensation)),\n    },\n    {\n      key: 'companyPays',\n      title: t('tableHeaders.companyPays'),\n      render: (employeeCompensation: EmployeeCompensations) =>\n        formatCurrency(getCompanyCost(employeeCompensation)),\n    },\n  ]\n  if (isProcessed && isDesktop) {\n    companyPaysColumns.push({\n      key: 'paystubs',\n      title: t('tableHeaders.paystub'),\n      render: (employeeCompensations: EmployeeCompensations) => (\n        <Flex justifyContent=\"flex-end\">\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        </Flex>\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          itemMenu={\n            isProcessed && !isDesktop\n              ? (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              : undefined\n          }\n          footer={() => ({\n            employeeName: (\n              <>\n                <Text weight=\"semibold\" size=\"sm\">\n                  {t('tableHeaders.footerTotalsLabel')}\n                </Text>\n                <Text variant=\"supporting\" size=\"sm\">\n                  {t('tableHeaders.footerTotalsDescription')}\n                </Text>\n              </>\n            ),\n            grossPay: formatCurrency(Number(payrollData.totals?.grossPay ?? 0)),\n            ...(withReimbursements\n              ? {\n                  reimbursements: formatCurrency(Number(payrollData.totals?.reimbursements ?? 0)),\n                }\n              : {}),\n            companyTaxes: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\n            companyBenefits: formatCurrency(Number(payrollData.totals?.benefits ?? 0)),\n            companyPays: formatCurrency(totalPayroll),\n          })}\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                firstLastName({\n                  first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                  last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                }),\n            },\n            {\n              title: t('tableHeaders.compensationType'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                employeeMap.get(employeeCompensations.employeeUuid!)?.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            },\n            {\n              title: t('tableHeaders.regular'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[\n                  compensationTypeLabels.REGULAR_HOURS_NAME\n                ] || 0,\n            },\n            {\n              title: t('tableHeaders.overtime'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[compensationTypeLabels.OVERTIME_NAME] || 0,\n            },\n            {\n              title: t('tableHeaders.doubleOT'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeeHours(employeeCompensations)[\n                  compensationTypeLabels.DOUBLE_OVERTIME_NAME\n                ] || 0,\n            },\n            {\n              title: t('tableHeaders.timeOff'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                getEmployeePtoHours(employeeCompensations),\n            },\n            {\n              title: t('tableHeaders.totalHours'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                Object.values(getEmployeeHours(employeeCompensations)).reduce(\n                  (acc, hours) => acc + hours,\n                  0,\n                ) + getEmployeePtoHours(employeeCompensations),\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                firstLastName({\n                  first_name: employeeMap.get(employeeCompensations.employeeUuid!)?.firstName,\n                  last_name: employeeMap.get(employeeCompensations.employeeUuid!)?.lastName,\n                }),\n            },\n            {\n              title: t('tableHeaders.paymentType'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                employeeCompensations.paymentMethod ?? '',\n            },\n            {\n              title: t('tableHeaders.grossPay'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(employeeCompensations.grossPay ?? 0),\n            },\n            {\n              title: t('tableHeaders.deductions'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.deductions?.reduce(\n                    (acc, deduction) => acc + deduction.amount!,\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            ...(withReimbursements\n              ? [\n                  {\n                    title: t('tableHeaders.reimbursements'),\n                    render: (employeeCompensations: EmployeeCompensations) =>\n                      formatCurrency(getReimbursements(employeeCompensations)),\n                  },\n                ]\n              : []),\n            {\n              title: t('tableHeaders.employeeTaxes'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.taxes?.reduce(\n                    (acc, tax) => (tax.employer ? acc : acc + tax.amount),\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            {\n              title: t('tableHeaders.employeeBenefits'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(\n                  employeeCompensations.benefits?.reduce(\n                    (acc, benefit) => acc + (benefit.employeeDeduction ?? 0),\n                    0,\n                  ) ?? 0,\n                ),\n            },\n            {\n              title: t('tableHeaders.payment'),\n              render: (employeeCompensations: EmployeeCompensations) =>\n                formatCurrency(employeeCompensations.netPay ?? 0),\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 => taxKey,\n              },\n              {\n                key: 'byYourEmployees',\n                title: t('tableHeaders.byYourEmployees'),\n                render: taxKey => formatCurrency(taxes[taxKey]?.employee ?? 0),\n              },\n              {\n                key: 'byYourCompany',\n                title: t('tableHeaders.byYourCompany'),\n                render: taxKey => formatCurrency(taxes[taxKey]?.employer ?? 0),\n              },\n            ]}\n            footer={() => ({\n              taxDescription: (\n                <Text weight=\"semibold\" size=\"sm\">\n                  {t('totalsLabel')}\n                </Text>\n              ),\n              byYourEmployees: formatCurrency(Number(payrollData.totals?.employeeTaxes ?? 0)),\n              byYourCompany: formatCurrency(Number(payrollData.totals?.employerTaxes ?? 0)),\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 }) => label,\n              },\n              {\n                title: t('tableHeaders.taxesTotal'),\n                render: ({ value }) => formatCurrency(Number(value)),\n              },\n            ]}\n            data={[\n              { label: t('directDepositLabel'), value: payrollData.totals?.netPayDebit || '0' },\n              ...(withReimbursements\n                ? [\n                    {\n                      label: t('reimbursementLabel'),\n                      value: payrollData.totals?.reimbursementDebit || '0',\n                    },\n                  ]\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  const actions = isProcessed ? (\n    <>\n      <Button onClick={onPayrollReceipt} variant=\"secondary\" isDisabled={isLoading}>\n        {t('payrollReceiptCta')}\n      </Button>\n      {canCancel && (\n        <Button\n          onClick={() => {\n            setIsCancelDialogOpen(true)\n          }}\n          variant=\"error\"\n          isDisabled={isLoading}\n        >\n          {t('cancelCta')}\n        </Button>\n      )}\n    </>\n  ) : (\n    <>\n      <Button onClick={onEdit} variant=\"secondary\" isDisabled={isLoading}>\n        {t('editCta')}\n      </Button>\n      <Button\n        onClick={onSubmit}\n        isDisabled={\n          isLoading ||\n          (submissionBlockers.length > 0 &&\n            (submissionBlockers.some(\n              blocker =>\n                !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blocker.blockerType || ''),\n            ) ||\n              submissionBlockers.some(\n                blocker => !selectedUnblockOptions[blocker.blockerType || ''],\n              )))\n        }\n      >\n        {t('submitCta')}\n      </Button>\n    </>\n  )\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" alignItems=\"stretch\">\n        <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n          <Flex flexDirection=\"column\" gap={4}>\n            {pageHeading}\n            {pageSubtitle}\n          </Flex>\n          {isDesktop && (\n            <Flex gap={8} justifyContent=\"flex-end\">\n              {actions}\n            </Flex>\n          )}\n        </Flex>\n        {!isDesktop && (\n          <Grid gridTemplateColumns=\"1fr\" gap={8}>\n            {actions}\n          </Grid>\n        )}\n        {status === PayrollOverviewStatus.Cancelling ? (\n          <PayrollLoading title={t('cancellingTitle')} />\n        ) : status === PayrollOverviewStatus.Submitting ? (\n          <PayrollLoading title={t('loadingTitle')} description={t('loadingDescription')} />\n        ) : (\n          <>\n            {wireInConfirmationRequest}\n            {alerts.length > 0 && (\n              <Flex flexDirection={'column'} gap={16}>\n                {alerts.map((alert, index) => (\n                  <Alert\n                    key={`${alert.type}-${alert.title}`}\n                    label={alert.title}\n                    status={alert.type}\n                    onDismiss={alert.onDismiss}\n                  >\n                    {alert.content ?? null}\n                  </Alert>\n                ))}\n              </Flex>\n            )}\n            {submissionBlockers.length > 0 &&\n              onUnblockOptionChange &&\n              submissionBlockers.map(blocker => {\n                const blockerType = blocker.blockerType || ''\n\n                if (PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType)) {\n                  return (\n                    <FastAchSubmissionBlockerBanner\n                      key={blockerType}\n                      blocker={blocker}\n                      selectedValue={selectedUnblockOptions[blockerType]}\n                      onUnblockOptionChange={onUnblockOptionChange}\n                      paymentSpeed={paymentSpeed}\n                    />\n                  )\n                }\n\n                return <GenericBlocker key={blockerType} blocker={blocker} />\n              })}\n            <Heading as=\"h3\">\n              {isWireFunds\n                ? t('payrollSummaryTitleWire')\n                : isFourDayDirectDeposit\n                  ? t('payrollSummaryTitleFourDay')\n                  : t('payrollSummaryTitle')}\n            </Heading>\n\n            {isWireFunds ? (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.wireAmount'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { wire_in_amount?: string }\n                        | undefined\n                      const wireAmount = metadata?.wire_in_amount\n                      return wireAmount ? formatCurrency(Number(wireAmount)) : '-'\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.wireTransferDeadline'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { wire_in_deadline?: string }\n                        | undefined\n                      const wireDeadline = metadata?.wire_in_deadline\n                      const formattedTime = dateFormatter.formatWithTime(wireDeadline)\n                      const formattedDate = dateFormatter.formatShortWithYear(wireDeadline)\n                      return wireDeadline ? `${formattedTime.time} on ${formattedDate}` : '-'\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () =>\n                      selectedUnblockOption?.checkDate\n                        ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n                        : '-',\n                  },\n                ]}\n                data={[{}]}\n              />\n            ) : isFourDayDirectDeposit ? (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.debitAmount'),\n                    render: () => {\n                      const debitAmount = payrollData.totals?.companyDebit\n                      return formatCurrency(Number(debitAmount ?? 0))\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.debitAccount'),\n                    render: () => bankAccount?.hiddenAccountNumber ?? '',\n                  },\n                  {\n                    title: t('tableHeaders.debitDate'),\n                    render: () => {\n                      const metadata = selectedUnblockOption?.metadata as\n                        | { debit_date?: string }\n                        | undefined\n                      const debitDate = metadata?.debit_date\n                      return dateFormatter.formatShortWithYear(debitDate)\n                    },\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () =>\n                      selectedUnblockOption?.checkDate\n                        ? dateFormatter.formatShortWithYear(selectedUnblockOption.checkDate)\n                        : '-',\n                  },\n                ]}\n                data={[{}]}\n              />\n            ) : (\n              <DataView\n                label={t('payrollSummaryLabel')}\n                columns={[\n                  {\n                    title: t('tableHeaders.totalPayroll'),\n                    render: () => formatCurrency(totalPayroll),\n                  },\n                  {\n                    title: t('tableHeaders.debitAmount'),\n                    render: () => formatCurrency(Number(payrollData.totals?.companyDebit ?? 0)),\n                  },\n                  {\n                    title: t('tableHeaders.debitAccount'),\n                    render: () => bankAccount?.hiddenAccountNumber ?? '',\n                  },\n                  {\n                    title: t('tableHeaders.debitDate'),\n                    render: () => dateFormatter.formatShortWithYear(expectedDebitDate),\n                  },\n                  {\n                    title: t('tableHeaders.employeePayDate'),\n                    render: () => dateFormatter.formatShortWithYear(payrollData.checkDate),\n                  },\n                ]}\n                data={[{}]}\n              />\n            )}\n            {checkPaymentsCount > 0 && (\n              <Alert\n                status=\"warning\"\n                label={t('alerts.checkPaymentWarning', { count: checkPaymentsCount })}\n              >\n                <Text>{t('alerts.checkPaymentWarningDescription')}</Text>\n              </Alert>\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={true}\n                closeActionLabel={t('declineCancelCta')}\n                title={t('cancelDialogTitle', {\n                  startDate: dateFormatter.formatLong(payrollData.payPeriod?.startDate),\n                  endDate: dateFormatter.formatLongWithYear(payrollData.payPeriod?.endDate),\n                })}\n              >\n                <Flex gap={14} flexDirection=\"column\">\n                  <Text>{t('cancelDialogDescription')}</Text>\n                  <Text>\n                    {t('cancelDialogDescriptionDeadline', {\n                      deadline: dateFormatter.formatWithTime(payrollData.payrollDeadline).time,\n                    })}\n                  </Text>\n                </Flex>\n              </Dialog>\n            )}\n          </>\n        )}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["getPayrollOverviewTitle","payPeriod","dateFormatter","PayrollOverviewPresentation","onEdit","onSubmit","onCancel","onPayrollReceipt","onPaystubDownload","employeeDetails","payrollData","bankAccount","taxes","status","PayrollOverviewStatus","isProcessed","canCancel","alerts","submissionBlockers","selectedUnblockOptions","onUnblockOptionChange","wireInConfirmationRequest","withReimbursements","paymentSpeed","Alert","Button","ButtonIcon","Dialog","Heading","Text","Tabs","useComponentContext","useI18n","useDateFormatter","useTranslation","formatCurrency","useNumberFormatter","selectedTab","setSelectedTab","useState","isCancelDialogOpen","setIsCancelDialogOpen","containerRef","useRef","isDesktop","useContainerBreakpoints","isLoading","pageHeading","jsx","pageSubtitle","Trans","getPayrollTypeLabel","styles","jsxs","Flex","totalPayroll","calculateTotalPayroll","expectedDebitDate","getCompanyTaxes","employeeCompensation","acc","tax","getCompanyBenefits","benefit","getReimbursements","c","compensationTypeLabels","getCompanyCost","employeeMap","employee","fastAchBlocker","blocker","selectedUnblockType","selectedUnblockOption","option","isWireFunds","isFourDayDirectDeposit","getEmployeeHours","employeeCompensations","hourlyCompensation","name","currentHours","getEmployeePtoHours","paidTimeOff","checkPaymentsCount","comp","PAYMENT_METHODS","companyPaysColumns","firstLastName","DownloadIcon","tabs","DataView","Fragment","job","flsaStatus","FlsaStatus","hours","deduction","taxKey","label","value","actions","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","Grid","PayrollLoading","alert","index","blockerType","FastAchSubmissionBlockerBanner","GenericBlocker","wireAmount","wireDeadline","formattedTime","formattedDate","debitAmount","debitDate"],"mappings":"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"}

package/dist/components/Payroll/usePreparedPayrollData.js

@@ -7,14 +7,16 @@ import "react-error-boundary";
 import "react-i18next";
 import "@tanstack/react-query";
 import { useBase as j } from "../Base/useBase.js";
+import "@gusto/embedded-api/models/errors/apierror";
+import "@gusto/embedded-api/models/errors/gustoembeddederror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../shared/constants.js";
 import "classnames";
 import "../../contexts/ComponentAdapter/useComponentContext.js";
-import "@gusto/embedded-api/models/errors/gustoembeddederror";
-import "@gusto/embedded-api/models/errors/httpclienterrors";
-import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { retryAsync as x } from "../../helpers/retryAsync.js";
-const q = 4, v = 1500, w = (e) => e instanceof T ? Array.isArray(e.errors) && e.errors.some((r) => r.category === "invalid_operation") : !1, V = ({
+const q = 4, v = 1500, w = (e) => e instanceof T ? Array.isArray(e.errors) && e.errors.some((r) => r.category === "invalid_operation") : !1, Z = ({
   companyId: e,
   payrollId: r,
   employeeUuids: a,
@@ -65,6 +67,6 @@ const q = 4, v = 1500, w = (e) => e instanceof T ? Array.isArray(e.errors) && e.
   };
 };
 export {
-  V as usePreparedPayrollData
+  Z as usePreparedPayrollData
 };
 //# sourceMappingURL=usePreparedPayrollData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef, useMemo } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payroll'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type { QueryParamSortBy } from '@gusto/embedded-api/models/operations/putv1companiescompanyidpayrollspayrollidprepare'\nimport { UnprocessableEntityErrorObject } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject'\nimport { useBase } from '../Base'\nimport { retryAsync } from '@/helpers/retryAsync'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: QueryParamSortBy\n  onDataReady?: (preparedPayroll: PayrollPrepared) => void\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleObject | undefined\n  isLoading: boolean\n  isPaginating: boolean\n  hasInitialData: boolean\n}\n\nconst PREPARE_MAX_ATTEMPTS = 4\nconst PREPARE_RETRY_DELAY_MS = 1500\n\nconst isPayrollBeingProcessedError = (error: unknown): boolean => {\n  if (!(error instanceof UnprocessableEntityErrorObject)) return false\n  return Array.isArray(error.errors) && error.errors.some(e => e.category === 'invalid_operation')\n}\n\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n  onDataReady,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const hasInitialDataRef = useRef(false)\n  const hasFiredRef = useRef(false)\n  const { baseSubmitHandler } = useBase()\n\n  const employeeUuidsKey = useMemo(() => employeeUuids?.join(',') ?? '', [employeeUuids])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const executePrepare = useCallback(async () => {\n    const result = await preparePayroll({\n      request: {\n        companyId,\n        payrollId,\n        sortBy,\n        requestBody: {\n          employeeUuids,\n        },\n      },\n    })\n    setPreparedPayroll(result.payrollPrepared)\n    if (result.payrollPrepared) {\n      hasInitialDataRef.current = true\n      onDataReady?.(result.payrollPrepared)\n    }\n  }, [companyId, payrollId, preparePayroll, employeeUuidsKey, sortBy, onDataReady])\n\n  const handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, () =>\n      retryAsync(executePrepare, {\n        maxAttempts: PREPARE_MAX_ATTEMPTS,\n        delayMs: PREPARE_RETRY_DELAY_MS,\n        shouldRetry: isPayrollBeingProcessedError,\n      }),\n    )\n  }, [baseSubmitHandler, executePrepare])\n\n  useEffect(() => {\n    if (hasFiredRef.current) return\n    hasFiredRef.current = true\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isInitialLoading = isPreparePayrollPending && !hasInitialDataRef.current\n  const isPaginating = isPreparePayrollPending && hasInitialDataRef.current\n  const isLoading = isInitialLoading || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.payScheduleObject,\n    isLoading,\n    isPaginating,\n    hasInitialData: hasInitialDataRef.current,\n  }\n}\n"],"names":["PREPARE_MAX_ATTEMPTS","PREPARE_RETRY_DELAY_MS","isPayrollBeingProcessedError","error","UnprocessableEntityErrorObject","e","usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","onDataReady","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","hasInitialDataRef","useRef","hasFiredRef","baseSubmitHandler","useBase","employeeUuidsKey","useMemo","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","executePrepare","useCallback","result","handlePreparePayroll","retryAsync","useEffect","isInitialLoading","isPaginating","isLoading"],"mappings":";;;;;;;;;;;;;;;;AA2BA,MAAMA,IAAuB,GACvBC,IAAyB,MAEzBC,IAA+B,CAACC,MAC9BA,aAAiBC,IAChB,MAAM,QAAQD,EAAM,MAAM,KAAKA,EAAM,OAAO,KAAK,CAAAE,MAAKA,EAAE,aAAa,mBAAmB,IADhC,IAIpDC,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxCC,IAAoBC,EAAO,EAAK,GAChCC,IAAcD,EAAO,EAAK,GAC1B,EAAE,mBAAAE,EAAA,IAAsBC,EAAA,GAExBC,IAAmBC,EAAQ,MAAMf,GAAe,KAAK,GAAG,KAAK,IAAI,CAACA,CAAa,CAAC,GAEhF,EAAE,MAAMgB,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAApB;AAAA,MACA,eAAeQ,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIa,IAAiBC,EAAY,YAAY;AAC7C,UAAMC,IAAS,MAAMlB,EAAe;AAAA,MAClC,SAAS;AAAA,QACP,WAAAL;AAAA,QACA,WAAAC;AAAA,QACA,QAAAE;AAAA,QACA,aAAa;AAAA,UACX,eAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IACF,CACD;AACD,IAAAO,EAAmBc,EAAO,eAAe,GACrCA,EAAO,oBACTZ,EAAkB,UAAU,IAC5BP,IAAcmB,EAAO,eAAe;AAAA,EAExC,GAAG,CAACvB,GAAWC,GAAWI,GAAgBW,GAAkBb,GAAQC,CAAW,CAAC,GAE1EoB,IAAuBF,EAAY,YAAY;AACnD,UAAMR;AAAA,MAAkB;AAAA,MAAM,MAC5BW,EAAWJ,GAAgB;AAAA,QACzB,aAAa5B;AAAA,QACb,SAASC;AAAA,QACT,aAAaC;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL,GAAG,CAACmB,GAAmBO,CAAc,CAAC;AAEtC,EAAAK,EAAU,MAAM;AACd,IAAIb,EAAY,YAChBA,EAAY,UAAU,IACjBW,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMG,IAAmBrB,KAA2B,CAACK,EAAkB,SACjEiB,IAAetB,KAA2BK,EAAkB,SAC5DkB,IAAYF,KAAoBR;AAEtC,SAAO;AAAA,IACL,sBAAAK;AAAA,IACA,iBAAAhB;AAAA,IACA,aAAaU,GAAiB;AAAA,IAC9B,WAAAW;AAAA,IACA,cAAAD;AAAA,IACA,gBAAgBjB,EAAkB;AAAA,EAAA;AAEtC;"}
+{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef, useMemo } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payroll'\nimport type { PayScheduleObject } from '@gusto/embedded-api/models/components/payscheduleobject'\nimport type { QueryParamSortBy } from '@gusto/embedded-api/models/operations/putv1companiescompanyidpayrollspayrollidprepare'\nimport { UnprocessableEntityErrorObject } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject'\nimport { useBase } from '../Base'\nimport { retryAsync } from '@/helpers/retryAsync'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: QueryParamSortBy\n  onDataReady?: (preparedPayroll: PayrollPrepared) => void\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleObject | undefined\n  isLoading: boolean\n  isPaginating: boolean\n  hasInitialData: boolean\n}\n\nconst PREPARE_MAX_ATTEMPTS = 4\nconst PREPARE_RETRY_DELAY_MS = 1500\n\nconst isPayrollBeingProcessedError = (error: unknown): boolean => {\n  if (!(error instanceof UnprocessableEntityErrorObject)) return false\n  return Array.isArray(error.errors) && error.errors.some(e => e.category === 'invalid_operation')\n}\n\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n  onDataReady,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const hasInitialDataRef = useRef(false)\n  const hasFiredRef = useRef(false)\n  const { baseSubmitHandler } = useBase()\n\n  const employeeUuidsKey = useMemo(() => employeeUuids?.join(',') ?? '', [employeeUuids])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const executePrepare = useCallback(async () => {\n    const result = await preparePayroll({\n      request: {\n        companyId,\n        payrollId,\n        sortBy,\n        requestBody: {\n          employeeUuids,\n        },\n      },\n    })\n    setPreparedPayroll(result.payrollPrepared)\n    if (result.payrollPrepared) {\n      hasInitialDataRef.current = true\n      onDataReady?.(result.payrollPrepared)\n    }\n  }, [companyId, payrollId, preparePayroll, employeeUuidsKey, sortBy, onDataReady])\n\n  const handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, () =>\n      retryAsync(executePrepare, {\n        maxAttempts: PREPARE_MAX_ATTEMPTS,\n        delayMs: PREPARE_RETRY_DELAY_MS,\n        shouldRetry: isPayrollBeingProcessedError,\n      }),\n    )\n  }, [baseSubmitHandler, executePrepare])\n\n  useEffect(() => {\n    if (hasFiredRef.current) return\n    hasFiredRef.current = true\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isInitialLoading = isPreparePayrollPending && !hasInitialDataRef.current\n  const isPaginating = isPreparePayrollPending && hasInitialDataRef.current\n  const isLoading = isInitialLoading || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.payScheduleObject,\n    isLoading,\n    isPaginating,\n    hasInitialData: hasInitialDataRef.current,\n  }\n}\n"],"names":["PREPARE_MAX_ATTEMPTS","PREPARE_RETRY_DELAY_MS","isPayrollBeingProcessedError","error","UnprocessableEntityErrorObject","e","usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","onDataReady","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","hasInitialDataRef","useRef","hasFiredRef","baseSubmitHandler","useBase","employeeUuidsKey","useMemo","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","executePrepare","useCallback","result","handlePreparePayroll","retryAsync","useEffect","isInitialLoading","isPaginating","isLoading"],"mappings":";;;;;;;;;;;;;;;;;;AA2BA,MAAMA,IAAuB,GACvBC,IAAyB,MAEzBC,IAA+B,CAACC,MAC9BA,aAAiBC,IAChB,MAAM,QAAQD,EAAM,MAAM,KAAKA,EAAM,OAAO,KAAK,CAAAE,MAAKA,EAAE,aAAa,mBAAmB,IADhC,IAIpDC,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxCC,IAAoBC,EAAO,EAAK,GAChCC,IAAcD,EAAO,EAAK,GAC1B,EAAE,mBAAAE,EAAA,IAAsBC,EAAA,GAExBC,IAAmBC,EAAQ,MAAMf,GAAe,KAAK,GAAG,KAAK,IAAI,CAACA,CAAa,CAAC,GAEhF,EAAE,MAAMgB,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAApB;AAAA,MACA,eAAeQ,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIa,IAAiBC,EAAY,YAAY;AAC7C,UAAMC,IAAS,MAAMlB,EAAe;AAAA,MAClC,SAAS;AAAA,QACP,WAAAL;AAAA,QACA,WAAAC;AAAA,QACA,QAAAE;AAAA,QACA,aAAa;AAAA,UACX,eAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IACF,CACD;AACD,IAAAO,EAAmBc,EAAO,eAAe,GACrCA,EAAO,oBACTZ,EAAkB,UAAU,IAC5BP,IAAcmB,EAAO,eAAe;AAAA,EAExC,GAAG,CAACvB,GAAWC,GAAWI,GAAgBW,GAAkBb,GAAQC,CAAW,CAAC,GAE1EoB,IAAuBF,EAAY,YAAY;AACnD,UAAMR;AAAA,MAAkB;AAAA,MAAM,MAC5BW,EAAWJ,GAAgB;AAAA,QACzB,aAAa5B;AAAA,QACb,SAASC;AAAA,QACT,aAAaC;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL,GAAG,CAACmB,GAAmBO,CAAc,CAAC;AAEtC,EAAAK,EAAU,MAAM;AACd,IAAIb,EAAY,YAChBA,EAAY,UAAU,IACjBW,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMG,IAAmBrB,KAA2B,CAACK,EAAkB,SACjEiB,IAAetB,KAA2BK,EAAkB,SAC5DkB,IAAYF,KAAoBR;AAEtC,SAAO;AAAA,IACL,sBAAAK;AAAA,IACA,iBAAAhB;AAAA,IACA,aAAaU,GAAiB;AAAA,IAC9B,WAAAW;AAAA,IACA,cAAAD;AAAA,IACA,gBAAgBjB,EAAkB;AAAA,EAAA;AAEtC;"}

package/dist/components/UNSTABLE_Hooks/collectErrors.d.ts

@@ -0,0 +1,6 @@
+import { SDKError } from '../../types/sdkError';
+interface QueryWithError {
+    error: Error | null;
+}
+export declare function collectErrors(queries: QueryWithError[], submitError: SDKError | null): SDKError[];
+export {};

package/dist/components/UNSTABLE_Hooks/collectErrors.js

@@ -0,0 +1,9 @@
+import { normalizeToSDKError as n } from "../../types/sdkError.js";
+function c(l, o) {
+  const e = l.filter((r) => r.error != null).map((r) => n(r.error));
+  return o && e.push(o), e;
+}
+export {
+  c as collectErrors
+};
+//# sourceMappingURL=collectErrors.js.map

package/dist/components/UNSTABLE_Hooks/collectErrors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collectErrors.js","sources":["../../../src/components/UNSTABLE_Hooks/collectErrors.ts"],"sourcesContent":["import { type SDKError, normalizeToSDKError } from '@/types/sdkError'\n\ninterface QueryWithError {\n  error: Error | null\n}\n\nexport function collectErrors(queries: QueryWithError[], submitError: SDKError | null): SDKError[] {\n  const queryErrors = queries\n    .filter((q): q is QueryWithError & { error: Error } => q.error != null)\n    .map(q => normalizeToSDKError(q.error))\n\n  if (submitError) {\n    queryErrors.push(submitError)\n  }\n\n  return queryErrors\n}\n"],"names":["collectErrors","queries","submitError","queryErrors","q","normalizeToSDKError"],"mappings":";AAMO,SAASA,EAAcC,GAA2BC,GAA0C;AACjG,QAAMC,IAAcF,EACjB,OAAO,CAACG,MAA8CA,EAAE,SAAS,IAAI,EACrE,IAAI,CAAAA,MAAKC,EAAoBD,EAAE,KAAK,CAAC;AAExC,SAAIF,KACFC,EAAY,KAAKD,CAAW,GAGvBC;AACT;"}

package/dist/components/UNSTABLE_Hooks/form/FormFieldsMetadataContext.d.ts

@@ -2,7 +2,7 @@ import { FieldsMetadata } from './types';
 import { SDKError } from '../../../types/sdkError';
 export interface FormFieldsMetadataContextValue {
     metadata: FieldsMetadata;
-    error: SDKError | null;
+    errors: SDKError[];
 }
 export declare const FormFieldsMetadataContext: import('react').Context<FormFieldsMetadataContextValue | null>;
 export declare function useFormFieldsMetadataContext(): FormFieldsMetadataContextValue;

package/dist/components/UNSTABLE_Hooks/form/FormFieldsMetadataContext.js

@@ -1,7 +1,7 @@
-import { useContext as e, createContext as o } from "react";
-const r = o(null);
+import { createContext as e, useContext as o } from "react";
+const r = e(null);
 function n() {
-  const t = e(r);
+  const t = o(r);
   if (!t)
     throw new Error("useFormFieldsMetadataContext must be used within a FormFieldsMetadataProvider");
   return t;

package/dist/components/UNSTABLE_Hooks/form/FormFieldsMetadataContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldsMetadataContext.js","sources":["../../../../src/components/UNSTABLE_Hooks/form/FormFieldsMetadataContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { FieldsMetadata } from './types'\nimport type { SDKError } from '@/types/sdkError'\n\nexport interface FormFieldsMetadataContextValue {\n  metadata: FieldsMetadata\n  error: SDKError | null\n}\n\nexport const FormFieldsMetadataContext = createContext<FormFieldsMetadataContextValue | null>(null)\n\nexport function useFormFieldsMetadataContext(): FormFieldsMetadataContextValue {\n  const context = useContext(FormFieldsMetadataContext)\n  if (!context) {\n    throw new Error('useFormFieldsMetadataContext must be used within a FormFieldsMetadataProvider')\n  }\n  return context\n}\n"],"names":["FormFieldsMetadataContext","createContext","useFormFieldsMetadataContext","context","useContext"],"mappings":";AASO,MAAMA,IAA4BC,EAAqD,IAAI;AAE3F,SAASC,IAA+D;AAC7E,QAAMC,IAAUC,EAAWJ,CAAyB;AACpD,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,+EAA+E;AAEjG,SAAOA;AACT;"}
+{"version":3,"file":"FormFieldsMetadataContext.js","sources":["../../../../src/components/UNSTABLE_Hooks/form/FormFieldsMetadataContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { FieldsMetadata } from './types'\nimport type { SDKError } from '@/types/sdkError'\n\nexport interface FormFieldsMetadataContextValue {\n  metadata: FieldsMetadata\n  errors: SDKError[]\n}\n\nexport const FormFieldsMetadataContext = createContext<FormFieldsMetadataContextValue | null>(null)\n\nexport function useFormFieldsMetadataContext(): FormFieldsMetadataContextValue {\n  const context = useContext(FormFieldsMetadataContext)\n  if (!context) {\n    throw new Error('useFormFieldsMetadataContext must be used within a FormFieldsMetadataProvider')\n  }\n  return context\n}\n"],"names":["FormFieldsMetadataContext","createContext","useFormFieldsMetadataContext","context","useContext"],"mappings":";AASO,MAAMA,IAA4BC,EAAqD,IAAI;AAE3F,SAASC,IAA+D;AAC7E,QAAMC,IAAUC,EAAWJ,CAAyB;AACpD,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,+EAA+E;AAEjG,SAAOA;AACT;"}

package/dist/components/UNSTABLE_Hooks/form/FormFieldsMetadataProvider.d.ts

@@ -3,8 +3,8 @@ import { FieldMetadata, FieldMetadataWithOptions } from './types';
 import { SDKError } from '../../../types/sdkError';
 interface FormFieldsMetadataProviderProps {
     metadata: Record<string, FieldMetadata | FieldMetadataWithOptions>;
-    error: SDKError | null;
+    errors: SDKError[];
     children: ReactNode;
 }
-export declare function FormFieldsMetadataProvider({ metadata, error, children, }: FormFieldsMetadataProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormFieldsMetadataProvider({ metadata, errors, children, }: FormFieldsMetadataProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/UNSTABLE_Hooks/form/FormFieldsMetadataProvider.js

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import { FormFieldsMetadataContext as a } from "./FormFieldsMetadataContext.js";
+function m({
+  metadata: r,
+  errors: o,
+  children: t
+}) {
+  return /* @__PURE__ */ e(a.Provider, { value: { metadata: r, errors: o }, children: t });
+}
+export {
+  m as FormFieldsMetadataProvider
+};
+//# sourceMappingURL=FormFieldsMetadataProvider.js.map

package/dist/components/UNSTABLE_Hooks/form/FormFieldsMetadataProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldsMetadataProvider.js","sources":["../../../../src/components/UNSTABLE_Hooks/form/FormFieldsMetadataProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { FieldMetadata, FieldMetadataWithOptions } from './types'\nimport { FormFieldsMetadataContext } from './FormFieldsMetadataContext'\nimport type { SDKError } from '@/types/sdkError'\n\ninterface FormFieldsMetadataProviderProps {\n  metadata: Record<string, FieldMetadata | FieldMetadataWithOptions>\n  errors: SDKError[]\n  children: ReactNode\n}\n\nexport function FormFieldsMetadataProvider({\n  metadata,\n  errors,\n  children,\n}: FormFieldsMetadataProviderProps) {\n  return (\n    <FormFieldsMetadataContext.Provider value={{ metadata, errors }}>\n      {children}\n    </FormFieldsMetadataContext.Provider>\n  )\n}\n"],"names":["FormFieldsMetadataProvider","metadata","errors","children","jsx","FormFieldsMetadataContext"],"mappings":";;AAWO,SAASA,EAA2B;AAAA,EACzC,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACF,GAAoC;AAClC,SACE,gBAAAC,EAACC,EAA0B,UAA1B,EAAmC,OAAO,EAAE,UAAAJ,GAAU,QAAAC,KACpD,UAAAC,GACH;AAEJ;"}