@gusto/embedded-react-sdk 0.44.2 → 0.46.0

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={4} alignItems=\"flex-start\">\n        <Components.Heading as=\"h1\" styledAs=\"h2\">\n          {t('title')}\n        </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\" styledAs=\"h4\">\n          {t('historySectionTitle')}\n        </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={32}>\n          <Flex flexDirection=\"column\" gap={4}>\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          </Flex>\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/OnboardingFlow/OnboardingFlowComponents.d.ts

@@ -22,3 +22,4 @@ export interface OnboardingContextInterface extends FlowContextInterface {
 export declare function FederalTaxesContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function StateTaxesContextual(): import("react/jsx-runtime").JSX.Element;
 export declare const EmployeeListContextual: () => import("react/jsx-runtime").JSX.Element;
+export declare function DeductionsContextual(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,24 +1,30 @@
 import { jsx as t } from "react/jsx-runtime";
+import { Deductions as i } from "../Deductions/Deductions.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 { EmployeeList as u } from "../EmployeeList/onboarding/EmployeeList.js";
 import { ensureRequired as r } from "../../../helpers/ensureRequired.js";
 import { useFlow as n } from "../../Flow/useFlow.js";
-function c() {
+function I() {
   const { employeeId: e, onEvent: o } = n();
   return /* @__PURE__ */ t(p, { onEvent: o, employeeId: r(e) });
 }
-function y() {
+function E() {
   const { employeeId: e, onEvent: o, isAdmin: m } = n();
   return /* @__PURE__ */ t(s, { onEvent: o, employeeId: r(e), isAdmin: m });
 }
-const E = () => {
+const v = () => {
   const { companyId: e, onEvent: o } = n();
-  return /* @__PURE__ */ t(i, { companyId: e, onEvent: o });
+  return /* @__PURE__ */ t(u, { companyId: e, onEvent: o });
 };
+function C() {
+  const { employeeId: e, onEvent: o } = n();
+  return /* @__PURE__ */ t(i, { onEvent: o, employeeId: r(e) });
+}
 export {
-  E as EmployeeListContextual,
-  c as FederalTaxesContextual,
-  y as StateTaxesContextual
+  C as DeductionsContextual,
+  v as EmployeeListContextual,
+  I as FederalTaxesContextual,
+  E as StateTaxesContextual
 };
 //# sourceMappingURL=OnboardingFlowComponents.js.map

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/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;"}
+{"version":3,"file":"OnboardingFlowComponents.js","sources":["../../../../src/components/Employee/OnboardingFlow/OnboardingFlowComponents.tsx"],"sourcesContent":["import type { PaymentMethodBankAccount } from '@gusto/embedded-api/models/components/paymentmethodbankaccount'\nimport { Deductions } from '../Deductions/Deductions'\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\nexport function DeductionsContextual() {\n  const { employeeId, onEvent } = useFlow<OnboardingContextInterface>()\n  return <Deductions onEvent={onEvent} employeeId={ensureRequired(employeeId)} />\n}\n"],"names":["FederalTaxesContextual","employeeId","onEvent","useFlow","FederalTaxes","ensureRequired","StateTaxesContextual","isAdmin","StateTaxes","EmployeeListContextual","companyId","jsx","EmployeeList","DeductionsContextual","Deductions"],"mappings":";;;;;;;AA6BO,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;AAEO,SAASW,IAAuB;AACrC,QAAM,EAAE,YAAAZ,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAChC,2BAAQW,GAAA,EAAW,SAAAZ,GAAkB,YAAYG,EAAeJ,CAAU,GAAG;AAC/E;"}

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

@@ -1,51 +1,50 @@
-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 { OnboardingSummaryContextual as O } from "../OnboardingSummary/OnboardingSummary.js";
-import { EmployeeDocumentsContextual as y } from "../EmployeeDocuments/EmployeeDocuments.js";
-import { DeductionsContextual as u } from "../Deductions/Deductions.js";
-import { PaymentMethodContextual as P } from "../PaymentMethod/PaymentMethod.js";
+import { state as E, transition as o, reduce as t, guard as i } from "robot3";
+import { EmployeeListContextual as l, DeductionsContextual as p, StateTaxesContextual as _, FederalTaxesContextual as D } from "./OnboardingFlowComponents.js";
+import { componentEvents as n, EmployeeSelfOnboardingStatuses as c, EmployeeOnboardingStatus as d } from "../../../shared/constants.js";
+import { ProfileContextual as O } from "../Profile/onboarding/Profile.js";
+import { CompensationContextual as N } from "../Compensation/onboarding/Compensation.js";
+import { OnboardingSummaryContextual as u } from "../OnboardingSummary/OnboardingSummary.js";
+import { EmployeeDocumentsContextual as y } from "../Documents/onboarding/EmployeeDocuments/EmployeeDocuments.js";
+import { PaymentMethodContextual as P } from "../PaymentMethod/onboarding/PaymentMethod.js";
 const a = (e) => (m) => ({
   ...m,
   ...e
 }), r = (e, m) => o(
-  t.CANCEL,
+  n.CANCEL,
   e,
-  n(a({ component: l }))
+  t(a({ component: l }))
 ), S = /* @__PURE__ */ new Set([
   d.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE,
   d.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,
   d.ONBOARDING_COMPLETED
 ]), M = (e) => !(!e.withEmployeeI9 || e.onboardingStatus && S.has(e.onboardingStatus)), s = (e) => e.onboardingStatus ? !// prettier-ignore
 // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses
-(c.has(e.onboardingStatus) || e.onboardingStatus === d.SELF_ONBOARDING_PENDING_INVITE) : !0, b = {
+(c.has(e.onboardingStatus) || e.onboardingStatus === d.SELF_ONBOARDING_PENDING_INVITE) : !0, Y = {
   index: E(
     o(
-      t.EMPLOYEE_CREATE,
+      n.EMPLOYEE_CREATE,
       "employeeProfile",
-      n(a({ component: p, employeeId: void 0 }))
+      t(a({ component: O, employeeId: void 0 }))
     ),
     o(
-      t.EMPLOYEE_UPDATE,
+      n.EMPLOYEE_UPDATE,
       "employeeProfile",
-      n(
+      t(
         (e, m) => ({
           ...e,
-          component: p,
+          component: O,
           employeeId: m.payload.employeeId,
           onboardingStatus: m.payload.onboardingStatus
         })
       )
     ),
-    o(t.EMPLOYEE_ONBOARDING_DONE, "final")
+    o(n.EMPLOYEE_ONBOARDING_DONE, "final")
   ),
   employeeProfile: E(
     o(
-      t.EMPLOYEE_PROFILE_DONE,
+      n.EMPLOYEE_PROFILE_DONE,
       "compensation",
-      n(
+      t(
         (e, m) => ({
           ...e,
           component: N,
@@ -59,76 +58,76 @@ const a = (e) => (m) => ({
   ),
   compensation: E(
     o(
-      t.EMPLOYEE_COMPENSATION_DONE,
+      n.EMPLOYEE_COMPENSATION_DONE,
       "federalTaxes",
-      n(a({ component: D })),
+      t(a({ component: D })),
       i(s)
     ),
     o(
-      t.EMPLOYEE_COMPENSATION_DONE,
+      n.EMPLOYEE_COMPENSATION_DONE,
       "deductions",
-      n(a({ component: u }))
+      t(a({ component: p }))
     ),
     r("index")
   ),
   federalTaxes: E(
     o(
-      t.EMPLOYEE_FEDERAL_TAXES_DONE,
+      n.EMPLOYEE_FEDERAL_TAXES_DONE,
       "stateTaxes",
-      n(a({ component: _ })),
+      t(a({ component: _ })),
       i(s)
     ),
     r("index")
   ),
   stateTaxes: E(
     o(
-      t.EMPLOYEE_STATE_TAXES_DONE,
+      n.EMPLOYEE_STATE_TAXES_DONE,
       "paymentMethod",
-      n(a({ component: P })),
+      t(a({ component: P })),
       i(s)
     ),
     r("index")
   ),
   paymentMethod: E(
     o(
-      t.EMPLOYEE_PAYMENT_METHOD_DONE,
+      n.EMPLOYEE_PAYMENT_METHOD_DONE,
       "deductions",
-      n(a({ component: u }))
+      t(a({ component: p }))
     ),
     r("index")
   ),
   deductions: E(
     o(
-      t.EMPLOYEE_DEDUCTION_DONE,
+      n.EMPLOYEE_DEDUCTION_DONE,
       "employeeDocuments",
-      n(a({ component: y })),
+      t(a({ component: y })),
       i(M)
     ),
     o(
-      t.EMPLOYEE_DEDUCTION_DONE,
+      n.EMPLOYEE_DEDUCTION_DONE,
       "summary",
-      n(a({ component: O }))
+      t(a({ component: u }))
     ),
     r("index")
   ),
   employeeDocuments: E(
     o(
-      t.EMPLOYEE_DOCUMENTS_DONE,
+      n.EMPLOYEE_DOCUMENTS_DONE,
       "summary",
-      n(a({ component: O }))
+      t(a({ component: u }))
     ),
     r("index")
   ),
   summary: E(
     o(
-      t.EMPLOYEES_LIST,
+      n.EMPLOYEES_LIST,
       "index",
-      n(a({ component: l, employeeId: void 0 }))
+      t(a({ component: l, employeeId: void 0 }))
     )
   ),
   final: E()
 };
 export {
-  b as employeeOnboardingMachine
+  Y as employeeOnboardingMachine
 };
 //# sourceMappingURL=onboardingStateMachine.js.map

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/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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"}
+{"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/OnboardingFlow/OnboardingFlowComponents'\nimport { EmployeeDocumentsContextual } from '@/components/Employee/Documents/onboarding/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

@@ -1,16 +1,16 @@
-import { jsx as e, jsxs as s, Fragment as g } from "react/jsx-runtime";
-import { useTranslation as b } from "react-i18next";
+import { jsx as e, jsxs as s, Fragment as v } from "react/jsx-runtime";
+import { useTranslation as O } from "react-i18next";
 import A from "classnames";
 import { useEmployeesGetSuspense as B } from "@gusto/embedded-api/react-query/employeesGet";
 import { useEmployeesGetOnboardingStatusSuspense as L } from "@gusto/embedded-api/react-query/employeesGetOnboardingStatus";
-import y from "dompurify";
-import { useMemo as S } from "react";
+import f from "dompurify";
+import { useMemo as y } from "react";
 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 { componentEvents as E, EmployeeOnboardingStatus as N } from "../../../shared/constants.js";
-import { ActionsLayout as O } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { Flex as m } from "../../Common/Flex/Flex.js";
+import { componentEvents as S, EmployeeOnboardingStatus as E } from "../../../shared/constants.js";
+import { ActionsLayout as N } 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 F from "../../../assets/icons/success_check.svg.js";
@@ -19,21 +19,21 @@ import { useFlow as M } from "../../Flow/useFlow.js";
 function j(n) {
   return _("Employee.OnboardingSummary"), w("Employee.OnboardingSummary", n.dictionary), /* @__PURE__ */ e(P, { ...n, children: /* @__PURE__ */ e(k, { ...n, children: n.children }) });
 }
-const k = ({ employeeId: n, className: c, isAdmin: m = !1 }) => {
-  const { onEvent: a } = R(), { t } = b("Employee.OnboardingSummary"), o = T(), {
+const k = ({ employeeId: n, className: l, isAdmin: a = !1 }) => {
+  const { onEvent: c } = R(), { t } = O("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 === 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: [
+  } = B({ employeeId: n }), { firstName: p, lastName: u } = x, { data: I } = L({ employeeId: n }), { onboardingStatus: g, onboardingSteps: d } = I.employeeOnboardingStatus, b = d?.length && d.findIndex((i) => i.required && !i.completed) > -1, h = g === E.ONBOARDING_COMPLETED || !b && g === E.SELF_ONBOARDING_PENDING_INVITE, C = y(() => f.sanitize(p), [p]), D = y(() => f.sanitize(u), [u]);
+  return /* @__PURE__ */ e("section", { className: l, children: /* @__PURE__ */ s(m, { flexDirection: "column", gap: 20, children: [
+    /* @__PURE__ */ e(m, { alignItems: "center", flexDirection: "column", gap: 8, children: a ? h ? /* @__PURE__ */ s(m, { flexDirection: "column", gap: 4, alignItems: "center", children: [
       /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: t("onboardedAdminSubtitle", {
-        name: `${D} ${v}`,
+        name: `${C} ${D}`,
         interpolation: { escapeValue: !1 }
       }) }),
-      /* @__PURE__ */ e(o.Text, { className: r.description, children: t("onboardedAdminDescription") })
-    ] }) : /* @__PURE__ */ s(d, { flexDirection: "column", alignItems: "flex-start", gap: 8, children: [
+      /* @__PURE__ */ e(o.Text, { variant: "supporting", className: r.description, children: t("onboardedAdminDescription") })
+    ] }) : /* @__PURE__ */ s(m, { flexDirection: "column", alignItems: "flex-start", gap: 8, children: [
       /* @__PURE__ */ e(o.Heading, { as: "h2", children: t("missingRequirementsSubtitle") }),
       /* @__PURE__ */ e(o.Text, { children: t("missingRequirementsDescription") }),
-      /* @__PURE__ */ e("ul", { className: r.list, children: l?.sort((i, q) => i.completed ? -1 : 1).map((i) => /* @__PURE__ */ s("li", { className: r.listItem, children: [
+      /* @__PURE__ */ e("ul", { className: r.list, children: d?.sort((i, q) => i.completed ? -1 : 1).map((i) => /* @__PURE__ */ s("li", { className: r.listItem, children: [
         i.completed ? /* @__PURE__ */ e(F, { width: 24, height: 24, className: r.listItemIcon }) : /* @__PURE__ */ e(
           G,
           {
@@ -44,42 +44,44 @@ const k = ({ employeeId: n, className: c, isAdmin: m = !1 }) => {
         ),
         /* @__PURE__ */ e(o.Heading, { as: "h4", children: t(`steps.${i.id}`, i.title) })
       ] }, i.id)) })
-    ] }) : /* @__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(O, { justifyContent: f ? "center" : "start", children: /* @__PURE__ */ e(
+    ] }) : /* @__PURE__ */ e(v, { children: /* @__PURE__ */ s(m, { flexDirection: "column", gap: 20, alignItems: "center", children: [
+      /* @__PURE__ */ s(m, { flexDirection: "column", gap: 4, alignItems: "center", children: [
+        /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: t("onboardedSelfSubtitle") }),
+        /* @__PURE__ */ e(o.Text, { variant: "supporting", className: r.description, children: t("onboardedSelfDescription") })
+      ] }),
+      /* @__PURE__ */ e(N, { justifyContent: h ? "center" : "start", children: /* @__PURE__ */ e(
         o.Button,
         {
           variant: "secondary",
           onClick: () => {
-            a(E.EMPLOYEE_ONBOARDING_DONE);
+            c(S.EMPLOYEE_ONBOARDING_DONE);
           },
           children: t("doneCta")
         }
       ) })
-    ] }) }),
-    m && /* @__PURE__ */ e(O, { justifyContent: "center", children: /* @__PURE__ */ e(
+    ] }) }) }),
+    a && /* @__PURE__ */ e(N, { justifyContent: "center", children: /* @__PURE__ */ e(
       o.Button,
       {
         variant: "secondary",
         onClick: () => {
-          a(E.EMPLOYEES_LIST);
+          c(S.EMPLOYEES_LIST);
         },
         children: t("doneCta")
       }
     ) })
   ] }) });
 }, se = () => {
-  const { employeeId: n, onEvent: c, isAdmin: m } = M(), { t: a } = b("common");
+  const { employeeId: n, onEvent: l, isAdmin: a } = M(), { t: c } = O("common");
   if (!n)
     throw new Error(
-      a("errors.missingParamsOrContext", {
+      c("errors.missingParamsOrContext", {
         component: "Summary",
         param: "employeeId",
         provider: "FlowProvider"
       })
     );
-  return /* @__PURE__ */ e(j, { employeeId: n, onEvent: c, isAdmin: m });
+  return /* @__PURE__ */ e(j, { employeeId: n, onEvent: l, isAdmin: a });
 };
 export {
   j as OnboardingSummary,