npm - @gusto/embedded-react-sdk - Versions diffs - 0.55.5 → 0.55.6 - Mend

@gusto/embedded-react-sdk 0.55.5 → 0.55.6

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 (384) hide show

package/dist/components/Contractor/ContractorList/management/ManagementContractorListView.js CHANGED Viewed

@@ -1,35 +1,35 @@
-import { jsxs as m, Fragment as P, jsx as t } from "react/jsx-runtime";
-import { useState as b } from "react";
-import { useTranslation as V } from "react-i18next";
+import { jsxs as m, Fragment as V, jsx as a } from "react/jsx-runtime";
+import { useState as y } from "react";
+import { useTranslation as M } from "react-i18next";
 import { Flex as d } from "../../../Common/Flex/Flex.js";
-import { EmptyData as M } from "../../../Common/EmptyData/EmptyData.js";
-import { HamburgerMenu as y } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useComponentContext as w } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { ContractorOnboardingStatusBadge as Y } from "../../../Common/OnboardingStatusBadge/index.js";
-import F from "../../../../assets/icons/trashcan.svg.js";
+import { EmptyData as Y } from "../../../Common/EmptyData/EmptyData.js";
+import { HamburgerMenu as w } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as v } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { ContractorOnboardingStatusBadge as F } from "../../../Common/OnboardingStatusBadge/index.js";
+import H from "../../../../assets/icons/trashcan.svg.js";
 import h from "../../../../assets/icons/x-circle.svg.js";
-import H from "../../../../assets/icons/eye.svg.js";
-import j from "../../../../assets/icons/slash-circle.svg.js";
-import $ from "../../../../assets/icons/plus-circle.svg.js";
-import { firstLastName as z } from "../../../../helpers/formattedStrings.js";
-import { normalizeToDate as G, formatDateLong as W, formatDateLongWithYear as U } from "../../../../helpers/dateFormatting.js";
-import { ContractorOnboardingStatus as C, CONTRACTOR_TYPE as X } from "../../../../shared/constants.js";
-import { VisuallyHidden as q } from "../../../Common/VisuallyHidden/VisuallyHidden.js";
-import { useDataView as J } from "../../../Common/DataView/useDataView.js";
-import { DataView as K } from "../../../Common/DataView/DataView.js";
-function Q(n) {
-  return n.type === X.BUSINESS ? n.businessName ?? "" : z({ first_name: n.firstName, last_name: n.lastName });
+import j from "../../../../assets/icons/eye.svg.js";
+import $ from "../../../../assets/icons/slash-circle.svg.js";
+import z from "../../../../assets/icons/plus-circle.svg.js";
+import { firstLastName as G } from "../../../../helpers/formattedStrings.js";
+import { normalizeToDate as W, formatDateLong as U, formatDateLongWithYear as X } from "../../../../helpers/dateFormatting.js";
+import { ContractorOnboardingStatus as C, CONTRACTOR_TYPE as q } from "../../../../shared/constants.js";
+import { VisuallyHidden as J } from "../../../Common/VisuallyHidden/VisuallyHidden.js";
+import { useDataView as K } from "../../../Common/DataView/useDataView.js";
+import { DataView as Q } from "../../../Common/DataView/DataView.js";
+function D(n) {
+  return n.type === q.BUSINESS ? n.businessName ?? "" : G({ first_name: n.firstName, last_name: n.lastName });
 }
 function Z({ contractor: n }) {
-  const l = w();
+  const l = v();
   return /* @__PURE__ */ m(d, { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ t(l.Text, { size: "sm", weight: "medium", children: Q(n) }),
-    /* @__PURE__ */ t(l.Text, { variant: "supporting", size: "sm", children: n.type ?? "–" })
+    /* @__PURE__ */ a(l.Text, { size: "sm", weight: "medium", children: D(n) }),
+    /* @__PURE__ */ a(l.Text, { variant: "supporting", size: "sm", children: n.type ?? "–" })
   ] });
 }
-function u(n) {
-  const l = G(n);
-  return l ? l.getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? W(l) : U(l) : "";
+function c(n) {
+  const l = W(n);
+  return l ? l.getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? U(l) : X(l) : "";
 }
 function ee(n) {
   return n === C.ADMIN_ONBOARDING_REVIEW || n === C.SELF_ONBOARDING_REVIEW;
@@ -38,31 +38,31 @@ function ye({
   contractors: n,
   isFetching: l,
   selectedTab: o,
-  onTabChange: v,
-  status: D,
-  pagination: S,
-  onEdit: A,
-  onView: L,
-  onDismiss: I,
-  onRehire: R,
-  onDelete: k,
-  onCancelSelfOnboarding: E,
-  onCancelDismissal: N,
-  onCancelRehire: O,
-  onAddContractor: B
+  onTabChange: S,
+  status: b,
+  pagination: A,
+  onEdit: L,
+  onView: I,
+  onDismiss: R,
+  onRehire: k,
+  onDelete: E,
+  onCancelSelfOnboarding: N,
+  onCancelDismissal: O,
+  onCancelRehire: B,
+  onAddContractor: _
 }) {
-  const { t: e } = V("Contractor.ManagementContractorList"), r = w(), [g, p] = b(null), [s, c] = b(null), _ = [
+  const { t: e } = M("Contractor.ManagementContractorList"), r = v(), [g, p] = y(null), [s, u] = y(null), x = [
     { id: "active", label: e("tabs.active"), content: null },
     { id: "onboarding", label: e("tabs.onboarding"), content: null },
     { id: "dismissed", label: e("tabs.dismissed"), content: null }
-  ], x = () => {
-    const a = {
+  ], T = () => {
+    const t = {
       key: "name",
       title: e("nameLabel"),
-      render: (i) => /* @__PURE__ */ t(Z, { contractor: i })
+      render: (i) => /* @__PURE__ */ a(Z, { contractor: i })
     };
     return o === "active" ? [
-      a,
+      t,
       {
         key: "rate",
         title: e("rateLabel"),
@@ -70,134 +70,146 @@ function ye({
       },
       {
         key: "status",
-        title: /* @__PURE__ */ t(q, { children: e("statusColumnLabel") }),
-        render: (i) => i.upcomingEmployment?.startDate ? /* @__PURE__ */ t(r.Badge, { status: "info", children: e("startsBadge", {
-          date: u(i.upcomingEmployment.startDate)
-        }) }) : i.dismissalDate ? /* @__PURE__ */ t(r.Badge, { status: "warning", children: e("lastDayBadge", { date: u(i.dismissalDate) }) }) : null
+        title: /* @__PURE__ */ a(J, { children: e("statusColumnLabel") }),
+        render: (i) => i.upcomingEmployment?.startDate ? /* @__PURE__ */ a(r.Badge, { status: "info", children: e("startsBadge", {
+          date: c(i.upcomingEmployment.startDate)
+        }) }) : i.dismissalDate ? /* @__PURE__ */ a(r.Badge, { status: "warning", children: e("lastDayBadge", { date: c(i.dismissalDate) }) }) : null
       }
     ] : o === "onboarding" ? [
-      a,
+      t,
       {
         key: "status",
         title: e("onboardingStatusLabel"),
         render: (i) => /* @__PURE__ */ m(d, { alignItems: "center", gap: 8, children: [
-          /* @__PURE__ */ t(
-            Y,
+          /* @__PURE__ */ a(
+            F,
             {
               onboarded: i.onboarded,
               onboardingStatus: i.onboardingStatus
             }
           ),
-          i.onboardingStatus === C.ONBOARDING_COMPLETED && i.upcomingEmployment?.startDate && /* @__PURE__ */ t(r.Badge, { status: "info", children: e("startsBadge", {
-            date: u(i.upcomingEmployment.startDate)
+          i.onboardingStatus === C.ONBOARDING_COMPLETED && i.upcomingEmployment?.startDate && /* @__PURE__ */ a(r.Badge, { status: "info", children: e("startsBadge", {
+            date: c(i.upcomingEmployment.startDate)
           }) })
         ] })
       }
     ] : [
-      a,
+      t,
       {
         key: "dismissalDate",
         title: e("dismissalDateLabel"),
-        render: (i) => i.dismissalDate ? u(i.dismissalDate) : "–"
+        render: (i) => i.dismissalDate ? c(i.dismissalDate) : "–"
       }
     ];
-  }, { ...T } = J({
+  }, { ...P } = K({
     data: n,
-    columns: x(),
-    itemMenu: (a) => {
+    columns: T(),
+    itemMenu: (t) => {
       if (o === "onboarding") {
         const f = [];
-        return a.allowedActions.includes("cancel_self_onboarding") && f.push({
+        return t.allowedActions.includes("cancel_self_onboarding") && f.push({
           label: e("cancelSelfOnboardingCta"),
           onClick: () => {
-            E(a.uuid);
+            N(t.uuid);
           },
-          icon: /* @__PURE__ */ t(h, { "aria-hidden": !0 })
-        }), a.allowedActions.includes("delete") && f.push({
+          icon: /* @__PURE__ */ a(h, { "aria-hidden": !0 })
+        }), t.allowedActions.includes("delete") && f.push({
           label: e("removeCta"),
           onClick: () => {
-            p(a.uuid);
+            p(t.uuid);
           },
-          icon: /* @__PURE__ */ t(F, { "aria-hidden": !0 })
+          icon: /* @__PURE__ */ a(H, { "aria-hidden": !0 })
         }), /* @__PURE__ */ m(d, { alignItems: "center", justifyContent: "flex-end", gap: 4, children: [
-          a.allowedActions.includes("edit") && /* @__PURE__ */ t(
+          t.allowedActions.includes("edit") && /* @__PURE__ */ a(
             r.Button,
             {
               variant: "secondary",
               onClick: () => {
-                A(a.uuid);
+                L(t.uuid);
               },
-              children: ee(a.onboardingStatus) ? e("reviewCta") : e("continueCta")
+              children: ee(t.onboardingStatus) ? e("reviewCta") : e("continueCta")
             }
           ),
-          /* @__PURE__ */ t(y, { items: f, triggerLabel: e("hamburgerTitle") })
+          /* @__PURE__ */ a(
+            w,
+            {
+              items: f,
+              triggerLabel: e("hamburgerTitle", { name: D(t) })
+            }
+          )
         ] });
       }
       const i = [];
-      return a.allowedActions.includes("view") && i.push({
+      return t.allowedActions.includes("view") && i.push({
         label: e("viewDetailsCta"),
         onClick: () => {
-          L(a.uuid);
+          I(t.uuid);
         },
-        icon: /* @__PURE__ */ t(H, { "aria-hidden": !0 })
-      }), a.allowedActions.includes("cancel_rehire") && i.push({
+        icon: /* @__PURE__ */ a(j, { "aria-hidden": !0 })
+      }), t.allowedActions.includes("cancel_rehire") && i.push({
         label: e("cancelRehireCta"),
         onClick: () => {
-          c({ contractorId: a.uuid, type: "rehire" });
+          u({ contractorId: t.uuid, type: "rehire" });
         },
-        icon: /* @__PURE__ */ t(h, { "aria-hidden": !0 })
-      }), a.allowedActions.includes("cancel_dismissal") && i.push({
+        icon: /* @__PURE__ */ a(h, { "aria-hidden": !0 })
+      }), t.allowedActions.includes("cancel_dismissal") && i.push({
         label: e("cancelDismissalCta"),
         onClick: () => {
-          c({ contractorId: a.uuid, type: "dismissal" });
+          u({ contractorId: t.uuid, type: "dismissal" });
         },
-        icon: /* @__PURE__ */ t(h, { "aria-hidden": !0 })
-      }), a.allowedActions.includes("dismiss") && i.push({
+        icon: /* @__PURE__ */ a(h, { "aria-hidden": !0 })
+      }), t.allowedActions.includes("dismiss") && i.push({
         label: e("dismissCta"),
         onClick: () => {
-          I(a.uuid);
+          R(t.uuid);
         },
-        icon: /* @__PURE__ */ t(j, { "aria-hidden": !0 })
-      }), a.allowedActions.includes("rehire") && i.push({
+        icon: /* @__PURE__ */ a($, { "aria-hidden": !0 })
+      }), t.allowedActions.includes("rehire") && i.push({
         label: e("rehireCta"),
         onClick: () => {
-          R(a.uuid);
+          k(t.uuid);
         },
-        icon: /* @__PURE__ */ t($, { "aria-hidden": !0 })
-      }), /* @__PURE__ */ t(y, { items: i, triggerLabel: e("hamburgerTitle") });
+        icon: /* @__PURE__ */ a(z, { "aria-hidden": !0 })
+      }), /* @__PURE__ */ a(
+        w,
+        {
+          items: i,
+          triggerLabel: e("hamburgerTitle", { name: D(t) })
+        }
+      );
     },
     isFetching: l,
-    pagination: S,
-    emptyState: () => /* @__PURE__ */ t(
-      M,
+    pagination: A,
+    emptyState: () => /* @__PURE__ */ a(
+      Y,
       {
         title: e(`emptyState.${o}.title`),
         description: e(`emptyState.${o}.description`)
       }
     )
   });
-  return /* @__PURE__ */ m(P, { children: [
+  return /* @__PURE__ */ m(V, { children: [
     /* @__PURE__ */ m(d, { flexDirection: "column", gap: 32, children: [
       /* @__PURE__ */ m(d, { justifyContent: "space-between", alignItems: "center", children: [
-        /* @__PURE__ */ t(r.Heading, { as: "h2", children: e("title") }),
-        /* @__PURE__ */ t(r.Button, { variant: "secondary", onClick: B, children: e("addContractorCta") })
+        /* @__PURE__ */ a(r.Heading, { as: "h2", children: e("title") }),
+        /* @__PURE__ */ a(r.Button, { variant: "secondary", onClick: _, children: e("addContractorCta") })
       ] }),
       /* @__PURE__ */ m(d, { flexDirection: "column", gap: 0, children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ a(
           r.Tabs,
           {
-            tabs: _,
+            tabs: x,
             selectedId: o,
-            onSelectionChange: (a) => {
-              v(a);
+            onSelectionChange: (t) => {
+              S(t);
             },
             "aria-label": e("tabsLabel")
           }
         ),
-        /* @__PURE__ */ t(K, { label: e("contractorListLabel"), ...T })
+        /* @__PURE__ */ a(Q, { label: e("contractorListLabel"), ...P })
       ] })
     ] }),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ a(
       r.Dialog,
       {
         isOpen: !!g,
@@ -207,11 +219,11 @@ function ye({
         onPrimaryActionClick: async () => {
           if (g)
             try {
-              await k(g), p(null);
+              await E(g), p(null);
             } catch {
             }
         },
-        isPrimaryActionLoading: D.isPending,
+        isPrimaryActionLoading: b.isPending,
         isDestructive: !0,
         title: e("removeDialog.title"),
         primaryActionLabel: e("removeDialog.confirmCta"),
@@ -219,21 +231,21 @@ function ye({
         children: e("removeDialog.description")
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ a(
       r.Dialog,
       {
         isOpen: !!s,
         onClose: () => {
-          c(null);
+          u(null);
         },
         onPrimaryActionClick: async () => {
           if (s)
             try {
-              s.type === "rehire" ? await O(s.contractorId) : await N(s.contractorId), c(null);
+              s.type === "rehire" ? await B(s.contractorId) : await O(s.contractorId), u(null);
             } catch {
             }
         },
-        isPrimaryActionLoading: D.isPending,
+        isPrimaryActionLoading: b.isPending,
         title: s?.type === "rehire" ? e("cancelRehireDialog.title") : e("cancelDismissalDialog.title"),
         primaryActionLabel: s?.type === "rehire" ? e("cancelRehireDialog.confirmCta") : e("cancelDismissalDialog.confirmCta"),
         closeActionLabel: s?.type === "rehire" ? e("cancelRehireDialog.cancelCta") : e("cancelDismissalDialog.cancelCta"),

package/dist/components/Contractor/ContractorList/management/ManagementContractorListView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ManagementContractorListView.js","sources":["../../../../../src/components/Contractor/ContractorList/management/ManagementContractorListView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { UseContractorListResult, ContractorWithActions } from '../shared/useContractorList'\nimport type { ContractorTab } from './ManagementContractorList'\nimport { DataView, EmptyData, useDataView, Flex, VisuallyHidden } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { ContractorOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport XCircleSvg from '@/assets/icons/x-circle.svg?react'\nimport EyeSvg from '@/assets/icons/eye.svg?react'\nimport SlashCircleSvg from '@/assets/icons/slash-circle.svg?react'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { normalizeToDate, formatDateLong, formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport { CONTRACTOR_TYPE, ContractorOnboardingStatus } from '@/shared/constants'\n\n/** @internal /\nexport interface ManagementContractorListViewProps extends Pick<\n Extract<UseContractorListResult, { isLoading: false }>,\n 'pagination' \| 'status'\n> {\n contractors: ContractorWithActions[]\n isFetching: boolean\n selectedTab: ContractorTab\n onTabChange: (tab: ContractorTab) => void\n onEdit: (contractorId: string) => void\n onView: (contractorId: string) => void\n onDismiss: (contractorId: string) => void\n onRehire: (contractorId: string) => void\n onDelete: (contractorId: string) => Promise<void>\n onCancelSelfOnboarding: (contractorId: string) => Promise<void>\n onCancelDismissal: (contractorId: string) => Promise<void>\n onCancelRehire: (contractorId: string) => Promise<void>\n onAddContractor: () => void\n}\n\nfunction contractorDisplayName(contractor: ContractorWithActions) {\n return contractor.type === CONTRACTOR_TYPE.BUSINESS\n ? (contractor.businessName ?? '')\n : firstLastName({ first_name: contractor.firstName, last_name: contractor.lastName })\n}\n\nfunction ContractorNameCell({ contractor }: { contractor: ContractorWithActions }) {\n const Components = useComponentContext()\n return (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text size=\"sm\" weight=\"medium\">\n {contractorDisplayName(contractor)}\n </Components.Text>\n <Components.Text variant=\"supporting\" size=\"sm\">\n {contractor.type ?? '–'}\n </Components.Text>\n </Flex>\n )\n}\n\nfunction formatBadgeDate(dateStr: string): string {\n const date = normalizeToDate(dateStr)\n if (!date) return ''\n const isSameYear = date.getFullYear() === new Date().getFullYear()\n return isSameYear ? formatDateLong(date) : formatDateLongWithYear(date)\n}\n\nfunction isOnboardingEditReview(onboardingStatus?: string \| null) {\n return (\n onboardingStatus === ContractorOnboardingStatus.ADMIN_ONBOARDING_REVIEW \|\|\n onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_REVIEW\n )\n}\n\n/* @internal */\nexport function ManagementContractorListView({\n contractors,\n isFetching,\n selectedTab,\n onTabChange,\n status,\n pagination,\n onEdit,\n onView,\n onDismiss,\n onRehire,\n onDelete,\n onCancelSelfOnboarding,\n onCancelDismissal,\n onCancelRehire,\n onAddContractor,\n}: ManagementContractorListViewProps) {\n const { t } = useTranslation('Contractor.ManagementContractorList')\n const Components = useComponentContext()\n const [contractorToRemove, setContractorToRemove] = useState<string \| null>(null)\n const [cancelAction, setCancelAction] = useState<{\n contractorId: string\n type: 'dismissal' \| 'rehire'\n } \| null>(null)\n\n const tabs = [\n { id: 'active', label: t('tabs.active'), content: null },\n { id: 'onboarding', label: t('tabs.onboarding'), content: null },\n { id: 'dismissed', label: t('tabs.dismissed'), content: null },\n ]\n\n const getColumns = () => {\n const nameColumn = {\n key: 'name',\n title: t('nameLabel'),\n render: (contractor: ContractorWithActions) => <ContractorNameCell contractor={contractor} />,\n }\n\n if (selectedTab === 'active') {\n return [\n nameColumn,\n {\n key: 'rate',\n title: t('rateLabel'),\n render: (contractor: ContractorWithActions) =>\n contractor.wageType === 'Hourly' && contractor.hourlyRate\n ? t('rateHourly', { rate: `$${contractor.hourlyRate}` })\n : (contractor.wageType ?? '–'),\n },\n {\n key: 'status',\n title: <VisuallyHidden>{t('statusColumnLabel')}</VisuallyHidden>,\n render: (contractor: ContractorWithActions) => {\n if (contractor.upcomingEmployment?.startDate) {\n return (\n <Components.Badge status=\"info\">\n {t('startsBadge', {\n date: formatBadgeDate(contractor.upcomingEmployment.startDate),\n })}\n </Components.Badge>\n )\n }\n if (contractor.dismissalDate) {\n return (\n <Components.Badge status=\"warning\">\n {t('lastDayBadge', { date: formatBadgeDate(contractor.dismissalDate) })}\n </Components.Badge>\n )\n }\n return null\n },\n },\n ]\n }\n\n if (selectedTab === 'onboarding') {\n return [\n nameColumn,\n {\n key: 'status',\n title: t('onboardingStatusLabel'),\n render: (contractor: ContractorWithActions) => (\n <Flex alignItems=\"center\" gap={8}>\n <ContractorOnboardingStatusBadge\n onboarded={contractor.onboarded}\n onboardingStatus={contractor.onboardingStatus}\n />\n {contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED &&\n contractor.upcomingEmployment?.startDate && (\n <Components.Badge status=\"info\">\n {t('startsBadge', {\n date: formatBadgeDate(contractor.upcomingEmployment.startDate),\n })}\n </Components.Badge>\n )}\n </Flex>\n ),\n },\n ]\n }\n\n return [\n nameColumn,\n {\n key: 'dismissalDate',\n title: t('dismissalDateLabel'),\n render: (contractor: ContractorWithActions) =>\n contractor.dismissalDate ? formatBadgeDate(contractor.dismissalDate) : '–',\n },\n ]\n }\n\n const { ...dataViewProps } = useDataView({\n data: contractors,\n columns: getColumns(),\n itemMenu: contractor => {\n if (selectedTab === 'onboarding') {\n const menuItems = []\n\n if (contractor.allowedActions.includes('cancel_self_onboarding')) {\n menuItems.push({\n label: t('cancelSelfOnboardingCta'),\n onClick: () => {\n void onCancelSelfOnboarding(contractor.uuid)\n },\n icon: <XCircleSvg aria-hidden />,\n })\n }\n\n if (contractor.allowedActions.includes('delete')) {\n menuItems.push({\n label: t('removeCta'),\n onClick: () => {\n setContractorToRemove(contractor.uuid)\n },\n icon: <TrashCanSvg aria-hidden />,\n })\n }\n\n return (\n <Flex alignItems=\"center\" justifyContent=\"flex-end\" gap={4}>\n {contractor.allowedActions.includes('edit') && (\n <Components.Button\n variant=\"secondary\"\n onClick={() => {\n onEdit(contractor.uuid)\n }}\n >\n {isOnboardingEditReview(contractor.onboardingStatus)\n ? t('reviewCta')\n : t('continueCta')}\n </Components.Button>\n )}\n <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n </Flex>\n )\n }\n\n const menuItems = []\n\n if (contractor.allowedActions.includes('view')) {\n menuItems.push({\n label: t('viewDetailsCta'),\n onClick: () => {\n onView(contractor.uuid)\n },\n icon: <EyeSvg aria-hidden />,\n })\n }\n\n if (contractor.allowedActions.includes('cancel_rehire')) {\n menuItems.push({\n label: t('cancelRehireCta'),\n onClick: () => {\n setCancelAction({ contractorId: contractor.uuid, type: 'rehire' })\n },\n icon: <XCircleSvg aria-hidden />,\n })\n }\n\n if (contractor.allowedActions.includes('cancel_dismissal')) {\n menuItems.push({\n label: t('cancelDismissalCta'),\n onClick: () => {\n setCancelAction({ contractorId: contractor.uuid, type: 'dismissal' })\n },\n icon: <XCircleSvg aria-hidden />,\n })\n }\n\n if (contractor.allowedActions.includes('dismiss')) {\n menuItems.push({\n label: t('dismissCta'),\n onClick: () => {\n onDismiss(contractor.uuid)\n },\n icon: <SlashCircleSvg aria-hidden />,\n })\n }\n\n if (contractor.allowedActions.includes('rehire')) {\n menuItems.push({\n label: t('rehireCta'),\n onClick: () => {\n onRehire(contractor.uuid)\n },\n icon: <PlusCircleIcon aria-hidden />,\n })\n }\n\n return <HamburgerMenu items={menuItems} triggerLabel={t('hamburgerTitle')} />\n },\n isFetching,\n pagination,\n emptyState: () => (\n <EmptyData\n title={t(`emptyState.${selectedTab}.title`)}\n description={t(`emptyState.${selectedTab}.description`)}\n />\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={onAddContractor}>\n {t('addContractorCta')}\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 ContractorTab)\n }}\n aria-label={t('tabsLabel')}\n />\n\n <DataView label={t('contractorListLabel')} {...dataViewProps} />\n </Flex>\n </Flex>\n\n <Components.Dialog\n isOpen={!!contractorToRemove}\n onClose={() => {\n setContractorToRemove(null)\n }}\n onPrimaryActionClick={async () => {\n if (contractorToRemove) {\n try {\n await onDelete(contractorToRemove)\n setContractorToRemove(null)\n } catch {\n // Keep dialog open on error\n }\n }\n }}\n isPrimaryActionLoading={status.isPending}\n isDestructive\n title={t('removeDialog.title')}\n primaryActionLabel={t('removeDialog.confirmCta')}\n closeActionLabel={t('removeDialog.cancelCta')}\n >\n {t('removeDialog.description')}\n </Components.Dialog>\n\n <Components.Dialog\n isOpen={!!cancelAction}\n onClose={() => {\n setCancelAction(null)\n }}\n onPrimaryActionClick={async () => {\n if (!cancelAction) return\n try {\n if (cancelAction.type === 'rehire') {\n await onCancelRehire(cancelAction.contractorId)\n } else {\n await onCancelDismissal(cancelAction.contractorId)\n }\n setCancelAction(null)\n } catch {\n // Keep dialog open on error\n }\n }}\n isPrimaryActionLoading={status.isPending}\n title={\n cancelAction?.type === 'rehire'\n ? t('cancelRehireDialog.title')\n : t('cancelDismissalDialog.title')\n }\n primaryActionLabel={\n cancelAction?.type === 'rehire'\n ? t('cancelRehireDialog.confirmCta')\n : t('cancelDismissalDialog.confirmCta')\n }\n closeActionLabel={\n cancelAction?.type === 'rehire'\n ? t('cancelRehireDialog.cancelCta')\n : t('cancelDismissalDialog.cancelCta')\n }\n >\n {cancelAction?.type === 'rehire'\n ? t('cancelRehireDialog.description')\n : t('cancelDismissalDialog.description')}\n </Components.Dialog>\n </>\n )\n}\n"],"names":["contractorDisplayName","contractor","CONTRACTOR_TYPE","firstLastName","ContractorNameCell","Components","useComponentContext","jsxs","Flex","jsx","formatBadgeDate","dateStr","date","normalizeToDate","formatDateLong","formatDateLongWithYear","isOnboardingEditReview","onboardingStatus","ContractorOnboardingStatus","ManagementContractorListView","contractors","isFetching","selectedTab","onTabChange","status","pagination","onEdit","onView","onDismiss","onRehire","onDelete","onCancelSelfOnboarding","onCancelDismissal","onCancelRehire","onAddContractor","t","useTranslation","contractorToRemove","setContractorToRemove","useState","cancelAction","setCancelAction","tabs","getColumns","nameColumn","VisuallyHidden","ContractorOnboardingStatusBadge","dataViewProps","useDataView","menuItems","XCircleSvg","TrashCanSvg","HamburgerMenu","EyeSvg","SlashCircleSvg","PlusCircleIcon","EmptyData","Fragment","id","DataView"],"mappings":"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"}
1	+ {"version":3,"file":"ManagementContractorListView.js","sources":["../../../../../src/components/Contractor/ContractorList/management/ManagementContractorListView.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { UseContractorListResult, ContractorWithActions } from '../shared/useContractorList'\nimport type { ContractorTab } from './ManagementContractorList'\nimport { DataView, EmptyData, useDataView, Flex, VisuallyHidden } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { ContractorOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport XCircleSvg from '@/assets/icons/x-circle.svg?react'\nimport EyeSvg from '@/assets/icons/eye.svg?react'\nimport SlashCircleSvg from '@/assets/icons/slash-circle.svg?react'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { normalizeToDate, formatDateLong, formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport { CONTRACTOR_TYPE, ContractorOnboardingStatus } from '@/shared/constants'\n\n/** @internal /\nexport interface ManagementContractorListViewProps extends Pick<\n Extract<UseContractorListResult, { isLoading: false }>,\n 'pagination' \| 'status'\n> {\n contractors: ContractorWithActions[]\n isFetching: boolean\n selectedTab: ContractorTab\n onTabChange: (tab: ContractorTab) => void\n onEdit: (contractorId: string) => void\n onView: (contractorId: string) => void\n onDismiss: (contractorId: string) => void\n onRehire: (contractorId: string) => void\n onDelete: (contractorId: string) => Promise<void>\n onCancelSelfOnboarding: (contractorId: string) => Promise<void>\n onCancelDismissal: (contractorId: string) => Promise<void>\n onCancelRehire: (contractorId: string) => Promise<void>\n onAddContractor: () => void\n}\n\nfunction contractorDisplayName(contractor: ContractorWithActions) {\n return contractor.type === CONTRACTOR_TYPE.BUSINESS\n ? (contractor.businessName ?? '')\n : firstLastName({ first_name: contractor.firstName, last_name: contractor.lastName })\n}\n\nfunction ContractorNameCell({ contractor }: { contractor: ContractorWithActions }) {\n const Components = useComponentContext()\n return (\n <Flex flexDirection=\"column\" gap={0}>\n <Components.Text size=\"sm\" weight=\"medium\">\n {contractorDisplayName(contractor)}\n </Components.Text>\n <Components.Text variant=\"supporting\" size=\"sm\">\n {contractor.type ?? '–'}\n </Components.Text>\n </Flex>\n )\n}\n\nfunction formatBadgeDate(dateStr: string): string {\n const date = normalizeToDate(dateStr)\n if (!date) return ''\n const isSameYear = date.getFullYear() === new Date().getFullYear()\n return isSameYear ? formatDateLong(date) : formatDateLongWithYear(date)\n}\n\nfunction isOnboardingEditReview(onboardingStatus?: string \| null) {\n return (\n onboardingStatus === ContractorOnboardingStatus.ADMIN_ONBOARDING_REVIEW \|\|\n onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_REVIEW\n )\n}\n\n/* @internal */\nexport function ManagementContractorListView({\n contractors,\n isFetching,\n selectedTab,\n onTabChange,\n status,\n pagination,\n onEdit,\n onView,\n onDismiss,\n onRehire,\n onDelete,\n onCancelSelfOnboarding,\n onCancelDismissal,\n onCancelRehire,\n onAddContractor,\n}: ManagementContractorListViewProps) {\n const { t } = useTranslation('Contractor.ManagementContractorList')\n const Components = useComponentContext()\n const [contractorToRemove, setContractorToRemove] = useState<string \| null>(null)\n const [cancelAction, setCancelAction] = useState<{\n contractorId: string\n type: 'dismissal' \| 'rehire'\n } \| null>(null)\n\n const tabs = [\n { id: 'active', label: t('tabs.active'), content: null },\n { id: 'onboarding', label: t('tabs.onboarding'), content: null },\n { id: 'dismissed', label: t('tabs.dismissed'), content: null },\n ]\n\n const getColumns = () => {\n const nameColumn = {\n key: 'name',\n title: t('nameLabel'),\n render: (contractor: ContractorWithActions) => <ContractorNameCell contractor={contractor} />,\n }\n\n if (selectedTab === 'active') {\n return [\n nameColumn,\n {\n key: 'rate',\n title: t('rateLabel'),\n render: (contractor: ContractorWithActions) =>\n contractor.wageType === 'Hourly' && contractor.hourlyRate\n ? t('rateHourly', { rate: `$${contractor.hourlyRate}` })\n : (contractor.wageType ?? '–'),\n },\n {\n key: 'status',\n title: <VisuallyHidden>{t('statusColumnLabel')}</VisuallyHidden>,\n render: (contractor: ContractorWithActions) => {\n if (contractor.upcomingEmployment?.startDate) {\n return (\n <Components.Badge status=\"info\">\n {t('startsBadge', {\n date: formatBadgeDate(contractor.upcomingEmployment.startDate),\n })}\n </Components.Badge>\n )\n }\n if (contractor.dismissalDate) {\n return (\n <Components.Badge status=\"warning\">\n {t('lastDayBadge', { date: formatBadgeDate(contractor.dismissalDate) })}\n </Components.Badge>\n )\n }\n return null\n },\n },\n ]\n }\n\n if (selectedTab === 'onboarding') {\n return [\n nameColumn,\n {\n key: 'status',\n title: t('onboardingStatusLabel'),\n render: (contractor: ContractorWithActions) => (\n <Flex alignItems=\"center\" gap={8}>\n <ContractorOnboardingStatusBadge\n onboarded={contractor.onboarded}\n onboardingStatus={contractor.onboardingStatus}\n />\n {contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED &&\n contractor.upcomingEmployment?.startDate && (\n <Components.Badge status=\"info\">\n {t('startsBadge', {\n date: formatBadgeDate(contractor.upcomingEmployment.startDate),\n })}\n </Components.Badge>\n )}\n </Flex>\n ),\n },\n ]\n }\n\n return [\n nameColumn,\n {\n key: 'dismissalDate',\n title: t('dismissalDateLabel'),\n render: (contractor: ContractorWithActions) =>\n contractor.dismissalDate ? formatBadgeDate(contractor.dismissalDate) : '–',\n },\n ]\n }\n\n const { ...dataViewProps } = useDataView({\n data: contractors,\n columns: getColumns(),\n itemMenu: contractor => {\n if (selectedTab === 'onboarding') {\n const menuItems = []\n\n if (contractor.allowedActions.includes('cancel_self_onboarding')) {\n menuItems.push({\n label: t('cancelSelfOnboardingCta'),\n onClick: () => {\n void onCancelSelfOnboarding(contractor.uuid)\n },\n icon: <XCircleSvg aria-hidden />,\n })\n }\n\n if (contractor.allowedActions.includes('delete')) {\n menuItems.push({\n label: t('removeCta'),\n onClick: () => {\n setContractorToRemove(contractor.uuid)\n },\n icon: <TrashCanSvg aria-hidden />,\n })\n }\n\n return (\n <Flex alignItems=\"center\" justifyContent=\"flex-end\" gap={4}>\n {contractor.allowedActions.includes('edit') && (\n <Components.Button\n variant=\"secondary\"\n onClick={() => {\n onEdit(contractor.uuid)\n }}\n >\n {isOnboardingEditReview(contractor.onboardingStatus)\n ? t('reviewCta')\n : t('continueCta')}\n </Components.Button>\n )}\n <HamburgerMenu\n items={menuItems}\n triggerLabel={t('hamburgerTitle', { name: contractorDisplayName(contractor) })}\n />\n </Flex>\n )\n }\n\n const menuItems = []\n\n if (contractor.allowedActions.includes('view')) {\n menuItems.push({\n label: t('viewDetailsCta'),\n onClick: () => {\n onView(contractor.uuid)\n },\n icon: <EyeSvg aria-hidden />,\n })\n }\n\n if (contractor.allowedActions.includes('cancel_rehire')) {\n menuItems.push({\n label: t('cancelRehireCta'),\n onClick: () => {\n setCancelAction({ contractorId: contractor.uuid, type: 'rehire' })\n },\n icon: <XCircleSvg aria-hidden />,\n })\n }\n\n if (contractor.allowedActions.includes('cancel_dismissal')) {\n menuItems.push({\n label: t('cancelDismissalCta'),\n onClick: () => {\n setCancelAction({ contractorId: contractor.uuid, type: 'dismissal' })\n },\n icon: <XCircleSvg aria-hidden />,\n })\n }\n\n if (contractor.allowedActions.includes('dismiss')) {\n menuItems.push({\n label: t('dismissCta'),\n onClick: () => {\n onDismiss(contractor.uuid)\n },\n icon: <SlashCircleSvg aria-hidden />,\n })\n }\n\n if (contractor.allowedActions.includes('rehire')) {\n menuItems.push({\n label: t('rehireCta'),\n onClick: () => {\n onRehire(contractor.uuid)\n },\n icon: <PlusCircleIcon aria-hidden />,\n })\n }\n\n return (\n <HamburgerMenu\n items={menuItems}\n triggerLabel={t('hamburgerTitle', { name: contractorDisplayName(contractor) })}\n />\n )\n },\n isFetching,\n pagination,\n emptyState: () => (\n <EmptyData\n title={t(`emptyState.${selectedTab}.title`)}\n description={t(`emptyState.${selectedTab}.description`)}\n />\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={onAddContractor}>\n {t('addContractorCta')}\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 ContractorTab)\n }}\n aria-label={t('tabsLabel')}\n />\n\n <DataView label={t('contractorListLabel')} {...dataViewProps} />\n </Flex>\n </Flex>\n\n <Components.Dialog\n isOpen={!!contractorToRemove}\n onClose={() => {\n setContractorToRemove(null)\n }}\n onPrimaryActionClick={async () => {\n if (contractorToRemove) {\n try {\n await onDelete(contractorToRemove)\n setContractorToRemove(null)\n } catch {\n // Keep dialog open on error\n }\n }\n }}\n isPrimaryActionLoading={status.isPending}\n isDestructive\n title={t('removeDialog.title')}\n primaryActionLabel={t('removeDialog.confirmCta')}\n closeActionLabel={t('removeDialog.cancelCta')}\n >\n {t('removeDialog.description')}\n </Components.Dialog>\n\n <Components.Dialog\n isOpen={!!cancelAction}\n onClose={() => {\n setCancelAction(null)\n }}\n onPrimaryActionClick={async () => {\n if (!cancelAction) return\n try {\n if (cancelAction.type === 'rehire') {\n await onCancelRehire(cancelAction.contractorId)\n } else {\n await onCancelDismissal(cancelAction.contractorId)\n }\n setCancelAction(null)\n } catch {\n // Keep dialog open on error\n }\n }}\n isPrimaryActionLoading={status.isPending}\n title={\n cancelAction?.type === 'rehire'\n ? t('cancelRehireDialog.title')\n : t('cancelDismissalDialog.title')\n }\n primaryActionLabel={\n cancelAction?.type === 'rehire'\n ? t('cancelRehireDialog.confirmCta')\n : t('cancelDismissalDialog.confirmCta')\n }\n closeActionLabel={\n cancelAction?.type === 'rehire'\n ? t('cancelRehireDialog.cancelCta')\n : t('cancelDismissalDialog.cancelCta')\n }\n >\n {cancelAction?.type === 'rehire'\n ? t('cancelRehireDialog.description')\n : t('cancelDismissalDialog.description')}\n </Components.Dialog>\n </>\n )\n}\n"],"names":["contractorDisplayName","contractor","CONTRACTOR_TYPE","firstLastName","ContractorNameCell","Components","useComponentContext","jsxs","Flex","jsx","formatBadgeDate","dateStr","date","normalizeToDate","formatDateLong","formatDateLongWithYear","isOnboardingEditReview","onboardingStatus","ContractorOnboardingStatus","ManagementContractorListView","contractors","isFetching","selectedTab","onTabChange","status","pagination","onEdit","onView","onDismiss","onRehire","onDelete","onCancelSelfOnboarding","onCancelDismissal","onCancelRehire","onAddContractor","t","useTranslation","contractorToRemove","setContractorToRemove","useState","cancelAction","setCancelAction","tabs","getColumns","nameColumn","VisuallyHidden","ContractorOnboardingStatusBadge","dataViewProps","useDataView","menuItems","XCircleSvg","TrashCanSvg","HamburgerMenu","EyeSvg","SlashCircleSvg","PlusCircleIcon","EmptyData","Fragment","id","DataView"],"mappings":"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"}

package/dist/components/Contractor/ContractorList/onboarding/ContractorListView.js CHANGED Viewed

@@ -1,45 +1,45 @@
-import { jsx as t, jsxs as s, Fragment as w } from "react/jsx-runtime";
-import { useState as A } from "react";
-import { useTranslation as L } from "react-i18next";
+import { jsx as t, jsxs as s, Fragment as A } from "react/jsx-runtime";
+import { useState as L } from "react";
+import { useTranslation as T } from "react-i18next";
 import { Flex as c } from "../../../Common/Flex/Flex.js";
-import { EmptyData as T } from "../../../Common/EmptyData/EmptyData.js";
+import { EmptyData as N } from "../../../Common/EmptyData/EmptyData.js";
 import { ActionsLayout as u } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { HamburgerMenu as N } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useComponentContext as v } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { ContractorOnboardingStatusBadge as O } from "../../../Common/OnboardingStatusBadge/index.js";
-import k from "../../../../assets/icons/pencil.svg.js";
-import _ from "../../../../assets/icons/trashcan.svg.js";
-import x from "../../../../assets/icons/x-circle.svg.js";
-import { firstLastName as B } from "../../../../helpers/formattedStrings.js";
-import { ContractorOnboardingStatus as E, CONTRACTOR_TYPE as P } from "../../../../shared/constants.js";
-import { useDataView as I } from "../../../Common/DataView/useDataView.js";
-import { DataView as R } from "../../../Common/DataView/DataView.js";
-function V(n) {
-  return n.type === P.BUSINESS ? n.businessName : B({ first_name: n.firstName, last_name: n.lastName });
+import { HamburgerMenu as v } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as O } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { ContractorOnboardingStatusBadge as k } from "../../../Common/OnboardingStatusBadge/index.js";
+import _ from "../../../../assets/icons/pencil.svg.js";
+import x from "../../../../assets/icons/trashcan.svg.js";
+import B from "../../../../assets/icons/x-circle.svg.js";
+import { firstLastName as E } from "../../../../helpers/formattedStrings.js";
+import { ContractorOnboardingStatus as P, CONTRACTOR_TYPE as I } from "../../../../shared/constants.js";
+import { useDataView as R } from "../../../Common/DataView/useDataView.js";
+import { DataView as V } from "../../../Common/DataView/DataView.js";
+function p(n) {
+  return n.type === I.BUSINESS ? n.businessName : E({ first_name: n.firstName, last_name: n.lastName });
 }
 function ee({
   contractors: n,
-  isFetching: p,
-  pagination: f,
-  status: C,
+  isFetching: f,
+  pagination: C,
+  status: g,
   successMessage: d,
   onEdit: b,
-  onDelete: g,
-  onCancelSelfOnboarding: h,
+  onDelete: h,
+  onCancelSelfOnboarding: y,
   onAddContractor: m,
-  onContinue: y
+  onContinue: D
 }) {
-  const { t: e } = L("Contractor.ContractorList"), o = v(), [r, l] = A(null), { ...D } = I({
+  const { t: e } = T("Contractor.ContractorList"), o = O(), [r, l] = L(null), { ...S } = R({
     data: n,
     columns: [
       {
         title: e("listHeaders.name"),
-        render: (i) => V(i)
+        render: (i) => p(i)
       },
       {
         title: e("listHeaders.status"),
         render: (i) => /* @__PURE__ */ t(
-          O,
+          k,
           {
             onboarded: i.onboarded,
             onboardingStatus: i.onboardingStatus
@@ -48,40 +48,46 @@ function ee({
       }
     ],
     itemMenu: (i) => {
-      const a = [], S = i.onboardingStatus === E.SELF_ONBOARDING_REVIEW;
+      const a = [], w = i.onboardingStatus === P.SELF_ONBOARDING_REVIEW;
       return i.allowedActions.includes("edit") && a.push({
-        label: e(S ? "reviewCta" : "editCta"),
+        label: e(w ? "reviewCta" : "editCta"),
         onClick: () => {
           b(i.uuid);
         },
-        icon: /* @__PURE__ */ t(k, { "aria-hidden": !0 })
+        icon: /* @__PURE__ */ t(_, { "aria-hidden": !0 })
       }), i.allowedActions.includes("cancel_self_onboarding") && a.push({
         label: e("cancelSelfOnboardingCta"),
         onClick: () => {
-          h(i.uuid);
+          y(i.uuid);
         },
-        icon: /* @__PURE__ */ t(x, { "aria-hidden": !0 })
+        icon: /* @__PURE__ */ t(B, { "aria-hidden": !0 })
       }), i.allowedActions.includes("delete") && a.push({
         label: e("deleteCta"),
         onClick: () => {
           l(i.uuid);
         },
-        icon: /* @__PURE__ */ t(_, { "aria-hidden": !0 })
-      }), /* @__PURE__ */ t(N, { items: a });
+        icon: /* @__PURE__ */ t(x, { "aria-hidden": !0 })
+      }), /* @__PURE__ */ t(
+        v,
+        {
+          triggerLabel: e("hamburgerTitle", { name: p(i) }),
+          items: a
+        }
+      );
     },
-    isFetching: p,
-    pagination: f,
-    emptyState: () => /* @__PURE__ */ t(T, { title: e("emptyTableTitle"), description: e("emptyTableDescription"), children: /* @__PURE__ */ t(u, { justifyContent: "center", children: /* @__PURE__ */ t(o.Button, { onClick: m, children: e("addContractorCta") }) }) })
+    isFetching: f,
+    pagination: C,
+    emptyState: () => /* @__PURE__ */ t(N, { title: e("emptyTableTitle"), description: e("emptyTableDescription"), children: /* @__PURE__ */ t(u, { justifyContent: "center", children: /* @__PURE__ */ t(o.Button, { onClick: m, children: e("addContractorCta") }) }) })
   });
-  return /* @__PURE__ */ s(w, { children: [
+  return /* @__PURE__ */ s(A, { children: [
     /* @__PURE__ */ s(c, { flexDirection: "column", children: [
       d && /* @__PURE__ */ t(o.Alert, { label: d, status: "success" }),
       /* @__PURE__ */ s(c, { alignItems: "center", justifyContent: "space-between", children: [
         /* @__PURE__ */ t(o.Heading, { as: "h2", children: e("title") }),
         n.length > 0 && /* @__PURE__ */ t(o.Button, { variant: "secondary", onClick: m, children: e("addAnotherCta") })
       ] }),
-      /* @__PURE__ */ t(R, { label: e("contractorListLabel"), ...D }),
-      /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(o.Button, { onClick: y, children: e("continueCta") }) })
+      /* @__PURE__ */ t(V, { label: e("contractorListLabel"), ...S }),
+      /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(o.Button, { onClick: D, children: e("continueCta") }) })
     ] }),
     /* @__PURE__ */ t(
       o.Dialog,
@@ -93,11 +99,11 @@ function ee({
         onPrimaryActionClick: async () => {
           if (r)
             try {
-              await g(r), l(null);
+              await h(r), l(null);
             } catch {
             }
         },
-        isPrimaryActionLoading: C.isPending,
+        isPrimaryActionLoading: g.isPending,
         isDestructive: !0,
         title: e("deleteDialog.title"),
         primaryActionLabel: e("deleteDialog.confirmCta"),