@gusto/embedded-react-sdk 0.53.0 → 0.54.0

package/dist/components/Employee/Profile/onboarding/AdminProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminProfile.js","sources":["../../../../../src/components/Employee/Profile/onboarding/AdminProfile.tsx"],"sourcesContent":["import { useState, useMemo, useEffect } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { type Employee } from '@gusto/embedded-api/models/components/employee'\nimport { useEmployeeDetailsForm } from '../shared/useEmployeeDetailsForm'\nimport type { EmployeeDetailsOptionalFieldsToRequire } from '../shared/useEmployeeDetailsForm'\nimport { useCurrentHomeAddressForm } from '../shared/useHomeAddressForm'\nimport { useCurrentWorkAddressForm } from '../shared/useWorkAddressForm'\nimport type { UseEmployeeDetailsFormReady } from '../shared/useEmployeeDetailsForm'\nimport type { UseHomeAddressFormReady } from '../shared/useHomeAddressForm'\nimport type { UseWorkAddressFormReady } from '../shared/useWorkAddressForm'\nimport styles from './AdminProfile.module.scss'\nimport type { ProfileProps } from './Profile'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { ActionsLayout, DatePickerField, Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, EmployeeOnboardingStatus, type EventType } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nconst checkHasCompletedSelfOnboarding = (employee?: Employee) => {\n  return (\n    employee?.onboarded === true ||\n    employee?.onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED ||\n    employee?.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW ||\n    employee?.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE\n  )\n}\n\nfunction computeOptionalFieldsToRequire(\n  selfOnboardingActive: boolean,\n): EmployeeDetailsOptionalFieldsToRequire {\n  if (selfOnboardingActive) {\n    return {\n      create: ['email'],\n      update: ['firstName', 'lastName', 'email'],\n    }\n  }\n  return {\n    create: ['email', 'dateOfBirth', 'ssn'],\n    update: ['firstName', 'lastName', 'email', 'dateOfBirth', 'ssn'],\n  }\n}\n\n/** @internal */\nexport function AdminProfile({\n  companyId,\n  employeeId,\n  defaultValues,\n  isSelfOnboardingEnabled = true,\n  className = '',\n  dictionary,\n  onEvent,\n}: ProfileProps) {\n  useI18n('Employee.Profile')\n  useI18n('Employee.HomeAddress')\n  useComponentDictionary('Employee.Profile', dictionary)\n\n  const [resolvedEmployeeId, setResolvedEmployeeId] = useState(employeeId)\n  const isCreateMode = !resolvedEmployeeId\n\n  const createModeSelfOnboarding =\n    isCreateMode && isSelfOnboardingEnabled && (defaultValues?.inviteEmployeeDefault ?? false)\n\n  const [selfOnboardingActive, setSelfOnboardingActive] = useState(createModeSelfOnboarding)\n\n  const optionalFieldsToRequire = useMemo(\n    () => computeOptionalFieldsToRequire(selfOnboardingActive),\n    [selfOnboardingActive],\n  )\n\n  const employeeDetailsDefaults = useMemo(\n    () => ({\n      ...defaultValues?.employee,\n      ...(isCreateMode && { selfOnboarding: createModeSelfOnboarding }),\n    }),\n    [defaultValues, isCreateMode, createModeSelfOnboarding],\n  )\n\n  const employeeDetails = useEmployeeDetailsForm({\n    companyId,\n    employeeId: resolvedEmployeeId,\n    withSelfOnboardingField: true,\n    optionalFieldsToRequire,\n    defaultValues: employeeDetailsDefaults,\n    shouldFocusError: false,\n  })\n\n  const homeAddress = useCurrentHomeAddressForm({\n    employeeId: resolvedEmployeeId ?? '',\n    withEffectiveDateField: false,\n    defaultValues: {\n      street1: defaultValues?.homeAddress?.street1,\n      street2: defaultValues?.homeAddress?.street2,\n      city: defaultValues?.homeAddress?.city,\n      state: defaultValues?.homeAddress?.state,\n      zip: defaultValues?.homeAddress?.zip,\n    },\n    shouldFocusError: false,\n  })\n\n  const workAddress = useCurrentWorkAddressForm({\n    companyId,\n    employeeId: resolvedEmployeeId ?? '',\n    withEffectiveDateField: false,\n    shouldFocusError: false,\n  })\n\n  if (employeeDetails.isLoading || homeAddress.isLoading || workAddress.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([employeeDetails, homeAddress, workAddress])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  return (\n    <AdminProfileReady\n      employeeDetails={employeeDetails}\n      homeAddress={homeAddress}\n      workAddress={workAddress}\n      isSelfOnboardingEnabled={isSelfOnboardingEnabled}\n      isCreateMode={isCreateMode}\n      employeeId={employeeId}\n      setResolvedEmployeeId={setResolvedEmployeeId}\n      setSelfOnboardingActive={setSelfOnboardingActive}\n      onEvent={onEvent}\n      className={className}\n    />\n  )\n}\n\ninterface AdminProfileReadyProps {\n  employeeDetails: UseEmployeeDetailsFormReady\n  homeAddress: UseHomeAddressFormReady\n  workAddress: UseWorkAddressFormReady\n  isSelfOnboardingEnabled: boolean\n  isCreateMode: boolean\n  employeeId?: string\n  setResolvedEmployeeId: (id: string) => void\n  setSelfOnboardingActive: (active: boolean) => void\n  onEvent: (event: EventType, data?: unknown) => void\n  className: string\n}\n\nfunction AdminProfileReady({\n  employeeDetails,\n  homeAddress,\n  workAddress,\n  isSelfOnboardingEnabled,\n  isCreateMode,\n  employeeId,\n  setResolvedEmployeeId,\n  setSelfOnboardingActive,\n  onEvent,\n  className,\n}: AdminProfileReadyProps) {\n  const { t } = useTranslation('Employee.Profile')\n  const { t: tHome } = useTranslation('Employee.HomeAddress')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n\n  const employee = employeeDetails.data.employee ?? undefined\n  const completedSelfOnboarding = checkHasCompletedSelfOnboarding(employee)\n\n  const startDateForm = useForm<{ startDate: string }>({\n    defaultValues: { startDate: employee?.jobs?.[0]?.hireDate ?? '' },\n    mode: 'onSubmit',\n    shouldFocusError: false,\n  })\n\n  const EmployeeFields = employeeDetails.form.Fields\n  const HomeAddressFields = homeAddress.form.Fields\n  const WorkAddressFields = workAddress.form.Fields\n\n  const watchedSelfOnboarding = useWatch({\n    control: employeeDetails.form.hookFormInternals.formMethods.control,\n    name: 'selfOnboarding',\n  })\n\n  useEffect(() => {\n    setSelfOnboardingActive(watchedSelfOnboarding)\n  }, [watchedSelfOnboarding, setSelfOnboardingActive])\n\n  const shouldShowHomeAddress = !watchedSelfOnboarding || completedSelfOnboarding\n  const shouldShowSsnDob = !watchedSelfOnboarding || completedSelfOnboarding\n\n  const activeForms = [\n    employeeDetails,\n    ...(shouldShowHomeAddress ? [homeAddress] : []),\n    workAddress,\n    startDateForm,\n  ]\n\n  const { handleSubmit, errorHandling } = composeSubmitHandler(activeForms, async () => {\n    const employeeResult = await employeeDetails.actions.onSubmit({\n      onEmployeeCreated: emp => {\n        onEvent(componentEvents.EMPLOYEE_CREATED, emp)\n      },\n      onEmployeeUpdated: emp => {\n        onEvent(componentEvents.EMPLOYEE_UPDATED, emp)\n      },\n      onOnboardingStatusUpdated: status => {\n        onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, status)\n      },\n    })\n    if (!employeeResult) return\n\n    const newEmployeeId = employeeResult.data.uuid\n    const enteredStartDate = startDateForm.getValues('startDate')\n\n    if (shouldShowHomeAddress) {\n      const homeResult = await homeAddress.actions.onSubmit({\n        employeeId: newEmployeeId,\n      })\n      if (!homeResult) {\n        if (!employeeId) setResolvedEmployeeId(newEmployeeId)\n        return\n      }\n      if (homeResult.mode === 'create') {\n        onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_CREATED, homeResult.data)\n      } else {\n        onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_UPDATED, homeResult.data)\n      }\n    }\n\n    const workResult = await workAddress.actions.onSubmit(\n      {\n        onWorkAddressCreated: wa => {\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_CREATED, wa)\n        },\n        onWorkAddressUpdated: wa => {\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_UPDATED, wa)\n        },\n      },\n      {\n        employeeId: newEmployeeId,\n        effectiveDate: isCreateMode ? enteredStartDate || undefined : undefined,\n      },\n    )\n    if (!workResult) {\n      if (!employeeId) setResolvedEmployeeId(newEmployeeId)\n      return\n    }\n\n    onEvent(componentEvents.EMPLOYEE_PROFILE_DONE, {\n      ...employeeResult.data,\n      startDate: enteredStartDate,\n    })\n  })\n\n  const isPending =\n    employeeDetails.status.isPending || homeAddress.status.isPending || workAddress.status.isPending\n\n  const watchedCourtesyWithholding =\n    homeAddress.form.hookFormInternals.formMethods.watch('courtesyWithholding')\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={handleSubmit}>\n          <Grid gridTemplateColumns=\"1fr\" gap={24}>\n            <Flex flexDirection=\"column\" gap={4}>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text variant=\"supporting\">{t('description')}</Components.Text>\n            </Flex>\n\n            {isSelfOnboardingEnabled && EmployeeFields.SelfOnboarding && (\n              <Components.Box>\n                <EmployeeFields.SelfOnboarding\n                  label={t('selfOnboardingLabel')}\n                  description={t('selfOnboardingDescription')}\n                  formHookResult={employeeDetails}\n                />\n              </Components.Box>\n            )}\n            <Grid\n              gap={{ base: 20, small: 8 }}\n              gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}\n            >\n              <EmployeeFields.FirstName\n                label={t('firstName')}\n                formHookResult={employeeDetails}\n                validationMessages={{\n                  REQUIRED: t('validations.firstName'),\n                  INVALID_NAME: t('validations.firstName'),\n                }}\n              />\n              <EmployeeFields.MiddleInitial\n                label={t('middleInitial')}\n                formHookResult={employeeDetails}\n              />\n            </Grid>\n            <EmployeeFields.LastName\n              label={t('lastName')}\n              formHookResult={employeeDetails}\n              validationMessages={{\n                REQUIRED: t('validations.lastName'),\n                INVALID_NAME: t('validations.lastName'),\n              }}\n            />\n\n            <SDKFormProvider formHookResult={workAddress}>\n              <WorkAddressFields.Location\n                label={t('workAddress')}\n                description={t('workAddressDescription')}\n                placeholder={t('workAddressPlaceholder')}\n                validationMessages={{ REQUIRED: t('validations.location', { ns: 'common' }) }}\n              />\n            </SDKFormProvider>\n\n            <FormProvider {...startDateForm}>\n              <DatePickerField\n                name=\"startDate\"\n                label={t('startDateLabel')}\n                description={t('startDateDescription')}\n                isRequired\n                errorMessage={t('validations.startDate')}\n              />\n            </FormProvider>\n\n            <EmployeeFields.Email\n              label={t('email')}\n              description={t('emailDescription')}\n              formHookResult={employeeDetails}\n              validationMessages={{\n                REQUIRED: t('validations.email'),\n                INVALID_EMAIL: t('validations.email'),\n              }}\n            />\n\n            {shouldShowSsnDob && (\n              <>\n                <EmployeeFields.Ssn\n                  label={t('ssnLabel')}\n                  formHookResult={employeeDetails}\n                  validationMessages={{\n                    INVALID_SSN: t('validations.ssn', { ns: 'common' }),\n                    REQUIRED: t('validations.ssnRequired', { ns: 'common' }),\n                  }}\n                />\n                <EmployeeFields.DateOfBirth\n                  label={t('dobLabel')}\n                  formHookResult={employeeDetails}\n                  validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n                />\n              </>\n            )}\n\n            {shouldShowHomeAddress && (\n              <SDKFormProvider formHookResult={homeAddress}>\n                <Flex flexDirection=\"column\" gap={4}>\n                  <Components.Heading as=\"h2\">{tHome('formTitle')}</Components.Heading>\n                  <Components.Text variant=\"supporting\">{tHome('desc')}</Components.Text>\n                </Flex>\n\n                <Grid\n                  gridTemplateColumns={{\n                    base: '1fr',\n                    small: ['1fr', '1fr'],\n                  }}\n                  gap={20}\n                >\n                  <HomeAddressFields.Street1\n                    label={tHome('street1')}\n                    validationMessages={{ REQUIRED: tHome('validations.street1') }}\n                  />\n                  <HomeAddressFields.Street2 label={tHome('street2')} />\n                  <HomeAddressFields.City\n                    label={tHome('city')}\n                    validationMessages={{ REQUIRED: tHome('validations.city') }}\n                  />\n                  <HomeAddressFields.State\n                    label={tHome('state')}\n                    placeholder={tHome('statePlaceholder')}\n                    validationMessages={{ REQUIRED: tHome('validations.state') }}\n                    getOptionLabel={(abbr: string) =>\n                      tCommon(`statesHash.${abbr}`, { defaultValue: abbr })\n                    }\n                  />\n                  <HomeAddressFields.Zip\n                    label={tHome('zip')}\n                    validationMessages={{\n                      REQUIRED: tHome('validations.zip'),\n                      INVALID_ZIP: tHome('validations.zip'),\n                    }}\n                  />\n                </Grid>\n                <HomeAddressFields.CourtesyWithholding\n                  label={tHome('courtesyWithholdingLabel')}\n                  description={\n                    <>\n                      {tHome('courtesyWithholdingDescription')}\n                      <Trans\n                        t={tHome}\n                        i18nKey=\"learnMoreCta\"\n                        components={{\n                          LearnMoreLink: <Components.Link />,\n                        }}\n                      />\n                    </>\n                  }\n                />\n                {watchedCourtesyWithholding && (\n                  <Components.Alert label={tHome('withholdingTitle')} status=\"warning\">\n                    <Trans t={tHome} i18nKey=\"withholdingNote\" />\n                  </Components.Alert>\n                )}\n              </SDKFormProvider>\n            )}\n          </Grid>\n          <ActionsLayout>\n            <Components.Button type=\"submit\" isLoading={isPending}>\n              {t('submitCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["checkHasCompletedSelfOnboarding","employee","EmployeeOnboardingStatus","computeOptionalFieldsToRequire","selfOnboardingActive","AdminProfile","companyId","employeeId","defaultValues","isSelfOnboardingEnabled","className","dictionary","onEvent","useI18n","useComponentDictionary","resolvedEmployeeId","setResolvedEmployeeId","useState","isCreateMode","createModeSelfOnboarding","setSelfOnboardingActive","optionalFieldsToRequire","useMemo","employeeDetailsDefaults","employeeDetails","useEmployeeDetailsForm","homeAddress","useCurrentHomeAddressForm","workAddress","useCurrentWorkAddressForm","loadingErrorHandling","composeErrorHandler","BaseLayout","jsx","AdminProfileReady","t","useTranslation","tHome","tCommon","Components","useComponentContext","completedSelfOnboarding","startDateForm","useForm","EmployeeFields","HomeAddressFields","WorkAddressFields","watchedSelfOnboarding","useWatch","useEffect","shouldShowHomeAddress","shouldShowSsnDob","activeForms","handleSubmit","errorHandling","composeSubmitHandler","employeeResult","emp","componentEvents","status","newEmployeeId","enteredStartDate","homeResult","wa","isPending","watchedCourtesyWithholding","classNames","styles","jsxs","Form","Grid","Flex","SDKFormProvider","FormProvider","DatePickerField","Fragment","abbr","Trans","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"AdminProfile.js","sources":["../../../../../src/components/Employee/Profile/onboarding/AdminProfile.tsx"],"sourcesContent":["import { useState, useMemo, useEffect } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { type Employee } from '@gusto/embedded-api/models/components/employee'\nimport { useEmployeeDetailsForm } from '../shared/useEmployeeDetailsForm'\nimport type { EmployeeDetailsOptionalFieldsToRequire } from '../shared/useEmployeeDetailsForm'\nimport { useCurrentHomeAddressForm } from '../shared/useHomeAddressForm'\nimport { useCurrentWorkAddressForm } from '../shared/useWorkAddressForm'\nimport type { UseEmployeeDetailsFormReady } from '../shared/useEmployeeDetailsForm'\nimport type { UseHomeAddressFormReady } from '../shared/useHomeAddressForm'\nimport type { UseWorkAddressFormReady } from '../shared/useWorkAddressForm'\nimport styles from './AdminProfile.module.scss'\nimport type { ProfileProps } from './Profile'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { ActionsLayout, DatePickerField, Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, EmployeeOnboardingStatus, type EventType } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport type { LoaderComponentType } from '@/components/Base'\n\nconst checkHasCompletedSelfOnboarding = (employee?: Employee) => {\n  return (\n    employee?.onboarded === true ||\n    employee?.onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED ||\n    employee?.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW ||\n    employee?.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE\n  )\n}\n\nfunction computeOptionalFieldsToRequire(\n  selfOnboardingActive: boolean,\n): EmployeeDetailsOptionalFieldsToRequire {\n  if (selfOnboardingActive) {\n    return {\n      create: ['email'],\n      update: ['firstName', 'lastName', 'email'],\n    }\n  }\n  return {\n    create: ['email', 'dateOfBirth', 'ssn'],\n    update: ['firstName', 'lastName', 'email', 'dateOfBirth', 'ssn'],\n  }\n}\n\n/** @internal */\nexport function AdminProfile({\n  companyId,\n  employeeId,\n  defaultValues,\n  isSelfOnboardingEnabled = true,\n  className = '',\n  dictionary,\n  onEvent,\n  LoaderComponent,\n}: ProfileProps) {\n  useI18n('Employee.Profile')\n  useI18n('Employee.HomeAddress')\n  useComponentDictionary('Employee.Profile', dictionary)\n\n  const [resolvedEmployeeId, setResolvedEmployeeId] = useState(employeeId)\n  const isCreateMode = !resolvedEmployeeId\n\n  const createModeSelfOnboarding =\n    isCreateMode && isSelfOnboardingEnabled && (defaultValues?.inviteEmployeeDefault ?? false)\n\n  const [selfOnboardingActive, setSelfOnboardingActive] = useState(createModeSelfOnboarding)\n\n  const optionalFieldsToRequire = useMemo(\n    () => computeOptionalFieldsToRequire(selfOnboardingActive),\n    [selfOnboardingActive],\n  )\n\n  const employeeDetailsDefaults = useMemo(\n    () => ({\n      ...defaultValues?.employee,\n      ...(isCreateMode && { selfOnboarding: createModeSelfOnboarding }),\n    }),\n    [defaultValues, isCreateMode, createModeSelfOnboarding],\n  )\n\n  const employeeDetails = useEmployeeDetailsForm({\n    companyId,\n    employeeId: resolvedEmployeeId,\n    withSelfOnboardingField: true,\n    optionalFieldsToRequire,\n    defaultValues: employeeDetailsDefaults,\n    shouldFocusError: false,\n  })\n\n  const homeAddress = useCurrentHomeAddressForm({\n    employeeId: resolvedEmployeeId ?? '',\n    withEffectiveDateField: false,\n    defaultValues: {\n      street1: defaultValues?.homeAddress?.street1,\n      street2: defaultValues?.homeAddress?.street2,\n      city: defaultValues?.homeAddress?.city,\n      state: defaultValues?.homeAddress?.state,\n      zip: defaultValues?.homeAddress?.zip,\n    },\n    shouldFocusError: false,\n  })\n\n  const workAddress = useCurrentWorkAddressForm({\n    companyId,\n    employeeId: resolvedEmployeeId ?? '',\n    withEffectiveDateField: false,\n    shouldFocusError: false,\n  })\n\n  if (employeeDetails.isLoading || homeAddress.isLoading || workAddress.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([employeeDetails, homeAddress, workAddress])\n    return (\n      <BaseLayout isLoading error={loadingErrorHandling.errors} LoaderComponent={LoaderComponent} />\n    )\n  }\n\n  return (\n    <AdminProfileReady\n      employeeDetails={employeeDetails}\n      homeAddress={homeAddress}\n      workAddress={workAddress}\n      isSelfOnboardingEnabled={isSelfOnboardingEnabled}\n      isCreateMode={isCreateMode}\n      employeeId={employeeId}\n      setResolvedEmployeeId={setResolvedEmployeeId}\n      setSelfOnboardingActive={setSelfOnboardingActive}\n      onEvent={onEvent}\n      className={className}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n\ninterface AdminProfileReadyProps {\n  employeeDetails: UseEmployeeDetailsFormReady\n  homeAddress: UseHomeAddressFormReady\n  workAddress: UseWorkAddressFormReady\n  isSelfOnboardingEnabled: boolean\n  isCreateMode: boolean\n  employeeId?: string\n  setResolvedEmployeeId: (id: string) => void\n  setSelfOnboardingActive: (active: boolean) => void\n  onEvent: (event: EventType, data?: unknown) => void\n  className: string\n  LoaderComponent?: LoaderComponentType\n}\n\nfunction AdminProfileReady({\n  employeeDetails,\n  homeAddress,\n  workAddress,\n  isSelfOnboardingEnabled,\n  isCreateMode,\n  employeeId,\n  setResolvedEmployeeId,\n  setSelfOnboardingActive,\n  onEvent,\n  className,\n  LoaderComponent,\n}: AdminProfileReadyProps) {\n  const { t } = useTranslation('Employee.Profile')\n  const { t: tHome } = useTranslation('Employee.HomeAddress')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n\n  const employee = employeeDetails.data.employee ?? undefined\n  const completedSelfOnboarding = checkHasCompletedSelfOnboarding(employee)\n\n  const startDateForm = useForm<{ startDate: string }>({\n    defaultValues: { startDate: employee?.jobs?.[0]?.hireDate ?? '' },\n    mode: 'onSubmit',\n    shouldFocusError: false,\n  })\n\n  const EmployeeFields = employeeDetails.form.Fields\n  const HomeAddressFields = homeAddress.form.Fields\n  const WorkAddressFields = workAddress.form.Fields\n\n  const watchedSelfOnboarding = useWatch({\n    control: employeeDetails.form.hookFormInternals.formMethods.control,\n    name: 'selfOnboarding',\n  })\n\n  useEffect(() => {\n    setSelfOnboardingActive(watchedSelfOnboarding)\n  }, [watchedSelfOnboarding, setSelfOnboardingActive])\n\n  const shouldShowHomeAddress = !watchedSelfOnboarding || completedSelfOnboarding\n  const shouldShowSsnDob = !watchedSelfOnboarding || completedSelfOnboarding\n\n  const activeForms = [\n    employeeDetails,\n    ...(shouldShowHomeAddress ? [homeAddress] : []),\n    workAddress,\n    startDateForm,\n  ]\n\n  const { handleSubmit, errorHandling } = composeSubmitHandler(activeForms, async () => {\n    const employeeResult = await employeeDetails.actions.onSubmit({\n      onEmployeeCreated: emp => {\n        onEvent(componentEvents.EMPLOYEE_CREATED, emp)\n      },\n      onEmployeeUpdated: emp => {\n        onEvent(componentEvents.EMPLOYEE_UPDATED, emp)\n      },\n      onOnboardingStatusUpdated: status => {\n        onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, status)\n      },\n    })\n    if (!employeeResult) return\n\n    const newEmployeeId = employeeResult.data.uuid\n    const enteredStartDate = startDateForm.getValues('startDate')\n\n    if (shouldShowHomeAddress) {\n      const homeResult = await homeAddress.actions.onSubmit({\n        employeeId: newEmployeeId,\n      })\n      if (!homeResult) {\n        if (!employeeId) setResolvedEmployeeId(newEmployeeId)\n        return\n      }\n      if (homeResult.mode === 'create') {\n        onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_CREATED, homeResult.data)\n      } else {\n        onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_UPDATED, homeResult.data)\n      }\n    }\n\n    const workResult = await workAddress.actions.onSubmit(\n      {\n        onWorkAddressCreated: wa => {\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_CREATED, wa)\n        },\n        onWorkAddressUpdated: wa => {\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_UPDATED, wa)\n        },\n      },\n      {\n        employeeId: newEmployeeId,\n        effectiveDate: isCreateMode ? enteredStartDate || undefined : undefined,\n      },\n    )\n    if (!workResult) {\n      if (!employeeId) setResolvedEmployeeId(newEmployeeId)\n      return\n    }\n\n    onEvent(componentEvents.EMPLOYEE_PROFILE_DONE, {\n      ...employeeResult.data,\n      startDate: enteredStartDate,\n    })\n  })\n\n  const isPending =\n    employeeDetails.status.isPending || homeAddress.status.isPending || workAddress.status.isPending\n\n  const watchedCourtesyWithholding =\n    homeAddress.form.hookFormInternals.formMethods.watch('courtesyWithholding')\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <Form onSubmit={handleSubmit}>\n          <Grid gridTemplateColumns=\"1fr\" gap={24}>\n            <Flex flexDirection=\"column\" gap={4}>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text variant=\"supporting\">{t('description')}</Components.Text>\n            </Flex>\n\n            {isSelfOnboardingEnabled && EmployeeFields.SelfOnboarding && (\n              <Components.Box>\n                <EmployeeFields.SelfOnboarding\n                  label={t('selfOnboardingLabel')}\n                  description={t('selfOnboardingDescription')}\n                  formHookResult={employeeDetails}\n                />\n              </Components.Box>\n            )}\n            <Grid\n              gap={{ base: 20, small: 8 }}\n              gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}\n            >\n              <EmployeeFields.FirstName\n                label={t('firstName')}\n                formHookResult={employeeDetails}\n                validationMessages={{\n                  REQUIRED: t('validations.firstName'),\n                  INVALID_NAME: t('validations.firstName'),\n                }}\n              />\n              <EmployeeFields.MiddleInitial\n                label={t('middleInitial')}\n                formHookResult={employeeDetails}\n              />\n            </Grid>\n            <EmployeeFields.LastName\n              label={t('lastName')}\n              formHookResult={employeeDetails}\n              validationMessages={{\n                REQUIRED: t('validations.lastName'),\n                INVALID_NAME: t('validations.lastName'),\n              }}\n            />\n\n            <SDKFormProvider formHookResult={workAddress}>\n              <WorkAddressFields.Location\n                label={t('workAddress')}\n                description={t('workAddressDescription')}\n                placeholder={t('workAddressPlaceholder')}\n                validationMessages={{ REQUIRED: t('validations.location', { ns: 'common' }) }}\n              />\n            </SDKFormProvider>\n\n            <FormProvider {...startDateForm}>\n              <DatePickerField\n                name=\"startDate\"\n                label={t('startDateLabel')}\n                description={t('startDateDescription')}\n                isRequired\n                errorMessage={t('validations.startDate')}\n              />\n            </FormProvider>\n\n            <EmployeeFields.Email\n              label={t('email')}\n              description={t('emailDescription')}\n              formHookResult={employeeDetails}\n              validationMessages={{\n                REQUIRED: t('validations.email'),\n                INVALID_EMAIL: t('validations.email'),\n              }}\n            />\n\n            {shouldShowSsnDob && (\n              <>\n                <EmployeeFields.Ssn\n                  label={t('ssnLabel')}\n                  formHookResult={employeeDetails}\n                  validationMessages={{\n                    INVALID_SSN: t('validations.ssn', { ns: 'common' }),\n                    REQUIRED: t('validations.ssnRequired', { ns: 'common' }),\n                  }}\n                />\n                <EmployeeFields.DateOfBirth\n                  label={t('dobLabel')}\n                  formHookResult={employeeDetails}\n                  validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n                />\n              </>\n            )}\n\n            {shouldShowHomeAddress && (\n              <SDKFormProvider formHookResult={homeAddress}>\n                <Flex flexDirection=\"column\" gap={4}>\n                  <Components.Heading as=\"h2\">{tHome('formTitle')}</Components.Heading>\n                  <Components.Text variant=\"supporting\">{tHome('desc')}</Components.Text>\n                </Flex>\n\n                <Grid\n                  gridTemplateColumns={{\n                    base: '1fr',\n                    small: ['1fr', '1fr'],\n                  }}\n                  gap={20}\n                >\n                  <HomeAddressFields.Street1\n                    label={tHome('street1')}\n                    validationMessages={{ REQUIRED: tHome('validations.street1') }}\n                  />\n                  <HomeAddressFields.Street2 label={tHome('street2')} />\n                  <HomeAddressFields.City\n                    label={tHome('city')}\n                    validationMessages={{ REQUIRED: tHome('validations.city') }}\n                  />\n                  <HomeAddressFields.State\n                    label={tHome('state')}\n                    placeholder={tHome('statePlaceholder')}\n                    validationMessages={{ REQUIRED: tHome('validations.state') }}\n                    getOptionLabel={(abbr: string) =>\n                      tCommon(`statesHash.${abbr}`, { defaultValue: abbr })\n                    }\n                  />\n                  <HomeAddressFields.Zip\n                    label={tHome('zip')}\n                    validationMessages={{\n                      REQUIRED: tHome('validations.zip'),\n                      INVALID_ZIP: tHome('validations.zip'),\n                    }}\n                  />\n                </Grid>\n                <HomeAddressFields.CourtesyWithholding\n                  label={tHome('courtesyWithholdingLabel')}\n                  description={\n                    <>\n                      {tHome('courtesyWithholdingDescription')}\n                      <Trans\n                        t={tHome}\n                        i18nKey=\"learnMoreCta\"\n                        components={{\n                          LearnMoreLink: <Components.Link />,\n                        }}\n                      />\n                    </>\n                  }\n                />\n                {watchedCourtesyWithholding && (\n                  <Components.Alert label={tHome('withholdingTitle')} status=\"warning\">\n                    <Trans t={tHome} i18nKey=\"withholdingNote\" />\n                  </Components.Alert>\n                )}\n              </SDKFormProvider>\n            )}\n          </Grid>\n          <ActionsLayout>\n            <Components.Button type=\"submit\" isLoading={isPending}>\n              {t('submitCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["checkHasCompletedSelfOnboarding","employee","EmployeeOnboardingStatus","computeOptionalFieldsToRequire","selfOnboardingActive","AdminProfile","companyId","employeeId","defaultValues","isSelfOnboardingEnabled","className","dictionary","onEvent","LoaderComponent","useI18n","useComponentDictionary","resolvedEmployeeId","setResolvedEmployeeId","useState","isCreateMode","createModeSelfOnboarding","setSelfOnboardingActive","optionalFieldsToRequire","useMemo","employeeDetailsDefaults","employeeDetails","useEmployeeDetailsForm","homeAddress","useCurrentHomeAddressForm","workAddress","useCurrentWorkAddressForm","loadingErrorHandling","composeErrorHandler","BaseLayout","jsx","AdminProfileReady","t","useTranslation","tHome","tCommon","Components","useComponentContext","completedSelfOnboarding","startDateForm","useForm","EmployeeFields","HomeAddressFields","WorkAddressFields","watchedSelfOnboarding","useWatch","useEffect","shouldShowHomeAddress","shouldShowSsnDob","activeForms","handleSubmit","errorHandling","composeSubmitHandler","employeeResult","emp","componentEvents","status","newEmployeeId","enteredStartDate","homeResult","wa","isPending","watchedCourtesyWithholding","classNames","styles","jsxs","Form","Grid","Flex","SDKFormProvider","FormProvider","DatePickerField","Fragment","abbr","Trans","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/Profile/onboarding/EmployeeProfile.d.ts

@@ -1,3 +1,3 @@
 import { ProfileProps } from './Profile';
 /** @internal */
-export declare function EmployeeProfile({ companyId, employeeId, defaultValues, className, dictionary, onEvent, }: ProfileProps): import("react").JSX.Element;
+export declare function EmployeeProfile({ companyId, employeeId, defaultValues, className, dictionary, onEvent, LoaderComponent, }: ProfileProps): import("react").JSX.Element;

package/dist/components/Employee/Profile/onboarding/EmployeeProfile.js

@@ -1,44 +1,45 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { useState as C } from "react";
+import { useState as U } from "react";
 import { useTranslation as y } from "react-i18next";
-import U from "classnames";
-import { useEmployeeAddressesGetWorkAddresses as k } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
-import { useEmployeeDetailsForm as w } from "../shared/useEmployeeDetailsForm/useEmployeeDetailsForm.js";
-import { useCurrentHomeAddressForm as x } from "../shared/useHomeAddressForm/useCurrentHomeAddressForm.js";
-import b from "./EmployeeProfile.module.scss.js";
-import { SDKFormProvider as v } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { composeSubmitHandler as Q } from "../../../../partner-hook-utils/form/composeSubmitHandler.js";
-import { composeErrorHandler as L } from "../../../../partner-hook-utils/composeErrorHandler.js";
+import k from "classnames";
+import { useEmployeeAddressesGetWorkAddresses as w } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
+import { useEmployeeDetailsForm as x } from "../shared/useEmployeeDetailsForm/useEmployeeDetailsForm.js";
+import { useCurrentHomeAddressForm as Q } from "../shared/useHomeAddressForm/useCurrentHomeAddressForm.js";
+import v from "./EmployeeProfile.module.scss.js";
+import { SDKFormProvider as L } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { composeSubmitHandler as z } from "../../../../partner-hook-utils/form/composeSubmitHandler.js";
+import { composeErrorHandler as S } from "../../../../partner-hook-utils/composeErrorHandler.js";
 import { Grid as A } from "../../../Common/Grid/Grid.js";
-import { ActionsLayout as z } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as B } from "../../../Common/Form/Form.js";
-import { BaseLayout as S } from "../../../Base/Base.js";
+import { ActionsLayout as B } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as Y } from "../../../Common/Form/Form.js";
+import { BaseLayout as N } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { useI18n as N, useComponentDictionary as Y } from "../../../../i18n/I18n.js";
+import { useI18n as H, useComponentDictionary as W } from "../../../../i18n/I18n.js";
 import { componentEvents as p } from "../../../../shared/constants.js";
-import { useComponentContext as W } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { getStreet as Z, getCityStateZip as j } from "../../../../helpers/formattedStrings.js";
-const q = {
+import { useComponentContext as Z } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { getStreet as j, getCityStateZip as q } from "../../../../helpers/formattedStrings.js";
+const G = {
   create: ["dateOfBirth", "ssn"],
   update: ["firstName", "lastName", "dateOfBirth", "ssn"]
 };
-function he({
-  companyId: H,
+function ue({
+  companyId: P,
   employeeId: D,
   defaultValues: d,
-  className: P = "",
-  dictionary: M,
-  onEvent: n
+  className: M = "",
+  dictionary: F,
+  onEvent: n,
+  LoaderComponent: I
 }) {
-  N("Employee.Profile"), N("Employee.HomeAddress"), Y("Employee.Profile", M);
-  const { t: s } = y("Employee.Profile"), { t: o } = y("Employee.HomeAddress"), { t: F } = y("common"), r = W(), [E, T] = C(D), l = w({
-    companyId: H,
+  H("Employee.Profile"), H("Employee.HomeAddress"), W("Employee.Profile", F);
+  const { t: s } = y("Employee.Profile"), { t: o } = y("Employee.HomeAddress"), { t: T } = y("common"), r = Z(), [E, O] = U(D), l = x({
+    companyId: P,
     employeeId: E,
     withSelfOnboardingField: !1,
-    optionalFieldsToRequire: q,
+    optionalFieldsToRequire: G,
     defaultValues: d?.employee,
     shouldFocusError: !1
-  }), a = x({
+  }), a = Q({
     employeeId: E ?? "",
     withEffectiveDateField: !1,
     defaultValues: {
@@ -49,19 +50,19 @@ function he({
       zip: d?.homeAddress?.zip
     },
     shouldFocusError: !1
-  }), f = k(
+  }), f = w(
     { employeeId: E ?? "" },
     { enabled: !!E }
   ), u = f.data?.employeeWorkAddressesList?.find((t) => t.active);
   if (l.isLoading || a.isLoading || f.isLoading) {
-    const t = L([
+    const t = S([
       l,
       a,
       f
     ]);
-    return /* @__PURE__ */ e(S, { isLoading: !0, error: t.errors });
+    return /* @__PURE__ */ e(N, { isLoading: !0, error: t.errors, LoaderComponent: I });
   }
-  const m = l.form.Fields, c = a.form.Fields, I = Q([l, a], async () => {
+  const m = l.form.Fields, c = a.form.Fields, R = z([l, a], async () => {
     const t = await l.actions.onSubmit({
       onEmployeeCreated: (g) => {
         n(p.EMPLOYEE_CREATED, g);
@@ -71,26 +72,26 @@ function he({
       }
     });
     if (!t) return;
-    const R = t.data.uuid, h = await a.actions.onSubmit({
-      employeeId: R
+    const b = t.data.uuid, h = await a.actions.onSubmit({
+      employeeId: b
     });
     if (!h) {
-      D || T(R);
+      D || O(b);
       return;
     }
     h.mode === "create" ? n(p.EMPLOYEE_HOME_ADDRESS_CREATED, h.data) : n(p.EMPLOYEE_HOME_ADDRESS_UPDATED, h.data), n(p.EMPLOYEE_PROFILE_DONE, t.data);
-  }), O = L([
-    I,
+  }), _ = S([
+    R,
     { errorHandling: a.errorHandling },
     f
-  ]), _ = l.status.isPending || a.status.isPending;
-  return /* @__PURE__ */ e("section", { className: U(b.container, P), children: /* @__PURE__ */ e(S, { error: O.errors, children: /* @__PURE__ */ i(B, { onSubmit: I.handleSubmit, children: [
+  ]), C = l.status.isPending || a.status.isPending;
+  return /* @__PURE__ */ e("section", { className: k(v.container, M), children: /* @__PURE__ */ e(N, { error: _.errors, LoaderComponent: I, children: /* @__PURE__ */ i(Y, { onSubmit: R.handleSubmit, children: [
     /* @__PURE__ */ i(A, { gridTemplateColumns: "1fr", gap: 24, children: [
       /* @__PURE__ */ i("div", { children: [
         /* @__PURE__ */ e(r.Heading, { as: "h2", children: s("title") }),
         /* @__PURE__ */ e(r.Text, { children: s("description") })
       ] }),
-      /* @__PURE__ */ i(v, { formHookResult: l, children: [
+      /* @__PURE__ */ i(L, { formHookResult: l, children: [
         /* @__PURE__ */ i(
           A,
           {
@@ -139,7 +140,7 @@ function he({
           }
         )
       ] }),
-      /* @__PURE__ */ i(v, { formHookResult: a, children: [
+      /* @__PURE__ */ i(L, { formHookResult: a, children: [
         /* @__PURE__ */ i("div", { children: [
           /* @__PURE__ */ e(r.Heading, { as: "h2", children: o("formTitle") }),
           /* @__PURE__ */ e(r.Text, { children: o("desc") })
@@ -174,7 +175,7 @@ function he({
                   label: o("state"),
                   placeholder: o("statePlaceholder"),
                   validationMessages: { REQUIRED: o("validations.state") },
-                  getOptionLabel: (t) => F(`statesHash.${t}`, { defaultValue: t })
+                  getOptionLabel: (t) => T(`statesHash.${t}`, { defaultValue: t })
                 }
               ),
               /* @__PURE__ */ e(
@@ -194,16 +195,16 @@ function he({
       u && /* @__PURE__ */ i("section", { children: [
         /* @__PURE__ */ e(r.Heading, { as: "h2", children: s("workAddressSectionTitle") }),
         /* @__PURE__ */ e(r.Text, { children: s("workAddressSectionDescription") }),
-        /* @__PURE__ */ i("address", { className: b.address, children: [
-          /* @__PURE__ */ e(r.Text, { children: Z(u) }),
-          /* @__PURE__ */ e(r.Text, { children: j(u) })
+        /* @__PURE__ */ i("address", { className: v.address, children: [
+          /* @__PURE__ */ e(r.Text, { children: j(u) }),
+          /* @__PURE__ */ e(r.Text, { children: q(u) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(r.Button, { type: "submit", isLoading: _, children: s("submitCta") }) })
+    /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(r.Button, { type: "submit", isLoading: C, children: s("submitCta") }) })
   ] }) }) });
 }
 export {
-  he as EmployeeProfile
+  ue as EmployeeProfile
 };
 //# sourceMappingURL=EmployeeProfile.js.map

package/dist/components/Employee/Profile/onboarding/EmployeeProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmployeeProfile.js","sources":["../../../../../src/components/Employee/Profile/onboarding/EmployeeProfile.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { useEmployeeAddressesGetWorkAddresses } from '@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses'\nimport { useEmployeeDetailsForm } from '../shared/useEmployeeDetailsForm'\nimport type { EmployeeDetailsOptionalFieldsToRequire } from '../shared/useEmployeeDetailsForm'\nimport { useCurrentHomeAddressForm } from '../shared/useHomeAddressForm'\nimport styles from './EmployeeProfile.module.scss'\nimport type { ProfileProps } from './Profile'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { getStreet, getCityStateZip } from '@/helpers/formattedStrings'\n\nconst SELF_OPTIONAL_FIELDS: EmployeeDetailsOptionalFieldsToRequire = {\n  create: ['dateOfBirth', 'ssn'],\n  update: ['firstName', 'lastName', 'dateOfBirth', 'ssn'],\n}\n\n/** @internal */\nexport function EmployeeProfile({\n  companyId,\n  employeeId,\n  defaultValues,\n  className = '',\n  dictionary,\n  onEvent,\n}: ProfileProps) {\n  useI18n('Employee.Profile')\n  useI18n('Employee.HomeAddress')\n  useComponentDictionary('Employee.Profile', dictionary)\n  const { t } = useTranslation('Employee.Profile')\n  const { t: tHome } = useTranslation('Employee.HomeAddress')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n\n  const [resolvedEmployeeId, setResolvedEmployeeId] = useState(employeeId)\n\n  const employeeDetails = useEmployeeDetailsForm({\n    companyId,\n    employeeId: resolvedEmployeeId,\n    withSelfOnboardingField: false,\n    optionalFieldsToRequire: SELF_OPTIONAL_FIELDS,\n    defaultValues: defaultValues?.employee,\n    shouldFocusError: false,\n  })\n\n  const homeAddress = useCurrentHomeAddressForm({\n    employeeId: resolvedEmployeeId ?? '',\n    withEffectiveDateField: false,\n    defaultValues: {\n      street1: defaultValues?.homeAddress?.street1,\n      street2: defaultValues?.homeAddress?.street2,\n      city: defaultValues?.homeAddress?.city,\n      state: defaultValues?.homeAddress?.state,\n      zip: defaultValues?.homeAddress?.zip,\n    },\n    shouldFocusError: false,\n  })\n\n  const workAddressesQuery = useEmployeeAddressesGetWorkAddresses(\n    { employeeId: resolvedEmployeeId ?? '' },\n    { enabled: !!resolvedEmployeeId },\n  )\n  const workAddresses = workAddressesQuery.data?.employeeWorkAddressesList\n  const activeWorkAddress = workAddresses?.find(address => address.active)\n\n  if (employeeDetails.isLoading || homeAddress.isLoading || workAddressesQuery.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([\n      employeeDetails,\n      homeAddress,\n      workAddressesQuery,\n    ])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  const EmpFields = employeeDetails.form.Fields\n  const HomeFields = homeAddress.form.Fields\n\n  const submitResult = composeSubmitHandler([employeeDetails, homeAddress], async () => {\n    const employeeResult = await employeeDetails.actions.onSubmit({\n      onEmployeeCreated: emp => {\n        onEvent(componentEvents.EMPLOYEE_CREATED, emp)\n      },\n      onEmployeeUpdated: emp => {\n        onEvent(componentEvents.EMPLOYEE_UPDATED, emp)\n      },\n    })\n    if (!employeeResult) return\n\n    const newEmployeeId = employeeResult.data.uuid\n\n    const homeResult = await homeAddress.actions.onSubmit({\n      employeeId: newEmployeeId,\n    })\n    if (!homeResult) {\n      if (!employeeId) setResolvedEmployeeId(newEmployeeId)\n      return\n    }\n    if (homeResult.mode === 'create') {\n      onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_CREATED, homeResult.data)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_UPDATED, homeResult.data)\n    }\n\n    onEvent(componentEvents.EMPLOYEE_PROFILE_DONE, employeeResult.data)\n  })\n\n  const errorHandling = composeErrorHandler([\n    submitResult,\n    { errorHandling: homeAddress.errorHandling },\n    workAddressesQuery,\n  ])\n\n  const isPending = employeeDetails.status.isPending || homeAddress.status.isPending\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={submitResult.handleSubmit}>\n          <Grid gridTemplateColumns=\"1fr\" gap={24}>\n            <div>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text>{t('description')}</Components.Text>\n            </div>\n\n            <SDKFormProvider formHookResult={employeeDetails}>\n              <Grid\n                gap={{ base: 20, small: 8 }}\n                gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}\n              >\n                <EmpFields.FirstName\n                  label={t('firstName')}\n                  validationMessages={{\n                    REQUIRED: t('validations.firstName'),\n                    INVALID_NAME: t('validations.firstName'),\n                  }}\n                />\n                <EmpFields.MiddleInitial label={t('middleInitial')} />\n              </Grid>\n              <EmpFields.LastName\n                label={t('lastName')}\n                validationMessages={{\n                  REQUIRED: t('validations.lastName'),\n                  INVALID_NAME: t('validations.lastName'),\n                }}\n              />\n              <EmpFields.Ssn\n                label={t('ssnLabel')}\n                validationMessages={{\n                  INVALID_SSN: t('validations.ssn', { ns: 'common' }),\n                  REQUIRED: t('validations.ssnRequired', { ns: 'common' }),\n                }}\n              />\n              <EmpFields.DateOfBirth\n                label={t('dobLabel')}\n                validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n              />\n            </SDKFormProvider>\n\n            <SDKFormProvider formHookResult={homeAddress}>\n              <div>\n                <Components.Heading as=\"h2\">{tHome('formTitle')}</Components.Heading>\n                <Components.Text>{tHome('desc')}</Components.Text>\n              </div>\n              <Grid\n                gridTemplateColumns={{\n                  base: '1fr',\n                  small: ['1fr', '1fr'],\n                }}\n                gap={20}\n              >\n                <HomeFields.Street1\n                  label={tHome('street1')}\n                  validationMessages={{ REQUIRED: tHome('validations.street1') }}\n                />\n                <HomeFields.Street2 label={tHome('street2')} />\n                <HomeFields.City\n                  label={tHome('city')}\n                  validationMessages={{ REQUIRED: tHome('validations.city') }}\n                />\n                <HomeFields.State\n                  label={tHome('state')}\n                  placeholder={tHome('statePlaceholder')}\n                  validationMessages={{ REQUIRED: tHome('validations.state') }}\n                  getOptionLabel={(abbr: string) =>\n                    tCommon(`statesHash.${abbr}`, { defaultValue: abbr })\n                  }\n                />\n                <HomeFields.Zip\n                  label={tHome('zip')}\n                  validationMessages={{\n                    REQUIRED: tHome('validations.zip'),\n                    INVALID_ZIP: tHome('validations.zip'),\n                  }}\n                />\n              </Grid>\n            </SDKFormProvider>\n\n            {activeWorkAddress && (\n              <section>\n                <Components.Heading as=\"h2\">{t('workAddressSectionTitle')}</Components.Heading>\n                <Components.Text>{t('workAddressSectionDescription')}</Components.Text>\n                <address className={styles.address}>\n                  <Components.Text>{getStreet(activeWorkAddress)}</Components.Text>\n                  <Components.Text>{getCityStateZip(activeWorkAddress)}</Components.Text>\n                </address>\n              </section>\n            )}\n          </Grid>\n          <ActionsLayout>\n            <Components.Button type=\"submit\" isLoading={isPending}>\n              {t('submitCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["SELF_OPTIONAL_FIELDS","EmployeeProfile","companyId","employeeId","defaultValues","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","tHome","tCommon","Components","useComponentContext","resolvedEmployeeId","setResolvedEmployeeId","useState","employeeDetails","useEmployeeDetailsForm","homeAddress","useCurrentHomeAddressForm","workAddressesQuery","useEmployeeAddressesGetWorkAddresses","activeWorkAddress","address","loadingErrorHandling","composeErrorHandler","BaseLayout","EmpFields","HomeFields","submitResult","composeSubmitHandler","employeeResult","emp","componentEvents","newEmployeeId","homeResult","errorHandling","isPending","classNames","styles","jsx","Form","jsxs","Grid","SDKFormProvider","abbr","getStreet","getCityStateZip","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"EmployeeProfile.js","sources":["../../../../../src/components/Employee/Profile/onboarding/EmployeeProfile.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { useEmployeeAddressesGetWorkAddresses } from '@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses'\nimport { useEmployeeDetailsForm } from '../shared/useEmployeeDetailsForm'\nimport type { EmployeeDetailsOptionalFieldsToRequire } from '../shared/useEmployeeDetailsForm'\nimport { useCurrentHomeAddressForm } from '../shared/useHomeAddressForm'\nimport styles from './EmployeeProfile.module.scss'\nimport type { ProfileProps } from './Profile'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { getStreet, getCityStateZip } from '@/helpers/formattedStrings'\n\nconst SELF_OPTIONAL_FIELDS: EmployeeDetailsOptionalFieldsToRequire = {\n  create: ['dateOfBirth', 'ssn'],\n  update: ['firstName', 'lastName', 'dateOfBirth', 'ssn'],\n}\n\n/** @internal */\nexport function EmployeeProfile({\n  companyId,\n  employeeId,\n  defaultValues,\n  className = '',\n  dictionary,\n  onEvent,\n  LoaderComponent,\n}: ProfileProps) {\n  useI18n('Employee.Profile')\n  useI18n('Employee.HomeAddress')\n  useComponentDictionary('Employee.Profile', dictionary)\n  const { t } = useTranslation('Employee.Profile')\n  const { t: tHome } = useTranslation('Employee.HomeAddress')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n\n  const [resolvedEmployeeId, setResolvedEmployeeId] = useState(employeeId)\n\n  const employeeDetails = useEmployeeDetailsForm({\n    companyId,\n    employeeId: resolvedEmployeeId,\n    withSelfOnboardingField: false,\n    optionalFieldsToRequire: SELF_OPTIONAL_FIELDS,\n    defaultValues: defaultValues?.employee,\n    shouldFocusError: false,\n  })\n\n  const homeAddress = useCurrentHomeAddressForm({\n    employeeId: resolvedEmployeeId ?? '',\n    withEffectiveDateField: false,\n    defaultValues: {\n      street1: defaultValues?.homeAddress?.street1,\n      street2: defaultValues?.homeAddress?.street2,\n      city: defaultValues?.homeAddress?.city,\n      state: defaultValues?.homeAddress?.state,\n      zip: defaultValues?.homeAddress?.zip,\n    },\n    shouldFocusError: false,\n  })\n\n  const workAddressesQuery = useEmployeeAddressesGetWorkAddresses(\n    { employeeId: resolvedEmployeeId ?? '' },\n    { enabled: !!resolvedEmployeeId },\n  )\n  const workAddresses = workAddressesQuery.data?.employeeWorkAddressesList\n  const activeWorkAddress = workAddresses?.find(address => address.active)\n\n  if (employeeDetails.isLoading || homeAddress.isLoading || workAddressesQuery.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([\n      employeeDetails,\n      homeAddress,\n      workAddressesQuery,\n    ])\n    return (\n      <BaseLayout isLoading error={loadingErrorHandling.errors} LoaderComponent={LoaderComponent} />\n    )\n  }\n\n  const EmpFields = employeeDetails.form.Fields\n  const HomeFields = homeAddress.form.Fields\n\n  const submitResult = composeSubmitHandler([employeeDetails, homeAddress], async () => {\n    const employeeResult = await employeeDetails.actions.onSubmit({\n      onEmployeeCreated: emp => {\n        onEvent(componentEvents.EMPLOYEE_CREATED, emp)\n      },\n      onEmployeeUpdated: emp => {\n        onEvent(componentEvents.EMPLOYEE_UPDATED, emp)\n      },\n    })\n    if (!employeeResult) return\n\n    const newEmployeeId = employeeResult.data.uuid\n\n    const homeResult = await homeAddress.actions.onSubmit({\n      employeeId: newEmployeeId,\n    })\n    if (!homeResult) {\n      if (!employeeId) setResolvedEmployeeId(newEmployeeId)\n      return\n    }\n    if (homeResult.mode === 'create') {\n      onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_CREATED, homeResult.data)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_UPDATED, homeResult.data)\n    }\n\n    onEvent(componentEvents.EMPLOYEE_PROFILE_DONE, employeeResult.data)\n  })\n\n  const errorHandling = composeErrorHandler([\n    submitResult,\n    { errorHandling: homeAddress.errorHandling },\n    workAddressesQuery,\n  ])\n\n  const isPending = employeeDetails.status.isPending || homeAddress.status.isPending\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <Form onSubmit={submitResult.handleSubmit}>\n          <Grid gridTemplateColumns=\"1fr\" gap={24}>\n            <div>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text>{t('description')}</Components.Text>\n            </div>\n\n            <SDKFormProvider formHookResult={employeeDetails}>\n              <Grid\n                gap={{ base: 20, small: 8 }}\n                gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}\n              >\n                <EmpFields.FirstName\n                  label={t('firstName')}\n                  validationMessages={{\n                    REQUIRED: t('validations.firstName'),\n                    INVALID_NAME: t('validations.firstName'),\n                  }}\n                />\n                <EmpFields.MiddleInitial label={t('middleInitial')} />\n              </Grid>\n              <EmpFields.LastName\n                label={t('lastName')}\n                validationMessages={{\n                  REQUIRED: t('validations.lastName'),\n                  INVALID_NAME: t('validations.lastName'),\n                }}\n              />\n              <EmpFields.Ssn\n                label={t('ssnLabel')}\n                validationMessages={{\n                  INVALID_SSN: t('validations.ssn', { ns: 'common' }),\n                  REQUIRED: t('validations.ssnRequired', { ns: 'common' }),\n                }}\n              />\n              <EmpFields.DateOfBirth\n                label={t('dobLabel')}\n                validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n              />\n            </SDKFormProvider>\n\n            <SDKFormProvider formHookResult={homeAddress}>\n              <div>\n                <Components.Heading as=\"h2\">{tHome('formTitle')}</Components.Heading>\n                <Components.Text>{tHome('desc')}</Components.Text>\n              </div>\n              <Grid\n                gridTemplateColumns={{\n                  base: '1fr',\n                  small: ['1fr', '1fr'],\n                }}\n                gap={20}\n              >\n                <HomeFields.Street1\n                  label={tHome('street1')}\n                  validationMessages={{ REQUIRED: tHome('validations.street1') }}\n                />\n                <HomeFields.Street2 label={tHome('street2')} />\n                <HomeFields.City\n                  label={tHome('city')}\n                  validationMessages={{ REQUIRED: tHome('validations.city') }}\n                />\n                <HomeFields.State\n                  label={tHome('state')}\n                  placeholder={tHome('statePlaceholder')}\n                  validationMessages={{ REQUIRED: tHome('validations.state') }}\n                  getOptionLabel={(abbr: string) =>\n                    tCommon(`statesHash.${abbr}`, { defaultValue: abbr })\n                  }\n                />\n                <HomeFields.Zip\n                  label={tHome('zip')}\n                  validationMessages={{\n                    REQUIRED: tHome('validations.zip'),\n                    INVALID_ZIP: tHome('validations.zip'),\n                  }}\n                />\n              </Grid>\n            </SDKFormProvider>\n\n            {activeWorkAddress && (\n              <section>\n                <Components.Heading as=\"h2\">{t('workAddressSectionTitle')}</Components.Heading>\n                <Components.Text>{t('workAddressSectionDescription')}</Components.Text>\n                <address className={styles.address}>\n                  <Components.Text>{getStreet(activeWorkAddress)}</Components.Text>\n                  <Components.Text>{getCityStateZip(activeWorkAddress)}</Components.Text>\n                </address>\n              </section>\n            )}\n          </Grid>\n          <ActionsLayout>\n            <Components.Button type=\"submit\" isLoading={isPending}>\n              {t('submitCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["SELF_OPTIONAL_FIELDS","EmployeeProfile","companyId","employeeId","defaultValues","className","dictionary","onEvent","LoaderComponent","useI18n","useComponentDictionary","t","useTranslation","tHome","tCommon","Components","useComponentContext","resolvedEmployeeId","setResolvedEmployeeId","useState","employeeDetails","useEmployeeDetailsForm","homeAddress","useCurrentHomeAddressForm","workAddressesQuery","useEmployeeAddressesGetWorkAddresses","activeWorkAddress","address","loadingErrorHandling","composeErrorHandler","BaseLayout","EmpFields","HomeFields","submitResult","composeSubmitHandler","employeeResult","emp","componentEvents","newEmployeeId","homeResult","errorHandling","isPending","classNames","styles","jsx","Form","jsxs","Grid","SDKFormProvider","abbr","getStreet","getCityStateZip","ActionsLayout"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsBA,MAAMA,IAA+D;AAAA,EACnE,QAAQ,CAAC,eAAe,KAAK;AAAA,EAC7B,QAAQ,CAAC,aAAa,YAAY,eAAe,KAAK;AACxD;AAGO,SAASC,GAAgB;AAAA,EAC9B,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AACF,GAAiB;AACf,EAAAC,EAAQ,kBAAkB,GAC1BA,EAAQ,sBAAsB,GAC9BC,EAAuB,oBAAoBJ,CAAU;AACrD,QAAM,EAAE,GAAAK,EAAA,IAAMC,EAAe,kBAAkB,GACzC,EAAE,GAAGC,MAAUD,EAAe,sBAAsB,GACpD,EAAE,GAAGE,MAAYF,EAAe,QAAQ,GACxCG,IAAaC,EAAA,GAEb,CAACC,GAAoBC,CAAqB,IAAIC,EAAShB,CAAU,GAEjEiB,IAAkBC,EAAuB;AAAA,IAC7C,WAAAnB;AAAA,IACA,YAAYe;AAAA,IACZ,yBAAyB;AAAA,IACzB,yBAAyBjB;AAAA,IACzB,eAAeI,GAAe;AAAA,IAC9B,kBAAkB;AAAA,EAAA,CACnB,GAEKkB,IAAcC,EAA0B;AAAA,IAC5C,YAAYN,KAAsB;AAAA,IAClC,wBAAwB;AAAA,IACxB,eAAe;AAAA,MACb,SAASb,GAAe,aAAa;AAAA,MACrC,SAASA,GAAe,aAAa;AAAA,MACrC,MAAMA,GAAe,aAAa;AAAA,MAClC,OAAOA,GAAe,aAAa;AAAA,MACnC,KAAKA,GAAe,aAAa;AAAA,IAAA;AAAA,IAEnC,kBAAkB;AAAA,EAAA,CACnB,GAEKoB,IAAqBC;AAAA,IACzB,EAAE,YAAYR,KAAsB,GAAA;AAAA,IACpC,EAAE,SAAS,CAAC,CAACA,EAAA;AAAA,EAAmB,GAG5BS,IADgBF,EAAmB,MAAM,2BACN,KAAK,CAAAG,MAAWA,EAAQ,MAAM;AAEvE,MAAIP,EAAgB,aAAaE,EAAY,aAAaE,EAAmB,WAAW;AACtF,UAAMI,IAAuBC,EAAoB;AAAA,MAC/CT;AAAA,MACAE;AAAA,MACAE;AAAA,IAAA,CACD;AACD,6BACGM,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAqB,QAAQ,iBAAApB,GAAkC;AAAA,EAEhG;AAEA,QAAMuB,IAAYX,EAAgB,KAAK,QACjCY,IAAaV,EAAY,KAAK,QAE9BW,IAAeC,EAAqB,CAACd,GAAiBE,CAAW,GAAG,YAAY;AACpF,UAAMa,IAAiB,MAAMf,EAAgB,QAAQ,SAAS;AAAA,MAC5D,mBAAmB,CAAAgB,MAAO;AACxB,QAAA7B,EAAQ8B,EAAgB,kBAAkBD,CAAG;AAAA,MAC/C;AAAA,MACA,mBAAmB,CAAAA,MAAO;AACxB,QAAA7B,EAAQ8B,EAAgB,kBAAkBD,CAAG;AAAA,MAC/C;AAAA,IAAA,CACD;AACD,QAAI,CAACD,EAAgB;AAErB,UAAMG,IAAgBH,EAAe,KAAK,MAEpCI,IAAa,MAAMjB,EAAY,QAAQ,SAAS;AAAA,MACpD,YAAYgB;AAAA,IAAA,CACb;AACD,QAAI,CAACC,GAAY;AACf,MAAKpC,KAAYe,EAAsBoB,CAAa;AACpD;AAAA,IACF;AACA,IAAIC,EAAW,SAAS,WACtBhC,EAAQ8B,EAAgB,+BAA+BE,EAAW,IAAI,IAEtEhC,EAAQ8B,EAAgB,+BAA+BE,EAAW,IAAI,GAGxEhC,EAAQ8B,EAAgB,uBAAuBF,EAAe,IAAI;AAAA,EACpE,CAAC,GAEKK,IAAgBX,EAAoB;AAAA,IACxCI;AAAA,IACA,EAAE,eAAeX,EAAY,cAAA;AAAA,IAC7BE;AAAA,EAAA,CACD,GAEKiB,IAAYrB,EAAgB,OAAO,aAAaE,EAAY,OAAO;AAEzE,2BACG,WAAA,EAAQ,WAAWoB,EAAWC,EAAO,WAAWtC,CAAS,GACxD,UAAA,gBAAAuC,EAACd,GAAA,EAAW,OAAOU,EAAc,QAAQ,iBAAAhC,GACvC,4BAACqC,GAAA,EAAK,UAAUZ,EAAa,cAC3B,UAAA;AAAA,IAAA,gBAAAa,EAACC,GAAA,EAAK,qBAAoB,OAAM,KAAK,IACnC,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EACC,UAAA;AAAA,QAAA,gBAAAF,EAAC7B,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAJ,EAAE,OAAO,GAAE;AAAA,0BACvCI,EAAW,MAAX,EAAiB,UAAAJ,EAAE,aAAa,EAAA,CAAE;AAAA,MAAA,GACrC;AAAA,MAEA,gBAAAmC,EAACE,GAAA,EAAgB,gBAAgB5B,GAC/B,UAAA;AAAA,QAAA,gBAAA0B;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAK,EAAE,MAAM,IAAI,OAAO,EAAA;AAAA,YACxB,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,GAAG,EAAA;AAAA,YAEtD,UAAA;AAAA,cAAA,gBAAAH;AAAA,gBAACb,EAAU;AAAA,gBAAV;AAAA,kBACC,OAAOpB,EAAE,WAAW;AAAA,kBACpB,oBAAoB;AAAA,oBAClB,UAAUA,EAAE,uBAAuB;AAAA,oBACnC,cAAcA,EAAE,uBAAuB;AAAA,kBAAA;AAAA,gBACzC;AAAA,cAAA;AAAA,gCAEDoB,EAAU,eAAV,EAAwB,OAAOpB,EAAE,eAAe,EAAA,CAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEtD,gBAAAiC;AAAA,UAACb,EAAU;AAAA,UAAV;AAAA,YACC,OAAOpB,EAAE,UAAU;AAAA,YACnB,oBAAoB;AAAA,cAClB,UAAUA,EAAE,sBAAsB;AAAA,cAClC,cAAcA,EAAE,sBAAsB;AAAA,YAAA;AAAA,UACxC;AAAA,QAAA;AAAA,QAEF,gBAAAiC;AAAA,UAACb,EAAU;AAAA,UAAV;AAAA,YACC,OAAOpB,EAAE,UAAU;AAAA,YACnB,oBAAoB;AAAA,cAClB,aAAaA,EAAE,mBAAmB,EAAE,IAAI,UAAU;AAAA,cAClD,UAAUA,EAAE,2BAA2B,EAAE,IAAI,UAAU;AAAA,YAAA;AAAA,UACzD;AAAA,QAAA;AAAA,QAEF,gBAAAiC;AAAA,UAACb,EAAU;AAAA,UAAV;AAAA,YACC,OAAOpB,EAAE,UAAU;AAAA,YACnB,oBAAoB,EAAE,UAAUA,EAAE,mBAAmB,EAAE,IAAI,UAAU,EAAA;AAAA,UAAE;AAAA,QAAA;AAAA,MACzE,GACF;AAAA,MAEA,gBAAAmC,EAACE,GAAA,EAAgB,gBAAgB1B,GAC/B,UAAA;AAAA,QAAA,gBAAAwB,EAAC,OAAA,EACC,UAAA;AAAA,UAAA,gBAAAF,EAAC7B,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAM,WAAW,GAAE;AAAA,4BAC/CE,EAAW,MAAX,EAAiB,UAAAF,EAAM,MAAM,EAAA,CAAE;AAAA,QAAA,GAClC;AAAA,QACA,gBAAAiC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,qBAAqB;AAAA,cACnB,MAAM;AAAA,cACN,OAAO,CAAC,OAAO,KAAK;AAAA,YAAA;AAAA,YAEtB,KAAK;AAAA,YAEL,UAAA;AAAA,cAAA,gBAAAH;AAAA,gBAACZ,EAAW;AAAA,gBAAX;AAAA,kBACC,OAAOnB,EAAM,SAAS;AAAA,kBACtB,oBAAoB,EAAE,UAAUA,EAAM,qBAAqB,EAAA;AAAA,gBAAE;AAAA,cAAA;AAAA,gCAE9DmB,EAAW,SAAX,EAAmB,OAAOnB,EAAM,SAAS,GAAG;AAAA,cAC7C,gBAAA+B;AAAA,gBAACZ,EAAW;AAAA,gBAAX;AAAA,kBACC,OAAOnB,EAAM,MAAM;AAAA,kBACnB,oBAAoB,EAAE,UAAUA,EAAM,kBAAkB,EAAA;AAAA,gBAAE;AAAA,cAAA;AAAA,cAE5D,gBAAA+B;AAAA,gBAACZ,EAAW;AAAA,gBAAX;AAAA,kBACC,OAAOnB,EAAM,OAAO;AAAA,kBACpB,aAAaA,EAAM,kBAAkB;AAAA,kBACrC,oBAAoB,EAAE,UAAUA,EAAM,mBAAmB,EAAA;AAAA,kBACzD,gBAAgB,CAACoC,MACfnC,EAAQ,cAAcmC,CAAI,IAAI,EAAE,cAAcA,EAAA,CAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGxD,gBAAAL;AAAA,gBAACZ,EAAW;AAAA,gBAAX;AAAA,kBACC,OAAOnB,EAAM,KAAK;AAAA,kBAClB,oBAAoB;AAAA,oBAClB,UAAUA,EAAM,iBAAiB;AAAA,oBACjC,aAAaA,EAAM,iBAAiB;AAAA,kBAAA;AAAA,gBACtC;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GACF;AAAA,MAECa,uBACE,WAAA,EACC,UAAA;AAAA,QAAA,gBAAAkB,EAAC7B,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAJ,EAAE,yBAAyB,GAAE;AAAA,0BACzDI,EAAW,MAAX,EAAiB,UAAAJ,EAAE,+BAA+B,GAAE;AAAA,QACrD,gBAAAmC,EAAC,WAAA,EAAQ,WAAWH,EAAO,SACzB,UAAA;AAAA,UAAA,gBAAAC,EAAC7B,EAAW,MAAX,EAAiB,UAAAmC,EAAUxB,CAAiB,GAAE;AAAA,4BAC9CX,EAAW,MAAX,EAAiB,UAAAoC,EAAgBzB,CAAiB,EAAA,CAAE;AAAA,QAAA,EAAA,CACvD;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAkB,EAACQ,GAAA,EACC,UAAA,gBAAAR,EAAC7B,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAW0B,GACzC,UAAA9B,EAAE,WAAW,GAChB,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Employee/Profile/onboarding/Profile.d.ts

@@ -84,6 +84,6 @@ export interface ProfileProps extends BaseComponentInterface<'Employee.Profile'>
  * @returns The employee profile onboarding step.
  * @public
  */
-export declare function Profile({ FallbackComponent, isAdmin, ...props }: ProfileProps): import("react").JSX.Element;
+export declare function Profile({ FallbackComponent, isAdmin, LoaderComponent, ...props }: ProfileProps): import("react").JSX.Element;
 /** @internal */
 export declare const ProfileContextual: () => import("react").JSX.Element;

package/dist/components/Employee/Profile/onboarding/Profile.js

@@ -1,29 +1,51 @@
-import { jsx as o } from "react/jsx-runtime";
-import { AdminProfile as l } from "./AdminProfile.js";
-import { EmployeeProfile as f } from "./EmployeeProfile.js";
+import { jsx as r } from "react/jsx-runtime";
+import { AdminProfile as f } from "./AdminProfile.js";
+import { EmployeeProfile as u } from "./EmployeeProfile.js";
 import { BaseBoundaries as a } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { useFlow as d } from "../../../Flow/useFlow.js";
 import { ensureRequired as p } from "../../../../helpers/ensureRequired.js";
-function u({ FallbackComponent: r, isAdmin: i = !1, ...e }) {
-  return /* @__PURE__ */ o(a, { componentName: "Employee.Profile", FallbackComponent: r, children: i ? /* @__PURE__ */ o(l, { ...e, isAdmin: !0 }) : /* @__PURE__ */ o(f, { ...e }) });
+function s({
+  FallbackComponent: i,
+  isAdmin: m = !1,
+  LoaderComponent: e,
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    a,
+    {
+      componentName: "Employee.Profile",
+      FallbackComponent: i,
+      LoaderComponent: e,
+      children: m ? /* @__PURE__ */ r(f, { ...o, isAdmin: !0, LoaderComponent: e }) : /* @__PURE__ */ r(u, { ...o, LoaderComponent: e })
+    }
+  );
 }
-const I = () => {
-  const { companyId: r, employeeId: i, onEvent: e, isAdmin: m, defaultValues: n, isSelfOnboardingEnabled: t } = d();
-  return /* @__PURE__ */ o(
-    u,
+const b = () => {
+  const {
+    companyId: i,
+    employeeId: m,
+    onEvent: e,
+    isAdmin: o,
+    defaultValues: n,
+    isSelfOnboardingEnabled: l,
+    LoaderComponent: t
+  } = d();
+  return /* @__PURE__ */ r(
+    s,
     {
-      companyId: p(r),
-      employeeId: i,
+      companyId: p(i),
+      employeeId: m,
       onEvent: e,
-      isAdmin: m,
+      isAdmin: o,
       defaultValues: n?.profile,
-      isSelfOnboardingEnabled: t
+      isSelfOnboardingEnabled: l,
+      LoaderComponent: t
     }
   );
 };
 export {
-  u as Profile,
-  I as ProfileContextual
+  s as Profile,
+  b as ProfileContextual
 };
 //# sourceMappingURL=Profile.js.map

package/dist/components/Employee/Profile/onboarding/Profile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Employee/Profile/onboarding/Profile.tsx"],"sourcesContent":["import type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport { AdminProfile } from './AdminProfile'\nimport { EmployeeProfile } from './EmployeeProfile'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/**\n * Pre-fill values for the {@link Profile} onboarding step.\n *\n * @remarks\n * At least one of the listed fields must be provided. When employee data is\n * already available via the API, those values take precedence over the\n * defaults.\n *\n * @public\n */\nexport type ProfileDefaultValues = RequireAtLeastOne<{\n  /** Pre-fill values for the employee details section. At least one nested field must be set. */\n  employee?: RequireAtLeastOne<{\n    /** The employee's first name. */\n    firstName?: string\n    /** The employee's middle initial. */\n    middleInitial?: string\n    /** The employee's last name. */\n    lastName?: string\n    /** The employee's personal email address. */\n    email?: string\n    /** The employee's date of birth as an ISO date string (`YYYY-MM-DD`). */\n    dateOfBirth?: string\n  }>\n  /** Pre-fill values for the home address section. At least one nested field must be set. */\n  homeAddress?: RequireAtLeastOne<{\n    /** First line of the street address. */\n    street1?: string\n    /** Second line of the street address (optional). */\n    street2?: string\n    /** City. */\n    city?: string\n    /** Two-letter state abbreviation. */\n    state?: string\n    /** ZIP code. */\n    zip?: string\n  }>\n  /** When `true`, the admin form opens with the self-onboarding toggle enabled by default in create mode. */\n  inviteEmployeeDefault?: boolean\n}>\n\n/**\n * Props for {@link Profile}.\n *\n * @public\n */\nexport interface ProfileProps extends BaseComponentInterface<'Employee.Profile'> {\n  /** The associated employee identifier. Omit to create a new employee. */\n  employeeId?: string\n  /** The associated company identifier. */\n  companyId: string\n  /** Pre-fill values for the form fields. */\n  defaultValues?: ProfileDefaultValues\n  /** When `true`, renders the admin variant (collects work address, start date, and self-onboarding toggle). Defaults to `false`. */\n  isAdmin?: boolean\n  /** When `true`, the admin variant exposes the self-onboarding toggle. Defaults to `true`. */\n  isSelfOnboardingEnabled?: boolean\n}\n\n/**\n * Onboarding step for collecting an employee's basic profile and addresses.\n *\n * @remarks\n * Switches between an admin-facing variant (collects employee details,\n * work address, start date, and an optional self-onboarding invitation\n * toggle) and an employee-facing variant (collects employee details and\n * home address only — the active work address is read-only) based on\n * `isAdmin`. Both variants create the employee on submit when `employeeId`\n * is omitted.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/created` | Fired after an employee is successfully created | {@link APIModels.Employee} |\n * | `employee/updated` | Fired after an employee is successfully updated | {@link APIModels.Employee} |\n * | `employee/onboardingStatus/updated` | Fired when toggling self-onboarding changes the employee's onboarding status (admin variant) | The updated onboarding status |\n * | `employee/homeAddress/created` | Fired after the home address is created | {@link APIModels.EmployeeAddress} |\n * | `employee/homeAddress/updated` | Fired after the home address is updated | {@link APIModels.EmployeeAddress} |\n * | `employee/workAddress/created` | Fired after the work address is created (admin variant) | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/workAddress/updated` | Fired after the work address is updated (admin variant) | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/profile/done` | Fired when all profile saves complete and the parent flow can advance | {@link APIModels.Employee} extended with `startDate` (admin variant) |\n *\n * @param input - See {@link ProfileProps}.\n * @returns The employee profile onboarding step.\n * @public\n */\nexport function Profile({ FallbackComponent, isAdmin = false, ...props }: ProfileProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Profile\" FallbackComponent={FallbackComponent}>\n      {isAdmin ? <AdminProfile {...props} isAdmin /> : <EmployeeProfile {...props} />}\n    </BaseBoundaries>\n  )\n}\n\n/** @internal */\nexport const ProfileContextual = () => {\n  const { companyId, employeeId, onEvent, isAdmin, defaultValues, isSelfOnboardingEnabled } =\n    useFlow<OnboardingContextInterface>()\n\n  return (\n    <Profile\n      companyId={ensureRequired(companyId)}\n      employeeId={employeeId}\n      onEvent={onEvent}\n      isAdmin={isAdmin}\n      defaultValues={defaultValues?.profile}\n      isSelfOnboardingEnabled={isSelfOnboardingEnabled}\n    />\n  )\n}\n"],"names":["Profile","FallbackComponent","isAdmin","props","BaseBoundaries","jsx","AdminProfile","EmployeeProfile","ProfileContextual","companyId","employeeId","onEvent","defaultValues","isSelfOnboardingEnabled","useFlow","ensureRequired"],"mappings":";;;;;;;AA8FO,SAASA,EAAQ,EAAE,mBAAAC,GAAmB,SAAAC,IAAU,IAAO,GAAGC,KAAuB;AACtF,2BACGC,GAAA,EAAe,eAAc,oBAAmB,mBAAAH,GAC9C,cAAU,gBAAAI,EAACC,GAAA,EAAc,GAAGH,GAAO,SAAO,GAAA,CAAC,sBAAMI,GAAA,EAAiB,GAAGJ,GAAO,GAC/E;AAEJ;AAGO,MAAMK,IAAoB,MAAM;AACrC,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,SAAAT,GAAS,eAAAU,GAAe,yBAAAC,EAAA,IAC9DC,EAAA;AAEF,SACE,gBAAAT;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,WAAWe,EAAeN,CAAS;AAAA,MACnC,YAAAC;AAAA,MACA,SAAAC;AAAA,MACA,SAAAT;AAAA,MACA,eAAeU,GAAe;AAAA,MAC9B,yBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Employee/Profile/onboarding/Profile.tsx"],"sourcesContent":["import type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport { AdminProfile } from './AdminProfile'\nimport { EmployeeProfile } from './EmployeeProfile'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/**\n * Pre-fill values for the {@link Profile} onboarding step.\n *\n * @remarks\n * At least one of the listed fields must be provided. When employee data is\n * already available via the API, those values take precedence over the\n * defaults.\n *\n * @public\n */\nexport type ProfileDefaultValues = RequireAtLeastOne<{\n  /** Pre-fill values for the employee details section. At least one nested field must be set. */\n  employee?: RequireAtLeastOne<{\n    /** The employee's first name. */\n    firstName?: string\n    /** The employee's middle initial. */\n    middleInitial?: string\n    /** The employee's last name. */\n    lastName?: string\n    /** The employee's personal email address. */\n    email?: string\n    /** The employee's date of birth as an ISO date string (`YYYY-MM-DD`). */\n    dateOfBirth?: string\n  }>\n  /** Pre-fill values for the home address section. At least one nested field must be set. */\n  homeAddress?: RequireAtLeastOne<{\n    /** First line of the street address. */\n    street1?: string\n    /** Second line of the street address (optional). */\n    street2?: string\n    /** City. */\n    city?: string\n    /** Two-letter state abbreviation. */\n    state?: string\n    /** ZIP code. */\n    zip?: string\n  }>\n  /** When `true`, the admin form opens with the self-onboarding toggle enabled by default in create mode. */\n  inviteEmployeeDefault?: boolean\n}>\n\n/**\n * Props for {@link Profile}.\n *\n * @public\n */\nexport interface ProfileProps extends BaseComponentInterface<'Employee.Profile'> {\n  /** The associated employee identifier. Omit to create a new employee. */\n  employeeId?: string\n  /** The associated company identifier. */\n  companyId: string\n  /** Pre-fill values for the form fields. */\n  defaultValues?: ProfileDefaultValues\n  /** When `true`, renders the admin variant (collects work address, start date, and self-onboarding toggle). Defaults to `false`. */\n  isAdmin?: boolean\n  /** When `true`, the admin variant exposes the self-onboarding toggle. Defaults to `true`. */\n  isSelfOnboardingEnabled?: boolean\n}\n\n/**\n * Onboarding step for collecting an employee's basic profile and addresses.\n *\n * @remarks\n * Switches between an admin-facing variant (collects employee details,\n * work address, start date, and an optional self-onboarding invitation\n * toggle) and an employee-facing variant (collects employee details and\n * home address only — the active work address is read-only) based on\n * `isAdmin`. Both variants create the employee on submit when `employeeId`\n * is omitted.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/created` | Fired after an employee is successfully created | {@link APIModels.Employee} |\n * | `employee/updated` | Fired after an employee is successfully updated | {@link APIModels.Employee} |\n * | `employee/onboardingStatus/updated` | Fired when toggling self-onboarding changes the employee's onboarding status (admin variant) | The updated onboarding status |\n * | `employee/homeAddress/created` | Fired after the home address is created | {@link APIModels.EmployeeAddress} |\n * | `employee/homeAddress/updated` | Fired after the home address is updated | {@link APIModels.EmployeeAddress} |\n * | `employee/workAddress/created` | Fired after the work address is created (admin variant) | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/workAddress/updated` | Fired after the work address is updated (admin variant) | {@link APIModels.EmployeeWorkAddress} |\n * | `employee/profile/done` | Fired when all profile saves complete and the parent flow can advance | {@link APIModels.Employee} extended with `startDate` (admin variant) |\n *\n * @param input - See {@link ProfileProps}.\n * @returns The employee profile onboarding step.\n * @public\n */\nexport function Profile({\n  FallbackComponent,\n  isAdmin = false,\n  LoaderComponent,\n  ...props\n}: ProfileProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Profile\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      {isAdmin ? (\n        <AdminProfile {...props} isAdmin LoaderComponent={LoaderComponent} />\n      ) : (\n        <EmployeeProfile {...props} LoaderComponent={LoaderComponent} />\n      )}\n    </BaseBoundaries>\n  )\n}\n\n/** @internal */\nexport const ProfileContextual = () => {\n  const {\n    companyId,\n    employeeId,\n    onEvent,\n    isAdmin,\n    defaultValues,\n    isSelfOnboardingEnabled,\n    LoaderComponent,\n  } = useFlow<OnboardingContextInterface>()\n\n  return (\n    <Profile\n      companyId={ensureRequired(companyId)}\n      employeeId={employeeId}\n      onEvent={onEvent}\n      isAdmin={isAdmin}\n      defaultValues={defaultValues?.profile}\n      isSelfOnboardingEnabled={isSelfOnboardingEnabled}\n      LoaderComponent={LoaderComponent}\n    />\n  )\n}\n"],"names":["Profile","FallbackComponent","isAdmin","LoaderComponent","props","jsx","BaseBoundaries","AdminProfile","EmployeeProfile","ProfileContextual","companyId","employeeId","onEvent","defaultValues","isSelfOnboardingEnabled","useFlow","ensureRequired"],"mappings":";;;;;;;AA8FO,SAASA,EAAQ;AAAA,EACtB,mBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,iBAAAC;AAAA,EACA,GAAGC;AACL,GAAiB;AACf,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAL;AAAA,MACA,iBAAAE;AAAA,MAEC,UAAAD,IACC,gBAAAG,EAACE,GAAA,EAAc,GAAGH,GAAO,SAAO,IAAC,iBAAAD,EAAA,CAAkC,IAEnE,gBAAAE,EAACG,GAAA,EAAiB,GAAGJ,GAAO,iBAAAD,EAAA,CAAkC;AAAA,IAAA;AAAA,EAAA;AAItE;AAGO,MAAMM,IAAoB,MAAM;AACrC,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAV;AAAA,IACA,eAAAW;AAAA,IACA,yBAAAC;AAAA,IACA,iBAAAX;AAAA,EAAA,IACEY,EAAA;AAEJ,SACE,gBAAAV;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,WAAWgB,EAAeN,CAAS;AAAA,MACnC,YAAAC;AAAA,MACA,SAAAC;AAAA,MACA,SAAAV;AAAA,MACA,eAAeW,GAAe;AAAA,MAC9B,yBAAAC;AAAA,MACA,iBAAAX;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/Profile/shared/useEmployeeDetailsForm/fields.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useFormFieldsMetadataContext as r } from "../../../../../partner-hook-utils/form/FormFieldsMetadataContext.js";
-import { usePlaceholderSSN as m, normalizeSSN as l } from "../../../../../helpers/ssn.js";
-import { SwitchHookField as d } from "../../../../../partner-hook-utils/form/fields/SwitchHookField.js";
 import { TextInputHookField as a } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
-import { DatePickerHookField as f } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
+import { DatePickerHookField as r } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
+import { SwitchHookField as m } from "../../../../../partner-hook-utils/form/fields/SwitchHookField.js";
+import { useFormFieldsMetadataContext as l } from "../../../../../partner-hook-utils/form/FormFieldsMetadataContext.js";
+import { usePlaceholderSSN as d, normalizeSSN as f } from "../../../../../helpers/ssn.js";
 function h(e) {
   return /* @__PURE__ */ t(a, { ...e, name: "firstName" });
 }
@@ -17,22 +17,22 @@ function x(e) {
   return /* @__PURE__ */ t(a, { ...e, name: "email" });
 }
 function H(e) {
-  return /* @__PURE__ */ t(f, { ...e, name: "dateOfBirth" });
+  return /* @__PURE__ */ t(r, { ...e, name: "dateOfBirth" });
 }
 function O(e) {
-  const n = r(), i = e.formHookResult?.form.fieldsMetadata ?? n?.metadata ?? {}, o = m(i.ssn?.hasRedactedValue);
+  const n = l(), i = e.formHookResult?.form.fieldsMetadata ?? n?.metadata ?? {}, o = d(i.ssn?.hasRedactedValue);
   return /* @__PURE__ */ t(
     a,
     {
       ...e,
       name: "ssn",
-      transform: l,
+      transform: f,
       placeholder: o
     }
   );
 }
 function I(e) {
-  return /* @__PURE__ */ t(d, { ...e, name: "selfOnboarding" });
+  return /* @__PURE__ */ t(m, { ...e, name: "selfOnboarding" });
 }
 export {
   H as DateOfBirthField,

package/dist/components/Employee/Profile/shared/useHomeAddressForm/fields.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
-import { DatePickerHookField as r } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
-import { CheckboxHookField as n } from "../../../../../partner-hook-utils/form/fields/CheckboxHookField.js";
 import { TextInputHookField as i } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
-import { SelectHookField as o } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
+import { SelectHookField as r } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
+import { CheckboxHookField as n } from "../../../../../partner-hook-utils/form/fields/CheckboxHookField.js";
+import { DatePickerHookField as o } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
 function d(e) {
   return /* @__PURE__ */ t(i, { ...e, name: "street1" });
 }
@@ -13,7 +13,7 @@ function F(e) {
   return /* @__PURE__ */ t(i, { ...e, name: "city" });
 }
 function p(e) {
-  return /* @__PURE__ */ t(o, { ...e, name: "state" });
+  return /* @__PURE__ */ t(r, { ...e, name: "state" });
 }
 function k(e) {
   return /* @__PURE__ */ t(i, { ...e, name: "zip" });
@@ -22,7 +22,7 @@ function s(e) {
   return /* @__PURE__ */ t(n, { ...e, name: "courtesyWithholding" });
 }
 function h(e) {
-  return /* @__PURE__ */ t(r, { ...e, name: "effectiveDate" });
+  return /* @__PURE__ */ t(o, { ...e, name: "effectiveDate" });
 }
 export {
   F as CityField,

package/dist/components/Employee/Profile/shared/useWorkAddressForm/fields.js

@@ -1,11 +1,11 @@
 import { jsx as o } from "react/jsx-runtime";
-import { DatePickerHookField as t } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
-import { SelectHookField as i } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
+import { SelectHookField as t } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
+import { DatePickerHookField as i } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
 function c(e) {
-  return /* @__PURE__ */ o(i, { ...e, name: "locationUuid" });
+  return /* @__PURE__ */ o(t, { ...e, name: "locationUuid" });
 }
 function m(e) {
-  return /* @__PURE__ */ o(t, { ...e, name: "effectiveDate" });
+  return /* @__PURE__ */ o(i, { ...e, name: "effectiveDate" });
 }
 export {
   m as EffectiveDateField,