@gusto/embedded-react-sdk 0.55.7 → 0.56.0

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

@@ -1 +1 @@
-{"version":3,"file":"UNSTABLE_PayrollEditEmployee.js","sources":["../../../../src/components/Payroll/UNSTABLE_PayrollEditEmployee/UNSTABLE_PayrollEditEmployee.tsx"],"sourcesContent":["import { Fragment, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PayrollUpdatePaymentMethod } from '@gusto/embedded-api/models/components/payrollupdate'\nimport type { PayrollEditEmployeeProps } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { usePayrollEditEmployeeForm } from '../PayrollEditEmployee/shared/usePayrollEditEmployeeForm'\nimport {\n  isSplitByWorkweek,\n  type HourEntry,\n  type TimeOffEntry,\n  type ReimbursementRow,\n  type ReimbursementDraftFields,\n} from '../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/fields'\nimport { PayrollEditEmployeeErrorCodes } from '../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/payrollEditEmployeeSchema'\nimport styles from './UNSTABLE_PayrollEditEmployee.module.scss'\nimport {\n  componentEvents,\n  COMPENSATION_NAME_REGULAR_HOURS,\n  COMPENSATION_NAME_OVERTIME,\n  COMPENSATION_NAME_DOUBLE_OVERTIME,\n  COMPENSATION_NAME_BONUS,\n  COMPENSATION_NAME_COMMISSION,\n  COMPENSATION_NAME_CORRECTION_PAYMENT,\n  COMPENSATION_NAME_CASH_TIPS,\n  COMPENSATION_NAME_PAYCHECK_TIPS,\n  COMPENSATION_NAME_REIMBURSEMENT,\n} from '@/shared/constants'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, Grid, DataView, useDataView, EmptyData } from '@/components/Common'\nimport type { useDataViewPropReturn } from '@/components/Common/DataView/useDataView'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { firstLastName, formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\n\n/**\n * In-development regular-rate-of-pay rebuild of {@link PayrollEditEmployee}.\n *\n * @remarks\n * Gated behind the `payrollRegularRateOfPay` unstable feature flag and not part of the public\n * SDK surface. `PayrollEditEmployee` renders this in place of the stable editor when the flag is\n * enabled. Consumes {@link usePayrollEditEmployeeForm} and renders the header, the hours /\n * additional-earnings / time-off / other / payment-method sections, and the\n * `Cancel`/`Save` controls, performing a real payroll update on save. For an overtime-eligible\n * employee on a multi-workweek payroll, Overtime/Double-overtime rows start hidden behind a single,\n * employee-level \"Add overtime\" control (`form.data.withOvertime` / `form.actions.addOvertime`)\n * unless the employee already has real overtime hours or matching per-workweek breakdowns; adding\n * overtime also switches hours and overtime-affecting earnings to per-workweek columns and surfaces\n * the per-row \"fill in every workweek\" validation. `Cancel` and `Save` emit the same events as the\n * stable component so the surrounding flow behaves identically.\n *\n * @internal\n */\nexport function UNSTABLE_PayrollEditEmployee({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: PayrollEditEmployeeProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Payroll.UNSTABLE_PayrollEditEmployee\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <Root LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\ninterface ReimbursementsSectionProps {\n  rows: ReimbursementRow[]\n  isAdding: boolean\n  draftFields: ReimbursementDraftFields\n  onBeginAdd: () => void\n  onSave: () => void\n  onCancel: () => void\n  onRemove: (index: number) => void\n}\n\n// Reimbursement UI duplicated from the stable PayrollEditEmployeePresentation for\n// visual parity while the RRoP editor is developed alongside legacy. Powered by\n// usePayrollEditEmployeeForm rather than a local field array/draft form.\nconst ReimbursementsSection = ({\n  rows,\n  isAdding,\n  draftFields,\n  onBeginAdd,\n  onSave,\n  onCancel,\n  onRemove,\n}: ReimbursementsSectionProps) => {\n  const { t } = useTranslation('Payroll.UNSTABLE_PayrollEditEmployee')\n  const { Button, ButtonIcon, Heading } = useComponentContext()\n  const { Description, Amount } = draftFields\n\n  const reimbursementDataViewProps = useDataView<ReimbursementRow>({\n    data: rows,\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        justify: 'end',\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            onRemove(row.index)\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 variant=\"secondary\" onClick={onBeginAdd} icon={<PlusCircleIcon aria-hidden />}>\n          {t('addReimbursementCta')}\n        </Button>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={12}>\n      <Heading as=\"h3\" styledAs=\"h4\">\n        {t('reimbursementTitle')}\n      </Heading>\n      {!(rows.length === 0 && isAdding) && (\n        <DataView label={t('reimbursementsTableLabel')} {...reimbursementDataViewProps} />\n      )}\n      {isAdding ? (\n        <Flex flexDirection=\"column\" gap={12}>\n          <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n            <Description\n              label={t('reimbursementDescriptionLabel')}\n              placeholder={t('reimbursementDescriptionPlaceholder')}\n            />\n            <Amount label={t('reimbursementAmountLabel')} adornmentStart=\"$\" isRequired />\n          </Grid>\n          <Flex gap={12}>\n            <Button onClick={onSave} title={t('saveReimbursementCta')}>\n              {t('saveReimbursementCta')}\n            </Button>\n            <Button variant=\"secondary\" onClick={onCancel} title={t('cancelReimbursementCta')}>\n              {t('cancelReimbursementCta')}\n            </Button>\n          </Flex>\n        </Flex>\n      ) : (\n        rows.length > 0 && (\n          <div>\n            <Button\n              variant=\"secondary\"\n              onClick={onBeginAdd}\n              title={t('addReimbursementLink')}\n              icon={<PlusCircleIcon aria-hidden />}\n            >\n              {t('addReimbursementLink')}\n            </Button>\n          </div>\n        )\n      )}\n    </Flex>\n  )\n}\n\nconst Root = ({\n  employeeId,\n  companyId,\n  payrollId,\n  withReimbursements = true,\n  onEvent,\n  dictionary,\n  LoaderComponent,\n}: PayrollEditEmployeeProps) => {\n  useComponentDictionary('Payroll.UNSTABLE_PayrollEditEmployee', dictionary)\n  useI18n('Payroll.UNSTABLE_PayrollEditEmployee')\n  const { t } = useTranslation('Payroll.UNSTABLE_PayrollEditEmployee')\n  const dateFormatter = useDateFormatter()\n\n  const { Alert, Box, BoxHeader, Button, Heading } = useComponentContext()\n\n  // Error copy keyed by code, supplied to the hook once. Every bound field\n  // resolves and renders its own message from this — the consumer never\n  // reconstructs form paths or picks which rule a field can fail. Memoized so\n  // the hook's fields aren't rebuilt each render.\n  const errorMessages = useMemo(\n    () => ({\n      [PayrollEditEmployeeErrorCodes.NEGATIVE_AMOUNT]: t('validations.negativeAmount'),\n      [PayrollEditEmployeeErrorCodes.REQUIRED_WORKWEEK]: t('validations.requiredWorkweek'),\n      [PayrollEditEmployeeErrorCodes.REIMBURSEMENT_AMOUNT]: t('validations.reimbursementAmount'),\n    }),\n    [t],\n  )\n\n  const form = usePayrollEditEmployeeForm({\n    employeeId,\n    companyId,\n    payrollId,\n    withReimbursements,\n    errorMessages,\n  })\n\n  if (form.isLoading) {\n    return (\n      <BaseLayout isLoading error={form.errorHandling.errors} LoaderComponent={LoaderComponent} />\n    )\n  }\n\n  const { employee } = form.data\n  const Fields = form.form.Fields\n\n  const employeeName = firstLastName({\n    first_name: employee.firstName,\n    last_name: employee.lastName,\n  })\n\n  const hoursLabel = (name: string) => {\n    switch (name) {\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 name\n    }\n  }\n\n  const earningLabel = (name: string) => {\n    switch (name) {\n      case COMPENSATION_NAME_BONUS:\n        return t('fixedCompensationNames.bonus')\n      case COMPENSATION_NAME_COMMISSION:\n        return t('fixedCompensationNames.commission')\n      case COMPENSATION_NAME_CORRECTION_PAYMENT:\n        return t('fixedCompensationNames.correctionPayment')\n      case COMPENSATION_NAME_CASH_TIPS:\n        return t('fixedCompensationNames.cashTips')\n      case COMPENSATION_NAME_PAYCHECK_TIPS:\n        return t('fixedCompensationNames.paycheckTips')\n      case COMPENSATION_NAME_REIMBURSEMENT:\n        return t('fixedCompensationNames.reimbursement')\n      default:\n        return name\n    }\n  }\n\n  const renderBreakdownSection = (\n    section: HourEntry[] | Record<string, HourEntry[]>,\n    options: {\n      title: string\n      label: string\n      rowHeader: string\n      valueColumnLabel: string\n      labelFor: (name: string) => string\n      adornmentStart?: string\n      adornmentEnd?: string\n      footer?: React.ReactNode\n    },\n  ) => {\n    const {\n      title,\n      label,\n      rowHeader,\n      valueColumnLabel,\n      labelFor,\n      adornmentStart,\n      adornmentEnd,\n      footer,\n    } = options\n    const split = isSplitByWorkweek(section)\n    const firstWeekStart = form.data.workweeks[0]?.startDate ?? ''\n    const rows = split ? (section[firstWeekStart] ?? []) : section\n    if (rows.length === 0 && !footer) return null\n\n    const renderField = (entry: HourEntry, fieldLabel: string) => (\n      <div className={styles.inputContainer}>\n        <entry.Field\n          label={fieldLabel}\n          shouldVisuallyHideLabel\n          adornmentStart={adornmentStart}\n          adornmentEnd={adornmentEnd}\n        />\n      </div>\n    )\n\n    const valueColumn: useDataViewPropReturn<HourEntry>['columns'][number] = {\n      title: valueColumnLabel,\n      justify: 'end',\n      render: row => renderField(row, labelFor(row.name)),\n    }\n\n    // Columns come straight from the hook's normalized workweeks, so each header\n    // has both boundary dates without re-deriving them from the raw payroll.\n    const workweekColumns: useDataViewPropReturn<HourEntry>['columns'] = form.data.workweeks.map(\n      ({ startDate, endDate }) => {\n        const rangeLabel = dateFormatter.formatPayPeriodRange(startDate, endDate, {\n          useShortMonth: true,\n        })\n        return {\n          title: rangeLabel,\n          justify: 'end',\n          render: row => {\n            const cell = (section as Record<string, HourEntry[]>)[startDate]?.find(\n              entry => entry.jobUuid === row.jobUuid && entry.name === row.name,\n            )\n            return cell ? renderField(cell, `${labelFor(row.name)} ${rangeLabel}`) : null\n          },\n        }\n      },\n    )\n\n    const columns: useDataViewPropReturn<HourEntry>['columns'] = [\n      { title: rowHeader, render: row => labelFor(row.name) },\n      ...(split ? workweekColumns : [valueColumn]),\n    ]\n\n    return (\n      <Box header={<BoxHeader title={title} />} withPadding={false} footer={footer}>\n        <DataView label={label} isWithinBox columns={columns} data={rows} />\n      </Box>\n    )\n  }\n\n  const renderTimeOffSection = (\n    entries: TimeOffEntry[],\n    options: { title: string; description?: string },\n  ) => {\n    if (entries.length === 0) return null\n    const { title, description } = options\n\n    const columns: useDataViewPropReturn<TimeOffEntry>['columns'] = [\n      {\n        title: t('typeColumn'),\n        render: entry => entry.name,\n      },\n      {\n        title: t('hoursColumn'),\n        justify: 'end',\n        render: entry => (\n          <div className={styles.inputContainer}>\n            <entry.Field\n              label={entry.name}\n              shouldVisuallyHideLabel\n              adornmentEnd={t('hoursUnit')}\n              description={\n                entry.remaining !== null\n                  ? t('timeOffBalance.remaining', { balance: entry.remaining })\n                  : undefined\n              }\n            />\n          </div>\n        ),\n      },\n    ]\n\n    return (\n      <Box header={<BoxHeader title={title} description={description} />} withPadding={false}>\n        <DataView label={title} isWithinBox columns={columns} data={entries} />\n      </Box>\n    )\n  }\n\n  const PaymentMethodField = Fields.paymentMethod\n  const ReimbursementDraft = Fields.reimbursementDraft\n  const reimbursementRows = form.data.reimbursements\n  const isAddingReimbursement = form.form.reimbursementDraft?.isAdding ?? false\n\n  const handleSave = async () => {\n    const result = await form.actions.onSubmit()\n    if (!result) return\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n      payrollPrepared: result.data,\n      employee,\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED)\n  }\n\n  return (\n    <div className={styles.container}>\n      <BaseLayout error={form.errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <SDKFormProvider formHookResult={form}>\n          <Flex flexDirection=\"column\" gap={24}>\n            <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={12}>\n              <Flex flexDirection=\"column\" gap={8}>\n                <Heading as=\"h1\" styledAs=\"h2\">\n                  {t('pageTitle', { employeeName })}\n                </Heading>\n              </Flex>\n              <Flex justifyContent=\"flex-end\" gap={12}>\n                <Button variant=\"secondary\" onClick={handleCancel} title={t('cancelCta')}>\n                  {t('cancelCta')}\n                </Button>\n                <Button\n                  onClick={() => {\n                    void handleSave()\n                  }}\n                  title={t('saveCta')}\n                  isLoading={form.status.isPending}\n                >\n                  {t('saveCta')}\n                </Button>\n              </Flex>\n            </Flex>\n\n            {(() => {\n              const isMultiJob = Fields.jobs.length > 1\n              const genericHoursTitle = form.data.isOvertimeEligible\n                ? t('regularHoursTitle')\n                : t('regularHoursTitleWithoutOvertime')\n              // \"Add overtime\" is an employee-level action, but the design gives\n              // every job its own button so each job's hours box can trigger it.\n              const showAddOvertime = !form.data.withOvertime && form.data.isOvertimeEligible\n              // Its counterpart once overtime is on: a single employee-level alert\n              // explaining the workweek split, rendered once above all jobs.\n              const showOvertimeWorkweekAlert =\n                form.data.withOvertime && form.data.isOvertimeEligible\n\n              return (\n                <Flex flexDirection=\"column\" gap={16}>\n                  {isMultiJob ? <Heading as=\"h3\">{genericHoursTitle}</Heading> : null}\n                  {showOvertimeWorkweekAlert ? (\n                    <Alert\n                      status=\"info\"\n                      label={t('overtimeWorkweekAlert', { employeeName })}\n                      disableScrollIntoView\n                    />\n                  ) : null}\n                  {Fields.jobs.map(job => (\n                    <Fragment key={job.jobUuid}>\n                      {renderBreakdownSection(job.hours, {\n                        title: isMultiJob ? (job.title ?? genericHoursTitle) : genericHoursTitle,\n                        label: genericHoursTitle,\n                        rowHeader: t('hourTypeColumn'),\n                        valueColumnLabel: t('hoursColumn'),\n                        labelFor: hoursLabel,\n                        adornmentEnd: t('hoursUnit'),\n                        footer: showAddOvertime ? (\n                          <Button\n                            variant=\"secondary\"\n                            onClick={() => {\n                              form.actions.addOvertime()\n                            }}\n                            title={t('addOvertimeCta')}\n                          >\n                            {t('addOvertimeCta')}\n                          </Button>\n                        ) : undefined,\n                      })}\n                    </Fragment>\n                  ))}\n                </Flex>\n              )\n            })()}\n\n            {renderBreakdownSection(Fields.additionalEarnings, {\n              title: t('additionalEarningsTitle'),\n              label: t('additionalEarningsTitle'),\n              rowHeader: t('typeColumn'),\n              valueColumnLabel: t('amountColumn'),\n              labelFor: earningLabel,\n              adornmentStart: '$',\n            })}\n\n            {renderTimeOffSection(Fields.timeOff, {\n              title: Fields.finalPayout ? t('timeOffTitleDismissal') : t('timeOffTitle'),\n            })}\n\n            {Fields.finalPayout\n              ? renderTimeOffSection(Fields.finalPayout, {\n                  title: t('finalPayoutTitle'),\n                  description: t('finalPayoutDescription'),\n                })\n              : null}\n\n            {Fields.otherEarnings.length > 0\n              ? (() => {\n                  const columns: useDataViewPropReturn<\n                    (typeof Fields.otherEarnings)[number]\n                  >['columns'] = [\n                    { title: t('typeColumn'), render: entry => earningLabel(entry.id) },\n                    {\n                      title: t('amountColumn'),\n                      justify: 'end',\n                      render: entry => (\n                        <div className={styles.inputContainer}>\n                          <entry.Field\n                            label={earningLabel(entry.id)}\n                            shouldVisuallyHideLabel\n                            adornmentStart=\"$\"\n                          />\n                        </div>\n                      ),\n                    },\n                  ]\n                  return (\n                    <Box header={<BoxHeader title={t('otherTitle')} />} withPadding={false}>\n                      <DataView\n                        label={t('otherTitle')}\n                        isWithinBox\n                        columns={columns}\n                        data={Fields.otherEarnings}\n                      />\n                    </Box>\n                  )\n                })()\n              : null}\n\n            {PaymentMethodField ? (\n              <Flex flexDirection=\"column\" gap={24}>\n                {ReimbursementDraft ? (\n                  <ReimbursementsSection\n                    rows={reimbursementRows ?? []}\n                    isAdding={isAddingReimbursement}\n                    draftFields={ReimbursementDraft}\n                    onBeginAdd={() => form.actions.beginAddReimbursement?.()}\n                    onSave={() => form.actions.saveReimbursement?.()}\n                    onCancel={() => form.actions.cancelReimbursement?.()}\n                    onRemove={index => form.actions.removeReimbursement?.(index)}\n                  />\n                ) : null}\n\n                <Flex flexDirection=\"column\" gap={12}>\n                  <Heading as=\"h3\" styledAs=\"h4\">\n                    {t('paymentMethodTitle')}\n                  </Heading>\n                  <PaymentMethodField\n                    label={t('paymentMethodLabel')}\n                    description={t('paymentMethodDescription')}\n                    getOptionLabel={value =>\n                      value === PayrollUpdatePaymentMethod.Check\n                        ? t('paymentMethodOptions.check')\n                        : t('paymentMethodOptions.directDeposit')\n                    }\n                  />\n                </Flex>\n              </Flex>\n            ) : null}\n          </Flex>\n        </SDKFormProvider>\n      </BaseLayout>\n    </div>\n  )\n}\n"],"names":["UNSTABLE_PayrollEditEmployee","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","Root","ReimbursementsSection","rows","isAdding","draftFields","onBeginAdd","onSave","onCancel","onRemove","t","useTranslation","Button","ButtonIcon","Heading","useComponentContext","Description","Amount","reimbursementDataViewProps","useDataView","row","formatNumberAsCurrency","displayDescription","TrashCanSvg","EmptyData","PlusCircleIcon","jsxs","Flex","DataView","Grid","employeeId","companyId","payrollId","withReimbursements","onEvent","dictionary","useComponentDictionary","useI18n","dateFormatter","useDateFormatter","Alert","Box","BoxHeader","errorMessages","useMemo","PayrollEditEmployeeErrorCodes","form","usePayrollEditEmployeeForm","BaseLayout","employee","Fields","employeeName","firstLastName","hoursLabel","name","COMPENSATION_NAME_REGULAR_HOURS","COMPENSATION_NAME_OVERTIME","COMPENSATION_NAME_DOUBLE_OVERTIME","earningLabel","COMPENSATION_NAME_BONUS","COMPENSATION_NAME_COMMISSION","COMPENSATION_NAME_CORRECTION_PAYMENT","COMPENSATION_NAME_CASH_TIPS","COMPENSATION_NAME_PAYCHECK_TIPS","COMPENSATION_NAME_REIMBURSEMENT","renderBreakdownSection","section","options","title","label","rowHeader","valueColumnLabel","labelFor","adornmentStart","adornmentEnd","footer","split","isSplitByWorkweek","firstWeekStart","renderField","entry","fieldLabel","styles","valueColumn","workweekColumns","startDate","endDate","rangeLabel","cell","columns","renderTimeOffSection","entries","description","PaymentMethodField","ReimbursementDraft","reimbursementRows","isAddingReimbursement","handleSave","result","componentEvents","handleCancel","SDKFormProvider","isMultiJob","genericHoursTitle","showAddOvertime","showOvertimeWorkweekAlert","job","Fragment","index","value","PayrollUpdatePaymentMethod"],"mappings":"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"}
+{"version":3,"file":"UNSTABLE_PayrollEditEmployee.js","sources":["../../../../src/components/Payroll/UNSTABLE_PayrollEditEmployee/UNSTABLE_PayrollEditEmployee.tsx"],"sourcesContent":["import { Fragment, useMemo, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PayrollUpdatePaymentMethod } from '@gusto/embedded-api/models/components/payrollupdate'\nimport type { PayrollEditEmployeeProps } from '../PayrollEditEmployee/PayrollEditEmployee'\nimport { usePayrollEditEmployeeForm } from '../PayrollEditEmployee/shared/usePayrollEditEmployeeForm'\nimport {\n  isSplitByWorkweek,\n  type HourEntry,\n  type TimeOffEntry,\n  type ReimbursementRow,\n  type ReimbursementDraftFields,\n} from '../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/fields'\nimport { PayrollEditEmployeeErrorCodes } from '../PayrollEditEmployee/shared/usePayrollEditEmployeeForm/payrollEditEmployeeSchema'\nimport styles from './UNSTABLE_PayrollEditEmployee.module.scss'\nimport {\n  componentEvents,\n  COMPENSATION_NAME_REGULAR_HOURS,\n  COMPENSATION_NAME_OVERTIME,\n  COMPENSATION_NAME_DOUBLE_OVERTIME,\n  COMPENSATION_NAME_BONUS,\n  COMPENSATION_NAME_COMMISSION,\n  COMPENSATION_NAME_CORRECTION_PAYMENT,\n  COMPENSATION_NAME_CASH_TIPS,\n  COMPENSATION_NAME_PAYCHECK_TIPS,\n  COMPENSATION_NAME_REIMBURSEMENT,\n} from '@/shared/constants'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, Grid, DataView, useDataView, EmptyData } from '@/components/Common'\nimport type { useDataViewPropReturn } from '@/components/Common/DataView/useDataView'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { firstLastName, formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\n\n/**\n * In-development regular-rate-of-pay rebuild of {@link PayrollEditEmployee}.\n *\n * @remarks\n * Gated behind the `payrollRegularRateOfPay` unstable feature flag and not part of the public\n * SDK surface. `PayrollEditEmployee` renders this in place of the stable editor when the flag is\n * enabled. Consumes {@link usePayrollEditEmployeeForm} and renders the header, the hours /\n * additional-earnings / time-off / payment-method sections, and the\n * `Cancel`/`Save` controls, performing a real payroll update on save. For an overtime-eligible\n * employee on a multi-workweek payroll, Overtime/Double-overtime rows start hidden behind a single,\n * employee-level \"Add overtime\" control (`form.data.withOvertime` / `form.actions.addOvertime`)\n * unless the employee already has real overtime hours or matching per-workweek breakdowns; adding\n * overtime also switches hours and overtime-affecting earnings to per-workweek columns and surfaces\n * the per-row \"fill in every workweek\" validation. `Cancel` and `Save` emit the same events as the\n * stable component so the surrounding flow behaves identically.\n *\n * @internal\n */\nexport function UNSTABLE_PayrollEditEmployee({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: PayrollEditEmployeeProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Payroll.UNSTABLE_PayrollEditEmployee\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <Root LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\ninterface ReimbursementsSectionProps {\n  rows: ReimbursementRow[]\n  isAdding: boolean\n  draftFields: ReimbursementDraftFields\n  onBeginAdd: () => void\n  onSave: () => void\n  onCancel: () => void\n  onRemove: (index: number) => void\n}\n\n// Reimbursement UI duplicated from the stable PayrollEditEmployeePresentation for\n// visual parity while the RRoP editor is developed alongside legacy. Powered by\n// usePayrollEditEmployeeForm rather than a local field array/draft form.\nconst ReimbursementsSection = ({\n  rows,\n  isAdding,\n  draftFields,\n  onBeginAdd,\n  onSave,\n  onCancel,\n  onRemove,\n}: ReimbursementsSectionProps) => {\n  const { t } = useTranslation('Payroll.UNSTABLE_PayrollEditEmployee')\n  const { Button, ButtonIcon, Heading } = useComponentContext()\n  const { Description, Amount } = draftFields\n\n  const reimbursementDataViewProps = useDataView<ReimbursementRow>({\n    data: rows,\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        justify: 'end',\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            onRemove(row.index)\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 variant=\"secondary\" onClick={onBeginAdd} icon={<PlusCircleIcon aria-hidden />}>\n          {t('addReimbursementCta')}\n        </Button>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={12}>\n      <Heading as=\"h3\" styledAs=\"h4\">\n        {t('reimbursementTitle')}\n      </Heading>\n      {!(rows.length === 0 && isAdding) && (\n        <DataView label={t('reimbursementsTableLabel')} {...reimbursementDataViewProps} />\n      )}\n      {isAdding ? (\n        <Flex flexDirection=\"column\" gap={12}>\n          <Grid gridTemplateColumns={{ base: '1fr', small: [320, 320] }} gap={20}>\n            <Description\n              label={t('reimbursementDescriptionLabel')}\n              placeholder={t('reimbursementDescriptionPlaceholder')}\n            />\n            <Amount label={t('reimbursementAmountLabel')} adornmentStart=\"$\" isRequired />\n          </Grid>\n          <Flex gap={12}>\n            <Button onClick={onSave} title={t('saveReimbursementCta')}>\n              {t('saveReimbursementCta')}\n            </Button>\n            <Button variant=\"secondary\" onClick={onCancel} title={t('cancelReimbursementCta')}>\n              {t('cancelReimbursementCta')}\n            </Button>\n          </Flex>\n        </Flex>\n      ) : (\n        rows.length > 0 && (\n          <div>\n            <Button\n              variant=\"secondary\"\n              onClick={onBeginAdd}\n              title={t('addReimbursementLink')}\n              icon={<PlusCircleIcon aria-hidden />}\n            >\n              {t('addReimbursementLink')}\n            </Button>\n          </div>\n        )\n      )}\n    </Flex>\n  )\n}\n\nconst Root = ({\n  employeeId,\n  companyId,\n  payrollId,\n  withReimbursements = true,\n  onEvent,\n  dictionary,\n  LoaderComponent,\n}: PayrollEditEmployeeProps) => {\n  useComponentDictionary('Payroll.UNSTABLE_PayrollEditEmployee', dictionary)\n  useI18n('Payroll.UNSTABLE_PayrollEditEmployee')\n  const { t } = useTranslation('Payroll.UNSTABLE_PayrollEditEmployee')\n  const dateFormatter = useDateFormatter()\n\n  const { Alert, Box, BoxHeader, Button, Heading, Text } = useComponentContext()\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isSmallOrGreater = breakpoints.includes('small')\n\n  // Error copy keyed by code, supplied to the hook once. Every bound field\n  // resolves and renders its own message from this — the consumer never\n  // reconstructs form paths or picks which rule a field can fail. Memoized so\n  // the hook's fields aren't rebuilt each render.\n  const errorMessages = useMemo(\n    () => ({\n      [PayrollEditEmployeeErrorCodes.NEGATIVE_AMOUNT]: t('validations.negativeAmount'),\n      [PayrollEditEmployeeErrorCodes.REQUIRED_WORKWEEK]: t('validations.requiredWorkweek'),\n      [PayrollEditEmployeeErrorCodes.REIMBURSEMENT_AMOUNT]: t('validations.reimbursementAmount'),\n    }),\n    [t],\n  )\n\n  const form = usePayrollEditEmployeeForm({\n    employeeId,\n    companyId,\n    payrollId,\n    withReimbursements,\n    errorMessages,\n  })\n\n  if (form.isLoading) {\n    return (\n      <div ref={containerRef} className={styles.container}>\n        <BaseLayout isLoading error={form.errorHandling.errors} LoaderComponent={LoaderComponent} />\n      </div>\n    )\n  }\n\n  const { employee } = form.data\n  const Fields = form.form.Fields\n\n  const employeeName = firstLastName({\n    first_name: employee.firstName,\n    last_name: employee.lastName,\n  })\n\n  const hoursLabel = (name: string) => {\n    switch (name) {\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 name\n    }\n  }\n\n  const earningLabel = (name: string) => {\n    switch (name) {\n      case COMPENSATION_NAME_BONUS:\n        return t('fixedCompensationNames.bonus')\n      case COMPENSATION_NAME_COMMISSION:\n        return t('fixedCompensationNames.commission')\n      case COMPENSATION_NAME_CORRECTION_PAYMENT:\n        return t('fixedCompensationNames.correctionPayment')\n      case COMPENSATION_NAME_CASH_TIPS:\n        return t('fixedCompensationNames.cashTips')\n      case COMPENSATION_NAME_PAYCHECK_TIPS:\n        return t('fixedCompensationNames.paycheckTips')\n      case COMPENSATION_NAME_REIMBURSEMENT:\n        return t('fixedCompensationNames.reimbursement')\n      default:\n        return name\n    }\n  }\n\n  // The visible rows for a section: the first workweek's rows drive the row set\n  // (workweek columns fan out from there), or the flat list when not split.\n  const getSectionRows = (section: HourEntry[] | Record<string, HourEntry[]>) =>\n    isSplitByWorkweek(section) ? (section[form.data.workweeks[0]?.startDate ?? ''] ?? []) : section\n\n  const buildBreakdownDataView = (\n    section: HourEntry[] | Record<string, HourEntry[]>,\n    options: {\n      label: string\n      rowHeader: string\n      valueColumnLabel: string\n      labelFor: (name: string) => string\n      adornmentStart?: string\n      adornmentEnd?: string\n    },\n  ) => {\n    const { label, rowHeader, valueColumnLabel, labelFor, adornmentStart, adornmentEnd } = options\n    const split = isSplitByWorkweek(section)\n    const rows = getSectionRows(section)\n\n    const renderField = (entry: HourEntry, fieldLabel: string) => (\n      <div className={styles.inputContainer}>\n        <entry.Field\n          label={fieldLabel}\n          shouldVisuallyHideLabel\n          adornmentStart={adornmentStart}\n          adornmentEnd={adornmentEnd}\n        />\n      </div>\n    )\n\n    const valueColumn: useDataViewPropReturn<HourEntry>['columns'][number] = {\n      title: valueColumnLabel,\n      justify: 'end',\n      render: row => renderField(row, labelFor(row.name)),\n    }\n\n    // Columns come straight from the hook's normalized workweeks, so each header\n    // has both boundary dates without re-deriving them from the raw payroll.\n    const workweekColumns: useDataViewPropReturn<HourEntry>['columns'] = form.data.workweeks.map(\n      ({ startDate, endDate }) => {\n        const rangeLabel = dateFormatter.formatPayPeriodRange(startDate, endDate, {\n          useShortMonth: true,\n        })\n        return {\n          title: rangeLabel,\n          justify: 'end',\n          render: row => {\n            const cell = (section as Record<string, HourEntry[]>)[startDate]?.find(\n              entry => entry.jobUuid === row.jobUuid && entry.name === row.name,\n            )\n            return cell ? renderField(cell, `${labelFor(row.name)} ${rangeLabel}`) : null\n          },\n        }\n      },\n    )\n\n    const columns: useDataViewPropReturn<HourEntry>['columns'] = [\n      { title: rowHeader, render: row => labelFor(row.name) },\n      ...(split ? workweekColumns : [valueColumn]),\n    ]\n\n    return <DataView label={label} isWithinBox columns={columns} data={rows} />\n  }\n\n  const renderBreakdownSection = (\n    section: HourEntry[] | Record<string, HourEntry[]>,\n    options: {\n      title: string\n      label: string\n      rowHeader: string\n      valueColumnLabel: string\n      labelFor: (name: string) => string\n      adornmentStart?: string\n      adornmentEnd?: string\n      footer?: React.ReactNode\n    },\n  ) => {\n    const { title, footer, ...viewOptions } = options\n    if (getSectionRows(section).length === 0 && !footer) return null\n\n    return (\n      <Box header={<BoxHeader title={title} />} withPadding={false} footer={footer}>\n        {buildBreakdownDataView(section, viewOptions)}\n      </Box>\n    )\n  }\n\n  const renderTimeOffSection = (\n    entries: TimeOffEntry[],\n    options: { title: string; description?: string },\n  ) => {\n    if (entries.length === 0) return null\n    const { title, description } = options\n\n    const columns: useDataViewPropReturn<TimeOffEntry>['columns'] = [\n      {\n        title: t('typeColumn'),\n        render: entry => entry.name,\n      },\n      {\n        title: t('hoursColumn'),\n        justify: 'end',\n        render: entry => (\n          <div className={styles.inputContainer}>\n            <entry.Field\n              label={entry.name}\n              shouldVisuallyHideLabel\n              adornmentEnd={t('hoursUnit')}\n              description={\n                entry.remaining !== null\n                  ? t('timeOffBalance.remaining', { balance: entry.remaining })\n                  : undefined\n              }\n            />\n          </div>\n        ),\n      },\n    ]\n\n    return (\n      <Box header={<BoxHeader title={title} description={description} />} withPadding={false}>\n        <DataView label={title} isWithinBox columns={columns} data={entries} />\n      </Box>\n    )\n  }\n\n  // A flat single-amount earnings table: one \"type\" column and one \"$\" input\n  // column. Used for the merged no-overtime list and the overtime-excluded group.\n  const renderAmountTable = (\n    rows: { label: string; Field: HourEntry['Field'] }[],\n    label: string,\n  ) => {\n    const columns: useDataViewPropReturn<(typeof rows)[number]>['columns'] = [\n      { title: t('typeColumn'), render: row => row.label },\n      {\n        title: t('amountColumn'),\n        justify: 'end',\n        render: row => (\n          <div className={styles.inputContainer}>\n            <row.Field label={row.label} shouldVisuallyHideLabel adornmentStart=\"$\" />\n          </div>\n        ),\n      },\n    ]\n    return <DataView label={label} isWithinBox columns={columns} data={rows} />\n  }\n\n  const renderGroupLabel = (label: string) => (\n    <div className={styles.earningsGroupLabel}>\n      <Text size=\"sm\" weight=\"semibold\">\n        {label}\n      </Text>\n    </div>\n  )\n\n  const renderEarningsSection = () => {\n    const includedEarnings = Fields.overtimeIncludedEarnings\n    const excludedRows = Fields.overtimeExcludedEarnings.map(entry => ({\n      label: earningLabel(entry.id),\n      Field: entry.Field,\n    }))\n\n    const hasIncluded = getSectionRows(includedEarnings).length > 0\n    if (!hasIncluded && excludedRows.length === 0) return null\n\n    const includedTable = buildBreakdownDataView(includedEarnings, {\n      label: t('additionalEarningsTitle'),\n      rowHeader: t('typeColumn'),\n      valueColumnLabel: t('amountColumn'),\n      labelFor: earningLabel,\n      adornmentStart: '$',\n    })\n\n    // Split into per-workweek columns and labeled overtime groups only once\n    // overtime is added (the included section becomes workweek-keyed). Otherwise\n    // included and excluded earnings render together as one flat list.\n    if (!isSplitByWorkweek(includedEarnings)) {\n      const mergedRows = [\n        ...includedEarnings.map(entry => ({ label: earningLabel(entry.name), Field: entry.Field })),\n        ...excludedRows,\n      ]\n      return (\n        <Box header={<BoxHeader title={t('additionalEarningsTitle')} />} withPadding={false}>\n          {renderAmountTable(mergedRows, t('additionalEarningsTitle'))}\n        </Box>\n      )\n    }\n\n    return (\n      <Box header={<BoxHeader title={t('additionalEarningsTitle')} />} withPadding={false}>\n        {hasIncluded ? (\n          <>\n            <div className={styles.earningsAlert}>\n              <Alert\n                status=\"info\"\n                label={t('overtimeMultiplierEarningsAlert', { employeeName })}\n                disableScrollIntoView\n              />\n            </div>\n            {renderGroupLabel(t('overtimeIncludedEarningsGroupLabel'))}\n            {includedTable}\n          </>\n        ) : null}\n        {excludedRows.length > 0 ? (\n          <>\n            {renderGroupLabel(t('overtimeExcludedEarningsGroupLabel'))}\n            {renderAmountTable(excludedRows, t('overtimeExcludedEarningsGroupLabel'))}\n          </>\n        ) : null}\n      </Box>\n    )\n  }\n\n  const PaymentMethodField = Fields.paymentMethod\n  const ReimbursementDraft = Fields.reimbursementDraft\n  const reimbursementRows = form.data.reimbursements\n  const isAddingReimbursement = form.form.reimbursementDraft?.isAdding ?? false\n\n  const handleSave = async () => {\n    const result = await form.actions.onSubmit()\n    if (!result) return\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n      payrollPrepared: result.data,\n      employee,\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_CANCELLED)\n  }\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={handleCancel} title={t('cancelCta')}>\n        {t('cancelCta')}\n      </Button>\n      <Button\n        onClick={() => {\n          void handleSave()\n        }}\n        title={t('saveCta')}\n        isLoading={form.status.isPending}\n      >\n        {t('saveCta')}\n      </Button>\n    </Flex>\n  )\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <BaseLayout error={form.errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <SDKFormProvider formHookResult={form}>\n          <Flex flexDirection=\"column\" gap={24}>\n            <Flex\n              flexDirection={isSmallOrGreater ? 'row' : 'column'}\n              justifyContent=\"space-between\"\n              alignItems={isSmallOrGreater ? 'flex-start' : 'stretch'}\n              gap={12}\n            >\n              <Flex flexDirection=\"column\" alignItems=\"stretch\" gap={8}>\n                <Heading as=\"h1\" styledAs=\"h2\">\n                  {t('pageTitle', { employeeName })}\n                </Heading>\n              </Flex>\n              {isSmallOrGreater && actions}\n            </Flex>\n            {!isSmallOrGreater && actions}\n\n            {(() => {\n              const isMultiJob = Fields.jobs.length > 1\n              const genericHoursTitle = form.data.isOvertimeEligible\n                ? t('regularHoursTitle')\n                : t('regularHoursTitleWithoutOvertime')\n              // \"Add overtime\" is an employee-level action, but the design gives\n              // every job its own button so each job's hours box can trigger it.\n              const showAddOvertime = !form.data.withOvertime && form.data.isOvertimeEligible\n              // Its counterpart once overtime is on: a single employee-level alert\n              // explaining the workweek split, rendered once above all jobs.\n              const showOvertimeWorkweekAlert =\n                form.data.withOvertime && form.data.isOvertimeEligible\n\n              return (\n                <Flex flexDirection=\"column\" gap={16}>\n                  {isMultiJob ? <Heading as=\"h3\">{genericHoursTitle}</Heading> : null}\n                  {showOvertimeWorkweekAlert ? (\n                    <Alert\n                      status=\"info\"\n                      label={t('overtimeWorkweekAlert', { employeeName })}\n                      disableScrollIntoView\n                    />\n                  ) : null}\n                  {Fields.jobs.map(job => (\n                    <Fragment key={job.jobUuid}>\n                      {renderBreakdownSection(job.hours, {\n                        title: isMultiJob ? (job.title ?? genericHoursTitle) : genericHoursTitle,\n                        label: genericHoursTitle,\n                        rowHeader: t('hourTypeColumn'),\n                        valueColumnLabel: t('hoursColumn'),\n                        labelFor: hoursLabel,\n                        adornmentEnd: t('hoursUnit'),\n                        footer: showAddOvertime ? (\n                          <Button\n                            variant=\"secondary\"\n                            onClick={() => {\n                              form.actions.addOvertime()\n                            }}\n                            title={t('addOvertimeCta')}\n                          >\n                            {t('addOvertimeCta')}\n                          </Button>\n                        ) : undefined,\n                      })}\n                    </Fragment>\n                  ))}\n                </Flex>\n              )\n            })()}\n\n            {renderEarningsSection()}\n\n            {renderTimeOffSection(Fields.timeOff, {\n              title: Fields.finalPayout ? t('timeOffTitleDismissal') : t('timeOffTitle'),\n            })}\n\n            {Fields.finalPayout\n              ? renderTimeOffSection(Fields.finalPayout, {\n                  title: t('finalPayoutTitle'),\n                  description: t('finalPayoutDescription'),\n                })\n              : null}\n\n            {PaymentMethodField ? (\n              <Flex flexDirection=\"column\" gap={24}>\n                {ReimbursementDraft ? (\n                  <ReimbursementsSection\n                    rows={reimbursementRows ?? []}\n                    isAdding={isAddingReimbursement}\n                    draftFields={ReimbursementDraft}\n                    onBeginAdd={() => form.actions.beginAddReimbursement?.()}\n                    onSave={() => form.actions.saveReimbursement?.()}\n                    onCancel={() => form.actions.cancelReimbursement?.()}\n                    onRemove={index => form.actions.removeReimbursement?.(index)}\n                  />\n                ) : null}\n\n                <Flex flexDirection=\"column\" gap={12}>\n                  <Heading as=\"h3\" styledAs=\"h4\">\n                    {t('paymentMethodTitle')}\n                  </Heading>\n                  <PaymentMethodField\n                    label={t('paymentMethodLabel')}\n                    description={t('paymentMethodDescription')}\n                    getOptionLabel={value =>\n                      value === PayrollUpdatePaymentMethod.Check\n                        ? t('paymentMethodOptions.check')\n                        : t('paymentMethodOptions.directDeposit')\n                    }\n                  />\n                </Flex>\n              </Flex>\n            ) : null}\n          </Flex>\n        </SDKFormProvider>\n      </BaseLayout>\n    </div>\n  )\n}\n"],"names":["UNSTABLE_PayrollEditEmployee","FallbackComponent","LoaderComponent","props","jsx","BaseBoundaries","Root","ReimbursementsSection","rows","isAdding","draftFields","onBeginAdd","onSave","onCancel","onRemove","t","useTranslation","Button","ButtonIcon","Heading","useComponentContext","Description","Amount","reimbursementDataViewProps","useDataView","row","formatNumberAsCurrency","displayDescription","TrashCanSvg","EmptyData","PlusCircleIcon","jsxs","Flex","DataView","Grid","employeeId","companyId","payrollId","withReimbursements","onEvent","dictionary","useComponentDictionary","useI18n","dateFormatter","useDateFormatter","Alert","Box","BoxHeader","Text","containerRef","useRef","isSmallOrGreater","useContainerBreakpoints","errorMessages","useMemo","PayrollEditEmployeeErrorCodes","form","usePayrollEditEmployeeForm","styles","BaseLayout","employee","Fields","employeeName","firstLastName","hoursLabel","name","COMPENSATION_NAME_REGULAR_HOURS","COMPENSATION_NAME_OVERTIME","COMPENSATION_NAME_DOUBLE_OVERTIME","earningLabel","COMPENSATION_NAME_BONUS","COMPENSATION_NAME_COMMISSION","COMPENSATION_NAME_CORRECTION_PAYMENT","COMPENSATION_NAME_CASH_TIPS","COMPENSATION_NAME_PAYCHECK_TIPS","COMPENSATION_NAME_REIMBURSEMENT","getSectionRows","section","isSplitByWorkweek","buildBreakdownDataView","options","label","rowHeader","valueColumnLabel","labelFor","adornmentStart","adornmentEnd","split","renderField","entry","fieldLabel","valueColumn","workweekColumns","startDate","endDate","rangeLabel","cell","columns","renderBreakdownSection","title","footer","viewOptions","renderTimeOffSection","entries","description","renderAmountTable","renderGroupLabel","renderEarningsSection","includedEarnings","excludedRows","hasIncluded","includedTable","mergedRows","Fragment","PaymentMethodField","ReimbursementDraft","reimbursementRows","isAddingReimbursement","handleSave","result","componentEvents","actions","SDKFormProvider","isMultiJob","genericHoursTitle","showAddOvertime","showOvertimeWorkweekAlert","job","index","value","PayrollUpdatePaymentMethod"],"mappings":"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"}

package/dist/components/Payroll/UNSTABLE_PayrollEditEmployee/UNSTABLE_PayrollEditEmployee.module.scss.js

@@ -1,10 +1,14 @@
-const n = "_container_m53lc_1", t = "_inputContainer_m53lc_6", o = {
+const n = "_container_s0nv1_1", e = "_inputContainer_s0nv1_6", t = "_earningsAlert_s0nv1_10", r = "_earningsGroupLabel_s0nv1_14", s = {
   container: n,
-  inputContainer: t
+  inputContainer: e,
+  earningsAlert: t,
+  earningsGroupLabel: r
 };
 export {
   n as container,
-  o as default,
-  t as inputContainer
+  s as default,
+  t as earningsAlert,
+  r as earningsGroupLabel,
+  e as inputContainer
 };
 //# sourceMappingURL=UNSTABLE_PayrollEditEmployee.module.scss.js.map

package/dist/components/Payroll/UNSTABLE_PayrollEditEmployee/UNSTABLE_PayrollEditEmployee.module.scss.js.map

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

package/dist/components/Payroll/usePreparedPayrollData.js

@@ -11,11 +11,13 @@ import "@gusto/embedded-api/models/errors/apierror";
 import "@gusto/embedded-api/models/errors/gustoembeddederror";
 import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "dompurify";
+import "../../contexts/LocaleProvider/useLocale.js";
 import "../../shared/constants.js";
 import "../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { retryAsync as x } from "../../helpers/retryAsync.js";
-const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.category === "invalid_operation") : !1, W = ({
+const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.category === "invalid_operation") : !1, $ = ({
   companyId: e,
   payrollId: r,
   employeeUuids: a,
@@ -31,7 +33,7 @@ const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.catego
       enabled: !!o?.payPeriod?.payScheduleUuid
     }
   ), P = y(async () => {
-    const i = await p({
+    const s = await p({
       request: {
         companyId: e,
         payrollId: r,
@@ -41,8 +43,8 @@ const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.catego
         }
       }
     });
-    f(i.payrollPrepared), i.payrollPrepared && (t.current = !0, l?.(i.payrollPrepared));
-  }, [e, r, p, h, n, l]), s = y(async () => {
+    f(s.payrollPrepared), s.payrollPrepared && (t.current = !0, l?.(s.payrollPrepared));
+  }, [e, r, p, h, n, l]), i = y(async () => {
     await d(
       null,
       () => x(P, {
@@ -53,11 +55,11 @@ const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.catego
     );
   }, [d, P]);
   b(() => {
-    u.current || (u.current = !0, s());
-  }, [s]);
+    u.current || (u.current = !0, i());
+  }, [i]);
   const g = c && !t.current, R = c && t.current, A = g || E;
   return {
-    handlePreparePayroll: s,
+    handlePreparePayroll: i,
     preparedPayroll: o,
     paySchedule: S?.payScheduleShow,
     isLoading: A,
@@ -66,6 +68,6 @@ const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.catego
   };
 };
 export {
-  W as usePreparedPayrollData
+  $ as usePreparedPayrollData
 };
 //# sourceMappingURL=usePreparedPayrollData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef, useMemo } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\nimport { useBase } from '../Base'\nimport { retryAsync } from '@/helpers/retryAsync'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: string\n  onDataReady?: (preparedPayroll: PayrollPrepared) => void\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleShow | undefined\n  isLoading: boolean\n  isPaginating: boolean\n  hasInitialData: boolean\n}\n\nconst PREPARE_MAX_ATTEMPTS = 4\nconst PREPARE_RETRY_DELAY_MS = 1500\n\nconst isPayrollBeingProcessedError = (error: unknown): boolean => {\n  if (!(error instanceof UnprocessableEntityError)) return false\n  return error.errors.some(e => e.category === 'invalid_operation')\n}\n\n/**\n * Wraps the prepare-payroll mutation and pay-schedule fetch, retrying while the payroll is still being processed.\n *\n * @remarks\n * Fires the prepare call once on mount, then exposes `handlePreparePayroll` for callers that need to re-prepare\n * (e.g. after sort or pagination changes). Distinguishes initial loading from subsequent pagination via\n * `isLoading` and `isPaginating`, and surfaces the pay schedule for the prepared payroll's pay period.\n *\n * @param params - The company and payroll identifiers, plus optional employee filter, sort, and ready callback.\n * @returns The prepared payroll, its pay schedule, loading flags, and a `handlePreparePayroll` callback to re-run.\n * @internal\n */\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n  onDataReady,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const hasInitialDataRef = useRef(false)\n  const hasFiredRef = useRef(false)\n  const { baseSubmitHandler } = useBase()\n\n  const employeeUuidsKey = useMemo(() => employeeUuids?.join(',') ?? '', [employeeUuids])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const executePrepare = useCallback(async () => {\n    const result = await preparePayroll({\n      request: {\n        companyId,\n        payrollId,\n        sortBy,\n        requestBody: {\n          employeeUuids,\n        },\n      },\n    })\n    setPreparedPayroll(result.payrollPrepared)\n    if (result.payrollPrepared) {\n      hasInitialDataRef.current = true\n      onDataReady?.(result.payrollPrepared)\n    }\n  }, [companyId, payrollId, preparePayroll, employeeUuidsKey, sortBy, onDataReady])\n\n  const handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, () =>\n      retryAsync(executePrepare, {\n        maxAttempts: PREPARE_MAX_ATTEMPTS,\n        delayMs: PREPARE_RETRY_DELAY_MS,\n        shouldRetry: isPayrollBeingProcessedError,\n      }),\n    )\n  }, [baseSubmitHandler, executePrepare])\n\n  useEffect(() => {\n    if (hasFiredRef.current) return\n    hasFiredRef.current = true\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isInitialLoading = isPreparePayrollPending && !hasInitialDataRef.current\n  const isPaginating = isPreparePayrollPending && hasInitialDataRef.current\n  const isLoading = isInitialLoading || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.payScheduleShow,\n    isLoading,\n    isPaginating,\n    hasInitialData: hasInitialDataRef.current,\n  }\n}\n"],"names":["PREPARE_MAX_ATTEMPTS","PREPARE_RETRY_DELAY_MS","isPayrollBeingProcessedError","error","UnprocessableEntityError","e","usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","onDataReady","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","hasInitialDataRef","useRef","hasFiredRef","baseSubmitHandler","useBase","employeeUuidsKey","useMemo","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","executePrepare","useCallback","result","handlePreparePayroll","retryAsync","useEffect","isInitialLoading","isPaginating","isLoading"],"mappings":";;;;;;;;;;;;;;;;;AA0BA,MAAMA,IAAuB,GACvBC,IAAyB,MAEzBC,IAA+B,CAACC,MAC9BA,aAAiBC,IAChBD,EAAM,OAAO,KAAK,CAAAE,MAAKA,EAAE,aAAa,mBAAmB,IADP,IAgB9CC,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxCC,IAAoBC,EAAO,EAAK,GAChCC,IAAcD,EAAO,EAAK,GAC1B,EAAE,mBAAAE,EAAA,IAAsBC,EAAA,GAExBC,IAAmBC,EAAQ,MAAMf,GAAe,KAAK,GAAG,KAAK,IAAI,CAACA,CAAa,CAAC,GAEhF,EAAE,MAAMgB,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAApB;AAAA,MACA,eAAeQ,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIa,IAAiBC,EAAY,YAAY;AAC7C,UAAMC,IAAS,MAAMlB,EAAe;AAAA,MAClC,SAAS;AAAA,QACP,WAAAL;AAAA,QACA,WAAAC;AAAA,QACA,QAAAE;AAAA,QACA,aAAa;AAAA,UACX,eAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IACF,CACD;AACD,IAAAO,EAAmBc,EAAO,eAAe,GACrCA,EAAO,oBACTZ,EAAkB,UAAU,IAC5BP,IAAcmB,EAAO,eAAe;AAAA,EAExC,GAAG,CAACvB,GAAWC,GAAWI,GAAgBW,GAAkBb,GAAQC,CAAW,CAAC,GAE1EoB,IAAuBF,EAAY,YAAY;AACnD,UAAMR;AAAA,MAAkB;AAAA,MAAM,MAC5BW,EAAWJ,GAAgB;AAAA,QACzB,aAAa5B;AAAA,QACb,SAASC;AAAA,QACT,aAAaC;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL,GAAG,CAACmB,GAAmBO,CAAc,CAAC;AAEtC,EAAAK,EAAU,MAAM;AACd,IAAIb,EAAY,YAChBA,EAAY,UAAU,IACjBW,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMG,IAAmBrB,KAA2B,CAACK,EAAkB,SACjEiB,IAAetB,KAA2BK,EAAkB,SAC5DkB,IAAYF,KAAoBR;AAEtC,SAAO;AAAA,IACL,sBAAAK;AAAA,IACA,iBAAAhB;AAAA,IACA,aAAaU,GAAiB;AAAA,IAC9B,WAAAW;AAAA,IACA,cAAAD;AAAA,IACA,gBAAgBjB,EAAkB;AAAA,EAAA;AAEtC;"}
+{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef, useMemo } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\nimport { useBase } from '../Base'\nimport { retryAsync } from '@/helpers/retryAsync'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: string\n  onDataReady?: (preparedPayroll: PayrollPrepared) => void\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleShow | undefined\n  isLoading: boolean\n  isPaginating: boolean\n  hasInitialData: boolean\n}\n\nconst PREPARE_MAX_ATTEMPTS = 4\nconst PREPARE_RETRY_DELAY_MS = 1500\n\nconst isPayrollBeingProcessedError = (error: unknown): boolean => {\n  if (!(error instanceof UnprocessableEntityError)) return false\n  return error.errors.some(e => e.category === 'invalid_operation')\n}\n\n/**\n * Wraps the prepare-payroll mutation and pay-schedule fetch, retrying while the payroll is still being processed.\n *\n * @remarks\n * Fires the prepare call once on mount, then exposes `handlePreparePayroll` for callers that need to re-prepare\n * (e.g. after sort or pagination changes). Distinguishes initial loading from subsequent pagination via\n * `isLoading` and `isPaginating`, and surfaces the pay schedule for the prepared payroll's pay period.\n *\n * @param params - The company and payroll identifiers, plus optional employee filter, sort, and ready callback.\n * @returns The prepared payroll, its pay schedule, loading flags, and a `handlePreparePayroll` callback to re-run.\n * @internal\n */\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n  onDataReady,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const hasInitialDataRef = useRef(false)\n  const hasFiredRef = useRef(false)\n  const { baseSubmitHandler } = useBase()\n\n  const employeeUuidsKey = useMemo(() => employeeUuids?.join(',') ?? '', [employeeUuids])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const executePrepare = useCallback(async () => {\n    const result = await preparePayroll({\n      request: {\n        companyId,\n        payrollId,\n        sortBy,\n        requestBody: {\n          employeeUuids,\n        },\n      },\n    })\n    setPreparedPayroll(result.payrollPrepared)\n    if (result.payrollPrepared) {\n      hasInitialDataRef.current = true\n      onDataReady?.(result.payrollPrepared)\n    }\n  }, [companyId, payrollId, preparePayroll, employeeUuidsKey, sortBy, onDataReady])\n\n  const handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, () =>\n      retryAsync(executePrepare, {\n        maxAttempts: PREPARE_MAX_ATTEMPTS,\n        delayMs: PREPARE_RETRY_DELAY_MS,\n        shouldRetry: isPayrollBeingProcessedError,\n      }),\n    )\n  }, [baseSubmitHandler, executePrepare])\n\n  useEffect(() => {\n    if (hasFiredRef.current) return\n    hasFiredRef.current = true\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isInitialLoading = isPreparePayrollPending && !hasInitialDataRef.current\n  const isPaginating = isPreparePayrollPending && hasInitialDataRef.current\n  const isLoading = isInitialLoading || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.payScheduleShow,\n    isLoading,\n    isPaginating,\n    hasInitialData: hasInitialDataRef.current,\n  }\n}\n"],"names":["PREPARE_MAX_ATTEMPTS","PREPARE_RETRY_DELAY_MS","isPayrollBeingProcessedError","error","UnprocessableEntityError","e","usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","onDataReady","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","hasInitialDataRef","useRef","hasFiredRef","baseSubmitHandler","useBase","employeeUuidsKey","useMemo","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","executePrepare","useCallback","result","handlePreparePayroll","retryAsync","useEffect","isInitialLoading","isPaginating","isLoading"],"mappings":";;;;;;;;;;;;;;;;;;;AA0BA,MAAMA,IAAuB,GACvBC,IAAyB,MAEzBC,IAA+B,CAACC,MAC9BA,aAAiBC,IAChBD,EAAM,OAAO,KAAK,CAAAE,MAAKA,EAAE,aAAa,mBAAmB,IADP,IAgB9CC,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxCC,IAAoBC,EAAO,EAAK,GAChCC,IAAcD,EAAO,EAAK,GAC1B,EAAE,mBAAAE,EAAA,IAAsBC,EAAA,GAExBC,IAAmBC,EAAQ,MAAMf,GAAe,KAAK,GAAG,KAAK,IAAI,CAACA,CAAa,CAAC,GAEhF,EAAE,MAAMgB,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAApB;AAAA,MACA,eAAeQ,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIa,IAAiBC,EAAY,YAAY;AAC7C,UAAMC,IAAS,MAAMlB,EAAe;AAAA,MAClC,SAAS;AAAA,QACP,WAAAL;AAAA,QACA,WAAAC;AAAA,QACA,QAAAE;AAAA,QACA,aAAa;AAAA,UACX,eAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IACF,CACD;AACD,IAAAO,EAAmBc,EAAO,eAAe,GACrCA,EAAO,oBACTZ,EAAkB,UAAU,IAC5BP,IAAcmB,EAAO,eAAe;AAAA,EAExC,GAAG,CAACvB,GAAWC,GAAWI,GAAgBW,GAAkBb,GAAQC,CAAW,CAAC,GAE1EoB,IAAuBF,EAAY,YAAY;AACnD,UAAMR;AAAA,MAAkB;AAAA,MAAM,MAC5BW,EAAWJ,GAAgB;AAAA,QACzB,aAAa5B;AAAA,QACb,SAASC;AAAA,QACT,aAAaC;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL,GAAG,CAACmB,GAAmBO,CAAc,CAAC;AAEtC,EAAAK,EAAU,MAAM;AACd,IAAIb,EAAY,YAChBA,EAAY,UAAU,IACjBW,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMG,IAAmBrB,KAA2B,CAACK,EAAkB,SACjEiB,IAAetB,KAA2BK,EAAkB,SAC5DkB,IAAYF,KAAoBR;AAEtC,SAAO;AAAA,IACL,sBAAAK;AAAA,IACA,iBAAAhB;AAAA,IACA,aAAaU,GAAiB;AAAA,IAC9B,WAAAW;AAAA,IACA,cAAAD;AAAA,IACA,gBAAgBjB,EAAkB;AAAA,EAAA;AAEtC;"}

package/dist/components/TimeOff/AddEmployeesHoliday/AddEmployeesHoliday.js

@@ -1,11 +1,11 @@
 import { jsx as e } from "react/jsx-runtime";
-import { SelectEmployeesHoliday as m } from "../TimeOffManagement/SelectEmployees/SelectEmployeesHoliday.js";
-import { BaseComponent as n } from "../../Base/Base.js";
+import { SelectEmployeesHoliday as n } from "../TimeOffManagement/SelectEmployees/SelectEmployeesHoliday.js";
+import { BaseComponent as r } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-function p(o) {
-  return /* @__PURE__ */ e(n, { ...o, children: /* @__PURE__ */ e(m, { companyId: o.companyId, mode: "standalone" }) });
+function a({ className: m, ...o }) {
+  return /* @__PURE__ */ e(r, { ...o, children: /* @__PURE__ */ e(n, { companyId: o.companyId, mode: "standalone", className: m }) });
 }
 export {
-  p as AddEmployeesHoliday
+  a as AddEmployeesHoliday
 };
 //# sourceMappingURL=AddEmployeesHoliday.js.map

package/dist/components/TimeOff/AddEmployeesHoliday/AddEmployeesHoliday.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddEmployeesHoliday.js","sources":["../../../../src/components/TimeOff/AddEmployeesHoliday/AddEmployeesHoliday.tsx"],"sourcesContent":["import { SelectEmployeesHoliday } from '../TimeOffManagement/SelectEmployees/SelectEmployeesHoliday'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\n\n/**\n * Props for {@link AddEmployeesHoliday}.\n *\n * @public\n */\nexport interface AddEmployeesHolidayProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Employee selection screen for assigning employees to a company's holiday pay policy.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `timeOff/holidayAddEmployees/done` | Employee selection is saved | The updated `HolidayPayPolicy` response, or `undefined` when no changes were submitted |\n * | `CANCEL` | The user cancels | — |\n *\n * @param props - See {@link AddEmployeesHolidayProps}.\n * @returns The rendered holiday employee selection screen.\n * @public\n */\nexport function AddEmployeesHoliday(props: AddEmployeesHolidayProps) {\n  return (\n    <BaseComponent {...props}>\n      <SelectEmployeesHoliday companyId={props.companyId} mode=\"standalone\" />\n    </BaseComponent>\n  )\n}\n"],"names":["AddEmployeesHoliday","props","jsx","BaseComponent","SelectEmployeesHoliday"],"mappings":";;;;AA0BO,SAASA,EAAoBC,GAAiC;AACnE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,GAAA,EAAuB,WAAWH,EAAM,WAAW,MAAK,aAAA,CAAa,EAAA,CACxE;AAEJ;"}
+{"version":3,"file":"AddEmployeesHoliday.js","sources":["../../../../src/components/TimeOff/AddEmployeesHoliday/AddEmployeesHoliday.tsx"],"sourcesContent":["import { SelectEmployeesHoliday } from '../TimeOffManagement/SelectEmployees/SelectEmployeesHoliday'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\n\n/**\n * Props for {@link AddEmployeesHoliday}.\n *\n * @public\n */\nexport interface AddEmployeesHolidayProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Employee selection screen for assigning employees to a company's holiday pay policy.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `timeOff/holidayAddEmployees/done` | Employee selection is saved | The updated `HolidayPayPolicy` response, or `undefined` when no changes were submitted |\n * | `CANCEL` | The user cancels | — |\n *\n * @param props - See {@link AddEmployeesHolidayProps}.\n * @returns The rendered holiday employee selection screen.\n * @public\n */\nexport function AddEmployeesHoliday({ className, ...props }: AddEmployeesHolidayProps) {\n  return (\n    <BaseComponent {...props}>\n      <SelectEmployeesHoliday companyId={props.companyId} mode=\"standalone\" className={className} />\n    </BaseComponent>\n  )\n}\n"],"names":["AddEmployeesHoliday","className","props","jsx","BaseComponent","SelectEmployeesHoliday"],"mappings":";;;;AA0BO,SAASA,EAAoB,EAAE,WAAAC,GAAW,GAAGC,KAAmC;AACrF,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,GAAA,EAAuB,WAAWH,EAAM,WAAW,MAAK,cAAa,WAAAD,EAAA,CAAsB,GAC9F;AAEJ;"}

package/dist/components/TimeOff/AddEmployeesToPolicy/AddEmployeesToPolicy.js

@@ -1,19 +1,20 @@
 import { jsx as e } from "react/jsx-runtime";
-import { SelectEmployeesTimeOff as m } from "../TimeOffManagement/SelectEmployees/SelectEmployeesTimeOff.js";
-import { BaseComponent as i } from "../../Base/Base.js";
+import { SelectEmployeesTimeOff as i } from "../TimeOffManagement/SelectEmployees/SelectEmployeesTimeOff.js";
+import { BaseComponent as y } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-function p(o) {
-  return /* @__PURE__ */ e(i, { ...o, children: /* @__PURE__ */ e(
-    m,
+function t({ className: m, ...o }) {
+  return /* @__PURE__ */ e(y, { ...o, children: /* @__PURE__ */ e(
+    i,
     {
       companyId: o.companyId,
       policyId: o.policyId,
       policyType: o.policyType,
-      mode: "standalone"
+      mode: "standalone",
+      className: m
     }
   ) });
 }
 export {
-  p as AddEmployeesToPolicy
+  t as AddEmployeesToPolicy
 };
 //# sourceMappingURL=AddEmployeesToPolicy.js.map

package/dist/components/TimeOff/AddEmployeesToPolicy/AddEmployeesToPolicy.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddEmployeesToPolicy.js","sources":["../../../../src/components/TimeOff/AddEmployeesToPolicy/AddEmployeesToPolicy.tsx"],"sourcesContent":["import { SelectEmployeesTimeOff } from '../TimeOffManagement/SelectEmployees/SelectEmployeesTimeOff'\nimport type { CreatableTimeOffPolicyType } from '../TimeOffFlow/timeOffPolicyTypes'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\n\n/**\n * Props for {@link AddEmployeesToPolicy}.\n *\n * @public\n */\nexport interface AddEmployeesToPolicyProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n  /** The time off policy identifier. */\n  policyId: string\n  /** The type of policy being edited — `'sick'` or `'vacation'`. */\n  policyType: CreatableTimeOffPolicyType\n}\n\n/**\n * Employee selection screen for assigning employees to a sick or vacation time off policy.\n *\n * @remarks\n * Displays all active employees with search filtering and pagination. Employees already\n * enrolled in the policy are pre-selected, and carry-over balances are auto-populated\n * from each employee's existing paid time off data. Starting balances can be manually\n * set or overridden per employee. When employees are being moved from another policy a\n * reassignment warning is shown, and removing a previously enrolled employee requires\n * confirmation.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `timeOff/addEmployees/done` | Fired when employee selection is saved | The updated time off policy, or `undefined` when no changes were submitted |\n * | `timeOff/addEmployees/back` | Fired when the user navigates back without saving | — |\n *\n * @param props - See {@link AddEmployeesToPolicyProps}.\n * @returns The employee selection screen for the policy.\n * @public\n *\n * @example\n * ```tsx\n * import { TimeOff } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <TimeOff.AddEmployeesToPolicy\n *       companyId=\"your-company-id\"\n *       policyId=\"policy-uuid\"\n *       policyType=\"vacation\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function AddEmployeesToPolicy(props: AddEmployeesToPolicyProps) {\n  return (\n    <BaseComponent {...props}>\n      <SelectEmployeesTimeOff\n        companyId={props.companyId}\n        policyId={props.policyId}\n        policyType={props.policyType}\n        mode=\"standalone\"\n      />\n    </BaseComponent>\n  )\n}\n"],"names":["AddEmployeesToPolicy","props","jsx","BaseComponent","SelectEmployeesTimeOff"],"mappings":";;;;AAuDO,SAASA,EAAqBC,GAAkC;AACrE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAWH,EAAM;AAAA,MACjB,UAAUA,EAAM;AAAA,MAChB,YAAYA,EAAM;AAAA,MAClB,MAAK;AAAA,IAAA;AAAA,EAAA,GAET;AAEJ;"}
+{"version":3,"file":"AddEmployeesToPolicy.js","sources":["../../../../src/components/TimeOff/AddEmployeesToPolicy/AddEmployeesToPolicy.tsx"],"sourcesContent":["import { SelectEmployeesTimeOff } from '../TimeOffManagement/SelectEmployees/SelectEmployeesTimeOff'\nimport type { CreatableTimeOffPolicyType } from '../TimeOffFlow/timeOffPolicyTypes'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\n\n/**\n * Props for {@link AddEmployeesToPolicy}.\n *\n * @public\n */\nexport interface AddEmployeesToPolicyProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n  /** The time off policy identifier. */\n  policyId: string\n  /** The type of policy being edited — `'sick'` or `'vacation'`. */\n  policyType: CreatableTimeOffPolicyType\n}\n\n/**\n * Employee selection screen for assigning employees to a sick or vacation time off policy.\n *\n * @remarks\n * Displays all active employees with search filtering and pagination. Employees already\n * enrolled in the policy are pre-selected, and carry-over balances are auto-populated\n * from each employee's existing paid time off data. Starting balances can be manually\n * set or overridden per employee. When employees are being moved from another policy a\n * reassignment warning is shown, and removing a previously enrolled employee requires\n * confirmation.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `timeOff/addEmployees/done` | Fired when employee selection is saved | The updated time off policy, or `undefined` when no changes were submitted |\n * | `timeOff/addEmployees/back` | Fired when the user navigates back without saving | — |\n *\n * @param props - See {@link AddEmployeesToPolicyProps}.\n * @returns The employee selection screen for the policy.\n * @public\n *\n * @example\n * ```tsx\n * import { TimeOff } from '@gusto/embedded-react-sdk'\n *\n * function MyComponent() {\n *   return (\n *     <TimeOff.AddEmployeesToPolicy\n *       companyId=\"your-company-id\"\n *       policyId=\"policy-uuid\"\n *       policyType=\"vacation\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function AddEmployeesToPolicy({ className, ...props }: AddEmployeesToPolicyProps) {\n  return (\n    <BaseComponent {...props}>\n      <SelectEmployeesTimeOff\n        companyId={props.companyId}\n        policyId={props.policyId}\n        policyType={props.policyType}\n        mode=\"standalone\"\n        className={className}\n      />\n    </BaseComponent>\n  )\n}\n"],"names":["AddEmployeesToPolicy","className","props","jsx","BaseComponent","SelectEmployeesTimeOff"],"mappings":";;;;AAuDO,SAASA,EAAqB,EAAE,WAAAC,GAAW,GAAGC,KAAoC;AACvF,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAWH,EAAM;AAAA,MACjB,UAAUA,EAAM;AAAA,MAChB,YAAYA,EAAM;AAAA,MAClB,MAAK;AAAA,MACL,WAAAD;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetail.js

@@ -1,55 +1,55 @@
 import { jsx as a } from "react/jsx-runtime";
 import { useState as d, useMemo as u } from "react";
 import { useTranslation as T } from "react-i18next";
-import { useQueryClient as Y } from "@tanstack/react-query";
-import { useHolidayPayPoliciesGetSuspense as j, invalidateAllHolidayPayPoliciesGet as q } from "@gusto/embedded-api/react-query/holidayPayPoliciesGet";
-import { useHolidayPayPoliciesRemoveEmployeesMutation as x } from "@gusto/embedded-api/react-query/holidayPayPoliciesRemoveEmployees";
-import { useEmployeesListSuspense as Q } from "@gusto/embedded-api/react-query/employeesList";
-import { getDefaultHolidayItems as G } from "../shared/holidayHelpers.js";
-import { HolidayPolicyDetailPresentation as $ } from "./HolidayPolicyDetailPresentation.js";
-import { useClientPagination as K } from "../../../hooks/useClientPagination/useClientPagination.js";
-import { HamburgerMenu as V } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { BaseComponent as z } from "../../Base/Base.js";
-import { useBase as J } from "../../Base/useBase.js";
+import { useQueryClient as j } from "@tanstack/react-query";
+import { useHolidayPayPoliciesGetSuspense as q, invalidateAllHolidayPayPoliciesGet as x } from "@gusto/embedded-api/react-query/holidayPayPoliciesGet";
+import { useHolidayPayPoliciesRemoveEmployeesMutation as Q } from "@gusto/embedded-api/react-query/holidayPayPoliciesRemoveEmployees";
+import { useEmployeesListSuspense as G } from "@gusto/embedded-api/react-query/employeesList";
+import { getDefaultHolidayItems as $ } from "../shared/holidayHelpers.js";
+import { HolidayPolicyDetailPresentation as K } from "./HolidayPolicyDetailPresentation.js";
+import { useClientPagination as V } from "../../../hooks/useClientPagination/useClientPagination.js";
+import { HamburgerMenu as z } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { BaseComponent as J } from "../../Base/Base.js";
+import { useBase as W } from "../../Base/useBase.js";
 import { componentEvents as y } from "../../../shared/constants.js";
-import { useComponentContext as W } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as X } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as D } from "../../../i18n/I18n.js";
-import { useLocale as X } from "../../../contexts/LocaleProvider/useLocale.js";
+import { useLocale as Z } from "../../../contexts/LocaleProvider/useLocale.js";
 import { firstLastName as S } from "../../../helpers/formattedStrings.js";
-import Z from "../../../assets/icons/trashcan.svg.js";
-import ee from "../../../assets/icons/edit-02.svg.js";
-import oe from "../../../assets/icons/plus-circle.svg.js";
-function He(t) {
-  return /* @__PURE__ */ a(z, { ...t, componentName: "Company.TimeOff.HolidayPolicy", children: /* @__PURE__ */ a(ae, { ...t }) });
+import ee from "../../../assets/icons/trashcan.svg.js";
+import oe from "../../../assets/icons/edit-02.svg.js";
+import ae from "../../../assets/icons/plus-circle.svg.js";
+function be(t) {
+  return /* @__PURE__ */ a(J, { ...t, componentName: "Company.TimeOff.HolidayPolicy", children: /* @__PURE__ */ a(te, { ...t }) });
 }
-function ae({ companyId: t, defaultTab: _ = "holidays" }) {
+function te({ companyId: t, defaultTab: _ = "holidays", className: H }) {
   D("Company.TimeOff.HolidayPolicy"), D("Company.TimeOff.PolicyDetail");
-  const { t: i } = T("Company.TimeOff.HolidayPolicy"), { t: l } = T("Company.TimeOff.PolicyDetail"), { Button: p } = W(), { locale: f } = X(), H = Y(), { onEvent: r, baseSubmitHandler: b } = J(), [A, N] = d(_), [O, h] = d(null), [n, m] = d(null), s = j({ companyUuid: t }).data.holidayPayPolicy, { data: C } = Q({
+  const { t: i } = T("Company.TimeOff.HolidayPolicy"), { t: l } = T("Company.TimeOff.PolicyDetail"), { Button: p } = X(), { locale: f } = Z(), b = j(), { onEvent: r, baseSubmitHandler: A } = W(), [N, O] = d(_), [L, h] = d(null), [n, m] = d(null), s = q({ companyUuid: t }).data.holidayPayPolicy, { data: C } = G({
     companyId: t,
     terminated: !1
-  }), P = x(), L = u(() => {
-    const e = G(i, void 0, f), { federalHolidays: o } = s;
+  }), P = Q(), w = u(() => {
+    const e = $(i, void 0, f), { federalHolidays: o } = s;
     return e.filter((c) => o[c.uuid]?.selected === !0);
   }, [i, s, f]), g = u(
     () => new Set(s.employees.map((e) => e.uuid)),
     [s.employees]
-  ), w = u(() => (C.showEmployees ?? []).filter((o) => g.has(o.uuid)).map((o) => ({
+  ), I = u(() => (C.showEmployees ?? []).filter((o) => g.has(o.uuid)).map((o) => ({
     uuid: o.uuid,
     firstName: o.firstName,
     lastName: o.lastName,
     jobTitle: o.jobs?.find((c) => c.primary)?.title ?? null
   })), [C.showEmployees, g]), {
-    data: I,
-    pagination: M,
-    searchValue: k,
+    data: M,
+    pagination: k,
+    searchValue: B,
     actions: E
-  } = K(w, {
+  } = V(I, {
     defaultItemsPerPage: 10,
     searchPredicate: (e, o) => `${e.firstName ?? ""} ${e.lastName ?? ""}`.toLowerCase().includes(o.toLowerCase())
-  }), B = async () => {
+  }), F = async () => {
     if (!n) return;
     const e = n.uuid, o = n.name;
-    m(null), await b({}, async () => {
+    m(null), await A({}, async () => {
       await P.mutateAsync({
         request: {
           companyUuid: t,
@@ -58,20 +58,20 @@ function ae({ companyId: t, defaultTab: _ = "holidays" }) {
             employees: [{ uuid: e }]
           }
         }
-      }), await q(H), h(i("flash.employeeRemoved", { name: o }));
+      }), await x(b), h(i("flash.employeeRemoved", { name: o }));
     });
-  }, F = () => {
+  }, R = () => {
     r(y.TIME_OFF_BACK_TO_LIST);
   }, v = () => {
     r(y.TIME_OFF_HOLIDAY_ADD_EMPLOYEES);
-  }, R = () => {
+  }, U = () => {
     r(y.TIME_OFF_EDIT_HOLIDAY_POLICY);
-  }, U = [
+  }, Y = [
     /* @__PURE__ */ a(
       p,
       {
         variant: "secondary",
-        icon: /* @__PURE__ */ a(oe, { "aria-hidden": !0 }),
+        icon: /* @__PURE__ */ a(ae, { "aria-hidden": !0 }),
         onClick: v,
         children: i("show.addEmployeesCta")
       },
@@ -81,37 +81,37 @@ function ae({ companyId: t, defaultTab: _ = "holidays" }) {
       p,
       {
         variant: "secondary",
-        icon: /* @__PURE__ */ a(ee, { "aria-hidden": !0 }),
-        onClick: R,
+        icon: /* @__PURE__ */ a(oe, { "aria-hidden": !0 }),
+        onClick: U,
         children: i("show.editPolicyCta")
       },
       "edit"
     )
   ];
   return /* @__PURE__ */ a(
-    $,
+    K,
     {
       title: i("show.title"),
-      onBack: F,
+      onBack: R,
       backLabel: l("backLabel"),
-      actions: U,
+      actions: Y,
       onAddEmployee: v,
-      holidays: L,
-      selectedTabId: A,
-      onTabChange: N,
+      holidays: w,
+      selectedTabId: N,
+      onTabChange: O,
       employees: {
-        data: I,
-        searchValue: k,
+        data: M,
+        searchValue: B,
         onSearchChange: E.onSearchChange,
         onSearchClear: E.onSearchClear,
-        pagination: M,
+        pagination: k,
         itemMenu: (e) => /* @__PURE__ */ a(
-          V,
+          z,
           {
             items: [
               {
                 label: l("removeEmployeeDialog.confirmCta"),
-                icon: /* @__PURE__ */ a(Z, { "aria-hidden": !0 }),
+                icon: /* @__PURE__ */ a(ee, { "aria-hidden": !0 }),
                 onClick: () => {
                   m({
                     uuid: e.uuid,
@@ -132,20 +132,21 @@ function ae({ companyId: t, defaultTab: _ = "holidays" }) {
       removeDialog: {
         isOpen: n !== null,
         employeeName: n?.name ?? "",
-        onConfirm: B,
+        onConfirm: F,
         onClose: () => {
           m(null);
         },
         isPending: P.isPending
       },
-      successAlert: O ?? void 0,
+      successAlert: L ?? void 0,
       onDismissAlert: () => {
         h(null);
-      }
+      },
+      className: H
     }
   );
 }
 export {
-  He as HolidayPolicyDetail
+  be as HolidayPolicyDetail
 };
 //# sourceMappingURL=HolidayPolicyDetail.js.map