@gusto/embedded-react-sdk 0.47.0 → 0.48.0

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

@@ -1,6 +1,27 @@
 import { BaseComponentInterface } from '../../../Base/Base';
-interface EmployeeListProps extends BaseComponentInterface<'Employee.EmployeeList'> {
+/**
+ * Props for {@link EmployeeList}.
+ *
+ * @public
+ */
+export interface EmployeeListProps extends BaseComponentInterface<'Employee.EmployeeList'> {
+    /** The associated company identifier. */
     companyId: string;
 }
+/**
+ * Renders a paginated list of a company's employees with per-row onboarding actions (edit,
+ * delete, review, cancel self-onboarding) and an "Add employee" entry point.
+ *
+ * @remarks
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `employee/create` | Fired when the user clicks "Add employee". | — |
+ * | `employee/update` | Fired when the user selects "Edit" or "Review" on a row. | `{ employeeId: string, onboardingStatus?: OnboardingStatus }` |
+ * | `employee/deleted` | Fired after a row's delete action completes. | `{ employeeId: string }` |
+ * | `employee/onboardingStatus/updated` | Fired after the "Review" or "Cancel self-onboarding" action updates an employee's onboarding status. | The updated `EmployeeOnboardingStatus` record |
+ * | `employee/onboarding/done` | Fired when the user clicks the skip/done control to leave the onboarding employee list. | — |
+ *
+ * @public
+ */
 export declare function EmployeeList({ FallbackComponent, ...props }: EmployeeListProps & BaseComponentInterface): import("react").JSX.Element;
-export {};

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

@@ -1,54 +1,57 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useEmployeeList as c } from "../shared/useEmployeeList.js";
-import { EmployeeListView as y } from "./EmployeeListView.js";
-import { BaseBoundaries as d, BaseLayout as a } from "../../../Base/Base.js";
-import { useI18n as L, useComponentDictionary as u } from "../../../../i18n/I18n.js";
+import { EmployeeListView as d } from "./EmployeeListView.js";
+import { BaseBoundaries as u, BaseLayout as s } from "../../../Base/Base.js";
+import { useI18n as L, useComponentDictionary as y } from "../../../../i18n/I18n.js";
 import { componentEvents as i } from "../../../../shared/constants.js";
-function O({ companyId: s, onEvent: o, dictionary: E }) {
-  L("Employee.EmployeeList"), u("Employee.EmployeeList", E);
-  const e = c({
-    companyId: s
+function O({ companyId: a, onEvent: e, dictionary: E }) {
+  L("Employee.EmployeeList"), y("Employee.EmployeeList", E);
+  const o = c({
+    companyId: a
   });
-  if (e.isLoading)
-    return /* @__PURE__ */ r(a, { isLoading: !0, error: e.errorHandling.errors });
-  const m = (t, n) => {
-    o(i.EMPLOYEE_UPDATE, { employeeId: t, onboardingStatus: n });
-  }, l = () => {
-    o(i.EMPLOYEE_CREATE);
+  if (o.isLoading)
+    return /* @__PURE__ */ r(s, { isLoading: !0, error: o.errorHandling.errors });
+  const m = (n, t) => {
+    e(i.EMPLOYEE_UPDATE, { employeeId: n, onboardingStatus: t });
   }, p = () => {
-    o(i.EMPLOYEE_ONBOARDING_DONE);
+    e(i.EMPLOYEE_CREATE);
+  }, l = () => {
+    e(i.EMPLOYEE_ONBOARDING_DONE);
   };
-  return /* @__PURE__ */ r(a, { error: e.errorHandling.errors, children: /* @__PURE__ */ r(
-    y,
+  return /* @__PURE__ */ r(s, { error: o.errorHandling.errors, children: /* @__PURE__ */ r(
+    d,
     {
-      employees: e.data.employees,
-      isFetching: e.status.isFetching,
-      pagination: e.pagination,
-      status: e.status,
+      employees: o.data.employees,
+      isFetching: o.status.isFetching,
+      pagination: o.pagination,
+      status: o.status,
       onEdit: m,
-      onDelete: async (t) => {
-        await e.actions.onDelete(t), o(i.EMPLOYEE_DELETED, { employeeId: t });
+      onDelete: async (n) => {
+        await o.actions.onDelete(n), e(i.EMPLOYEE_DELETED, { employeeId: n });
       },
-      onCancelSelfOnboarding: async (t) => {
-        const n = await e.actions.onCancelSelfOnboarding(t);
-        o(i.EMPLOYEE_ONBOARDING_STATUS_UPDATED, n);
+      onCancelSelfOnboarding: async (n) => {
+        const t = await o.actions.onCancelSelfOnboarding(n);
+        t && e(i.EMPLOYEE_ONBOARDING_STATUS_UPDATED, t);
       },
-      onReview: async (t) => {
-        const n = await e.actions.onReview(t);
-        o(i.EMPLOYEE_UPDATE, n);
+      onReview: async (n) => {
+        const t = await o.actions.onReview(n);
+        t && (e(i.EMPLOYEE_ONBOARDING_STATUS_UPDATED, t), e(i.EMPLOYEE_UPDATE, {
+          employeeId: n,
+          onboardingStatus: t.onboardingStatus
+        }));
       },
-      onAddEmployee: l,
-      onSkip: p
+      onAddEmployee: p,
+      onSkip: l
     }
   ) });
 }
-function h({
-  FallbackComponent: s,
-  ...o
+function P({
+  FallbackComponent: a,
+  ...e
 }) {
-  return /* @__PURE__ */ r(d, { componentName: "Employee.EmployeeList", FallbackComponent: s, children: /* @__PURE__ */ r(O, { ...o }) });
+  return /* @__PURE__ */ r(u, { componentName: "Employee.EmployeeList", FallbackComponent: a, children: /* @__PURE__ */ r(O, { ...e }) });
 }
 export {
-  h as EmployeeList
+  P as EmployeeList
 };
 //# sourceMappingURL=EmployeeList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmployeeList.js","sources":["../../../../../src/components/Employee/EmployeeList/onboarding/EmployeeList.tsx"],"sourcesContent":["import type { OnboardingStatus } from '@gusto/embedded-api-v-2025-11-15/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { useEmployeeList } from '../shared/useEmployeeList'\nimport { EmployeeListView } from './EmployeeListView'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\ninterface EmployeeListProps extends BaseComponentInterface<'Employee.EmployeeList'> {\n  companyId: string\n}\n\nfunction EmployeeListRoot({ companyId, onEvent, dictionary }: EmployeeListProps) {\n  useI18n('Employee.EmployeeList')\n  useComponentDictionary('Employee.EmployeeList', dictionary)\n\n  const employeeList = useEmployeeList({\n    companyId,\n  })\n\n  if (employeeList.isLoading) {\n    return <BaseLayout isLoading error={employeeList.errorHandling.errors} />\n  }\n\n  const handleEdit = (employeeId: string, onboardingStatus?: OnboardingStatus) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId, onboardingStatus })\n  }\n\n  const handleAddEmployee = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n\n  const handleSkip = () => {\n    onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n  }\n\n  return (\n    <BaseLayout error={employeeList.errorHandling.errors}>\n      <EmployeeListView\n        employees={employeeList.data.employees}\n        isFetching={employeeList.status.isFetching}\n        pagination={employeeList.pagination}\n        status={employeeList.status}\n        onEdit={handleEdit}\n        onDelete={async (employeeId: string) => {\n          await employeeList.actions.onDelete(employeeId)\n          onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId })\n        }}\n        onCancelSelfOnboarding={async (employeeId: string) => {\n          const result = await employeeList.actions.onCancelSelfOnboarding(employeeId)\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, result)\n        }}\n        onReview={async (employeeId: string) => {\n          const result = await employeeList.actions.onReview(employeeId)\n          onEvent(componentEvents.EMPLOYEE_UPDATE, result)\n        }}\n        onAddEmployee={handleAddEmployee}\n        onSkip={handleSkip}\n      />\n    </BaseLayout>\n  )\n}\n\nexport function EmployeeList({\n  FallbackComponent,\n  ...props\n}: EmployeeListProps & BaseComponentInterface) {\n  return (\n    <BaseBoundaries componentName=\"Employee.EmployeeList\" FallbackComponent={FallbackComponent}>\n      <EmployeeListRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["EmployeeListRoot","companyId","onEvent","dictionary","useI18n","useComponentDictionary","employeeList","useEmployeeList","BaseLayout","handleEdit","employeeId","onboardingStatus","componentEvents","handleAddEmployee","handleSkip","jsx","EmployeeListView","result","EmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAWA,SAASA,EAAiB,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAAiC;AAC/E,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBF,CAAU;AAE1D,QAAMG,IAAeC,EAAgB;AAAA,IACnC,WAAAN;AAAA,EAAA,CACD;AAED,MAAIK,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAa,CAACC,GAAoBC,MAAwC;AAC9E,IAAAT,EAAQU,EAAgB,iBAAiB,EAAE,YAAAF,GAAY,kBAAAC,GAAkB;AAAA,EAC3E,GAEME,IAAoB,MAAM;AAC9B,IAAAX,EAAQU,EAAgB,eAAe;AAAA,EACzC,GAEME,IAAa,MAAM;AACvB,IAAAZ,EAAQU,EAAgB,wBAAwB;AAAA,EAClD;AAEA,SACE,gBAAAG,EAACP,GAAA,EAAW,OAAOF,EAAa,cAAc,QAC5C,UAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWV,EAAa,KAAK;AAAA,MAC7B,YAAYA,EAAa,OAAO;AAAA,MAChC,YAAYA,EAAa;AAAA,MACzB,QAAQA,EAAa;AAAA,MACrB,QAAQG;AAAA,MACR,UAAU,OAAOC,MAAuB;AACtC,cAAMJ,EAAa,QAAQ,SAASI,CAAU,GAC9CR,EAAQU,EAAgB,kBAAkB,EAAE,YAAAF,EAAA,CAAY;AAAA,MAC1D;AAAA,MACA,wBAAwB,OAAOA,MAAuB;AACpD,cAAMO,IAAS,MAAMX,EAAa,QAAQ,uBAAuBI,CAAU;AAC3E,QAAAR,EAAQU,EAAgB,oCAAoCK,CAAM;AAAA,MACpE;AAAA,MACA,UAAU,OAAOP,MAAuB;AACtC,cAAMO,IAAS,MAAMX,EAAa,QAAQ,SAASI,CAAU;AAC7D,QAAAR,EAAQU,EAAgB,iBAAiBK,CAAM;AAAA,MACjD;AAAA,MACA,eAAeJ;AAAA,MACf,QAAQC;AAAA,IAAA;AAAA,EAAA,GAEZ;AAEJ;AAEO,SAASI,EAAa;AAAA,EAC3B,mBAAAC;AAAA,EACA,GAAGC;AACL,GAA+C;AAC7C,SACE,gBAAAL,EAACM,KAAe,eAAc,yBAAwB,mBAAAF,GACpD,UAAA,gBAAAJ,EAACf,GAAA,EAAkB,GAAGoB,EAAA,CAAO,EAAA,CAC/B;AAEJ;"}
+{"version":3,"file":"EmployeeList.js","sources":["../../../../../src/components/Employee/EmployeeList/onboarding/EmployeeList.tsx"],"sourcesContent":["import type { OnboardingStatus } from '@gusto/embedded-api-v-2025-11-15/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { useEmployeeList } from '../shared/useEmployeeList'\nimport { EmployeeListView } from './EmployeeListView'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link EmployeeList}.\n *\n * @public\n */\nexport interface EmployeeListProps extends BaseComponentInterface<'Employee.EmployeeList'> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\nfunction EmployeeListRoot({ companyId, onEvent, dictionary }: EmployeeListProps) {\n  useI18n('Employee.EmployeeList')\n  useComponentDictionary('Employee.EmployeeList', dictionary)\n\n  const employeeList = useEmployeeList({\n    companyId,\n  })\n\n  if (employeeList.isLoading) {\n    return <BaseLayout isLoading error={employeeList.errorHandling.errors} />\n  }\n\n  const handleEdit = (employeeId: string, onboardingStatus?: OnboardingStatus) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId, onboardingStatus })\n  }\n\n  const handleAddEmployee = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n\n  const handleSkip = () => {\n    onEvent(componentEvents.EMPLOYEE_ONBOARDING_DONE)\n  }\n\n  return (\n    <BaseLayout error={employeeList.errorHandling.errors}>\n      <EmployeeListView\n        employees={employeeList.data.employees}\n        isFetching={employeeList.status.isFetching}\n        pagination={employeeList.pagination}\n        status={employeeList.status}\n        onEdit={handleEdit}\n        onDelete={async (employeeId: string) => {\n          await employeeList.actions.onDelete(employeeId)\n          onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId })\n        }}\n        onCancelSelfOnboarding={async (employeeId: string) => {\n          const onboardingStatus = await employeeList.actions.onCancelSelfOnboarding(employeeId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, onboardingStatus)\n        }}\n        onReview={async (employeeId: string) => {\n          const onboardingStatus = await employeeList.actions.onReview(employeeId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, onboardingStatus)\n          onEvent(componentEvents.EMPLOYEE_UPDATE, {\n            employeeId,\n            onboardingStatus: onboardingStatus.onboardingStatus,\n          })\n        }}\n        onAddEmployee={handleAddEmployee}\n        onSkip={handleSkip}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Renders a paginated list of a company's employees with per-row onboarding actions (edit,\n * delete, review, cancel self-onboarding) and an \"Add employee\" entry point.\n *\n * @remarks\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/create` | Fired when the user clicks \"Add employee\". | — |\n * | `employee/update` | Fired when the user selects \"Edit\" or \"Review\" on a row. | `{ employeeId: string, onboardingStatus?: OnboardingStatus }` |\n * | `employee/deleted` | Fired after a row's delete action completes. | `{ employeeId: string }` |\n * | `employee/onboardingStatus/updated` | Fired after the \"Review\" or \"Cancel self-onboarding\" action updates an employee's onboarding status. | The updated `EmployeeOnboardingStatus` record |\n * | `employee/onboarding/done` | Fired when the user clicks the skip/done control to leave the onboarding employee list. | — |\n *\n * @public\n */\nexport function EmployeeList({\n  FallbackComponent,\n  ...props\n}: EmployeeListProps & BaseComponentInterface) {\n  return (\n    <BaseBoundaries componentName=\"Employee.EmployeeList\" FallbackComponent={FallbackComponent}>\n      <EmployeeListRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["EmployeeListRoot","companyId","onEvent","dictionary","useI18n","useComponentDictionary","employeeList","useEmployeeList","BaseLayout","handleEdit","employeeId","onboardingStatus","componentEvents","handleAddEmployee","handleSkip","jsx","EmployeeListView","EmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAiBA,SAASA,EAAiB,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAAiC;AAC/E,EAAAC,EAAQ,uBAAuB,GAC/BC,EAAuB,yBAAyBF,CAAU;AAE1D,QAAMG,IAAeC,EAAgB;AAAA,IACnC,WAAAN;AAAA,EAAA,CACD;AAED,MAAIK,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAa,CAACC,GAAoBC,MAAwC;AAC9E,IAAAT,EAAQU,EAAgB,iBAAiB,EAAE,YAAAF,GAAY,kBAAAC,GAAkB;AAAA,EAC3E,GAEME,IAAoB,MAAM;AAC9B,IAAAX,EAAQU,EAAgB,eAAe;AAAA,EACzC,GAEME,IAAa,MAAM;AACvB,IAAAZ,EAAQU,EAAgB,wBAAwB;AAAA,EAClD;AAEA,SACE,gBAAAG,EAACP,GAAA,EAAW,OAAOF,EAAa,cAAc,QAC5C,UAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWV,EAAa,KAAK;AAAA,MAC7B,YAAYA,EAAa,OAAO;AAAA,MAChC,YAAYA,EAAa;AAAA,MACzB,QAAQA,EAAa;AAAA,MACrB,QAAQG;AAAA,MACR,UAAU,OAAOC,MAAuB;AACtC,cAAMJ,EAAa,QAAQ,SAASI,CAAU,GAC9CR,EAAQU,EAAgB,kBAAkB,EAAE,YAAAF,EAAA,CAAY;AAAA,MAC1D;AAAA,MACA,wBAAwB,OAAOA,MAAuB;AACpD,cAAMC,IAAmB,MAAML,EAAa,QAAQ,uBAAuBI,CAAU;AACrF,QAAKC,KACLT,EAAQU,EAAgB,oCAAoCD,CAAgB;AAAA,MAC9E;AAAA,MACA,UAAU,OAAOD,MAAuB;AACtC,cAAMC,IAAmB,MAAML,EAAa,QAAQ,SAASI,CAAU;AACvE,QAAKC,MACLT,EAAQU,EAAgB,oCAAoCD,CAAgB,GAC5ET,EAAQU,EAAgB,iBAAiB;AAAA,UACvC,YAAAF;AAAA,UACA,kBAAkBC,EAAiB;AAAA,QAAA,CACpC;AAAA,MACH;AAAA,MACA,eAAeE;AAAA,MACf,QAAQC;AAAA,IAAA;AAAA,EAAA,GAEZ;AAEJ;AAkBO,SAASG,EAAa;AAAA,EAC3B,mBAAAC;AAAA,EACA,GAAGC;AACL,GAA+C;AAC7C,SACE,gBAAAJ,EAACK,KAAe,eAAc,yBAAwB,mBAAAF,GACpD,UAAA,gBAAAH,EAACf,GAAA,EAAkB,GAAGmB,EAAA,CAAO,EAAA,CAC/B;AAEJ;"}

package/dist/components/Employee/EmployeeList/onboarding/EmployeeListView.d.ts

@@ -1,5 +1,6 @@
 import { OnboardingStatus } from '@gusto/embedded-api-v-2025-11-15/models/operations/putv1employeesemployeeidonboardingstatus';
 import { UseEmployeeListResult, EmployeeWithActions } from '../shared/useEmployeeList';
+/** @internal */
 export interface EmployeeListViewProps extends Pick<Extract<UseEmployeeListResult, {
     isLoading: false;
 }>, 'pagination' | 'status'> {
@@ -12,4 +13,5 @@ export interface EmployeeListViewProps extends Pick<Extract<UseEmployeeListResul
     onAddEmployee: () => void;
     onSkip: () => void;
 }
+/** @internal */
 export declare function EmployeeListView({ employees, isFetching, pagination, status, onEdit, onDelete, onCancelSelfOnboarding, onReview, onAddEmployee, onSkip, }: EmployeeListViewProps): import("react").JSX.Element;

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

@@ -4,13 +4,13 @@ import { useTranslation as A } from "react-i18next";
 import { Flex as m } from "../../../Common/Flex/Flex.js";
 import { EmptyData as S } from "../../../Common/EmptyData/EmptyData.js";
 import { ActionsLayout as f } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as T } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { EmployeeOnboardingStatusBadge as x } from "../../../Common/OnboardingStatusBadge/index.js";
+import { HamburgerMenu as T } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { EmployeeOnboardingStatusBadge as E } from "../../../Common/OnboardingStatusBadge/index.js";
 import s from "../../../../assets/icons/pencil.svg.js";
-import E from "../../../../assets/icons/trashcan.svg.js";
-import { firstLastName as P } from "../../../../helpers/formattedStrings.js";
+import P from "../../../../assets/icons/trashcan.svg.js";
+import { firstLastName as B } from "../../../../helpers/formattedStrings.js";
 import p from "../../../../assets/icons/plus-circle.svg.js";
-import { HamburgerMenu as B } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useDataView as j } from "../../../Common/DataView/useDataView.js";
 import { DataView as V } from "../../../Common/DataView/DataView.js";
 function W({
@@ -25,13 +25,13 @@ function W({
   onAddEmployee: d,
   onSkip: u
 }) {
-  const { t } = A("Employee.EmployeeList"), n = T(), [l, c] = k(null), { ...y } = j({
+  const { t } = A("Employee.EmployeeList"), n = x(), [l, c] = k(null), { ...y } = j({
     data: r,
     columns: [
       {
         key: "name",
         title: t("nameLabel"),
-        render: (i) => P({
+        render: (i) => B({
           first_name: i.firstName,
           last_name: i.lastName
         })
@@ -40,7 +40,7 @@ function W({
         key: "status",
         title: t("statusLabel"),
         render: (i) => /* @__PURE__ */ e(
-          x,
+          E,
           {
             onboarded: i.onboarded,
             onboardingStatus: i.onboardingStatus
@@ -73,8 +73,8 @@ function W({
         onClick: () => {
           c(i.uuid);
         },
-        icon: /* @__PURE__ */ e(E, { "aria-hidden": !0 })
-      }), /* @__PURE__ */ e(B, { items: a, triggerLabel: t("hamburgerTitle") });
+        icon: /* @__PURE__ */ e(P, { "aria-hidden": !0 })
+      }), /* @__PURE__ */ e(T, { items: a, triggerLabel: t("hamburgerTitle") });
     },
     isFetching: g,
     pagination: h,

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-v-2025-11-15/models/operations/putv1employeesemployeeidonboardingstatus'\nimport type { UseEmployeeListResult, EmployeeWithActions } from '../shared/useEmployeeList'\nimport { DataView, EmptyData, ActionsLayout, useDataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { EmployeeOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nexport interface EmployeeListViewProps extends Pick<\n  Extract<UseEmployeeListResult, { isLoading: false }>,\n  'pagination' | 'status'\n> {\n  employees: EmployeeWithActions[]\n  isFetching: boolean\n  onEdit: (employeeId: string, onboardingStatus?: OnboardingStatus) => void\n  onDelete: (employeeId: string) => Promise<void>\n  onCancelSelfOnboarding: (employeeId: string) => Promise<void>\n  onReview: (employeeId: string) => Promise<void>\n  onAddEmployee: () => void\n  onSkip: () => void\n}\n\nexport function EmployeeListView({\n  employees,\n  isFetching,\n  pagination,\n  status,\n  onEdit,\n  onDelete,\n  onCancelSelfOnboarding,\n  onReview,\n  onAddEmployee,\n  onSkip,\n}: EmployeeListViewProps) {\n  const { t } = useTranslation('Employee.EmployeeList')\n  const Components = useComponentContext()\n  const [employeeToDelete, setEmployeeToDelete] = useState<string | null>(null)\n\n  const { ...dataViewProps } = useDataView({\n    data: employees,\n    columns: [\n      {\n        key: 'name',\n        title: t('nameLabel'),\n        render: (employee: EmployeeWithActions) => {\n          return firstLastName({\n            first_name: employee.firstName,\n            last_name: employee.lastName,\n          })\n        },\n      },\n      {\n        key: 'status',\n        title: t('statusLabel'),\n        render: (employee: EmployeeWithActions) => (\n          <EmployeeOnboardingStatusBadge\n            onboarded={employee.onboarded}\n            onboardingStatus={employee.onboardingStatus}\n          />\n        ),\n      },\n    ],\n    itemMenu: employee => {\n      const menuItems = []\n\n      if (employee.allowedActions.includes('edit')) {\n        menuItems.push({\n          label: t('editCta'),\n          onClick: () => {\n            onEdit(employee.uuid, employee.onboardingStatus ?? undefined)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('cancel_self_onboarding')) {\n        menuItems.push({\n          label: t('cancelSelfOnboardingCta'),\n          onClick: () => {\n            void onCancelSelfOnboarding(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('review')) {\n        menuItems.push({\n          label: t('reviewCta'),\n          onClick: () => {\n            void onReview(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('delete')) {\n        menuItems.push({\n          label: t('deleteCta'),\n          onClick: () => {\n            setEmployeeToDelete(employee.uuid)\n          },\n          icon: <TrashCanSvg aria-hidden />,\n        })\n      }\n\n      return <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n    },\n    isFetching,\n    pagination,\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Components.Button variant=\"secondary\" onClick={onSkip}>\n            {t('skipCta')}\n          </Components.Button>\n          <Components.Button variant=\"primary\" onClick={onAddEmployee} icon={<PlusCircleIcon />}>\n            {t('addEmployeeCta')}\n          </Components.Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n\n          {employees.length > 0 && (\n            <Components.Button\n              variant=\"secondary\"\n              onClick={onAddEmployee}\n              icon={<PlusCircleIcon />}\n            >\n              {t('addAnotherCta')}\n            </Components.Button>\n          )}\n        </Flex>\n\n        <DataView label={t('employeeListLabel')} {...dataViewProps} />\n\n        {employees.length > 0 && (\n          <ActionsLayout>\n            <Components.Button onClick={onSkip}>{t('continueCta')}</Components.Button>\n          </ActionsLayout>\n        )}\n      </Flex>\n\n      <Components.Dialog\n        isOpen={!!employeeToDelete}\n        onClose={() => {\n          setEmployeeToDelete(null)\n        }}\n        onPrimaryActionClick={async () => {\n          if (employeeToDelete) {\n            try {\n              await onDelete(employeeToDelete)\n              setEmployeeToDelete(null)\n            } catch {\n              // Keep dialog open on error\n            }\n          }\n        }}\n        isPrimaryActionLoading={status.isPending}\n        isDestructive\n        title={t('deleteDialog.title')}\n        primaryActionLabel={t('deleteDialog.confirmCta')}\n        closeActionLabel={t('deleteDialog.cancelCta')}\n      >\n        {t('deleteDialog.description')}\n      </Components.Dialog>\n    </>\n  )\n}\n"],"names":["EmployeeListView","employees","isFetching","pagination","status","onEdit","onDelete","onCancelSelfOnboarding","onReview","onAddEmployee","onSkip","useTranslation","Components","useComponentContext","employeeToDelete","setEmployeeToDelete","useState","dataViewProps","useDataView","employee","firstLastName","jsx","EmployeeOnboardingStatusBadge","menuItems","PencilSvg","TrashCanSvg","HamburgerMenu","EmptyData","jsxs","ActionsLayout","PlusCircleIcon","Fragment","Flex","DataView"],"mappings":";;;;;;;;;;;;;;;AA2BO,SAASA,EAAiB;AAAA,EAC/B,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AACF,GAA0B;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,uBAAuB,GAC9CC,IAAaC,EAAA,GACb,CAACC,GAAkBC,CAAmB,IAAIC,EAAwB,IAAI,GAEtE,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMjB;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,WAAW;AAAA,QACpB,QAAQ,CAACkB,MACAC,EAAc;AAAA,UACnB,YAAYD,EAAS;AAAA,UACrB,WAAWA,EAAS;AAAA,QAAA,CACrB;AAAA,MACH;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,aAAa;AAAA,QACtB,QAAQ,CAACA,MACP,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAWH,EAAS;AAAA,YACpB,kBAAkBA,EAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAC7B;AAAA,IAEJ;AAAA,IAEF,UAAU,CAAAA,MAAY;AACpB,YAAMI,IAAY,CAAA;AAElB,aAAIJ,EAAS,eAAe,SAAS,MAAM,KACzCI,EAAU,KAAK;AAAA,QACb,OAAO,EAAE,SAAS;AAAA,QAClB,SAAS,MAAM;AACb,UAAAlB,EAAOc,EAAS,MAAMA,EAAS,oBAAoB,MAAS;AAAA,QAC9D;AAAA,QACA,MAAM,gBAAAE,EAACG,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,MAAA,CAC9B,GAGCL,EAAS,eAAe,SAAS,wBAAwB,KAC3DI,EAAU,KAAK;AAAA,QACb,OAAO,EAAE,yBAAyB;AAAA,QAClC,SAAS,MAAM;AACb,UAAKhB,EAAuBY,EAAS,IAAI;AAAA,QAC3C;AAAA,QACA,MAAM,gBAAAE,EAACG,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,MAAA,CAC9B,GAGCL,EAAS,eAAe,SAAS,QAAQ,KAC3CI,EAAU,KAAK;AAAA,QACb,OAAO,EAAE,WAAW;AAAA,QACpB,SAAS,MAAM;AACb,UAAKf,EAASW,EAAS,IAAI;AAAA,QAC7B;AAAA,QACA,MAAM,gBAAAE,EAACG,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,MAAA,CAC9B,GAGCL,EAAS,eAAe,SAAS,QAAQ,KAC3CI,EAAU,KAAK;AAAA,QACb,OAAO,EAAE,WAAW;AAAA,QACpB,SAAS,MAAM;AACb,UAAAR,EAAoBI,EAAS,IAAI;AAAA,QACnC;AAAA,QACA,MAAM,gBAAAE,EAACI,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,MAAA,CAChC,qBAGKC,GAAA,EAAc,OAAOH,GAAW,cAAc,EAAE,gBAAgB,GAAG;AAAA,IAC7E;AAAA,IACA,YAAArB;AAAA,IACA,YAAAC;AAAA,IACA,YAAY,MACV,gBAAAkB,EAACM,GAAA,EAAU,OAAO,EAAE,iBAAiB,GAAG,aAAa,EAAE,uBAAuB,GAC5E,UAAA,gBAAAC,EAACC,GAAA,EAAc,gBAAe,UAC5B,UAAA;AAAA,MAAA,gBAAAR,EAACT,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASF,GAC7C,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,MACA,gBAAAW,EAACT,EAAW,QAAX,EAAkB,SAAQ,WAAU,SAASH,GAAe,MAAM,gBAAAY,EAACS,GAAA,CAAA,CAAe,GAChF,UAAA,EAAE,gBAAgB,EAAA,CACrB;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,CAEH;AAED,SACE,gBAAAF,EAAAG,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAJ,EAACI,GAAA,EAAK,gBAAe,iBAAgB,YAAW,UAC9C,UAAA;AAAA,QAAA,gBAAAX,EAACT,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,OAAO,GAAE;AAAA,QAEvCX,EAAU,SAAS,KAClB,gBAAAoB;AAAA,UAACT,EAAW;AAAA,UAAX;AAAA,YACC,SAAQ;AAAA,YACR,SAASH;AAAA,YACT,wBAAOqB,GAAA,EAAe;AAAA,YAErB,YAAE,eAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MACpB,GAEJ;AAAA,wBAECG,GAAA,EAAS,OAAO,EAAE,mBAAmB,GAAI,GAAGhB,GAAe;AAAA,MAE3DhB,EAAU,SAAS,KAClB,gBAAAoB,EAACQ,KACC,UAAA,gBAAAR,EAACT,EAAW,QAAX,EAAkB,SAASF,GAAS,UAAA,EAAE,aAAa,GAAE,EAAA,CACxD;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAAW;AAAA,MAACT,EAAW;AAAA,MAAX;AAAA,QACC,QAAQ,CAAC,CAACE;AAAA,QACV,SAAS,MAAM;AACb,UAAAC,EAAoB,IAAI;AAAA,QAC1B;AAAA,QACA,sBAAsB,YAAY;AAChC,cAAID;AACF,gBAAI;AACF,oBAAMR,EAASQ,CAAgB,GAC/BC,EAAoB,IAAI;AAAA,YAC1B,QAAQ;AAAA,YAER;AAAA,QAEJ;AAAA,QACA,wBAAwBX,EAAO;AAAA,QAC/B,eAAa;AAAA,QACb,OAAO,EAAE,oBAAoB;AAAA,QAC7B,oBAAoB,EAAE,yBAAyB;AAAA,QAC/C,kBAAkB,EAAE,wBAAwB;AAAA,QAE3C,YAAE,0BAA0B;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/B,GACF;AAEJ;"}
+{"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-v-2025-11-15/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}\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}: EmployeeListViewProps) {\n  const { t } = useTranslation('Employee.EmployeeList')\n  const Components = useComponentContext()\n  const [employeeToDelete, setEmployeeToDelete] = useState<string | null>(null)\n\n  const { ...dataViewProps } = useDataView({\n    data: employees,\n    columns: [\n      {\n        key: 'name',\n        title: t('nameLabel'),\n        render: (employee: EmployeeWithActions) => {\n          return firstLastName({\n            first_name: employee.firstName,\n            last_name: employee.lastName,\n          })\n        },\n      },\n      {\n        key: 'status',\n        title: t('statusLabel'),\n        render: (employee: EmployeeWithActions) => (\n          <EmployeeOnboardingStatusBadge\n            onboarded={employee.onboarded}\n            onboardingStatus={employee.onboardingStatus}\n          />\n        ),\n      },\n    ],\n    itemMenu: employee => {\n      const menuItems = []\n\n      if (employee.allowedActions.includes('edit')) {\n        menuItems.push({\n          label: t('editCta'),\n          onClick: () => {\n            onEdit(employee.uuid, employee.onboardingStatus ?? undefined)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('cancel_self_onboarding')) {\n        menuItems.push({\n          label: t('cancelSelfOnboardingCta'),\n          onClick: () => {\n            void onCancelSelfOnboarding(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('review')) {\n        menuItems.push({\n          label: t('reviewCta'),\n          onClick: () => {\n            void onReview(employee.uuid)\n          },\n          icon: <PencilSvg aria-hidden />,\n        })\n      }\n\n      if (employee.allowedActions.includes('delete')) {\n        menuItems.push({\n          label: t('deleteCta'),\n          onClick: () => {\n            setEmployeeToDelete(employee.uuid)\n          },\n          icon: <TrashCanSvg aria-hidden />,\n        })\n      }\n\n      return <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n    },\n    isFetching,\n    pagination,\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Components.Button variant=\"secondary\" onClick={onSkip}>\n            {t('skipCta')}\n          </Components.Button>\n          <Components.Button variant=\"primary\" onClick={onAddEmployee} icon={<PlusCircleIcon />}>\n            {t('addEmployeeCta')}\n          </Components.Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n\n          {employees.length > 0 && (\n            <Components.Button\n              variant=\"secondary\"\n              onClick={onAddEmployee}\n              icon={<PlusCircleIcon />}\n            >\n              {t('addAnotherCta')}\n            </Components.Button>\n          )}\n        </Flex>\n\n        <DataView label={t('employeeListLabel')} {...dataViewProps} />\n\n        {employees.length > 0 && (\n          <ActionsLayout>\n            <Components.Button onClick={onSkip}>{t('continueCta')}</Components.Button>\n          </ActionsLayout>\n        )}\n      </Flex>\n\n      <Components.Dialog\n        isOpen={!!employeeToDelete}\n        onClose={() => {\n          setEmployeeToDelete(null)\n        }}\n        onPrimaryActionClick={async () => {\n          if (employeeToDelete) {\n            try {\n              await onDelete(employeeToDelete)\n              setEmployeeToDelete(null)\n            } catch {\n              // Keep dialog open on error\n            }\n          }\n        }}\n        isPrimaryActionLoading={status.isPending}\n        isDestructive\n        title={t('deleteDialog.title')}\n        primaryActionLabel={t('deleteDialog.confirmCta')}\n        closeActionLabel={t('deleteDialog.cancelCta')}\n      >\n        {t('deleteDialog.description')}\n      </Components.Dialog>\n    </>\n  )\n}\n"],"names":["EmployeeListView","employees","isFetching","pagination","status","onEdit","onDelete","onCancelSelfOnboarding","onReview","onAddEmployee","onSkip","useTranslation","Components","useComponentContext","employeeToDelete","setEmployeeToDelete","useState","dataViewProps","useDataView","employee","firstLastName","jsx","EmployeeOnboardingStatusBadge","menuItems","PencilSvg","TrashCanSvg","HamburgerMenu","EmptyData","jsxs","ActionsLayout","PlusCircleIcon","Fragment","Flex","DataView"],"mappings":"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"}

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

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

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

@@ -1,35 +1,110 @@
 import { Employee } from '@gusto/embedded-api-v-2025-11-15/models/components/employee';
 import { Job } from '@gusto/embedded-api-v-2025-11-15/models/components/job';
+import { EmployeeOnboardingStatus as EmployeeOnboardingStatusEntity } from '@gusto/embedded-api-v-2025-11-15/models/components/employeeonboardingstatus';
 import { PaginationControlProps } from '../../../Common/PaginationControl/PaginationControlTypes';
-import { HookLoadingResult, HookSubmitResult, BaseHookReady } from '../../../../partner-hook-utils/types';
+import { HookLoadingResult, BaseHookReady } from '../../../../partner-hook-utils/types';
+/**
+ * Action that may be performed on an employee row, determined by the employee's onboarding state
+ * and the `employeeType` filter passed to {@link useEmployeeList}.
+ *
+ * @public
+ */
 export type EmployeeAction = 'edit' | 'delete' | 'cancel_self_onboarding' | 'review' | 'dismiss' | 'rehire';
+/**
+ * An employee entity extended with the actions permitted on it and a reference to its primary job.
+ *
+ * @public
+ */
 export interface EmployeeWithActions extends Employee {
+    /** Actions permitted for this employee given its onboarding status and the active filter. */
     allowedActions: EmployeeAction[];
+    /** The employee's primary job, if one is marked primary. */
     primaryJob?: Job;
 }
-export interface EmployeeActionCallbacks {
-    onDelete?: (employeeId: string) => void;
-    onReview?: (employeeId: string) => void;
-    onCancelSelfOnboarding?: (employeeId: string) => void;
-}
+/**
+ * Filter applied to {@link useEmployeeList} that scopes the result set and tailors the per-row action list.
+ *
+ * @public
+ */
 export type EmployeeType = 'active' | 'onboarding' | 'terminated';
+/**
+ * Props for {@link useEmployeeList}.
+ *
+ * @public
+ */
 export interface UseEmployeeListProps {
+    /** The associated company identifier. */
     companyId: string;
+    /** Filters the list and tailors the allowed actions. Omit to list all employees. */
     employeeType?: EmployeeType;
 }
-interface UseEmployeeListReady extends BaseHookReady<{
+/**
+ * Ready state of {@link useEmployeeList}.
+ *
+ * @public
+ */
+export interface UseEmployeeListReady extends BaseHookReady<{
     employees: EmployeeWithActions[];
 }, {
     isFetching: boolean;
     isPending: boolean;
 }> {
+    /** Pagination controls for the current employee list page. */
     pagination: PaginationControlProps;
+    /** Actions that mutate an employee's state, gated by the entry's `allowedActions`. */
     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>;
+        /** Deletes the employee. */
+        onDelete: (employeeId: string) => Promise<void>;
+        /** Moves the employee into the admin-review onboarding status. Resolves to the updated record, or `undefined` if the call failed. */
+        onReview: (employeeId: string) => Promise<EmployeeOnboardingStatusEntity | undefined>;
+        /** Reverts a self-onboarding employee to admin-driven onboarding. Resolves to the updated record, or `undefined` if the call failed. */
+        onCancelSelfOnboarding: (employeeId: string) => Promise<EmployeeOnboardingStatusEntity | undefined>;
     };
 }
+/**
+ * Return type of {@link useEmployeeList}.
+ *
+ * @public
+ */
 export type UseEmployeeListResult = HookLoadingResult | UseEmployeeListReady;
+/**
+ * Fetches a paginated list of a company's employees and decorates each entry with the actions
+ * allowed for its current onboarding state.
+ *
+ * @remarks
+ * `employeeType` maps to a server-side filter and changes which actions appear on each row:
+ * `'active'` adds `dismiss`, `'terminated'` adds `rehire`, `'onboarding'` adds none. Omit it
+ * to list every employee.
+ *
+ * Page changes use placeholder data: the previous page stays rendered while the next one loads,
+ * and `status.isFetching` flips to `true` during the request.
+ *
+ * @param input - Company and optional filter for the list.
+ * @returns A {@link HookLoadingResult} while the first page is in flight, or a {@link UseEmployeeListReady} once data has arrived.
+ * @public
+ *
+ * @example
+ * ```tsx
+ * import { useEmployeeList } from '@gusto/embedded-react-sdk'
+ *
+ * function EmployeeListPage({ companyId }: { companyId: string }) {
+ *   const employeeList = useEmployeeList({ companyId, employeeType: 'onboarding' })
+ *
+ *   if (employeeList.isLoading) return <div>Loading...</div>
+ *
+ *   return (
+ *     <ul>
+ *       {employeeList.data.employees.map(employee => (
+ *         <li key={employee.uuid}>
+ *           {employee.firstName} {employee.lastName}
+ *           {employee.allowedActions.includes('delete') && (
+ *             <button onClick={() => employeeList.actions.onDelete(employee.uuid)}>Delete</button>
+ *           )}
+ *         </li>
+ *       ))}
+ *     </ul>
+ *   )
+ * }
+ * ```
+ */
 export declare function useEmployeeList({ companyId, employeeType, }: UseEmployeeListProps): UseEmployeeListResult;
-export {};

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

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