@gusto/embedded-react-sdk 0.13.3 → 0.14.0

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

@@ -1 +1 @@
-{"version":3,"file":"Profile.js","sources":["../../../../src/components/Employee/Profile/Profile.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { useRef, useState, useEffect } from 'react'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useLocationsGetSuspense } from '@gusto/embedded-api/react-query/locationsGet'\nimport { useEmployeesCreateMutation } from '@gusto/embedded-api/react-query/employeesCreate'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { type Employee } from '@gusto/embedded-api/models/components/employee'\nimport { useEmployeeAddressesGetSuspense } from '@gusto/embedded-api/react-query/employeeAddressesGet'\nimport { type EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport { useEmployeeAddressesCreateMutation } from '@gusto/embedded-api/react-query/employeeAddressesCreate'\nimport { useEmployeeAddressesUpdateMutation } from '@gusto/embedded-api/react-query/employeeAddressesUpdate'\nimport { useEmployeeAddressesUpdateWorkAddressMutation } from '@gusto/embedded-api/react-query/employeeAddressesUpdateWorkAddress'\nimport { useEmployeesUpdateMutation } from '@gusto/embedded-api/react-query/employeesUpdate'\nimport { useEmployeeAddressesGetWorkAddressesSuspense } from '@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses'\nimport type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { useEmployeeAddressesCreateWorkAddressMutation } from '@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useEmployeesUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport {\n  AdminPersonalDetails,\n  AdminPersonalDetailsSchema,\n  AdminSelfOnboardingPersonalDetailsSchema,\n} from './AdminPersonalDetails'\nimport { SelfPersonalDetails, SelfPersonalDetailsSchema } from './SelfPersonalDetails'\nimport { type PersonalDetailsPayload, type PersonalDetailsInputs } from './PersonalDetailsInputs'\nimport { Head } from './Head'\nimport { Actions } from './Actions'\nimport { HomeAddress, HomeAddressSchema, type HomeAddressInputs } from './HomeAddress'\nimport { WorkAddress } from './WorkAddress'\nimport { ProfileProvider } from './useProfile'\nimport { getEmployeeAddressForProfile } from './getEmployeeAddressForProfile'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { Form } from '@/components/Common/Form'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport {\n  componentEvents,\n  EmployeeOnboardingStatus,\n  EmployeeSelfOnboardingStatuses,\n} from '@/shared/constants'\nimport type { RequireAtLeastOne, WithRequired } from '@/types/Helpers'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport type ProfileDefaultValues = RequireAtLeastOne<{\n  employee?: RequireAtLeastOne<{\n    firstName?: string\n    middleInitial?: string\n    lastName?: string\n    email?: string\n    dateOfBirth?: string\n  }>\n  homeAddress?: RequireAtLeastOne<{\n    street1?: string\n    street2?: string\n    city?: string\n    state?: string\n    zip?: string\n  }>\n}>\ninterface ProfileProps extends CommonComponentInterface<'Employee.Profile'> {\n  employeeId?: string\n  companyId: string\n  defaultValues?: ProfileDefaultValues\n  isAdmin?: boolean\n  isSelfOnboardingEnabled?: boolean\n}\n\ninterface ProfileConditionalProps {\n  employee?: Employee\n  homeAddresses?: EmployeeAddress[]\n  workAddresses?: EmployeeWorkAddress[]\n}\n\nexport function Profile(props: ProfileProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      {props.employeeId ? (\n        <RootWithEmployee {...props} employeeId={props.employeeId}>\n          {props.children}\n        </RootWithEmployee>\n      ) : (\n        <Root {...props}>{props.children}</Root>\n      )}\n    </BaseComponent>\n  )\n}\n\n/**Accounting for conditional logic where employee data needs to be fetched only if employeeId is present */\nfunction RootWithEmployee({ employeeId, ...props }: WithRequired<ProfileProps, 'employeeId'>) {\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n  const {\n    data: { employeeAddressList },\n  } = useEmployeeAddressesGetSuspense({ employeeId })\n  const {\n    data: { employeeWorkAddressesList },\n  } = useEmployeeAddressesGetWorkAddressesSuspense({ employeeId })\n  return (\n    <Root\n      {...props}\n      employee={employee}\n      homeAddresses={employeeAddressList}\n      workAddresses={employeeWorkAddressesList}\n    />\n  )\n}\n\nconst Root = ({\n  isAdmin = false,\n  isSelfOnboardingEnabled = true,\n  dictionary,\n  ...props\n}: ProfileProps & ProfileConditionalProps) => {\n  useI18n('Employee.Profile')\n  useI18n('Employee.HomeAddress')\n  useComponentDictionary('Employee.Profile', dictionary)\n  const {\n    companyId,\n    employee,\n    homeAddresses,\n    workAddresses,\n    children,\n    className = '',\n    defaultValues,\n  } = props\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const [AdminSchema, setAdminSchema] = useState<\n    typeof AdminPersonalDetailsSchema | typeof AdminSelfOnboardingPersonalDetailsSchema\n  >(AdminPersonalDetailsSchema)\n\n  const { data } = useLocationsGetSuspense({ companyId })\n  const companyLocations = data.locationList!\n\n  const { mutateAsync: createEmployee, isPending: isPendingCreateEmployee } =\n    useEmployeesCreateMutation()\n  const { mutateAsync: mutateEmployee, isPending: isPendingEmployeeUpdate } =\n    useEmployeesUpdateMutation()\n\n  const { mutateAsync: createEmployeeWorkAddress, isPending: isPendingCreateWA } =\n    useEmployeeAddressesCreateWorkAddressMutation()\n  const { mutateAsync: mutateEmployeeWorkAddress, isPending: isPendingWorkAddressUpdate } =\n    useEmployeeAddressesUpdateWorkAddressMutation()\n\n  const { mutateAsync: createEmployeeHomeAddress, isPending: isPendingAddHA } =\n    useEmployeeAddressesCreateMutation()\n  const { mutateAsync: mutateEmployeeHomeAddress, isPending: isPendingUpdateHA } =\n    useEmployeeAddressesUpdateMutation()\n\n  const {\n    mutateAsync: updateEmployeeOnboardingStatus,\n    isPending: isPendingUpdateOnboardingStatus,\n  } = useEmployeesUpdateOnboardingStatusMutation()\n\n  const existingData = { employee, workAddresses, homeAddresses }\n\n  const currentHomeAddress = getEmployeeAddressForProfile(homeAddresses)\n\n  const currentWorkAddress = existingData.workAddresses?.find(address => address.active)\n  const mergedData = useRef({\n    employee: existingData.employee,\n    homeAddress: currentHomeAddress,\n    workAddress: currentWorkAddress,\n  })\n  const initialValues = {\n    firstName: mergedData.current.employee?.firstName ?? defaultValues?.employee?.firstName ?? '',\n    middleInitial:\n      mergedData.current.employee?.middleInitial ?? defaultValues?.employee?.middleInitial ?? '',\n    lastName: mergedData.current.employee?.lastName ?? defaultValues?.employee?.lastName ?? '',\n    workAddress: mergedData.current.workAddress?.locationUuid,\n    startDate: mergedData.current.employee?.jobs?.[0]?.hireDate\n      ? new Date(mergedData.current.employee.jobs[0].hireDate)\n      : null, // By default employee response contains only current job - therefore jobs[0]\n    email: mergedData.current.employee?.email ?? defaultValues?.employee?.email ?? '',\n    dateOfBirth: mergedData.current.employee?.dateOfBirth\n      ? new Date(mergedData.current.employee.dateOfBirth)\n      : defaultValues?.employee?.dateOfBirth\n        ? new Date(defaultValues.employee.dateOfBirth)\n        : null,\n\n    street1: mergedData.current.homeAddress?.street1 ?? defaultValues?.homeAddress?.street1 ?? '',\n    street2: mergedData.current.homeAddress?.street2 ?? defaultValues?.homeAddress?.street2 ?? '',\n    city: mergedData.current.homeAddress?.city ?? defaultValues?.homeAddress?.city ?? '',\n    zip: mergedData.current.homeAddress?.zip ?? defaultValues?.homeAddress?.zip ?? '',\n    state: mergedData.current.homeAddress?.state ?? defaultValues?.homeAddress?.state ?? '',\n    courtesyWithholding: mergedData.current.homeAddress?.courtesyWithholding ?? false,\n  }\n\n  const adminDefaultValues =\n    mergedData.current.employee?.onboarded ||\n    mergedData.current.employee?.onboardingStatus ===\n      EmployeeOnboardingStatus.ONBOARDING_COMPLETED ||\n    (mergedData.current.employee?.onboardingStatus !== undefined &&\n      mergedData.current.employee.onboardingStatus !==\n        EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE)\n      ? { ...initialValues, enableSsn: false, selfOnboarding: true }\n      : {\n          ...initialValues,\n          selfOnboarding: isSelfOnboardingEnabled\n            ? mergedData.current.employee?.onboardingStatus\n              ? // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n                EmployeeSelfOnboardingStatuses.has(mergedData.current.employee.onboarding_status)\n              : false\n            : false,\n          enableSsn: !mergedData.current.employee?.hasSsn,\n          ssn: '',\n        } // In edit mode ssn is submitted only if it has been modified\n\n  const selfDetaultValues = {\n    ...initialValues,\n    enableSsn: !mergedData.current.employee?.hasSsn,\n    ssn: '',\n  }\n\n  const formMethods = useForm<\n    PersonalDetailsInputs & HomeAddressInputs,\n    unknown,\n    PersonalDetailsPayload & HomeAddressInputs\n  >({\n    // @ts-expect-error: Complex discriminated union schema causes type inference issues with zodResolver v5.2.1\n    resolver: zodResolver(\n      // @ts-expect-error: Zod discriminated union intersection incompatible with zodResolver v5.2.1\n      (isAdmin ? AdminSchema : SelfPersonalDetailsSchema).and(HomeAddressSchema),\n    ),\n    defaultValues: isAdmin ? adminDefaultValues : selfDetaultValues,\n  })\n\n  const { handleSubmit } = formMethods\n  const watchedSelfOnboarding = useWatch({ control: formMethods.control, name: 'selfOnboarding' })\n\n  useEffect(() => {\n    if (isAdmin) {\n      if (watchedSelfOnboarding) {\n        setAdminSchema(AdminSelfOnboardingPersonalDetailsSchema)\n      } else {\n        setAdminSchema(AdminPersonalDetailsSchema)\n      }\n    }\n  }, [watchedSelfOnboarding, isAdmin])\n\n  const onSubmit: SubmitHandler<PersonalDetailsPayload & HomeAddressInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { workAddress, startDate, selfOnboarding, ...body } = payload\n      //create or update employee\n      if (!mergedData.current.employee) {\n        const { employee: employeeData } = await createEmployee({\n          request: {\n            companyId,\n            requestBody: {\n              ...body,\n              selfOnboarding,\n              dateOfBirth: body.dateOfBirth ? new RFCDate(body.dateOfBirth) : undefined,\n            },\n          },\n        })\n        mergedData.current = { ...mergedData.current, employee: employeeData }\n        onEvent(componentEvents.EMPLOYEE_CREATED, employeeData)\n      } else {\n        // Updating self-onboarding status\n        if (\n          isAdmin &&\n          ((selfOnboarding &&\n            mergedData.current.employee.onboardingStatus ===\n              EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE) ||\n            (!selfOnboarding &&\n              mergedData.current.employee.onboardingStatus ===\n                EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE))\n        ) {\n          const { employeeOnboardingStatus } = await updateEmployeeOnboardingStatus({\n            request: {\n              employeeId: mergedData.current.employee.uuid,\n              requestBody: {\n                onboardingStatus: selfOnboarding\n                  ? EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n                  : EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n              },\n            },\n          })\n          mergedData.current.employee = {\n            ...mergedData.current.employee,\n            onboardingStatus: employeeOnboardingStatus!\n              .onboardingStatus as (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus],\n          }\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, employeeOnboardingStatus)\n        }\n        const { employee: employeeData } = await mutateEmployee({\n          request: {\n            employeeId: mergedData.current.employee.uuid,\n            requestBody: { ...body, version: mergedData.current.employee.version as string },\n          },\n        })\n        mergedData.current = { ...mergedData.current, employee: employeeData }\n        onEvent(componentEvents.EMPLOYEE_UPDATED, employeeData)\n      }\n      if (typeof mergedData.current.employee?.uuid !== 'string') {\n        throw new Error('Employee id is not available')\n      }\n      //create or update home address - only if not intended for self onboarding\n      if (!watchedSelfOnboarding || !isAdmin) {\n        //typeguard: in this scenario payload will contain address information\n        if (!payload.selfOnboarding) {\n          const { street1, street2, city, state, zip, courtesyWithholding } = payload\n          if (!mergedData.current.homeAddress) {\n            // Creating home address - for new employee effective_date is the same as work start date\n            const { employeeAddress } = await createEmployeeHomeAddress({\n              request: {\n                employeeId: mergedData.current.employee.uuid,\n                requestBody: {\n                  street1,\n                  street2,\n                  city,\n                  state,\n                  zip,\n                  courtesyWithholding,\n                },\n              },\n            })\n            mergedData.current = { ...mergedData.current, homeAddress: employeeAddress }\n            onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_CREATED, employeeAddress)\n          } else {\n            const { employeeAddress } = await mutateEmployeeHomeAddress({\n              request: {\n                homeAddressUuid: mergedData.current.homeAddress.uuid,\n                requestBody: {\n                  version: mergedData.current.homeAddress.version,\n                  street1,\n                  street2,\n                  city,\n                  state,\n                  zip,\n                  courtesyWithholding,\n                },\n              },\n            })\n            mergedData.current = { ...mergedData.current, homeAddress: employeeAddress }\n            onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_UPDATED, employeeAddress)\n          }\n        }\n      }\n\n      if (isAdmin) {\n        //create or update workaddress\n        if (!mergedData.current.workAddress) {\n          const { employeeWorkAddress } = await createEmployeeWorkAddress({\n            request: {\n              employeeId: mergedData.current.employee?.uuid as string,\n              requestBody: {\n                locationUuid: workAddress,\n                effectiveDate: new RFCDate(payload.startDate || new Date()),\n              },\n            },\n          })\n\n          mergedData.current = { ...mergedData.current, workAddress: employeeWorkAddress }\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_CREATED, employeeWorkAddress)\n        } else {\n          //effective_date is excluded from update operation since it cannot be changed on initial work address\n          const { employeeWorkAddress } = await mutateEmployeeWorkAddress({\n            request: {\n              workAddressUuid: mergedData.current.workAddress.uuid,\n              requestBody: {\n                version: mergedData.current.workAddress.version,\n                locationUuid: workAddress,\n              },\n            },\n          })\n          mergedData.current = { ...mergedData.current, workAddress: employeeWorkAddress }\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_UPDATED, employeeWorkAddress)\n        }\n      }\n\n      onEvent(componentEvents.EMPLOYEE_PROFILE_DONE, {\n        ...mergedData.current.employee,\n        startDate,\n      })\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n  return (\n    <section className={className}>\n      <ProfileProvider\n        value={{\n          companyLocations,\n          workAddresses,\n          employee: mergedData.current.employee ?? undefined,\n          isSelfOnboardingIntended: watchedSelfOnboarding,\n          handleCancel,\n          isAdmin,\n          isSelfOnboardingEnabled,\n          isPending:\n            isPendingEmployeeUpdate ||\n            isPendingWorkAddressUpdate ||\n            isPendingAddHA ||\n            isPendingUpdateHA ||\n            isPendingCreateEmployee ||\n            isPendingCreateWA ||\n            isPendingUpdateOnboardingStatus,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Grid gridTemplateColumns=\"1fr\" gap={24}>\n                  <Head />\n                  <AdminPersonalDetails />\n                  <SelfPersonalDetails />\n                  <HomeAddress />\n                  <WorkAddress />\n                </Grid>\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </ProfileProvider>\n    </section>\n  )\n}\n\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","props","jsx","BaseComponent","RootWithEmployee","Root","employeeId","employee","useEmployeesGetSuspense","employeeAddressList","useEmployeeAddressesGetSuspense","employeeWorkAddressesList","useEmployeeAddressesGetWorkAddressesSuspense","isAdmin","isSelfOnboardingEnabled","dictionary","useI18n","useComponentDictionary","companyId","homeAddresses","workAddresses","children","className","defaultValues","onEvent","baseSubmitHandler","useBase","AdminSchema","setAdminSchema","useState","AdminPersonalDetailsSchema","data","useLocationsGetSuspense","companyLocations","createEmployee","isPendingCreateEmployee","useEmployeesCreateMutation","mutateEmployee","isPendingEmployeeUpdate","useEmployeesUpdateMutation","createEmployeeWorkAddress","isPendingCreateWA","useEmployeeAddressesCreateWorkAddressMutation","mutateEmployeeWorkAddress","isPendingWorkAddressUpdate","useEmployeeAddressesUpdateWorkAddressMutation","createEmployeeHomeAddress","isPendingAddHA","useEmployeeAddressesCreateMutation","mutateEmployeeHomeAddress","isPendingUpdateHA","useEmployeeAddressesUpdateMutation","updateEmployeeOnboardingStatus","isPendingUpdateOnboardingStatus","useEmployeesUpdateOnboardingStatusMutation","existingData","currentHomeAddress","getEmployeeAddressForProfile","currentWorkAddress","address","mergedData","useRef","initialValues","adminDefaultValues","EmployeeOnboardingStatus","EmployeeSelfOnboardingStatuses","selfDetaultValues","formMethods","useForm","zodResolver","SelfPersonalDetailsSchema","HomeAddressSchema","handleSubmit","watchedSelfOnboarding","useWatch","useEffect","AdminSelfOnboardingPersonalDetailsSchema","onSubmit","payload","workAddress","startDate","selfOnboarding","body","employeeOnboardingStatus","componentEvents","employeeData","RFCDate","street1","street2","city","state","zip","courtesyWithholding","employeeAddress","employeeWorkAddress","handleCancel","ProfileProvider","FormProvider","Form","jsxs","Fragment","Grid","Head","AdminPersonalDetails","SelfPersonalDetails","HomeAddress","WorkAddress","Actions","ProfileContextual","useFlow","ensureRequired"],"mappings":"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"}
+{"version":3,"file":"Profile.js","sources":["../../../../src/components/Employee/Profile/Profile.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { useRef, useState, useEffect } from 'react'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useLocationsGetSuspense } from '@gusto/embedded-api/react-query/locationsGet'\nimport { useEmployeesCreateMutation } from '@gusto/embedded-api/react-query/employeesCreate'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { type Employee } from '@gusto/embedded-api/models/components/employee'\nimport { useEmployeeAddressesGetSuspense } from '@gusto/embedded-api/react-query/employeeAddressesGet'\nimport { type EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport { useEmployeeAddressesCreateMutation } from '@gusto/embedded-api/react-query/employeeAddressesCreate'\nimport { useEmployeeAddressesUpdateMutation } from '@gusto/embedded-api/react-query/employeeAddressesUpdate'\nimport { useEmployeeAddressesUpdateWorkAddressMutation } from '@gusto/embedded-api/react-query/employeeAddressesUpdateWorkAddress'\nimport { useEmployeesUpdateMutation } from '@gusto/embedded-api/react-query/employeesUpdate'\nimport { useEmployeeAddressesGetWorkAddressesSuspense } from '@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses'\nimport type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { useEmployeeAddressesCreateWorkAddressMutation } from '@gusto/embedded-api/react-query/employeeAddressesCreateWorkAddress'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useEmployeesUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport {\n  AdminPersonalDetails,\n  AdminPersonalDetailsSchema,\n  AdminSelfOnboardingPersonalDetailsSchema,\n} from './AdminPersonalDetails'\nimport { SelfPersonalDetails, SelfPersonalDetailsSchema } from './SelfPersonalDetails'\nimport { type PersonalDetailsPayload, type PersonalDetailsInputs } from './PersonalDetailsInputs'\nimport { Head } from './Head'\nimport { Actions } from './Actions'\nimport { HomeAddress, HomeAddressSchema, type HomeAddressInputs } from './HomeAddress'\nimport { WorkAddress } from './WorkAddress'\nimport { ProfileProvider } from './useProfile'\nimport { getEmployeeAddressForProfile } from './getEmployeeAddressForProfile'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { Form } from '@/components/Common/Form'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport {\n  componentEvents,\n  EmployeeOnboardingStatus,\n  EmployeeSelfOnboardingStatuses,\n} from '@/shared/constants'\nimport type { RequireAtLeastOne, WithRequired } from '@/types/Helpers'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport type ProfileDefaultValues = RequireAtLeastOne<{\n  employee?: RequireAtLeastOne<{\n    firstName?: string\n    middleInitial?: string\n    lastName?: string\n    email?: string\n    dateOfBirth?: string\n  }>\n  homeAddress?: RequireAtLeastOne<{\n    street1?: string\n    street2?: string\n    city?: string\n    state?: string\n    zip?: string\n  }>\n  inviteEmployeeDefault?: boolean\n}>\ninterface ProfileProps extends CommonComponentInterface<'Employee.Profile'> {\n  employeeId?: string\n  companyId: string\n  defaultValues?: ProfileDefaultValues\n  isAdmin?: boolean\n  isSelfOnboardingEnabled?: boolean\n}\n\ninterface ProfileConditionalProps {\n  employee?: Employee\n  homeAddresses?: EmployeeAddress[]\n  workAddresses?: EmployeeWorkAddress[]\n}\n\nexport function Profile(props: ProfileProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      {props.employeeId ? (\n        <RootWithEmployee {...props} employeeId={props.employeeId}>\n          {props.children}\n        </RootWithEmployee>\n      ) : (\n        <Root {...props}>{props.children}</Root>\n      )}\n    </BaseComponent>\n  )\n}\n\n/**Accounting for conditional logic where employee data needs to be fetched only if employeeId is present */\nfunction RootWithEmployee({ employeeId, ...props }: WithRequired<ProfileProps, 'employeeId'>) {\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n  const {\n    data: { employeeAddressList },\n  } = useEmployeeAddressesGetSuspense({ employeeId })\n  const {\n    data: { employeeWorkAddressesList },\n  } = useEmployeeAddressesGetWorkAddressesSuspense({ employeeId })\n  return (\n    <Root\n      {...props}\n      employee={employee}\n      homeAddresses={employeeAddressList}\n      workAddresses={employeeWorkAddressesList}\n    />\n  )\n}\n\nconst Root = ({\n  isAdmin = false,\n  isSelfOnboardingEnabled = true,\n  dictionary,\n  ...props\n}: ProfileProps & ProfileConditionalProps) => {\n  useI18n('Employee.Profile')\n  useI18n('Employee.HomeAddress')\n  useComponentDictionary('Employee.Profile', dictionary)\n  const {\n    companyId,\n    employee,\n    homeAddresses,\n    workAddresses,\n    children,\n    className = '',\n    defaultValues,\n  } = props\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const [AdminSchema, setAdminSchema] = useState<\n    typeof AdminPersonalDetailsSchema | typeof AdminSelfOnboardingPersonalDetailsSchema\n  >(AdminPersonalDetailsSchema)\n\n  const { data } = useLocationsGetSuspense({ companyId })\n  const companyLocations = data.locationList!\n\n  const { mutateAsync: createEmployee, isPending: isPendingCreateEmployee } =\n    useEmployeesCreateMutation()\n  const { mutateAsync: mutateEmployee, isPending: isPendingEmployeeUpdate } =\n    useEmployeesUpdateMutation()\n\n  const { mutateAsync: createEmployeeWorkAddress, isPending: isPendingCreateWA } =\n    useEmployeeAddressesCreateWorkAddressMutation()\n  const { mutateAsync: mutateEmployeeWorkAddress, isPending: isPendingWorkAddressUpdate } =\n    useEmployeeAddressesUpdateWorkAddressMutation()\n\n  const { mutateAsync: createEmployeeHomeAddress, isPending: isPendingAddHA } =\n    useEmployeeAddressesCreateMutation()\n  const { mutateAsync: mutateEmployeeHomeAddress, isPending: isPendingUpdateHA } =\n    useEmployeeAddressesUpdateMutation()\n\n  const {\n    mutateAsync: updateEmployeeOnboardingStatus,\n    isPending: isPendingUpdateOnboardingStatus,\n  } = useEmployeesUpdateOnboardingStatusMutation()\n\n  const existingData = { employee, workAddresses, homeAddresses }\n\n  const currentHomeAddress = getEmployeeAddressForProfile(homeAddresses)\n\n  const currentWorkAddress = existingData.workAddresses?.find(address => address.active)\n  const mergedData = useRef({\n    employee: existingData.employee,\n    homeAddress: currentHomeAddress,\n    workAddress: currentWorkAddress,\n  })\n  const initialValues = {\n    firstName: mergedData.current.employee?.firstName ?? defaultValues?.employee?.firstName ?? '',\n    middleInitial:\n      mergedData.current.employee?.middleInitial ?? defaultValues?.employee?.middleInitial ?? '',\n    lastName: mergedData.current.employee?.lastName ?? defaultValues?.employee?.lastName ?? '',\n    workAddress: mergedData.current.workAddress?.locationUuid,\n    startDate: mergedData.current.employee?.jobs?.[0]?.hireDate\n      ? new Date(mergedData.current.employee.jobs[0].hireDate)\n      : null, // By default employee response contains only current job - therefore jobs[0]\n    email: mergedData.current.employee?.email ?? defaultValues?.employee?.email ?? '',\n    dateOfBirth: mergedData.current.employee?.dateOfBirth\n      ? new Date(mergedData.current.employee.dateOfBirth)\n      : defaultValues?.employee?.dateOfBirth\n        ? new Date(defaultValues.employee.dateOfBirth)\n        : null,\n\n    street1: mergedData.current.homeAddress?.street1 ?? defaultValues?.homeAddress?.street1 ?? '',\n    street2: mergedData.current.homeAddress?.street2 ?? defaultValues?.homeAddress?.street2 ?? '',\n    city: mergedData.current.homeAddress?.city ?? defaultValues?.homeAddress?.city ?? '',\n    zip: mergedData.current.homeAddress?.zip ?? defaultValues?.homeAddress?.zip ?? '',\n    state: mergedData.current.homeAddress?.state ?? defaultValues?.homeAddress?.state ?? '',\n    courtesyWithholding: mergedData.current.homeAddress?.courtesyWithholding ?? false,\n  }\n\n  const adminDefaultValues =\n    mergedData.current.employee?.onboarded ||\n    mergedData.current.employee?.onboardingStatus ===\n      EmployeeOnboardingStatus.ONBOARDING_COMPLETED ||\n    (mergedData.current.employee?.onboardingStatus !== undefined &&\n      mergedData.current.employee.onboardingStatus !==\n        EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE)\n      ? { ...initialValues, enableSsn: false, selfOnboarding: true }\n      : {\n          ...initialValues,\n          selfOnboarding: isSelfOnboardingEnabled\n            ? mergedData.current.employee?.onboardingStatus\n              ? // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n                EmployeeSelfOnboardingStatuses.has(mergedData.current.employee.onboarding_status)\n              : (defaultValues?.inviteEmployeeDefault ?? false)\n            : false,\n          enableSsn: !mergedData.current.employee?.hasSsn,\n          ssn: '',\n        } // In edit mode ssn is submitted only if it has been modified\n\n  const selfDetaultValues = {\n    ...initialValues,\n    enableSsn: !mergedData.current.employee?.hasSsn,\n    ssn: '',\n  }\n\n  const formMethods = useForm<\n    PersonalDetailsInputs & HomeAddressInputs,\n    unknown,\n    PersonalDetailsPayload & HomeAddressInputs\n  >({\n    // @ts-expect-error: Complex discriminated union schema causes type inference issues with zodResolver v5.2.1\n    resolver: zodResolver(\n      // @ts-expect-error: Zod discriminated union intersection incompatible with zodResolver v5.2.1\n      (isAdmin ? AdminSchema : SelfPersonalDetailsSchema).and(HomeAddressSchema),\n    ),\n    defaultValues: isAdmin ? adminDefaultValues : selfDetaultValues,\n  })\n\n  const { handleSubmit } = formMethods\n  const watchedSelfOnboarding = useWatch({ control: formMethods.control, name: 'selfOnboarding' })\n\n  useEffect(() => {\n    if (isAdmin) {\n      if (watchedSelfOnboarding) {\n        setAdminSchema(AdminSelfOnboardingPersonalDetailsSchema)\n      } else {\n        setAdminSchema(AdminPersonalDetailsSchema)\n      }\n    }\n  }, [watchedSelfOnboarding, isAdmin])\n\n  const onSubmit: SubmitHandler<PersonalDetailsPayload & HomeAddressInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { workAddress, startDate, selfOnboarding, ...body } = payload\n      //create or update employee\n      if (!mergedData.current.employee) {\n        const { employee: employeeData } = await createEmployee({\n          request: {\n            companyId,\n            requestBody: {\n              ...body,\n              selfOnboarding,\n              dateOfBirth: body.dateOfBirth ? new RFCDate(body.dateOfBirth) : undefined,\n            },\n          },\n        })\n        mergedData.current = { ...mergedData.current, employee: employeeData }\n        onEvent(componentEvents.EMPLOYEE_CREATED, employeeData)\n      } else {\n        // Updating self-onboarding status\n        if (\n          isAdmin &&\n          ((selfOnboarding &&\n            mergedData.current.employee.onboardingStatus ===\n              EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE) ||\n            (!selfOnboarding &&\n              mergedData.current.employee.onboardingStatus ===\n                EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE))\n        ) {\n          const { employeeOnboardingStatus } = await updateEmployeeOnboardingStatus({\n            request: {\n              employeeId: mergedData.current.employee.uuid,\n              requestBody: {\n                onboardingStatus: selfOnboarding\n                  ? EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n                  : EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n              },\n            },\n          })\n          mergedData.current.employee = {\n            ...mergedData.current.employee,\n            onboardingStatus: employeeOnboardingStatus!\n              .onboardingStatus as (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus],\n          }\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, employeeOnboardingStatus)\n        }\n        const { employee: employeeData } = await mutateEmployee({\n          request: {\n            employeeId: mergedData.current.employee.uuid,\n            requestBody: { ...body, version: mergedData.current.employee.version as string },\n          },\n        })\n        mergedData.current = { ...mergedData.current, employee: employeeData }\n        onEvent(componentEvents.EMPLOYEE_UPDATED, employeeData)\n      }\n      if (typeof mergedData.current.employee?.uuid !== 'string') {\n        throw new Error('Employee id is not available')\n      }\n      //create or update home address - only if not intended for self onboarding\n      if (!watchedSelfOnboarding || !isAdmin) {\n        //typeguard: in this scenario payload will contain address information\n        if (!payload.selfOnboarding) {\n          const { street1, street2, city, state, zip, courtesyWithholding } = payload\n          if (!mergedData.current.homeAddress) {\n            // Creating home address - for new employee effective_date is the same as work start date\n            const { employeeAddress } = await createEmployeeHomeAddress({\n              request: {\n                employeeId: mergedData.current.employee.uuid,\n                requestBody: {\n                  street1,\n                  street2,\n                  city,\n                  state,\n                  zip,\n                  courtesyWithholding,\n                },\n              },\n            })\n            mergedData.current = { ...mergedData.current, homeAddress: employeeAddress }\n            onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_CREATED, employeeAddress)\n          } else {\n            const { employeeAddress } = await mutateEmployeeHomeAddress({\n              request: {\n                homeAddressUuid: mergedData.current.homeAddress.uuid,\n                requestBody: {\n                  version: mergedData.current.homeAddress.version,\n                  street1,\n                  street2,\n                  city,\n                  state,\n                  zip,\n                  courtesyWithholding,\n                },\n              },\n            })\n            mergedData.current = { ...mergedData.current, homeAddress: employeeAddress }\n            onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_UPDATED, employeeAddress)\n          }\n        }\n      }\n\n      if (isAdmin) {\n        //create or update workaddress\n        if (!mergedData.current.workAddress) {\n          const { employeeWorkAddress } = await createEmployeeWorkAddress({\n            request: {\n              employeeId: mergedData.current.employee?.uuid as string,\n              requestBody: {\n                locationUuid: workAddress,\n                effectiveDate: new RFCDate(payload.startDate || new Date()),\n              },\n            },\n          })\n\n          mergedData.current = { ...mergedData.current, workAddress: employeeWorkAddress }\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_CREATED, employeeWorkAddress)\n        } else {\n          //effective_date is excluded from update operation since it cannot be changed on initial work address\n          const { employeeWorkAddress } = await mutateEmployeeWorkAddress({\n            request: {\n              workAddressUuid: mergedData.current.workAddress.uuid,\n              requestBody: {\n                version: mergedData.current.workAddress.version,\n                locationUuid: workAddress,\n              },\n            },\n          })\n          mergedData.current = { ...mergedData.current, workAddress: employeeWorkAddress }\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_UPDATED, employeeWorkAddress)\n        }\n      }\n\n      onEvent(componentEvents.EMPLOYEE_PROFILE_DONE, {\n        ...mergedData.current.employee,\n        startDate,\n      })\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n  return (\n    <section className={className}>\n      <ProfileProvider\n        value={{\n          companyLocations,\n          workAddresses,\n          employee: mergedData.current.employee ?? undefined,\n          isSelfOnboardingIntended: watchedSelfOnboarding,\n          handleCancel,\n          isAdmin,\n          isSelfOnboardingEnabled,\n          isPending:\n            isPendingEmployeeUpdate ||\n            isPendingWorkAddressUpdate ||\n            isPendingAddHA ||\n            isPendingUpdateHA ||\n            isPendingCreateEmployee ||\n            isPendingCreateWA ||\n            isPendingUpdateOnboardingStatus,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Grid gridTemplateColumns=\"1fr\" gap={24}>\n                  <Head />\n                  <AdminPersonalDetails />\n                  <SelfPersonalDetails />\n                  <HomeAddress />\n                  <WorkAddress />\n                </Grid>\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </ProfileProvider>\n    </section>\n  )\n}\n\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","props","jsx","BaseComponent","RootWithEmployee","Root","employeeId","employee","useEmployeesGetSuspense","employeeAddressList","useEmployeeAddressesGetSuspense","employeeWorkAddressesList","useEmployeeAddressesGetWorkAddressesSuspense","isAdmin","isSelfOnboardingEnabled","dictionary","useI18n","useComponentDictionary","companyId","homeAddresses","workAddresses","children","className","defaultValues","onEvent","baseSubmitHandler","useBase","AdminSchema","setAdminSchema","useState","AdminPersonalDetailsSchema","data","useLocationsGetSuspense","companyLocations","createEmployee","isPendingCreateEmployee","useEmployeesCreateMutation","mutateEmployee","isPendingEmployeeUpdate","useEmployeesUpdateMutation","createEmployeeWorkAddress","isPendingCreateWA","useEmployeeAddressesCreateWorkAddressMutation","mutateEmployeeWorkAddress","isPendingWorkAddressUpdate","useEmployeeAddressesUpdateWorkAddressMutation","createEmployeeHomeAddress","isPendingAddHA","useEmployeeAddressesCreateMutation","mutateEmployeeHomeAddress","isPendingUpdateHA","useEmployeeAddressesUpdateMutation","updateEmployeeOnboardingStatus","isPendingUpdateOnboardingStatus","useEmployeesUpdateOnboardingStatusMutation","existingData","currentHomeAddress","getEmployeeAddressForProfile","currentWorkAddress","address","mergedData","useRef","initialValues","adminDefaultValues","EmployeeOnboardingStatus","EmployeeSelfOnboardingStatuses","selfDetaultValues","formMethods","useForm","zodResolver","SelfPersonalDetailsSchema","HomeAddressSchema","handleSubmit","watchedSelfOnboarding","useWatch","useEffect","AdminSelfOnboardingPersonalDetailsSchema","onSubmit","payload","workAddress","startDate","selfOnboarding","body","employeeOnboardingStatus","componentEvents","employeeData","RFCDate","street1","street2","city","state","zip","courtesyWithholding","employeeAddress","employeeWorkAddress","handleCancel","ProfileProvider","FormProvider","Form","jsxs","Fragment","Grid","Head","AdminPersonalDetails","SelfPersonalDetails","HomeAddress","WorkAddress","Actions","ProfileContextual","useFlow","ensureRequired"],"mappings":"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"}

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

@@ -12,10 +12,11 @@ import "classnames";
 import "dompurify";
 import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [u, a] = o("ProfileContext");
+const [a, v] = o("ProfileContext");
 export {
-  a as ProfileProvider,
-  u as useProfile
+  v as ProfileProvider,
+  a as useProfile
 };
 //# sourceMappingURL=useProfile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useProfile.js","sources":["../../../../src/components/Employee/Profile/useProfile.ts"],"sourcesContent":["import type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { createCompoundContext } from '@/components/Base'\n\n//Interface for context passed down to component slots\ntype ProfileContextType = {\n  companyLocations: Location[]\n  workAddresses?: EmployeeWorkAddress[]\n  employee?: Employee\n  isSelfOnboardingIntended?: boolean\n  isPending: boolean\n  isAdmin: boolean\n  handleCancel: () => void\n  isSelfOnboardingEnabled: boolean\n}\n\nconst [useProfile, ProfileProvider] = createCompoundContext<ProfileContextType>('ProfileContext')\nexport { useProfile, ProfileProvider }\n"],"names":["useProfile","ProfileProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAM,CAACA,GAAYC,CAAe,IAAIC,EAA0C,gBAAgB;"}
+{"version":3,"file":"useProfile.js","sources":["../../../../src/components/Employee/Profile/useProfile.ts"],"sourcesContent":["import type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { EmployeeWorkAddress } from '@gusto/embedded-api/models/components/employeeworkaddress'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { createCompoundContext } from '@/components/Base'\n\n//Interface for context passed down to component slots\ntype ProfileContextType = {\n  companyLocations: Location[]\n  workAddresses?: EmployeeWorkAddress[]\n  employee?: Employee\n  isSelfOnboardingIntended?: boolean\n  isPending: boolean\n  isAdmin: boolean\n  handleCancel: () => void\n  isSelfOnboardingEnabled: boolean\n}\n\nconst [useProfile, ProfileProvider] = createCompoundContext<ProfileContextType>('ProfileContext')\nexport { useProfile, ProfileProvider }\n"],"names":["useProfile","ProfileProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAM,CAACA,GAAYC,CAAe,IAAIC,EAA0C,gBAAgB;"}

package/dist/components/Employee/SelfOnboardingFlow/SelfOnboardingFlow.js

@@ -1,22 +1,26 @@
 import { jsx as i } from "react/jsx-runtime";
 import { createMachine as t } from "robot3";
-import { Landing as a } from "./SelfOnboardingComponents.js";
+import { useMemo as a } from "react";
+import { Landing as f } from "./SelfOnboardingComponents.js";
 import { employeeSelfOnboardingMachine as p } from "./selfOnboardingMachine.js";
 import { Flow as c } from "../../Flow/Flow.js";
-const h = ({ companyId: o, employeeId: e, onEvent: n }) => {
-  const r = t(
-    "index",
-    p,
-    (m) => ({
-      ...m,
-      component: a,
-      companyId: o,
-      employeeId: e
-    })
+const b = ({ companyId: o, employeeId: r, onEvent: e }) => {
+  const m = a(
+    () => t(
+      "index",
+      p,
+      (n) => ({
+        ...n,
+        component: f,
+        companyId: o,
+        employeeId: r
+      })
+    ),
+    [o, r]
   );
-  return /* @__PURE__ */ i(c, { machine: r, onEvent: n });
+  return /* @__PURE__ */ i(c, { machine: m, onEvent: e });
 };
 export {
-  h as SelfOnboardingFlow
+  b as SelfOnboardingFlow
 };
 //# sourceMappingURL=SelfOnboardingFlow.js.map

package/dist/components/Employee/SelfOnboardingFlow/SelfOnboardingFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelfOnboardingFlow.js","sources":["../../../../src/components/Employee/SelfOnboardingFlow/SelfOnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport type {\n  SelfOnboardingContextInterface,\n  SelfOnboardingFlowProps,\n} from './SelfOnboardingComponents'\nimport { Landing } from './SelfOnboardingComponents'\nimport { employeeSelfOnboardingMachine } from './selfOnboardingMachine'\nimport { Flow } from '@/components/Flow/Flow'\n\nexport const SelfOnboardingFlow = ({ companyId, employeeId, onEvent }: SelfOnboardingFlowProps) => {\n  const manageEmployees = createMachine(\n    'index',\n    employeeSelfOnboardingMachine,\n    (initialContext: SelfOnboardingContextInterface) => ({\n      ...initialContext,\n      component: Landing,\n      companyId,\n      employeeId,\n    }),\n  )\n  return <Flow machine={manageEmployees} onEvent={onEvent} />\n}\n"],"names":["SelfOnboardingFlow","companyId","employeeId","onEvent","manageEmployees","createMachine","employeeSelfOnboardingMachine","initialContext","Landing","jsx","Flow"],"mappings":";;;;;AASO,MAAMA,IAAqB,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,QAAuC;AACjG,QAAMC,IAAkBC;AAAA,IACtB;AAAA,IACAC;AAAA,IACA,CAACC,OAAoD;AAAA,MACnD,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAP;AAAA,MACA,YAAAC;AAAA,IAAA;AAAA,EACF;AAEF,SAAO,gBAAAO,EAACC,GAAA,EAAK,SAASN,GAAiB,SAAAD,EAAA,CAAkB;AAC3D;"}
+{"version":3,"file":"SelfOnboardingFlow.js","sources":["../../../../src/components/Employee/SelfOnboardingFlow/SelfOnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport type {\n  SelfOnboardingContextInterface,\n  SelfOnboardingFlowProps,\n} from './SelfOnboardingComponents'\nimport { Landing } from './SelfOnboardingComponents'\nimport { employeeSelfOnboardingMachine } from './selfOnboardingMachine'\nimport { Flow } from '@/components/Flow/Flow'\n\nexport const SelfOnboardingFlow = ({ companyId, employeeId, onEvent }: SelfOnboardingFlowProps) => {\n  const manageEmployees = useMemo(\n    () =>\n      createMachine(\n        'index',\n        employeeSelfOnboardingMachine,\n        (initialContext: SelfOnboardingContextInterface) => ({\n          ...initialContext,\n          component: Landing,\n          companyId,\n          employeeId,\n        }),\n      ),\n    [companyId, employeeId],\n  )\n  return <Flow machine={manageEmployees} onEvent={onEvent} />\n}\n"],"names":["SelfOnboardingFlow","companyId","employeeId","onEvent","manageEmployees","useMemo","createMachine","employeeSelfOnboardingMachine","initialContext","Landing","jsx","Flow"],"mappings":";;;;;;AAUO,MAAMA,IAAqB,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,QAAuC;AACjG,QAAMC,IAAkBC;AAAA,IACtB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAR;AAAA,QACA,YAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACD,GAAWC,CAAU;AAAA,EAAA;AAExB,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAASP,GAAiB,SAAAD,EAAA,CAAkB;AAC3D;"}

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

@@ -1,14 +1,15 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useTranslation as i } from "react-i18next";
+import { useTranslation as e } from "react-i18next";
 import { useStateTaxes as r } from "./useStateTaxes.js";
 import "classnames";
-import { ActionsLayout as s } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as m } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-function d() {
-  const { t: o } = i("Employee.StateTaxes"), { isPending: n } = r(), e = m();
-  return /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(e.Button, { type: "submit", isLoading: n, children: o("submitCta") }) });
+import "../../../shared/constants.js";
+import { ActionsLayout as m } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+function l() {
+  const { t: o } = e("Employee.StateTaxes"), { isPending: n } = r(), i = s();
+  return /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(i.Button, { type: "submit", isLoading: n, children: o("submitCta") }) });
 }
 export {
-  d as Actions
+  l as Actions
 };
 //# sourceMappingURL=Actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/StateTaxes/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxes } from './useStateTaxes'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Employee.StateTaxes')\n  const { isPending } = useStateTaxes()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","t","useTranslation","isPending","useStateTaxes","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAAF,EAAE,WAAW,GAChB,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/StateTaxes/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useStateTaxes } from './useStateTaxes'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Employee.StateTaxes')\n  const { isPending } = useStateTaxes()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","t","useTranslation","isPending","useStateTaxes","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAAF,EAAE,WAAW,GAChB,GACF;AAEJ;"}

package/dist/components/Employee/StateTaxes/useStateTaxes.js

@@ -12,10 +12,11 @@ import "classnames";
 import "dompurify";
 import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../Base/createCompoundContext.js";
-const [u, f] = t("StateTaxesContext");
+const [f, v] = t("StateTaxesContext");
 export {
-  f as StateTaxesProvider,
-  u as useStateTaxes
+  v as StateTaxesProvider,
+  f as useStateTaxes
 };
 //# sourceMappingURL=useStateTaxes.js.map

package/dist/components/Employee/StateTaxes/useStateTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStateTaxes.js","sources":["../../../../src/components/Employee/StateTaxes/useStateTaxes.ts"],"sourcesContent":["import type { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesContextType = {\n  employeeStateTaxes: EmployeeStateTaxesList[]\n  isPending: boolean\n  isAdmin: boolean\n}\n\nconst [useStateTaxes, StateTaxesProvider] =\n  createCompoundContext<StateTaxesContextType>('StateTaxesContext')\nexport { useStateTaxes, StateTaxesProvider }\n"],"names":["useStateTaxes","StateTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AASA,MAAM,CAACA,GAAeC,CAAkB,IACtCC,EAA6C,mBAAmB;"}
+{"version":3,"file":"useStateTaxes.js","sources":["../../../../src/components/Employee/StateTaxes/useStateTaxes.ts"],"sourcesContent":["import type { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesContextType = {\n  employeeStateTaxes: EmployeeStateTaxesList[]\n  isPending: boolean\n  isAdmin: boolean\n}\n\nconst [useStateTaxes, StateTaxesProvider] =\n  createCompoundContext<StateTaxesContextType>('StateTaxesContext')\nexport { useStateTaxes, StateTaxesProvider }\n"],"names":["useStateTaxes","StateTaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AASA,MAAM,CAACA,GAAeC,CAAkB,IACtCC,EAA6C,mBAAmB;"}

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

@@ -1,14 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useTranslation as i } from "react-i18next";
-import { useTaxes as r } from "./useTaxes.js";
+import { useTranslation as r } from "react-i18next";
+import { useTaxes as s } from "./useTaxes.js";
 import "classnames";
-import { ActionsLayout as e } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as m } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-const d = () => {
-  const { t } = i("Employee.Taxes"), { isPending: n } = r(), s = m();
-  return /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(s.Button, { type: "submit", isLoading: n, children: t("submitCta") }) });
+import "../../../shared/constants.js";
+import { ActionsLayout as m } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as e } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+const l = () => {
+  const { t } = r("Employee.Taxes"), { isPending: n } = s(), i = e();
+  return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(i.Button, { type: "submit", isLoading: n, children: t("submitCta") }) });
 };
 export {
-  d as Actions
+  l as Actions
 };
 //# sourceMappingURL=Actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/Taxes/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useTaxes } from './useTaxes'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Employee.Taxes')\n  const { isPending } = useTaxes()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","useTaxes","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,EAAA,IAAMC,EAAe,gBAAgB,GACvC,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,WAAW,GAChB,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/Taxes/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useTaxes } from './useTaxes'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Employee.Taxes')\n  const { isPending } = useTaxes()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('submitCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","useTaxes","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,EAAA,IAAMC,EAAe,gBAAgB,GACvC,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,WAAW,GAChB,GACF;AAEJ;"}

package/dist/components/Employee/Taxes/FederalForm.js

@@ -1,12 +1,13 @@
 import { jsxs as l, Fragment as a, jsx as r } from "react/jsx-runtime";
-import { useTranslation as s, Trans as u } from "react-i18next";
+import { useTranslation as s, Trans as m } from "react-i18next";
 import { z as t } from "zod";
 import "classnames";
-import { useComponentContext as m } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { SelectField as d } from "../../Common/Fields/SelectField/SelectField.js";
-import { RadioGroupField as f } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import "../../../shared/constants.js";
+import { RadioGroupField as u } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { NumberInputField as i } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-const R = t.object({
+import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { SelectField as f } from "../../Common/Fields/SelectField/SelectField.js";
+const q = t.object({
   filingStatus: t.string().min(1),
   twoJobs: t.string().min(1),
   dependentsAmount: t.number().transform(String),
@@ -15,8 +16,8 @@ const R = t.object({
   extraWithholding: t.number().transform(String),
   w4DataType: t.enum(["pre_2020_w4", "rev_2020_w4"])
 });
-function q() {
-  const { t: e } = s("Employee.Taxes"), o = m(), n = [
+function v() {
+  const { t: e } = s("Employee.Taxes"), o = d(), n = [
     { value: "Single", label: e("filingStatusSingle") },
     { value: "Married", label: e("filingStatusMarried") },
     { value: "Head of Household", label: e("filingStatusHeadOfHousehold") },
@@ -24,7 +25,7 @@ function q() {
   ];
   return /* @__PURE__ */ l(a, { children: [
     /* @__PURE__ */ r(
-      d,
+      f,
       {
         name: "filingStatus",
         label: e("federalFilingStatus1c"),
@@ -35,14 +36,14 @@ function q() {
       }
     ),
     /* @__PURE__ */ r(
-      f,
+      u,
       {
         name: "twoJobs",
         isRequired: !0,
         label: e("multipleJobs2c"),
         errorMessage: e("validations.federalTwoJobs"),
         description: /* @__PURE__ */ r(o.Text, { children: /* @__PURE__ */ r(
-          u,
+          m,
           {
             i18nKey: "includesSpouseExplanation",
             t: e,
@@ -102,7 +103,7 @@ function q() {
   ] });
 }
 export {
-  q as FederalForm,
-  R as FederalFormSchema
+  v as FederalForm,
+  q as FederalFormSchema
 };
 //# sourceMappingURL=FederalForm.js.map

package/dist/components/Employee/Taxes/FederalForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalForm.js","sources":["../../../../src/components/Employee/Taxes/FederalForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { NumberInputField, RadioGroupField, SelectField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const FederalFormSchema = z.object({\n  filingStatus: z.string().min(1),\n  twoJobs: z.string().min(1),\n  dependentsAmount: z.number().transform(String),\n  otherIncome: z.number().transform(String),\n  deductions: z.number().transform(String),\n  extraWithholding: z.number().transform(String),\n  w4DataType: z.enum(['pre_2020_w4', 'rev_2020_w4']),\n})\n\nexport type FederalFormInputs = z.input<typeof FederalFormSchema>\nexport type FederalFormPayload = z.output<typeof FederalFormSchema>\n\nexport function FederalForm() {\n  const { t } = useTranslation('Employee.Taxes')\n  const Components = useComponentContext()\n\n  const filingStatusCategories = [\n    { value: 'Single', label: t('filingStatusSingle') },\n    { value: 'Married', label: t('filingStatusMarried') },\n    { value: 'Head of Household', label: t('filingStatusHeadOfHousehold') },\n    { value: 'Exempt from withholding', label: t('filingStatusExemptFromWithholding') },\n  ]\n\n  return (\n    <>\n      <SelectField\n        name=\"filingStatus\"\n        label={t('federalFilingStatus1c')}\n        placeholder={t('federalFillingStatusPlaceholder')}\n        options={filingStatusCategories}\n        isRequired\n        errorMessage={t('validations.federalFilingStatus')}\n      />\n      <RadioGroupField\n        name=\"twoJobs\"\n        isRequired\n        label={t('multipleJobs2c')}\n        errorMessage={t('validations.federalTwoJobs')}\n        description={\n          <Components.Text>\n            <Trans\n              i18nKey={'includesSpouseExplanation'}\n              t={t}\n              components={{\n                irs_link: <Components.Link />,\n              }}\n            />\n          </Components.Text>\n        }\n        options={[\n          { value: 'true', label: t('twoJobYesLabel') },\n          { value: 'false', label: t('twoJobNoLabel') },\n        ]}\n      />\n      <NumberInputField\n        name=\"dependentsAmount\"\n        isRequired\n        label={t('dependentsTotalIfApplicable')}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"otherIncome\"\n        isRequired\n        label={t('otherIncome')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"deductions\"\n        isRequired\n        label={t('deductions')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"extraWithholding\"\n        isRequired\n        label={t('extraWithholding')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n    </>\n  )\n}\n"],"names":["FederalFormSchema","z","FederalForm","t","useTranslation","Components","useComponentContext","filingStatusCategories","jsxs","Fragment","jsx","SelectField","RadioGroupField","Trans","NumberInputField"],"mappings":"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"}
+{"version":3,"file":"FederalForm.js","sources":["../../../../src/components/Employee/Taxes/FederalForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { NumberInputField, RadioGroupField, SelectField } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const FederalFormSchema = z.object({\n  filingStatus: z.string().min(1),\n  twoJobs: z.string().min(1),\n  dependentsAmount: z.number().transform(String),\n  otherIncome: z.number().transform(String),\n  deductions: z.number().transform(String),\n  extraWithholding: z.number().transform(String),\n  w4DataType: z.enum(['pre_2020_w4', 'rev_2020_w4']),\n})\n\nexport type FederalFormInputs = z.input<typeof FederalFormSchema>\nexport type FederalFormPayload = z.output<typeof FederalFormSchema>\n\nexport function FederalForm() {\n  const { t } = useTranslation('Employee.Taxes')\n  const Components = useComponentContext()\n\n  const filingStatusCategories = [\n    { value: 'Single', label: t('filingStatusSingle') },\n    { value: 'Married', label: t('filingStatusMarried') },\n    { value: 'Head of Household', label: t('filingStatusHeadOfHousehold') },\n    { value: 'Exempt from withholding', label: t('filingStatusExemptFromWithholding') },\n  ]\n\n  return (\n    <>\n      <SelectField\n        name=\"filingStatus\"\n        label={t('federalFilingStatus1c')}\n        placeholder={t('federalFillingStatusPlaceholder')}\n        options={filingStatusCategories}\n        isRequired\n        errorMessage={t('validations.federalFilingStatus')}\n      />\n      <RadioGroupField\n        name=\"twoJobs\"\n        isRequired\n        label={t('multipleJobs2c')}\n        errorMessage={t('validations.federalTwoJobs')}\n        description={\n          <Components.Text>\n            <Trans\n              i18nKey={'includesSpouseExplanation'}\n              t={t}\n              components={{\n                irs_link: <Components.Link />,\n              }}\n            />\n          </Components.Text>\n        }\n        options={[\n          { value: 'true', label: t('twoJobYesLabel') },\n          { value: 'false', label: t('twoJobNoLabel') },\n        ]}\n      />\n      <NumberInputField\n        name=\"dependentsAmount\"\n        isRequired\n        label={t('dependentsTotalIfApplicable')}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"otherIncome\"\n        isRequired\n        label={t('otherIncome')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"deductions\"\n        isRequired\n        label={t('deductions')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n      <NumberInputField\n        name=\"extraWithholding\"\n        isRequired\n        label={t('extraWithholding')}\n        format=\"currency\"\n        min={0}\n        errorMessage={t('fieldIsRequired')}\n      />\n    </>\n  )\n}\n"],"names":["FederalFormSchema","z","FederalForm","t","useTranslation","Components","useComponentContext","filingStatusCategories","jsxs","Fragment","jsx","SelectField","RadioGroupField","Trans","NumberInputField"],"mappings":"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"}

package/dist/components/Employee/Taxes/useTaxes.js

@@ -12,10 +12,11 @@ import "classnames";
 import "dompurify";
 import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [f, v] = o("TaxesContext");
+const [v, P] = o("TaxesContext");
 export {
-  v as TaxesProvider,
-  f as useTaxes
+  P as TaxesProvider,
+  v as useTaxes
 };
 //# sourceMappingURL=useTaxes.js.map

package/dist/components/Employee/Taxes/useTaxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTaxes.js","sources":["../../../../src/components/Employee/Taxes/useTaxes.ts"],"sourcesContent":["import type { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype TaxesContextType = {\n  employeeStateTaxes: EmployeeStateTaxesList[]\n  isPending: boolean\n  isAdmin: boolean\n}\n\nconst [useTaxes, TaxesProvider] = createCompoundContext<TaxesContextType>('TaxesContext')\nexport { useTaxes, TaxesProvider }\n"],"names":["useTaxes","TaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AASA,MAAM,CAACA,GAAUC,CAAa,IAAIC,EAAwC,cAAc;"}
+{"version":3,"file":"useTaxes.js","sources":["../../../../src/components/Employee/Taxes/useTaxes.ts"],"sourcesContent":["import type { EmployeeStateTaxesList } from '@gusto/embedded-api/models/components/employeestatetaxeslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype TaxesContextType = {\n  employeeStateTaxes: EmployeeStateTaxesList[]\n  isPending: boolean\n  isAdmin: boolean\n}\n\nconst [useTaxes, TaxesProvider] = createCompoundContext<TaxesContextType>('TaxesContext')\nexport { useTaxes, TaxesProvider }\n"],"names":["useTaxes","TaxesProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AASA,MAAM,CAACA,GAAUC,CAAa,IAAIC,EAAwC,cAAc;"}

package/dist/components/Payroll/PayrollBlocker/PayrollBlockerAlerts.d.ts

@@ -0,0 +1,14 @@
+import { ApiPayrollBlocker } from './payrollHelpers';
+interface PayrollBlockerAlertsProps {
+    blockers: ApiPayrollBlocker[];
+    className?: string;
+    onMultipleViewClick?: () => void;
+    multipleViewLabel?: string;
+}
+/**
+ * PayrollBlockerAlerts - Alert-style component for inline blocker display
+ * Shows single blocker as alert, or multiple blockers as summary with "Review" button
+ * Returns null for empty blocker arrays
+ */
+export declare function PayrollBlockerAlerts({ blockers, onMultipleViewClick, multipleViewLabel, className, }: PayrollBlockerAlertsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Payroll/PayrollBlocker/PayrollBlockerAlerts.js

@@ -0,0 +1,54 @@
+import { jsx as l, jsxs as d } from "react/jsx-runtime";
+import { useTranslation as v } from "react-i18next";
+import { getBlockerTranslationKeys as A } from "./payrollHelpers.js";
+import { useComponentContext as C } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as m } from "../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
+import { useI18n as D } from "../../../i18n/I18n.js";
+function F({
+  blockers: n,
+  onMultipleViewClick: i,
+  multipleViewLabel: h,
+  className: s
+}) {
+  D("PayrollBlocker");
+  const { t: e } = v("PayrollBlocker"), { Alert: c, Button: f, Text: a, UnorderedList: x } = C();
+  if (n.length === 0)
+    return null;
+  const g = n.length > 1, p = n.map((r) => {
+    const o = A(r.key), B = e(o.titleKey, {
+      defaultValue: r.key.replace(/_/g, " ").replace(/\b\w/g, (K) => K.toUpperCase())
+    }), T = e(o.descriptionKey, {
+      defaultValue: r.message || e("defaultBlockerDescription")
+    }), k = e(o.helpTextKey, { defaultValue: e("defaultBlockerHelpText") });
+    return {
+      ...r,
+      title: B,
+      description: T,
+      helpText: k
+    };
+  }), t = p[0];
+  if (!g && t)
+    return /* @__PURE__ */ l(c, { status: "error", label: t.title, className: s, children: /* @__PURE__ */ d(m, { flexDirection: "column", gap: 8, children: [
+      /* @__PURE__ */ l(a, { children: t.description }),
+      t.helpText && t.helpText !== t.description && /* @__PURE__ */ l(a, { variant: "supporting", size: "sm", children: t.helpText })
+    ] }) });
+  const y = p.map((r) => r.title), u = h || e("viewAllBlockers");
+  return /* @__PURE__ */ l(
+    c,
+    {
+      status: "error",
+      label: e("multipleIssuesTitle", { count: n.length }),
+      className: s,
+      children: /* @__PURE__ */ d(m, { flexDirection: "column", gap: 16, children: [
+        /* @__PURE__ */ l(x, { items: y }),
+        i && /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(f, { variant: "secondary", onClick: i, title: u, children: u }) })
+      ] })
+    }
+  );
+}
+export {
+  F as PayrollBlockerAlerts
+};
+//# sourceMappingURL=PayrollBlockerAlerts.js.map

package/dist/components/Payroll/PayrollBlocker/PayrollBlockerAlerts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayrollBlockerAlerts.js","sources":["../../../../src/components/Payroll/PayrollBlocker/PayrollBlockerAlerts.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type ApiPayrollBlocker, getBlockerTranslationKeys } from './payrollHelpers'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common'\nimport { useI18n } from '@/i18n'\n\ninterface PayrollBlockerAlertsProps {\n  blockers: ApiPayrollBlocker[]\n  className?: string\n  onMultipleViewClick?: () => void\n  multipleViewLabel?: string\n}\n\n/**\n * PayrollBlockerAlerts - Alert-style component for inline blocker display\n * Shows single blocker as alert, or multiple blockers as summary with \"Review\" button\n * Returns null for empty blocker arrays\n */\nexport function PayrollBlockerAlerts({\n  blockers,\n  onMultipleViewClick,\n  multipleViewLabel,\n  className,\n}: PayrollBlockerAlertsProps) {\n  useI18n('PayrollBlocker')\n  const { t } = useTranslation('PayrollBlocker')\n  const { Alert, Button, Text, UnorderedList } = useComponentContext()\n\n  // Return null for empty blockers array\n  if (blockers.length === 0) {\n    return null\n  }\n\n  const hasMultipleBlockers = blockers.length > 1\n\n  const enrichedBlockers = blockers.map(blocker => {\n    const translationKeys = getBlockerTranslationKeys(blocker.key)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: blocker.key.replace(/_/g, ' ').replace(/\\b\\w/g, l => l.toUpperCase()),\n    })\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n    const helpText = t(translationKeys.helpTextKey, { defaultValue: t('defaultBlockerHelpText') })\n\n    return {\n      ...blocker,\n      title,\n      description,\n      helpText,\n    }\n  })\n\n  const singleBlocker = enrichedBlockers[0]\n\n  if (!hasMultipleBlockers && singleBlocker) {\n    return (\n      <Alert status=\"error\" label={singleBlocker.title} className={className}>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Text>{singleBlocker.description}</Text>\n          {singleBlocker.helpText && singleBlocker.helpText !== singleBlocker.description && (\n            <Text variant=\"supporting\" size=\"sm\">\n              {singleBlocker.helpText}\n            </Text>\n          )}\n        </Flex>\n      </Alert>\n    )\n  }\n\n  const listItems = enrichedBlockers.map(blocker => blocker.title)\n  const defaultMultipleLabel = multipleViewLabel || t('viewAllBlockers')\n\n  return (\n    <Alert\n      status=\"error\"\n      label={t('multipleIssuesTitle', { count: blockers.length })}\n      className={className}\n    >\n      <Flex flexDirection=\"column\" gap={16}>\n        <UnorderedList items={listItems} />\n        {onMultipleViewClick && (\n          <div>\n            <Button variant=\"secondary\" onClick={onMultipleViewClick} title={defaultMultipleLabel}>\n              {defaultMultipleLabel}\n            </Button>\n          </div>\n        )}\n      </Flex>\n    </Alert>\n  )\n}\n"],"names":["PayrollBlockerAlerts","blockers","onMultipleViewClick","multipleViewLabel","className","useI18n","t","useTranslation","Alert","Button","Text","UnorderedList","useComponentContext","hasMultipleBlockers","enrichedBlockers","blocker","translationKeys","getBlockerTranslationKeys","title","l","description","helpText","singleBlocker","jsx","jsxs","Flex","listItems","defaultMultipleLabel"],"mappings":";;;;;;;;AAkBO,SAASA,EAAqB;AAAA,EACnC,UAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,gBAAgB;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gBAAgB,GACvC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,eAAAC,EAAA,IAAkBC,EAAA;AAG/C,MAAIX,EAAS,WAAW;AACtB,WAAO;AAGT,QAAMY,IAAsBZ,EAAS,SAAS,GAExCa,IAAmBb,EAAS,IAAI,CAAAc,MAAW;AAC/C,UAAMC,IAAkBC,EAA0BF,EAAQ,GAAG,GAEvDG,IAAQZ,EAAEU,EAAgB,UAAU;AAAA,MACxC,cAAcD,EAAQ,IAAI,QAAQ,MAAM,GAAG,EAAE,QAAQ,SAAS,CAAAI,MAAKA,EAAE,YAAA,CAAa;AAAA,IAAA,CACnF,GACKC,IAAcd,EAAEU,EAAgB,gBAAgB;AAAA,MACpD,cAAcD,EAAQ,WAAWT,EAAE,2BAA2B;AAAA,IAAA,CAC/D,GACKe,IAAWf,EAAEU,EAAgB,aAAa,EAAE,cAAcV,EAAE,wBAAwB,GAAG;AAE7F,WAAO;AAAA,MACL,GAAGS;AAAA,MACH,OAAAG;AAAA,MACA,aAAAE;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAEJ,CAAC,GAEKC,IAAgBR,EAAiB,CAAC;AAExC,MAAI,CAACD,KAAuBS;AAC1B,WACE,gBAAAC,EAACf,GAAA,EAAM,QAAO,SAAQ,OAAOc,EAAc,OAAO,WAAAlB,GAChD,UAAA,gBAAAoB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAF,EAACb,GAAA,EAAM,YAAc,YAAA,CAAY;AAAA,MAChCY,EAAc,YAAYA,EAAc,aAAaA,EAAc,eAClE,gBAAAC,EAACb,GAAA,EAAK,SAAQ,cAAa,MAAK,MAC7B,YAAc,SAAA,CACjB;AAAA,IAAA,EAAA,CAEJ,EAAA,CACF;AAIJ,QAAMgB,IAAYZ,EAAiB,IAAI,CAAAC,MAAWA,EAAQ,KAAK,GACzDY,IAAuBxB,KAAqBG,EAAE,iBAAiB;AAErE,SACE,gBAAAiB;AAAA,IAACf;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAOF,EAAE,uBAAuB,EAAE,OAAOL,EAAS,QAAQ;AAAA,MAC1D,WAAAG;AAAA,MAEA,UAAA,gBAAAoB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAF,EAACZ,GAAA,EAAc,OAAOe,EAAA,CAAW;AAAA,QAChCxB,KACC,gBAAAqB,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACd,GAAA,EAAO,SAAQ,aAAY,SAASP,GAAqB,OAAOyB,GAC9D,UAAAA,EAAA,CACH,EAAA,CACF;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/PayrollBlocker/PayrollBlockerList.d.ts

@@ -0,0 +1,19 @@
+export interface PayrollBlocker {
+    id: string;
+    title: string;
+    description: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+interface PayrollBlockerListProps {
+    blockers: PayrollBlocker[];
+    className?: string;
+}
+/**
+ * PayrollBlockerList - DataView-based component displaying payroll blockers
+ * Shows each blocker with individual resolution buttons
+ */
+export declare function PayrollBlockerList({ blockers, className }: PayrollBlockerListProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { PayrollBlockerAlerts } from './PayrollBlockerAlerts';
+export type { ApiPayrollBlocker } from './payrollHelpers';

package/dist/components/Payroll/PayrollBlocker/payrollHelpers.d.ts

@@ -0,0 +1,27 @@
+import { PayrollBlockersError } from '@gusto/embedded-api/models/errors/payrollblockerserror';
+import { UnprocessableEntityErrorObject1 } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject1';
+export interface ApiPayrollBlocker {
+    key: string;
+    message?: string;
+}
+export declare function isPayrollBlockersError(error: unknown): error is PayrollBlockersError;
+export declare function isUnprocessableEntityWithPayrollBlockers(error: unknown): error is UnprocessableEntityErrorObject1;
+export declare function parsePayrollBlockersFromError(error: unknown): ApiPayrollBlocker[];
+export interface PayrollSubmitResult {
+    success: boolean;
+    blockers: ApiPayrollBlocker[];
+}
+/**
+ * Direct submit handler for payroll operations that handles payroll blockers
+ * Returns blockers if found, otherwise throws the error for caller to handle
+ */
+export declare const payrollSubmitHandler: (payrollHandler: () => Promise<void>) => Promise<PayrollSubmitResult>;
+/**
+ * Get translation keys for a blocker - use these in components with useTranslation
+ */
+export declare function getBlockerTranslationKeys(key: string): {
+    titleKey: string;
+    descriptionKey: string;
+    helpTextKey: string;
+    defaultActionKey: string;
+};