@gusto/embedded-react-sdk 0.39.0 → 0.41.0

package/dist/components/Employee/employee-list/onboarding/EmployeeListView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeListView.js","sources":["../../../../../src/components/Employee/employee-list/onboarding/EmployeeListView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport type { UseEmployeeListResult, EmployeeWithActions } from '../shared/useEmployeeList'\nimport { DataView, EmptyData, ActionsLayout, useDataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { EmployeeOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nexport interface EmployeeListViewProps extends Pick<\n  Extract<UseEmployeeListResult, { isLoading: false }>,\n  'pagination' | 'status'\n> {\n  employees: EmployeeWithActions[]\n  isFetching: boolean\n  onEdit: (employeeId: string, onboardingStatus?: OnboardingStatus) => void\n  onDelete: (employeeId: string) => Promise<void>\n  onCancelSelfOnboarding: (employeeId: string) => Promise<void>\n  onReview: (employeeId: string) => Promise<void>\n  onAddEmployee: () => void\n  onSkip: () => void\n}\n\nexport function EmployeeListView({\n  employees,\n  isFetching,\n  pagination,\n  status,\n  onEdit,\n  onDelete,\n  onCancelSelfOnboarding,\n  onReview,\n  onAddEmployee,\n  onSkip,\n}: EmployeeListViewProps) {\n  const { t } = useTranslation('Employee.EmployeeList')\n  const Components = useComponentContext()\n  const [employeeToDelete, setEmployeeToDelete] = useState<string | null>(null)\n\n  const { ...dataViewProps } = useDataView({\n    data: employees,\n    columns: [\n      {\n        key: 'name',\n        title: t('nameLabel'),\n        render: (employee: EmployeeWithActions) => {\n          return firstLastName({\n            first_name: employee.firstName,\n            last_name: employee.lastName,\n          })\n        },\n      },\n      {\n        key: 'status',\n        title: t('statusLabel'),\n        render: (employee: EmployeeWithActions) => (\n          <EmployeeOnboardingStatusBadge\n            onboarded={employee.onboarded}\n            onboardingStatus={employee.onboardingStatus}\n          />\n        ),\n      },\n    ],\n    itemMenu: employee => {\n      const menuItems = []\n\n      if (employee.allowedActions.includes('edit')) {\n        menuItems.push({\n          label: t('editCta'),\n          onClick: () => {\n            onEdit(employee.uuid, employee.onboardingStatus ?? undefined)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('cancel_self_onboarding')) {\n        menuItems.push({\n          label: t('cancelSelfOnboardingCta'),\n          onClick: () => {\n            void onCancelSelfOnboarding(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('review')) {\n        menuItems.push({\n          label: t('reviewCta'),\n          onClick: () => {\n            void onReview(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('delete')) {\n        menuItems.push({\n          label: t('deleteCta'),\n          onClick: () => {\n            setEmployeeToDelete(employee.uuid)\n          },\n          icon: <TrashCanSvg aria-hidden />,\n        })\n      }\n\n      return <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n    },\n    isFetching,\n    pagination,\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Components.Button variant=\"secondary\" onClick={onSkip}>\n            {t('skipCta')}\n          </Components.Button>\n          <Components.Button variant=\"primary\" onClick={onAddEmployee} icon={<PlusCircleIcon />}>\n            {t('addEmployeeCta')}\n          </Components.Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n\n          {employees.length > 0 && (\n            <Components.Button\n              variant=\"secondary\"\n              onClick={onAddEmployee}\n              icon={<PlusCircleIcon />}\n            >\n              {t('addAnotherCta')}\n            </Components.Button>\n          )}\n        </Flex>\n\n        <DataView label={t('employeeListLabel')} {...dataViewProps} />\n\n        {employees.length > 0 && (\n          <ActionsLayout>\n            <Components.Button onClick={onSkip}>{t('continueCta')}</Components.Button>\n          </ActionsLayout>\n        )}\n      </Flex>\n\n      <Components.Dialog\n        isOpen={!!employeeToDelete}\n        onClose={() => {\n          setEmployeeToDelete(null)\n        }}\n        onPrimaryActionClick={async () => {\n          if (employeeToDelete) {\n            try {\n              await onDelete(employeeToDelete)\n              setEmployeeToDelete(null)\n            } catch {\n              // Keep dialog open on error\n            }\n          }\n        }}\n        isPrimaryActionLoading={status.isPending}\n        isDestructive\n        title={t('deleteDialog.title')}\n        primaryActionLabel={t('deleteDialog.confirmCta')}\n        closeActionLabel={t('deleteDialog.cancelCta')}\n      >\n        {t('deleteDialog.description')}\n      </Components.Dialog>\n    </>\n  )\n}\n"],"names":["EmployeeListView","employees","isFetching","pagination","status","onEdit","onDelete","onCancelSelfOnboarding","onReview","onAddEmployee","onSkip","useTranslation","Components","useComponentContext","employeeToDelete","setEmployeeToDelete","useState","dataViewProps","useDataView","employee","firstLastName","jsx","EmployeeOnboardingStatusBadge","menuItems","PencilSvg","TrashCanSvg","HamburgerMenu","EmptyData","jsxs","ActionsLayout","PlusCircleIcon","Fragment","Flex","DataView"],"mappings":"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"}

package/dist/components/Employee/employee-list/shared/index.d.ts

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { useEmployeeList, type EmployeeAction, type EmployeeWithActions, type EmployeeActionCallbacks, type EmployeeType, type UseEmployeeListProps, type UseEmployeeListResult, } from './useEmployeeList';

package/dist/components/Employee/{EmployeeList → employee-list/shared}/useEmployeeList.d.ts

@@ -1,7 +1,7 @@
 import { Employee } from '@gusto/embedded-api/models/components/employee';
 import { Job } from '@gusto/embedded-api/models/components/job';
-import { PaginationControlProps } from '../../Common/PaginationControl/PaginationControlTypes';
-import { HookLoadingResult, HookSubmitResult, BaseHookReady } from '../../../types/sdkHooks';
+import { PaginationControlProps } from '../../../Common/PaginationControl/PaginationControlTypes';
+import { HookLoadingResult, HookSubmitResult, BaseHookReady } from '../../../../partner-hook-utils/types';
 export type EmployeeAction = 'edit' | 'delete' | 'cancel_self_onboarding' | 'review' | 'dismiss' | 'rehire';
 export interface EmployeeWithActions extends Employee {
     allowedActions: EmployeeAction[];
@@ -17,15 +17,13 @@ export interface UseEmployeeListProps {
     companyId: string;
     employeeType?: EmployeeType;
 }
-interface UseEmployeeListReady extends Omit<BaseHookReady, 'data' | 'status'> {
-    data: {
-        employees: EmployeeWithActions[];
-    };
+interface UseEmployeeListReady extends BaseHookReady<{
+    employees: EmployeeWithActions[];
+}, {
+    isFetching: boolean;
+    isPending: boolean;
+}> {
     pagination: PaginationControlProps;
-    status: {
-        isFetching: boolean;
-        isPending: boolean;
-    };
     actions: {
         onDelete: (employeeId: string, callbacks?: EmployeeActionCallbacks) => Promise<HookSubmitResult<void> | undefined>;
         onReview: (employeeId: string, callbacks?: EmployeeActionCallbacks) => Promise<HookSubmitResult<string> | undefined>;

package/dist/components/Employee/{EmployeeList → employee-list/shared}/useEmployeeList.js

@@ -3,26 +3,26 @@ import { useEmployeesList as M } from "@gusto/embedded-api/react-query/employees
 import { useEmployeesDeleteMutation as w } from "@gusto/embedded-api/react-query/employeesDelete";
 import { useEmployeesUpdateOnboardingStatusMutation as R } from "@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus";
 import { keepPreviousData as y } from "@tanstack/react-query";
-import { usePagination as B } from "../../../hooks/usePagination/usePagination.js";
-import { useBaseSubmit as v } from "../../Base/useBaseSubmit.js";
-import { useErrorHandling as G } from "../../../hooks/useErrorHandling.js";
-import { EmployeeOnboardingStatus as i, EmployeeSelfOnboardingStatuses as C } from "../../../shared/constants.js";
-function q(e, s) {
+import { usePagination as B } from "../../../../hooks/usePagination/usePagination.js";
+import { useBaseSubmit as v } from "../../../Base/useBaseSubmit.js";
+import { composeErrorHandler as G } from "../../../../partner-hook-utils/composeErrorHandler.js";
+import { EmployeeOnboardingStatus as i, EmployeeSelfOnboardingStatuses as C } from "../../../../shared/constants.js";
+function q(e, o) {
   const a = [];
-  return s !== "terminated" && (e.onboardingStatus === i.ADMIN_ONBOARDING_INCOMPLETE || e.onboardingStatus === i.SELF_ONBOARDING_PENDING_INVITE || e.onboardingStatus === i.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW || e.onboardingStatus === i.ONBOARDING_COMPLETED) && a.push("edit"), e.onboardingStatus && // @ts-expect-error: onboardingStatus during runtime can be one of self onboarding statuses
-  C.has(e.onboardingStatus) && a.push("cancel_self_onboarding"), e.onboardingStatus === i.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE && a.push("review"), e.onboarded || a.push("delete"), s === "active" && a.push("dismiss"), s === "terminated" && a.push("rehire"), a;
+  return o !== "terminated" && (e.onboardingStatus === i.ADMIN_ONBOARDING_INCOMPLETE || e.onboardingStatus === i.SELF_ONBOARDING_PENDING_INVITE || e.onboardingStatus === i.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW || e.onboardingStatus === i.ONBOARDING_COMPLETED) && a.push("edit"), e.onboardingStatus && // @ts-expect-error: onboardingStatus during runtime can be one of self onboarding statuses
+  C.has(e.onboardingStatus) && a.push("cancel_self_onboarding"), e.onboardingStatus === i.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE && a.push("review"), e.onboarded || a.push("delete"), o === "active" && a.push("dismiss"), o === "terminated" && a.push("rehire"), a;
 }
 function Q({
   companyId: e,
-  employeeType: s
+  employeeType: o
 }) {
-  const { currentPage: a, itemsPerPage: l, getPaginationProps: O } = B(), f = P(() => {
+  const { currentPage: a, itemsPerPage: l, getPaginationProps: O } = B(), S = P(() => {
     const t = {
       companyId: e,
       page: a,
       per: l
     };
-    switch (s) {
+    switch (o) {
       case "active":
         return { ...t, onboardedActive: !0 };
       case "onboarding":
@@ -32,14 +32,18 @@ function Q({
       default:
         return t;
     }
-  }, [e, a, l, s]), b = M(f, { placeholderData: y }), E = w(), d = R(), { baseSubmitHandler: c, error: N, setError: S } = v("EmployeeList"), p = G([b], { error: N, setError: S }), I = E.isPending || d.isPending, { data: u, isFetching: g } = b, h = P(() => (u?.showEmployees ?? []).map((t) => {
+  }, [e, a, l, o]), b = M(S, { placeholderData: y }), E = w(), d = R(), {
+    baseSubmitHandler: c,
+    error: f,
+    setError: N
+  } = v("EmployeeList"), p = G([b], { submitError: f, setSubmitError: N }), I = E.isPending || d.isPending, { data: u, isFetching: m } = b, h = P(() => (u?.showEmployees ?? []).map((t) => {
     const r = t.jobs?.find((n) => n.primary === !0);
     return {
       ...t,
-      allowedActions: q(t, s),
+      allowedActions: q(t, o),
       primaryJob: r
     };
-  }), [u?.showEmployees, s]), A = u?.httpMeta.response.headers ? O(u.httpMeta.response.headers, g) : {
+  }), [u?.showEmployees, o]), A = u?.httpMeta.response.headers ? O(u.httpMeta.response.headers, m) : {
     handleNextPage: () => {
     },
     handleFirstPage: () => {
@@ -56,48 +60,48 @@ function Q({
     itemsPerPage: 5
   }, _ = async (t, r) => {
     let n;
-    return await c(t, async (o) => {
+    return await c(t, async (s) => {
       await E.mutateAsync({
-        request: { employeeId: o }
-      }), r?.onDelete?.(o), n = {
+        request: { employeeId: s }
+      }), r?.onDelete?.(s), n = {
         mode: "update",
         data: void 0
       };
     }), n;
   }, D = async (t, r) => {
     let n;
-    return await c(t, async (o) => {
-      const m = await d.mutateAsync({
+    return await c(t, async (s) => {
+      const g = await d.mutateAsync({
         request: {
-          employeeId: o,
+          employeeId: s,
           requestBody: {
             onboardingStatus: i.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW
           }
         }
       });
-      r?.onReview?.(o), n = {
+      r?.onReview?.(s), n = {
         mode: "update",
-        data: m.employeeOnboardingStatus?.onboardingStatus ?? ""
+        data: g.employeeOnboardingStatus?.onboardingStatus ?? ""
       };
     }), n;
   }, L = async (t, r) => {
     let n;
-    return await c(t, async (o) => {
-      const m = await d.mutateAsync({
+    return await c(t, async (s) => {
+      const g = await d.mutateAsync({
         request: {
-          employeeId: o,
+          employeeId: s,
           requestBody: {
             onboardingStatus: i.ADMIN_ONBOARDING_INCOMPLETE
           }
         }
       });
-      r?.onCancelSelfOnboarding?.(o), n = {
+      r?.onCancelSelfOnboarding?.(s), n = {
         mode: "update",
-        data: m.employeeOnboardingStatus?.onboardingStatus ?? ""
+        data: g.employeeOnboardingStatus?.onboardingStatus ?? ""
       };
     }), n;
   };
-  return !u && g ? {
+  return !u && m ? {
     isLoading: !0,
     errorHandling: p
   } : {
@@ -106,7 +110,7 @@ function Q({
       employees: h
     },
     pagination: A,
-    status: { isFetching: g, isPending: I },
+    status: { isFetching: m, isPending: I },
     actions: { onDelete: _, onReview: D, onCancelSelfOnboarding: L },
     errorHandling: p
   };

package/dist/components/Employee/employee-list/shared/useEmployeeList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEmployeeList.js","sources":["../../../../../src/components/Employee/employee-list/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 { 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, HookSubmitResult, BaseHookReady } from '@/partner-hook-utils/types'\n\nexport type EmployeeAction =\n  | 'edit'\n  | 'delete'\n  | 'cancel_self_onboarding'\n  | 'review'\n  | 'dismiss'\n  | 'rehire'\n\nexport interface EmployeeWithActions extends Employee {\n  allowedActions: EmployeeAction[]\n  primaryJob?: Job\n}\n\nexport interface EmployeeActionCallbacks {\n  onDelete?: (employeeId: string) => void\n  onReview?: (employeeId: string) => void\n  onCancelSelfOnboarding?: (employeeId: string) => void\n}\n\nexport type EmployeeType = 'active' | 'onboarding' | 'terminated'\n\nexport interface UseEmployeeListProps {\n  companyId: string\n  employeeType?: EmployeeType\n}\n\ninterface UseEmployeeListReady extends BaseHookReady<\n  { employees: EmployeeWithActions[] },\n  { isFetching: boolean; isPending: boolean }\n> {\n  pagination: PaginationControlProps\n  actions: {\n    onDelete: (\n      employeeId: string,\n      callbacks?: EmployeeActionCallbacks,\n    ) => Promise<HookSubmitResult<void> | undefined>\n    onReview: (\n      employeeId: string,\n      callbacks?: EmployeeActionCallbacks,\n    ) => Promise<HookSubmitResult<string> | undefined>\n    onCancelSelfOnboarding: (\n      employeeId: string,\n      callbacks?: EmployeeActionCallbacks,\n    ) => Promise<HookSubmitResult<string> | undefined>\n  }\n}\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\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 (\n    employeeId: string,\n    callbacks?: EmployeeActionCallbacks,\n  ): Promise<HookSubmitResult<void> | undefined> => {\n    let submitResult: HookSubmitResult<void> | undefined\n\n    await baseSubmitHandler(employeeId, async id => {\n      await deleteEmployeeMutation.mutateAsync({\n        request: { employeeId: id },\n      })\n      callbacks?.onDelete?.(id)\n\n      submitResult = {\n        mode: 'update',\n        data: undefined,\n      }\n    })\n\n    return submitResult\n  }\n\n  const onReview = async (\n    employeeId: string,\n    callbacks?: EmployeeActionCallbacks,\n  ): Promise<HookSubmitResult<string> | undefined> => {\n    let submitResult: HookSubmitResult<string> | 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      callbacks?.onReview?.(id)\n\n      submitResult = {\n        mode: 'update',\n        data: result.employeeOnboardingStatus?.onboardingStatus ?? '',\n      }\n    })\n\n    return submitResult\n  }\n\n  const onCancelSelfOnboarding = async (\n    employeeId: string,\n    callbacks?: EmployeeActionCallbacks,\n  ): Promise<HookSubmitResult<string> | undefined> => {\n    let submitResult: HookSubmitResult<string> | 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      callbacks?.onCancelSelfOnboarding?.(id)\n\n      submitResult = {\n        mode: 'update',\n        data: result.employeeOnboardingStatus?.onboardingStatus ?? '',\n      }\n    })\n\n    return submitResult\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","callbacks","submitResult","id","onReview","result","onCancelSelfOnboarding"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+export { ManagementEmployeeList as EmployeeList } from '../employee-list/management/ManagementEmployeeList';
+export { EmployeeDocuments } from '../EmployeeDocuments';
+export { DashboardFlow } from '../Dashboard';
+export { TerminateEmployee } from '../Terminations/TerminateEmployee/TerminateEmployee';
+export { TerminationSummary } from '../Terminations/TerminationSummary/TerminationSummary';
+export { TerminationFlow } from '../Terminations/TerminationFlow/TerminationFlow';

package/dist/components/Employee/exports/employeeManagement.js

@@ -0,0 +1,15 @@
+import { ManagementEmployeeList as m } from "../employee-list/management/ManagementEmployeeList.js";
+import { TerminateEmployee as t } from "../Terminations/TerminateEmployee/TerminateEmployee.js";
+import { TerminationSummary as a } from "../Terminations/TerminationSummary/TerminationSummary.js";
+import { TerminationFlow as i } from "../Terminations/TerminationFlow/TerminationFlow.js";
+import { DashboardFlow as l } from "../Dashboard/DashboardFlow.js";
+import { EmployeeDocuments as s } from "../EmployeeDocuments/EmployeeDocuments.js";
+export {
+  l as DashboardFlow,
+  s as EmployeeDocuments,
+  m as EmployeeList,
+  t as TerminateEmployee,
+  i as TerminationFlow,
+  a as TerminationSummary
+};
+//# sourceMappingURL=employeeManagement.js.map

package/dist/components/Employee/exports/employeeManagement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"employeeManagement.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Employee/exports/employeeOnboarding.d.ts

@@ -0,0 +1,14 @@
+export { OnboardingFlow } from '../OnboardingFlow/OnboardingFlow';
+export { SelfOnboardingFlow } from '../SelfOnboardingFlow/SelfOnboardingFlow';
+export { EmployeeList } from '../employee-list/onboarding/EmployeeList';
+export { OnboardingSummary } from '../OnboardingSummary';
+export { Landing } from '../Landing';
+export { DocumentSigner } from '../DocumentSigner';
+export { EmploymentEligibility } from '../DocumentSigner/EmploymentEligibility';
+export { Profile } from '../Profile';
+export { Compensation } from '../Compensation';
+export { FederalTaxes } from '../FederalTaxes';
+export { StateTaxes } from '../StateTaxes';
+export { Deductions } from '../Deductions';
+export { PaymentMethod } from '../PaymentMethod';
+export { Taxes } from '../Taxes';

package/dist/components/Employee/exports/employeeOnboarding.js

@@ -0,0 +1,31 @@
+import { OnboardingFlow as e } from "../OnboardingFlow/OnboardingFlow.js";
+import { SelfOnboardingFlow as m } from "../SelfOnboardingFlow/SelfOnboardingFlow.js";
+import { EmployeeList as x } from "../employee-list/onboarding/EmployeeList.js";
+import { Compensation as n } from "../Compensation/Compensation.js";
+import { Deductions as a } from "../Deductions/Deductions.js";
+import { DocumentSigner as d } from "../DocumentSigner/DocumentSigner.js";
+import { EmploymentEligibility as s } from "../DocumentSigner/EmploymentEligibility/EmploymentEligibility.js";
+import { FederalTaxes as b } from "../FederalTaxes/FederalTaxes.js";
+import { Landing as u } from "../Landing/Landing.js";
+import { OnboardingSummary as F } from "../OnboardingSummary/OnboardingSummary.js";
+import { PaymentMethod as T } from "../PaymentMethod/PaymentMethod.js";
+import { Profile as w } from "../Profile/Profile.js";
+import { StateTaxes as L } from "../StateTaxes/StateTaxes.js";
+import { Taxes as h } from "../Taxes/Taxes.js";
+export {
+  n as Compensation,
+  a as Deductions,
+  d as DocumentSigner,
+  x as EmployeeList,
+  s as EmploymentEligibility,
+  b as FederalTaxes,
+  u as Landing,
+  e as OnboardingFlow,
+  F as OnboardingSummary,
+  T as PaymentMethod,
+  w as Profile,
+  m as SelfOnboardingFlow,
+  L as StateTaxes,
+  h as Taxes
+};
+//# sourceMappingURL=employeeOnboarding.js.map

package/dist/components/Employee/exports/employeeOnboarding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"employeeOnboarding.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/components/Employee/index.d.ts

@@ -1,6 +1,5 @@
 import "./types/i18next.d.ts"
-export { EmployeeList } from './EmployeeList/EmployeeList';
-export { ManagementEmployeeList } from './EmployeeList/ManagementEmployeeList';
+export { EmployeeList } from './employee-list/onboarding/EmployeeList';
 export { Deductions } from './Deductions';
 export { OnboardingSummary } from './OnboardingSummary';
 export { Profile } from './Profile';

package/dist/components/Employee/index.js

@@ -1,43 +1,41 @@
-import { EmployeeList as e } from "./EmployeeList/EmployeeList.js";
-import { ManagementEmployeeList as t } from "./EmployeeList/ManagementEmployeeList.js";
-import { OnboardingFlow as n } from "./OnboardingFlow/OnboardingFlow.js";
-import { SelfOnboardingFlow as f } from "./SelfOnboardingFlow/SelfOnboardingFlow.js";
-import { TerminateEmployee as i } from "./Terminations/TerminateEmployee/TerminateEmployee.js";
-import { TerminationSummary as s } from "./Terminations/TerminationSummary/TerminationSummary.js";
+import { EmployeeList as e } from "./employee-list/onboarding/EmployeeList.js";
+import { OnboardingFlow as t } from "./OnboardingFlow/OnboardingFlow.js";
+import { SelfOnboardingFlow as x } from "./SelfOnboardingFlow/SelfOnboardingFlow.js";
+import { TerminateEmployee as n } from "./Terminations/TerminateEmployee/TerminateEmployee.js";
+import { TerminationSummary as i } from "./Terminations/TerminationSummary/TerminationSummary.js";
 import { TerminationFlow as d } from "./Terminations/TerminationFlow/TerminationFlow.js";
-import { Compensation as E } from "./Compensation/Compensation.js";
-import { DashboardFlow as b } from "./Dashboard/DashboardFlow.js";
-import { Deductions as F } from "./Deductions/Deductions.js";
-import { DocumentSigner as w } from "./DocumentSigner/DocumentSigner.js";
-import { EmployeeDocuments as c } from "./EmployeeDocuments/EmployeeDocuments.js";
-import { EmploymentEligibility as O } from "./DocumentSigner/EmploymentEligibility/EmploymentEligibility.js";
-import { FederalTaxes as M } from "./FederalTaxes/FederalTaxes.js";
-import { Landing as C } from "./Landing/Landing.js";
-import { OnboardingSummary as k } from "./OnboardingSummary/OnboardingSummary.js";
-import { PaymentMethod as v } from "./PaymentMethod/PaymentMethod.js";
-import { Profile as A } from "./Profile/Profile.js";
-import { StateTaxes as G } from "./StateTaxes/StateTaxes.js";
-import { Taxes as I } from "./Taxes/Taxes.js";
+import { Compensation as y } from "./Compensation/Compensation.js";
+import { DashboardFlow as T } from "./Dashboard/DashboardFlow.js";
+import { Deductions as u } from "./Deductions/Deductions.js";
+import { DocumentSigner as F } from "./DocumentSigner/DocumentSigner.js";
+import { EmployeeDocuments as w } from "./EmployeeDocuments/EmployeeDocuments.js";
+import { EmploymentEligibility as c } from "./DocumentSigner/EmploymentEligibility/EmploymentEligibility.js";
+import { FederalTaxes as h } from "./FederalTaxes/FederalTaxes.js";
+import { Landing as P } from "./Landing/Landing.js";
+import { OnboardingSummary as M } from "./OnboardingSummary/OnboardingSummary.js";
+import { PaymentMethod as k } from "./PaymentMethod/PaymentMethod.js";
+import { Profile as v } from "./Profile/Profile.js";
+import { StateTaxes as A } from "./StateTaxes/StateTaxes.js";
+import { Taxes as G } from "./Taxes/Taxes.js";
 export {
-  E as Compensation,
-  b as DashboardFlow,
-  F as Deductions,
-  w as DocumentSigner,
-  c as EmployeeDocuments,
+  y as Compensation,
+  T as DashboardFlow,
+  u as Deductions,
+  F as DocumentSigner,
+  w as EmployeeDocuments,
   e as EmployeeList,
-  O as EmploymentEligibility,
-  M as FederalTaxes,
-  C as Landing,
-  t as ManagementEmployeeList,
-  n as OnboardingFlow,
-  k as OnboardingSummary,
-  v as PaymentMethod,
-  A as Profile,
-  f as SelfOnboardingFlow,
-  G as StateTaxes,
-  I as Taxes,
-  i as TerminateEmployee,
+  c as EmploymentEligibility,
+  h as FederalTaxes,
+  P as Landing,
+  t as OnboardingFlow,
+  M as OnboardingSummary,
+  k as PaymentMethod,
+  v as Profile,
+  x as SelfOnboardingFlow,
+  A as StateTaxes,
+  G as Taxes,
+  n as TerminateEmployee,
   d as TerminationFlow,
-  s as TerminationSummary
+  i as TerminationSummary
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/components/Flow/Flow.js

@@ -3,9 +3,10 @@ import { useMachine as v } from "react-robot";
 import { useTranslation as w } from "react-i18next";
 import { FlowBreadcrumbs as F } from "../Common/FlowBreadcrumbs/FlowBreadcrumbs.js";
 import { Flex as s, FlexItem as d } from "../Common/Flex/Flex.js";
+import "classnames";
 import { FlowContext as j } from "./useFlow.js";
 import { useComponentContext as E } from "../../contexts/ComponentAdapter/useComponentContext.js";
-const L = ({
+const M = ({
   onEvent: x,
   machine: f
 }) => {
@@ -15,9 +16,9 @@ const L = ({
     progressBarCta: null
   }), {
     progressBarType: l = null,
-    totalSteps: n = null,
-    currentStep: o = null,
-    currentBreadcrumbId: t,
+    totalSteps: o = null,
+    currentStep: t = null,
+    currentBreadcrumbId: n,
     breadcrumbs: B = {}
   } = r.context;
   function a(i, m) {
@@ -31,12 +32,12 @@ const L = ({
         ...r.context
       },
       children: /* @__PURE__ */ u(s, { flexDirection: "column", gap: 32, children: [
-        l === "progress" && o && n && /* @__PURE__ */ e(
+        l === "progress" && t && o && /* @__PURE__ */ e(
           b.ProgressBar,
           {
-            totalSteps: n,
-            currentStep: o,
-            label: g("progressBarLabel", { totalSteps: n, currentStep: o }),
+            totalSteps: o,
+            currentStep: t,
+            label: g("progressBarLabel", { totalSteps: o, currentStep: t }),
             cta: r.context.progressBarCta
           }
         ),
@@ -44,8 +45,8 @@ const L = ({
           /* @__PURE__ */ e(d, { flexGrow: 1, children: /* @__PURE__ */ e(
             F,
             {
-              breadcrumbs: t ? B[t] ?? [] : [],
-              currentBreadcrumbId: t,
+              breadcrumbs: n ? B[n] ?? [] : [],
+              currentBreadcrumbId: n,
               onEvent: a
             }
           ) }),
@@ -57,6 +58,6 @@ const L = ({
   ) });
 };
 export {
-  L as Flow
+  M as Flow
 };
 //# sourceMappingURL=Flow.js.map

package/dist/components/Flow/Flow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flow.js","sources":["../../../src/components/Flow/Flow.tsx"],"sourcesContent":["import { useMachine } from 'react-robot'\nimport { type Machine, type SendFunction } from 'robot3'\nimport { useTranslation } from 'react-i18next'\nimport type { OnEventType } from '../Base/useBase'\nimport { FlowBreadcrumbs } from '../Common/FlowBreadcrumbs/FlowBreadcrumbs'\nimport { Flex } from '../Common/Flex'\nimport { FlexItem } from '../Common'\nimport type { FlowContextInterface } from './useFlow'\nimport { FlowContext } from './useFlow'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype FlowProps<M extends Machine> = {\n  machine: M\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport const Flow = <M extends Machine<object, FlowContextInterface>>({\n  onEvent,\n  machine,\n}: FlowProps<M>) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation()\n  const [current, send, service] = useMachine(machine, {\n    onEvent: handleEvent,\n    component: null,\n    progressBarCta: null,\n  })\n\n  const {\n    progressBarType = null,\n    totalSteps = null,\n    currentStep = null,\n    currentBreadcrumbId,\n    breadcrumbs = {},\n  } = current.context\n\n  function handleEvent(type: EventType, data: unknown): void {\n    const event = { type, payload: data }\n    const sendFn = send as SendFunction<string>\n    //When dealing with nested state machine, correct machine needs to recieve an event\n    if (service.child) {\n      ;(service.child.send as SendFunction<string>)(event)\n    } else {\n      sendFn(event)\n    }\n    // Pass event upstream - onEvent can be optional on Flow component\n    onEvent(type, data)\n  }\n\n  return (\n    <Flex>\n      <FlowContext.Provider\n        value={{\n          ...current.context,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {progressBarType === 'progress' && currentStep && totalSteps && (\n            <Components.ProgressBar\n              totalSteps={totalSteps}\n              currentStep={currentStep}\n              label={t('progressBarLabel', { totalSteps, currentStep })}\n              cta={current.context.progressBarCta}\n            />\n          )}\n          {progressBarType === 'breadcrumbs' && (\n            <Flex flexDirection=\"row\" justifyContent=\"space-between\" alignItems=\"center\">\n              <FlexItem flexGrow={1}>\n                <FlowBreadcrumbs\n                  breadcrumbs={currentBreadcrumbId ? (breadcrumbs[currentBreadcrumbId] ?? []) : []}\n                  currentBreadcrumbId={currentBreadcrumbId}\n                  onEvent={handleEvent}\n                />\n              </FlexItem>\n              <FlexItem>\n                {current.context.progressBarCta && <current.context.progressBarCta />}\n              </FlexItem>\n            </Flex>\n          )}\n          {current.context.component && <current.context.component />}\n        </Flex>\n      </FlowContext.Provider>\n    </Flex>\n  )\n}\n"],"names":["Flow","onEvent","machine","Components","useComponentContext","t","useTranslation","current","send","service","useMachine","handleEvent","progressBarType","totalSteps","currentStep","currentBreadcrumbId","breadcrumbs","type","data","event","sendFn","Flex","jsx","FlowContext","jsxs","FlexItem","FlowBreadcrumbs"],"mappings":";;;;;;;AAiBO,MAAMA,IAAO,CAAkD;AAAA,EACpE,SAAAC;AAAA,EACA,SAAAC;AACF,MAAoB;AAClB,QAAMC,IAAaC,EAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,CAACC,GAASC,GAAMC,CAAO,IAAIC,EAAWR,GAAS;AAAA,IACnD,SAASS;AAAA,IACT,WAAW;AAAA,IACX,gBAAgB;AAAA,EAAA,CACjB,GAEK;AAAA,IACJ,iBAAAC,IAAkB;AAAA,IAClB,YAAAC,IAAa;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,qBAAAC;AAAA,IACA,aAAAC,IAAc,CAAA;AAAA,EAAC,IACbT,EAAQ;AAEZ,WAASI,EAAYM,GAAiBC,GAAqB;AACzD,UAAMC,IAAQ,EAAE,MAAAF,GAAM,SAASC,EAAA,GACzBE,IAASZ;AAEf,IAAIC,EAAQ,QACRA,EAAQ,MAAM,KAA8BU,CAAK,IAEnDC,EAAOD,CAAK,GAGdlB,EAAQgB,GAAMC,CAAI;AAAA,EACpB;AAEA,2BACGG,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAGhB,EAAQ;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAiB,EAACH,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,QAAAT,MAAoB,cAAcE,KAAeD,KAChD,gBAAAS;AAAA,UAACnB,EAAW;AAAA,UAAX;AAAA,YACC,YAAAU;AAAA,YACA,aAAAC;AAAA,YACA,OAAOT,EAAE,oBAAoB,EAAE,YAAAQ,GAAY,aAAAC,GAAa;AAAA,YACxD,KAAKP,EAAQ,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGxBK,MAAoB,iBACnB,gBAAAY,EAACH,GAAA,EAAK,eAAc,OAAM,gBAAe,iBAAgB,YAAW,UAClE,UAAA;AAAA,UAAA,gBAAAC,EAACG,GAAA,EAAS,UAAU,GAClB,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,aAAaX,IAAuBC,EAAYD,CAAmB,KAAK,CAAA,IAAM,CAAA;AAAA,cAC9E,qBAAAA;AAAA,cACA,SAASJ;AAAA,YAAA;AAAA,UAAA,GAEb;AAAA,UACA,gBAAAW,EAACG,GAAA,EACE,UAAAlB,EAAQ,QAAQ,oCAAmBA,EAAQ,QAAQ,gBAAhB,CAAA,CAA+B,EAAA,CACrE;AAAA,QAAA,GACF;AAAA,QAEDA,EAAQ,QAAQ,+BAAcA,EAAQ,QAAQ,WAAhB,CAAA,CAA0B;AAAA,MAAA,EAAA,CAC3D;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"Flow.js","sources":["../../../src/components/Flow/Flow.tsx"],"sourcesContent":["import { useMachine } from 'react-robot'\nimport { type Machine, type SendFunction } from 'robot3'\nimport { useTranslation } from 'react-i18next'\nimport type { OnEventType } from '../Base/useBase'\nimport { FlowBreadcrumbs } from '../Common/FlowBreadcrumbs/FlowBreadcrumbs'\nimport { Flex } from '../Common/Flex'\nimport { FlexItem } from '../Common'\nimport type { FlowContextInterface } from './useFlow'\nimport { FlowContext } from './useFlow'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype FlowProps<M extends Machine> = {\n  machine: M\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport const Flow = <M extends Machine<object, FlowContextInterface>>({\n  onEvent,\n  machine,\n}: FlowProps<M>) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation()\n  const [current, send, service] = useMachine(machine, {\n    onEvent: handleEvent,\n    component: null,\n    progressBarCta: null,\n  })\n\n  const {\n    progressBarType = null,\n    totalSteps = null,\n    currentStep = null,\n    currentBreadcrumbId,\n    breadcrumbs = {},\n  } = current.context\n\n  function handleEvent(type: EventType, data: unknown): void {\n    const event = { type, payload: data }\n    const sendFn = send as SendFunction<string>\n    //When dealing with nested state machine, correct machine needs to recieve an event\n    if (service.child) {\n      ;(service.child.send as SendFunction<string>)(event)\n    } else {\n      sendFn(event)\n    }\n    // Pass event upstream - onEvent can be optional on Flow component\n    onEvent(type, data)\n  }\n\n  return (\n    <Flex>\n      <FlowContext.Provider\n        value={{\n          ...current.context,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {progressBarType === 'progress' && currentStep && totalSteps && (\n            <Components.ProgressBar\n              totalSteps={totalSteps}\n              currentStep={currentStep}\n              label={t('progressBarLabel', { totalSteps, currentStep })}\n              cta={current.context.progressBarCta}\n            />\n          )}\n          {progressBarType === 'breadcrumbs' && (\n            <Flex flexDirection=\"row\" justifyContent=\"space-between\" alignItems=\"center\">\n              <FlexItem flexGrow={1}>\n                <FlowBreadcrumbs\n                  breadcrumbs={currentBreadcrumbId ? (breadcrumbs[currentBreadcrumbId] ?? []) : []}\n                  currentBreadcrumbId={currentBreadcrumbId}\n                  onEvent={handleEvent}\n                />\n              </FlexItem>\n              <FlexItem>\n                {current.context.progressBarCta && <current.context.progressBarCta />}\n              </FlexItem>\n            </Flex>\n          )}\n          {current.context.component && <current.context.component />}\n        </Flex>\n      </FlowContext.Provider>\n    </Flex>\n  )\n}\n"],"names":["Flow","onEvent","machine","Components","useComponentContext","t","useTranslation","current","send","service","useMachine","handleEvent","progressBarType","totalSteps","currentStep","currentBreadcrumbId","breadcrumbs","type","data","event","sendFn","Flex","jsx","FlowContext","jsxs","FlexItem","FlowBreadcrumbs"],"mappings":";;;;;;;;AAiBO,MAAMA,IAAO,CAAkD;AAAA,EACpE,SAAAC;AAAA,EACA,SAAAC;AACF,MAAoB;AAClB,QAAMC,IAAaC,EAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,CAACC,GAASC,GAAMC,CAAO,IAAIC,EAAWR,GAAS;AAAA,IACnD,SAASS;AAAA,IACT,WAAW;AAAA,IACX,gBAAgB;AAAA,EAAA,CACjB,GAEK;AAAA,IACJ,iBAAAC,IAAkB;AAAA,IAClB,YAAAC,IAAa;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,qBAAAC;AAAA,IACA,aAAAC,IAAc,CAAA;AAAA,EAAC,IACbT,EAAQ;AAEZ,WAASI,EAAYM,GAAiBC,GAAqB;AACzD,UAAMC,IAAQ,EAAE,MAAAF,GAAM,SAASC,EAAA,GACzBE,IAASZ;AAEf,IAAIC,EAAQ,QACRA,EAAQ,MAAM,KAA8BU,CAAK,IAEnDC,EAAOD,CAAK,GAGdlB,EAAQgB,GAAMC,CAAI;AAAA,EACpB;AAEA,2BACGG,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAGhB,EAAQ;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAiB,EAACH,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,QAAAT,MAAoB,cAAcE,KAAeD,KAChD,gBAAAS;AAAA,UAACnB,EAAW;AAAA,UAAX;AAAA,YACC,YAAAU;AAAA,YACA,aAAAC;AAAA,YACA,OAAOT,EAAE,oBAAoB,EAAE,YAAAQ,GAAY,aAAAC,GAAa;AAAA,YACxD,KAAKP,EAAQ,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGxBK,MAAoB,iBACnB,gBAAAY,EAACH,GAAA,EAAK,eAAc,OAAM,gBAAe,iBAAgB,YAAW,UAClE,UAAA;AAAA,UAAA,gBAAAC,EAACG,GAAA,EAAS,UAAU,GAClB,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,aAAaX,IAAuBC,EAAYD,CAAmB,KAAK,CAAA,IAAM,CAAA;AAAA,cAC9E,qBAAAA;AAAA,cACA,SAASJ;AAAA,YAAA;AAAA,UAAA,GAEb;AAAA,UACA,gBAAAW,EAACG,GAAA,EACE,UAAAlB,EAAQ,QAAQ,oCAAmBA,EAAQ,QAAQ,gBAAhB,CAAA,CAA+B,EAAA,CACrE;AAAA,QAAA,GACF;AAAA,QAEDA,EAAQ,QAAQ,+BAAcA,EAAQ,QAAQ,WAAhB,CAAA,CAA0B;AAAA,MAAA,EAAA,CAC3D;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/InformationRequests/InformationRequestForm/InformationRequestForm.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import B from "dompurify";
 import { useTranslation as D } from "react-i18next";
 import { useForm as W, FormProvider as H } from "react-hook-form";
@@ -13,6 +13,7 @@ import r from "./InformationRequestForm.module.scss.js";
 import { BaseComponent as $ } from "../../Base/Base.js";
 import { useBase as J } from "../../Base/useBase.js";
 import { Flex as y } from "../../Common/Flex/Flex.js";
+import "classnames";
 import { FileInputField as X } from "../../Common/Fields/FileInputField/FileInputField.js";
 import { Form as Z } from "../../Common/Form/Form.js";
 import { useComponentContext as _ } from "../../../contexts/ComponentAdapter/useComponentContext.js";
@@ -28,7 +29,7 @@ const M = "gusto-sdk-information-request-form", oe = ["image/jpeg", "image/png",
   f.union([f.string().min(1), f.instanceof(File)])
 );
 function ie(o) {
-  return /* @__PURE__ */ e($, { ...o, children: /* @__PURE__ */ e(me, { ...o, children: o.children }) });
+  return /* @__PURE__ */ e($, { ...o, children: /* @__PURE__ */ e(ce, { ...o, children: o.children }) });
 }
 const ae = (o) => new Promise((s, i) => {
   const n = new FileReader();
@@ -41,14 +42,14 @@ function O(o) {
     (s) => s.responseType && !ue.includes(s.responseType)
   );
 }
-function ce(o) {
+function me(o) {
   return o.some((s) => s.responseType === u.Persona);
 }
-function me({ companyId: o, requestId: s, dictionary: i }) {
+function ce({ companyId: o, requestId: s, dictionary: i }) {
   ee("InformationRequests.InformationRequestForm", i), A("InformationRequests.InformationRequestForm");
-  const { t: n } = D("InformationRequests.InformationRequestForm"), { Alert: T, Heading: q, Text: c } = _(), { onEvent: g, baseSubmitHandler: I } = J(), { data: x } = P({
+  const { t: n } = D("InformationRequests.InformationRequestForm"), { Alert: T, Heading: q, Text: m } = _(), { onEvent: g, baseSubmitHandler: I } = J(), { data: x } = P({
     companyUuid: o
-  }), l = x.informationRequestList?.find((t) => t.uuid === s), a = l?.requiredQuestions ?? [], F = l?.blockingPayroll ?? !1, w = O(a), E = ce(a), { mutateAsync: L } = V(), v = {}, U = [];
+  }), l = x.informationRequestList?.find((t) => t.uuid === s), a = l?.requiredQuestions ?? [], F = l?.blockingPayroll ?? !1, w = O(a), E = me(a), { mutateAsync: L } = V(), v = {}, U = [];
   a.forEach((t) => {
     !t.questionUuid || !t.responseType || (t.responseType === u.Text ? (U.push(t.questionUuid), v[t.questionUuid] = "") : t.responseType === u.Document && (U.push(t.questionUuid), v[t.questionUuid] = void 0));
   });
@@ -90,10 +91,10 @@ function me({ companyId: o, requestId: s, dictionary: i }) {
   }, k = (t) => {
     if (!t.questionUuid || !t.responseType) return null;
     const R = t.questionUuid, h = t.responseType === u.Document, b = t.responseType === u.Text;
-    return /* @__PURE__ */ m("div", { className: r.questionCard, children: [
-      /* @__PURE__ */ m("div", { className: r.questionDescription, children: [
-        /* @__PURE__ */ e(c, { size: "sm", weight: "medium", children: n(h ? "questionTypes.document" : "questionTypes.answer") }),
-        /* @__PURE__ */ e(c, { size: "sm", variant: "supporting", children: /* @__PURE__ */ e(
+    return /* @__PURE__ */ c("div", { className: r.questionCard, children: [
+      /* @__PURE__ */ c("div", { className: r.questionDescription, children: [
+        /* @__PURE__ */ e(m, { size: "sm", weight: "medium", children: n(h ? "questionTypes.document" : "questionTypes.answer") }),
+        /* @__PURE__ */ e(m, { size: "sm", variant: "supporting", children: /* @__PURE__ */ e(
           "span",
           {
             dangerouslySetInnerHTML: {
@@ -124,17 +125,17 @@ function me({ companyId: o, requestId: s, dictionary: i }) {
         }
       ) })
     ] }, R);
-  }, j = /* @__PURE__ */ m("div", { className: r.questionCard, children: [
-    /* @__PURE__ */ m("div", { className: r.questionDescription, children: [
-      /* @__PURE__ */ e(c, { weight: "medium", children: n(E ? "unsupported.persona.title" : "unsupported.generic.title") }),
-      /* @__PURE__ */ e(c, { children: n(
+  }, j = /* @__PURE__ */ c("div", { className: r.questionCard, children: [
+    /* @__PURE__ */ c("div", { className: r.questionDescription, children: [
+      /* @__PURE__ */ e(m, { weight: "medium", children: n(E ? "unsupported.persona.title" : "unsupported.generic.title") }),
+      /* @__PURE__ */ e(m, { children: n(
         E ? "unsupported.persona.description" : "unsupported.generic.description"
       ) })
     ] }),
     /* @__PURE__ */ e("hr", { className: r.divider }),
-    /* @__PURE__ */ e("div", { className: r.contactSupport, children: /* @__PURE__ */ e(c, { variant: "supporting", children: n("unsupported.contactSupport") }) })
+    /* @__PURE__ */ e("div", { className: r.contactSupport, children: /* @__PURE__ */ e(m, { variant: "supporting", children: n("unsupported.contactSupport") }) })
   ] });
-  return /* @__PURE__ */ e("div", { className: r.root, children: /* @__PURE__ */ m(y, { flexDirection: "column", gap: 16, children: [
+  return /* @__PURE__ */ e("div", { className: r.root, children: /* @__PURE__ */ c(y, { flexDirection: "column", gap: 16, children: [
     /* @__PURE__ */ e(q, { as: "h2", children: n("title") }),
     F && /* @__PURE__ */ e(T, { status: "error", label: n("blockingAlert.title"), disableScrollIntoView: !0, children: n("blockingAlert.description") }),
     w ? j : /* @__PURE__ */ e(H, { ...N, children: /* @__PURE__ */ e(Z, { id: M, onSubmit: N.handleSubmit(Q), children: /* @__PURE__ */ e(y, { flexDirection: "column", gap: 16, children: a.map(k) }) }) })
@@ -151,7 +152,7 @@ const le = ({ onEvent: o }) => {
   }) > 0, a = () => {
     o(C.INFORMATION_REQUEST_FORM_CANCEL);
   };
-  return I ? /* @__PURE__ */ e(y, { justifyContent: "flex-end", gap: 12, children: /* @__PURE__ */ e(i, { variant: "secondary", onClick: a, children: s("cta.close") }) }) : /* @__PURE__ */ m(y, { justifyContent: "flex-end", gap: 12, children: [
+  return I ? /* @__PURE__ */ e(y, { justifyContent: "flex-end", gap: 12, children: /* @__PURE__ */ e(i, { variant: "secondary", onClick: a, children: s("cta.close") }) }) : /* @__PURE__ */ c(y, { justifyContent: "flex-end", gap: 12, children: [
     /* @__PURE__ */ e(i, { variant: "secondary", onClick: a, isDisabled: l, children: s("cta.cancel") }),
     /* @__PURE__ */ e(
       i,