@gusto/embedded-react-sdk 0.39.0 → 0.40.0

package/dist/components/Employee/{EmployeeList → employee-list/management}/ManagementEmployeeList.js

@@ -1,10 +1,10 @@
 import { jsx as s } from "react/jsx-runtime";
 import { useState as h, useMemo as M } from "react";
-import { ManagementEmployeeListView as T } from "./ManagementEmployeeListView.js";
-import { useEmployeeList as f } from "./useEmployeeList.js";
-import { BaseBoundaries as D, BaseLayout as m } from "../../Base/Base.js";
-import { useI18n as b, useComponentDictionary as P } from "../../../i18n/I18n.js";
-import { componentEvents as a } from "../../../shared/constants.js";
+import { useEmployeeList as T } from "../shared/useEmployeeList.js";
+import { ManagementEmployeeListView as f } from "./ManagementEmployeeListView.js";
+import { BaseBoundaries as D, BaseLayout as m } from "../../../Base/Base.js";
+import { useI18n as b, useComponentDictionary as P } from "../../../../i18n/I18n.js";
+import { componentEvents as a } from "../../../../shared/constants.js";
 const R = (t) => {
   switch (t) {
     case "active":
@@ -22,7 +22,7 @@ function I({
   dictionary: E
 }) {
   b("Employee.ManagementEmployeeList"), P("Employee.ManagementEmployeeList", E);
-  const [r, p] = h(i), l = M(() => R(r), [r]), o = f({
+  const [r, p] = h(i), l = M(() => R(r), [r]), o = T({
     companyId: t,
     employeeType: l
   });
@@ -40,7 +40,7 @@ function I({
     p(e);
   };
   return /* @__PURE__ */ s(m, { error: o.errorHandling.errors, children: /* @__PURE__ */ s(
-    T,
+    f,
     {
       selectedTab: r,
       onTabChange: g,

package/dist/components/Employee/employee-list/management/ManagementEmployeeList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManagementEmployeeList.js","sources":["../../../../../src/components/Employee/employee-list/management/ManagementEmployeeList.tsx"],"sourcesContent":["import { useState, useMemo } from 'react'\nimport { useEmployeeList, type EmployeeType } from '../shared/useEmployeeList'\nimport { ManagementEmployeeListView } from './ManagementEmployeeListView'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\ntype EmployeeTab = 'active' | 'onboarding' | 'dismissed'\n\ninterface ManagementEmployeeListProps extends CommonComponentInterface<'Employee.ManagementEmployeeList'> {\n  companyId: string\n  initialTab?: EmployeeTab\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nconst mapTabToEmployeeType = (tab: EmployeeTab): EmployeeType => {\n  switch (tab) {\n    case 'active':\n      return 'active'\n    case 'onboarding':\n      return 'onboarding'\n    case 'dismissed':\n      return 'terminated'\n  }\n}\n\nfunction ManagementEmployeeListRoot({\n  companyId,\n  initialTab = 'active',\n  onEvent,\n  dictionary,\n}: ManagementEmployeeListProps) {\n  useI18n('Employee.ManagementEmployeeList')\n  useComponentDictionary('Employee.ManagementEmployeeList', dictionary)\n\n  const [selectedTab, setSelectedTab] = useState<EmployeeTab>(initialTab)\n\n  const employeeType = useMemo(() => mapTabToEmployeeType(selectedTab), [selectedTab])\n\n  const employeeList = useEmployeeList({\n    companyId,\n    employeeType,\n  })\n\n  if (employeeList.isLoading) {\n    return <BaseLayout isLoading error={employeeList.errorHandling.errors} />\n  }\n\n  const handleEdit = (employeeId: string) => {\n    onEvent(componentEvents.EMPLOYEE_UPDATE, { employeeId })\n  }\n\n  const handleAddEmployee = () => {\n    onEvent(componentEvents.EMPLOYEE_CREATE)\n  }\n\n  const handleDismiss = (employeeId: string) => {\n    onEvent(componentEvents.EMPLOYEE_DISMISS, { employeeId })\n  }\n\n  const handleRehire = (employeeId: string) => {\n    onEvent(componentEvents.EMPLOYEE_REHIRE, { employeeId })\n  }\n\n  const handleTabChange = (tab: EmployeeTab) => {\n    setSelectedTab(tab)\n  }\n\n  return (\n    <BaseLayout error={employeeList.errorHandling.errors}>\n      <ManagementEmployeeListView\n        selectedTab={selectedTab}\n        onTabChange={handleTabChange}\n        employees={employeeList.data.employees}\n        isFetching={employeeList.status.isFetching}\n        pagination={employeeList.pagination}\n        status={employeeList.status}\n        onEdit={handleEdit}\n        onDismiss={handleDismiss}\n        onDelete={async (employeeId: string) => {\n          await employeeList.actions.onDelete(employeeId, {\n            onDelete: (id: string) => {\n              onEvent(componentEvents.EMPLOYEE_DELETED, { employeeId: id })\n            },\n          })\n        }}\n        onRehire={handleRehire}\n        onAddEmployee={handleAddEmployee}\n      />\n    </BaseLayout>\n  )\n}\n\nexport function ManagementEmployeeList({\n  FallbackComponent,\n  ...props\n}: ManagementEmployeeListProps & BaseComponentInterface) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.ManagementEmployeeList\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ManagementEmployeeListRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["mapTabToEmployeeType","tab","ManagementEmployeeListRoot","companyId","initialTab","onEvent","dictionary","useI18n","useComponentDictionary","selectedTab","setSelectedTab","useState","employeeType","useMemo","employeeList","useEmployeeList","BaseLayout","handleEdit","employeeId","componentEvents","handleAddEmployee","handleDismiss","handleRehire","handleTabChange","jsx","ManagementEmployeeListView","id","ManagementEmployeeList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;;AAoBA,MAAMA,IAAuB,CAACC,MAAmC;AAC/D,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb;AAEA,SAASC,EAA2B;AAAA,EAClC,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC;AAAA,EACA,YAAAC;AACF,GAAgC;AAC9B,EAAAC,EAAQ,iCAAiC,GACzCC,EAAuB,mCAAmCF,CAAU;AAEpE,QAAM,CAACG,GAAaC,CAAc,IAAIC,EAAsBP,CAAU,GAEhEQ,IAAeC,EAAQ,MAAMb,EAAqBS,CAAW,GAAG,CAACA,CAAW,CAAC,GAE7EK,IAAeC,EAAgB;AAAA,IACnC,WAAAZ;AAAA,IACA,cAAAS;AAAA,EAAA,CACD;AAED,MAAIE,EAAa;AACf,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAa,cAAc,QAAQ;AAGzE,QAAMG,IAAa,CAACC,MAAuB;AACzC,IAAAb,EAAQc,EAAgB,iBAAiB,EAAE,YAAAD,EAAA,CAAY;AAAA,EACzD,GAEME,IAAoB,MAAM;AAC9B,IAAAf,EAAQc,EAAgB,eAAe;AAAA,EACzC,GAEME,IAAgB,CAACH,MAAuB;AAC5C,IAAAb,EAAQc,EAAgB,kBAAkB,EAAE,YAAAD,EAAA,CAAY;AAAA,EAC1D,GAEMI,IAAe,CAACJ,MAAuB;AAC3C,IAAAb,EAAQc,EAAgB,iBAAiB,EAAE,YAAAD,EAAA,CAAY;AAAA,EACzD,GAEMK,IAAkB,CAACtB,MAAqB;AAC5C,IAAAS,EAAeT,CAAG;AAAA,EACpB;AAEA,SACE,gBAAAuB,EAACR,GAAA,EAAW,OAAOF,EAAa,cAAc,QAC5C,UAAA,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAAhB;AAAA,MACA,aAAac;AAAA,MACb,WAAWT,EAAa,KAAK;AAAA,MAC7B,YAAYA,EAAa,OAAO;AAAA,MAChC,YAAYA,EAAa;AAAA,MACzB,QAAQA,EAAa;AAAA,MACrB,QAAQG;AAAA,MACR,WAAWI;AAAA,MACX,UAAU,OAAOH,MAAuB;AACtC,cAAMJ,EAAa,QAAQ,SAASI,GAAY;AAAA,UAC9C,UAAU,CAACQ,MAAe;AACxB,YAAArB,EAAQc,EAAgB,kBAAkB,EAAE,YAAYO,GAAI;AAAA,UAC9D;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACA,UAAUJ;AAAA,MACV,eAAeF;AAAA,IAAA;AAAA,EAAA,GAEnB;AAEJ;AAEO,SAASO,EAAuB;AAAA,EACrC,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAyD;AACvD,SACE,gBAAAL;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MAEA,UAAA,gBAAAJ,EAACtB,GAAA,EAA4B,GAAG2B,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG7C;"}

package/dist/components/Employee/{EmployeeList → employee-list/management}/ManagementEmployeeListView.d.ts

@@ -1,4 +1,4 @@
-import { UseEmployeeListResult, EmployeeWithActions } from './useEmployeeList';
+import { UseEmployeeListResult, EmployeeWithActions } from '../shared/useEmployeeList';
 type EmployeeTab = 'active' | 'onboarding' | 'dismissed';
 export interface ManagementEmployeeListViewProps extends Pick<Extract<UseEmployeeListResult, {
     isLoading: false;

package/dist/components/Employee/{EmployeeList → employee-list/management}/ManagementEmployeeListView.js

@@ -1,18 +1,18 @@
 import { jsx as a, jsxs as d, Fragment as F } from "react/jsx-runtime";
 import { useState as B } from "react";
 import { useTranslation as H } from "react-i18next";
-import { Flex as u } from "../../Common/Flex/Flex.js";
-import { EmptyData as J } from "../../Common/EmptyData/EmptyData.js";
-import { useComponentContext as O } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { EmployeeOnboardingStatusBadge as _ } from "../../Common/OnboardingStatusBadge/index.js";
-import m from "../../../assets/icons/pencil.svg.js";
-import W from "../../../assets/icons/trashcan.svg.js";
-import { firstLastName as Y } from "../../../helpers/formattedStrings.js";
-import { formatDateLongWithYear as g } from "../../../helpers/dateFormatting.js";
-import q from "../../../assets/icons/plus-circle.svg.js";
-import { HamburgerMenu as z } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useDataView as G } from "../../Common/DataView/useDataView.js";
-import { DataView as K } from "../../Common/DataView/DataView.js";
+import { Flex as u } from "../../../Common/Flex/Flex.js";
+import { EmptyData as J } from "../../../Common/EmptyData/EmptyData.js";
+import { useComponentContext as O } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { EmployeeOnboardingStatusBadge as _ } from "../../../Common/OnboardingStatusBadge/index.js";
+import m from "../../../../assets/icons/pencil.svg.js";
+import W from "../../../../assets/icons/trashcan.svg.js";
+import { firstLastName as Y } from "../../../../helpers/formattedStrings.js";
+import { formatDateLongWithYear as g } from "../../../../helpers/dateFormatting.js";
+import q from "../../../../assets/icons/plus-circle.svg.js";
+import { HamburgerMenu as z } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useDataView as G } from "../../../Common/DataView/useDataView.js";
+import { DataView as K } from "../../../Common/DataView/DataView.js";
 function mt({
   selectedTab: r,
   onTabChange: p,

package/dist/components/Employee/employee-list/management/ManagementEmployeeListView.js.map

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

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

@@ -1,4 +1,4 @@
-import { BaseComponentInterface } from '../../Base/Base';
+import { BaseComponentInterface } from '../../../Base/Base';
 interface EmployeeListProps extends BaseComponentInterface<'Employee.EmployeeList'> {
     companyId: string;
 }

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

@@ -1,12 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
-import { EmployeeListView as c } from "./EmployeeListView.js";
-import { useEmployeeList as y } from "./useEmployeeList.js";
-import { BaseBoundaries as d, BaseLayout as a } from "../../Base/Base.js";
-import { useI18n as L, useComponentDictionary as u } from "../../../i18n/I18n.js";
-import { componentEvents as i } from "../../../shared/constants.js";
+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 { componentEvents as i } from "../../../../shared/constants.js";
 function O({ companyId: s, onEvent: o, dictionary: E }) {
   L("Employee.EmployeeList"), u("Employee.EmployeeList", E);
-  const e = y({
+  const e = c({
     companyId: s
   });
   if (e.isLoading)
@@ -19,7 +19,7 @@ function O({ companyId: s, onEvent: o, dictionary: E }) {
     o(i.EMPLOYEE_ONBOARDING_DONE);
   };
   return /* @__PURE__ */ r(a, { error: e.errorHandling.errors, children: /* @__PURE__ */ r(
-    c,
+    y,
     {
       employees: e.data.employees,
       isFetching: e.status.isFetching,

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeList.js","sources":["../../../../../src/components/Employee/employee-list/onboarding/EmployeeList.tsx"],"sourcesContent":["import type { OnboardingStatus } from '@gusto/embedded-api/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;"}

package/dist/components/Employee/{EmployeeList → employee-list/onboarding}/EmployeeListView.d.ts

@@ -1,5 +1,5 @@
 import { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus';
-import { UseEmployeeListResult, EmployeeWithActions } from './useEmployeeList';
+import { UseEmployeeListResult, EmployeeWithActions } from '../shared/useEmployeeList';
 export interface EmployeeListViewProps extends Pick<Extract<UseEmployeeListResult, {
     isLoading: false;
 }>, 'pagination' | 'status'> {

package/dist/components/Employee/{EmployeeList → employee-list/onboarding}/EmployeeListView.js

@@ -1,18 +1,18 @@
 import { jsx as e, jsxs as o, Fragment as L } from "react/jsx-runtime";
 import { useState as k } from "react";
 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 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/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";
+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 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/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({
   employees: r,
   isFetching: g,

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEmployeeList.js","sources":["../../../../../src/components/Employee/employee-list/shared/useEmployeeList.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useEmployeesList } from '@gusto/embedded-api/react-query/employeesList'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { Job } from '@gusto/embedded-api/models/components/job'\nimport { useEmployeesDeleteMutation } from '@gusto/embedded-api/react-query/employeesDelete'\nimport { useEmployeesUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { EmployeeOnboardingStatus, EmployeeSelfOnboardingStatuses } from '@/shared/constants'\nimport type { HookLoadingResult, HookSubmitResult, BaseHookReady } from '@/partner-hook-utils/types'\n\nexport type EmployeeAction =\n  | 'edit'\n  | 'delete'\n  | 'cancel_self_onboarding'\n  | 'review'\n  | 'dismiss'\n  | 'rehire'\n\nexport interface EmployeeWithActions extends Employee {\n  allowedActions: EmployeeAction[]\n  primaryJob?: Job\n}\n\nexport interface EmployeeActionCallbacks {\n  onDelete?: (employeeId: string) => void\n  onReview?: (employeeId: string) => void\n  onCancelSelfOnboarding?: (employeeId: string) => void\n}\n\nexport type EmployeeType = 'active' | 'onboarding' | 'terminated'\n\nexport interface UseEmployeeListProps {\n  companyId: string\n  employeeType?: EmployeeType\n}\n\ninterface UseEmployeeListReady extends BaseHookReady<\n  { employees: EmployeeWithActions[] },\n  { isFetching: boolean; isPending: boolean }\n> {\n  pagination: PaginationControlProps\n  actions: {\n    onDelete: (\n      employeeId: string,\n      callbacks?: EmployeeActionCallbacks,\n    ) => Promise<HookSubmitResult<void> | undefined>\n    onReview: (\n      employeeId: string,\n      callbacks?: EmployeeActionCallbacks,\n    ) => Promise<HookSubmitResult<string> | undefined>\n    onCancelSelfOnboarding: (\n      employeeId: string,\n      callbacks?: EmployeeActionCallbacks,\n    ) => Promise<HookSubmitResult<string> | undefined>\n  }\n}\n\nexport type UseEmployeeListResult = HookLoadingResult | UseEmployeeListReady\n\nfunction deriveAllowedActions(employee: Employee, employeeType?: EmployeeType): EmployeeAction[] {\n  const actions: EmployeeAction[] = []\n\n  // Edit action - available for certain onboarding statuses, but not for terminated employees\n  if (\n    employeeType !== 'terminated' &&\n    (employee.onboardingStatus === EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE ||\n      employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_PENDING_INVITE ||\n      employee.onboardingStatus ===\n        EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW ||\n      employee.onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED)\n  ) {\n    actions.push('edit')\n  }\n\n  // Cancel self onboarding - available for employees in self-onboarding flow\n  if (\n    employee.onboardingStatus &&\n    // @ts-expect-error: onboardingStatus during runtime can be one of self onboarding statuses\n    EmployeeSelfOnboardingStatuses.has(employee.onboardingStatus)\n  ) {\n    actions.push('cancel_self_onboarding')\n  }\n\n  // Review action - available when employee completed self-onboarding\n  if (\n    employee.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE\n  ) {\n    actions.push('review')\n  }\n\n  // Delete action - available for non-onboarded employees\n  if (!employee.onboarded) {\n    actions.push('delete')\n  }\n\n  // Tab-specific actions for ManagementEmployeeList\n  if (employeeType === 'active') {\n    actions.push('dismiss')\n  }\n\n  if (employeeType === 'terminated') {\n    actions.push('rehire')\n  }\n\n  return actions\n}\n\nexport function useEmployeeList({\n  companyId,\n  employeeType,\n}: UseEmployeeListProps): UseEmployeeListResult {\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination()\n\n  const queryParams = useMemo(() => {\n    const baseParams = {\n      companyId,\n      page: currentPage,\n      per: itemsPerPage,\n    }\n\n    switch (employeeType) {\n      case 'active':\n        return { ...baseParams, onboardedActive: true }\n      case 'onboarding':\n        return { ...baseParams, onboarded: false }\n      case 'terminated':\n        return { ...baseParams, terminated: true }\n      default:\n        return baseParams\n    }\n  }, [companyId, currentPage, itemsPerPage, employeeType])\n\n  const employeesQuery = useEmployeesList(queryParams, { placeholderData: keepPreviousData })\n\n  const deleteEmployeeMutation = useEmployeesDeleteMutation()\n  const updateOnboardingStatusMutation = useEmployeesUpdateOnboardingStatusMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('EmployeeList')\n\n  const errorHandling = composeErrorHandler([employeesQuery], { submitError, setSubmitError })\n\n  const isPending = deleteEmployeeMutation.isPending || updateOnboardingStatusMutation.isPending\n\n  const { data, isFetching } = employeesQuery\n\n  const employees = useMemo<EmployeeWithActions[]>(() => {\n    return (data?.showEmployees ?? []).map(employee => {\n      const primaryJob = employee.jobs?.find(job => job.primary === true)\n\n      return {\n        ...employee,\n        allowedActions: deriveAllowedActions(employee, employeeType),\n        primaryJob,\n      }\n    })\n  }, [data?.showEmployees, employeeType])\n\n  const paginationProps = data?.httpMeta.response.headers\n    ? getPaginationProps(data.httpMeta.response.headers, isFetching)\n    : {\n        handleNextPage: () => {},\n        handleFirstPage: () => {},\n        handleLastPage: () => {},\n        handlePreviousPage: () => {},\n        handleItemsPerPageChange: () => {},\n        currentPage: 1,\n        totalPages: 1,\n        totalCount: 0,\n        itemsPerPage: 5 as const,\n      }\n\n  const onDelete = async (\n    employeeId: string,\n    callbacks?: EmployeeActionCallbacks,\n  ): Promise<HookSubmitResult<void> | undefined> => {\n    let submitResult: HookSubmitResult<void> | undefined\n\n    await baseSubmitHandler(employeeId, async id => {\n      await deleteEmployeeMutation.mutateAsync({\n        request: { employeeId: id },\n      })\n      callbacks?.onDelete?.(id)\n\n      submitResult = {\n        mode: 'update',\n        data: undefined,\n      }\n    })\n\n    return submitResult\n  }\n\n  const onReview = async (\n    employeeId: string,\n    callbacks?: EmployeeActionCallbacks,\n  ): Promise<HookSubmitResult<string> | undefined> => {\n    let submitResult: HookSubmitResult<string> | undefined\n\n    await baseSubmitHandler(employeeId, async id => {\n      const result = await updateOnboardingStatusMutation.mutateAsync({\n        request: {\n          employeeId: id,\n          requestBody: {\n            onboardingStatus: EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW,\n          },\n        },\n      })\n      callbacks?.onReview?.(id)\n\n      submitResult = {\n        mode: 'update',\n        data: result.employeeOnboardingStatus?.onboardingStatus ?? '',\n      }\n    })\n\n    return submitResult\n  }\n\n  const onCancelSelfOnboarding = async (\n    employeeId: string,\n    callbacks?: EmployeeActionCallbacks,\n  ): Promise<HookSubmitResult<string> | undefined> => {\n    let submitResult: HookSubmitResult<string> | undefined\n\n    await baseSubmitHandler(employeeId, async id => {\n      const result = await updateOnboardingStatusMutation.mutateAsync({\n        request: {\n          employeeId: id,\n          requestBody: {\n            onboardingStatus: EmployeeOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n          },\n        },\n      })\n      callbacks?.onCancelSelfOnboarding?.(id)\n\n      submitResult = {\n        mode: 'update',\n        data: result.employeeOnboardingStatus?.onboardingStatus ?? '',\n      }\n    })\n\n    return submitResult\n  }\n\n  const isLoading = !data && isFetching\n\n  if (isLoading) {\n    return {\n      isLoading: true,\n      errorHandling,\n    }\n  }\n\n  return {\n    isLoading: false,\n    data: {\n      employees,\n    },\n    pagination: paginationProps,\n    status: { isFetching, isPending },\n    actions: { onDelete, onReview, onCancelSelfOnboarding },\n    errorHandling,\n  }\n}\n"],"names":["deriveAllowedActions","employee","employeeType","actions","EmployeeOnboardingStatus","EmployeeSelfOnboardingStatuses","useEmployeeList","companyId","currentPage","itemsPerPage","getPaginationProps","usePagination","queryParams","useMemo","baseParams","employeesQuery","useEmployeesList","keepPreviousData","deleteEmployeeMutation","useEmployeesDeleteMutation","updateOnboardingStatusMutation","useEmployeesUpdateOnboardingStatusMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","isPending","data","isFetching","employees","primaryJob","job","paginationProps","onDelete","employeeId","callbacks","submitResult","id","onReview","result","onCancelSelfOnboarding"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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