npm - @gusto/embedded-react-sdk - Versions diffs - 0.51.2 → 0.52.0 - Mend

@gusto/embedded-react-sdk 0.51.2 → 0.52.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (213) hide show

package/dist/components/Employee/EmployeeList/shared/useEmployeeList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useEmployeeList.js","sources":["../../../../../src/components/Employee/EmployeeList/shared/useEmployeeList.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useEmployeesList } from '@gusto/embedded-api/react-query/employeesList'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { EmployeeOnboardingStatus as EmployeeOnboardingStatusEntity } from '@gusto/embedded-api/models/components/employeeonboardingstatus'\nimport { useEmployeesDeleteMutation } from '@gusto/embedded-api/react-query/employeesDelete'\nimport { useEmployeesUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { EmployeeOnboardingStatus, EmployeeSelfOnboardingStatuses } from '@/shared/constants'\nimport type { HookLoadingResult, BaseHookReady } from '@/partner-hook-utils/types'\n\n/*\n Action that may be performed on an employee row, determined by the employee's onboarding state\n * and the `employeeType` filter passed to {@link useEmployeeList}.\n \n @public\n /\nexport type EmployeeAction =\n 'edit' \| 'delete' \| 'cancel_self_onboarding' \| 'review' \| 'dismiss' \| 'rehire'\n\n/\n An employee entity extended with the actions permitted on it and a reference to its primary job.\n \n @public\n /\nexport interface EmployeeWithActions extends Employee {\n /* Actions permitted for this employee given its onboarding status and the active filter. /\n allowedActions: EmployeeAction[]\n /* The employee's primary job, if one is marked primary. /\n primaryJob?: Job\n}\n\n/\n Filter applied to {@link useEmployeeList} that scopes the result set and tailors the per-row action list.\n \n @public\n /\nexport type EmployeeType = 'active' \| 'onboarding' \| 'terminated'\n\n/\n Props for {@link useEmployeeList}.\n \n @public\n /\nexport interface UseEmployeeListProps {\n /* The associated company identifier. /\n companyId: string\n /* Filters the list and tailors the allowed actions. Omit to list all employees. /\n employeeType?: EmployeeType\n}\n\n/\n Ready state of {@link useEmployeeList}.\n \n @public\n /\nexport interface UseEmployeeListReady extends BaseHookReady<\n { employees: EmployeeWithActions[] },\n { isFetching: boolean; isPending: boolean }\n> {\n /* Pagination controls for the current employee list page. /\n pagination: PaginationControlProps\n /* Actions that mutate an employee's state, gated by the entry's `allowedActions`. /\n actions: {\n /* Deletes the employee. /\n onDelete: (employeeId: string) => Promise<void>\n /* Moves the employee into the admin-review onboarding status. Resolves to the updated record, or `undefined` if the call failed. /\n onReview: (employeeId: string) => Promise<EmployeeOnboardingStatusEntity \| undefined>\n /* Reverts a self-onboarding employee to admin-driven onboarding. Resolves to the updated record, or `undefined` if the call failed. /\n onCancelSelfOnboarding: (\n employeeId: string,\n ) => Promise<EmployeeOnboardingStatusEntity \| undefined>\n }\n}\n\n/\n Return type of {@link useEmployeeList}.\n \n @public\n /\nexport type UseEmployeeListResult = HookLoadingResult \| UseEmployeeListReady\n\nfunction deriveAllowedActions(employee: Employee, employeeType?: EmployeeType): EmployeeAction[] {\n const actions: EmployeeAction[] = []\n\n // Edit action - available for certain onboarding statuses, but not for terminated employees\n if (\n employeeType !== 'terminated' &&\n (employee.onboardingStatus === EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE \|\|\n employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE \|\|\n employee.onboardingStatus ===\n EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW \|\|\n employee.onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED)\n ) {\n actions.push('edit')\n }\n\n // Cancel self onboarding - available for employees in self-onboarding flow\n if (\n employee.onboardingStatus &&\n // @ts-expect-error: onboardingStatus during runtime can be one of self onboarding statuses\n EmployeeSelfOnboardingStatuses.has(employee.onboardingStatus)\n ) {\n actions.push('cancel_self_onboarding')\n }\n\n // Review action - available when employee completed self-onboarding\n if (\n employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE\n ) {\n actions.push('review')\n }\n\n // Delete action - available for non-onboarded employees\n if (!employee.onboarded) {\n actions.push('delete')\n }\n\n // Tab-specific actions for ManagementEmployeeList\n if (employeeType === 'active') {\n actions.push('dismiss')\n }\n\n if (employeeType === 'terminated') {\n actions.push('rehire')\n }\n\n return actions\n}\n\n/\n Fetches a paginated list of a company's employees and decorates each entry with the actions\n * allowed for its current onboarding state.\n \n @remarks\n * `employeeType` maps to a server-side filter and changes which actions appear on each row:\n * `'active'` adds `dismiss`, `'terminated'` adds `rehire`, `'onboarding'` adds none. Omit it\n * to list every employee.\n \n Page changes use placeholder data: the previous page stays rendered while the next one loads,\n * and `status.isFetching` flips to `true` during the request.\n \n @param input - Company and optional filter for the list.\n * @returns A {@link HookLoadingResult} while the first page is in flight, or a {@link UseEmployeeListReady} once data has arrived.\n * @public\n \n @example\n * ```tsx\n * import { useEmployeeList } from '@gusto/embedded-react-sdk'\n \n function EmployeeListPage({ companyId }: { companyId: string }) {\n * const employeeList = useEmployeeList({ companyId, employeeType: 'onboarding' })\n \n if (employeeList.isLoading) return <div>Loading...</div>\n \n return (\n * <ul>\n * {employeeList.data.employees.map(employee => (\n * <li key={employee.uuid}>\n * {employee.firstName} {employee.lastName}\n * {employee.allowedActions.includes('delete') && (\n * <button onClick={() => employeeList.actions.onDelete(employee.uuid)}>Delete</button>\n * )}\n * </li>\n * ))}\n * </ul>\n * )\n * }\n * ```\n */\nexport function useEmployeeList({\n companyId,\n employeeType,\n}: UseEmployeeListProps): UseEmployeeListResult {\n const { currentPage, itemsPerPage, getPaginationProps } = usePagination()\n\n const queryParams = useMemo(() => {\n const baseParams = {\n companyId,\n page: currentPage,\n per: itemsPerPage,\n }\n\n switch (employeeType) {\n case 'active':\n return { ...baseParams, onboardedActive: true }\n case 'onboarding':\n return { ...baseParams, onboarded: false }\n case 'terminated':\n return { ...baseParams, terminated: true }\n default:\n return baseParams\n }\n }, [companyId, currentPage, itemsPerPage, employeeType])\n\n const employeesQuery = useEmployeesList(queryParams, { placeholderData: keepPreviousData })\n\n const deleteEmployeeMutation = useEmployeesDeleteMutation()\n const updateOnboardingStatusMutation = useEmployeesUpdateOnboardingStatusMutation()\n\n const {\n baseSubmitHandler,\n error: submitError,\n setError: setSubmitError,\n } = useBaseSubmit('EmployeeList')\n\n const errorHandling = composeErrorHandler([employeesQuery], { submitError, setSubmitError })\n\n const isPending = deleteEmployeeMutation.isPending \|\| updateOnboardingStatusMutation.isPending\n\n const { data, isFetching } = employeesQuery\n\n const employees = useMemo<EmployeeWithActions[]>(() => {\n return (data?.showEmployees ?? []).map(employee => {\n const primaryJob = employee.jobs?.find(job => job.primary === true)\n\n return {\n ...employee,\n allowedActions: deriveAllowedActions(employee, employeeType),\n primaryJob,\n }\n })\n }, [data?.showEmployees, employeeType])\n\n const paginationProps = data?.httpMeta.response.headers\n ? getPaginationProps(data.httpMeta.response.headers, isFetching)\n : {\n handleNextPage: () => {},\n handleFirstPage: () => {},\n handleLastPage: () => {},\n handlePreviousPage: () => {},\n handleItemsPerPageChange: () => {},\n currentPage: 1,\n totalPages: 1,\n totalCount: 0,\n itemsPerPage: 5 as const,\n }\n\n const onDelete = async (employeeId: string): Promise<void> => {\n await baseSubmitHandler(employeeId, async id => {\n await deleteEmployeeMutation.mutateAsync({\n request: { employeeId: id },\n })\n })\n }\n\n const onReview = async (\n employeeId: string,\n ): Promise<EmployeeOnboardingStatusEntity \| undefined> => {\n let onboardingStatus: EmployeeOnboardingStatusEntity \| undefined\n\n await baseSubmitHandler(employeeId, async id => {\n const result = await updateOnboardingStatusMutation.mutateAsync({\n request: {\n employeeId: id,\n requestBody: {\n onboardingStatus: EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n },\n },\n })\n\n onboardingStatus = result.employeeOnboardingStatus\n })\n\n return onboardingStatus\n }\n\n const onCancelSelfOnboarding = async (\n employeeId: string,\n ): Promise<EmployeeOnboardingStatusEntity \| undefined> => {\n let onboardingStatus: EmployeeOnboardingStatusEntity \| undefined\n\n await baseSubmitHandler(employeeId, async id => {\n const result = await updateOnboardingStatusMutation.mutateAsync({\n request: {\n employeeId: id,\n requestBody: {\n onboardingStatus: EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n },\n },\n })\n\n onboardingStatus = result.employeeOnboardingStatus\n })\n\n return onboardingStatus\n }\n\n const isLoading = !data && isFetching\n\n if (isLoading) {\n return {\n isLoading: true,\n errorHandling,\n }\n }\n\n return {\n isLoading: false,\n data: {\n employees,\n },\n pagination: paginationProps,\n status: { isFetching, isPending },\n actions: { onDelete, onReview, onCancelSelfOnboarding },\n errorHandling,\n }\n}\n"],"names":["deriveAllowedActions","employee","employeeType","actions","EmployeeOnboardingStatus","EmployeeSelfOnboardingStatuses","useEmployeeList","companyId","currentPage","itemsPerPage","getPaginationProps","usePagination","queryParams","useMemo","baseParams","employeesQuery","useEmployeesList","keepPreviousData","deleteEmployeeMutation","useEmployeesDeleteMutation","updateOnboardingStatusMutation","useEmployeesUpdateOnboardingStatusMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","isPending","data","isFetching","employees","primaryJob","job","paginationProps","onDelete","employeeId","id","onReview","onboardingStatus","onCancelSelfOnboarding"],"mappings":"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"}
1	+ {"version":3,"file":"useEmployeeList.js","sources":["../../../../../src/components/Employee/EmployeeList/shared/useEmployeeList.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useEmployeesList } from '@gusto/embedded-api/react-query/employeesList'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport type { EmployeeOnboardingStatus as EmployeeOnboardingStatusEntity } from '@gusto/embedded-api/models/components/employeeonboardingstatus'\nimport { useEmployeesDeleteMutation } from '@gusto/embedded-api/react-query/employeesDelete'\nimport { useEmployeesUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { EmployeeOnboardingStatus, EmployeeSelfOnboardingStatuses } from '@/shared/constants'\nimport type { HookLoadingResult, BaseHookReady } from '@/partner-hook-utils/types'\n\n/*\n Action that may be performed on an employee row, determined by the employee's onboarding state\n * and the `employeeType` filter passed to {@link useEmployeeList}.\n \n @public\n /\nexport type EmployeeAction =\n 'edit' \| 'delete' \| 'cancel_self_onboarding' \| 'review' \| 'dismiss' \| 'rehire'\n\n/\n An employee entity extended with the actions permitted on it and a reference to its primary job.\n \n @public\n /\nexport interface EmployeeWithActions extends Employee {\n /* Actions permitted for this employee given its onboarding status and the active filter. /\n allowedActions: EmployeeAction[]\n /* The employee's primary job, if one is marked primary. /\n primaryJob?: Job\n}\n\n/\n Filter applied to {@link useEmployeeList} that scopes the result set and tailors the per-row action list.\n \n @public\n /\nexport type EmployeeType = 'active' \| 'onboarding' \| 'terminated'\n\n/\n Props for {@link useEmployeeList}.\n \n @public\n /\nexport interface UseEmployeeListProps {\n /* The associated company identifier. /\n companyId: string\n /* Filters the list and tailors the allowed actions. Omit to list all employees. /\n employeeType?: EmployeeType\n}\n\n/\n Ready state of {@link useEmployeeList}.\n \n @public\n /\nexport interface UseEmployeeListReady extends BaseHookReady<\n { employees: EmployeeWithActions[] },\n { isFetching: boolean; isPending: boolean }\n> {\n /* Pagination controls for the current employee list page. /\n pagination: PaginationControlProps\n /* Actions that mutate an employee's state, gated by the entry's `allowedActions`. /\n actions: {\n /* Deletes the employee. /\n onDelete: (employeeId: string) => Promise<void>\n /* Moves the employee into the admin-review onboarding status. Resolves to the updated record, or `undefined` if the call failed. /\n onReview: (employeeId: string) => Promise<EmployeeOnboardingStatusEntity \| undefined>\n /* Reverts a self-onboarding employee to admin-driven onboarding. Resolves to the updated record, or `undefined` if the call failed. /\n onCancelSelfOnboarding: (\n employeeId: string,\n ) => Promise<EmployeeOnboardingStatusEntity \| undefined>\n }\n}\n\n/\n Return type of {@link useEmployeeList}.\n \n @public\n /\nexport type UseEmployeeListResult = HookLoadingResult \| UseEmployeeListReady\n\nfunction deriveAllowedActions(employee: Employee, employeeType?: EmployeeType): EmployeeAction[] {\n const actions: EmployeeAction[] = []\n\n // Edit action - available for certain onboarding statuses, but not for terminated employees\n if (\n employeeType !== 'terminated' &&\n (employee.onboardingStatus === EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE \|\|\n employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE \|\|\n employee.onboardingStatus ===\n EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW \|\|\n employee.onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED)\n ) {\n actions.push('edit')\n }\n\n // Cancel self onboarding - available for employees in self-onboarding flow\n if (employee.onboardingStatus && EmployeeSelfOnboardingStatuses.has(employee.onboardingStatus)) {\n actions.push('cancel_self_onboarding')\n }\n\n // Review action - available when employee completed self-onboarding\n if (\n employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE\n ) {\n actions.push('review')\n }\n\n // Delete action - available for non-onboarded employees\n if (!employee.onboarded) {\n actions.push('delete')\n }\n\n // Tab-specific actions for ManagementEmployeeList\n if (employeeType === 'active') {\n actions.push('dismiss')\n }\n\n if (employeeType === 'terminated') {\n actions.push('rehire')\n }\n\n return actions\n}\n\n/\n Fetches a paginated list of a company's employees and decorates each entry with the actions\n * allowed for its current onboarding state.\n \n @remarks\n * `employeeType` maps to a server-side filter and changes which actions appear on each row:\n * `'active'` adds `dismiss`, `'terminated'` adds `rehire`, `'onboarding'` adds none. Omit it\n * to list every employee.\n \n Page changes use placeholder data: the previous page stays rendered while the next one loads,\n * and `status.isFetching` flips to `true` during the request.\n \n @param input - Company and optional filter for the list.\n * @returns A {@link HookLoadingResult} while the first page is in flight, or a {@link UseEmployeeListReady} once data has arrived.\n * @public\n \n @example\n * ```tsx\n * import { useEmployeeList } from '@gusto/embedded-react-sdk'\n \n function EmployeeListPage({ companyId }: { companyId: string }) {\n * const employeeList = useEmployeeList({ companyId, employeeType: 'onboarding' })\n \n if (employeeList.isLoading) return <div>Loading...</div>\n \n return (\n * <ul>\n * {employeeList.data.employees.map(employee => (\n * <li key={employee.uuid}>\n * {employee.firstName} {employee.lastName}\n * {employee.allowedActions.includes('delete') && (\n * <button onClick={() => employeeList.actions.onDelete(employee.uuid)}>Delete</button>\n * )}\n * </li>\n * ))}\n * </ul>\n * )\n * }\n * ```\n */\nexport function useEmployeeList({\n companyId,\n employeeType,\n}: UseEmployeeListProps): UseEmployeeListResult {\n const { currentPage, itemsPerPage, getPaginationProps } = usePagination()\n\n const queryParams = useMemo(() => {\n const baseParams = {\n companyId,\n page: currentPage,\n per: itemsPerPage,\n }\n\n switch (employeeType) {\n case 'active':\n return { ...baseParams, onboardedActive: true }\n case 'onboarding':\n return { ...baseParams, onboarded: false }\n case 'terminated':\n return { ...baseParams, terminated: true }\n default:\n return baseParams\n }\n }, [companyId, currentPage, itemsPerPage, employeeType])\n\n const employeesQuery = useEmployeesList(queryParams, { placeholderData: keepPreviousData })\n\n const deleteEmployeeMutation = useEmployeesDeleteMutation()\n const updateOnboardingStatusMutation = useEmployeesUpdateOnboardingStatusMutation()\n\n const {\n baseSubmitHandler,\n error: submitError,\n setError: setSubmitError,\n } = useBaseSubmit('EmployeeList')\n\n const errorHandling = composeErrorHandler([employeesQuery], { submitError, setSubmitError })\n\n const isPending = deleteEmployeeMutation.isPending \|\| updateOnboardingStatusMutation.isPending\n\n const { data, isFetching } = employeesQuery\n\n const employees = useMemo<EmployeeWithActions[]>(() => {\n return (data?.showEmployees ?? []).map(employee => {\n const primaryJob = employee.jobs?.find(job => job.primary === true)\n\n return {\n ...employee,\n allowedActions: deriveAllowedActions(employee, employeeType),\n primaryJob,\n }\n })\n }, [data?.showEmployees, employeeType])\n\n const paginationProps = data?.httpMeta.response.headers\n ? getPaginationProps(data.httpMeta.response.headers, isFetching)\n : {\n handleNextPage: () => {},\n handleFirstPage: () => {},\n handleLastPage: () => {},\n handlePreviousPage: () => {},\n handleItemsPerPageChange: () => {},\n currentPage: 1,\n totalPages: 1,\n totalCount: 0,\n itemsPerPage: 5 as const,\n }\n\n const onDelete = async (employeeId: string): Promise<void> => {\n await baseSubmitHandler(employeeId, async id => {\n await deleteEmployeeMutation.mutateAsync({\n request: { employeeId: id },\n })\n })\n }\n\n const onReview = async (\n employeeId: string,\n ): Promise<EmployeeOnboardingStatusEntity \| undefined> => {\n let onboardingStatus: EmployeeOnboardingStatusEntity \| undefined\n\n await baseSubmitHandler(employeeId, async id => {\n const result = await updateOnboardingStatusMutation.mutateAsync({\n request: {\n employeeId: id,\n requestBody: {\n onboardingStatus: EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n },\n },\n })\n\n onboardingStatus = result.employeeOnboardingStatus\n })\n\n return onboardingStatus\n }\n\n const onCancelSelfOnboarding = async (\n employeeId: string,\n ): Promise<EmployeeOnboardingStatusEntity \| undefined> => {\n let onboardingStatus: EmployeeOnboardingStatusEntity \| undefined\n\n await baseSubmitHandler(employeeId, async id => {\n const result = await updateOnboardingStatusMutation.mutateAsync({\n request: {\n employeeId: id,\n requestBody: {\n onboardingStatus: EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n },\n },\n })\n\n onboardingStatus = result.employeeOnboardingStatus\n })\n\n return onboardingStatus\n }\n\n const isLoading = !data && isFetching\n\n if (isLoading) {\n return {\n isLoading: true,\n errorHandling,\n }\n }\n\n return {\n isLoading: false,\n data: {\n employees,\n },\n pagination: paginationProps,\n status: { isFetching, isPending },\n actions: { onDelete, onReview, onCancelSelfOnboarding },\n errorHandling,\n }\n}\n"],"names":["deriveAllowedActions","employee","employeeType","actions","EmployeeOnboardingStatus","EmployeeSelfOnboardingStatuses","useEmployeeList","companyId","currentPage","itemsPerPage","getPaginationProps","usePagination","queryParams","useMemo","baseParams","employeesQuery","useEmployeesList","keepPreviousData","deleteEmployeeMutation","useEmployeesDeleteMutation","updateOnboardingStatusMutation","useEmployeesUpdateOnboardingStatusMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","isPending","data","isFetching","employees","primaryJob","job","paginationProps","onDelete","employeeId","id","onReview","onboardingStatus","onCancelSelfOnboarding"],"mappings":"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"}

package/dist/components/Employee/FederalTaxes/shared/useFederalTaxesForm/federalTaxesSchema.d.ts CHANGED Viewed

@@ -34,7 +34,7 @@ export type FilingStatusValue = (typeof FILING_STATUS_VALUES)[number];
  *
  * @public
  */
-export type FederalTaxesField = "filingStatus" | "twoJobs" | "dependentsAmount" | "otherIncome" | "deductions" | "extraWithholding";
+export type FederalTaxesField = "deductions" | "dependentsAmount" | "extraWithholding" | "filingStatus" | "otherIncome" | "twoJobs";
 /**
  * Shape of the values managed by the federal taxes form.
  *
@@ -50,7 +50,7 @@ export type FederalTaxesFormOutputs = FederalTaxesFormData;
  *
  * @public
  */
-export type FederalTaxesOptionalFieldsToRequire = { create?: ("twoJobs" | "dependentsAmount" | "otherIncome" | "deductions" | "extraWithholding")[] | undefined; update?: ("twoJobs" | "dependentsAmount" | "otherIncome" | "deductions" | "extraWithholding")[] | undefined; };
+export type FederalTaxesOptionalFieldsToRequire = { create?: ("deductions" | "dependentsAmount" | "extraWithholding" | "otherIncome" | "twoJobs")[] | undefined; update?: ("deductions" | "dependentsAmount" | "extraWithholding" | "otherIncome" | "twoJobs")[] | undefined; };
 /** @internal */
 interface FederalTaxesSchemaOptions {
     optionalFieldsToRequire?: FederalTaxesOptionalFieldsToRequire;

package/dist/components/Employee/FederalTaxes/shared/useFederalTaxesForm/useFederalTaxesForm.d.ts CHANGED Viewed

@@ -136,4 +136,4 @@ export type UseFederalTaxesFormResult = HookLoadingResult | UseFederalTaxesFormR
  *
  * @public
  */
-export type FederalTaxesFieldsMetadata = { filingStatus: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Single" | "Married" | "Head of Household" | "Exempt from withholding">; twoJobs: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<boolean>; dependentsAmount: FieldMetadata; otherIncome: FieldMetadata; deductions: FieldMetadata; extraWithholding: FieldMetadata; };
+export type FederalTaxesFieldsMetadata = { filingStatus: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Exempt from withholding" | "Head of Household" | "Married" | "Single">; twoJobs: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<boolean>; dependentsAmount: FieldMetadata; otherIncome: FieldMetadata; deductions: FieldMetadata; extraWithholding: FieldMetadata; };

package/dist/components/Employee/OnboardingExecutionFlow/onboardingExecutionStateMachine.d.ts CHANGED Viewed

@@ -18,4 +18,4 @@ export declare const INITIAL_COMPONENT_MAP: {
  *
  * @public
  */
-export type OnboardingExecutionInitialState = keyof typeof INITIAL_COMPONENT_MAP;
+export type OnboardingExecutionInitialState = "employeeProfile";

package/dist/components/Employee/OnboardingExecutionFlow/onboardingExecutionStateMachine.js CHANGED Viewed

@@ -13,9 +13,7 @@ const E = (e) => (r) => ({
   s.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE,
   s.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,
   s.ONBOARDING_COMPLETED
-]), P = (e) => !(!e.withEmployeeI9 || e.onboardingStatus && M.has(e.onboardingStatus)), u = (e) => e.onboardingStatus ? !// prettier-ignore
-// @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses
-(_.has(e.onboardingStatus) || e.onboardingStatus === s.SELF_ONBOARDING_PENDING_INVITE) : !0, g = {
+]), P = (e) => !(!e.withEmployeeI9 || e.onboardingStatus && M.has(e.onboardingStatus)), u = (e) => e.onboardingStatus ? !(_.has(e.onboardingStatus) || e.onboardingStatus === s.SELF_ONBOARDING_PENDING_INVITE) : !0, g = {
   employeeProfile: a(
     o(
       n.EMPLOYEE_PROFILE_DONE,

package/dist/components/Employee/OnboardingExecutionFlow/onboardingExecutionStateMachine.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"onboardingExecutionStateMachine.js","sources":["../../../../src/components/Employee/OnboardingExecutionFlow/onboardingExecutionStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n FederalTaxesContextual,\n StateTaxesContextual,\n DeductionsContextual,\n type OnboardingContextInterface,\n} from './OnboardingExecutionFlowComponents'\nimport {\n componentEvents,\n EmployeeSelfOnboardingStatuses,\n EmployeeOnboardingStatus,\n} from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { CompensationContextual } from '@/components/Employee/Compensation'\nimport { EmployeeDocumentsContextual } from '@/components/Employee/Documents/onboarding/EmployeeDocuments'\nimport { PaymentMethodContextual } from '@/components/Employee/PaymentMethod'\nimport { ProfileContextual } from '@/components/Employee/Profile/onboarding/Profile'\nimport { OnboardingSummaryContextual } from '@/components/Employee/OnboardingSummary'\n\ntype EventPayloads = {\n [componentEvents.EMPLOYEE_PROFILE_DONE]: {\n uuid: string\n onboardingStatus: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n startDate: string\n }\n}\n\nconst createReducer = (props: Partial<OnboardingContextInterface>) => {\n return (ctx: OnboardingContextInterface): OnboardingContextInterface => ({\n ...ctx,\n ...props,\n })\n}\n\nconst employeeDocumentsConfigCompletedStatuses: Set<\n (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n> = new Set([\n EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE,\n EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n EmployeeOnboardingStatus.ONBOARDING_COMPLETED,\n])\n\nconst employeeDocumentsGuard = (ctx: OnboardingContextInterface) => {\n if (!ctx.withEmployeeI9) return false\n if (ctx.onboardingStatus && employeeDocumentsConfigCompletedStatuses.has(ctx.onboardingStatus))\n return false\n return true\n}\n\nconst selfOnboardingGuard = (ctx: OnboardingContextInterface) =>\n ctx.onboardingStatus\n ? !(\n ~~// prettier-ignore\n // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n~~ EmployeeSelfOnboardingStatuses.has(ctx.onboardingStatus) \|\|\n ctx.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n )\n : true\n\n/** @internal /\nexport const onboardingExecutionMachine = {\n employeeProfile: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_PROFILE_DONE,\n 'compensation',\n reduce(\n (\n ctx: OnboardingContextInterface,\n ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_PROFILE_DONE>,\n ): OnboardingContextInterface => ({\n ...ctx,\n component: CompensationContextual,\n employeeId: ev.payload.uuid,\n onboardingStatus: ev.payload.onboardingStatus,\n startDate: ev.payload.startDate,\n }),\n ),\n ),\n ),\n compensation: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_COMPENSATION_DONE,\n 'federalTaxes',\n reduce(createReducer({ component: FederalTaxesContextual })),\n guard(selfOnboardingGuard),\n ),\n transition(\n componentEvents.EMPLOYEE_COMPENSATION_DONE,\n 'deductions',\n reduce(createReducer({ component: DeductionsContextual })),\n ),\n ),\n federalTaxes: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE,\n 'stateTaxes',\n reduce(createReducer({ component: StateTaxesContextual })),\n guard(selfOnboardingGuard),\n ),\n ),\n stateTaxes: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_STATE_TAXES_DONE,\n 'paymentMethod',\n reduce(createReducer({ component: PaymentMethodContextual })),\n guard(selfOnboardingGuard),\n ),\n ),\n paymentMethod: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE,\n 'deductions',\n reduce(createReducer({ component: DeductionsContextual })),\n ),\n ),\n deductions: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_DEDUCTION_DONE,\n 'employeeDocuments',\n reduce(createReducer({ component: EmployeeDocumentsContextual })),\n guard(employeeDocumentsGuard),\n ),\n transition(\n componentEvents.EMPLOYEE_DEDUCTION_DONE,\n 'summary',\n reduce(createReducer({ component: OnboardingSummaryContextual })),\n ),\n ),\n employeeDocuments: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_DOCUMENTS_DONE,\n 'summary',\n reduce(createReducer({ component: OnboardingSummaryContextual })),\n ),\n ),\n summary: state<MachineTransition>(),\n}\n\n/* @internal /\nexport const INITIAL_COMPONENT_MAP = {\n employeeProfile: ProfileContextual,\n} as const\n\n/\n The set of steps {@link OnboardingExecutionFlow} can be started on.\n \n @public\n */\nexport type OnboardingExecutionInitialState = keyof typeof INITIAL_COMPONENT_MAP\n"],"names":["createReducer","props","ctx","employeeDocumentsConfigCompletedStatuses","EmployeeOnboardingStatus","employeeDocumentsGuard","selfOnboardingGuard","EmployeeSelfOnboardingStatuses","onboardingExecutionMachine","state","transition","componentEvents","reduce","ev","CompensationContextual","FederalTaxesContextual","guard","DeductionsContextual","StateTaxesContextual","PaymentMethodContextual","EmployeeDocumentsContextual","OnboardingSummaryContextual","INITIAL_COMPONENT_MAP","ProfileContextual"],"mappings":";;;;;;;;AA2BA,MAAMA,IAAgB,CAACC,MACd,CAACC,OAAiE;AAAA,EACvE,GAAGA;AAAA,EACH,GAAGD;AAAA,IAIDE,wBAEE,IAAI;AAAA,EACVC,EAAyB;AAAA,EACzBA,EAAyB;AAAA,EACzBA,EAAyB;AAC3B,CAAC,GAEKC,IAAyB,CAACH,MAC1B,GAACA,EAAI,kBACLA,EAAI,oBAAoBC,EAAyC,IAAID,EAAI,gBAAgB,IAKzFI,IAAsB,CAACJ,MAC3BA,EAAI,mBACA~~;AAAA;AAAA~~,~~CAGEK~~,EAA+B,IAAIL,EAAI,gBAAgB,KACvDA,EAAI,qBAAqBE,EAAyB,kCAEpD,IAGOI,IAA6B;AAAA,EACxC,iBAAiBC;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEV,GACAW,OACgC;AAAA,UAChC,GAAGX;AAAA,UACH,WAAWY;AAAA,UACX,YAAYD,EAAG,QAAQ;AAAA,UACvB,kBAAkBA,EAAG,QAAQ;AAAA,UAC7B,WAAWA,EAAG,QAAQ;AAAA,QAAA;AAAA,MACxB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,cAAcJ;AAAA,IACZC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWe,EAAA,CAAwB,CAAC;AAAA,MAC3DC,EAAMV,CAAmB;AAAA,IAAA;AAAA,IAE3BI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWiB,EAAA,CAAsB,CAAC;AAAA,IAAA;AAAA,EAC3D;AAAA,EAEF,cAAcR;AAAA,IACZC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWkB,EAAA,CAAsB,CAAC;AAAA,MACzDF,EAAMV,CAAmB;AAAA,IAAA;AAAA,EAC3B;AAAA,EAEF,YAAYG;AAAA,IACVC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWmB,EAAA,CAAyB,CAAC;AAAA,MAC5DH,EAAMV,CAAmB;AAAA,IAAA;AAAA,EAC3B;AAAA,EAEF,eAAeG;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWiB,EAAA,CAAsB,CAAC;AAAA,IAAA;AAAA,EAC3D;AAAA,EAEF,YAAYR;AAAA,IACVC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWoB,EAAA,CAA6B,CAAC;AAAA,MAChEJ,EAAMX,CAAsB;AAAA,IAAA;AAAA,IAE9BK;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWqB,EAAA,CAA6B,CAAC;AAAA,IAAA;AAAA,EAClE;AAAA,EAEF,mBAAmBZ;AAAA,IACjBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWqB,EAAA,CAA6B,CAAC;AAAA,IAAA;AAAA,EAClE;AAAA,EAEF,SAASZ,EAAA;AACX,GAGaa,IAAwB;AAAA,EACnC,iBAAiBC;AACnB;"}
1	+ {"version":3,"file":"onboardingExecutionStateMachine.js","sources":["../../../../src/components/Employee/OnboardingExecutionFlow/onboardingExecutionStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n FederalTaxesContextual,\n StateTaxesContextual,\n DeductionsContextual,\n type OnboardingContextInterface,\n} from './OnboardingExecutionFlowComponents'\nimport {\n componentEvents,\n EmployeeSelfOnboardingStatuses,\n EmployeeOnboardingStatus,\n} from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { CompensationContextual } from '@/components/Employee/Compensation'\nimport { EmployeeDocumentsContextual } from '@/components/Employee/Documents/onboarding/EmployeeDocuments'\nimport { PaymentMethodContextual } from '@/components/Employee/PaymentMethod'\nimport { ProfileContextual } from '@/components/Employee/Profile/onboarding/Profile'\nimport { OnboardingSummaryContextual } from '@/components/Employee/OnboardingSummary'\n\ntype EventPayloads = {\n [componentEvents.EMPLOYEE_PROFILE_DONE]: {\n uuid: string\n onboardingStatus: (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n startDate: string\n }\n}\n\nconst createReducer = (props: Partial<OnboardingContextInterface>) => {\n return (ctx: OnboardingContextInterface): OnboardingContextInterface => ({\n ...ctx,\n ...props,\n })\n}\n\nconst employeeDocumentsConfigCompletedStatuses: Set<\n (typeof EmployeeOnboardingStatus)[keyof typeof EmployeeOnboardingStatus]\n> = new Set([\n EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE,\n EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n EmployeeOnboardingStatus.ONBOARDING_COMPLETED,\n])\n\nconst employeeDocumentsGuard = (ctx: OnboardingContextInterface) => {\n if (!ctx.withEmployeeI9) return false\n if (ctx.onboardingStatus && employeeDocumentsConfigCompletedStatuses.has(ctx.onboardingStatus))\n return false\n return true\n}\n\nconst selfOnboardingGuard = (ctx: OnboardingContextInterface) =>\n ctx.onboardingStatus\n ? !(\n EmployeeSelfOnboardingStatuses.has(ctx.onboardingStatus) \|\|\n ctx.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE\n )\n : true\n\n/** @internal /\nexport const onboardingExecutionMachine = {\n employeeProfile: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_PROFILE_DONE,\n 'compensation',\n reduce(\n (\n ctx: OnboardingContextInterface,\n ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_PROFILE_DONE>,\n ): OnboardingContextInterface => ({\n ...ctx,\n component: CompensationContextual,\n employeeId: ev.payload.uuid,\n onboardingStatus: ev.payload.onboardingStatus,\n startDate: ev.payload.startDate,\n }),\n ),\n ),\n ),\n compensation: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_COMPENSATION_DONE,\n 'federalTaxes',\n reduce(createReducer({ component: FederalTaxesContextual })),\n guard(selfOnboardingGuard),\n ),\n transition(\n componentEvents.EMPLOYEE_COMPENSATION_DONE,\n 'deductions',\n reduce(createReducer({ component: DeductionsContextual })),\n ),\n ),\n federalTaxes: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_FEDERAL_TAXES_DONE,\n 'stateTaxes',\n reduce(createReducer({ component: StateTaxesContextual })),\n guard(selfOnboardingGuard),\n ),\n ),\n stateTaxes: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_STATE_TAXES_DONE,\n 'paymentMethod',\n reduce(createReducer({ component: PaymentMethodContextual })),\n guard(selfOnboardingGuard),\n ),\n ),\n paymentMethod: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE,\n 'deductions',\n reduce(createReducer({ component: DeductionsContextual })),\n ),\n ),\n deductions: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_DEDUCTION_DONE,\n 'employeeDocuments',\n reduce(createReducer({ component: EmployeeDocumentsContextual })),\n guard(employeeDocumentsGuard),\n ),\n transition(\n componentEvents.EMPLOYEE_DEDUCTION_DONE,\n 'summary',\n reduce(createReducer({ component: OnboardingSummaryContextual })),\n ),\n ),\n employeeDocuments: state<MachineTransition>(\n transition(\n componentEvents.EMPLOYEE_DOCUMENTS_DONE,\n 'summary',\n reduce(createReducer({ component: OnboardingSummaryContextual })),\n ),\n ),\n summary: state<MachineTransition>(),\n}\n\n/* @internal /\nexport const INITIAL_COMPONENT_MAP = {\n employeeProfile: ProfileContextual,\n} as const\n\n/\n The set of steps {@link OnboardingExecutionFlow} can be started on.\n \n @public\n */\nexport type OnboardingExecutionInitialState = keyof typeof INITIAL_COMPONENT_MAP\n"],"names":["createReducer","props","ctx","employeeDocumentsConfigCompletedStatuses","EmployeeOnboardingStatus","employeeDocumentsGuard","selfOnboardingGuard","EmployeeSelfOnboardingStatuses","onboardingExecutionMachine","state","transition","componentEvents","reduce","ev","CompensationContextual","FederalTaxesContextual","guard","DeductionsContextual","StateTaxesContextual","PaymentMethodContextual","EmployeeDocumentsContextual","OnboardingSummaryContextual","INITIAL_COMPONENT_MAP","ProfileContextual"],"mappings":";;;;;;;;AA2BA,MAAMA,IAAgB,CAACC,MACd,CAACC,OAAiE;AAAA,EACvE,GAAGA;AAAA,EACH,GAAGD;AAAA,IAIDE,wBAEE,IAAI;AAAA,EACVC,EAAyB;AAAA,EACzBA,EAAyB;AAAA,EACzBA,EAAyB;AAC3B,CAAC,GAEKC,IAAyB,CAACH,MAC1B,GAACA,EAAI,kBACLA,EAAI,oBAAoBC,EAAyC,IAAID,EAAI,gBAAgB,IAKzFI,IAAsB,CAACJ,MAC3BA,EAAI,mBACA,EACEK,EAA+B,IAAIL,EAAI,gBAAgB,KACvDA,EAAI,qBAAqBE,EAAyB,kCAEpD,IAGOI,IAA6B;AAAA,EACxC,iBAAiBC;AAAA,IACfC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEV,GACAW,OACgC;AAAA,UAChC,GAAGX;AAAA,UACH,WAAWY;AAAA,UACX,YAAYD,EAAG,QAAQ;AAAA,UACvB,kBAAkBA,EAAG,QAAQ;AAAA,UAC7B,WAAWA,EAAG,QAAQ;AAAA,QAAA;AAAA,MACxB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,cAAcJ;AAAA,IACZC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWe,EAAA,CAAwB,CAAC;AAAA,MAC3DC,EAAMV,CAAmB;AAAA,IAAA;AAAA,IAE3BI;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWiB,EAAA,CAAsB,CAAC;AAAA,IAAA;AAAA,EAC3D;AAAA,EAEF,cAAcR;AAAA,IACZC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWkB,EAAA,CAAsB,CAAC;AAAA,MACzDF,EAAMV,CAAmB;AAAA,IAAA;AAAA,EAC3B;AAAA,EAEF,YAAYG;AAAA,IACVC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWmB,EAAA,CAAyB,CAAC;AAAA,MAC5DH,EAAMV,CAAmB;AAAA,IAAA;AAAA,EAC3B;AAAA,EAEF,eAAeG;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWiB,EAAA,CAAsB,CAAC;AAAA,IAAA;AAAA,EAC3D;AAAA,EAEF,YAAYR;AAAA,IACVC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWoB,EAAA,CAA6B,CAAC;AAAA,MAChEJ,EAAMX,CAAsB;AAAA,IAAA;AAAA,IAE9BK;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWqB,EAAA,CAA6B,CAAC;AAAA,IAAA;AAAA,EAClE;AAAA,EAEF,mBAAmBZ;AAAA,IACjBC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC,EAAOZ,EAAc,EAAE,WAAWqB,EAAA,CAA6B,CAAC;AAAA,IAAA;AAAA,EAClE;AAAA,EAEF,SAASZ,EAAA;AACX,GAGaa,IAAwB;AAAA,EACnC,iBAAiBC;AACnB;"}

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

@@ -1,18 +1,18 @@
-import { jsx as e, jsxs as a, Fragment as I } from "react/jsx-runtime";
-import { useTranslation as y } from "react-i18next";
-import { useEmployeesGetSuspense as N } from "@gusto/embedded-api/react-query/employeesGet";
-import { useEmployeesGetOnboardingStatusSuspense as v } from "@gusto/embedded-api/react-query/employeesGetOnboardingStatus";
-import _ from "dompurify";
-import { useMemo as E } from "react";
+import { jsx as e, jsxs as a, Fragment as C } from "react/jsx-runtime";
+import { useTranslation as D } from "react-i18next";
+import { useEmployeesGetSuspense as v } from "@gusto/embedded-api/react-query/employeesGet";
+import { useEmployeesGetOnboardingStatusSuspense as A } from "@gusto/embedded-api/react-query/employeesGetOnboardingStatus";
+import y from "dompurify";
+import { useMemo as x } from "react";
 import { BaseComponent as L } from "../../Base/Base.js";
-import { useBase as B } from "../../Base/useBase.js";
+import { useBase as T } from "../../Base/useBase.js";
 import { Flex as r } from "../../Common/Flex/Flex.js";
 import { ActionsLayout as p } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as P } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { RequirementsList as T } from "../../Common/RequirementsList/RequirementsList.js";
-import { useI18n as w, useComponentDictionary as A } from "../../../i18n/I18n.js";
-import { EmployeeOnboardingStatus as S, componentEvents as u } from "../../../shared/constants.js";
-import { useFlow as R } from "../../Flow/useFlow.js";
+import { useComponentContext as B } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { RequirementsList as P } from "../../Common/RequirementsList/RequirementsList.js";
+import { useI18n as R, useComponentDictionary as w } from "../../../i18n/I18n.js";
+import { EmployeeOnboardingStatus as u, EmployeeSelfOnboardingStatuses as G, componentEvents as f } from "../../../shared/constants.js";
+import { useFlow as F } from "../../Flow/useFlow.js";
 const M = [
   "personal_details",
   "compensation_details",
@@ -25,79 +25,85 @@ const M = [
   "file_new_hire_report",
   "admin_review"
 ], q = (n) => n !== void 0 && M.includes(n);
-function F(n) {
-  return w("Employee.OnboardingSummary"), A("Employee.OnboardingSummary", n.dictionary), /* @__PURE__ */ e(L, { ...n, children: /* @__PURE__ */ e(G, { ...n, children: n.children }) });
+function $(n) {
+  return R("Employee.OnboardingSummary"), w("Employee.OnboardingSummary", n.dictionary), /* @__PURE__ */ e(L, { ...n, children: /* @__PURE__ */ e(j, { ...n, children: n.children }) });
 }
-const G = ({ employeeId: n, className: c, isAdmin: m = !1 }) => {
-  const { onEvent: s } = B(), { t } = y("Employee.OnboardingSummary"), o = P(), {
-    data: { employee: O }
-  } = N({ employeeId: n }), { firstName: f, lastName: g } = O, { data: x } = v({ employeeId: n }), { onboardingStatus: h, onboardingSteps: d } = x.employeeOnboardingStatus, D = d?.length && d.findIndex((i) => i.required && !i.completed) > -1, l = h === S.ONBOARDING_COMPLETED || !D && h === S.SELF_ONBOARDING_PENDING_INVITE, b = E(() => _.sanitize(f), [f]), C = E(() => _.sanitize(g), [g]);
+const j = ({ employeeId: n, className: c, isAdmin: d = !1 }) => {
+  const { onEvent: s } = T(), { t } = D("Employee.OnboardingSummary"), i = B(), {
+    data: { employee: I }
+  } = v({ employeeId: n }), { firstName: g, lastName: h } = I, { data: b } = A({ employeeId: n }), { onboardingStatus: m, onboardingSteps: l } = b.employeeOnboardingStatus, N = l?.length && l.findIndex((o) => o.required && !o.completed) > -1, E = m === u.ONBOARDING_COMPLETED || !N && m === u.SELF_ONBOARDING_PENDING_INVITE, S = m === u.SELF_ONBOARDING_PENDING_INVITE || m !== void 0 && G.has(m), _ = x(() => y.sanitize(g), [g]), O = x(() => y.sanitize(h), [h]);
   return /* @__PURE__ */ e("section", { className: c, children: /* @__PURE__ */ a(r, { flexDirection: "column", gap: 20, children: [
-    /* @__PURE__ */ e(r, { alignItems: "center", flexDirection: "column", gap: 8, children: m ? l ? /* @__PURE__ */ a(r, { flexDirection: "column", gap: 4, alignItems: "center", children: [
-      /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: t("onboardedAdminSubtitle", {
-        name: `${b} ${C}`,
+    /* @__PURE__ */ e(r, { alignItems: "center", flexDirection: "column", gap: 8, children: d ? E ? /* @__PURE__ */ a(r, { flexDirection: "column", gap: 4, alignItems: "center", children: [
+      /* @__PURE__ */ e(i.Heading, { as: "h2", textAlign: "center", children: t("onboardedAdminSubtitle", {
+        name: `${_} ${O}`,
         interpolation: { escapeValue: !1 }
       }) }),
-      /* @__PURE__ */ e(o.Text, { variant: "supporting", children: t("onboardedAdminDescription") })
+      /* @__PURE__ */ e(i.Text, { variant: "supporting", children: t("onboardedAdminDescription") })
+    ] }) : S ? /* @__PURE__ */ a(r, { flexDirection: "column", gap: 4, alignItems: "center", children: [
+      /* @__PURE__ */ e(i.Heading, { as: "h2", textAlign: "center", children: t("handedOffAdminSubtitle", {
+        name: `${_} ${O}`,
+        interpolation: { escapeValue: !1 }
+      }) }),
+      /* @__PURE__ */ e(i.Text, { variant: "supporting", children: t("handedOffAdminDescription") })
     ] }) : /* @__PURE__ */ e(
-      o.Box,
+      i.Box,
       {
         header: /* @__PURE__ */ a(r, { flexDirection: "column", gap: 4, children: [
-          /* @__PURE__ */ e(o.Heading, { as: "h2", children: t("missingRequirementsSubtitle") }),
-          /* @__PURE__ */ e(o.Text, { variant: "supporting", children: t("missingRequirementsDescription") })
+          /* @__PURE__ */ e(i.Heading, { as: "h2", children: t("missingRequirementsSubtitle") }),
+          /* @__PURE__ */ e(i.Text, { variant: "supporting", children: t("missingRequirementsDescription") })
         ] }),
         footer: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
-          o.Button,
+          i.Button,
           {
             variant: "secondary",
             onClick: () => {
-              s(u.EMPLOYEES_LIST);
+              s(f.EMPLOYEES_LIST);
             },
             children: t("doneCta")
           }
         ) }),
-        children: d && /* @__PURE__ */ e(
-          T,
+        children: l && /* @__PURE__ */ e(
+          P,
           {
-            requirements: d.filter(
-              (i) => i.completed !== void 0 && q(i.id)
-            ).map((i) => ({
-              completed: i.completed,
-              title: t(`steps.${i.id}`),
-              description: t(`stepsDescriptions.${i.id}`)
+            requirements: l.filter(
+              (o) => o.completed !== void 0 && q(o.id)
+            ).map((o) => ({
+              completed: o.completed,
+              title: t(`steps.${o.id}`),
+              description: t(`stepsDescriptions.${o.id}`)
             }))
           }
         )
       }
-    ) : /* @__PURE__ */ e(I, { children: /* @__PURE__ */ a(r, { flexDirection: "column", gap: 20, alignItems: "center", children: [
+    ) : /* @__PURE__ */ e(C, { children: /* @__PURE__ */ a(r, { flexDirection: "column", gap: 20, alignItems: "center", children: [
       /* @__PURE__ */ a(r, { flexDirection: "column", gap: 4, alignItems: "center", children: [
-        /* @__PURE__ */ e(o.Heading, { as: "h2", textAlign: "center", children: t("onboardedSelfSubtitle") }),
-        /* @__PURE__ */ e(o.Text, { variant: "supporting", children: t("onboardedSelfDescription") })
+        /* @__PURE__ */ e(i.Heading, { as: "h2", textAlign: "center", children: t("onboardedSelfSubtitle") }),
+        /* @__PURE__ */ e(i.Text, { variant: "supporting", children: t("onboardedSelfDescription") })
       ] }),
-      /* @__PURE__ */ e(p, { justifyContent: l ? "center" : "start", children: /* @__PURE__ */ e(
-        o.Button,
+      /* @__PURE__ */ e(p, { justifyContent: "center", children: /* @__PURE__ */ e(
+        i.Button,
         {
           variant: "secondary",
           onClick: () => {
-            s(u.EMPLOYEE_ONBOARDING_DONE);
+            s(f.EMPLOYEE_ONBOARDING_DONE);
           },
           children: t("doneCta")
         }
       ) })
     ] }) }) }),
-    m && l && /* @__PURE__ */ e(p, { justifyContent: "center", children: /* @__PURE__ */ e(
-      o.Button,
+    d && (E || S) && /* @__PURE__ */ e(p, { justifyContent: "center", children: /* @__PURE__ */ e(
+      i.Button,
       {
         variant: "secondary",
         onClick: () => {
-          s(u.EMPLOYEES_LIST);
+          s(f.EMPLOYEES_LIST);
         },
         children: t("doneCta")
       }
     ) })
   ] }) });
-}, ne = () => {
-  const { employeeId: n, onEvent: c, isAdmin: m } = R(), { t: s } = y("common");
+}, ie = () => {
+  const { employeeId: n, onEvent: c, isAdmin: d } = F(), { t: s } = D("common");
   if (!n)
     throw new Error(
       s("errors.missingParamsOrContext", {
@@ -106,10 +112,10 @@ const G = ({ employeeId: n, className: c, isAdmin: m = !1 }) => {
         provider: "FlowProvider"
       })
     );
-  return /* @__PURE__ */ e(F, { employeeId: n, onEvent: c, isAdmin: m });
+  return /* @__PURE__ */ e($, { employeeId: n, onEvent: c, isAdmin: d });
 };
 export {
-  F as OnboardingSummary,
-  ne as OnboardingSummaryContextual
+  $ as OnboardingSummary,
+  ie as OnboardingSummaryContextual
 };
 //# sourceMappingURL=OnboardingSummary.js.map

package/dist/components/Employee/OnboardingSummary/OnboardingSummary.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OnboardingSummary.js","sources":["../../../../src/components/Employee/OnboardingSummary/OnboardingSummary.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeesGetOnboardingStatusSuspense } from '@gusto/embedded-api/react-query/employeesGetOnboardingStatus'\nimport DOMPurify from 'dompurify'\nimport { useMemo } from 'react'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { RequirementsList } from '@/components/Common/RequirementsList/RequirementsList'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, EmployeeOnboardingStatus } from '@/shared/constants'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nconst KNOWN_STEP_IDS = [\n 'personal_details',\n 'compensation_details',\n 'add_work_address',\n 'add_home_address',\n 'federal_tax_setup',\n 'state_tax_setup',\n 'direct_deposit_setup',\n 'employee_form_signing',\n 'file_new_hire_report',\n 'admin_review',\n] as const\n\ntype KnownStepId = (typeof KNOWN_STEP_IDS)[number]\n\nconst isKnownStepId = (id: string \| undefined): id is KnownStepId =>\n id !== undefined && (KNOWN_STEP_IDS as readonly string[]).includes(id)\n\n/*\n Props for {@link OnboardingSummary}.\n \n @public\n /\nexport interface OnboardingSummaryProps extends BaseComponentInterface<'Employee.OnboardingSummary'> {\n /* The associated employee identifier. /\n employeeId: string\n /* When `true`, renders the admin-facing view of the onboarding summary. Defaults to `false`. /\n isAdmin?: boolean\n}\n\n/\n Displays a summary of an employee's onboarding status, listing completed and\n * outstanding steps. Rendered as a standalone step inside `OnboardingFlow`.\n \n @public\n /\nexport function OnboardingSummary(props: OnboardingSummaryProps) {\n useI18n('Employee.OnboardingSummary')\n useComponentDictionary('Employee.OnboardingSummary', props.dictionary)\n\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\n\nconst Root = ({ employeeId, className, isAdmin = false }: OnboardingSummaryProps) => {\n const { onEvent } = useBase()\n const { t } = useTranslation('Employee.OnboardingSummary')\n const Components = useComponentContext()\n\n const {\n data: { employee },\n } = useEmployeesGetSuspense({ employeeId })\n const { firstName, lastName } = employee!\n\n const { data } = useEmployeesGetOnboardingStatusSuspense({ employeeId })\n const { onboardingStatus, onboardingSteps } = data.employeeOnboardingStatus!\n\n const hasMissingRequirements =\n onboardingSteps?.length &&\n onboardingSteps.findIndex(step => step.required && !step.completed) > -1\n\n const isOnboardingCompleted =\n onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED \|\|\n (!hasMissingRequirements &&\n onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE)\n\n const sanitizedFirstName = useMemo(() => DOMPurify.sanitize(firstName), [firstName])\n const sanitizedLastName = useMemo(() => DOMPurify.sanitize(lastName), [lastName])\n\n return (\n <section className={className}>\n <Flex flexDirection=\"column\" gap={20}>\n <Flex alignItems=\"center\" flexDirection=\"column\" gap={8}>\n {isAdmin ? (\n isOnboardingCompleted ? (\n <Flex flexDirection=\"column\" gap={4} alignItems=\"center\">\n <Components.Heading as=\"h2\" textAlign=\"center\">\n {t('onboardedAdminSubtitle', {\n name: `${sanitizedFirstName} ${sanitizedLastName}`,\n interpolation: { escapeValue: false },\n })}\n </Components.Heading>\n <Components.Text variant=\"supporting\">\n {t('onboardedAdminDescription')}\n </Components.Text>\n </Flex>\n ) : (\n <Components.Box\n header={\n <Flex flexDirection=\"column\" gap={4}>\n <Components.Heading as=\"h2\">\n {t('missingRequirementsSubtitle')}\n </Components.Heading>\n <Components.Text variant=\"supporting\">\n {t('missingRequirementsDescription')}\n </Components.Text>\n </Flex>\n }\n footer={\n <ActionsLayout>\n <Components.Button\n variant=\"secondary\"\n onClick={() => {\n onEvent(componentEvents.EMPLOYEES_LIST)\n }}\n >\n {t('doneCta')}\n </Components.Button>\n </ActionsLayout>\n }\n >\n {onboardingSteps && (\n <RequirementsList\n requirements={onboardingSteps\n .filter(\n (step): step is typeof step & { id: KnownStepId; completed: boolean } =>\n step.completed !== undefined && isKnownStepId(step.id),\n )\n .map(step => ({\n completed: step.completed,\n title: t(`steps.${step.id}`),\n description: t(`stepsDescriptions.${step.id}`),\n }))}\n />\n )}\n </Components.Box>\n )\n ) : (\n <>\n <Flex flexDirection=\"column\" gap={20} alignItems=\"center\">\n <Flex flexDirection=\"column\" gap={4} alignItems=\"center\">\n <Components.Heading as=\"h2\" textAlign=\"center\">\n {t('onboardedSelfSubtitle')}\n </Components.Heading>\n <Components.Text variant=\"supporting\">\n {t('onboardedSelfDescription')}\n </Components.Text>\n </Flex>\n <ActionsLayout justifyContent={isOnboardingCompleted ? 'center' : 'start'}>\n <Components.Button\n variant=\"secondary\"\n onClick={() => {\n onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n }}\n >\n {t('doneCta')}\n </Components.Button>\n </ActionsLayout>\n </Flex>\n </>\n )}\n </Flex>\n\n {isAdmin && isOnboardingCompleted && (\n <ActionsLayout justifyContent={'center'}>\n <Components.Button\n variant=\"secondary\"\n onClick={() => {\n onEvent(componentEvents.EMPLOYEES_LIST)\n }}\n >\n {t('doneCta')}\n </Components.Button>\n </ActionsLayout>\n )}\n </Flex>\n </section>\n )\n}\n\n/* @internal */\nexport const OnboardingSummaryContextual = () => {\n const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n const { t } = useTranslation('common')\n\n if (!employeeId) {\n throw new Error(\n t('errors.missingParamsOrContext', {\n component: 'Summary',\n param: 'employeeId',\n provider: 'FlowProvider',\n }),\n )\n }\n return <OnboardingSummary employeeId={employeeId} onEvent={onEvent} isAdmin={isAdmin} />\n}\n"],"names":["KNOWN_STEP_IDS","isKnownStepId","id","OnboardingSummary","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","employeeId","className","isAdmin","onEvent","useBase","useTranslation","Components","useComponentContext","employee","useEmployeesGetSuspense","firstName","lastName","data","useEmployeesGetOnboardingStatusSuspense","onboardingStatus","onboardingSteps","hasMissingRequirements","step","isOnboardingCompleted","EmployeeOnboardingStatus","sanitizedFirstName","useMemo","DOMPurify","sanitizedLastName","jsxs","Flex","ActionsLayout","componentEvents","RequirementsList","OnboardingSummaryContextual","useFlow","t"],"mappings":"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"}
1	+ {"version":3,"file":"OnboardingSummary.js","sources":["../../../../src/components/Employee/OnboardingSummary/OnboardingSummary.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport { useEmployeesGetOnboardingStatusSuspense } from '@gusto/embedded-api/react-query/employeesGetOnboardingStatus'\nimport DOMPurify from 'dompurify'\nimport { useMemo } from 'react'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { RequirementsList } from '@/components/Common/RequirementsList/RequirementsList'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport {\n componentEvents,\n EmployeeOnboardingStatus,\n EmployeeSelfOnboardingStatuses,\n} from '@/shared/constants'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nconst KNOWN_STEP_IDS = [\n 'personal_details',\n 'compensation_details',\n 'add_work_address',\n 'add_home_address',\n 'federal_tax_setup',\n 'state_tax_setup',\n 'direct_deposit_setup',\n 'employee_form_signing',\n 'file_new_hire_report',\n 'admin_review',\n] as const\n\ntype KnownStepId = (typeof KNOWN_STEP_IDS)[number]\n\nconst isKnownStepId = (id: string \| undefined): id is KnownStepId =>\n id !== undefined && (KNOWN_STEP_IDS as readonly string[]).includes(id)\n\n/*\n Props for {@link OnboardingSummary}.\n \n @public\n /\nexport interface OnboardingSummaryProps extends BaseComponentInterface<'Employee.OnboardingSummary'> {\n /* The associated employee identifier. /\n employeeId: string\n /* When `true`, renders the admin-facing view of the onboarding summary. Defaults to `false`. /\n isAdmin?: boolean\n}\n\n/\n Displays a summary of an employee's onboarding status, listing completed and\n * outstanding steps. Rendered as a standalone step inside `OnboardingFlow`.\n \n @public\n /\nexport function OnboardingSummary(props: OnboardingSummaryProps) {\n useI18n('Employee.OnboardingSummary')\n useComponentDictionary('Employee.OnboardingSummary', props.dictionary)\n\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\n\nconst Root = ({ employeeId, className, isAdmin = false }: OnboardingSummaryProps) => {\n const { onEvent } = useBase()\n const { t } = useTranslation('Employee.OnboardingSummary')\n const Components = useComponentContext()\n\n const {\n data: { employee },\n } = useEmployeesGetSuspense({ employeeId })\n const { firstName, lastName } = employee!\n\n const { data } = useEmployeesGetOnboardingStatusSuspense({ employeeId })\n const { onboardingStatus, onboardingSteps } = data.employeeOnboardingStatus!\n\n const hasMissingRequirements =\n onboardingSteps?.length &&\n onboardingSteps.findIndex(step => step.required && !step.completed) > -1\n\n const isOnboardingCompleted =\n onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED \|\|\n (!hasMissingRequirements &&\n onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE)\n\n const isEmployeeCompletingSelfOnboarding =\n onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE \|\|\n (onboardingStatus !== undefined && EmployeeSelfOnboardingStatuses.has(onboardingStatus))\n\n const sanitizedFirstName = useMemo(() => DOMPurify.sanitize(firstName), [firstName])\n const sanitizedLastName = useMemo(() => DOMPurify.sanitize(lastName), [lastName])\n\n return (\n <section className={className}>\n <Flex flexDirection=\"column\" gap={20}>\n <Flex alignItems=\"center\" flexDirection=\"column\" gap={8}>\n {isAdmin ? (\n isOnboardingCompleted ? (\n <Flex flexDirection=\"column\" gap={4} alignItems=\"center\">\n <Components.Heading as=\"h2\" textAlign=\"center\">\n {t('onboardedAdminSubtitle', {\n name: `${sanitizedFirstName} ${sanitizedLastName}`,\n interpolation: { escapeValue: false },\n })}\n </Components.Heading>\n <Components.Text variant=\"supporting\">\n {t('onboardedAdminDescription')}\n </Components.Text>\n </Flex>\n ) : isEmployeeCompletingSelfOnboarding ? (\n <Flex flexDirection=\"column\" gap={4} alignItems=\"center\">\n <Components.Heading as=\"h2\" textAlign=\"center\">\n {t('handedOffAdminSubtitle', {\n name: `${sanitizedFirstName} ${sanitizedLastName}`,\n interpolation: { escapeValue: false },\n })}\n </Components.Heading>\n <Components.Text variant=\"supporting\">\n {t('handedOffAdminDescription')}\n </Components.Text>\n </Flex>\n ) : (\n <Components.Box\n header={\n <Flex flexDirection=\"column\" gap={4}>\n <Components.Heading as=\"h2\">\n {t('missingRequirementsSubtitle')}\n </Components.Heading>\n <Components.Text variant=\"supporting\">\n {t('missingRequirementsDescription')}\n </Components.Text>\n </Flex>\n }\n footer={\n <ActionsLayout>\n <Components.Button\n variant=\"secondary\"\n onClick={() => {\n onEvent(componentEvents.EMPLOYEES_LIST)\n }}\n >\n {t('doneCta')}\n </Components.Button>\n </ActionsLayout>\n }\n >\n {onboardingSteps && (\n <RequirementsList\n requirements={onboardingSteps\n .filter(\n (step): step is typeof step & { id: KnownStepId; completed: boolean } =>\n step.completed !== undefined && isKnownStepId(step.id),\n )\n .map(step => ({\n completed: step.completed,\n title: t(`steps.${step.id}`),\n description: t(`stepsDescriptions.${step.id}`),\n }))}\n />\n )}\n </Components.Box>\n )\n ) : (\n <>\n <Flex flexDirection=\"column\" gap={20} alignItems=\"center\">\n <Flex flexDirection=\"column\" gap={4} alignItems=\"center\">\n <Components.Heading as=\"h2\" textAlign=\"center\">\n {t('onboardedSelfSubtitle')}\n </Components.Heading>\n <Components.Text variant=\"supporting\">\n {t('onboardedSelfDescription')}\n </Components.Text>\n </Flex>\n <ActionsLayout justifyContent=\"center\">\n <Components.Button\n variant=\"secondary\"\n onClick={() => {\n onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n }}\n >\n {t('doneCta')}\n </Components.Button>\n </ActionsLayout>\n </Flex>\n </>\n )}\n </Flex>\n\n {isAdmin && (isOnboardingCompleted \|\| isEmployeeCompletingSelfOnboarding) && (\n <ActionsLayout justifyContent={'center'}>\n <Components.Button\n variant=\"secondary\"\n onClick={() => {\n onEvent(componentEvents.EMPLOYEES_LIST)\n }}\n >\n {t('doneCta')}\n </Components.Button>\n </ActionsLayout>\n )}\n </Flex>\n </section>\n )\n}\n\n/* @internal */\nexport const OnboardingSummaryContextual = () => {\n const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n const { t } = useTranslation('common')\n\n if (!employeeId) {\n throw new Error(\n t('errors.missingParamsOrContext', {\n component: 'Summary',\n param: 'employeeId',\n provider: 'FlowProvider',\n }),\n )\n }\n return <OnboardingSummary employeeId={employeeId} onEvent={onEvent} isAdmin={isAdmin} />\n}\n"],"names":["KNOWN_STEP_IDS","isKnownStepId","id","OnboardingSummary","props","useI18n","useComponentDictionary","jsx","BaseComponent","Root","employeeId","className","isAdmin","onEvent","useBase","useTranslation","Components","useComponentContext","employee","useEmployeesGetSuspense","firstName","lastName","data","useEmployeesGetOnboardingStatusSuspense","onboardingStatus","onboardingSteps","hasMissingRequirements","step","isOnboardingCompleted","EmployeeOnboardingStatus","isEmployeeCompletingSelfOnboarding","EmployeeSelfOnboardingStatuses","sanitizedFirstName","useMemo","DOMPurify","sanitizedLastName","jsxs","Flex","ActionsLayout","componentEvents","RequirementsList","OnboardingSummaryContextual","useFlow","t"],"mappings":"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"}

package/dist/components/Employee/PaymentMethod/shared/useBankForm/useBankFormSchema.d.ts CHANGED Viewed

@@ -35,7 +35,7 @@ export type AccountType = (typeof ACCOUNT_TYPES)[number];
  *
  * @public
  */
-export type BankFormField = "name" | "accountNumber" | "routingNumber" | "accountType";
+export type BankFormField = "accountNumber" | "accountType" | "name" | "routingNumber";
 /**
  * Shape of the values managed by the bank account form.
  *

package/dist/components/Employee/PaymentMethod/shared/useSplitPaymentsForm/useSplitPaymentsFormSchema.d.ts CHANGED Viewed

@@ -46,7 +46,7 @@ export type SplitByValue = (typeof SPLIT_BY_VALUES)[number];
  *
  * @public
  */
-export type SplitPaymentsFormField = "splitBy" | "splitAmount" | "priority";
+export type SplitPaymentsFormField = "priority" | "splitAmount" | "splitBy";
 /**
  * Shape of the values managed by the split payments form. `splitAmount` and
  * `priority` are keyed by bank account uuid.

package/dist/components/Employee/Profile/shared/useEmployeeDetailsForm/employeeDetailsSchema.d.ts CHANGED Viewed

@@ -25,7 +25,7 @@ export type EmployeeDetailsErrorCode = (typeof EmployeeDetailsErrorCodes)[keyof
  *
  * @public
  */
-export type EmployeeDetailsField = "ssn" | "email" | "firstName" | "lastName" | "middleInitial" | "dateOfBirth";
+export type EmployeeDetailsField = "dateOfBirth" | "email" | "firstName" | "lastName" | "middleInitial" | "ssn";
 /**
  * Shape of the values managed by the employee details form.
  *
@@ -41,7 +41,7 @@ export type EmployeeDetailsFormOutputs = EmployeeDetailsFormData;
  *
  * @public
  */
-export type EmployeeDetailsOptionalFieldsToRequire = { create?: ("ssn" | "email" | "middleInitial" | "dateOfBirth")[] | undefined; update?: ("ssn" | "email" | "firstName" | "lastName" | "middleInitial" | "dateOfBirth")[] | undefined; };
+export type EmployeeDetailsOptionalFieldsToRequire = { create?: ("dateOfBirth" | "email" | "middleInitial" | "ssn")[] | undefined; update?: ("dateOfBirth" | "email" | "firstName" | "lastName" | "middleInitial" | "ssn")[] | undefined; };
 /** @internal */
 interface EmployeeDetailsSchemaOptions {
     mode?: 'create' | 'update';

package/dist/components/Employee/Profile/shared/useHomeAddressForm/homeAddressSchema.d.ts CHANGED Viewed

@@ -22,7 +22,7 @@ export type HomeAddressErrorCode = (typeof HomeAddressErrorCodes)[keyof typeof H
  *
  * @public
  */
-export type HomeAddressField = "street1" | "street2" | "city" | "state" | "zip" | "effectiveDate" | "courtesyWithholding";
+export type HomeAddressField = "city" | "courtesyWithholding" | "effectiveDate" | "state" | "street1" | "street2" | "zip";
 /**
  * Shape of the values managed by the home address form.
  *

package/dist/components/Employee/Profile/shared/useHomeAddressForm/useHomeAddressForm.d.ts CHANGED Viewed

@@ -159,4 +159,4 @@ export type UseHomeAddressFormResult = HookLoadingResult | UseHomeAddressFormRea
  *
  * @public
  */
-export type HomeAddressFieldsMetadata = { street1: FieldMetadata; street2: FieldMetadata; city: FieldMetadata; state: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"AL" | "AK" | "AZ" | "AR" | "CA" | "CO" | "CT" | "DE" | "DC" | "FL" | "GA" | "HI" | "ID" | "IL" | "IN" | "IA" | "KS" | "KY" | "LA" | "ME" | "MD" | "MA" | "MI" | "MN" | "MS" | "MO" | "MT" | "NE" | "NV" | "NH" | "NJ" | "NM" | "NY" | "NC" | "ND" | "OH" | "OK" | "OR" | "PA" | "RI" | "SC" | "SD" | "TN" | "TX" | "UT" | "VT" | "VA" | "WA" | "WV" | "WI" | "WY">; zip: FieldMetadata; courtesyWithholding: FieldMetadata; effectiveDate: FieldMetadata; };
+export type HomeAddressFieldsMetadata = { street1: FieldMetadata; street2: FieldMetadata; city: FieldMetadata; state: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"AK" | "AL" | "AR" | "AZ" | "CA" | "CO" | "CT" | "DC" | "DE" | "FL" | "GA" | "HI" | "IA" | "ID" | "IL" | "IN" | "KS" | "KY" | "LA" | "MA" | "MD" | "ME" | "MI" | "MN" | "MO" | "MS" | "MT" | "NC" | "ND" | "NE" | "NH" | "NJ" | "NM" | "NV" | "NY" | "OH" | "OK" | "OR" | "PA" | "RI" | "SC" | "SD" | "TN" | "TX" | "UT" | "VA" | "VT" | "WA" | "WI" | "WV" | "WY">; zip: FieldMetadata; courtesyWithholding: FieldMetadata; effectiveDate: FieldMetadata; };

package/dist/components/Employee/exports/employeeManagement.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ export type { EmployeeListFlowProps } from '../EmployeeListFlow';
 export { Documents, DocumentsCard, DocumentManager } from '../Documents/management';
 export type { DocumentsProps, DocumentsCardProps, DocumentManagerProps, } from '../Documents/management';
 export { DashboardFlow, Dashboard } from '../Dashboard';
-export type { DashboardFlowProps, DashboardProps } from '../Dashboard';
+export type { DashboardFlowProps, DashboardProps, DashboardTab } from '../Dashboard';
 export { HomeAddress, HomeAddressCard, HomeAddressEditForm } from '../HomeAddress/management';
 export type { HomeAddressProps, HomeAddressCardProps, HomeAddressEditFormProps, } from '../HomeAddress/management';
 export { WorkAddress, WorkAddressCard, WorkAddressEditForm } from '../WorkAddress/management';

package/dist/components/InformationRequests/InformationRequestForm/InformationRequestForm.d.ts CHANGED Viewed

@@ -43,8 +43,7 @@ export interface InformationRequestFormProps extends BaseComponentInterface<'Inf
  * @public
  */
 export declare function InformationRequestForm(props: InformationRequestFormProps): import("react").JSX.Element;
-export declare namespace InformationRequestForm {
-    var Footer: ({ onEvent }: {
-        onEvent: OnEventType<EventType, unknown>;
-    }) => import("react").JSX.Element;
-}
+/** @internal */
+export declare function Footer({ onEvent }: {
+    onEvent: OnEventType<EventType, unknown>;
+}): import("react").JSX.Element;