@gusto/embedded-react-sdk 0.37.0 → 0.38.0

package/dist/components/Employee/EmployeeList/ManagementEmployeeListView.js

@@ -0,0 +1,195 @@
+import { jsx as a, jsxs as d, Fragment as F } from "react/jsx-runtime";
+import { useState as B } from "react";
+import { useTranslation as H } from "react-i18next";
+import { Flex as u } from "../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
+import { EmptyData as J } from "../../Common/EmptyData/EmptyData.js";
+import { useComponentContext as O } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { EmployeeOnboardingStatusBadge as _ } from "../../Common/OnboardingStatusBadge/index.js";
+import m from "../../../assets/icons/pencil.svg.js";
+import W from "../../../assets/icons/trashcan.svg.js";
+import { firstLastName as Y } from "../../../helpers/formattedStrings.js";
+import { formatDateLongWithYear as p } from "../../../helpers/dateFormatting.js";
+import q from "../../../assets/icons/plus-circle.svg.js";
+import { HamburgerMenu as z } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useDataView as G } from "../../Common/DataView/useDataView.js";
+import { DataView as K } from "../../Common/DataView/DataView.js";
+function ut({
+  selectedTab: r,
+  onTabChange: g,
+  employees: b,
+  isFetching: f,
+  status: h,
+  onEdit: C,
+  onDismiss: y,
+  onDelete: D,
+  onRehire: L,
+  onAddEmployee: P,
+  pagination: S
+}) {
+  const { t } = H("Employee.ManagementEmployeeList"), o = O(), [l, s] = B(null), {
+    handleNextPage: v,
+    handleFirstPage: k,
+    handleLastPage: w,
+    handlePreviousPage: A,
+    handleItemsPerPageChange: x,
+    currentPage: E,
+    totalPages: j,
+    totalCount: T,
+    itemsPerPage: I
+  } = S, M = [
+    {
+      id: "active",
+      label: t("tabs.active"),
+      content: null
+    },
+    {
+      id: "onboarding",
+      label: t("tabs.onboarding"),
+      content: null
+    },
+    {
+      id: "dismissed",
+      label: t("tabs.dismissed"),
+      content: null
+    }
+  ], N = () => {
+    const e = {
+      key: "name",
+      title: t("nameLabel"),
+      render: (n) => Y({
+        first_name: n.firstName,
+        last_name: n.lastName
+      })
+    }, i = {
+      key: "jobTitle",
+      title: t("jobTitleLabel"),
+      render: (n) => n.primaryJob?.title ?? "-"
+    };
+    return r === "active" ? [e, i] : r === "onboarding" ? [
+      e,
+      {
+        key: "startDate",
+        title: t("startDateLabel"),
+        render: (n) => p(n.primaryJob?.hireDate) || "-"
+      },
+      i,
+      {
+        key: "status",
+        title: t("statusLabel"),
+        render: (n) => /* @__PURE__ */ a(
+          _,
+          {
+            onboarded: n.onboarded,
+            onboardingStatus: n.onboardingStatus
+          }
+        )
+      }
+    ] : [
+      e,
+      i,
+      {
+        key: "lastDay",
+        title: t("lastDayLabel"),
+        render: (n) => {
+          const c = n.terminations?.[0];
+          return p(c?.effectiveDate) || "-";
+        }
+      }
+    ];
+  }, { ...V } = G({
+    data: b,
+    columns: N(),
+    itemMenu: (e) => {
+      const i = [];
+      return e.allowedActions.includes("edit") && i.push({
+        label: t("editCta"),
+        onClick: () => {
+          C(e.uuid);
+        },
+        icon: /* @__PURE__ */ a(m, { "aria-hidden": !0 })
+      }), e.allowedActions.includes("dismiss") && i.push({
+        label: t("dismissCta"),
+        onClick: () => {
+          y(e.uuid);
+        },
+        icon: /* @__PURE__ */ a(W, { "aria-hidden": !0 })
+      }), e.allowedActions.includes("delete") && i.push({
+        label: t("cancelCta"),
+        onClick: () => {
+          s(e.uuid);
+        },
+        icon: /* @__PURE__ */ a(m, { "aria-hidden": !0 })
+      }), e.allowedActions.includes("rehire") && i.push({
+        label: t("rehireCta"),
+        onClick: () => {
+          L(e.uuid);
+        },
+        icon: /* @__PURE__ */ a(m, { "aria-hidden": !0 })
+      }), /* @__PURE__ */ a(z, { items: i, triggerLabel: t("hamburgerTitle") });
+    },
+    isFetching: f,
+    pagination: {
+      handleNextPage: v,
+      handleFirstPage: k,
+      handleLastPage: w,
+      handlePreviousPage: A,
+      handleItemsPerPageChange: x,
+      currentPage: E,
+      totalPages: j,
+      totalCount: T,
+      itemsPerPage: I
+    },
+    emptyState: () => {
+      let e = "", i = "";
+      return r === "active" ? (e = t("emptyState.active.title"), i = t("emptyState.active.description")) : r === "onboarding" ? (e = t("emptyState.onboarding.title"), i = t("emptyState.onboarding.description")) : (e = t("emptyState.dismissed.title"), i = t("emptyState.dismissed.description")), /* @__PURE__ */ a(J, { title: e, description: i });
+    }
+  });
+  return /* @__PURE__ */ d(F, { children: [
+    /* @__PURE__ */ d(u, { flexDirection: "column", gap: 32, children: [
+      /* @__PURE__ */ d(u, { justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ a(o.Heading, { as: "h2", children: t("title") }),
+        /* @__PURE__ */ a(o.Button, { variant: "secondary", onClick: P, icon: /* @__PURE__ */ a(q, {}), children: t("addEmployeeCta") })
+      ] }),
+      /* @__PURE__ */ a(
+        o.Tabs,
+        {
+          tabs: M,
+          selectedId: r,
+          onSelectionChange: (e) => {
+            g(e);
+          },
+          "aria-label": t("tabsLabel")
+        }
+      ),
+      /* @__PURE__ */ a(K, { label: t("employeeListLabel"), ...V })
+    ] }),
+    /* @__PURE__ */ a(
+      o.Dialog,
+      {
+        isOpen: !!l,
+        onClose: () => {
+          s(null);
+        },
+        onPrimaryActionClick: async () => {
+          if (l)
+            try {
+              await D(l), s(null);
+            } catch {
+            }
+        },
+        isPrimaryActionLoading: h.isPending,
+        isDestructive: !0,
+        title: t("deleteDialog.title"),
+        primaryActionLabel: t("deleteDialog.confirmCta"),
+        closeActionLabel: t("deleteDialog.cancelCta"),
+        children: t("deleteDialog.description")
+      }
+    )
+  ] });
+}
+export {
+  ut as ManagementEmployeeListView
+};
+//# sourceMappingURL=ManagementEmployeeListView.js.map

package/dist/components/Employee/EmployeeList/ManagementEmployeeListView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManagementEmployeeListView.js","sources":["../../../../src/components/Employee/EmployeeList/ManagementEmployeeListView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { UseEmployeeListResult, EmployeeWithActions } from './useEmployeeList'\nimport { DataView, EmptyData, useDataView } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\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 { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\ntype EmployeeTab = 'active' | 'onboarding' | 'dismissed'\n\nexport interface ManagementEmployeeListViewProps extends Pick<\n  Extract<UseEmployeeListResult, { isLoading: false }>,\n  'pagination' | 'status'\n> {\n  employees: EmployeeWithActions[]\n  isFetching: boolean\n  selectedTab: EmployeeTab\n  onTabChange: (tab: EmployeeTab) => void\n  onEdit: (employeeId: string) => void\n  onDismiss: (employeeId: string) => void\n  onDelete: (employeeId: string) => Promise<void>\n  onRehire: (employeeId: string) => void\n  onAddEmployee: () => void\n}\n\nexport function ManagementEmployeeListView({\n  selectedTab,\n  onTabChange,\n  employees,\n  isFetching,\n  status,\n  onEdit,\n  onDismiss,\n  onDelete,\n  onRehire,\n  onAddEmployee,\n  pagination,\n}: ManagementEmployeeListViewProps) {\n  const { t } = useTranslation('Employee.ManagementEmployeeList')\n  const Components = useComponentContext()\n  const [employeeToDelete, setEmployeeToDelete] = useState<string | null>(null)\n\n  const {\n    handleNextPage,\n    handleFirstPage,\n    handleLastPage,\n    handlePreviousPage,\n    handleItemsPerPageChange,\n    currentPage,\n    totalPages,\n    totalCount,\n    itemsPerPage,\n  } = pagination\n\n  const tabs = [\n    {\n      id: 'active',\n      label: t('tabs.active'),\n      content: null,\n    },\n    {\n      id: 'onboarding',\n      label: t('tabs.onboarding'),\n      content: null,\n    },\n    {\n      id: 'dismissed',\n      label: t('tabs.dismissed'),\n      content: null,\n    },\n  ]\n\n  const getColumns = () => {\n    const nameColumn = {\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    const jobTitleColumn = {\n      key: 'jobTitle',\n      title: t('jobTitleLabel'),\n      render: (employee: EmployeeWithActions) => {\n        return employee.primaryJob?.title ?? '-'\n      },\n    }\n\n    if (selectedTab === 'active') {\n      return [nameColumn, jobTitleColumn]\n    }\n\n    if (selectedTab === 'onboarding') {\n      return [\n        nameColumn,\n        {\n          key: 'startDate',\n          title: t('startDateLabel'),\n          render: (employee: EmployeeWithActions) => {\n            const formattedDate = formatDateLongWithYear(employee.primaryJob?.hireDate)\n            return formattedDate || '-'\n          },\n        },\n        jobTitleColumn,\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    }\n\n    return [\n      nameColumn,\n      jobTitleColumn,\n      {\n        key: 'lastDay',\n        title: t('lastDayLabel'),\n        render: (employee: EmployeeWithActions) => {\n          const termination = employee.terminations?.[0]\n          const formattedDate = formatDateLongWithYear(termination?.effectiveDate)\n          return formattedDate || '-'\n        },\n      },\n    ]\n  }\n\n  const { ...dataViewProps } = useDataView({\n    data: employees,\n    columns: getColumns(),\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)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('dismiss')) {\n        menuItems.push({\n          label: t('dismissCta'),\n          onClick: () => {\n            onDismiss(employee.uuid)\n          },\n          icon: <TrashCanSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('delete')) {\n        menuItems.push({\n          label: t('cancelCta'),\n          onClick: () => {\n            setEmployeeToDelete(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('rehire')) {\n        menuItems.push({\n          label: t('rehireCta'),\n          onClick: () => {\n            onRehire(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      return <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n    },\n    isFetching,\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\n      totalCount,\n      itemsPerPage,\n    },\n    emptyState: () => {\n      let title = ''\n      let description = ''\n\n      if (selectedTab === 'active') {\n        title = t('emptyState.active.title')\n        description = t('emptyState.active.description')\n      } else if (selectedTab === 'onboarding') {\n        title = t('emptyState.onboarding.title')\n        description = t('emptyState.onboarding.description')\n      } else {\n        title = t('emptyState.dismissed.title')\n        description = t('emptyState.dismissed.description')\n      }\n\n      return <EmptyData title={title} description={description} />\n    },\n  })\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n          <Components.Button variant=\"secondary\" onClick={onAddEmployee} icon={<PlusCircleIcon />}>\n            {t('addEmployeeCta')}\n          </Components.Button>\n        </Flex>\n\n        <Components.Tabs\n          tabs={tabs}\n          selectedId={selectedTab}\n          onSelectionChange={id => {\n            onTabChange(id as EmployeeTab)\n          }}\n          aria-label={t('tabsLabel')}\n        />\n\n        <DataView label={t('employeeListLabel')} {...dataViewProps} />\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":["ManagementEmployeeListView","selectedTab","onTabChange","employees","isFetching","status","onEdit","onDismiss","onDelete","onRehire","onAddEmployee","pagination","useTranslation","Components","useComponentContext","employeeToDelete","setEmployeeToDelete","useState","handleNextPage","handleFirstPage","handleLastPage","handlePreviousPage","handleItemsPerPageChange","currentPage","totalPages","totalCount","itemsPerPage","tabs","getColumns","nameColumn","employee","firstLastName","jobTitleColumn","formatDateLongWithYear","jsx","EmployeeOnboardingStatusBadge","termination","dataViewProps","useDataView","menuItems","PencilSvg","TrashCanSvg","HamburgerMenu","title","description","EmptyData","jsxs","Fragment","Flex","PlusCircleIcon","id","DataView"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { EmployeeList } from './EmployeeList';
+export { ManagementEmployeeList } from './ManagementEmployeeList';

package/dist/components/Employee/EmployeeList/useEmployeeList.d.ts

@@ -1,24 +1,37 @@
 import { Employee } from '@gusto/embedded-api/models/components/employee';
-import { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus';
-import { PaginationItemsPerPage } from '../../Common/PaginationControl/PaginationControlTypes';
-type EmployeeListContextType = {
-    handleEdit: (uuid: string, onboardingStatus?: OnboardingStatus) => void;
-    handleDelete: (uuid: string) => Promise<void>;
-    handleCancelSelfOnboarding: (employeeId: string) => Promise<void>;
-    handleReview: (employeeId: string) => Promise<void>;
-    handleNew: () => void;
-    handleSkip: () => void;
-    handleFirstPage: () => void;
-    handlePreviousPage: () => void;
-    handleNextPage: () => void;
-    handleLastPage: () => void;
-    handleItemsPerPageChange: (newCount: PaginationItemsPerPage) => void;
-    currentPage: number;
-    totalPages: number;
-    totalCount: number;
-    employees: Employee[];
-    itemsPerPage: PaginationItemsPerPage;
-    isFetching: boolean;
-};
-declare const useEmployeeList: () => EmployeeListContextType, EmployeeListProvider: import('react').Provider<EmployeeListContextType | null>;
-export { useEmployeeList, EmployeeListProvider };
+import { Job } from '@gusto/embedded-api/models/components/job';
+import { PaginationControlProps } from '../../Common/PaginationControl/PaginationControlTypes';
+import { HookLoadingResult, HookSubmitResult, BaseHookReady } from '../../../types/sdkHooks';
+export type EmployeeAction = 'edit' | 'delete' | 'cancel_self_onboarding' | 'review' | 'dismiss' | 'rehire';
+export interface EmployeeWithActions extends Employee {
+    allowedActions: EmployeeAction[];
+    primaryJob?: Job;
+}
+export interface EmployeeActionCallbacks {
+    onDelete?: (employeeId: string) => void;
+    onReview?: (employeeId: string) => void;
+    onCancelSelfOnboarding?: (employeeId: string) => void;
+}
+export type EmployeeType = 'active' | 'onboarding' | 'terminated';
+export interface UseEmployeeListProps {
+    companyId: string;
+    employeeType?: EmployeeType;
+}
+interface UseEmployeeListReady extends Omit<BaseHookReady, 'data' | 'status'> {
+    data: {
+        employees: EmployeeWithActions[];
+    };
+    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>;
+        onCancelSelfOnboarding: (employeeId: string, callbacks?: EmployeeActionCallbacks) => Promise<HookSubmitResult<string> | undefined>;
+    };
+}
+export type UseEmployeeListResult = HookLoadingResult | UseEmployeeListReady;
+export declare function useEmployeeList({ companyId, employeeType, }: UseEmployeeListProps): UseEmployeeListResult;
+export {};

package/dist/components/Employee/EmployeeList/useEmployeeList.js

@@ -1,22 +1,117 @@
-import "react/jsx-runtime";
-import "react";
-import "react-error-boundary";
-import "react-i18next";
-import "@tanstack/react-query";
-import "../../Base/useBase.js";
-import "@gusto/embedded-api/models/errors/apierror";
-import "@gusto/embedded-api/models/errors/gustoembeddederror";
-import "@gusto/embedded-api/models/errors/sdkvalidationerror";
-import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
-import "@gusto/embedded-api/models/errors/httpclienterrors";
-import "../../../shared/constants.js";
-import "classnames";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const [u, a] = o("EmployeeListContext");
+import { useMemo as P } from "react";
+import { useEmployeesList as M } from "@gusto/embedded-api/react-query/employeesList";
+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) {
+  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;
+}
+function Q({
+  companyId: e,
+  employeeType: s
+}) {
+  const { currentPage: a, itemsPerPage: l, getPaginationProps: O } = B(), f = P(() => {
+    const t = {
+      companyId: e,
+      page: a,
+      per: l
+    };
+    switch (s) {
+      case "active":
+        return { ...t, onboardedActive: !0 };
+      case "onboarding":
+        return { ...t, onboarded: !1 };
+      case "terminated":
+        return { ...t, terminated: !0 };
+      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) => {
+    const r = t.jobs?.find((n) => n.primary === !0);
+    return {
+      ...t,
+      allowedActions: q(t, s),
+      primaryJob: r
+    };
+  }), [u?.showEmployees, s]), A = u?.httpMeta.response.headers ? O(u.httpMeta.response.headers, g) : {
+    handleNextPage: () => {
+    },
+    handleFirstPage: () => {
+    },
+    handleLastPage: () => {
+    },
+    handlePreviousPage: () => {
+    },
+    handleItemsPerPageChange: () => {
+    },
+    currentPage: 1,
+    totalPages: 1,
+    totalCount: 0,
+    itemsPerPage: 5
+  }, _ = async (t, r) => {
+    let n;
+    return await c(t, async (o) => {
+      await E.mutateAsync({
+        request: { employeeId: o }
+      }), r?.onDelete?.(o), n = {
+        mode: "update",
+        data: void 0
+      };
+    }), n;
+  }, D = async (t, r) => {
+    let n;
+    return await c(t, async (o) => {
+      const m = await d.mutateAsync({
+        request: {
+          employeeId: o,
+          requestBody: {
+            onboardingStatus: i.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW
+          }
+        }
+      });
+      r?.onReview?.(o), n = {
+        mode: "update",
+        data: m.employeeOnboardingStatus?.onboardingStatus ?? ""
+      };
+    }), n;
+  }, L = async (t, r) => {
+    let n;
+    return await c(t, async (o) => {
+      const m = await d.mutateAsync({
+        request: {
+          employeeId: o,
+          requestBody: {
+            onboardingStatus: i.ADMIN_ONBOARDING_INCOMPLETE
+          }
+        }
+      });
+      r?.onCancelSelfOnboarding?.(o), n = {
+        mode: "update",
+        data: m.employeeOnboardingStatus?.onboardingStatus ?? ""
+      };
+    }), n;
+  };
+  return !u && g ? {
+    isLoading: !0,
+    errorHandling: p
+  } : {
+    isLoading: !1,
+    data: {
+      employees: h
+    },
+    pagination: A,
+    status: { isFetching: g, isPending: I },
+    actions: { onDelete: _, onReview: D, onCancelSelfOnboarding: L },
+    errorHandling: p
+  };
+}
 export {
-  a as EmployeeListProvider,
-  u as useEmployeeList
+  Q as useEmployeeList
 };
 //# sourceMappingURL=useEmployeeList.js.map

package/dist/components/Employee/EmployeeList/useEmployeeList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEmployeeList.js","sources":["../../../../src/components/Employee/EmployeeList/useEmployeeList.ts"],"sourcesContent":["import type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { createCompoundContext } from '@/components/Base'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\n//Interface for context passed down to component slots\ntype EmployeeListContextType = {\n  handleEdit: (uuid: string, onboardingStatus?: OnboardingStatus) => void\n  handleDelete: (uuid: string) => Promise<void>\n  handleCancelSelfOnboarding: (employeeId: string) => Promise<void>\n  handleReview: (employeeId: string) => Promise<void>\n  handleNew: () => void\n  handleSkip: () => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleItemsPerPageChange: (newCount: PaginationItemsPerPage) => void\n  currentPage: number\n  totalPages: number\n  totalCount: number\n  employees: Employee[]\n  itemsPerPage: PaginationItemsPerPage\n  isFetching: boolean\n}\n\nconst [useEmployeeList, EmployeeListProvider] =\n  createCompoundContext<EmployeeListContextType>('EmployeeListContext')\nexport { useEmployeeList, EmployeeListProvider }\n"],"names":["useEmployeeList","EmployeeListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AA0BA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useEmployeeList.js","sources":["../../../../src/components/Employee/EmployeeList/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 { useErrorHandling } from '@/hooks/useErrorHandling'\nimport { EmployeeOnboardingStatus, EmployeeSelfOnboardingStatuses } from '@/shared/constants'\nimport type { HookLoadingResult, HookSubmitResult, BaseHookReady } from '@/types/sdkHooks'\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 Omit<BaseHookReady, 'data' | 'status'> {\n  data: {\n    employees: EmployeeWithActions[]\n  }\n  pagination: PaginationControlProps\n  status: {\n    isFetching: boolean\n    isPending: boolean\n  }\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 { baseSubmitHandler, error: submitError, setError } = useBaseSubmit('EmployeeList')\n\n  const errorHandling = useErrorHandling([employeesQuery], { error: submitError, setError })\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","setError","useBaseSubmit","errorHandling","useErrorHandling","isPending","data","isFetching","employees","primaryJob","job","paginationProps","onDelete","employeeId","callbacks","submitResult","id","onReview","result","onCancelSelfOnboarding"],"mappings":"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"}

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

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

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

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

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

@@ -6,7 +6,6 @@ import "classnames";
 import { RadioGroupField as u } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { NumberInputField as t } from "../../Common/Fields/NumberInputField/NumberInputField.js";
 import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 import { SelectField as c } from "../../Common/Fields/SelectField/SelectField.js";
 const f = i.object({
   filingStatus: i.string().min(1),
@@ -15,8 +14,8 @@ const f = i.object({
   otherIncome: i.number().transform(String),
   deductions: i.number().transform(String),
   extraWithholding: i.number().transform(String)
-}), v = f;
-function M() {
+}), I = f;
+function v() {
   const { t: e } = s("Employee.FederalTaxes"), o = d(), n = [
     { value: "Single", label: e("filingStatusSingle") },
     { value: "Married", label: e("filingStatusMarried") },
@@ -106,7 +105,7 @@ function M() {
   ] });
 }
 export {
-  M as FederalForm,
-  v as FederalFormSchema
+  v as FederalForm,
+  I as FederalFormSchema
 };
 //# sourceMappingURL=FederalForm.js.map

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

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

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

@@ -1,8 +1,8 @@
 import { jsx as p } from "react/jsx-runtime";
 import { createMachine as c } from "robot3";
 import { useMemo as s } from "react";
-import { EmployeeListContextual as a } from "../EmployeeList/EmployeeList.js";
-import { employeeOnboardingMachine as f } from "./onboardingStateMachine.js";
+import { employeeOnboardingMachine as a } from "./onboardingStateMachine.js";
+import { EmployeeListContextual as f } from "./OnboardingFlowComponents.js";
 import { Flow as x } from "../../Flow/Flow.js";
 const j = ({
   companyId: o,
@@ -14,10 +14,10 @@ const j = ({
   const i = s(
     () => c(
       "index",
-      f,
+      a,
       (n) => ({
         ...n,
-        component: a,
+        component: f,
         companyId: o,
         isAdmin: !0,
         defaultValues: r,

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

@@ -1 +1 @@
-{"version":3,"file":"OnboardingFlow.js","sources":["../../../../src/components/Employee/OnboardingFlow/OnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { EmployeeListContextual } from '../EmployeeList/EmployeeList'\nimport { employeeOnboardingMachine } from './onboardingStateMachine'\nimport type {\n  OnboardingDefaultValues,\n  OnboardingContextInterface,\n} from './OnboardingFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport interface OnboardingFlowProps extends BaseComponentInterface {\n  companyId: string\n  defaultValues?: RequireAtLeastOne<OnboardingDefaultValues>\n  isSelfOnboardingEnabled?: boolean\n  withEmployeeI9?: boolean\n}\n\nexport const OnboardingFlow = ({\n  companyId,\n  onEvent,\n  defaultValues,\n  isSelfOnboardingEnabled = true,\n  withEmployeeI9 = false,\n}: OnboardingFlowProps) => {\n  const manageEmployees = useMemo(\n    () =>\n      createMachine(\n        'index',\n        employeeOnboardingMachine,\n        (initialContext: OnboardingContextInterface) => ({\n          ...initialContext,\n          component: EmployeeListContextual,\n          companyId,\n          isAdmin: true,\n          defaultValues,\n          isSelfOnboardingEnabled,\n          withEmployeeI9,\n        }),\n      ),\n    [companyId, defaultValues, isSelfOnboardingEnabled, withEmployeeI9],\n  )\n  return <Flow machine={manageEmployees} onEvent={onEvent} />\n}\n"],"names":["OnboardingFlow","companyId","onEvent","defaultValues","isSelfOnboardingEnabled","withEmployeeI9","manageEmployees","useMemo","createMachine","employeeOnboardingMachine","initialContext","EmployeeListContextual","jsx","Flow"],"mappings":";;;;;;AAmBO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,gBAAAC,IAAiB;AACnB,MAA2B;AACzB,QAAMC,IAAkBC;AAAA,IACtB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAgD;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAV;AAAA,QACA,SAAS;AAAA,QACT,eAAAE;AAAA,QACA,yBAAAC;AAAA,QACA,gBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACJ,GAAWE,GAAeC,GAAyBC,CAAc;AAAA,EAAA;AAEpE,SAAO,gBAAAO,EAACC,GAAA,EAAK,SAASP,GAAiB,SAAAJ,EAAA,CAAkB;AAC3D;"}
+{"version":3,"file":"OnboardingFlow.js","sources":["../../../../src/components/Employee/OnboardingFlow/OnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { employeeOnboardingMachine } from './onboardingStateMachine'\nimport {\n  type OnboardingDefaultValues,\n  type OnboardingContextInterface,\n  EmployeeListContextual,\n} from './OnboardingFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport interface OnboardingFlowProps extends BaseComponentInterface {\n  companyId: string\n  defaultValues?: RequireAtLeastOne<OnboardingDefaultValues>\n  isSelfOnboardingEnabled?: boolean\n  withEmployeeI9?: boolean\n}\n\nexport const OnboardingFlow = ({\n  companyId,\n  onEvent,\n  defaultValues,\n  isSelfOnboardingEnabled = true,\n  withEmployeeI9 = false,\n}: OnboardingFlowProps) => {\n  const manageEmployees = useMemo(\n    () =>\n      createMachine(\n        'index',\n        employeeOnboardingMachine,\n        (initialContext: OnboardingContextInterface) => ({\n          ...initialContext,\n          component: EmployeeListContextual,\n          companyId,\n          isAdmin: true,\n          defaultValues,\n          isSelfOnboardingEnabled,\n          withEmployeeI9,\n        }),\n      ),\n    [companyId, defaultValues, isSelfOnboardingEnabled, withEmployeeI9],\n  )\n  return <Flow machine={manageEmployees} onEvent={onEvent} />\n}\n"],"names":["OnboardingFlow","companyId","onEvent","defaultValues","isSelfOnboardingEnabled","withEmployeeI9","manageEmployees","useMemo","createMachine","employeeOnboardingMachine","initialContext","EmployeeListContextual","jsx","Flow"],"mappings":";;;;;;AAmBO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,gBAAAC,IAAiB;AACnB,MAA2B;AACzB,QAAMC,IAAkBC;AAAA,IACtB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAgD;AAAA,QAC/C,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAV;AAAA,QACA,SAAS;AAAA,QACT,eAAAE;AAAA,QACA,yBAAAC;AAAA,QACA,gBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACJ,GAAWE,GAAeC,GAAyBC,CAAc;AAAA,EAAA;AAEpE,SAAO,gBAAAO,EAACC,GAAA,EAAK,SAASP,GAAiB,SAAAJ,EAAA,CAAkB;AAC3D;"}

package/dist/components/Employee/OnboardingFlow/OnboardingFlowComponents.d.ts

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