@gusto/embedded-react-sdk 0.48.1 → 0.48.3

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, useFieldArray, useForm, useWatch } from 'react-hook-form'\nimport { useMemo, useRef, useState } from 'react'\nimport type { Employee } from '@gusto/embedded-api-v-2025-11-15/models/components/employee'\nimport type {\n  PayrollEmployeeCompensationsTypeFixedCompensations as FixedCompensations,\n  PayrollEmployeeCompensationsType,\n  PayrollEmployeeCompensationsTypePaidTimeOff,\n  PayrollEmployeeCompensationsTypeReimbursements as Reimbursement,\n} from '@gusto/embedded-api-v-2025-11-15/models/components/payrollemployeecompensationstype'\nimport { PayrollEmployeeCompensationsTypePaymentMethod } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollemployeecompensationstype'\nimport type { PayrollFixedCompensationTypesType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollfixedcompensationtypestype'\nimport type { PayScheduleShow as PayScheduleObject } from '@gusto/embedded-api-v-2025-11-15/models/components/payscheduleshow'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './PayrollEditEmployeePresentation.module.scss'\nimport { TimeOffField, PayoutTimeOffField } from './TimeOffField'\nimport {\n  Flex,\n  Grid,\n  TextInputField,\n  RadioGroupField,\n  DataView,\n  useDataView,\n  EmptyData,\n} 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 { getAdditionalEarningsCompensations, calculateGrossPay } from '@/components/Payroll/helpers'\nimport { PayrollCategory, isOffCyclePayroll } 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'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\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\nconst ReimbursementFormSchema = z.object({\n  uuid: z.string().nullable().optional(),\n  description: z.string(),\n  amount: z.string(),\n  recurring: z.boolean().optional(),\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.string().optional()),\n  reimbursements: z.array(ReimbursementFormSchema),\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!] || '0',\n        ...(finalPayout != null ? { finalPayoutUnusedHoursInput: finalPayout || '0' } : {}),\n      }\n    }\n\n    return {\n      ...timeOffWithoutPayout,\n      hours: formData.timeOffCompensations[timeOffEntry.name!] || '0',\n    }\n  })\n\n  // Off-cycle payrolls today use the legacy single Reimbursement field in fixed_compensations\n  // because the backend feature flag `emb_off_cycle_disable_named_reimbursements` (default: true,\n  // expected removal 2026-09-01) rejects named entries in the itemized `reimbursements[]` array.\n  // TODO(post-2026-09-01): once that flag is removed, unify on the itemized path for all categories.\n  const usesItemizedReimbursements = !isOffCyclePayroll(payrollCategory)\n\n  const updatedFixedCompensations: FixedCompensations[] = []\n\n  Object.entries(formData.fixedCompensations).forEach(([fixedCompensationName, formAmount]) => {\n    const isReimbursementEntry =\n      fixedCompensationName.toLowerCase() === COMPENSATION_NAME_REIMBURSEMENT.toLowerCase()\n\n    // Regular payrolls write reimbursements via the itemized array; never let the legacy\n    // fixed_compensations entry slip through (the backend rejects it on v2025-11-15+).\n    if (isReimbursementEntry && usesItemizedReimbursements) {\n      return\n    }\n\n    const existingFixedCompensation = employeeCompensation?.fixedCompensations?.find(\n      fixedCompensation =>\n        fixedCompensation.name?.toLowerCase() === fixedCompensationName.toLowerCase(),\n    )\n\n    if (formAmount !== undefined && formAmount !== '') {\n      if (existingFixedCompensation) {\n        updatedFixedCompensations.push({\n          name: existingFixedCompensation.name,\n          jobUuid: existingFixedCompensation.jobUuid,\n          amount: formAmount,\n        })\n      } else if (parseFloat(formAmount) !== 0) {\n        updatedFixedCompensations.push({\n          name: fixedCompensationName,\n          jobUuid: primaryJobUuid,\n          amount: formAmount,\n        })\n      }\n    }\n  })\n\n  updatedCompensation.fixedCompensations = updatedFixedCompensations\n\n  if (usesItemizedReimbursements) {\n    updatedCompensation.reimbursements = formData.reimbursements.map(reimbursement => ({\n      amount: reimbursement.amount,\n      description:\n        reimbursement.description.trim() === '' ? null : reimbursement.description.trim(),\n      uuid: reimbursement.uuid ?? null,\n      recurring: reimbursement.recurring,\n    }))\n  } else {\n    // Off-cycle: ensure no itemized array leaks through. The container also strips this defensively.\n    updatedCompensation.reimbursements = []\n  }\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, ButtonIcon, Heading, Text, TextInput } = 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  // Off-cycle payrolls use the legacy single Reimbursement field in fixed_compensations because\n  // the backend `emb_off_cycle_disable_named_reimbursements` flag (default: true, expected\n  // removal 2026-09-01) rejects named entries in the itemized `reimbursements[]` array.\n  // TODO(post-2026-09-01): unify on the itemized path once that flag is removed.\n  const usesItemizedReimbursements = !isOffCyclePayroll(payrollCategory)\n\n  const initialReimbursements: Reimbursement[] = useMemo(\n    () =>\n      withReimbursements && usesItemizedReimbursements\n        ? (employeeCompensation?.reimbursements ?? [])\n        : [],\n    [withReimbursements, usesItemizedReimbursements, employeeCompensation?.reimbursements],\n  )\n\n  const existingReimbursementFixedCompensation = useMemo(\n    () =>\n      employeeCompensation?.fixedCompensations?.find(\n        comp => comp.name?.toLowerCase() === COMPENSATION_NAME_REIMBURSEMENT.toLowerCase(),\n      ),\n    [employeeCompensation?.fixedCompensations],\n  )\n\n  const showLegacyReimbursementField =\n    withReimbursements && !usesItemizedReimbursements && Boolean(primaryJob?.uuid)\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      })\n\n      if (showLegacyReimbursementField) {\n        fixedCompensations[COMPENSATION_NAME_REIMBURSEMENT] =\n          existingReimbursementFixedCompensation?.amount ?? '0.00'\n      }\n\n      return fixedCompensations\n    })(),\n\n    reimbursements: initialReimbursements.map(reimbursement => ({\n      uuid: reimbursement.uuid ?? null,\n      description: reimbursement.description ?? '',\n      amount: reimbursement.amount,\n      recurring: reimbursement.recurring ?? false,\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 {\n    fields: reimbursementFields,\n    append: appendReimbursement,\n    remove: removeReimbursement,\n    update: updateReimbursement,\n  } = useFieldArray({\n    control: formHandlers.control,\n    name: 'reimbursements',\n  })\n\n  const handleRemoveReimbursement = (index: number) => {\n    const field = reimbursementFields[index]\n    if (!field) return\n\n    if (field.uuid) {\n      updateReimbursement(index, { ...field, amount: '0' })\n    } else {\n      removeReimbursement(index)\n    }\n  }\n\n  type VisibleReimbursementRow = (typeof reimbursementFields)[number] & {\n    originalIndex: number\n  }\n\n  const visibleReimbursementRows: VisibleReimbursementRow[] = reimbursementFields\n    .map((field, originalIndex) => ({ ...field, originalIndex }))\n    .filter(row => parseFloat(row.amount || '0') !== 0)\n\n  const [isAddingReimbursement, setIsAddingReimbursement] = useState(false)\n  const [draftReimbursementDescription, setDraftReimbursementDescription] = useState('')\n  const [draftReimbursementAmount, setDraftReimbursementAmount] = useState('')\n\n  const resetReimbursementDraft = () => {\n    setIsAddingReimbursement(false)\n    setDraftReimbursementDescription('')\n    setDraftReimbursementAmount('')\n  }\n\n  const handleSaveReimbursementDraft = () => {\n    const trimmedAmount = draftReimbursementAmount.trim()\n    const parsedAmount = parseFloat(trimmedAmount || '0')\n    if (Number.isNaN(parsedAmount) || parsedAmount <= 0) {\n      return\n    }\n\n    appendReimbursement({\n      uuid: null,\n      description: draftReimbursementDescription.trim(),\n      amount: parsedAmount.toFixed(2),\n      recurring: false,\n    })\n    resetReimbursementDraft()\n  }\n\n  const reimbursementDataViewProps = useDataView<VisibleReimbursementRow>({\n    data: visibleReimbursementRows,\n    columns: [\n      {\n        key: 'description',\n        title: t('reimbursementDescriptionColumn'),\n        render: row => row.description.trim() || t('reimbursementUnnamedFallback'),\n      },\n      {\n        key: 'amount',\n        title: t('reimbursementAmountColumn'),\n        render: row => formatNumberAsCurrency(parseFloat(row.amount || '0')),\n      },\n      {\n        key: 'recurring',\n        title: t('reimbursementTypeColumn'),\n        render: row =>\n          row.recurring ? t('reimbursementTypeRecurring') : t('reimbursementTypeOneTime'),\n      },\n    ],\n    itemMenu: row => {\n      if (row.recurring) return null\n      const displayDescription = row.description.trim() || t('reimbursementUnnamedFallback')\n      return (\n        <ButtonIcon\n          variant=\"tertiary\"\n          onClick={() => {\n            handleRemoveReimbursement(row.originalIndex)\n          }}\n          aria-label={t('removeReimbursementLabel', { description: displayDescription })}\n        >\n          <TrashCanSvg aria-hidden />\n        </ButtonIcon>\n      )\n    },\n    emptyState: () => (\n      <EmptyData title={t('reimbursementEmptyTitle')}>\n        <Button\n          variant=\"secondary\"\n          onClick={() => {\n            setIsAddingReimbursement(true)\n          }}\n          icon={<PlusCircleIcon aria-hidden />}\n        >\n          {t('addReimbursementCta')}\n        </Button>\n      </EmptyData>\n    ),\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 reimbursementsWithDefaults: PayrollEditEmployeeFormValues['reimbursements'] = (\n        watchedFormData.reimbursements ?? []\n      ).map(reimbursement => ({\n        uuid: reimbursement.uuid ?? null,\n        description: reimbursement.description ?? '',\n        amount: reimbursement.amount ?? '0',\n        recurring: reimbursement.recurring,\n      }))\n\n      const formDataWithDefaults: PayrollEditEmployeeFormValues = {\n        hourlyCompensations,\n        timeOffCompensations: watchedFormData.timeOffCompensations || {},\n        finalPayoutCompensations: watchedFormData.finalPayoutCompensations || {},\n        fixedCompensations: watchedFormData.fixedCompensations || {},\n        reimbursements: reimbursementsWithDefaults,\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\">\n                {payrollCategory === PayrollCategory.Dismissal\n                  ? t('timeOffTitleDismissal')\n                  : t('timeOffTitle')}\n              </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              <Flex flexDirection=\"column\" gap={4}>\n                <Heading as=\"h4\">{t('finalPayoutTitle')}</Heading>\n                <Text variant=\"supporting\">{t('finalPayoutDescription')}</Text>\n              </Flex>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                {timeOff.map(timeOffEntry => (\n                  <PayoutTimeOffField\n                    key={`payout-${timeOffEntry.name}`}\n                    timeOff={timeOffEntry}\n                    employee={employee}\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                  <TextInputField\n                    key={fixedCompensation.name}\n                    type=\"number\"\n                    min={0}\n                    adornmentStart=\"$\"\n                    isRequired\n                    label={getFixedCompensationLabel(fixedCompensation.name)}\n                    name={`fixedCompensations.${fixedCompensation.name}`}\n                  />\n                ))}\n              </Grid>\n            </div>\n          )}\n          {showLegacyReimbursementField && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('reimbursementTitle')}</Heading>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                <TextInputField\n                  type=\"number\"\n                  min={0}\n                  adornmentStart=\"$\"\n                  isRequired\n                  label={getFixedCompensationLabel(COMPENSATION_NAME_REIMBURSEMENT)}\n                  name={`fixedCompensations.${COMPENSATION_NAME_REIMBURSEMENT}`}\n                />\n              </Grid>\n            </div>\n          )}\n          {withReimbursements && usesItemizedReimbursements && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('reimbursementTitle')}</Heading>\n              {!(visibleReimbursementRows.length === 0 && isAddingReimbursement) && (\n                <DataView label={t('reimbursementsTableLabel')} {...reimbursementDataViewProps} />\n              )}\n              {isAddingReimbursement ? (\n                <Flex flexDirection=\"column\" gap={12}>\n                  <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                    <TextInput\n                      name=\"newReimbursementDescription\"\n                      label={t('reimbursementDescriptionLabel')}\n                      placeholder={t('reimbursementDescriptionPlaceholder')}\n                      value={draftReimbursementDescription}\n                      onChange={setDraftReimbursementDescription}\n                    />\n                    <TextInput\n                      name=\"newReimbursementAmount\"\n                      type=\"number\"\n                      min={0}\n                      adornmentStart=\"$\"\n                      isRequired\n                      label={t('reimbursementAmountLabel')}\n                      value={draftReimbursementAmount}\n                      onChange={setDraftReimbursementAmount}\n                    />\n                  </Grid>\n                  <Flex gap={12}>\n                    <Button onClick={handleSaveReimbursementDraft}>\n                      {t('saveReimbursementCta')}\n                    </Button>\n                    <Button variant=\"secondary\" onClick={resetReimbursementDraft}>\n                      {t('cancelReimbursementCta')}\n                    </Button>\n                  </Flex>\n                </Flex>\n              ) : (\n                visibleReimbursementRows.length > 0 && (\n                  <div>\n                    <Button\n                      variant=\"secondary\"\n                      onClick={() => {\n                        setIsAddingReimbursement(true)\n                      }}\n                      title={t('addReimbursementLink')}\n                      icon={<PlusCircleIcon aria-hidden />}\n                    >\n                      {t('addReimbursementLink')}\n                    </Button>\n                  </div>\n                )\n              )}\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":["ReimbursementFormSchema","z","PayrollEditEmployeeFormSchema","PayrollEmployeeCompensationsTypePaymentMethod","buildCompensationFromFormData","formData","employeeCompensation","timeOff","primaryJobUuid","payrollCategory","PayrollCategory","updatedCompensation","compensation","hours","timeOffEntry","isDismissal","_","timeOffWithoutPayout","finalPayout","usesItemizedReimbursements","isOffCyclePayroll","updatedFixedCompensations","fixedCompensationName","formAmount","COMPENSATION_NAME_REIMBURSEMENT","existingFixedCompensation","fixedCompensation","reimbursement","PayrollEditEmployeePresentation","onSave","onCancel","employee","isPending","fixedCompensationTypes","payPeriodStartDate","paySchedule","withReimbursements","hasDirectDepositSetup","Button","ButtonIcon","Heading","Text","TextInput","useComponentContext","t","useTranslation","useI18n","primaryJob","job","primaryJobHasHourlyCompensations","c","hourlyJobs","containerRef","useRef","isSmallOrGreater","useContainerBreakpoints","hourlyJob","entry","additionalEarnings","getAdditionalEarningsCompensations","EXCLUDED_ADDITIONAL_EARNINGS","initialReimbursements","useMemo","existingReimbursementFixedCompensation","comp","showLegacyReimbursementField","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","defaultValues","hourlyCompensations","HOURS_COMPENSATION_NAMES","matchingCompensation","timeOffCompensations","timeOffCompensation","finalPayoutCompensations","fixedCompensations","fixedComp","formHandlers","useForm","zodResolver","reimbursementFields","appendReimbursement","removeReimbursement","updateReimbursement","useFieldArray","handleRemoveReimbursement","index","field","visibleReimbursementRows","originalIndex","row","isAddingReimbursement","setIsAddingReimbursement","useState","draftReimbursementDescription","setDraftReimbursementDescription","draftReimbursementAmount","setDraftReimbursementAmount","resetReimbursementDraft","handleSaveReimbursementDraft","trimmedAmount","parsedAmount","reimbursementDataViewProps","useDataView","formatNumberAsCurrency","displayDescription","jsx","TrashCanSvg","EmptyData","PlusCircleIcon","watchedFormData","useWatch","currentGrossPay","jobId","compensations","reimbursementsWithDefaults","formDataWithDefaults","calculateGrossPay","employeeName","firstLastName","onSubmit","data","formattedCurrentGrossPay","actions","jsxs","Flex","styles","FormProvider","Form","Grid","employeeHourlyCompensation","TextInputField","TimeOffField","PayoutTimeOffField","DataView","RadioGroupField"],"mappings":"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"}
+{"version":3,"file":"PayrollEditEmployeePresentation.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/PayrollEditEmployeePresentation.tsx"],"sourcesContent":["import { FormProvider, useFieldArray, useForm, useWatch } from 'react-hook-form'\nimport { useMemo, useRef, useState } from 'react'\nimport type { Employee } from '@gusto/embedded-api-v-2025-11-15/models/components/employee'\nimport type {\n  PayrollEmployeeCompensationsTypeFixedCompensations as FixedCompensations,\n  PayrollEmployeeCompensationsType,\n  PayrollEmployeeCompensationsTypePaidTimeOff,\n  PayrollEmployeeCompensationsTypeReimbursements as Reimbursement,\n} from '@gusto/embedded-api-v-2025-11-15/models/components/payrollemployeecompensationstype'\nimport { PayrollEmployeeCompensationsTypePaymentMethod } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollemployeecompensationstype'\nimport type { PayrollFixedCompensationTypesType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollfixedcompensationtypestype'\nimport type { PayScheduleShow as PayScheduleObject } from '@gusto/embedded-api-v-2025-11-15/models/components/payscheduleshow'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './PayrollEditEmployeePresentation.module.scss'\nimport { TimeOffField, PayoutTimeOffField } from './TimeOffField'\nimport {\n  Flex,\n  Grid,\n  TextInputField,\n  RadioGroupField,\n  DataView,\n  useDataView,\n  EmptyData,\n} 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 { getAdditionalEarningsCompensations, calculateGrossPay } from '@/components/Payroll/helpers'\nimport { PayrollCategory, isOffCyclePayroll } 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'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\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\nconst ReimbursementFormSchema = z.object({\n  uuid: z.string().nullable().optional(),\n  description: z.string(),\n  amount: z.string(),\n  recurring: z.boolean().optional(),\n})\n\nconst 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.string().optional()),\n  reimbursements: z.array(ReimbursementFormSchema),\n  paymentMethod: z.enum(PayrollEmployeeCompensationsTypePaymentMethod).optional(),\n})\n\n/** @internal */\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!] || '0',\n        ...(finalPayout != null ? { finalPayoutUnusedHoursInput: finalPayout || '0' } : {}),\n      }\n    }\n\n    return {\n      ...timeOffWithoutPayout,\n      hours: formData.timeOffCompensations[timeOffEntry.name!] || '0',\n    }\n  })\n\n  // Off-cycle payrolls today use the legacy single Reimbursement field in fixed_compensations\n  // because the backend feature flag `emb_off_cycle_disable_named_reimbursements` (default: true,\n  // expected removal 2026-09-01) rejects named entries in the itemized `reimbursements[]` array.\n  // TODO(post-2026-09-01): once that flag is removed, unify on the itemized path for all categories.\n  const usesItemizedReimbursements = !isOffCyclePayroll(payrollCategory)\n\n  const updatedFixedCompensations: FixedCompensations[] = []\n\n  Object.entries(formData.fixedCompensations).forEach(([fixedCompensationName, formAmount]) => {\n    const isReimbursementEntry =\n      fixedCompensationName.toLowerCase() === COMPENSATION_NAME_REIMBURSEMENT.toLowerCase()\n\n    // Regular payrolls write reimbursements via the itemized array; never let the legacy\n    // fixed_compensations entry slip through (the backend rejects it on v2025-11-15+).\n    if (isReimbursementEntry && usesItemizedReimbursements) {\n      return\n    }\n\n    const existingFixedCompensation = employeeCompensation?.fixedCompensations?.find(\n      fixedCompensation =>\n        fixedCompensation.name?.toLowerCase() === fixedCompensationName.toLowerCase(),\n    )\n\n    if (formAmount !== undefined && formAmount !== '') {\n      if (existingFixedCompensation) {\n        updatedFixedCompensations.push({\n          name: existingFixedCompensation.name,\n          jobUuid: existingFixedCompensation.jobUuid,\n          amount: formAmount,\n        })\n      } else if (parseFloat(formAmount) !== 0) {\n        updatedFixedCompensations.push({\n          name: fixedCompensationName,\n          jobUuid: primaryJobUuid,\n          amount: formAmount,\n        })\n      }\n    }\n  })\n\n  updatedCompensation.fixedCompensations = updatedFixedCompensations\n\n  if (usesItemizedReimbursements) {\n    updatedCompensation.reimbursements = formData.reimbursements.map(reimbursement => ({\n      amount: reimbursement.amount,\n      description:\n        reimbursement.description.trim() === '' ? null : reimbursement.description.trim(),\n      uuid: reimbursement.uuid ?? null,\n      recurring: reimbursement.recurring,\n    }))\n  } else {\n    // Off-cycle: ensure no itemized array leaks through. The container also strips this defensively.\n    updatedCompensation.reimbursements = []\n  }\n\n  return updatedCompensation\n}\n\n/** @internal */\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, ButtonIcon, Heading, Text, TextInput } = 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  // Off-cycle payrolls use the legacy single Reimbursement field in fixed_compensations because\n  // the backend `emb_off_cycle_disable_named_reimbursements` flag (default: true, expected\n  // removal 2026-09-01) rejects named entries in the itemized `reimbursements[]` array.\n  // TODO(post-2026-09-01): unify on the itemized path once that flag is removed.\n  const usesItemizedReimbursements = !isOffCyclePayroll(payrollCategory)\n\n  const initialReimbursements: Reimbursement[] = useMemo(\n    () =>\n      withReimbursements && usesItemizedReimbursements\n        ? (employeeCompensation?.reimbursements ?? [])\n        : [],\n    [withReimbursements, usesItemizedReimbursements, employeeCompensation?.reimbursements],\n  )\n\n  const existingReimbursementFixedCompensation = useMemo(\n    () =>\n      employeeCompensation?.fixedCompensations?.find(\n        comp => comp.name?.toLowerCase() === COMPENSATION_NAME_REIMBURSEMENT.toLowerCase(),\n      ),\n    [employeeCompensation?.fixedCompensations],\n  )\n\n  const showLegacyReimbursementField =\n    withReimbursements && !usesItemizedReimbursements && Boolean(primaryJob?.uuid)\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      })\n\n      if (showLegacyReimbursementField) {\n        fixedCompensations[COMPENSATION_NAME_REIMBURSEMENT] =\n          existingReimbursementFixedCompensation?.amount ?? '0.00'\n      }\n\n      return fixedCompensations\n    })(),\n\n    reimbursements: initialReimbursements.map(reimbursement => ({\n      uuid: reimbursement.uuid ?? null,\n      description: reimbursement.description ?? '',\n      amount: reimbursement.amount,\n      recurring: reimbursement.recurring ?? false,\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 {\n    fields: reimbursementFields,\n    append: appendReimbursement,\n    remove: removeReimbursement,\n    update: updateReimbursement,\n  } = useFieldArray({\n    control: formHandlers.control,\n    name: 'reimbursements',\n  })\n\n  const handleRemoveReimbursement = (index: number) => {\n    const field = reimbursementFields[index]\n    if (!field) return\n\n    if (field.uuid) {\n      updateReimbursement(index, { ...field, amount: '0' })\n    } else {\n      removeReimbursement(index)\n    }\n  }\n\n  type VisibleReimbursementRow = (typeof reimbursementFields)[number] & {\n    originalIndex: number\n  }\n\n  const visibleReimbursementRows: VisibleReimbursementRow[] = reimbursementFields\n    .map((field, originalIndex) => ({ ...field, originalIndex }))\n    .filter(row => parseFloat(row.amount || '0') !== 0)\n\n  const [isAddingReimbursement, setIsAddingReimbursement] = useState(false)\n  const [draftReimbursementDescription, setDraftReimbursementDescription] = useState('')\n  const [draftReimbursementAmount, setDraftReimbursementAmount] = useState('')\n\n  const resetReimbursementDraft = () => {\n    setIsAddingReimbursement(false)\n    setDraftReimbursementDescription('')\n    setDraftReimbursementAmount('')\n  }\n\n  const handleSaveReimbursementDraft = () => {\n    const trimmedAmount = draftReimbursementAmount.trim()\n    const parsedAmount = parseFloat(trimmedAmount || '0')\n    if (Number.isNaN(parsedAmount) || parsedAmount <= 0) {\n      return\n    }\n\n    appendReimbursement({\n      uuid: null,\n      description: draftReimbursementDescription.trim(),\n      amount: parsedAmount.toFixed(2),\n      recurring: false,\n    })\n    resetReimbursementDraft()\n  }\n\n  const reimbursementDataViewProps = useDataView<VisibleReimbursementRow>({\n    data: visibleReimbursementRows,\n    columns: [\n      {\n        key: 'description',\n        title: t('reimbursementDescriptionColumn'),\n        render: row => row.description.trim() || t('reimbursementUnnamedFallback'),\n      },\n      {\n        key: 'amount',\n        title: t('reimbursementAmountColumn'),\n        render: row => formatNumberAsCurrency(parseFloat(row.amount || '0')),\n      },\n      {\n        key: 'recurring',\n        title: t('reimbursementTypeColumn'),\n        render: row =>\n          row.recurring ? t('reimbursementTypeRecurring') : t('reimbursementTypeOneTime'),\n      },\n    ],\n    itemMenu: row => {\n      if (row.recurring) return null\n      const displayDescription = row.description.trim() || t('reimbursementUnnamedFallback')\n      return (\n        <ButtonIcon\n          variant=\"tertiary\"\n          onClick={() => {\n            handleRemoveReimbursement(row.originalIndex)\n          }}\n          aria-label={t('removeReimbursementLabel', { description: displayDescription })}\n        >\n          <TrashCanSvg aria-hidden />\n        </ButtonIcon>\n      )\n    },\n    emptyState: () => (\n      <EmptyData title={t('reimbursementEmptyTitle')}>\n        <Button\n          variant=\"secondary\"\n          onClick={() => {\n            setIsAddingReimbursement(true)\n          }}\n          icon={<PlusCircleIcon aria-hidden />}\n        >\n          {t('addReimbursementCta')}\n        </Button>\n      </EmptyData>\n    ),\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 reimbursementsWithDefaults: PayrollEditEmployeeFormValues['reimbursements'] = (\n        watchedFormData.reimbursements ?? []\n      ).map(reimbursement => ({\n        uuid: reimbursement.uuid ?? null,\n        description: reimbursement.description ?? '',\n        amount: reimbursement.amount ?? '0',\n        recurring: reimbursement.recurring,\n      }))\n\n      const formDataWithDefaults: PayrollEditEmployeeFormValues = {\n        hourlyCompensations,\n        timeOffCompensations: watchedFormData.timeOffCompensations || {},\n        finalPayoutCompensations: watchedFormData.finalPayoutCompensations || {},\n        fixedCompensations: watchedFormData.fixedCompensations || {},\n        reimbursements: reimbursementsWithDefaults,\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\">\n                {payrollCategory === PayrollCategory.Dismissal\n                  ? t('timeOffTitleDismissal')\n                  : t('timeOffTitle')}\n              </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              <Flex flexDirection=\"column\" gap={4}>\n                <Heading as=\"h4\">{t('finalPayoutTitle')}</Heading>\n                <Text variant=\"supporting\">{t('finalPayoutDescription')}</Text>\n              </Flex>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                {timeOff.map(timeOffEntry => (\n                  <PayoutTimeOffField\n                    key={`payout-${timeOffEntry.name}`}\n                    timeOff={timeOffEntry}\n                    employee={employee}\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                  <TextInputField\n                    key={fixedCompensation.name}\n                    type=\"number\"\n                    min={0}\n                    adornmentStart=\"$\"\n                    isRequired\n                    label={getFixedCompensationLabel(fixedCompensation.name)}\n                    name={`fixedCompensations.${fixedCompensation.name}`}\n                  />\n                ))}\n              </Grid>\n            </div>\n          )}\n          {showLegacyReimbursementField && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('reimbursementTitle')}</Heading>\n              <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                <TextInputField\n                  type=\"number\"\n                  min={0}\n                  adornmentStart=\"$\"\n                  isRequired\n                  label={getFixedCompensationLabel(COMPENSATION_NAME_REIMBURSEMENT)}\n                  name={`fixedCompensations.${COMPENSATION_NAME_REIMBURSEMENT}`}\n                />\n              </Grid>\n            </div>\n          )}\n          {withReimbursements && usesItemizedReimbursements && (\n            <div className={styles.fieldGroup}>\n              <Heading as=\"h4\">{t('reimbursementTitle')}</Heading>\n              {!(visibleReimbursementRows.length === 0 && isAddingReimbursement) && (\n                <DataView label={t('reimbursementsTableLabel')} {...reimbursementDataViewProps} />\n              )}\n              {isAddingReimbursement ? (\n                <Flex flexDirection=\"column\" gap={12}>\n                  <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n                    <TextInput\n                      name=\"newReimbursementDescription\"\n                      label={t('reimbursementDescriptionLabel')}\n                      placeholder={t('reimbursementDescriptionPlaceholder')}\n                      value={draftReimbursementDescription}\n                      onChange={setDraftReimbursementDescription}\n                    />\n                    <TextInput\n                      name=\"newReimbursementAmount\"\n                      type=\"number\"\n                      min={0}\n                      adornmentStart=\"$\"\n                      isRequired\n                      label={t('reimbursementAmountLabel')}\n                      value={draftReimbursementAmount}\n                      onChange={setDraftReimbursementAmount}\n                    />\n                  </Grid>\n                  <Flex gap={12}>\n                    <Button onClick={handleSaveReimbursementDraft}>\n                      {t('saveReimbursementCta')}\n                    </Button>\n                    <Button variant=\"secondary\" onClick={resetReimbursementDraft}>\n                      {t('cancelReimbursementCta')}\n                    </Button>\n                  </Flex>\n                </Flex>\n              ) : (\n                visibleReimbursementRows.length > 0 && (\n                  <div>\n                    <Button\n                      variant=\"secondary\"\n                      onClick={() => {\n                        setIsAddingReimbursement(true)\n                      }}\n                      title={t('addReimbursementLink')}\n                      icon={<PlusCircleIcon aria-hidden />}\n                    >\n                      {t('addReimbursementLink')}\n                    </Button>\n                  </div>\n                )\n              )}\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":["ReimbursementFormSchema","z","PayrollEditEmployeeFormSchema","PayrollEmployeeCompensationsTypePaymentMethod","buildCompensationFromFormData","formData","employeeCompensation","timeOff","primaryJobUuid","payrollCategory","PayrollCategory","updatedCompensation","compensation","hours","timeOffEntry","isDismissal","_","timeOffWithoutPayout","finalPayout","usesItemizedReimbursements","isOffCyclePayroll","updatedFixedCompensations","fixedCompensationName","formAmount","COMPENSATION_NAME_REIMBURSEMENT","existingFixedCompensation","fixedCompensation","reimbursement","PayrollEditEmployeePresentation","onSave","onCancel","employee","isPending","fixedCompensationTypes","payPeriodStartDate","paySchedule","withReimbursements","hasDirectDepositSetup","Button","ButtonIcon","Heading","Text","TextInput","useComponentContext","t","useTranslation","useI18n","primaryJob","job","primaryJobHasHourlyCompensations","c","hourlyJobs","containerRef","useRef","isSmallOrGreater","useContainerBreakpoints","hourlyJob","entry","additionalEarnings","getAdditionalEarningsCompensations","EXCLUDED_ADDITIONAL_EARNINGS","initialReimbursements","useMemo","existingReimbursementFixedCompensation","comp","showLegacyReimbursementField","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","defaultValues","hourlyCompensations","HOURS_COMPENSATION_NAMES","matchingCompensation","timeOffCompensations","timeOffCompensation","finalPayoutCompensations","fixedCompensations","fixedComp","formHandlers","useForm","zodResolver","reimbursementFields","appendReimbursement","removeReimbursement","updateReimbursement","useFieldArray","handleRemoveReimbursement","index","field","visibleReimbursementRows","originalIndex","row","isAddingReimbursement","setIsAddingReimbursement","useState","draftReimbursementDescription","setDraftReimbursementDescription","draftReimbursementAmount","setDraftReimbursementAmount","resetReimbursementDraft","handleSaveReimbursementDraft","trimmedAmount","parsedAmount","reimbursementDataViewProps","useDataView","formatNumberAsCurrency","displayDescription","jsx","TrashCanSvg","EmptyData","PlusCircleIcon","watchedFormData","useWatch","currentGrossPay","jobId","compensations","reimbursementsWithDefaults","formDataWithDefaults","calculateGrossPay","employeeName","firstLastName","onSubmit","data","formattedCurrentGrossPay","actions","jsxs","Flex","styles","FormProvider","Form","Grid","employeeHourlyCompensation","TextInputField","TimeOffField","PayoutTimeOffField","DataView","RadioGroupField"],"mappings":"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"}

package/dist/components/Payroll/PayrollEditEmployee/TimeOffField.d.ts

@@ -1,18 +1,20 @@
 import { Employee } from '@gusto/embedded-api-v-2025-11-15/models/components/employee';
 import { PayrollEmployeeCompensationsTypePaidTimeOff } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollemployeecompensationstype';
+/** @internal */
 export interface TimeOffFieldProps {
+    /** The time-off entry whose hours the field captures. */
     timeOff: PayrollEmployeeCompensationsTypePaidTimeOff;
+    /** The employee whose accrual balance is displayed alongside the field. */
     employee: Employee;
 }
-export declare const TimeOffBalance: ({ accrualBalance, accrualMethod, hoursUsed, id, }: {
-    accrualBalance: string;
-    accrualMethod?: string;
-    hoursUsed: number;
-    id: string;
-}) => import("react").JSX.Element | null;
+/** @internal */
 export interface PayoutTimeOffFieldProps {
+    /** The time-off entry whose final-payout hours the field captures. */
     timeOff: PayrollEmployeeCompensationsTypePaidTimeOff;
+    /** The employee whose accrual balance is displayed alongside the field. */
     employee: Employee;
 }
+/** @internal */
 export declare const PayoutTimeOffField: ({ timeOff, employee }: PayoutTimeOffFieldProps) => import("react").JSX.Element | null;
+/** @internal */
 export declare const TimeOffField: ({ timeOff, employee }: TimeOffFieldProps) => import("react").JSX.Element | null;

package/dist/components/Payroll/PayrollEditEmployee/TimeOffField.js

@@ -87,7 +87,6 @@ const b = ({
 };
 export {
   v as PayoutTimeOffField,
-  b as TimeOffBalance,
   M as TimeOffField
 };
 //# sourceMappingURL=TimeOffField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimeOffField.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/TimeOffField.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { useWatch, useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { Employee } from '@gusto/embedded-api-v-2025-11-15/models/components/employee'\nimport type { PayrollEmployeeCompensationsTypePaidTimeOff } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollemployeecompensationstype'\nimport type { PayrollEditEmployeeFormValues } from './PayrollEditEmployeePresentation'\nimport { Flex, TextInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport interface TimeOffFieldProps {\n  timeOff: PayrollEmployeeCompensationsTypePaidTimeOff\n  employee: Employee\n}\n\nexport const TimeOffBalance = ({\n  accrualBalance,\n  accrualMethod,\n  hoursUsed,\n  id,\n}: {\n  accrualBalance: string\n  accrualMethod?: string\n  hoursUsed: number\n  id: string\n}) => {\n  const { Text } = useComponentContext()\n  const { t } = useTranslation('Payroll.PayrollEditEmployee')\n\n  if (accrualMethod === 'unlimited') {\n    return null\n  }\n\n  const currentBalance = parseFloat(accrualBalance)\n  const remainingBalance = currentBalance - hoursUsed\n\n  return (\n    <Text size=\"sm\" variant=\"supporting\" aria-live=\"polite\" aria-atomic={true} id={id}>\n      {t('timeOffBalance.remaining', { balance: remainingBalance.toFixed(1) })}\n    </Text>\n  )\n}\n\nexport interface PayoutTimeOffFieldProps {\n  timeOff: PayrollEmployeeCompensationsTypePaidTimeOff\n  employee: Employee\n}\n\nexport const PayoutTimeOffField = ({ timeOff, employee }: PayoutTimeOffFieldProps) => {\n  const { t } = useTranslation('Payroll.PayrollEditEmployee')\n  useI18n('Payroll.PayrollEditEmployee')\n\n  const { control } = useFormContext<PayrollEditEmployeeFormValues>()\n  const id = useId()\n\n  const hoursUsedThisPeriod = useWatch({\n    control,\n    name: `timeOffCompensations.${timeOff.name}`,\n  })\n\n  if (!timeOff.name) {\n    return null\n  }\n\n  const hoursUsed = parseFloat(hoursUsedThisPeriod || '0')\n  const eligiblePolicy = employee.eligiblePaidTimeOff?.find(policy => policy.name === timeOff.name)\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <TextInputField\n        key={`payout-${timeOff.name}`}\n        name={`finalPayoutCompensations.${timeOff.name}`}\n        type=\"number\"\n        min={0}\n        adornmentEnd={t('hoursUnit')}\n        label={timeOff.name}\n        aria-describedby={id}\n      />\n      {eligiblePolicy?.accrualBalance && (\n        <TimeOffBalance\n          accrualBalance={eligiblePolicy.accrualBalance}\n          accrualMethod={eligiblePolicy.accrualMethod ?? undefined}\n          hoursUsed={hoursUsed}\n          id={id}\n        />\n      )}\n    </Flex>\n  )\n}\n\nexport const TimeOffField = ({ timeOff, employee }: TimeOffFieldProps) => {\n  const { t } = useTranslation('Payroll.PayrollEditEmployee')\n  useI18n('Payroll.PayrollEditEmployee')\n\n  const { control } = useFormContext<PayrollEditEmployeeFormValues>()\n  const id = useId()\n\n  const watchedValue = useWatch({\n    control,\n    name: `timeOffCompensations.${timeOff.name}`,\n  })\n\n  if (!timeOff.name) {\n    return null\n  }\n\n  const hoursUsed = parseFloat(watchedValue || '0')\n  const eligiblePolicy = employee.eligiblePaidTimeOff?.find(policy => policy.name === timeOff.name)\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <TextInputField\n        key={timeOff.name}\n        name={`timeOffCompensations.${timeOff.name}`}\n        type=\"number\"\n        min={0}\n        adornmentEnd={t('hoursUnit')}\n        isRequired\n        label={timeOff.name}\n        aria-describedby={id}\n      />\n      {eligiblePolicy?.accrualBalance && (\n        <TimeOffBalance\n          accrualBalance={eligiblePolicy.accrualBalance}\n          accrualMethod={eligiblePolicy.accrualMethod ?? undefined}\n          hoursUsed={hoursUsed}\n          id={id}\n        />\n      )}\n    </Flex>\n  )\n}\n"],"names":["TimeOffBalance","accrualBalance","accrualMethod","hoursUsed","id","Text","useComponentContext","useTranslation","remainingBalance","jsx","PayoutTimeOffField","timeOff","employee","t","useI18n","control","useFormContext","useId","hoursUsedThisPeriod","useWatch","eligiblePolicy","policy","jsxs","Flex","TextInputField","TimeOffField","watchedValue"],"mappings":"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"}
+{"version":3,"file":"TimeOffField.js","sources":["../../../../src/components/Payroll/PayrollEditEmployee/TimeOffField.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { useWatch, useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { Employee } from '@gusto/embedded-api-v-2025-11-15/models/components/employee'\nimport type { PayrollEmployeeCompensationsTypePaidTimeOff } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollemployeecompensationstype'\nimport type { PayrollEditEmployeeFormValues } from './PayrollEditEmployeePresentation'\nimport { Flex, TextInputField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\n/** @internal */\nexport interface TimeOffFieldProps {\n  /** The time-off entry whose hours the field captures. */\n  timeOff: PayrollEmployeeCompensationsTypePaidTimeOff\n  /** The employee whose accrual balance is displayed alongside the field. */\n  employee: Employee\n}\n\nconst TimeOffBalance = ({\n  accrualBalance,\n  accrualMethod,\n  hoursUsed,\n  id,\n}: {\n  accrualBalance: string\n  accrualMethod?: string\n  hoursUsed: number\n  id: string\n}) => {\n  const { Text } = useComponentContext()\n  const { t } = useTranslation('Payroll.PayrollEditEmployee')\n\n  if (accrualMethod === 'unlimited') {\n    return null\n  }\n\n  const currentBalance = parseFloat(accrualBalance)\n  const remainingBalance = currentBalance - hoursUsed\n\n  return (\n    <Text size=\"sm\" variant=\"supporting\" aria-live=\"polite\" aria-atomic={true} id={id}>\n      {t('timeOffBalance.remaining', { balance: remainingBalance.toFixed(1) })}\n    </Text>\n  )\n}\n\n/** @internal */\nexport interface PayoutTimeOffFieldProps {\n  /** The time-off entry whose final-payout hours the field captures. */\n  timeOff: PayrollEmployeeCompensationsTypePaidTimeOff\n  /** The employee whose accrual balance is displayed alongside the field. */\n  employee: Employee\n}\n\n/** @internal */\nexport const PayoutTimeOffField = ({ timeOff, employee }: PayoutTimeOffFieldProps) => {\n  const { t } = useTranslation('Payroll.PayrollEditEmployee')\n  useI18n('Payroll.PayrollEditEmployee')\n\n  const { control } = useFormContext<PayrollEditEmployeeFormValues>()\n  const id = useId()\n\n  const hoursUsedThisPeriod = useWatch({\n    control,\n    name: `timeOffCompensations.${timeOff.name}`,\n  })\n\n  if (!timeOff.name) {\n    return null\n  }\n\n  const hoursUsed = parseFloat(hoursUsedThisPeriod || '0')\n  const eligiblePolicy = employee.eligiblePaidTimeOff?.find(policy => policy.name === timeOff.name)\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <TextInputField\n        key={`payout-${timeOff.name}`}\n        name={`finalPayoutCompensations.${timeOff.name}`}\n        type=\"number\"\n        min={0}\n        adornmentEnd={t('hoursUnit')}\n        label={timeOff.name}\n        aria-describedby={id}\n      />\n      {eligiblePolicy?.accrualBalance && (\n        <TimeOffBalance\n          accrualBalance={eligiblePolicy.accrualBalance}\n          accrualMethod={eligiblePolicy.accrualMethod ?? undefined}\n          hoursUsed={hoursUsed}\n          id={id}\n        />\n      )}\n    </Flex>\n  )\n}\n\n/** @internal */\nexport const TimeOffField = ({ timeOff, employee }: TimeOffFieldProps) => {\n  const { t } = useTranslation('Payroll.PayrollEditEmployee')\n  useI18n('Payroll.PayrollEditEmployee')\n\n  const { control } = useFormContext<PayrollEditEmployeeFormValues>()\n  const id = useId()\n\n  const watchedValue = useWatch({\n    control,\n    name: `timeOffCompensations.${timeOff.name}`,\n  })\n\n  if (!timeOff.name) {\n    return null\n  }\n\n  const hoursUsed = parseFloat(watchedValue || '0')\n  const eligiblePolicy = employee.eligiblePaidTimeOff?.find(policy => policy.name === timeOff.name)\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <TextInputField\n        key={timeOff.name}\n        name={`timeOffCompensations.${timeOff.name}`}\n        type=\"number\"\n        min={0}\n        adornmentEnd={t('hoursUnit')}\n        isRequired\n        label={timeOff.name}\n        aria-describedby={id}\n      />\n      {eligiblePolicy?.accrualBalance && (\n        <TimeOffBalance\n          accrualBalance={eligiblePolicy.accrualBalance}\n          accrualMethod={eligiblePolicy.accrualMethod ?? undefined}\n          hoursUsed={hoursUsed}\n          id={id}\n        />\n      )}\n    </Flex>\n  )\n}\n"],"names":["TimeOffBalance","accrualBalance","accrualMethod","hoursUsed","id","Text","useComponentContext","useTranslation","remainingBalance","jsx","PayoutTimeOffField","timeOff","employee","t","useI18n","control","useFormContext","useId","hoursUsedThisPeriod","useWatch","eligiblePolicy","policy","jsxs","Flex","TextInputField","TimeOffField","watchedValue"],"mappings":"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"}

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

@@ -3,16 +3,81 @@ import { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWi
 import { FlowBreadcrumb } from '../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
 import { OnEventType } from '../../Base/useBase';
 import { EventType } from '../../../shared/constants';
+/**
+ * Entry point for {@link PayrollExecutionFlow}. Determines which screen the flow renders first.
+ *
+ * @public
+ */
 export type PayrollExecutionInitialState = 'configuration' | 'overview';
+/**
+ * Props for {@link PayrollExecutionFlow}.
+ *
+ * @public
+ */
 export interface PayrollExecutionFlowProps {
+    /** The associated company identifier. */
     companyId: string;
+    /**
+     * The identifier of the payroll to execute. The payroll must already exist (e.g. created by a
+     * prior creation step or by the standard `PayrollFlow` selection).
+     */
     payrollId: string;
+    /** Event handler that receives the `RUN_PAYROLL_*` events emitted during the flow. */
     onEvent: OnEventType<EventType, unknown>;
+    /** Optional pay period metadata used to seed breadcrumb labels and date context. */
     initialPayPeriod?: PayrollPayPeriodType;
+    /**
+     * When true, surfaces dismissal-specific copy and breadcrumbs (used by `Payroll.DismissalFlow`).
+     * Defaults to `false`.
+     */
     isDismissalPayroll?: boolean;
+    /** Optional flag to show or hide reimbursement fields throughout the flow. Defaults to `true`. */
     withReimbursements?: boolean;
+    /** Optional custom component to replace the default wire details confirmation UI. */
     ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType;
+    /**
+     * Optional breadcrumbs prepended to the flow's own breadcrumb trail. Useful when embedding inside
+     * a parent flow (e.g. an off-cycle creation step) so the breadcrumb history remains coherent.
+     */
     prefixBreadcrumbs?: FlowBreadcrumb[];
+    /**
+     * Where the flow starts. Use `'overview'` when you want to drop the user directly on the review
+     * screen (e.g. resuming an already-calculated payroll). Defaults to `'configuration'`.
+     */
     initialState?: PayrollExecutionInitialState;
 }
+/**
+ * Shared execution flow that runs the configuration, overview, submission, and receipt steps for a
+ * single payroll.
+ *
+ * @remarks
+ * This is the inner flow that powers the back half of `Payroll.PayrollFlow`, and it is also reused
+ * by the off-cycle, dismissal, and transition flows after they have created their respective
+ * payrolls. Render it directly when you have built your own payroll-creation step and want to hand
+ * the user off to the standard execution experience without re-implementing it. The flow ships
+ * with breadcrumb navigation and the standard wire-confirmation UX.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `runPayroll/edit` | Fired when user chooses to edit payroll | — |
+ * | `runPayroll/back` | Fired when user navigates back | — |
+ * | `runPayroll/calculated` | Fired when payroll calculation completes | `{ payrollUuid, payPeriod?, alert? }` |
+ * | `runPayroll/employee/edit` | Fired when user opens an employee row to edit | `{ employeeId, firstName, lastName }` |
+ * | `runPayroll/employee/saved` | Fired when employee edits are saved | — |
+ * | `runPayroll/employee/cancelled` | Fired when employee edits are cancelled | — |
+ * | `runPayroll/submitting` | Fired when payroll submission begins | — |
+ * | `runPayroll/submitted` | Fired when payroll is successfully submitted | Response from the Submit payroll endpoint |
+ * | `runPayroll/processed` | Fired when payroll processing is completed | — |
+ * | `runPayroll/processingFailed` | Fired when payroll processing fails | Error details |
+ * | `runPayroll/cancelled` | Fired when a payroll is cancelled | Response from the Cancel payroll endpoint |
+ * | `runPayroll/receipt/get` | Fired when user requests payroll receipt | `{ payrollId }` |
+ * | `runPayroll/receipt/viewed` | Fired when the receipt screen is viewed | — |
+ * | `runPayroll/pdfPaystub/viewed` | Fired when user views employee paystub PDF | `{ employeeId }` |
+ * | `runPayroll/blockers/viewAll` | Fired when user opens the full blockers list | — |
+ * | `payroll/saveAndExit` | Fired when user uses the save-and-exit CTA | — |
+ *
+ * @param input - {@link PayrollExecutionFlowProps}
+ * @returns The rendered execution flow.
+ * @public
+ */
 export declare function PayrollExecutionFlow({ companyId, payrollId, onEvent, initialPayPeriod, isDismissalPayroll: isDismissal, withReimbursements, ConfirmWireDetailsComponent, prefixBreadcrumbs, initialState, }: PayrollExecutionFlowProps): import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollExecutionFlow.js","sources":["../../../../src/components/Payroll/PayrollExecutionFlow/PayrollExecutionFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollpayperiodtype'\nimport type { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails'\nimport {\n  PayrollConfigurationContextual,\n  PayrollOverviewContextual,\n  SaveAndExitCta,\n  type PayrollFlowContextInterface,\n} from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  payrollExecutionMachine,\n  getPayrollExecutionBreadcrumbsNodes,\n} from './payrollExecutionMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { FlowBreadcrumb } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { buildBreadcrumbs, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\n\nconst EMPTY_BREADCRUMBS: FlowBreadcrumb[] = []\n\nexport type PayrollExecutionInitialState = 'configuration' | 'overview'\n\nexport interface PayrollExecutionFlowProps {\n  companyId: string\n  payrollId: string\n  onEvent: OnEventType<EventType, unknown>\n  initialPayPeriod?: PayrollPayPeriodType\n  isDismissalPayroll?: boolean\n  withReimbursements?: boolean\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  prefixBreadcrumbs?: FlowBreadcrumb[]\n  initialState?: PayrollExecutionInitialState\n}\n\nconst INITIAL_COMPONENT_MAP = {\n  configuration: PayrollConfigurationContextual,\n  overview: PayrollOverviewContextual,\n} as const\n\nconst INITIAL_NAMESPACE_MAP = {\n  configuration: 'Payroll.PayrollConfiguration' as const,\n  overview: 'Payroll.PayrollOverview' as const,\n} as const\n\nexport function PayrollExecutionFlow({\n  companyId,\n  payrollId,\n  onEvent,\n  initialPayPeriod,\n  isDismissalPayroll: isDismissal = false,\n  withReimbursements = true,\n  ConfirmWireDetailsComponent,\n  prefixBreadcrumbs = EMPTY_BREADCRUMBS,\n  initialState = 'configuration',\n}: PayrollExecutionFlowProps) {\n  const executionFlowMachine = useMemo(() => {\n    const breadcrumbNodes = getPayrollExecutionBreadcrumbsNodes(isDismissal)\n    const baseBreadcrumbs = buildBreadcrumbs(breadcrumbNodes)\n    const displayOnlyPrefixes = prefixBreadcrumbs.map(({ onNavigate, ...rest }) => rest)\n    const breadcrumbs = Object.fromEntries(\n      Object.entries(baseBreadcrumbs).map(([stateKey, trail]) => [\n        stateKey,\n        [...displayOnlyPrefixes, ...trail],\n      ]),\n    )\n\n    const initialBreadcrumbContext = updateBreadcrumbs(\n      initialState,\n      {\n        header: {\n          type: 'breadcrumbs' as const,\n          breadcrumbs,\n          cta: SaveAndExitCta,\n        },\n      },\n      {\n        startDate: initialPayPeriod?.startDate ?? '',\n        endDate: initialPayPeriod?.endDate ?? '',\n      },\n    )\n\n    return createMachine(\n      initialState,\n      payrollExecutionMachine,\n      (initialContext: PayrollFlowContextInterface) => ({\n        ...initialContext,\n        ...initialBreadcrumbContext,\n        component: INITIAL_COMPONENT_MAP[initialState],\n        companyId,\n        payrollUuid: payrollId,\n        payPeriod: initialPayPeriod,\n        withReimbursements,\n        ConfirmWireDetailsComponent,\n        ctaConfig: {\n          labelKey: 'exitFlowCta',\n          namespace: INITIAL_NAMESPACE_MAP[initialState],\n        },\n      }),\n    )\n  }, [\n    companyId,\n    payrollId,\n    isDismissal,\n    withReimbursements,\n    ConfirmWireDetailsComponent,\n    prefixBreadcrumbs,\n    initialState,\n  ])\n\n  return <Flow machine={executionFlowMachine} onEvent={onEvent} />\n}\n"],"names":["EMPTY_BREADCRUMBS","INITIAL_COMPONENT_MAP","PayrollConfigurationContextual","PayrollOverviewContextual","INITIAL_NAMESPACE_MAP","PayrollExecutionFlow","companyId","payrollId","onEvent","initialPayPeriod","isDismissal","withReimbursements","ConfirmWireDetailsComponent","prefixBreadcrumbs","initialState","executionFlowMachine","useMemo","breadcrumbNodes","getPayrollExecutionBreadcrumbsNodes","baseBreadcrumbs","buildBreadcrumbs","displayOnlyPrefixes","onNavigate","rest","breadcrumbs","stateKey","trail","initialBreadcrumbContext","updateBreadcrumbs","SaveAndExitCta","createMachine","payrollExecutionMachine","initialContext","jsx","Flow"],"mappings":";;;;;;;AAoBA,MAAMA,IAAsC,CAAA,GAgBtCC,IAAwB;AAAA,EAC5B,eAAeC;AAAA,EACf,UAAUC;AACZ,GAEMC,IAAwB;AAAA,EAC5B,eAAe;AAAA,EACf,UAAU;AACZ;AAEO,SAASC,EAAqB;AAAA,EACnC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAoBC,IAAc;AAAA,EAClC,oBAAAC,IAAqB;AAAA,EACrB,6BAAAC;AAAA,EACA,mBAAAC,IAAoBb;AAAA,EACpB,cAAAc,IAAe;AACjB,GAA8B;AAC5B,QAAMC,IAAuBC,EAAQ,MAAM;AACzC,UAAMC,IAAkBC,EAAoCR,CAAW,GACjES,IAAkBC,EAAiBH,CAAe,GAClDI,IAAsBR,EAAkB,IAAI,CAAC,EAAE,YAAAS,GAAY,GAAGC,EAAA,MAAWA,CAAI,GAC7EC,IAAc,OAAO;AAAA,MACzB,OAAO,QAAQL,CAAe,EAAE,IAAI,CAAC,CAACM,GAAUC,CAAK,MAAM;AAAA,QACzDD;AAAA,QACA,CAAC,GAAGJ,GAAqB,GAAGK,CAAK;AAAA,MAAA,CAClC;AAAA,IAAA,GAGGC,IAA2BC;AAAA,MAC/Bd;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,aAAAU;AAAA,UACA,KAAKK;AAAA,QAAA;AAAA,MACP;AAAA,MAEF;AAAA,QACE,WAAWpB,GAAkB,aAAa;AAAA,QAC1C,SAASA,GAAkB,WAAW;AAAA,MAAA;AAAA,IACxC;AAGF,WAAOqB;AAAA,MACLhB;AAAA,MACAiB;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,GAAGL;AAAA,QACH,WAAW1B,EAAsBa,CAAY;AAAA,QAC7C,WAAAR;AAAA,QACA,aAAaC;AAAA,QACb,WAAWE;AAAA,QACX,oBAAAE;AAAA,QACA,6BAAAC;AAAA,QACA,WAAW;AAAA,UACT,UAAU;AAAA,UACV,WAAWR,EAAsBU,CAAY;AAAA,QAAA;AAAA,MAC/C;AAAA,IACF;AAAA,EAEJ,GAAG;AAAA,IACDR;AAAA,IACAC;AAAA,IACAG;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD;AAED,SAAO,gBAAAmB,EAACC,GAAA,EAAK,SAASnB,GAAsB,SAAAP,EAAA,CAAkB;AAChE;"}
+{"version":3,"file":"PayrollExecutionFlow.js","sources":["../../../../src/components/Payroll/PayrollExecutionFlow/PayrollExecutionFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollpayperiodtype'\nimport type { ConfirmWireDetailsComponentType } from '../ConfirmWireDetails/ConfirmWireDetails'\nimport {\n  PayrollConfigurationContextual,\n  PayrollOverviewContextual,\n  SaveAndExitCta,\n  type PayrollFlowContextInterface,\n} from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  payrollExecutionMachine,\n  getPayrollExecutionBreadcrumbsNodes,\n} from './payrollExecutionMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { FlowBreadcrumb } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { buildBreadcrumbs, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\n\nconst EMPTY_BREADCRUMBS: FlowBreadcrumb[] = []\n\n/**\n * Entry point for {@link PayrollExecutionFlow}. Determines which screen the flow renders first.\n *\n * @public\n */\nexport type PayrollExecutionInitialState = 'configuration' | 'overview'\n\n/**\n * Props for {@link PayrollExecutionFlow}.\n *\n * @public\n */\nexport interface PayrollExecutionFlowProps {\n  /** The associated company identifier. */\n  companyId: string\n  /**\n   * The identifier of the payroll to execute. The payroll must already exist (e.g. created by a\n   * prior creation step or by the standard `PayrollFlow` selection).\n   */\n  payrollId: string\n  /** Event handler that receives the `RUN_PAYROLL_*` events emitted during the flow. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Optional pay period metadata used to seed breadcrumb labels and date context. */\n  initialPayPeriod?: PayrollPayPeriodType\n  /**\n   * When true, surfaces dismissal-specific copy and breadcrumbs (used by `Payroll.DismissalFlow`).\n   * Defaults to `false`.\n   */\n  isDismissalPayroll?: boolean\n  /** Optional flag to show or hide reimbursement fields throughout the flow. Defaults to `true`. */\n  withReimbursements?: boolean\n  /** Optional custom component to replace the default wire details confirmation UI. */\n  ConfirmWireDetailsComponent?: ConfirmWireDetailsComponentType\n  /**\n   * Optional breadcrumbs prepended to the flow's own breadcrumb trail. Useful when embedding inside\n   * a parent flow (e.g. an off-cycle creation step) so the breadcrumb history remains coherent.\n   */\n  prefixBreadcrumbs?: FlowBreadcrumb[]\n  /**\n   * Where the flow starts. Use `'overview'` when you want to drop the user directly on the review\n   * screen (e.g. resuming an already-calculated payroll). Defaults to `'configuration'`.\n   */\n  initialState?: PayrollExecutionInitialState\n}\n\nconst INITIAL_COMPONENT_MAP = {\n  configuration: PayrollConfigurationContextual,\n  overview: PayrollOverviewContextual,\n} as const\n\nconst INITIAL_NAMESPACE_MAP = {\n  configuration: 'Payroll.PayrollConfiguration' as const,\n  overview: 'Payroll.PayrollOverview' as const,\n} as const\n\n/**\n * Shared execution flow that runs the configuration, overview, submission, and receipt steps for a\n * single payroll.\n *\n * @remarks\n * This is the inner flow that powers the back half of `Payroll.PayrollFlow`, and it is also reused\n * by the off-cycle, dismissal, and transition flows after they have created their respective\n * payrolls. Render it directly when you have built your own payroll-creation step and want to hand\n * the user off to the standard execution experience without re-implementing it. The flow ships\n * with breadcrumb navigation and the standard wire-confirmation UX.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `runPayroll/edit` | Fired when user chooses to edit payroll | — |\n * | `runPayroll/back` | Fired when user navigates back | — |\n * | `runPayroll/calculated` | Fired when payroll calculation completes | `{ payrollUuid, payPeriod?, alert? }` |\n * | `runPayroll/employee/edit` | Fired when user opens an employee row to edit | `{ employeeId, firstName, lastName }` |\n * | `runPayroll/employee/saved` | Fired when employee edits are saved | — |\n * | `runPayroll/employee/cancelled` | Fired when employee edits are cancelled | — |\n * | `runPayroll/submitting` | Fired when payroll submission begins | — |\n * | `runPayroll/submitted` | Fired when payroll is successfully submitted | Response from the Submit payroll endpoint |\n * | `runPayroll/processed` | Fired when payroll processing is completed | — |\n * | `runPayroll/processingFailed` | Fired when payroll processing fails | Error details |\n * | `runPayroll/cancelled` | Fired when a payroll is cancelled | Response from the Cancel payroll endpoint |\n * | `runPayroll/receipt/get` | Fired when user requests payroll receipt | `{ payrollId }` |\n * | `runPayroll/receipt/viewed` | Fired when the receipt screen is viewed | — |\n * | `runPayroll/pdfPaystub/viewed` | Fired when user views employee paystub PDF | `{ employeeId }` |\n * | `runPayroll/blockers/viewAll` | Fired when user opens the full blockers list | — |\n * | `payroll/saveAndExit` | Fired when user uses the save-and-exit CTA | — |\n *\n * @param input - {@link PayrollExecutionFlowProps}\n * @returns The rendered execution flow.\n * @public\n */\nexport function PayrollExecutionFlow({\n  companyId,\n  payrollId,\n  onEvent,\n  initialPayPeriod,\n  isDismissalPayroll: isDismissal = false,\n  withReimbursements = true,\n  ConfirmWireDetailsComponent,\n  prefixBreadcrumbs = EMPTY_BREADCRUMBS,\n  initialState = 'configuration',\n}: PayrollExecutionFlowProps) {\n  const executionFlowMachine = useMemo(() => {\n    const breadcrumbNodes = getPayrollExecutionBreadcrumbsNodes(isDismissal)\n    const baseBreadcrumbs = buildBreadcrumbs(breadcrumbNodes)\n    const displayOnlyPrefixes = prefixBreadcrumbs.map(({ onNavigate, ...rest }) => rest)\n    const breadcrumbs = Object.fromEntries(\n      Object.entries(baseBreadcrumbs).map(([stateKey, trail]) => [\n        stateKey,\n        [...displayOnlyPrefixes, ...trail],\n      ]),\n    )\n\n    const initialBreadcrumbContext = updateBreadcrumbs(\n      initialState,\n      {\n        header: {\n          type: 'breadcrumbs' as const,\n          breadcrumbs,\n          cta: SaveAndExitCta,\n        },\n      },\n      {\n        startDate: initialPayPeriod?.startDate ?? '',\n        endDate: initialPayPeriod?.endDate ?? '',\n      },\n    )\n\n    return createMachine(\n      initialState,\n      payrollExecutionMachine,\n      (initialContext: PayrollFlowContextInterface) => ({\n        ...initialContext,\n        ...initialBreadcrumbContext,\n        component: INITIAL_COMPONENT_MAP[initialState],\n        companyId,\n        payrollUuid: payrollId,\n        payPeriod: initialPayPeriod,\n        withReimbursements,\n        ConfirmWireDetailsComponent,\n        ctaConfig: {\n          labelKey: 'exitFlowCta',\n          namespace: INITIAL_NAMESPACE_MAP[initialState],\n        },\n      }),\n    )\n  }, [\n    companyId,\n    payrollId,\n    isDismissal,\n    withReimbursements,\n    ConfirmWireDetailsComponent,\n    prefixBreadcrumbs,\n    initialState,\n  ])\n\n  return <Flow machine={executionFlowMachine} onEvent={onEvent} />\n}\n"],"names":["EMPTY_BREADCRUMBS","INITIAL_COMPONENT_MAP","PayrollConfigurationContextual","PayrollOverviewContextual","INITIAL_NAMESPACE_MAP","PayrollExecutionFlow","companyId","payrollId","onEvent","initialPayPeriod","isDismissal","withReimbursements","ConfirmWireDetailsComponent","prefixBreadcrumbs","initialState","executionFlowMachine","useMemo","breadcrumbNodes","getPayrollExecutionBreadcrumbsNodes","baseBreadcrumbs","buildBreadcrumbs","displayOnlyPrefixes","onNavigate","rest","breadcrumbs","stateKey","trail","initialBreadcrumbContext","updateBreadcrumbs","SaveAndExitCta","createMachine","payrollExecutionMachine","initialContext","jsx","Flow"],"mappings":";;;;;;;AAoBA,MAAMA,IAAsC,CAAA,GA+CtCC,IAAwB;AAAA,EAC5B,eAAeC;AAAA,EACf,UAAUC;AACZ,GAEMC,IAAwB;AAAA,EAC5B,eAAe;AAAA,EACf,UAAU;AACZ;AAoCO,SAASC,EAAqB;AAAA,EACnC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAoBC,IAAc;AAAA,EAClC,oBAAAC,IAAqB;AAAA,EACrB,6BAAAC;AAAA,EACA,mBAAAC,IAAoBb;AAAA,EACpB,cAAAc,IAAe;AACjB,GAA8B;AAC5B,QAAMC,IAAuBC,EAAQ,MAAM;AACzC,UAAMC,IAAkBC,EAAoCR,CAAW,GACjES,IAAkBC,EAAiBH,CAAe,GAClDI,IAAsBR,EAAkB,IAAI,CAAC,EAAE,YAAAS,GAAY,GAAGC,EAAA,MAAWA,CAAI,GAC7EC,IAAc,OAAO;AAAA,MACzB,OAAO,QAAQL,CAAe,EAAE,IAAI,CAAC,CAACM,GAAUC,CAAK,MAAM;AAAA,QACzDD;AAAA,QACA,CAAC,GAAGJ,GAAqB,GAAGK,CAAK;AAAA,MAAA,CAClC;AAAA,IAAA,GAGGC,IAA2BC;AAAA,MAC/Bd;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,aAAAU;AAAA,UACA,KAAKK;AAAA,QAAA;AAAA,MACP;AAAA,MAEF;AAAA,QACE,WAAWpB,GAAkB,aAAa;AAAA,QAC1C,SAASA,GAAkB,WAAW;AAAA,MAAA;AAAA,IACxC;AAGF,WAAOqB;AAAA,MACLhB;AAAA,MACAiB;AAAA,MACA,CAACC,OAAiD;AAAA,QAChD,GAAGA;AAAA,QACH,GAAGL;AAAA,QACH,WAAW1B,EAAsBa,CAAY;AAAA,QAC7C,WAAAR;AAAA,QACA,aAAaC;AAAA,QACb,WAAWE;AAAA,QACX,oBAAAE;AAAA,QACA,6BAAAC;AAAA,QACA,WAAW;AAAA,UACT,UAAU;AAAA,UACV,WAAWR,EAAsBU,CAAY;AAAA,QAAA;AAAA,MAC/C;AAAA,IACF;AAAA,EAEJ,GAAG;AAAA,IACDR;AAAA,IACAC;AAAA,IACAG;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD;AAED,SAAO,gBAAAmB,EAACC,GAAA,EAAK,SAASnB,GAAsB,SAAAP,EAAA,CAAkB;AAChE;"}

package/dist/components/Payroll/PayrollExecutionFlow/index.d.ts

@@ -1,3 +1,2 @@
 import "./types/i18next.d.ts"
 export { PayrollExecutionFlow, type PayrollExecutionFlowProps, type PayrollExecutionInitialState, } from './PayrollExecutionFlow';
-export { payrollExecutionMachine, getPayrollExecutionBreadcrumbsNodes, } from './payrollExecutionMachine';

package/dist/components/Payroll/PayrollExecutionFlow/payrollExecutionMachine.d.ts

@@ -1,5 +1,7 @@
 import { BreadcrumbNodes } from '../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+/** @internal */
 export declare const getPayrollExecutionBreadcrumbsNodes: (isDismissal?: boolean) => BreadcrumbNodes;
+/** @internal */
 export declare const payrollExecutionMachine: {
     configuration: import('robot3').MachineState<any>;
     overview: import('robot3').MachineState<any>;

package/dist/components/Payroll/PayrollExecutionFlow/payrollExecutionMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"payrollExecutionMachine.js","sources":["../../../../src/components/Payroll/PayrollExecutionFlow/payrollExecutionMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollpayperiodtype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  PayrollConfigurationContextual,\n  PayrollOverviewContextual,\n  PayrollEditEmployeeContextual,\n  PayrollReceiptsContextual,\n  PayrollBlockerContextual,\n  type PayrollFlowContextInterface,\n} from '../PayrollFlow/PayrollFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport {\n  hideBreadcrumb,\n  patchBreadcrumbsHeader,\n  updateBreadcrumbs,\n} from '@/helpers/breadcrumbHelpers'\nimport type {\n  BreadcrumbNode,\n  BreadcrumbNodes,\n} from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype PayrollEventPayloads = {\n  [componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT]: {\n    employeeId: string\n    firstName: string\n    lastName: string\n  }\n  [componentEvents.RUN_PAYROLL_CALCULATED]: {\n    payrollUuid: string\n    alert?: PayrollFlowAlert\n    payPeriod?: PayrollPayPeriodType\n  }\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PayrollFlowContextInterface) => PayrollFlowContextInterface\n  }\n  [componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL]: undefined\n  [componentEvents.RUN_PAYROLL_EDIT]: undefined\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PayrollFlowContextInterface>()\n\ntype BreadcrumbNodeKeys = 'configuration' | 'overview' | 'editEmployee' | 'receipts' | 'blockers'\n\nexport const getPayrollExecutionBreadcrumbsNodes = (\n  isDismissal: boolean = false,\n): BreadcrumbNodes => {\n  const configLabel = isDismissal ? 'breadcrumbLabelDismissal' : 'breadcrumbLabel'\n\n  return {\n    configuration: {\n      parent: null,\n      item: {\n        id: 'configuration',\n        label: configLabel,\n        namespace: 'Payroll.PayrollConfiguration',\n        onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n          ...updateBreadcrumbs('configuration', ctx, {\n            startDate: ctx.payPeriod?.startDate ?? '',\n            endDate: ctx.payPeriod?.endDate ?? '',\n          }),\n          component: PayrollConfigurationContextual,\n          alerts: undefined,\n        })) as (context: unknown) => unknown,\n      },\n    },\n    overview: {\n      parent: 'configuration',\n      item: {\n        id: 'overview',\n        label: 'breadcrumbLabel',\n        namespace: 'Payroll.PayrollOverview',\n        onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n          ...updateBreadcrumbs('overview', ctx, {\n            startDate: ctx.payPeriod?.startDate ?? '',\n            endDate: ctx.payPeriod?.endDate ?? '',\n          }),\n          component: PayrollOverviewContextual,\n          alerts: undefined,\n        })) as (context: unknown) => unknown,\n      },\n    },\n    editEmployee: {\n      parent: 'configuration',\n      item: {\n        id: 'editEmployee',\n        label: 'breadcrumbLabel',\n        namespace: 'Payroll.PayrollEditEmployee',\n      },\n    },\n    receipts: {\n      parent: 'overview',\n      item: {\n        id: 'receipts',\n        label: 'breadcrumbLabel',\n        namespace: 'Payroll.PayrollReceipts',\n      },\n    },\n    blockers: {\n      parent: 'configuration',\n      item: {\n        id: 'blockers',\n        label: 'breadcrumbLabel',\n        namespace: 'Payroll.PayrollBlocker',\n      },\n    },\n  } satisfies Record<BreadcrumbNodeKeys, BreadcrumbNode>\n}\n\nconst calculatedTransition = transition(\n  componentEvents.RUN_PAYROLL_CALCULATED,\n  'overview',\n  reduce(\n    (\n      ctx: PayrollFlowContextInterface,\n      ev: MachineEventType<PayrollEventPayloads, typeof componentEvents.RUN_PAYROLL_CALCULATED>,\n    ): PayrollFlowContextInterface => {\n      return {\n        ...updateBreadcrumbs('overview', ctx, {\n          startDate: ev.payload.payPeriod?.startDate ?? '',\n          endDate: ev.payload.payPeriod?.endDate ?? '',\n        }),\n        component: PayrollOverviewContextual,\n        payPeriod: ev.payload.payPeriod ?? ctx.payPeriod,\n        alerts: ev.payload.alert\n          ? [\n              ...(ctx.alerts ?? []).filter(a => a.alertKey !== 'progressSaved'),\n              { ...ev.payload.alert, alertKey: 'progressSaved' as const },\n            ]\n          : ctx.alerts,\n        ctaConfig: {\n          labelKey: 'exitFlowCta',\n          namespace: 'Payroll.PayrollOverview',\n        },\n      }\n    },\n  ),\n)\n\nconst employeeEditTransition = transition(\n  componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT,\n  'editEmployee',\n  reduce(\n    (\n      ctx: PayrollFlowContextInterface,\n      ev: MachineEventType<PayrollEventPayloads, typeof componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT>,\n    ): PayrollFlowContextInterface => {\n      return {\n        ...updateBreadcrumbs('editEmployee', ctx, {\n          firstName: ev.payload.firstName,\n          lastName: ev.payload.lastName,\n          startDate: ctx.payPeriod?.startDate ?? '',\n          endDate: ctx.payPeriod?.endDate ?? '',\n        }),\n        component: PayrollEditEmployeeContextual,\n        employeeId: ev.payload.employeeId,\n        firstName: ev.payload.firstName,\n        lastName: ev.payload.lastName,\n        ctaConfig: null,\n      }\n    },\n  ),\n)\n\nconst blockersViewAllTransition = transition(\n  componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n  'blockers',\n  reduce((ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => {\n    return {\n      ...updateBreadcrumbs('blockers', ctx),\n      component: PayrollBlockerContextual,\n    }\n  }),\n)\n\nconst notSubmitted = (ctx: PayrollFlowContextInterface) => !ctx.hasPayrollSubmissionStarted\n\nconst editPayrollTransition = transition(\n  componentEvents.RUN_PAYROLL_EDIT,\n  'configuration',\n  guard(notSubmitted),\n  reduce((ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => {\n    return {\n      ...updateBreadcrumbs('configuration', ctx, {\n        startDate: ctx.payPeriod?.startDate ?? '',\n        endDate: ctx.payPeriod?.endDate ?? '',\n      }),\n      component: PayrollConfigurationContextual,\n      alerts: undefined,\n      ctaConfig: {\n        labelKey: 'exitFlowCta',\n        namespace: 'Payroll.PayrollConfiguration',\n      },\n    }\n  }),\n)\n\nconst payrollSubmittingTransition = transition(\n  componentEvents.RUN_PAYROLL_SUBMITTING,\n  'overview',\n  reduce(\n    (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n      ...hideBreadcrumb('configuration', ctx),\n      hasPayrollSubmissionStarted: true,\n    }),\n  ),\n)\n\nconst receiptGetTransition = transition(\n  componentEvents.RUN_PAYROLL_RECEIPT_GET,\n  'receipts',\n  reduce(\n    (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n      ...updateBreadcrumbs('receipts', ctx, {\n        startDate: ctx.payPeriod?.startDate ?? '',\n        endDate: ctx.payPeriod?.endDate ?? '',\n      }),\n      component: PayrollReceiptsContextual,\n      alerts: undefined,\n      ctaConfig: {\n        labelKey: 'exitFlowCta',\n        namespace: 'Payroll.PayrollReceipts',\n      },\n    }),\n  ),\n)\n\nconst employeeSavedTransition = transition(\n  componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED,\n  'configuration',\n  reduce(\n    (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n      ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'configuration' }),\n      component: PayrollConfigurationContextual,\n      employeeId: undefined,\n      firstName: undefined,\n      lastName: undefined,\n      ctaConfig: {\n        labelKey: 'exitFlowCta',\n        namespace: 'Payroll.PayrollConfiguration',\n      },\n    }),\n  ),\n)\n\nconst employeeCancelledTransition = transition(\n  componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED,\n  'configuration',\n  reduce(\n    (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n      ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'configuration' }),\n      component: PayrollConfigurationContextual,\n      employeeId: undefined,\n      firstName: undefined,\n      lastName: undefined,\n      ctaConfig: {\n        labelKey: 'exitFlowCta',\n        namespace: 'Payroll.PayrollConfiguration',\n      },\n    }),\n  ),\n)\n\nexport const payrollExecutionMachine = {\n  configuration: state<MachineTransition>(\n    breadcrumbNavigateTransition('configuration'),\n    calculatedTransition,\n    employeeEditTransition,\n    blockersViewAllTransition,\n  ),\n  overview: state<MachineTransition>(\n    breadcrumbNavigateTransition('configuration', notSubmitted),\n    payrollSubmittingTransition,\n    editPayrollTransition,\n    receiptGetTransition,\n  ),\n  editEmployee: state<MachineTransition>(\n    breadcrumbNavigateTransition('configuration'),\n    employeeSavedTransition,\n    employeeCancelledTransition,\n  ),\n  receipts: state<MachineTransition>(breadcrumbNavigateTransition('configuration')),\n  blockers: state<MachineTransition>(breadcrumbNavigateTransition('configuration')),\n}\n"],"names":["breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","getPayrollExecutionBreadcrumbsNodes","isDismissal","ctx","updateBreadcrumbs","PayrollConfigurationContextual","PayrollOverviewContextual","calculatedTransition","transition","componentEvents","reduce","ev","a","employeeEditTransition","PayrollEditEmployeeContextual","blockersViewAllTransition","PayrollBlockerContextual","notSubmitted","editPayrollTransition","guard","payrollSubmittingTransition","hideBreadcrumb","receiptGetTransition","PayrollReceiptsContextual","employeeSavedTransition","patchBreadcrumbsHeader","employeeCancelledTransition","payrollExecutionMachine","state"],"mappings":"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"}
+{"version":3,"file":"payrollExecutionMachine.js","sources":["../../../../src/components/Payroll/PayrollExecutionFlow/payrollExecutionMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport type { PayrollPayPeriodType } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollpayperiodtype'\nimport type { PayrollFlowAlert } from '../PayrollFlow/PayrollFlowComponents'\nimport {\n  PayrollConfigurationContextual,\n  PayrollOverviewContextual,\n  PayrollEditEmployeeContextual,\n  PayrollReceiptsContextual,\n  PayrollBlockerContextual,\n  type PayrollFlowContextInterface,\n} from '../PayrollFlow/PayrollFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport {\n  hideBreadcrumb,\n  patchBreadcrumbsHeader,\n  updateBreadcrumbs,\n} from '@/helpers/breadcrumbHelpers'\nimport type {\n  BreadcrumbNode,\n  BreadcrumbNodes,\n} from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype PayrollEventPayloads = {\n  [componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT]: {\n    employeeId: string\n    firstName: string\n    lastName: string\n  }\n  [componentEvents.RUN_PAYROLL_CALCULATED]: {\n    payrollUuid: string\n    alert?: PayrollFlowAlert\n    payPeriod?: PayrollPayPeriodType\n  }\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PayrollFlowContextInterface) => PayrollFlowContextInterface\n  }\n  [componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL]: undefined\n  [componentEvents.RUN_PAYROLL_EDIT]: undefined\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PayrollFlowContextInterface>()\n\ntype BreadcrumbNodeKeys = 'configuration' | 'overview' | 'editEmployee' | 'receipts' | 'blockers'\n\n/** @internal */\nexport const getPayrollExecutionBreadcrumbsNodes = (\n  isDismissal: boolean = false,\n): BreadcrumbNodes => {\n  const configLabel = isDismissal ? 'breadcrumbLabelDismissal' : 'breadcrumbLabel'\n\n  return {\n    configuration: {\n      parent: null,\n      item: {\n        id: 'configuration',\n        label: configLabel,\n        namespace: 'Payroll.PayrollConfiguration',\n        onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n          ...updateBreadcrumbs('configuration', ctx, {\n            startDate: ctx.payPeriod?.startDate ?? '',\n            endDate: ctx.payPeriod?.endDate ?? '',\n          }),\n          component: PayrollConfigurationContextual,\n          alerts: undefined,\n        })) as (context: unknown) => unknown,\n      },\n    },\n    overview: {\n      parent: 'configuration',\n      item: {\n        id: 'overview',\n        label: 'breadcrumbLabel',\n        namespace: 'Payroll.PayrollOverview',\n        onNavigate: ((ctx: PayrollFlowContextInterface) => ({\n          ...updateBreadcrumbs('overview', ctx, {\n            startDate: ctx.payPeriod?.startDate ?? '',\n            endDate: ctx.payPeriod?.endDate ?? '',\n          }),\n          component: PayrollOverviewContextual,\n          alerts: undefined,\n        })) as (context: unknown) => unknown,\n      },\n    },\n    editEmployee: {\n      parent: 'configuration',\n      item: {\n        id: 'editEmployee',\n        label: 'breadcrumbLabel',\n        namespace: 'Payroll.PayrollEditEmployee',\n      },\n    },\n    receipts: {\n      parent: 'overview',\n      item: {\n        id: 'receipts',\n        label: 'breadcrumbLabel',\n        namespace: 'Payroll.PayrollReceipts',\n      },\n    },\n    blockers: {\n      parent: 'configuration',\n      item: {\n        id: 'blockers',\n        label: 'breadcrumbLabel',\n        namespace: 'Payroll.PayrollBlocker',\n      },\n    },\n  } satisfies Record<BreadcrumbNodeKeys, BreadcrumbNode>\n}\n\nconst calculatedTransition = transition(\n  componentEvents.RUN_PAYROLL_CALCULATED,\n  'overview',\n  reduce(\n    (\n      ctx: PayrollFlowContextInterface,\n      ev: MachineEventType<PayrollEventPayloads, typeof componentEvents.RUN_PAYROLL_CALCULATED>,\n    ): PayrollFlowContextInterface => {\n      return {\n        ...updateBreadcrumbs('overview', ctx, {\n          startDate: ev.payload.payPeriod?.startDate ?? '',\n          endDate: ev.payload.payPeriod?.endDate ?? '',\n        }),\n        component: PayrollOverviewContextual,\n        payPeriod: ev.payload.payPeriod ?? ctx.payPeriod,\n        alerts: ev.payload.alert\n          ? [\n              ...(ctx.alerts ?? []).filter(a => a.alertKey !== 'progressSaved'),\n              { ...ev.payload.alert, alertKey: 'progressSaved' as const },\n            ]\n          : ctx.alerts,\n        ctaConfig: {\n          labelKey: 'exitFlowCta',\n          namespace: 'Payroll.PayrollOverview',\n        },\n      }\n    },\n  ),\n)\n\nconst employeeEditTransition = transition(\n  componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT,\n  'editEmployee',\n  reduce(\n    (\n      ctx: PayrollFlowContextInterface,\n      ev: MachineEventType<PayrollEventPayloads, typeof componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT>,\n    ): PayrollFlowContextInterface => {\n      return {\n        ...updateBreadcrumbs('editEmployee', ctx, {\n          firstName: ev.payload.firstName,\n          lastName: ev.payload.lastName,\n          startDate: ctx.payPeriod?.startDate ?? '',\n          endDate: ctx.payPeriod?.endDate ?? '',\n        }),\n        component: PayrollEditEmployeeContextual,\n        employeeId: ev.payload.employeeId,\n        firstName: ev.payload.firstName,\n        lastName: ev.payload.lastName,\n        ctaConfig: null,\n      }\n    },\n  ),\n)\n\nconst blockersViewAllTransition = transition(\n  componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL,\n  'blockers',\n  reduce((ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => {\n    return {\n      ...updateBreadcrumbs('blockers', ctx),\n      component: PayrollBlockerContextual,\n    }\n  }),\n)\n\nconst notSubmitted = (ctx: PayrollFlowContextInterface) => !ctx.hasPayrollSubmissionStarted\n\nconst editPayrollTransition = transition(\n  componentEvents.RUN_PAYROLL_EDIT,\n  'configuration',\n  guard(notSubmitted),\n  reduce((ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => {\n    return {\n      ...updateBreadcrumbs('configuration', ctx, {\n        startDate: ctx.payPeriod?.startDate ?? '',\n        endDate: ctx.payPeriod?.endDate ?? '',\n      }),\n      component: PayrollConfigurationContextual,\n      alerts: undefined,\n      ctaConfig: {\n        labelKey: 'exitFlowCta',\n        namespace: 'Payroll.PayrollConfiguration',\n      },\n    }\n  }),\n)\n\nconst payrollSubmittingTransition = transition(\n  componentEvents.RUN_PAYROLL_SUBMITTING,\n  'overview',\n  reduce(\n    (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n      ...hideBreadcrumb('configuration', ctx),\n      hasPayrollSubmissionStarted: true,\n    }),\n  ),\n)\n\nconst receiptGetTransition = transition(\n  componentEvents.RUN_PAYROLL_RECEIPT_GET,\n  'receipts',\n  reduce(\n    (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n      ...updateBreadcrumbs('receipts', ctx, {\n        startDate: ctx.payPeriod?.startDate ?? '',\n        endDate: ctx.payPeriod?.endDate ?? '',\n      }),\n      component: PayrollReceiptsContextual,\n      alerts: undefined,\n      ctaConfig: {\n        labelKey: 'exitFlowCta',\n        namespace: 'Payroll.PayrollReceipts',\n      },\n    }),\n  ),\n)\n\nconst employeeSavedTransition = transition(\n  componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED,\n  'configuration',\n  reduce(\n    (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n      ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'configuration' }),\n      component: PayrollConfigurationContextual,\n      employeeId: undefined,\n      firstName: undefined,\n      lastName: undefined,\n      ctaConfig: {\n        labelKey: 'exitFlowCta',\n        namespace: 'Payroll.PayrollConfiguration',\n      },\n    }),\n  ),\n)\n\nconst employeeCancelledTransition = transition(\n  componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED,\n  'configuration',\n  reduce(\n    (ctx: PayrollFlowContextInterface): PayrollFlowContextInterface => ({\n      ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'configuration' }),\n      component: PayrollConfigurationContextual,\n      employeeId: undefined,\n      firstName: undefined,\n      lastName: undefined,\n      ctaConfig: {\n        labelKey: 'exitFlowCta',\n        namespace: 'Payroll.PayrollConfiguration',\n      },\n    }),\n  ),\n)\n\n/** @internal */\nexport const payrollExecutionMachine = {\n  configuration: state<MachineTransition>(\n    breadcrumbNavigateTransition('configuration'),\n    calculatedTransition,\n    employeeEditTransition,\n    blockersViewAllTransition,\n  ),\n  overview: state<MachineTransition>(\n    breadcrumbNavigateTransition('configuration', notSubmitted),\n    payrollSubmittingTransition,\n    editPayrollTransition,\n    receiptGetTransition,\n  ),\n  editEmployee: state<MachineTransition>(\n    breadcrumbNavigateTransition('configuration'),\n    employeeSavedTransition,\n    employeeCancelledTransition,\n  ),\n  receipts: state<MachineTransition>(breadcrumbNavigateTransition('configuration')),\n  blockers: state<MachineTransition>(breadcrumbNavigateTransition('configuration')),\n}\n"],"names":["breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","getPayrollExecutionBreadcrumbsNodes","isDismissal","ctx","updateBreadcrumbs","PayrollConfigurationContextual","PayrollOverviewContextual","calculatedTransition","transition","componentEvents","reduce","ev","a","employeeEditTransition","PayrollEditEmployeeContextual","blockersViewAllTransition","PayrollBlockerContextual","notSubmitted","editPayrollTransition","guard","payrollSubmittingTransition","hideBreadcrumb","receiptGetTransition","PayrollReceiptsContextual","employeeSavedTransition","patchBreadcrumbsHeader","employeeCancelledTransition","payrollExecutionMachine","state"],"mappings":"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"}

package/dist/components/Payroll/PayrollFlow/OffCycleFlowContextual.d.ts

@@ -1 +1,2 @@
+/** @internal */
 export declare function OffCycleFlowContextual(): import("react").JSX.Element;

package/dist/components/Payroll/PayrollFlow/OffCycleFlowContextual.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffCycleFlowContextual.js","sources":["../../../../src/components/Payroll/PayrollFlow/OffCycleFlowContextual.tsx"],"sourcesContent":["import { OffCycleFlow } from '../OffCycle'\nimport type { PayrollFlowContextInterface } from './PayrollFlowComponents'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport function OffCycleFlowContextual() {\n  const { companyId, onEvent, withReimbursements } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <OffCycleFlow\n      companyId={ensureRequired(companyId)}\n      onEvent={onEvent}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n"],"names":["OffCycleFlowContextual","companyId","onEvent","withReimbursements","useFlow","jsx","OffCycleFlow","ensureRequired"],"mappings":";;;;AAKO,SAASA,IAAyB;AACvC,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,oBAAAC,EAAA,IAAuBC,EAAA;AACnD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,SAAAC;AAAA,MACA,oBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"OffCycleFlowContextual.js","sources":["../../../../src/components/Payroll/PayrollFlow/OffCycleFlowContextual.tsx"],"sourcesContent":["import { OffCycleFlow } from '../OffCycle'\nimport type { PayrollFlowContextInterface } from './PayrollFlowComponents'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport function OffCycleFlowContextual() {\n  const { companyId, onEvent, withReimbursements } = useFlow<PayrollFlowContextInterface>()\n  return (\n    <OffCycleFlow\n      companyId={ensureRequired(companyId)}\n      onEvent={onEvent}\n      withReimbursements={withReimbursements}\n    />\n  )\n}\n"],"names":["OffCycleFlowContextual","companyId","onEvent","withReimbursements","useFlow","jsx","OffCycleFlow","ensureRequired"],"mappings":";;;;AAMO,SAASA,IAAyB;AACvC,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,oBAAAC,EAAA,IAAuBC,EAAA;AACnD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,SAAAC;AAAA,MACA,oBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/PayrollFlow/PayrollExecutionFlowContextual.d.ts

@@ -1 +1,2 @@
+/** @internal */
 export declare function PayrollExecutionFlowContextual(): import("react").JSX.Element;

package/dist/components/Payroll/PayrollFlow/PayrollExecutionFlowContextual.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollExecutionFlowContextual.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollExecutionFlowContextual.tsx"],"sourcesContent":["import { Suspense } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsGet'\nimport { PayrollExecutionFlow } from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport { isDismissalPayroll } from '../helpers'\nimport type { PayrollFlowContextInterface } from './PayrollFlowComponents'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport function PayrollExecutionFlowContextual() {\n  const {\n    companyId,\n    payrollUuid,\n    onEvent,\n    withReimbursements,\n    ConfirmWireDetailsComponent,\n    executionInitialState,\n    breadcrumbs,\n  } = useFlow<PayrollFlowContextInterface>()\n\n  const landingBreadcrumb = breadcrumbs?.['landing']?.[0]\n  const prefixBreadcrumbs = landingBreadcrumb ? [landingBreadcrumb] : undefined\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <Suspense>\n      <PayrollExecutionFlowWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        withReimbursements={withReimbursements}\n        ConfirmWireDetailsComponent={ConfirmWireDetailsComponent}\n        initialState={executionInitialState}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </Suspense>\n  )\n}\n\ntype PayrollExecutionFlowWithDataProps = React.ComponentProps<typeof PayrollExecutionFlow>\n\nfunction PayrollExecutionFlowWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: PayrollExecutionFlowWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      isDismissalPayroll={isDismissalPayroll(data.payrollShow?.offCycleReason)}\n      {...rest}\n    />\n  )\n}\n"],"names":["PayrollExecutionFlowContextual","companyId","payrollUuid","onEvent","withReimbursements","ConfirmWireDetailsComponent","executionInitialState","breadcrumbs","useFlow","landingBreadcrumb","prefixBreadcrumbs","resolvedCompanyId","ensureRequired","resolvedPayrollId","Suspense","jsx","PayrollExecutionFlowWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow","isDismissalPayroll"],"mappings":";;;;;;;AAQO,SAASA,IAAiC;AAC/C,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACEC,EAAA,GAEEC,IAAoBF,GAAc,UAAa,CAAC,GAChDG,IAAoBD,IAAoB,CAACA,CAAiB,IAAI,QAE9DE,IAAoBC,EAAeX,CAAS,GAC5CY,IAAoBD,EAAeV,CAAW;AAEpD,2BACGY,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWL;AAAA,MACX,WAAWE;AAAA,MACX,SAAAV;AAAA,MACA,oBAAAC;AAAA,MACA,6BAAAC;AAAA,MACA,cAAcC;AAAA,MACd,mBAAAI;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAIA,SAASM,EAA6B;AAAA,EACpC,WAAAf;AAAA,EACA,WAAAgB;AAAA,EACA,GAAGC;AACL,GAAsC;AACpC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAAnB,GAAW,WAAAgB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAJ;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,WAAArB;AAAA,MACA,WAAAgB;AAAA,MACA,kBAAAI;AAAA,MACA,oBAAoBE,EAAmBJ,EAAK,aAAa,cAAc;AAAA,MACtE,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"PayrollExecutionFlowContextual.js","sources":["../../../../src/components/Payroll/PayrollFlow/PayrollExecutionFlowContextual.tsx"],"sourcesContent":["import { Suspense } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsGet'\nimport { PayrollExecutionFlow } from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport { isDismissalPayroll } from '../helpers'\nimport type { PayrollFlowContextInterface } from './PayrollFlowComponents'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/** @internal */\nexport function PayrollExecutionFlowContextual() {\n  const {\n    companyId,\n    payrollUuid,\n    onEvent,\n    withReimbursements,\n    ConfirmWireDetailsComponent,\n    executionInitialState,\n    breadcrumbs,\n  } = useFlow<PayrollFlowContextInterface>()\n\n  const landingBreadcrumb = breadcrumbs?.['landing']?.[0]\n  const prefixBreadcrumbs = landingBreadcrumb ? [landingBreadcrumb] : undefined\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <Suspense>\n      <PayrollExecutionFlowWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        withReimbursements={withReimbursements}\n        ConfirmWireDetailsComponent={ConfirmWireDetailsComponent}\n        initialState={executionInitialState}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </Suspense>\n  )\n}\n\ntype PayrollExecutionFlowWithDataProps = React.ComponentProps<typeof PayrollExecutionFlow>\n\nfunction PayrollExecutionFlowWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: PayrollExecutionFlowWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      isDismissalPayroll={isDismissalPayroll(data.payrollShow?.offCycleReason)}\n      {...rest}\n    />\n  )\n}\n"],"names":["PayrollExecutionFlowContextual","companyId","payrollUuid","onEvent","withReimbursements","ConfirmWireDetailsComponent","executionInitialState","breadcrumbs","useFlow","landingBreadcrumb","prefixBreadcrumbs","resolvedCompanyId","ensureRequired","resolvedPayrollId","Suspense","jsx","PayrollExecutionFlowWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow","isDismissalPayroll"],"mappings":";;;;;;;AASO,SAASA,IAAiC;AAC/C,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACEC,EAAA,GAEEC,IAAoBF,GAAc,UAAa,CAAC,GAChDG,IAAoBD,IAAoB,CAACA,CAAiB,IAAI,QAE9DE,IAAoBC,EAAeX,CAAS,GAC5CY,IAAoBD,EAAeV,CAAW;AAEpD,2BACGY,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWL;AAAA,MACX,WAAWE;AAAA,MACX,SAAAV;AAAA,MACA,oBAAAC;AAAA,MACA,6BAAAC;AAAA,MACA,cAAcC;AAAA,MACd,mBAAAI;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAIA,SAASM,EAA6B;AAAA,EACpC,WAAAf;AAAA,EACA,WAAAgB;AAAA,EACA,GAAGC;AACL,GAAsC;AACpC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAAnB,GAAW,WAAAgB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAJ;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,WAAArB;AAAA,MACA,WAAAgB;AAAA,MACA,kBAAAI;AAAA,MACA,oBAAoBE,EAAmBJ,EAAK,aAAa,cAAc;AAAA,MACtE,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}