@gusto/embedded-react-sdk 0.55.7 → 0.56.0

package/dist/components/Employee/EmployeeList/onboarding/EmployeeListView.js

@@ -1,19 +1,19 @@
-import { jsx as e, jsxs as r, Fragment as w } from "react/jsx-runtime";
-import { useState as A } from "react";
-import { useTranslation as S } from "react-i18next";
+import { jsx as e, jsxs as r, Fragment as A } from "react/jsx-runtime";
+import { useState as S } from "react";
+import { useTranslation as T } from "react-i18next";
 import { Flex as f } from "../../../Common/Flex/Flex.js";
-import { EmptyData as T } from "../../../Common/EmptyData/EmptyData.js";
+import { EmptyData as x } from "../../../Common/EmptyData/EmptyData.js";
 import { ActionsLayout as p } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { HamburgerMenu as x } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useComponentContext as E } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { EmployeeOnboardingStatusBadge as P } from "../../../Common/OnboardingStatusBadge/index.js";
+import { HamburgerMenu as E } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as P } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { EmployeeOnboardingStatusBadge as j } from "../../../Common/OnboardingStatusBadge/index.js";
 import s from "../../../../assets/icons/pencil.svg.js";
-import j from "../../../../assets/icons/trashcan.svg.js";
-import { firstLastName as B } from "../../../../helpers/formattedStrings.js";
+import B from "../../../../assets/icons/trashcan.svg.js";
+import { firstLastName as V } from "../../../../helpers/formattedStrings.js";
 import g from "../../../../assets/icons/plus-circle.svg.js";
-import { useDataView as V } from "../../../Common/DataView/useDataView.js";
-import { DataView as _ } from "../../../Common/DataView/DataView.js";
-function X({
+import { useDataView as _ } from "../../../Common/DataView/useDataView.js";
+import { DataView as N } from "../../../Common/DataView/DataView.js";
+function Y({
   employees: o,
   isFetching: h,
   pagination: C,
@@ -24,15 +24,16 @@ function X({
   onReview: L,
   onAddEmployee: d,
   onSkip: m,
-  showContinueButton: u
+  showContinueButton: u,
+  className: k
 }) {
-  const { t } = S("Employee.EmployeeList"), n = E(), [l, c] = A(null), { ...k } = V({
+  const { t } = T("Employee.EmployeeList"), n = P(), [l, c] = S(null), { ...w } = _({
     data: o,
     columns: [
       {
         key: "name",
         title: t("nameLabel"),
-        render: (i) => B({
+        render: (i) => V({
           first_name: i.firstName,
           last_name: i.lastName
         })
@@ -41,7 +42,7 @@ function X({
         key: "status",
         title: t("statusLabel"),
         render: (i) => /* @__PURE__ */ e(
-          P,
+          j,
           {
             onboarded: i.onboarded,
             onboardingStatus: i.onboardingStatus
@@ -74,18 +75,18 @@ function X({
         onClick: () => {
           c(i.uuid);
         },
-        icon: /* @__PURE__ */ e(j, { "aria-hidden": !0 })
-      }), /* @__PURE__ */ e(x, { items: a, triggerLabel: t("hamburgerTitle") });
+        icon: /* @__PURE__ */ e(B, { "aria-hidden": !0 })
+      }), /* @__PURE__ */ e(E, { items: a, triggerLabel: t("hamburgerTitle") });
     },
     isFetching: h,
     pagination: C,
-    emptyState: () => /* @__PURE__ */ e(T, { title: t("emptyTableTitle"), description: t("emptyTableDescription"), children: /* @__PURE__ */ r(p, { justifyContent: "center", children: [
+    emptyState: () => /* @__PURE__ */ e(x, { title: t("emptyTableTitle"), description: t("emptyTableDescription"), children: /* @__PURE__ */ r(p, { justifyContent: "center", children: [
       u && /* @__PURE__ */ e(n.Button, { variant: "secondary", onClick: m, children: t("skipCta") }),
       /* @__PURE__ */ e(n.Button, { variant: "primary", onClick: d, icon: /* @__PURE__ */ e(g, {}), children: t("addEmployeeCta") })
     ] }) })
   });
-  return /* @__PURE__ */ r(w, { children: [
-    /* @__PURE__ */ r(f, { flexDirection: "column", gap: 24, children: [
+  return /* @__PURE__ */ r(A, { children: [
+    /* @__PURE__ */ r(f, { className: k, flexDirection: "column", gap: 24, children: [
       /* @__PURE__ */ r(f, { justifyContent: "space-between", alignItems: "center", children: [
         /* @__PURE__ */ e(n.Heading, { as: "h2", children: t("title") }),
         o.length > 0 && /* @__PURE__ */ e(
@@ -98,7 +99,7 @@ function X({
           }
         )
       ] }),
-      /* @__PURE__ */ e(_, { label: t("employeeListLabel"), ...k }),
+      /* @__PURE__ */ e(N, { label: t("employeeListLabel"), ...w }),
       u && o.length > 0 && /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(n.Button, { onClick: m, children: t("continueCta") }) })
     ] }),
     /* @__PURE__ */ e(
@@ -126,6 +127,6 @@ function X({
   ] });
 }
 export {
-  X as EmployeeListView
+  Y as EmployeeListView
 };
 //# sourceMappingURL=EmployeeListView.js.map

package/dist/components/Employee/EmployeeList/onboarding/EmployeeListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmployeeListView.js","sources":["../../../../../src/components/Employee/EmployeeList/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\n/** @internal */\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  showContinueButton: boolean\n}\n\n/** @internal */\nexport function EmployeeListView({\n  employees,\n  isFetching,\n  pagination,\n  status,\n  onEdit,\n  onDelete,\n  onCancelSelfOnboarding,\n  onReview,\n  onAddEmployee,\n  onSkip,\n  showContinueButton,\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          {showContinueButton && (\n            <Components.Button variant=\"secondary\" onClick={onSkip}>\n              {t('skipCta')}\n            </Components.Button>\n          )}\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        {showContinueButton && 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","showContinueButton","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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"}
+{"version":3,"file":"EmployeeListView.js","sources":["../../../../../src/components/Employee/EmployeeList/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\n/** @internal */\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  showContinueButton: boolean\n  /** CSS class name applied to the root element. */\n  className?: string\n}\n\n/** @internal */\nexport function EmployeeListView({\n  employees,\n  isFetching,\n  pagination,\n  status,\n  onEdit,\n  onDelete,\n  onCancelSelfOnboarding,\n  onReview,\n  onAddEmployee,\n  onSkip,\n  showContinueButton,\n  className,\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          {showContinueButton && (\n            <Components.Button variant=\"secondary\" onClick={onSkip}>\n              {t('skipCta')}\n            </Components.Button>\n          )}\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 className={className} 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        {showContinueButton && 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","showContinueButton","className","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/EmployeeList/shared/useEmployeeList.js

@@ -1,48 +1,57 @@
-import { useMemo as b } from "react";
+import { useMemo as p } from "react";
 import { useEmployeesList as L } from "@gusto/embedded-api/react-query/employeesList";
 import { useEmployeesDeleteMutation as M } from "@gusto/embedded-api/react-query/employeesDelete";
-import { useEmployeesUpdateOnboardingStatusMutation as w } 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 G } from "../../../Base/useBaseSubmit.js";
-import { composeErrorHandler as R } from "../../../../partner-hook-utils/composeErrorHandler.js";
-import { EmployeeOnboardingStatus as r, EmployeeSelfOnboardingStatuses as v } from "../../../../shared/constants.js";
-function C(e, s) {
-  const a = [];
-  return s !== "terminated" && (e.onboardingStatus === r.ADMIN_ONBOARDING_INCOMPLETE || e.onboardingStatus === r.SELF_ONBOARDING_PENDING_INVITE || e.onboardingStatus === r.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW || e.onboardingStatus === r.ONBOARDING_COMPLETED) && a.push("edit"), e.onboardingStatus && v.has(e.onboardingStatus) && a.push("cancel_self_onboarding"), e.onboardingStatus === r.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE && a.push("review"), e.onboarded || a.push("delete"), s === "active" && a.push("dismiss"), s === "terminated" && a.push("rehire"), a;
+import { useEmployeesUpdateOnboardingStatusMutation as v } from "@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus";
+import { keepPreviousData as w } from "@tanstack/react-query";
+import { usePagination as y } from "../../../../hooks/usePagination/usePagination.js";
+import { useBaseSubmit as B } from "../../../Base/useBaseSubmit.js";
+import { composeErrorHandler as G } from "../../../../partner-hook-utils/composeErrorHandler.js";
+import { EmployeeOnboardingStatus as o, EmployeeSelfOnboardingStatuses as R } from "../../../../shared/constants.js";
+import { normalizeToDate as C } from "../../../../helpers/dateFormatting.js";
+function q(e) {
+  return e.terminations?.find((r) => {
+    if (!r.effectiveDate || r.active === !0) return !1;
+    const n = C(r.effectiveDate);
+    return n !== null && n.getTime() > Date.now();
+  })?.effectiveDate;
 }
-function J({
+function F(e, a, r) {
+  const n = [];
+  return a !== "terminated" && (e.onboardingStatus === o.ADMIN_ONBOARDING_INCOMPLETE || e.onboardingStatus === o.SELF_ONBOARDING_PENDING_INVITE || e.onboardingStatus === o.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW || e.onboardingStatus === o.ONBOARDING_COMPLETED) && n.push("edit"), e.onboardingStatus && R.has(e.onboardingStatus) && n.push("cancel_self_onboarding"), e.onboardingStatus === o.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE && n.push("review"), e.onboarded || n.push("delete"), a === "active" && !r && n.push("dismiss"), a === "terminated" && n.push("rehire"), n;
+}
+function U({
   companyId: e,
-  employeeType: s
+  employeeType: a
 }) {
-  const { currentPage: a, itemsPerPage: g, getPaginationProps: p } = B(), P = b(() => {
+  const { currentPage: r, itemsPerPage: n, getPaginationProps: b } = y(), P = p(() => {
     const t = {
       companyId: e,
-      page: a,
-      per: g
+      page: r,
+      per: n
     };
-    switch (s) {
+    switch (a) {
       case "active":
         return { ...t, onboardedActive: !0 };
       case "onboarding":
-        return { ...t, onboarded: !1 };
+        return { ...t, onboardedActive: !1 };
       case "terminated":
         return { ...t, terminated: !0 };
       default:
         return t;
     }
-  }, [e, a, g, s]), m = L(P, { placeholderData: y }), l = M(), u = w(), {
-    baseSubmitHandler: d,
-    error: N,
-    setError: O
-  } = G("EmployeeList"), E = R([m], { submitError: N, setSubmitError: O }), S = l.isPending || u.isPending, { data: o, isFetching: c } = m, f = b(() => (o?.showEmployees ?? []).map((t) => {
-    const n = t.jobs?.find((i) => i.primary === !0);
+  }, [e, r, n, a]), l = L(P, { placeholderData: w }), f = M(), d = v(), {
+    baseSubmitHandler: c,
+    error: D,
+    setError: N
+  } = B("EmployeeList"), E = G([l], { submitError: D, setSubmitError: N }), O = f.isPending || d.isPending, { data: u, isFetching: g } = l, S = p(() => (u?.showEmployees ?? []).map((t) => {
+    const s = t.jobs?.find((m) => m.primary === !0), i = q(t);
     return {
       ...t,
-      allowedActions: C(t, s),
-      primaryJob: n
+      allowedActions: F(t, a, i),
+      primaryJob: s,
+      pendingDismissalDate: i
     };
-  }), [o?.showEmployees, s]), I = o?.httpMeta.response.headers ? p(o.httpMeta.response.headers, c) : {
+  }), [u?.showEmployees, a]), I = u?.httpMeta.response.headers ? b(u.httpMeta.response.headers, g) : {
     handleNextPage: () => {
     },
     handleFirstPage: () => {
@@ -58,51 +67,51 @@ function J({
     totalCount: 0,
     itemsPerPage: 5
   }, h = async (t) => {
-    await d(t, async (n) => {
-      await l.mutateAsync({
-        request: { employeeId: n }
+    await c(t, async (s) => {
+      await f.mutateAsync({
+        request: { employeeId: s }
       });
     });
   }, A = async (t) => {
-    let n;
-    return await d(t, async (i) => {
-      n = (await u.mutateAsync({
+    let s;
+    return await c(t, async (i) => {
+      s = (await d.mutateAsync({
         request: {
           employeeId: i,
           requestBody: {
-            onboardingStatus: r.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW
+            onboardingStatus: o.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW
           }
         }
       })).employeeOnboardingStatus;
-    }), n;
+    }), s;
   }, _ = async (t) => {
-    let n;
-    return await d(t, async (i) => {
-      n = (await u.mutateAsync({
+    let s;
+    return await c(t, async (i) => {
+      s = (await d.mutateAsync({
         request: {
           employeeId: i,
           requestBody: {
-            onboardingStatus: r.ADMIN_ONBOARDING_INCOMPLETE
+            onboardingStatus: o.ADMIN_ONBOARDING_INCOMPLETE
           }
         }
       })).employeeOnboardingStatus;
-    }), n;
+    }), s;
   };
-  return !o && c ? {
+  return !u && g ? {
     isLoading: !0,
     errorHandling: E
   } : {
     isLoading: !1,
     data: {
-      employees: f
+      employees: S
     },
     pagination: I,
-    status: { isFetching: c, isPending: S },
+    status: { isFetching: g, isPending: O },
     actions: { onDelete: h, onReview: A, onCancelSelfOnboarding: _ },
     errorHandling: E
   };
 }
 export {
-  J as useEmployeeList
+  U as useEmployeeList
 };
 //# sourceMappingURL=useEmployeeList.js.map

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

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

package/dist/components/Employee/EmployeeListFlow/employeeListStateMachine.js

@@ -1,5 +1,5 @@
-import { state as n, transition as o, reduce as E } from "robot3";
-import { DashboardFlowContextual as m, TerminationFlowContextual as r, OnboardingExecutionFlowContextual as d, EmployeeListContextual as p } from "./EmployeeListFlowComponents.js";
+import { state as a, transition as o, reduce as n } from "robot3";
+import { DashboardFlowContextual as L, TerminationFlowContextual as m, OnboardingExecutionFlowContextual as r, EmployeeListContextual as s } from "./EmployeeListFlowComponents.js";
 import { componentEvents as e } from "../../../shared/constants.js";
 const i = {
   type: "minimal",
@@ -8,22 +8,22 @@ const i = {
     namespace: "Employee.ManagementEmployeeList",
     event: e.EMPLOYEE_RETURN_TO_LIST
   }
-}, a = E(
-  (t) => ({
-    ...t,
-    component: p,
+}, t = n(
+  (E) => ({
+    ...E,
+    component: s,
     header: null,
     employeeId: void 0
   })
 ), _ = {
-  list: n(
+  list: a(
     o(
       e.EMPLOYEE_UPDATE,
       "dashboard",
-      E(
-        (t, l) => ({
-          ...t,
-          component: m,
+      n(
+        (E, l) => ({
+          ...E,
+          component: L,
           header: i,
           employeeId: l.payload.employeeId
         })
@@ -32,10 +32,10 @@ const i = {
     o(
       e.EMPLOYEE_DISMISS,
       "terminate",
-      E(
-        (t, l) => ({
-          ...t,
-          component: r,
+      n(
+        (E, l) => ({
+          ...E,
+          component: m,
           header: i,
           employeeId: l.payload.employeeId
         })
@@ -44,23 +44,26 @@ const i = {
     o(
       e.EMPLOYEE_CREATE,
       "onboard",
-      E((t) => ({
-        ...t,
-        component: d,
+      n((E) => ({
+        ...E,
+        component: r,
         header: i
       }))
     )
   ),
-  dashboard: n(
-    o(e.EMPLOYEE_RETURN_TO_LIST, "list", a)
+  dashboard: a(
+    o(e.EMPLOYEE_RETURN_TO_LIST, "list", t)
   ),
-  terminate: n(
-    o(e.EMPLOYEE_RETURN_TO_LIST, "list", a)
+  terminate: a(
+    o(e.EMPLOYEE_RETURN_TO_LIST, "list", t),
+    o(e.PAYROLL_EXIT_FLOW, "list", t),
+    o(e.RUN_PAYROLL_CANCELLED, "list", t),
+    o(e.CANCEL, "list", t)
   ),
-  onboard: n(
-    o(e.EMPLOYEE_RETURN_TO_LIST, "list", a),
-    o(e.EMPLOYEES_LIST, "list", a),
-    o(e.CANCEL, "list", a)
+  onboard: a(
+    o(e.EMPLOYEE_RETURN_TO_LIST, "list", t),
+    o(e.EMPLOYEES_LIST, "list", t),
+    o(e.CANCEL, "list", t)
   )
 };
 export {

package/dist/components/Employee/EmployeeListFlow/employeeListStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"employeeListStateMachine.js","sources":["../../../../src/components/Employee/EmployeeListFlow/employeeListStateMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport {\n  DashboardFlowContextual,\n  EmployeeListContextual,\n  OnboardingExecutionFlowContextual,\n  TerminationFlowContextual,\n  type EmployeeListFlowContextInterface,\n} from './EmployeeListFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport type { FlowHeaderConfig } from '@/components/Flow/useFlow'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_UPDATE]: { employeeId: string }\n  [componentEvents.EMPLOYEE_DISMISS]: { employeeId: string }\n}\n\nconst backToListHeader: FlowHeaderConfig = {\n  type: 'minimal',\n  back: {\n    labelKey: 'backToListCta',\n    namespace: 'Employee.ManagementEmployeeList',\n    event: componentEvents.EMPLOYEE_RETURN_TO_LIST,\n  },\n}\n\nconst returnToList = reduce(\n  (ctx: EmployeeListFlowContextInterface): EmployeeListFlowContextInterface => ({\n    ...ctx,\n    component: EmployeeListContextual,\n    header: null,\n    employeeId: undefined,\n  }),\n)\n\n/** @internal */\nexport const employeeListStateMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_UPDATE,\n      'dashboard',\n      reduce(\n        (\n          ctx: EmployeeListFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_UPDATE>,\n        ): EmployeeListFlowContextInterface => ({\n          ...ctx,\n          component: DashboardFlowContextual,\n          header: backToListHeader,\n          employeeId: ev.payload.employeeId,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DISMISS,\n      'terminate',\n      reduce(\n        (\n          ctx: EmployeeListFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_DISMISS>,\n        ): EmployeeListFlowContextInterface => ({\n          ...ctx,\n          component: TerminationFlowContextual,\n          header: backToListHeader,\n          employeeId: ev.payload.employeeId,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_CREATE,\n      'onboard',\n      reduce((ctx: EmployeeListFlowContextInterface): EmployeeListFlowContextInterface => ({\n        ...ctx,\n        component: OnboardingExecutionFlowContextual,\n        header: backToListHeader,\n      })),\n    ),\n  ),\n  dashboard: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_RETURN_TO_LIST, 'list', returnToList),\n  ),\n  terminate: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_RETURN_TO_LIST, 'list', returnToList),\n  ),\n  onboard: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_RETURN_TO_LIST, 'list', returnToList),\n    transition(componentEvents.EMPLOYEES_LIST, 'list', returnToList),\n    transition(componentEvents.CANCEL, 'list', returnToList),\n  ),\n}\n"],"names":["backToListHeader","componentEvents","returnToList","reduce","ctx","EmployeeListContextual","employeeListStateMachine","state","transition","ev","DashboardFlowContextual","TerminationFlowContextual","OnboardingExecutionFlowContextual"],"mappings":";;;AAiBA,MAAMA,IAAqC;AAAA,EACzC,MAAM;AAAA,EACN,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,WAAW;AAAA,IACX,OAAOC,EAAgB;AAAA,EAAA;AAE3B,GAEMC,IAAeC;AAAA,EACnB,CAACC,OAA6E;AAAA,IAC5E,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,EAAA;AAEhB,GAGaC,IAA2B;AAAA,EACtC,MAAMC;AAAA,IACJC;AAAA,MACEP,EAAgB;AAAA,MAChB;AAAA,MACAE;AAAA,QACE,CACEC,GACAK,OACsC;AAAA,UACtC,GAAGL;AAAA,UACH,WAAWM;AAAA,UACX,QAAQV;AAAA,UACR,YAAYS,EAAG,QAAQ;AAAA,QAAA;AAAA,MACzB;AAAA,IACF;AAAA,IAEFD;AAAA,MACEP,EAAgB;AAAA,MAChB;AAAA,MACAE;AAAA,QACE,CACEC,GACAK,OACsC;AAAA,UACtC,GAAGL;AAAA,UACH,WAAWO;AAAA,UACX,QAAQX;AAAA,UACR,YAAYS,EAAG,QAAQ;AAAA,QAAA;AAAA,MACzB;AAAA,IACF;AAAA,IAEFD;AAAA,MACEP,EAAgB;AAAA,MAChB;AAAA,MACAE,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,QAAQZ;AAAA,MAAA,EACR;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,WAAWO;AAAA,IACTC,EAAWP,EAAgB,yBAAyB,QAAQC,CAAY;AAAA,EAAA;AAAA,EAE1E,WAAWK;AAAA,IACTC,EAAWP,EAAgB,yBAAyB,QAAQC,CAAY;AAAA,EAAA;AAAA,EAE1E,SAASK;AAAA,IACPC,EAAWP,EAAgB,yBAAyB,QAAQC,CAAY;AAAA,IACxEM,EAAWP,EAAgB,gBAAgB,QAAQC,CAAY;AAAA,IAC/DM,EAAWP,EAAgB,QAAQ,QAAQC,CAAY;AAAA,EAAA;AAE3D;"}
+{"version":3,"file":"employeeListStateMachine.js","sources":["../../../../src/components/Employee/EmployeeListFlow/employeeListStateMachine.ts"],"sourcesContent":["import { transition, reduce, state } from 'robot3'\nimport {\n  DashboardFlowContextual,\n  EmployeeListContextual,\n  OnboardingExecutionFlowContextual,\n  TerminationFlowContextual,\n  type EmployeeListFlowContextInterface,\n} from './EmployeeListFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport type { FlowHeaderConfig } from '@/components/Flow/useFlow'\n\ntype EventPayloads = {\n  [componentEvents.EMPLOYEE_UPDATE]: { employeeId: string }\n  [componentEvents.EMPLOYEE_DISMISS]: { employeeId: string }\n}\n\nconst backToListHeader: FlowHeaderConfig = {\n  type: 'minimal',\n  back: {\n    labelKey: 'backToListCta',\n    namespace: 'Employee.ManagementEmployeeList',\n    event: componentEvents.EMPLOYEE_RETURN_TO_LIST,\n  },\n}\n\nconst returnToList = reduce(\n  (ctx: EmployeeListFlowContextInterface): EmployeeListFlowContextInterface => ({\n    ...ctx,\n    component: EmployeeListContextual,\n    header: null,\n    employeeId: undefined,\n  }),\n)\n\n/** @internal */\nexport const employeeListStateMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_UPDATE,\n      'dashboard',\n      reduce(\n        (\n          ctx: EmployeeListFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_UPDATE>,\n        ): EmployeeListFlowContextInterface => ({\n          ...ctx,\n          component: DashboardFlowContextual,\n          header: backToListHeader,\n          employeeId: ev.payload.employeeId,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_DISMISS,\n      'terminate',\n      reduce(\n        (\n          ctx: EmployeeListFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.EMPLOYEE_DISMISS>,\n        ): EmployeeListFlowContextInterface => ({\n          ...ctx,\n          component: TerminationFlowContextual,\n          header: backToListHeader,\n          employeeId: ev.payload.employeeId,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.EMPLOYEE_CREATE,\n      'onboard',\n      reduce((ctx: EmployeeListFlowContextInterface): EmployeeListFlowContextInterface => ({\n        ...ctx,\n        component: OnboardingExecutionFlowContextual,\n        header: backToListHeader,\n      })),\n    ),\n  ),\n  dashboard: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_RETURN_TO_LIST, 'list', returnToList),\n  ),\n  terminate: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_RETURN_TO_LIST, 'list', returnToList),\n    transition(componentEvents.PAYROLL_EXIT_FLOW, 'list', returnToList),\n    transition(componentEvents.RUN_PAYROLL_CANCELLED, 'list', returnToList),\n    transition(componentEvents.CANCEL, 'list', returnToList),\n  ),\n  onboard: state<MachineTransition>(\n    transition(componentEvents.EMPLOYEE_RETURN_TO_LIST, 'list', returnToList),\n    transition(componentEvents.EMPLOYEES_LIST, 'list', returnToList),\n    transition(componentEvents.CANCEL, 'list', returnToList),\n  ),\n}\n"],"names":["backToListHeader","componentEvents","returnToList","reduce","ctx","EmployeeListContextual","employeeListStateMachine","state","transition","ev","DashboardFlowContextual","TerminationFlowContextual","OnboardingExecutionFlowContextual"],"mappings":";;;AAiBA,MAAMA,IAAqC;AAAA,EACzC,MAAM;AAAA,EACN,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,WAAW;AAAA,IACX,OAAOC,EAAgB;AAAA,EAAA;AAE3B,GAEMC,IAAeC;AAAA,EACnB,CAACC,OAA6E;AAAA,IAC5E,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,EAAA;AAEhB,GAGaC,IAA2B;AAAA,EACtC,MAAMC;AAAA,IACJC;AAAA,MACEP,EAAgB;AAAA,MAChB;AAAA,MACAE;AAAA,QACE,CACEC,GACAK,OACsC;AAAA,UACtC,GAAGL;AAAA,UACH,WAAWM;AAAA,UACX,QAAQV;AAAA,UACR,YAAYS,EAAG,QAAQ;AAAA,QAAA;AAAA,MACzB;AAAA,IACF;AAAA,IAEFD;AAAA,MACEP,EAAgB;AAAA,MAChB;AAAA,MACAE;AAAA,QACE,CACEC,GACAK,OACsC;AAAA,UACtC,GAAGL;AAAA,UACH,WAAWO;AAAA,UACX,QAAQX;AAAA,UACR,YAAYS,EAAG,QAAQ;AAAA,QAAA;AAAA,MACzB;AAAA,IACF;AAAA,IAEFD;AAAA,MACEP,EAAgB;AAAA,MAChB;AAAA,MACAE,EAAO,CAACC,OAA6E;AAAA,QACnF,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,QAAQZ;AAAA,MAAA,EACR;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,WAAWO;AAAA,IACTC,EAAWP,EAAgB,yBAAyB,QAAQC,CAAY;AAAA,EAAA;AAAA,EAE1E,WAAWK;AAAA,IACTC,EAAWP,EAAgB,yBAAyB,QAAQC,CAAY;AAAA,IACxEM,EAAWP,EAAgB,mBAAmB,QAAQC,CAAY;AAAA,IAClEM,EAAWP,EAAgB,uBAAuB,QAAQC,CAAY;AAAA,IACtEM,EAAWP,EAAgB,QAAQ,QAAQC,CAAY;AAAA,EAAA;AAAA,EAEzD,SAASK;AAAA,IACPC,EAAWP,EAAgB,yBAAyB,QAAQC,CAAY;AAAA,IACxEM,EAAWP,EAAgB,gBAAgB,QAAQC,CAAY;AAAA,IAC/DM,EAAWP,EAAgB,QAAQ,QAAQC,CAAY;AAAA,EAAA;AAE3D;"}

package/dist/components/Employee/FederalTaxes/shared/FederalTaxesView.js

@@ -3,10 +3,10 @@ import { useTranslation as x, Trans as s } from "react-i18next";
 import { BaseLayout as b } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { Form as I } from "../../../Common/Form/Form.js";
-import { Flex as l } from "../../../Common/Flex/Flex.js";
 import { SDKFormProvider as R } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
 import { useComponentContext as D } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as F, useComponentDictionary as S } from "../../../../i18n/I18n.js";
+import { Flex as l } from "../../../Common/Flex/Flex.js";
 function Q({
   federalTaxes: r,
   onSubmit: d,

package/dist/components/Employee/HomeAddress/management/HomeAddressEditForm.js

@@ -1,17 +1,18 @@
 import { jsx as s } from "react/jsx-runtime";
-import { HomeAddressView as E } from "./HomeAddressView.js";
-import { useHomeAddressManagement as A, isUseHomeAddressManagementSuccess as H } from "./useHomeAddressManagement.js";
-import { BaseBoundaries as c, BaseLayout as t } from "../../../Base/Base.js";
-import { useI18n as g, useComponentDictionary as l } from "../../../../i18n/I18n.js";
+import { HomeAddressView as A } from "./HomeAddressView.js";
+import { useHomeAddressManagement as H, isUseHomeAddressManagementSuccess as c } from "./useHomeAddressManagement.js";
+import { BaseBoundaries as g, BaseLayout as t } from "../../../Base/Base.js";
+import { useI18n as l, useComponentDictionary as D } from "../../../../i18n/I18n.js";
 import { componentEvents as i } from "../../../../shared/constants.js";
-function D({
+function M({
   employeeId: d,
   onEvent: r,
   dictionary: o,
-  LoaderComponent: m
+  LoaderComponent: m,
+  className: n
 }) {
-  g("Employee.Management.HomeAddress"), l("Employee.Management.HomeAddress", o);
-  const e = A({ employeeId: d, onEvent: r });
+  l("Employee.Management.HomeAddress"), D("Employee.Management.HomeAddress", o);
+  const e = H({ employeeId: d, onEvent: r });
   if (e.isLoading)
     return /* @__PURE__ */ s(
       t,
@@ -21,13 +22,13 @@ function D({
         LoaderComponent: m
       }
     );
-  if (!H(e))
+  if (!c(e))
     return /* @__PURE__ */ s(t, { error: e.errorHandling.errors, LoaderComponent: m });
-  const n = (a) => {
+  const E = (a) => {
     a.mode === "create" ? r(i.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_CREATED, a.data) : r(i.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_UPDATED, a.data);
   };
   return /* @__PURE__ */ s(t, { error: e.errorHandling.errors, LoaderComponent: m, children: /* @__PURE__ */ s(
-    E,
+    A,
     {
       editHomeAddressForm: e.data.editHomeAddressForm,
       createHomeAddressForm: e.data.createHomeAddressForm,
@@ -35,31 +36,32 @@ function D({
       employeeDisplayName: e.data.employeeDisplayName,
       editingHomeAddressUuid: e.data.editingHomeAddressUuid,
       onEditAddressTargetChange: e.actions.setEditAddressTarget,
-      onSaved: n,
+      onSaved: E,
       onConfirmDelete: e.actions.confirmDeleteHomeAddress,
       onBack: () => {
         r(i.EMPLOYEE_MANAGEMENT_HOME_ADDRESS_EDIT_CANCELLED);
       },
-      isDeletePending: e.status.isDeletePending
+      isDeletePending: e.status.isDeletePending,
+      className: n
     }
   ) });
 }
-function N({
+function S({
   FallbackComponent: d,
   LoaderComponent: r,
   ...o
 }) {
   return /* @__PURE__ */ s(
-    c,
+    g,
     {
       componentName: "Employee.Management.HomeAddress",
       FallbackComponent: d,
       LoaderComponent: r,
-      children: /* @__PURE__ */ s(D, { LoaderComponent: r, ...o })
+      children: /* @__PURE__ */ s(M, { LoaderComponent: r, ...o })
     }
   );
 }
 export {
-  N as HomeAddressEditForm
+  S as HomeAddressEditForm
 };
 //# sourceMappingURL=HomeAddressEditForm.js.map