@gusto/embedded-react-sdk 0.43.0 → 0.44.1

package/dist/components/Employee/HomeAddress/management/HomeAddressView.js.map

@@ -1 +1 @@
-{"version":3,"file":"HomeAddressView.js","sources":["../../../../../src/components/Employee/HomeAddress/management/HomeAddressView.tsx"],"sourcesContent":["import { useLayoutEffect, useMemo, useRef, useState } from 'react'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { useWatch } from 'react-hook-form'\nimport type { EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport type { TFunction } from 'i18next'\nimport {\n  formatPendingHomeAddressLine,\n  getPendingFutureHomeAddress,\n} from './getPendingFutureHomeAddress'\nimport HouseIcon from '@/assets/icons/house.svg?react'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { HomeAddressErrorCodes } from '@/components/Employee/Profile/shared/useHomeAddressForm/homeAddressSchema'\nimport type { UseHomeAddressFormReady } from '@/components/Employee/Profile/shared/useHomeAddressForm'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport type { HookSubmitResult } from '@/partner-hook-utils/types'\nimport { DataView, EmptyData, HamburgerMenu, useDataView } from '@/components/Common'\nimport { Flex, FlexItem } from '@/components/Common/Flex/Flex'\nimport { Grid } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { addDays, formatDateLongWithYear, normalizeToDate } from '@/helpers/dateFormatting'\nimport { formatStreetForDisplay, getCityStateZip } from '@/helpers/formattedStrings'\n\nfunction HomeAddressCourtesyWithholdingBlock({\n  CourtesyWithholding,\n  formHook,\n  tHa,\n}: {\n  CourtesyWithholding: UseHomeAddressFormReady['form']['Fields']['CourtesyWithholding']\n  formHook: UseHomeAddressFormReady\n  tHa: TFunction<'Employee.HomeAddress'>\n}) {\n  const Components = useComponentContext()\n  const { control } = formHook.form.hookFormInternals.formMethods\n  const courtesyWithholdingEnabled = useWatch({ control, name: 'courtesyWithholding' })\n\n  return (\n    <>\n      <CourtesyWithholding\n        label={tHa('courtesyWithholdingLabel')}\n        description={\n          <>\n            {tHa('courtesyWithholdingDescription')}\n            <Trans\n              t={tHa}\n              i18nKey=\"learnMoreCta\"\n              components={{\n                LearnMoreLink: <Components.Link />,\n              }}\n            />\n          </>\n        }\n      />\n      {courtesyWithholdingEnabled ? (\n        <Components.Alert label={tHa('withholdingTitle')} status=\"warning\">\n          <Trans t={tHa} i18nKey=\"withholdingNote\" />\n        </Components.Alert>\n      ) : null}\n    </>\n  )\n}\n\nexport interface HomeAddressViewProps {\n  editHomeAddressForm: UseHomeAddressFormReady\n  createHomeAddressForm: UseHomeAddressFormReady\n  /** Full list for history, pending future row, and delete confirmation (from management list query). */\n  employeeHomeAddresses: EmployeeAddress[] | undefined\n  employeeDisplayName: string\n  /** Resolved UUID passed to the edit form (`homeAddressUuid`); active row when not editing history. */\n  editingHomeAddressUuid: string | undefined\n  /** `undefined` = edit active/current address; otherwise set to a history row’s UUID. */\n  onEditAddressTargetChange: (homeAddressUuid: string | undefined) => void\n  onSaved: (result: HookSubmitResult<EmployeeAddress>) => void\n  onConfirmDelete: (homeAddressUuid: string) => Promise<boolean>\n  isDeletePending?: boolean\n}\n\nexport function HomeAddressView({\n  editHomeAddressForm,\n  createHomeAddressForm,\n  employeeHomeAddresses,\n  employeeDisplayName,\n  editingHomeAddressUuid,\n  onEditAddressTargetChange,\n  onSaved,\n  onConfirmDelete,\n  isDeletePending = false,\n}: HomeAddressViewProps) {\n  const { t } = useTranslation('Employee.HomeAddress.Management')\n  const { t: tHa } = useTranslation('Employee.HomeAddress')\n  const Components = useComponentContext()\n  const [addressModal, setAddressModal] = useState<'edit' | 'create' | null>(null)\n  const [deleteConfirmUuid, setDeleteConfirmUuid] = useState<string | null>(null)\n  const addressModalContainerRef = useRef<HTMLDivElement>(null)\n  const [addressModalPortal, setAddressModalPortal] = useState<HTMLElement | undefined>(undefined)\n\n  useLayoutEffect(() => {\n    if (!addressModal) {\n      setAddressModalPortal(undefined)\n      return\n    }\n    const syncPortal = () => {\n      setAddressModalPortal(addressModalContainerRef.current ?? undefined)\n    }\n    syncPortal()\n    if (addressModalContainerRef.current == null) {\n      const id = requestAnimationFrame(syncPortal)\n      return () => {\n        cancelAnimationFrame(id)\n      }\n    }\n  }, [addressModal])\n\n  const {\n    data: { homeAddress },\n    status: editStatus,\n    actions: { onSubmit: editOnSubmit },\n    form: editForm,\n  } = editHomeAddressForm\n\n  const homeAddresses = employeeHomeAddresses\n\n  const {\n    status: createStatus,\n    actions: { onSubmit: createOnSubmit },\n    form: createForm,\n  } = createHomeAddressForm\n\n  const {\n    Fields: {\n      Street1: EditStreet1,\n      Street2: EditStreet2,\n      City: EditCity,\n      State: EditState,\n      Zip: EditZip,\n      CourtesyWithholding: EditCourtesyWithholding,\n    },\n  } = editForm\n\n  const {\n    Fields: {\n      Street1: CreateStreet1,\n      Street2: CreateStreet2,\n      City: CreateCity,\n      State: CreateState,\n      Zip: CreateZip,\n      CourtesyWithholding: CreateCourtesyWithholding,\n      EffectiveDate: CreateEffectiveDate,\n    },\n  } = createForm\n\n  const zipValidation = {\n    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.zip'),\n    [HomeAddressErrorCodes.INVALID_ZIP]: tHa('validations.zip'),\n  }\n\n  const startDateValidation = {\n    [HomeAddressErrorCodes.REQUIRED]: t('form.startDateRequired'),\n  }\n\n  const pendingFutureAddress = useMemo(\n    () => getPendingFutureHomeAddress(homeAddresses),\n    [homeAddresses],\n  )\n\n  const addressForDeleteModal = useMemo(() => {\n    if (!deleteConfirmUuid || !homeAddresses) {\n      return undefined\n    }\n    return homeAddresses.find(a => a.uuid === deleteConfirmUuid)\n  }, [deleteConfirmUuid, homeAddresses])\n\n  const changePendingPossessiveLabel = useMemo(() => {\n    const trimmed = employeeDisplayName.trim()\n    return trimmed ? `${trimmed}'s` : t('changePendingPossessiveFallback')\n  }, [employeeDisplayName, t])\n\n  const chronologicalAsc = [...(homeAddresses ?? [])].sort((a, b) => {\n    const aDate = a.effectiveDate?.toString() ?? ''\n    const bDate = b.effectiveDate?.toString() ?? ''\n    if (!aDate && !bDate) return 0\n    if (!aDate) return 1\n    if (!bDate) return -1\n    return aDate.localeCompare(bDate)\n  })\n\n  const historyAddresses = chronologicalAsc.filter(address => address.active !== true)\n  const sortedHistory = [...historyAddresses].reverse()\n\n  const historyEndDate = (row: EmployeeAddress) => {\n    const idx = chronologicalAsc.findIndex(a => a.uuid === row.uuid)\n    if (idx === -1 || idx >= chronologicalAsc.length - 1) return '—'\n    const nextStart = chronologicalAsc[idx + 1]?.effectiveDate\n    if (!nextStart) return '—'\n    const nextDate = normalizeToDate(nextStart.toString())\n    if (!nextDate) return '—'\n    const endDate = addDays(nextDate, -1)\n    const y = endDate.getFullYear()\n    const m = String(endDate.getMonth() + 1).padStart(2, '0')\n    const d = String(endDate.getDate()).padStart(2, '0')\n    return formatDateLongWithYear(`${y}-${m}-${d}`)\n  }\n\n  const historyDataView = useDataView({\n    data: sortedHistory,\n    columns: [\n      {\n        title: t('columns.address'),\n        render: (row: EmployeeAddress) => (\n          <Flex flexDirection=\"column\" gap={0}>\n            <Components.Text weight=\"medium\">{formatStreetForDisplay(row)}</Components.Text>\n            <Components.Text variant=\"supporting\">{getCityStateZip(row)}</Components.Text>\n          </Flex>\n        ),\n      },\n      {\n        title: t('columns.startDate'),\n        render: (row: EmployeeAddress) =>\n          row.effectiveDate ? formatDateLongWithYear(row.effectiveDate.toString()) : '—',\n      },\n      {\n        title: t('columns.endDate'),\n        render: (row: EmployeeAddress) => historyEndDate(row),\n      },\n    ],\n    itemMenu: (row: EmployeeAddress) => (\n      <HamburgerMenu\n        triggerLabel={t('rowMenuAriaLabel')}\n        items={[\n          {\n            label: t('rowEdit'),\n            onClick: () => {\n              onEditAddressTargetChange(row.uuid)\n              setAddressModal('edit')\n            },\n            icon: <PencilSvg aria-hidden />,\n          },\n          {\n            label: t('rowDelete'),\n            onClick: () => {\n              if (row.active === true) {\n                return\n              }\n              setDeleteConfirmUuid(row.uuid)\n            },\n            icon: <TrashCanSvg aria-hidden />,\n          },\n        ]}\n      />\n    ),\n    emptyState: () => (\n      <div data-testid=\"home-address-history-empty\">\n        <EmptyData\n          icon={<HouseIcon aria-hidden />}\n          title={t('historyEmptyTitle')}\n          description={t('historyEmptyDescription')}\n        />\n      </div>\n    ),\n  })\n\n  const closeAddressModal = () => {\n    setAddressModal(null)\n    onEditAddressTargetChange(undefined)\n  }\n\n  const handleDeleteModalConfirm = async () => {\n    if (!deleteConfirmUuid) {\n      return\n    }\n    const deleted = await onConfirmDelete(deleteConfirmUuid)\n    if (deleted) {\n      setDeleteConfirmUuid(null)\n    }\n  }\n\n  const addressModalSession =\n    addressModal === 'edit'\n      ? {\n          onSubmit: editOnSubmit,\n          formMethods: editHomeAddressForm.form.hookFormInternals.formMethods,\n          isPending: editStatus.isPending,\n        }\n      : addressModal === 'create'\n        ? {\n            onSubmit: createOnSubmit,\n            formMethods: createHomeAddressForm.form.hookFormInternals.formMethods,\n            isPending: createStatus.isPending,\n          }\n        : null\n\n  const handleSave = async () => {\n    if (!addressModalSession) {\n      return\n    }\n\n    const submitResult = await addressModalSession.onSubmit()\n\n    if (submitResult) {\n      onSaved(submitResult)\n    }\n\n    const hasFieldErrors = Object.keys(addressModalSession.formMethods.formState.errors).length > 0\n    if (submitResult || !hasFieldErrors) {\n      closeAddressModal()\n    }\n  }\n\n  const modalPending = addressModalSession?.isPending ?? false\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={8} alignItems=\"flex-start\">\n        <Components.Heading as=\"h1\">{t('title')}</Components.Heading>\n        <Components.Text variant=\"supporting\">{t('description')}</Components.Text>\n      </Flex>\n\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('currentSectionTitle')}\n            action={\n              homeAddress ? (\n                <Components.Button\n                  variant=\"secondary\"\n                  onClick={() => {\n                    onEditAddressTargetChange(undefined)\n                    setAddressModal('edit')\n                  }}\n                  isLoading={editStatus.isPending}\n                >\n                  {t('editCta')}\n                </Components.Button>\n              ) : undefined\n            }\n          />\n        }\n        footer={\n          <Components.Button\n            variant=\"secondary\"\n            onClick={() => {\n              onEditAddressTargetChange(undefined)\n              setAddressModal('create')\n            }}\n            isLoading={createStatus.isPending}\n          >\n            {t('changeCta')}\n          </Components.Button>\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {homeAddress ? (\n            <Flex flexDirection=\"column\" gap={4}>\n              <FlexItem>\n                <Components.Text weight=\"medium\">\n                  {formatStreetForDisplay(homeAddress)}\n                </Components.Text>\n                <Components.Text weight=\"medium\">{getCityStateZip(homeAddress)}</Components.Text>\n              </FlexItem>\n              {homeAddress.effectiveDate ? (\n                <Components.Text variant=\"supporting\">\n                  {t('currentSince', {\n                    date: formatDateLongWithYear(homeAddress.effectiveDate.toString()),\n                  })}\n                </Components.Text>\n              ) : null}\n            </Flex>\n          ) : (\n            <Components.Text>{tHa('formTitle')}</Components.Text>\n          )}\n          {pendingFutureAddress ? (\n            <Components.Alert status=\"warning\" label={t('changePendingTitle')}>\n              <Components.Text variant=\"supporting\">\n                {t('changePendingDescription', {\n                  possessiveLabel: changePendingPossessiveLabel,\n                  newAddress: formatPendingHomeAddressLine(pendingFutureAddress),\n                  effectiveDate: pendingFutureAddress.effectiveDate\n                    ? formatDateLongWithYear(pendingFutureAddress.effectiveDate.toString())\n                    : '—',\n                  interpolation: { escapeValue: false },\n                })}\n              </Components.Text>\n            </Components.Alert>\n          ) : null}\n        </Flex>\n      </Components.Box>\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <Components.Heading as=\"h2\">{t('historySectionTitle')}</Components.Heading>\n        <DataView label={t('historySectionTitle')} {...historyDataView} />\n      </Flex>\n\n      <Components.Modal\n        isOpen={addressModal !== null}\n        onClose={closeAddressModal}\n        shouldCloseOnBackdropClick={false}\n        containerRef={addressModalContainerRef}\n        footer={\n          <Flex flexDirection=\"row\" gap={12} justifyContent=\"flex-end\">\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                closeAddressModal()\n              }}\n            >\n              {t('cancelCta')}\n            </Components.Button>\n            <Components.Button\n              variant=\"primary\"\n              onClick={() => {\n                void handleSave()\n              }}\n              isLoading={modalPending}\n            >\n              {t('submitCta')}\n            </Components.Button>\n          </Flex>\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          <Components.Heading as=\"h2\">\n            {addressModal === 'edit' ? t('editModalTitle') : t('createModalTitle')}\n          </Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {addressModal === 'edit' ? t('editModalDescription') : t('createModalDescription')}\n          </Components.Text>\n          {addressModal === 'edit' ? (\n            <SDKFormProvider formHookResult={editHomeAddressForm}>\n              <Grid\n                gridTemplateColumns={{\n                  base: '1fr',\n                  small: '1fr',\n                }}\n                gap={20}\n              >\n                <EditStreet1\n                  label={tHa('street1')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.street1'),\n                  }}\n                />\n                <EditStreet2\n                  label={tHa('street2')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.street1'),\n                  }}\n                />\n                <EditCity\n                  label={tHa('city')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.city'),\n                  }}\n                />\n                <EditState\n                  label={tHa('state')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.state'),\n                  }}\n                  portalContainer={addressModalPortal}\n                />\n                <EditZip label={tHa('zip')} validationMessages={zipValidation} />\n                <HomeAddressCourtesyWithholdingBlock\n                  CourtesyWithholding={EditCourtesyWithholding}\n                  formHook={editHomeAddressForm}\n                  tHa={tHa}\n                />\n              </Grid>\n            </SDKFormProvider>\n          ) : null}\n          {addressModal === 'create' ? (\n            <SDKFormProvider formHookResult={createHomeAddressForm}>\n              <Grid\n                gridTemplateColumns={{\n                  base: '1fr',\n                  small: '1fr',\n                }}\n                gap={20}\n              >\n                {CreateEffectiveDate ? (\n                  <CreateEffectiveDate\n                    label={t('columns.startDate')}\n                    description={t('startDateHelper')}\n                    validationMessages={startDateValidation}\n                    portalContainer={addressModalPortal}\n                  />\n                ) : null}\n                <CreateStreet1\n                  label={tHa('street1')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.street1'),\n                  }}\n                />\n                <CreateStreet2\n                  label={tHa('street2')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.street1'),\n                  }}\n                />\n                <CreateCity\n                  label={tHa('city')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.city'),\n                  }}\n                />\n                <CreateState\n                  label={tHa('state')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.state'),\n                  }}\n                  portalContainer={addressModalPortal}\n                />\n                <CreateZip label={tHa('zip')} validationMessages={zipValidation} />\n                <HomeAddressCourtesyWithholdingBlock\n                  CourtesyWithholding={CreateCourtesyWithholding}\n                  formHook={createHomeAddressForm}\n                  tHa={tHa}\n                />\n              </Grid>\n            </SDKFormProvider>\n          ) : null}\n        </Flex>\n      </Components.Modal>\n\n      <Components.Modal\n        isOpen={deleteConfirmUuid !== null}\n        onClose={() => {\n          setDeleteConfirmUuid(null)\n        }}\n        shouldCloseOnBackdropClick={false}\n        footer={\n          <Flex flexDirection=\"row\" gap={12} justifyContent=\"flex-end\">\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                setDeleteConfirmUuid(null)\n              }}\n            >\n              {t('cancelCta')}\n            </Components.Button>\n            <Components.Button\n              variant=\"error\"\n              onClick={() => {\n                void handleDeleteModalConfirm()\n              }}\n              isLoading={isDeletePending}\n            >\n              {t('deleteModalConfirmCta')}\n            </Components.Button>\n          </Flex>\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          <Components.Heading as=\"h2\">{t('deleteModalTitle')}</Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {addressForDeleteModal ? (\n              <Trans\n                t={t}\n                i18nKey=\"deleteModalDescription\"\n                values={{\n                  address: formatPendingHomeAddressLine(addressForDeleteModal),\n                }}\n                components={{\n                  strong: <Components.Text weight=\"medium\" as=\"span\" />,\n                }}\n                tOptions={{ interpolation: { escapeValue: false } }}\n              />\n            ) : null}\n          </Components.Text>\n        </Flex>\n      </Components.Modal>\n    </Flex>\n  )\n}\n"],"names":["HomeAddressCourtesyWithholdingBlock","CourtesyWithholding","formHook","tHa","Components","useComponentContext","control","courtesyWithholdingEnabled","useWatch","jsxs","Fragment","jsx","Trans","HomeAddressView","editHomeAddressForm","createHomeAddressForm","employeeHomeAddresses","employeeDisplayName","editingHomeAddressUuid","onEditAddressTargetChange","onSaved","onConfirmDelete","isDeletePending","useTranslation","addressModal","setAddressModal","useState","deleteConfirmUuid","setDeleteConfirmUuid","addressModalContainerRef","useRef","addressModalPortal","setAddressModalPortal","useLayoutEffect","syncPortal","id","homeAddress","editStatus","editOnSubmit","editForm","homeAddresses","createStatus","createOnSubmit","createForm","EditStreet1","EditStreet2","EditCity","EditState","EditZip","EditCourtesyWithholding","CreateStreet1","CreateStreet2","CreateCity","CreateState","CreateZip","CreateCourtesyWithholding","CreateEffectiveDate","zipValidation","HomeAddressErrorCodes","startDateValidation","pendingFutureAddress","useMemo","getPendingFutureHomeAddress","addressForDeleteModal","a","changePendingPossessiveLabel","trimmed","chronologicalAsc","b","aDate","bDate","sortedHistory","address","historyEndDate","row","idx","nextStart","nextDate","normalizeToDate","endDate","addDays","y","m","d","formatDateLongWithYear","historyDataView","useDataView","Flex","formatStreetForDisplay","getCityStateZip","HamburgerMenu","PencilSvg","TrashCanSvg","EmptyData","HouseIcon","closeAddressModal","handleDeleteModalConfirm","addressModalSession","handleSave","submitResult","hasFieldErrors","modalPending","FlexItem","formatPendingHomeAddressLine","DataView","SDKFormProvider","Grid"],"mappings":"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"}
+{"version":3,"file":"HomeAddressView.js","sources":["../../../../../src/components/Employee/HomeAddress/management/HomeAddressView.tsx"],"sourcesContent":["import { useLayoutEffect, useMemo, useRef, useState } from 'react'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { useWatch } from 'react-hook-form'\nimport type { EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport type { TFunction } from 'i18next'\nimport {\n  formatPendingHomeAddressLine,\n  getPendingFutureHomeAddress,\n} from './getPendingFutureHomeAddress'\nimport HouseIcon from '@/assets/icons/house.svg?react'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { HomeAddressErrorCodes } from '@/components/Employee/Profile/shared/useHomeAddressForm/homeAddressSchema'\nimport type { UseHomeAddressFormReady } from '@/components/Employee/Profile/shared/useHomeAddressForm'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport type { HookSubmitResult } from '@/partner-hook-utils/types'\nimport { DataView, EmptyData, HamburgerMenu, useDataView } from '@/components/Common'\nimport { Flex, FlexItem } from '@/components/Common/Flex/Flex'\nimport { Grid } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { addDays, formatDateLongWithYear, normalizeToDate } from '@/helpers/dateFormatting'\nimport { formatStreetForDisplay, getCityStateZip } from '@/helpers/formattedStrings'\n\nfunction HomeAddressCourtesyWithholdingBlock({\n  CourtesyWithholding,\n  formHook,\n  tHa,\n}: {\n  CourtesyWithholding: UseHomeAddressFormReady['form']['Fields']['CourtesyWithholding']\n  formHook: UseHomeAddressFormReady\n  tHa: TFunction<'Employee.HomeAddress'>\n}) {\n  const Components = useComponentContext()\n  const { control } = formHook.form.hookFormInternals.formMethods\n  const courtesyWithholdingEnabled = useWatch({ control, name: 'courtesyWithholding' })\n\n  return (\n    <>\n      <CourtesyWithholding\n        label={tHa('courtesyWithholdingLabel')}\n        description={\n          <>\n            {tHa('courtesyWithholdingDescription')}\n            <Trans\n              t={tHa}\n              i18nKey=\"learnMoreCta\"\n              components={{\n                LearnMoreLink: <Components.Link />,\n              }}\n            />\n          </>\n        }\n      />\n      {courtesyWithholdingEnabled ? (\n        <Components.Alert label={tHa('withholdingTitle')} status=\"warning\">\n          <Trans t={tHa} i18nKey=\"withholdingNote\" />\n        </Components.Alert>\n      ) : null}\n    </>\n  )\n}\n\nexport interface HomeAddressViewProps {\n  editHomeAddressForm: UseHomeAddressFormReady\n  createHomeAddressForm: UseHomeAddressFormReady\n  /** Full list for history, pending future row, and delete confirmation (from management list query). */\n  employeeHomeAddresses: EmployeeAddress[] | undefined\n  employeeDisplayName: string\n  /** Resolved UUID passed to the edit form (`homeAddressUuid`); active row when not editing history. */\n  editingHomeAddressUuid: string | undefined\n  /** `undefined` = edit active/current address; otherwise set to a history row’s UUID. */\n  onEditAddressTargetChange: (homeAddressUuid: string | undefined) => void\n  onSaved: (result: HookSubmitResult<EmployeeAddress>) => void\n  onConfirmDelete: (homeAddressUuid: string) => Promise<boolean>\n  isDeletePending?: boolean\n}\n\nexport function HomeAddressView({\n  editHomeAddressForm,\n  createHomeAddressForm,\n  employeeHomeAddresses,\n  employeeDisplayName,\n  editingHomeAddressUuid,\n  onEditAddressTargetChange,\n  onSaved,\n  onConfirmDelete,\n  isDeletePending = false,\n}: HomeAddressViewProps) {\n  const { t } = useTranslation('Employee.HomeAddress.Management')\n  const { t: tHa } = useTranslation('Employee.HomeAddress')\n  const Components = useComponentContext()\n  const [addressModal, setAddressModal] = useState<'edit' | 'create' | null>(null)\n  const [deleteConfirmUuid, setDeleteConfirmUuid] = useState<string | null>(null)\n  const addressModalContainerRef = useRef<HTMLDivElement>(null)\n  const [addressModalPortal, setAddressModalPortal] = useState<HTMLElement | undefined>(undefined)\n\n  useLayoutEffect(() => {\n    if (!addressModal) {\n      setAddressModalPortal(undefined)\n      return\n    }\n    const syncPortal = () => {\n      setAddressModalPortal(addressModalContainerRef.current ?? undefined)\n    }\n    syncPortal()\n    if (addressModalContainerRef.current == null) {\n      const id = requestAnimationFrame(syncPortal)\n      return () => {\n        cancelAnimationFrame(id)\n      }\n    }\n  }, [addressModal])\n\n  const {\n    data: { homeAddress },\n    status: editStatus,\n    actions: { onSubmit: editOnSubmit },\n    form: editForm,\n  } = editHomeAddressForm\n\n  const homeAddresses = employeeHomeAddresses\n\n  const {\n    status: createStatus,\n    actions: { onSubmit: createOnSubmit },\n    form: createForm,\n  } = createHomeAddressForm\n\n  const {\n    Fields: {\n      Street1: EditStreet1,\n      Street2: EditStreet2,\n      City: EditCity,\n      State: EditState,\n      Zip: EditZip,\n      CourtesyWithholding: EditCourtesyWithholding,\n    },\n  } = editForm\n\n  const {\n    Fields: {\n      Street1: CreateStreet1,\n      Street2: CreateStreet2,\n      City: CreateCity,\n      State: CreateState,\n      Zip: CreateZip,\n      CourtesyWithholding: CreateCourtesyWithholding,\n      EffectiveDate: CreateEffectiveDate,\n    },\n  } = createForm\n\n  const zipValidation = {\n    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.zip'),\n    [HomeAddressErrorCodes.INVALID_ZIP]: tHa('validations.zip'),\n  }\n\n  const startDateValidation = {\n    [HomeAddressErrorCodes.REQUIRED]: t('form.startDateRequired'),\n  }\n\n  const pendingFutureAddress = useMemo(\n    () => getPendingFutureHomeAddress(homeAddresses),\n    [homeAddresses],\n  )\n\n  const addressForDeleteModal = useMemo(() => {\n    if (!deleteConfirmUuid || !homeAddresses) {\n      return undefined\n    }\n    return homeAddresses.find(a => a.uuid === deleteConfirmUuid)\n  }, [deleteConfirmUuid, homeAddresses])\n\n  const changePendingPossessiveLabel = useMemo(() => {\n    const trimmed = employeeDisplayName.trim()\n    return trimmed ? `${trimmed}'s` : t('changePendingPossessiveFallback')\n  }, [employeeDisplayName, t])\n\n  const chronologicalAsc = [...(homeAddresses ?? [])].sort((a, b) => {\n    const aDate = a.effectiveDate?.toString() ?? ''\n    const bDate = b.effectiveDate?.toString() ?? ''\n    if (!aDate && !bDate) return 0\n    if (!aDate) return 1\n    if (!bDate) return -1\n    return aDate.localeCompare(bDate)\n  })\n\n  const historyAddresses = chronologicalAsc.filter(address => address.active !== true)\n  const sortedHistory = [...historyAddresses].reverse()\n\n  const historyEndDate = (row: EmployeeAddress) => {\n    const idx = chronologicalAsc.findIndex(a => a.uuid === row.uuid)\n    if (idx === -1 || idx >= chronologicalAsc.length - 1) return '—'\n    const nextStart = chronologicalAsc[idx + 1]?.effectiveDate\n    if (!nextStart) return '—'\n    const nextDate = normalizeToDate(nextStart.toString())\n    if (!nextDate) return '—'\n    const endDate = addDays(nextDate, -1)\n    const y = endDate.getFullYear()\n    const m = String(endDate.getMonth() + 1).padStart(2, '0')\n    const d = String(endDate.getDate()).padStart(2, '0')\n    return formatDateLongWithYear(`${y}-${m}-${d}`)\n  }\n\n  const historyDataView = useDataView({\n    data: sortedHistory,\n    columns: [\n      {\n        title: t('columns.address'),\n        render: (row: EmployeeAddress) => (\n          <Flex flexDirection=\"column\" gap={0}>\n            <Components.Text weight=\"medium\">{formatStreetForDisplay(row)}</Components.Text>\n            <Components.Text variant=\"supporting\">{getCityStateZip(row)}</Components.Text>\n          </Flex>\n        ),\n      },\n      {\n        title: t('columns.startDate'),\n        render: (row: EmployeeAddress) =>\n          row.effectiveDate ? formatDateLongWithYear(row.effectiveDate.toString()) : '—',\n      },\n      {\n        title: t('columns.endDate'),\n        render: (row: EmployeeAddress) => historyEndDate(row),\n      },\n    ],\n    itemMenu: (row: EmployeeAddress) => (\n      <HamburgerMenu\n        triggerLabel={t('rowMenuAriaLabel')}\n        items={[\n          {\n            label: t('rowEdit'),\n            onClick: () => {\n              onEditAddressTargetChange(row.uuid)\n              setAddressModal('edit')\n            },\n            icon: <PencilSvg aria-hidden />,\n          },\n          {\n            label: t('rowDelete'),\n            onClick: () => {\n              if (row.active === true) {\n                return\n              }\n              setDeleteConfirmUuid(row.uuid)\n            },\n            icon: <TrashCanSvg aria-hidden />,\n          },\n        ]}\n      />\n    ),\n    emptyState: () => (\n      <div data-testid=\"home-address-history-empty\">\n        <EmptyData\n          icon={<HouseIcon aria-hidden />}\n          title={t('historyEmptyTitle')}\n          description={t('historyEmptyDescription')}\n        />\n      </div>\n    ),\n  })\n\n  const closeAddressModal = () => {\n    setAddressModal(null)\n    onEditAddressTargetChange(undefined)\n  }\n\n  const handleDeleteModalConfirm = async () => {\n    if (!deleteConfirmUuid) {\n      return\n    }\n    const deleted = await onConfirmDelete(deleteConfirmUuid)\n    if (deleted) {\n      setDeleteConfirmUuid(null)\n    }\n  }\n\n  const addressModalSession =\n    addressModal === 'edit'\n      ? {\n          onSubmit: editOnSubmit,\n          formMethods: editHomeAddressForm.form.hookFormInternals.formMethods,\n          isPending: editStatus.isPending,\n        }\n      : addressModal === 'create'\n        ? {\n            onSubmit: createOnSubmit,\n            formMethods: createHomeAddressForm.form.hookFormInternals.formMethods,\n            isPending: createStatus.isPending,\n          }\n        : null\n\n  const handleSave = async () => {\n    if (!addressModalSession) {\n      return\n    }\n\n    const submitResult = await addressModalSession.onSubmit()\n\n    if (submitResult) {\n      onSaved(submitResult)\n    }\n\n    const hasFieldErrors = Object.keys(addressModalSession.formMethods.formState.errors).length > 0\n    if (submitResult || !hasFieldErrors) {\n      closeAddressModal()\n    }\n  }\n\n  const modalPending = addressModalSession?.isPending ?? false\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={8} alignItems=\"flex-start\">\n        <Components.Heading as=\"h1\">{t('title')}</Components.Heading>\n        <Components.Text variant=\"supporting\">{t('description')}</Components.Text>\n      </Flex>\n\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('currentSectionTitle')}\n            action={\n              homeAddress ? (\n                <Components.Button\n                  variant=\"secondary\"\n                  onClick={() => {\n                    onEditAddressTargetChange(undefined)\n                    setAddressModal('edit')\n                  }}\n                  isLoading={editStatus.isPending}\n                >\n                  {t('editCta')}\n                </Components.Button>\n              ) : undefined\n            }\n          />\n        }\n        footer={\n          <Components.Button\n            variant=\"secondary\"\n            onClick={() => {\n              onEditAddressTargetChange(undefined)\n              setAddressModal('create')\n            }}\n            isLoading={createStatus.isPending}\n          >\n            {t('changeCta')}\n          </Components.Button>\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {homeAddress ? (\n            <Flex flexDirection=\"column\" gap={4}>\n              <FlexItem>\n                <Components.Text weight=\"medium\">\n                  {formatStreetForDisplay(homeAddress)}\n                </Components.Text>\n                <Components.Text weight=\"medium\">{getCityStateZip(homeAddress)}</Components.Text>\n              </FlexItem>\n              {homeAddress.effectiveDate ? (\n                <Components.Text variant=\"supporting\">\n                  {t('currentSince', {\n                    date: formatDateLongWithYear(homeAddress.effectiveDate.toString()),\n                  })}\n                </Components.Text>\n              ) : null}\n            </Flex>\n          ) : (\n            <Components.Text>{tHa('formTitle')}</Components.Text>\n          )}\n          {pendingFutureAddress ? (\n            <Components.Alert status=\"warning\" label={t('changePendingTitle')}>\n              <Components.Text variant=\"supporting\">\n                {t('changePendingDescription', {\n                  possessiveLabel: changePendingPossessiveLabel,\n                  newAddress: formatPendingHomeAddressLine(pendingFutureAddress),\n                  effectiveDate: pendingFutureAddress.effectiveDate\n                    ? formatDateLongWithYear(pendingFutureAddress.effectiveDate.toString())\n                    : '—',\n                  interpolation: { escapeValue: false },\n                })}\n              </Components.Text>\n            </Components.Alert>\n          ) : null}\n        </Flex>\n      </Components.Box>\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <Components.Heading as=\"h2\">{t('historySectionTitle')}</Components.Heading>\n        <DataView label={t('historySectionTitle')} {...historyDataView} />\n      </Flex>\n\n      <Components.Modal\n        isOpen={addressModal !== null}\n        onClose={closeAddressModal}\n        shouldCloseOnBackdropClick={false}\n        containerRef={addressModalContainerRef}\n        footer={\n          <Flex flexDirection=\"row\" gap={12} justifyContent=\"flex-end\">\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                closeAddressModal()\n              }}\n            >\n              {t('cancelCta')}\n            </Components.Button>\n            <Components.Button\n              variant=\"primary\"\n              onClick={() => {\n                void handleSave()\n              }}\n              isLoading={modalPending}\n            >\n              {t('submitCta')}\n            </Components.Button>\n          </Flex>\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          <Components.Heading as=\"h2\">\n            {addressModal === 'edit' ? t('editModalTitle') : t('createModalTitle')}\n          </Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {addressModal === 'edit' ? t('editModalDescription') : t('createModalDescription')}\n          </Components.Text>\n          {addressModal === 'edit' ? (\n            <SDKFormProvider formHookResult={editHomeAddressForm}>\n              <Grid\n                gridTemplateColumns={{\n                  base: '1fr',\n                  small: '1fr',\n                }}\n                gap={20}\n              >\n                <EditStreet1\n                  label={tHa('street1')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.street1'),\n                  }}\n                />\n                <EditStreet2\n                  label={tHa('street2')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.street1'),\n                  }}\n                />\n                <EditCity\n                  label={tHa('city')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.city'),\n                  }}\n                />\n                <EditState\n                  label={tHa('state')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.state'),\n                  }}\n                  portalContainer={addressModalPortal}\n                />\n                <EditZip label={tHa('zip')} validationMessages={zipValidation} />\n                <HomeAddressCourtesyWithholdingBlock\n                  CourtesyWithholding={EditCourtesyWithholding}\n                  formHook={editHomeAddressForm}\n                  tHa={tHa}\n                />\n              </Grid>\n            </SDKFormProvider>\n          ) : null}\n          {addressModal === 'create' ? (\n            <SDKFormProvider formHookResult={createHomeAddressForm}>\n              <Grid\n                gridTemplateColumns={{\n                  base: '1fr',\n                  small: '1fr',\n                }}\n                gap={20}\n              >\n                {CreateEffectiveDate ? (\n                  <CreateEffectiveDate\n                    label={t('columns.startDate')}\n                    description={t('startDateHelper')}\n                    validationMessages={startDateValidation}\n                    portalContainer={addressModalPortal}\n                  />\n                ) : null}\n                <CreateStreet1\n                  label={tHa('street1')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.street1'),\n                  }}\n                />\n                <CreateStreet2\n                  label={tHa('street2')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.street1'),\n                  }}\n                />\n                <CreateCity\n                  label={tHa('city')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.city'),\n                  }}\n                />\n                <CreateState\n                  label={tHa('state')}\n                  validationMessages={{\n                    [HomeAddressErrorCodes.REQUIRED]: tHa('validations.state'),\n                  }}\n                  portalContainer={addressModalPortal}\n                />\n                <CreateZip label={tHa('zip')} validationMessages={zipValidation} />\n                <HomeAddressCourtesyWithholdingBlock\n                  CourtesyWithholding={CreateCourtesyWithholding}\n                  formHook={createHomeAddressForm}\n                  tHa={tHa}\n                />\n              </Grid>\n            </SDKFormProvider>\n          ) : null}\n        </Flex>\n      </Components.Modal>\n\n      <Components.Modal\n        isOpen={deleteConfirmUuid !== null}\n        onClose={() => {\n          setDeleteConfirmUuid(null)\n        }}\n        shouldCloseOnBackdropClick={false}\n        footer={\n          <Flex flexDirection=\"row\" gap={12} justifyContent=\"flex-end\">\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                setDeleteConfirmUuid(null)\n              }}\n            >\n              {t('cancelCta')}\n            </Components.Button>\n            <Components.Button\n              variant=\"error\"\n              onClick={() => {\n                void handleDeleteModalConfirm()\n              }}\n              isLoading={isDeletePending}\n            >\n              {t('deleteModalConfirmCta')}\n            </Components.Button>\n          </Flex>\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          <Components.Heading as=\"h2\">{t('deleteModalTitle')}</Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {addressForDeleteModal ? (\n              <Trans\n                t={t}\n                i18nKey=\"deleteModalDescription\"\n                values={{\n                  address: formatPendingHomeAddressLine(addressForDeleteModal),\n                }}\n                components={{\n                  strong: <Components.Text weight=\"medium\" as=\"span\" />,\n                }}\n                tOptions={{ interpolation: { escapeValue: false } }}\n              />\n            ) : null}\n          </Components.Text>\n        </Flex>\n      </Components.Modal>\n    </Flex>\n  )\n}\n"],"names":["HomeAddressCourtesyWithholdingBlock","CourtesyWithholding","formHook","tHa","Components","useComponentContext","control","courtesyWithholdingEnabled","useWatch","jsxs","Fragment","jsx","Trans","HomeAddressView","editHomeAddressForm","createHomeAddressForm","employeeHomeAddresses","employeeDisplayName","editingHomeAddressUuid","onEditAddressTargetChange","onSaved","onConfirmDelete","isDeletePending","useTranslation","addressModal","setAddressModal","useState","deleteConfirmUuid","setDeleteConfirmUuid","addressModalContainerRef","useRef","addressModalPortal","setAddressModalPortal","useLayoutEffect","syncPortal","id","homeAddress","editStatus","editOnSubmit","editForm","homeAddresses","createStatus","createOnSubmit","createForm","EditStreet1","EditStreet2","EditCity","EditState","EditZip","EditCourtesyWithholding","CreateStreet1","CreateStreet2","CreateCity","CreateState","CreateZip","CreateCourtesyWithholding","CreateEffectiveDate","zipValidation","HomeAddressErrorCodes","startDateValidation","pendingFutureAddress","useMemo","getPendingFutureHomeAddress","addressForDeleteModal","a","changePendingPossessiveLabel","trimmed","chronologicalAsc","b","aDate","bDate","sortedHistory","address","historyEndDate","row","idx","nextStart","nextDate","normalizeToDate","endDate","addDays","y","m","d","formatDateLongWithYear","historyDataView","useDataView","Flex","formatStreetForDisplay","getCityStateZip","HamburgerMenu","PencilSvg","TrashCanSvg","EmptyData","HouseIcon","closeAddressModal","handleDeleteModalConfirm","addressModalSession","handleSave","submitResult","hasFieldErrors","modalPending","FlexItem","formatPendingHomeAddressLine","DataView","SDKFormProvider","Grid"],"mappings":"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"}

package/dist/components/Employee/Landing/Landing.js

@@ -8,16 +8,16 @@ import { BaseComponent as x } from "../../Base/Base.js";
 import { useBase as E } from "../../Base/useBase.js";
 import { Flex as r } from "../../Common/Flex/Flex.js";
 import "classnames";
-import { ActionsLayout as C } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as L } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as S, useComponentDictionary as D } from "../../../i18n/I18n.js";
-import { componentEvents as I } from "../../../shared/constants.js";
+import { componentEvents as C } from "../../../shared/constants.js";
+import { ActionsLayout as L } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as S } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as D, useComponentDictionary as I } from "../../../i18n/I18n.js";
 import N from "../../../assets/icons/icon-arrow-right.svg.js";
 function w(o) {
-  return S("Employee.Landing"), D("Employee.Landing", o.dictionary), /* @__PURE__ */ e(x, { ...o, children: /* @__PURE__ */ e(v, { ...o, children: o.children }) });
+  return D("Employee.Landing"), I("Employee.Landing", o.dictionary), /* @__PURE__ */ e(x, { ...o, children: /* @__PURE__ */ e(v, { ...o, children: o.children }) });
 }
 const v = ({ employeeId: o, companyId: p, className: l }) => {
-  const { onEvent: d } = E(), t = L(), {
+  const { onEvent: d } = E(), t = S(), {
     data: { employee: a }
   } = g({ employeeId: o }), f = c(() => s.sanitize(a.firstName), [a]), {
     data: { company: m }
@@ -25,12 +25,12 @@ const v = ({ employeeId: o, companyId: p, className: l }) => {
   return /* @__PURE__ */ e("section", { className: l, children: /* @__PURE__ */ e(
     t.Box,
     {
-      footer: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ i(
+      footer: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ i(
         t.Button,
         {
           variant: "secondary",
           onClick: () => {
-            d(I.EMPLOYEE_SELF_ONBOARDING_START);
+            d(C.EMPLOYEE_SELF_ONBOARDING_START);
           },
           children: [
             n("getStartedCta"),

package/dist/components/Employee/OnboardingFlow/OnboardingFlowComponents.d.ts

@@ -1,5 +1,5 @@
 import { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount';
-import { ProfileDefaultValues } from '../Profile';
+import { ProfileDefaultValues } from '../Profile/onboarding/Profile';
 import { CompensationDefaultValues } from '../Compensation';
 import { FlowContextInterface } from '../../Flow/useFlow';
 import { EmployeeOnboardingStatus } from '../../../shared/constants';

package/dist/components/Employee/OnboardingFlow/OnboardingFlowComponents.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
-import { FederalTaxes as p } from "../FederalTaxes/FederalTaxes.js";
-import { StateTaxes as s } from "../StateTaxes/StateTaxes.js";
+import { FederalTaxes as p } from "../FederalTaxes/onboarding/FederalTaxes.js";
+import { StateTaxes as s } from "../StateTaxes/onboarding/StateTaxes.js";
 import { EmployeeList as i } from "../EmployeeList/onboarding/EmployeeList.js";
 import { ensureRequired as r } from "../../../helpers/ensureRequired.js";
 import { useFlow as n } from "../../Flow/useFlow.js";

package/dist/components/Employee/OnboardingFlow/OnboardingFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingFlowComponents.js","sources":["../../../../src/components/Employee/OnboardingFlow/OnboardingFlowComponents.tsx"],"sourcesContent":["import type { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount'\nimport { FederalTaxes } from '../FederalTaxes/FederalTaxes'\nimport { StateTaxes } from '../StateTaxes/StateTaxes'\nimport type { ProfileDefaultValues } from '../Profile'\nimport type { CompensationDefaultValues } from '../Compensation'\nimport { EmployeeList } from '../EmployeeList/onboarding/EmployeeList'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { EmployeeOnboardingStatus } from '@/shared/constants'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport type OnboardingDefaultValues = RequireAtLeastOne<{\n  profile?: ProfileDefaultValues\n  compensation?: CompensationDefaultValues\n}>\n\nexport interface OnboardingContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId?: string\n  isAdmin?: boolean\n  onboardingStatus?: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n  startDate?: string\n  paymentMethod?: PaymentMethodBankAccount\n  defaultValues?: OnboardingDefaultValues\n  isSelfOnboardingEnabled?: boolean\n  withEmployeeI9?: boolean\n}\n\nexport function FederalTaxesContextual() {\n  const { employeeId, onEvent } = useFlow<OnboardingContextInterface>()\n  return <FederalTaxes onEvent={onEvent} employeeId={ensureRequired(employeeId)} />\n}\n\nexport function StateTaxesContextual() {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  return <StateTaxes onEvent={onEvent} employeeId={ensureRequired(employeeId)} isAdmin={isAdmin} />\n}\n\nexport const EmployeeListContextual = () => {\n  const { companyId, onEvent } = useFlow<OnboardingContextInterface>()\n  return <EmployeeList companyId={companyId} onEvent={onEvent} />\n}\n"],"names":["FederalTaxesContextual","employeeId","onEvent","useFlow","FederalTaxes","ensureRequired","StateTaxesContextual","isAdmin","StateTaxes","EmployeeListContextual","companyId","jsx","EmployeeList"],"mappings":";;;;;;AA4BO,SAASA,IAAyB;AACvC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQC,GAAA,EAAa,SAAAF,GAAkB,YAAYG,EAAeJ,CAAU,GAAG;AACjF;AAEO,SAASK,IAAuB;AACrC,QAAM,EAAE,YAAAL,GAAY,SAAAC,GAAS,SAAAK,EAAA,IAAYJ,EAAA;AACzC,2BAAQK,GAAA,EAAW,SAAAN,GAAkB,YAAYG,EAAeJ,CAAU,GAAG,SAAAM,GAAkB;AACjG;AAEO,MAAME,IAAyB,MAAM;AAC1C,QAAM,EAAE,WAAAC,GAAW,SAAAR,EAAA,IAAYC,EAAA;AAC/B,SAAO,gBAAAQ,EAACC,GAAA,EAAa,WAAAF,GAAsB,SAAAR,EAAA,CAAkB;AAC/D;"}
+{"version":3,"file":"OnboardingFlowComponents.js","sources":["../../../../src/components/Employee/OnboardingFlow/OnboardingFlowComponents.tsx"],"sourcesContent":["import type { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount'\nimport { FederalTaxes } from '../FederalTaxes/onboarding/FederalTaxes'\nimport { StateTaxes } from '../StateTaxes/onboarding/StateTaxes'\nimport type { ProfileDefaultValues } from '../Profile/onboarding/Profile'\nimport type { CompensationDefaultValues } from '../Compensation'\nimport { EmployeeList } from '../EmployeeList/onboarding/EmployeeList'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { EmployeeOnboardingStatus } from '@/shared/constants'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport type OnboardingDefaultValues = RequireAtLeastOne<{\n  profile?: ProfileDefaultValues\n  compensation?: CompensationDefaultValues\n}>\n\nexport interface OnboardingContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId?: string\n  isAdmin?: boolean\n  onboardingStatus?: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n  startDate?: string\n  paymentMethod?: PaymentMethodBankAccount\n  defaultValues?: OnboardingDefaultValues\n  isSelfOnboardingEnabled?: boolean\n  withEmployeeI9?: boolean\n}\n\nexport function FederalTaxesContextual() {\n  const { employeeId, onEvent } = useFlow<OnboardingContextInterface>()\n  return <FederalTaxes onEvent={onEvent} employeeId={ensureRequired(employeeId)} />\n}\n\nexport function StateTaxesContextual() {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  return <StateTaxes onEvent={onEvent} employeeId={ensureRequired(employeeId)} isAdmin={isAdmin} />\n}\n\nexport const EmployeeListContextual = () => {\n  const { companyId, onEvent } = useFlow<OnboardingContextInterface>()\n  return <EmployeeList companyId={companyId} onEvent={onEvent} />\n}\n"],"names":["FederalTaxesContextual","employeeId","onEvent","useFlow","FederalTaxes","ensureRequired","StateTaxesContextual","isAdmin","StateTaxes","EmployeeListContextual","companyId","jsx","EmployeeList"],"mappings":";;;;;;AA4BO,SAASA,IAAyB;AACvC,QAAM,EAAE,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQC,GAAA,EAAa,SAAAF,GAAkB,YAAYG,EAAeJ,CAAU,GAAG;AACjF;AAEO,SAASK,IAAuB;AACrC,QAAM,EAAE,YAAAL,GAAY,SAAAC,GAAS,SAAAK,EAAA,IAAYJ,EAAA;AACzC,2BAAQK,GAAA,EAAW,SAAAN,GAAkB,YAAYG,EAAeJ,CAAU,GAAG,SAAAM,GAAkB;AACjG;AAEO,MAAME,IAAyB,MAAM;AAC1C,QAAM,EAAE,WAAAC,GAAW,SAAAR,EAAA,IAAYC,EAAA;AAC/B,SAAO,gBAAAQ,EAACC,GAAA,EAAa,WAAAF,GAAsB,SAAAR,EAAA,CAAkB;AAC/D;"}

package/dist/components/Employee/OnboardingFlow/onboardingStateMachine.js

@@ -1,8 +1,8 @@
 import { state as E, transition as o, reduce as n, guard as i } from "robot3";
 import { EmployeeListContextual as l, StateTaxesContextual as _, FederalTaxesContextual as D } from "./OnboardingFlowComponents.js";
 import { componentEvents as t, EmployeeSelfOnboardingStatuses as c, EmployeeOnboardingStatus as d } from "../../../shared/constants.js";
+import { ProfileContextual as p } from "../Profile/onboarding/Profile.js";
 import { CompensationContextual as N } from "../Compensation/Compensation.js";
-import { ProfileContextual as p } from "../Profile/Profile.js";
 import { OnboardingSummaryContextual as O } from "../OnboardingSummary/OnboardingSummary.js";
 import { EmployeeDocumentsContextual as y } from "../EmployeeDocuments/EmployeeDocuments.js";
 import { DeductionsContextual as u } from "../Deductions/Deductions.js";

package/dist/components/Employee/OnboardingFlow/onboardingStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"onboardingStateMachine.js","sources":["../../../../src/components/Employee/OnboardingFlow/onboardingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  FederalTaxesContextual,\n  StateTaxesContextual,\n  type OnboardingContextInterface,\n  EmployeeListContextual,\n} from './OnboardingFlowComponents'\nimport {\n  componentEvents,\n  EmployeeSelfOnboardingStatuses,\n  EmployeeOnboardingStatus,\n} from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { CompensationContextual } from '@/components/Employee/Compensation'\nimport { DeductionsContextual } from '@/components/Employee/Deductions'\nimport { EmployeeDocumentsContextual } from '@/components/Employee/EmployeeDocuments'\nimport { PaymentMethodContextual } from '@/components/Employee/PaymentMethod'\nimport { ProfileContextual } from '@/components/Employee/Profile'\nimport { OnboardingSummaryContextual } from '@/components/Employee/OnboardingSummary'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_UPDATE]: {\n    employeeId: string\n    onboardingStatus: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n  }\n  [componentEvents.EMPLOYEE_PROFILE_DONE]: {\n    uuid: string\n    onboardingStatus: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n    startDate: string\n  }\n}\n\nconst createReducer = (props: Partial<OnboardingContextInterface>) => {\n  return (ctx: OnboardingContextInterface): OnboardingContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nconst cancelTransition = (target: string, component?: React.ComponentType) =>\n  transition(\n    componentEvents.CANCEL,\n    target,\n    reduce(createReducer({ component: component ?? EmployeeListContextual })),\n  )\n\nconst employeeDocumentsConfigCompletedStatuses: Set<\n  (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n> = new Set([\n  EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE,\n  EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n  EmployeeOnboardingStatus.ONBOARDING_COMPLETED,\n])\n\nconst employeeDocumentsGuard = (ctx: OnboardingContextInterface) => {\n  if (!ctx.withEmployeeI9) return false\n  if (ctx.onboardingStatus && employeeDocumentsConfigCompletedStatuses.has(ctx.onboardingStatus))\n    return false\n  return true\n}\n\nconst selfOnboardingGuard = (ctx: OnboardingContextInterface) =>\n  ctx.onboardingStatus\n    ? !(\n        // prettier-ignore\n        // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n        (EmployeeSelfOnboardingStatuses.has(ctx.onboardingStatus) ||\n        ctx.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE)\n      )\n    : true\n\nexport const employeeOnboardingMachine = {\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_CREATE,\n      'employeeProfile',\n      reduce(createReducer({ component: ProfileContextual, employeeId: undefined })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_UPDATE,\n      'employeeProfile',\n\n      reduce(\n        (\n          ctx: OnboardingContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_UPDATE>,\n        ): OnboardingContextInterface => {\n          return {\n            ...ctx,\n            component: ProfileContextual,\n            employeeId: ev.payload.employeeId,\n            onboardingStatus: ev.payload.onboardingStatus,\n          }\n        },\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_ONBOARDING_DONE, 'final'),\n  ),\n  employeeProfile: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PROFILE_DONE,\n      'compensation',\n      reduce(\n        (\n          ctx: OnboardingContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_PROFILE_DONE>,\n        ): OnboardingContextInterface => ({\n          ...ctx,\n          component: CompensationContextual,\n          employeeId: ev.payload.uuid,\n          onboardingStatus: ev.payload.onboardingStatus,\n          startDate: ev.payload.startDate,\n        }),\n      ),\n    ),\n    cancelTransition('index'),\n  ),\n  compensation: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_DONE,\n      'federalTaxes',\n      reduce(createReducer({ component: FederalTaxesContextual })),\n      guard(selfOnboardingGuard),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_DONE,\n      'deductions',\n      reduce(createReducer({ component: DeductionsContextual })),\n    ),\n    cancelTransition('index'),\n  ),\n  federalTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE,\n      'stateTaxes',\n      reduce(createReducer({ component: StateTaxesContextual })),\n      guard(selfOnboardingGuard),\n    ),\n    cancelTransition('index'),\n  ),\n  stateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_STATE_TAXES_DONE,\n      'paymentMethod',\n      reduce(createReducer({ component: PaymentMethodContextual })),\n      guard(selfOnboardingGuard),\n    ),\n    cancelTransition('index'),\n  ),\n  paymentMethod: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE,\n      'deductions',\n      reduce(createReducer({ component: DeductionsContextual })),\n    ),\n    cancelTransition('index'),\n  ),\n  deductions: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_DONE,\n      'employeeDocuments',\n      reduce(createReducer({ component: EmployeeDocumentsContextual })),\n      guard(employeeDocumentsGuard),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_DONE,\n      'summary',\n      reduce(createReducer({ component: OnboardingSummaryContextual })),\n    ),\n    cancelTransition('index'),\n  ),\n  employeeDocuments: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DOCUMENTS_DONE,\n      'summary',\n      reduce(createReducer({ component: OnboardingSummaryContextual })),\n    ),\n    cancelTransition('index'),\n  ),\n  summary: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEES_LIST,\n      'index',\n      reduce(createReducer({ component: EmployeeListContextual, employeeId: undefined })),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["createReducer","props","ctx","cancelTransition","target","component","transition","componentEvents","reduce","EmployeeListContextual","employeeDocumentsConfigCompletedStatuses","EmployeeOnboardingStatus","employeeDocumentsGuard","selfOnboardingGuard","EmployeeSelfOnboardingStatuses","employeeOnboardingMachine","state","ProfileContextual","ev","CompensationContextual","FederalTaxesContextual","guard","DeductionsContextual","StateTaxesContextual","PaymentMethodContextual","EmployeeDocumentsContextual","OnboardingSummaryContextual"],"mappings":"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"}
+{"version":3,"file":"onboardingStateMachine.js","sources":["../../../../src/components/Employee/OnboardingFlow/onboardingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  FederalTaxesContextual,\n  StateTaxesContextual,\n  type OnboardingContextInterface,\n  EmployeeListContextual,\n} from './OnboardingFlowComponents'\nimport {\n  componentEvents,\n  EmployeeSelfOnboardingStatuses,\n  EmployeeOnboardingStatus,\n} from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { CompensationContextual } from '@/components/Employee/Compensation'\nimport { DeductionsContextual } from '@/components/Employee/Deductions'\nimport { EmployeeDocumentsContextual } from '@/components/Employee/EmployeeDocuments'\nimport { PaymentMethodContextual } from '@/components/Employee/PaymentMethod'\nimport { ProfileContextual } from '@/components/Employee/Profile/onboarding/Profile'\nimport { OnboardingSummaryContextual } from '@/components/Employee/OnboardingSummary'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_UPDATE]: {\n    employeeId: string\n    onboardingStatus: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n  }\n  [componentEvents.EMPLOYEE_PROFILE_DONE]: {\n    uuid: string\n    onboardingStatus: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n    startDate: string\n  }\n}\n\nconst createReducer = (props: Partial<OnboardingContextInterface>) => {\n  return (ctx: OnboardingContextInterface): OnboardingContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nconst cancelTransition = (target: string, component?: React.ComponentType) =>\n  transition(\n    componentEvents.CANCEL,\n    target,\n    reduce(createReducer({ component: component ?? EmployeeListContextual })),\n  )\n\nconst employeeDocumentsConfigCompletedStatuses: Set<\n  (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n> = new Set([\n  EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE,\n  EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n  EmployeeOnboardingStatus.ONBOARDING_COMPLETED,\n])\n\nconst employeeDocumentsGuard = (ctx: OnboardingContextInterface) => {\n  if (!ctx.withEmployeeI9) return false\n  if (ctx.onboardingStatus && employeeDocumentsConfigCompletedStatuses.has(ctx.onboardingStatus))\n    return false\n  return true\n}\n\nconst selfOnboardingGuard = (ctx: OnboardingContextInterface) =>\n  ctx.onboardingStatus\n    ? !(\n        // prettier-ignore\n        // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n        (EmployeeSelfOnboardingStatuses.has(ctx.onboardingStatus) ||\n        ctx.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE)\n      )\n    : true\n\nexport const employeeOnboardingMachine = {\n  index: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_CREATE,\n      'employeeProfile',\n      reduce(createReducer({ component: ProfileContextual, employeeId: undefined })),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_UPDATE,\n      'employeeProfile',\n\n      reduce(\n        (\n          ctx: OnboardingContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_UPDATE>,\n        ): OnboardingContextInterface => {\n          return {\n            ...ctx,\n            component: ProfileContextual,\n            employeeId: ev.payload.employeeId,\n            onboardingStatus: ev.payload.onboardingStatus,\n          }\n        },\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_ONBOARDING_DONE, 'final'),\n  ),\n  employeeProfile: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PROFILE_DONE,\n      'compensation',\n      reduce(\n        (\n          ctx: OnboardingContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_PROFILE_DONE>,\n        ): OnboardingContextInterface => ({\n          ...ctx,\n          component: CompensationContextual,\n          employeeId: ev.payload.uuid,\n          onboardingStatus: ev.payload.onboardingStatus,\n          startDate: ev.payload.startDate,\n        }),\n      ),\n    ),\n    cancelTransition('index'),\n  ),\n  compensation: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_DONE,\n      'federalTaxes',\n      reduce(createReducer({ component: FederalTaxesContextual })),\n      guard(selfOnboardingGuard),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_COMPENSATION_DONE,\n      'deductions',\n      reduce(createReducer({ component: DeductionsContextual })),\n    ),\n    cancelTransition('index'),\n  ),\n  federalTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE,\n      'stateTaxes',\n      reduce(createReducer({ component: StateTaxesContextual })),\n      guard(selfOnboardingGuard),\n    ),\n    cancelTransition('index'),\n  ),\n  stateTaxes: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_STATE_TAXES_DONE,\n      'paymentMethod',\n      reduce(createReducer({ component: PaymentMethodContextual })),\n      guard(selfOnboardingGuard),\n    ),\n    cancelTransition('index'),\n  ),\n  paymentMethod: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE,\n      'deductions',\n      reduce(createReducer({ component: DeductionsContextual })),\n    ),\n    cancelTransition('index'),\n  ),\n  deductions: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_DONE,\n      'employeeDocuments',\n      reduce(createReducer({ component: EmployeeDocumentsContextual })),\n      guard(employeeDocumentsGuard),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DEDUCTION_DONE,\n      'summary',\n      reduce(createReducer({ component: OnboardingSummaryContextual })),\n    ),\n    cancelTransition('index'),\n  ),\n  employeeDocuments: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_DOCUMENTS_DONE,\n      'summary',\n      reduce(createReducer({ component: OnboardingSummaryContextual })),\n    ),\n    cancelTransition('index'),\n  ),\n  summary: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEES_LIST,\n      'index',\n      reduce(createReducer({ component: EmployeeListContextual, employeeId: undefined })),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["createReducer","props","ctx","cancelTransition","target","component","transition","componentEvents","reduce","EmployeeListContextual","employeeDocumentsConfigCompletedStatuses","EmployeeOnboardingStatus","employeeDocumentsGuard","selfOnboardingGuard","EmployeeSelfOnboardingStatuses","employeeOnboardingMachine","state","ProfileContextual","ev","CompensationContextual","FederalTaxesContextual","guard","DeductionsContextual","StateTaxesContextual","PaymentMethodContextual","EmployeeDocumentsContextual","OnboardingSummaryContextual"],"mappings":"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"}

package/dist/components/Employee/OnboardingSummary/OnboardingSummary.js

@@ -9,10 +9,10 @@ import r from "./OnboardingSummary.module.scss.js";
 import { BaseComponent as P } from "../../Base/Base.js";
 import { useBase as R } from "../../Base/useBase.js";
 import { Flex as d } from "../../Common/Flex/Flex.js";
-import { ActionsLayout as E } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { componentEvents as E, EmployeeOnboardingStatus as N } from "../../../shared/constants.js";
+import { ActionsLayout as O } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as T } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as _, useComponentDictionary as w } from "../../../i18n/I18n.js";
-import { componentEvents as N, EmployeeOnboardingStatus as O } from "../../../shared/constants.js";
 import F from "../../../assets/icons/success_check.svg.js";
 import G from "../../../assets/icons/unchecked_circular.svg.js";
 import { useFlow as M } from "../../Flow/useFlow.js";
@@ -22,7 +22,7 @@ function j(n) {
 const k = ({ employeeId: n, className: c, isAdmin: m = !1 }) => {
   const { onEvent: a } = R(), { t } = b("Employee.OnboardingSummary"), o = T(), {
     data: { employee: x }
-  } = B({ employeeId: n }), { firstName: u, lastName: p } = x, { data: C } = L({ employeeId: n }), { onboardingStatus: h, onboardingSteps: l } = C.employeeOnboardingStatus, I = l?.length && l.findIndex((i) => i.required && !i.completed) > -1, f = h === O.ONBOARDING_COMPLETED || !I && h === O.SELF_ONBOARDING_PENDING_INVITE, D = S(() => y.sanitize(u), [u]), v = S(() => y.sanitize(p), [p]);
+  } = B({ employeeId: n }), { firstName: u, lastName: p } = x, { data: C } = L({ employeeId: n }), { onboardingStatus: h, onboardingSteps: l } = C.employeeOnboardingStatus, I = l?.length && l.findIndex((i) => i.required && !i.completed) > -1, f = h === N.ONBOARDING_COMPLETED || !I && h === N.SELF_ONBOARDING_PENDING_INVITE, D = S(() => y.sanitize(u), [u]), v = S(() => y.sanitize(p), [p]);
   return /* @__PURE__ */ e("section", { className: c, children: /* @__PURE__ */ s(d, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ e(d, { alignItems: "center", flexDirection: "column", gap: 8, children: m ? f ? /* @__PURE__ */ s(g, { children: [
       /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: t("onboardedAdminSubtitle", {
@@ -47,23 +47,23 @@ const k = ({ employeeId: n, className: c, isAdmin: m = !1 }) => {
     ] }) : /* @__PURE__ */ s(g, { children: [
       /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: t("onboardedSelfSubtitle") }),
       /* @__PURE__ */ e(o.Text, { className: r.description, children: t("onboardedSelfDescription") }),
-      /* @__PURE__ */ e(E, { justifyContent: f ? "center" : "start", children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(O, { justifyContent: f ? "center" : "start", children: /* @__PURE__ */ e(
         o.Button,
         {
           variant: "secondary",
           onClick: () => {
-            a(N.EMPLOYEE_ONBOARDING_DONE);
+            a(E.EMPLOYEE_ONBOARDING_DONE);
           },
           children: t("doneCta")
         }
       ) })
     ] }) }),
-    m && /* @__PURE__ */ e(E, { justifyContent: "center", children: /* @__PURE__ */ e(
+    m && /* @__PURE__ */ e(O, { justifyContent: "center", children: /* @__PURE__ */ e(
       o.Button,
       {
         variant: "secondary",
         onClick: () => {
-          a(N.EMPLOYEES_LIST);
+          a(E.EMPLOYEES_LIST);
         },
         children: t("doneCta")
       }

package/dist/components/Employee/PaymentMethod/Actions.js

@@ -2,18 +2,19 @@ import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { useTranslation as m } from "react-i18next";
 import { usePaymentMethod as l } from "./usePaymentMethod.js";
 import "classnames";
+import "../../../shared/constants.js";
 import { ActionsLayout as p } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-const f = () => {
-  const { handleAdd: a, handleCancel: i, isPending: r, bankAccounts: s, handleSplit: c, mode: t } = l(), { t: n } = m("Employee.PaymentMethod"), o = u();
+const P = () => {
+  const { handleAdd: i, handleCancel: a, isPending: r, bankAccounts: s, handleSplit: c, mode: t } = l(), { t: n } = m("Employee.PaymentMethod"), o = u();
   return /* @__PURE__ */ d(p, { children: [
-    (t === "ADD" || t === "SPLIT") && /* @__PURE__ */ e(o.Button, { variant: "secondary", type: "button", onClick: i, children: n("cancelAddCta") }),
+    (t === "ADD" || t === "SPLIT") && /* @__PURE__ */ e(o.Button, { variant: "secondary", type: "button", onClick: a, children: n("cancelAddCta") }),
     t === "LIST" && s.length > 1 && /* @__PURE__ */ e(o.Button, { variant: "secondary", type: "button", onClick: c, children: n("splitCta") }),
-    t === "LIST" && /* @__PURE__ */ e(o.Button, { variant: "secondary", type: "button", onClick: a, children: n("addAnotherCta") }),
+    t === "LIST" && /* @__PURE__ */ e(o.Button, { variant: "secondary", type: "button", onClick: i, children: n("addAnotherCta") }),
     /* @__PURE__ */ e(o.Button, { type: "submit", isLoading: r, children: n(t === "ADD" || t === "SPLIT" ? "saveCta" : "submitCta") })
   ] });
 };
 export {
-  f as Actions
+  P as Actions
 };
 //# sourceMappingURL=Actions.js.map

package/dist/components/Employee/PaymentMethod/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/PaymentMethod/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePaymentMethod } from './usePaymentMethod'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { handleAdd, handleCancel, isPending, bankAccounts, handleSplit, mode } = usePaymentMethod()\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {(mode === 'ADD' || mode === 'SPLIT') && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={handleCancel}>\n          {t('cancelAddCta')}\n        </Components.Button>\n      )}\n      {mode === 'LIST' && bankAccounts.length > 1 && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={handleSplit}>\n          {t('splitCta')}\n        </Components.Button>\n      )}\n      {mode === 'LIST' && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={handleAdd}>\n          {t('addAnotherCta')}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t(mode === 'ADD' || mode === 'SPLIT' ? 'saveCta' : 'submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","handleAdd","handleCancel","isPending","bankAccounts","handleSplit","mode","usePaymentMethod","t","useTranslation","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,WAAAC,GAAW,cAAAC,GAAc,WAAAC,GAAW,cAAAC,GAAc,aAAAC,GAAa,MAAAC,EAAA,IAASC,EAAA,GAC1E,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAC/CC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACG,UAAA;AAAA,KAAAN,MAAS,SAASA,MAAS,YAC3B,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASR,GAC3D,UAAAM,EAAE,cAAc,GACnB;AAAA,IAEDF,MAAS,UAAUF,EAAa,SAAS,uBACvCM,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASL,GAC3D,UAAAG,EAAE,UAAU,GACf;AAAA,IAEDF,MAAS,UACR,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAAST,GAC3D,UAAAO,EAAE,eAAe,GACpB;AAAA,IAEF,gBAAAK,EAACH,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWP,GACzC,UAAAK,EAAEF,MAAS,SAASA,MAAS,UAAU,YAAY,WAAW,EAAA,CACjE;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/PaymentMethod/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { usePaymentMethod } from './usePaymentMethod'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { handleAdd, handleCancel, isPending, bankAccounts, handleSplit, mode } = usePaymentMethod()\n  const { t } = useTranslation('Employee.PaymentMethod')\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {(mode === 'ADD' || mode === 'SPLIT') && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={handleCancel}>\n          {t('cancelAddCta')}\n        </Components.Button>\n      )}\n      {mode === 'LIST' && bankAccounts.length > 1 && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={handleSplit}>\n          {t('splitCta')}\n        </Components.Button>\n      )}\n      {mode === 'LIST' && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={handleAdd}>\n          {t('addAnotherCta')}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t(mode === 'ADD' || mode === 'SPLIT' ? 'saveCta' : 'submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","handleAdd","handleCancel","isPending","bankAccounts","handleSplit","mode","usePaymentMethod","t","useTranslation","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,WAAAC,GAAW,cAAAC,GAAc,WAAAC,GAAW,cAAAC,GAAc,aAAAC,GAAa,MAAAC,EAAA,IAASC,EAAA,GAC1E,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAC/CC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACG,UAAA;AAAA,KAAAN,MAAS,SAASA,MAAS,YAC3B,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASR,GAC3D,UAAAM,EAAE,cAAc,GACnB;AAAA,IAEDF,MAAS,UAAUF,EAAa,SAAS,uBACvCM,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASL,GAC3D,UAAAG,EAAE,UAAU,GACf;AAAA,IAEDF,MAAS,UACR,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAAST,GAC3D,UAAAO,EAAE,eAAe,GACpB;AAAA,IAEF,gBAAAK,EAACH,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWP,GACzC,UAAAK,EAAEF,MAAS,SAASA,MAAS,UAAU,YAAY,WAAW,EAAA,CACjE;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Employee/PaymentMethod/BankAccountsList.js

@@ -3,14 +3,14 @@ import { useTranslation as d } from "react-i18next";
 import { usePaymentMethod as f } from "./usePaymentMethod.js";
 import y from "../../../assets/icons/trashcan.svg.js";
 import "classnames";
-import b from "../../../hooks/useNumberFormatter.js";
-import { SPLIT_BY as k } from "../../../shared/constants.js";
+import { SPLIT_BY as b } from "../../../shared/constants.js";
+import k from "../../../hooks/useNumberFormatter.js";
 import { centsToDollars as g } from "../../../helpers/currencyHelpers.js";
 import { HamburgerMenu as A } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useDataView as T } from "../../Common/DataView/useDataView.js";
 import { DataView as h } from "../../Common/DataView/DataView.js";
 function I() {
-  const { bankAccounts: i, paymentMethod: o, mode: m, handleDelete: u, deletePendingBankAccountUuid: a } = f(), { t } = d("Employee.PaymentMethod"), l = b(o.splitBy === "Amount" ? "currency" : "percent"), { ...s } = T({
+  const { bankAccounts: i, paymentMethod: o, mode: m, handleDelete: u, deletePendingBankAccountUuid: a } = f(), { t } = d("Employee.PaymentMethod"), l = k(o.splitBy === "Amount" ? "currency" : "percent"), { ...s } = T({
     data: i,
     columns: [
       { key: "name", title: t("nicknameColumn") },
@@ -20,7 +20,7 @@ function I() {
         key: "splitAmount",
         title: t("allocationColumn"),
         render: (e) => {
-          const r = o.splits?.find((p) => p.uuid === e.uuid)?.splitAmount ?? 0, c = o.splitBy === k.amount ? g(r) ?? 0 : r;
+          const r = o.splits?.find((p) => p.uuid === e.uuid)?.splitAmount ?? 0, c = o.splitBy === b.amount ? g(r) ?? 0 : r;
           return l(c);
         }
       }

package/dist/components/Employee/PaymentMethod/PaymentMethod.js

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as R } from "react/jsx-runtime";
+import { jsx as n, jsxs as H } from "react/jsx-runtime";
 import { zodResolver as V } from "@hookform/resolvers/zod";
 import { useEmployeePaymentMethodCreateMutation as j } from "@gusto/embedded-api/react-query/employeePaymentMethodCreate";
 import { useEmployeePaymentMethodDeleteBankAccountMutation as G } from "@gusto/embedded-api/react-query/employeePaymentMethodDeleteBankAccount";
@@ -7,7 +7,7 @@ import { useEmployeePaymentMethodGetSuspense as z } from "@gusto/embedded-api/re
 import { useEmployeePaymentMethodUpdateBankAccountMutation as Q } from "@gusto/embedded-api/react-query/employeePaymentMethodUpdateBankAccount";
 import { useEmployeePaymentMethodUpdateMutation as J } from "@gusto/embedded-api/react-query/employeePaymentMethodUpdate";
 import { useQueryClient as W } from "@tanstack/react-query";
-import { useState as X, useMemo as k, useEffect as N } from "react";
+import { useState as X, useMemo as b, useEffect as N } from "react";
 import { useForm as Z, FormProvider as $ } from "react-hook-form";
 import { useTranslation as tt } from "react-i18next";
 import { CombinedSchema as et, PaymentMethodProvider as ot } from "./usePaymentMethod.js";
@@ -33,9 +33,9 @@ const Pt = ({ employeeId: o, className: f, dictionary: P, isAdmin: E = !1 }) =>
     data: { employeePaymentMethod: I }
   } = z({ employeeId: o }), t = I, { data: _ } = K({
     employeeId: o
-  }), l = _.employeeBankAccountList, M = J(), d = G(), T = j(), w = Q(), [u, a] = X(l.length < 1 ? "INITIAL" : "LIST");
+  }), l = _.employeeBankAccounts, M = J(), d = G(), T = j(), w = Q(), [u, a] = X(l.length < 1 ? "INITIAL" : "LIST");
   u !== "INITIAL" && l.length < 1 && a("INITIAL");
-  const S = k(() => ({
+  const S = b(() => ({
     type: "Direct Deposit",
     isSplit: !1,
     hasBankPayload: !1,
@@ -46,7 +46,7 @@ const Pt = ({ employeeId: o, className: f, dictionary: P, isAdmin: E = !1 }) =>
     splitBy: void 0,
     splitAmount: {},
     priority: {}
-  }), []), c = k(() => {
+  }), []), c = b(() => {
     const i = t.splitBy === A.amount;
     return {
       ...S,
@@ -70,9 +70,9 @@ const Pt = ({ employeeId: o, className: f, dictionary: P, isAdmin: E = !1 }) =>
   }, [S, t.type, t.splitBy, t.splits]), r = Z({
     resolver: V(et),
     defaultValues: c
-  }), O = r.watch("type"), { reset: y } = r, { mutateAsync: v } = M;
+  }), O = r.watch("type"), { reset: y } = r, { mutateAsync: k } = M;
   N(() => {
-    (async () => t.splits?.length === 1 && t.type === "Direct Deposit" && await v({
+    (async () => t.splits?.length === 1 && t.type === "Direct Deposit" && await k({
       request: {
         employeeId: o,
         requestBody: {
@@ -87,7 +87,7 @@ const Pt = ({ employeeId: o, className: f, dictionary: P, isAdmin: E = !1 }) =>
         }
       }
     }))();
-  }, [o, t, C, v]), N(() => {
+  }, [o, t, C, k]), N(() => {
     y(c);
   }, [l.length, t, c, y]);
   const q = async (i) => {
@@ -97,7 +97,7 @@ const Pt = ({ employeeId: o, className: f, dictionary: P, isAdmin: E = !1 }) =>
         const m = await T.mutateAsync({
           request: {
             employeeId: o,
-            requestBody: {
+            employeeBankAccountRequest: {
               name: e.name,
               routingNumber: e.routingNumber,
               accountNumber: e.accountNumber,
@@ -112,10 +112,10 @@ const Pt = ({ employeeId: o, className: f, dictionary: P, isAdmin: E = !1 }) =>
           version: t.version,
           splitBy: e.isSplit ? e.splitBy : t.splitBy ?? A.percentage,
           splits: e.isSplit && t.splits ? t.splits.map((D) => {
-            const b = e.splitAmount[D.uuid] ?? null, H = e.splitBy === A.amount;
+            const v = e.splitAmount[D.uuid] ?? null, x = e.splitBy === A.amount;
             return {
               ...D,
-              splitAmount: H ? ht(b) : b,
+              splitAmount: x ? ht(v) : v,
               priority: e.priority[D.uuid]
             };
           }) : t.splits ?? []
@@ -135,7 +135,7 @@ const Pt = ({ employeeId: o, className: f, dictionary: P, isAdmin: E = !1 }) =>
     a("ADD"), y(c);
   }, Y = () => {
     a("LIST"), y(c);
-  }, x = () => {
+  }, R = () => {
     a("SPLIT");
   };
   return /* @__PURE__ */ n("section", { className: f, children: /* @__PURE__ */ n(
@@ -151,10 +151,10 @@ const Pt = ({ employeeId: o, className: f, dictionary: P, isAdmin: E = !1 }) =>
         handleCancel: Y,
         handleAdd: U,
         handleDelete: F,
-        handleSplit: x,
+        handleSplit: R,
         isAdmin: E
       },
-      children: /* @__PURE__ */ n($, { ...r, children: /* @__PURE__ */ R(it, { onSubmit: r.handleSubmit(q), children: [
+      children: /* @__PURE__ */ n($, { ...r, children: /* @__PURE__ */ H(it, { onSubmit: r.handleSubmit(q), children: [
         /* @__PURE__ */ n(at, {}),
         /* @__PURE__ */ n(ct, {}),
         /* @__PURE__ */ n(ut, {}),