npm - @gusto/embedded-react-sdk - Versions diffs - 0.55.8 → 0.56.0 - Mend

@gusto/embedded-react-sdk 0.55.8 → 0.56.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (115) hide show

package/dist/components/Company/StateTaxes/StateTaxesForm/context.js CHANGED Viewed

@@ -13,10 +13,11 @@ import "dompurify";
 import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [u, f] = t("StateTaxesFormContext");
+const [f, v] = t("StateTaxesFormContext");
 export {
-  f as StateTaxesFormProvider,
-  u as useStateTaxesForm
+  v as StateTaxesFormProvider,
+  f as useStateTaxesForm
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/StateTaxes/StateTaxesForm/context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n isPending: boolean\n state: string\n stateTaxRequirements: TaxRequirementsState\n handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":"~~;;;;;;;;;;;;;;;;~~AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}
1	+ {"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n isPending: boolean\n state: string\n stateTaxRequirements: TaxRequirementsState\n handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}

package/dist/components/Company/StateTaxes/StateTaxesList/context.js CHANGED Viewed

@@ -13,10 +13,11 @@ import "dompurify";
 import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [u, f] = t("StateTaxesListContext");
+const [f, v] = t("StateTaxesListContext");
 export {
-  f as StateTaxesListProvider,
-  u as useStateTaxesList
+  v as StateTaxesListProvider,
+  f as useStateTaxesList
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/StateTaxes/StateTaxesList/context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/context.ts"],"sourcesContent":["import type { TaxRequirementStatesList } from '@gusto/embedded-api/models/components/taxrequirementstateslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesListContextType = {\n isPending: boolean\n stateTaxRequirements: TaxRequirementStatesList[]\n handleContinue: () => void\n handleChange: (state: string) => void\n handleManageRates: (state: string) => void\n}\n\nconst [useStateTaxesList, StateTaxesListProvider] =\n createCompoundContext<StateTaxesListContextType>('StateTaxesListContext')\n\nexport { useStateTaxesList, StateTaxesListProvider }\n"],"names":["useStateTaxesList","StateTaxesListProvider","createCompoundContext"],"mappings":"~~;;;;;;;;;;;;;;;;~~AAWA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAAiD,uBAAuB;"}
1	+ {"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/context.ts"],"sourcesContent":["import type { TaxRequirementStatesList } from '@gusto/embedded-api/models/components/taxrequirementstateslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesListContextType = {\n isPending: boolean\n stateTaxRequirements: TaxRequirementStatesList[]\n handleContinue: () => void\n handleChange: (state: string) => void\n handleManageRates: (state: string) => void\n}\n\nconst [useStateTaxesList, StateTaxesListProvider] =\n createCompoundContext<StateTaxesListContextType>('StateTaxesListContext')\n\nexport { useStateTaxesList, StateTaxesListProvider }\n"],"names":["useStateTaxesList","StateTaxesListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AAWA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAAiD,uBAAuB;"}

package/dist/components/Company/StateTaxes/TaxRateManagement/context.js CHANGED Viewed

@@ -13,10 +13,11 @@ import "dompurify";
 import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../shared/constants.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [s, u] = t("TaxRateManagementContext");
+const [u, f] = t("TaxRateManagementContext");
 export {
-  u as TaxRateManagementProvider,
-  s as useTaxRateManagement
+  f as TaxRateManagementProvider,
+  u as useTaxRateManagement
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/StateTaxes/TaxRateManagement/context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/TaxRateManagement/context.ts"],"sourcesContent":["import type { TaxRequirementSet } from '@gusto/embedded-api/models/components/taxrequirementset'\nimport { createCompoundContext } from '@/components/Base'\n\n/*\n A state's effective-dated requirement sets for a single key, grouped for history display,\n * plus any future-dated candidate sets available to schedule against.\n \n @internal\n */\nexport interface TaxRateKeyGroup {\n key: string\n label?: string\n sets: TaxRequirementSet[]\n candidateSets: TaxRequirementSet[]\n}\n\ninterface TaxRateManagementContextType {\n state: string\n groups: TaxRateKeyGroup[]\n isPendingUpdate: boolean\n handleCancel: () => void\n handleAddRate: (\n key: string,\n effectiveFrom: string,\n requirements: { key: string; value: string }[],\n ) => Promise<boolean>\n}\n\nconst [useTaxRateManagement, TaxRateManagementProvider] =\n createCompoundContext<TaxRateManagementContextType>('TaxRateManagementContext')\n\nexport { useTaxRateManagement, TaxRateManagementProvider }\n"],"names":["useTaxRateManagement","TaxRateManagementProvider","createCompoundContext"],"mappings":"~~;;;;;;;;;;;;;;;;~~AA4BA,MAAM,CAACA,GAAsBC,CAAyB,IACpDC,EAAoD,0BAA0B;"}
1	+ {"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/TaxRateManagement/context.ts"],"sourcesContent":["import type { TaxRequirementSet } from '@gusto/embedded-api/models/components/taxrequirementset'\nimport { createCompoundContext } from '@/components/Base'\n\n/*\n A state's effective-dated requirement sets for a single key, grouped for history display,\n * plus any future-dated candidate sets available to schedule against.\n \n @internal\n */\nexport interface TaxRateKeyGroup {\n key: string\n label?: string\n sets: TaxRequirementSet[]\n candidateSets: TaxRequirementSet[]\n}\n\ninterface TaxRateManagementContextType {\n state: string\n groups: TaxRateKeyGroup[]\n isPendingUpdate: boolean\n handleCancel: () => void\n handleAddRate: (\n key: string,\n effectiveFrom: string,\n requirements: { key: string; value: string }[],\n ) => Promise<boolean>\n}\n\nconst [useTaxRateManagement, TaxRateManagementProvider] =\n createCompoundContext<TaxRateManagementContextType>('TaxRateManagementContext')\n\nexport { useTaxRateManagement, TaxRateManagementProvider }\n"],"names":["useTaxRateManagement","TaxRateManagementProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,MAAM,CAACA,GAAsBC,CAAyB,IACpDC,EAAoD,0BAA0B;"}

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.js CHANGED Viewed

@@ -13,10 +13,11 @@ import "dompurify";
 import "../../../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../../../shared/constants.js";
 import "../../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../../../Base/createCompoundContext.js";
-const [f, v] = t("DocumentListContext");
+const [v, P] = t("DocumentListContext");
 export {
-  v as DocumentListProvider,
-  f as useDocumentList
+  P as DocumentListProvider,
+  v as useDocumentList
 };
 //# sourceMappingURL=useDocumentList.js.map

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDocumentList.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n employeeForms: Form[]\n hasSignedAllForms: boolean\n handleContinue: () => void\n handleRequestFormToSign: (form: Form) => void\n documentListError: Error \| null\n formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":"~~;;;;;;;;;;;;;;;;~~AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
1	+ {"version":3,"file":"useDocumentList.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n employeeForms: Form[]\n hasSignedAllForms: boolean\n handleContinue: () => void\n handleRequestFormToSign: (form: Form) => void\n documentListError: Error \| null\n formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

package/dist/components/Employee/EmployeeList/management/ManagementEmployeeListView.js CHANGED Viewed

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

package/dist/components/Employee/EmployeeList/management/ManagementEmployeeListView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ManagementEmployeeListView.js","sources":["../../../../../src/components/Employee/EmployeeList/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\n/** @internal /\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 onAddEmployee: () => void\n /* CSS class name applied to the root element. /\n className?: string\n}\n\n/* @internal */\nexport function ManagementEmployeeListView({\n selectedTab,\n onTabChange,\n employees,\n isFetching,\n status,\n onEdit,\n onDismiss,\n onDelete,\n onAddEmployee,\n pagination,\n className,\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 (menuItems.length === 0) {\n return null\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 <section className={className}>\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\n variant=\"secondary\"\n onClick={onAddEmployee}\n icon={<PlusCircleIcon />}\n >\n {t('addEmployeeCta')}\n </Components.Button>\n </Flex>\n\n <Flex flexDirection=\"column\" gap={0}>\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 </Flex>\n </section>\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","onAddEmployee","pagination","className","t","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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"}
1	+ {"version":3,"file":"ManagementEmployeeListView.js","sources":["../../../../../src/components/Employee/EmployeeList/management/ManagementEmployeeListView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { UseEmployeeListResult, EmployeeWithActions } from '../shared/useEmployeeList'\nimport { DataView, EmptyData, useDataView, VisuallyHidden } 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 { formatDateLong, formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\ntype EmployeeTab = 'active' \| 'onboarding' \| 'dismissed'\n\n/** @internal /\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 onAddEmployee: () => void\n /* CSS class name applied to the root element. /\n className?: string\n}\n\n/* @internal */\nexport function ManagementEmployeeListView({\n selectedTab,\n onTabChange,\n employees,\n isFetching,\n status,\n onEdit,\n onDismiss,\n onDelete,\n onAddEmployee,\n pagination,\n className,\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 const pendingDismissalColumn = {\n key: 'pendingDismissal',\n title: <VisuallyHidden>{t('pendingDismissalLabel')}</VisuallyHidden>,\n render: (employee: EmployeeWithActions) => {\n if (!employee.pendingDismissalDate) return null\n\n return (\n <Components.Badge status=\"info\">\n {t('pendingDismissalBadge', { date: formatDateLong(employee.pendingDismissalDate) })}\n </Components.Badge>\n )\n },\n }\n\n return [nameColumn, jobTitleColumn, pendingDismissalColumn]\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 (menuItems.length === 0) {\n return null\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 className={className} 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 <Flex flexDirection=\"column\" gap={0}>\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 </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","onAddEmployee","pagination","className","t","useTranslation","Components","useComponentContext","employeeToDelete","setEmployeeToDelete","useState","handleNextPage","handleFirstPage","handleLastPage","handlePreviousPage","handleItemsPerPageChange","currentPage","totalPages","totalCount","itemsPerPage","tabs","getColumns","nameColumn","employee","firstLastName","jobTitleColumn","pendingDismissalColumn","jsx","VisuallyHidden","formatDateLong","formatDateLongWithYear","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/onboarding/EmployeeListView.js CHANGED Viewed

@@ -86,7 +86,7 @@ function Y({
     ] }) })
   });
   return /* @__PURE__ */ r(A, { children: [
-    /* @__PURE__ */ e("section", { className: k, children: /* @__PURE__ */ r(f, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ r(f, { className: k, flexDirection: "column", gap: 24, children: [
       /* @__PURE__ */ r(f, { justifyContent: "space-between", alignItems: "center", children: [
         /* @__PURE__ */ e(n.Heading, { as: "h2", children: t("title") }),
         o.length > 0 && /* @__PURE__ */ e(
@@ -101,7 +101,7 @@ function Y({
       ] }),
       /* @__PURE__ */ e(N, { label: t("employeeListLabel"), ...w }),
       u && o.length > 0 && /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(n.Button, { onClick: m, children: t("continueCta") }) })
-    ] }) }),
+    ] }),
     /* @__PURE__ */ e(
       n.Dialog,
       {

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

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