@gusto/embedded-react-sdk 0.53.0 → 0.54.1-rc.1

package/dist/components/Contractor/ContractorList/management/ManagementContractorList.js

@@ -1,11 +1,11 @@
 import { jsx as e } from "react/jsx-runtime";
 import { useState as L } from "react";
-import { useContractorList as A } from "../shared/useContractorList.js";
-import { ManagementContractorListView as h } from "./ManagementContractorListView.js";
-import { BaseBoundaries as p, BaseLayout as C } from "../../../Base/Base.js";
-import { useI18n as D, useComponentDictionary as N } from "../../../../i18n/I18n.js";
+import { useContractorList as h } from "../shared/useContractorList.js";
+import { ManagementContractorListView as D } from "./ManagementContractorListView.js";
+import { BaseBoundaries as N, BaseLayout as m } from "../../../Base/Base.js";
+import { useI18n as p, useComponentDictionary as f } from "../../../../i18n/I18n.js";
 import { componentEvents as o } from "../../../../shared/constants.js";
-const f = (r) => {
+const E = (r) => {
   switch (r) {
     case "active":
       return "active";
@@ -15,76 +15,86 @@ const f = (r) => {
       return "terminated";
   }
 };
-function E({
+function _({
   companyId: r,
   initialTab: i = "active",
-  onEvent: a,
-  dictionary: m
+  onEvent: n,
+  dictionary: R,
+  LoaderComponent: s
 }) {
-  D("Contractor.ManagementContractorList"), N("Contractor.ManagementContractorList", m);
-  const [s, R] = L(i), n = A({
+  p("Contractor.ManagementContractorList"), f("Contractor.ManagementContractorList", R);
+  const [c, T] = L(i), a = h({
     companyId: r,
-    contractorType: f(s)
+    contractorType: E(c)
   });
-  if (n.isLoading)
-    return /* @__PURE__ */ e(C, { isLoading: !0, error: n.errorHandling.errors });
-  const T = (t) => {
-    a(o.CONTRACTOR_UPDATE, { contractorId: t });
-  }, d = (t) => {
-    a(o.CONTRACTOR_VIEW, { contractorId: t });
-  }, l = () => {
-    a(o.CONTRACTOR_CREATE);
-  }, O = (t) => {
-    a(o.CONTRACTOR_DISMISS, { contractorId: t });
+  if (a.isLoading)
+    return /* @__PURE__ */ e(
+      m,
+      {
+        isLoading: !0,
+        error: a.errorHandling.errors,
+        LoaderComponent: s
+      }
+    );
+  const d = (t) => {
+    n(o.CONTRACTOR_UPDATE, { contractorId: t });
+  }, l = (t) => {
+    n(o.CONTRACTOR_VIEW, { contractorId: t });
+  }, O = () => {
+    n(o.CONTRACTOR_CREATE);
   }, g = (t) => {
-    a(o.CONTRACTOR_REHIRE, { contractorId: t });
+    n(o.CONTRACTOR_DISMISS, { contractorId: t });
   }, u = (t) => {
-    R(t);
+    n(o.CONTRACTOR_REHIRE, { contractorId: t });
+  }, A = (t) => {
+    T(t);
   };
-  return /* @__PURE__ */ e(C, { error: n.errorHandling.errors, children: /* @__PURE__ */ e(
-    h,
+  return /* @__PURE__ */ e(m, { error: a.errorHandling.errors, LoaderComponent: s, children: /* @__PURE__ */ e(
+    D,
     {
-      selectedTab: s,
-      onTabChange: u,
-      contractors: n.data.contractors,
-      isFetching: n.status.isFetching,
-      pagination: n.pagination,
-      status: n.status,
-      onEdit: T,
-      onView: d,
-      onDismiss: O,
-      onRehire: g,
+      selectedTab: c,
+      onTabChange: A,
+      contractors: a.data.contractors,
+      isFetching: a.status.isFetching,
+      pagination: a.pagination,
+      status: a.status,
+      onEdit: d,
+      onView: l,
+      onDismiss: g,
+      onRehire: u,
       onDelete: async (t) => {
-        await n.actions.onDelete(t), a(o.CONTRACTOR_DELETED, { contractorId: t });
+        await a.actions.onDelete(t), n(o.CONTRACTOR_DELETED, { contractorId: t });
       },
       onCancelSelfOnboarding: async (t) => {
-        const c = await n.actions.onCancelSelfOnboarding(t);
-        c && a(o.CONTRACTOR_SELF_ONBOARDING_CANCELLED, c);
+        const C = await a.actions.onCancelSelfOnboarding(t);
+        C && n(o.CONTRACTOR_SELF_ONBOARDING_CANCELLED, C);
       },
       onCancelDismissal: async (t) => {
-        await n.actions.onCancelDismissal(t), a(o.CONTRACTOR_DISMISSAL_CANCELLED, { contractorId: t });
+        await a.actions.onCancelDismissal(t), n(o.CONTRACTOR_DISMISSAL_CANCELLED, { contractorId: t });
       },
       onCancelRehire: async (t) => {
-        await n.actions.onCancelRehire(t), a(o.CONTRACTOR_REHIRE_CANCELLED, { contractorId: t });
+        await a.actions.onCancelRehire(t), n(o.CONTRACTOR_REHIRE_CANCELLED, { contractorId: t });
       },
-      onAddContractor: l
+      onAddContractor: O
     }
   ) });
 }
-function B({
+function H({
   FallbackComponent: r,
-  ...i
+  LoaderComponent: i,
+  ...n
 }) {
   return /* @__PURE__ */ e(
-    p,
+    N,
     {
       componentName: "Contractor.ManagementContractorList",
       FallbackComponent: r,
-      children: /* @__PURE__ */ e(E, { ...i })
+      LoaderComponent: i,
+      children: /* @__PURE__ */ e(_, { LoaderComponent: i, ...n })
     }
   );
 }
 export {
-  B as ManagementContractorList
+  H as ManagementContractorList
 };
 //# sourceMappingURL=ManagementContractorList.js.map

package/dist/components/Contractor/ContractorList/management/ManagementContractorList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ManagementContractorList.js","sources":["../../../../../src/components/Contractor/ContractorList/management/ManagementContractorList.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useContractorList, type ContractorType } from '../shared/useContractorList'\nimport { ManagementContractorListView } from './ManagementContractorListView'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * The tab currently selected on {@link ManagementContractorList}.\n *\n * @public\n */\nexport type ContractorTab = 'active' | 'onboarding' | 'dismissed'\n\n/**\n * Props for {@link ManagementContractorList}.\n *\n * @public\n */\nexport interface ManagementContractorListProps extends BaseComponentInterface<'Contractor.ManagementContractorList'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Tab to render first: Active, Onboarding, or Dismissed. Defaults to `'active'`. */\n  initialTab?: ContractorTab\n}\n\nconst mapTabToContractorType = (tab: ContractorTab): ContractorType => {\n  switch (tab) {\n    case 'active':\n      return 'active'\n    case 'onboarding':\n      return 'onboarding'\n    case 'dismissed':\n      return 'terminated'\n  }\n}\n\nfunction ManagementContractorListRoot({\n  companyId,\n  initialTab = 'active',\n  onEvent,\n  dictionary,\n}: ManagementContractorListProps) {\n  useI18n('Contractor.ManagementContractorList')\n  useComponentDictionary('Contractor.ManagementContractorList', dictionary)\n\n  const [selectedTab, setSelectedTab] = useState<ContractorTab>(initialTab)\n\n  const contractorList = useContractorList({\n    companyId,\n    contractorType: mapTabToContractorType(selectedTab),\n  })\n\n  if (contractorList.isLoading) {\n    return <BaseLayout isLoading error={contractorList.errorHandling.errors} />\n  }\n\n  const handleEdit = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_UPDATE, { contractorId })\n  }\n\n  const handleView = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_VIEW, { contractorId })\n  }\n\n  const handleAddContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_CREATE)\n  }\n\n  const handleDismiss = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_DISMISS, { contractorId })\n  }\n\n  const handleRehire = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_REHIRE, { contractorId })\n  }\n\n  const handleTabChange = (tab: ContractorTab) => {\n    setSelectedTab(tab)\n  }\n\n  return (\n    <BaseLayout error={contractorList.errorHandling.errors}>\n      <ManagementContractorListView\n        selectedTab={selectedTab}\n        onTabChange={handleTabChange}\n        contractors={contractorList.data.contractors}\n        isFetching={contractorList.status.isFetching}\n        pagination={contractorList.pagination}\n        status={contractorList.status}\n        onEdit={handleEdit}\n        onView={handleView}\n        onDismiss={handleDismiss}\n        onRehire={handleRehire}\n        onDelete={async (contractorId: string) => {\n          await contractorList.actions.onDelete(contractorId)\n          onEvent(componentEvents.CONTRACTOR_DELETED, { contractorId })\n        }}\n        onCancelSelfOnboarding={async (contractorId: string) => {\n          const onboardingStatus = await contractorList.actions.onCancelSelfOnboarding(contractorId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.CONTRACTOR_SELF_ONBOARDING_CANCELLED, onboardingStatus)\n        }}\n        onCancelDismissal={async (contractorId: string) => {\n          await contractorList.actions.onCancelDismissal(contractorId)\n          onEvent(componentEvents.CONTRACTOR_DISMISSAL_CANCELLED, { contractorId })\n        }}\n        onCancelRehire={async (contractorId: string) => {\n          await contractorList.actions.onCancelRehire(contractorId)\n          onEvent(componentEvents.CONTRACTOR_REHIRE_CANCELLED, { contractorId })\n        }}\n        onAddContractor={handleAddContractor}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Renders a tabbed list of a company's contractors split across Active, Onboarding, and Dismissed\n * tabs, with per-row actions tailored to each tab (edit, delete, view details, dismiss, rehire,\n * cancel a scheduled dismissal or rehire).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/create` | Fired when the user clicks \"Add contractor\". | — |\n * | `contractor/update` | Fired when the user selects \"Edit\"/\"Review\" on an onboarding-tab row. | `{ contractorId: string }` |\n * | `contractor/view` | Fired when the user selects \"View details\" on an active or dismissed row. | `{ contractorId: string }` |\n * | `contractor/deleted` | Fired after an onboarding-tab row's \"Remove\" action completes. | `{ contractorId: string }` |\n * | `contractor/selfOnboarding/cancelled` | Fired after the \"Cancel self-onboarding\" action updates a contractor's onboarding status. | The updated `contractorOnboardingStatus` returned by the API. |\n * | `contractor/dismiss` | Fired when the user selects \"Dismiss\" on an active row. No mutation is performed by this component. | `{ contractorId: string }` |\n * | `contractor/rehire` | Fired when the user selects \"Rehire\" on a dismissed row. No mutation is performed by this component. | `{ contractorId: string }` |\n * | `contractor/dismissal/cancelled` | Fired after a scheduled dismissal is cancelled via the confirm dialog. | `{ contractorId: string }` |\n * | `contractor/rehire/cancelled` | Fired after a scheduled rehire is cancelled via the confirm dialog. | `{ contractorId: string }` |\n *\n * @public\n */\nexport function ManagementContractorList({\n  FallbackComponent,\n  ...props\n}: ManagementContractorListProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.ManagementContractorList\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ManagementContractorListRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["mapTabToContractorType","tab","ManagementContractorListRoot","companyId","initialTab","onEvent","dictionary","useI18n","useComponentDictionary","selectedTab","setSelectedTab","useState","contractorList","useContractorList","BaseLayout","handleEdit","contractorId","componentEvents","handleView","handleAddContractor","handleDismiss","handleRehire","handleTabChange","jsx","ManagementContractorListView","onboardingStatus","ManagementContractorList","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}
+{"version":3,"file":"ManagementContractorList.js","sources":["../../../../../src/components/Contractor/ContractorList/management/ManagementContractorList.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useContractorList, type ContractorType } from '../shared/useContractorList'\nimport { ManagementContractorListView } from './ManagementContractorListView'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * The tab currently selected on {@link ManagementContractorList}.\n *\n * @public\n */\nexport type ContractorTab = 'active' | 'onboarding' | 'dismissed'\n\n/**\n * Props for {@link ManagementContractorList}.\n *\n * @public\n */\nexport interface ManagementContractorListProps extends BaseComponentInterface<'Contractor.ManagementContractorList'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Tab to render first: Active, Onboarding, or Dismissed. Defaults to `'active'`. */\n  initialTab?: ContractorTab\n}\n\nconst mapTabToContractorType = (tab: ContractorTab): ContractorType => {\n  switch (tab) {\n    case 'active':\n      return 'active'\n    case 'onboarding':\n      return 'onboarding'\n    case 'dismissed':\n      return 'terminated'\n  }\n}\n\nfunction ManagementContractorListRoot({\n  companyId,\n  initialTab = 'active',\n  onEvent,\n  dictionary,\n  LoaderComponent,\n}: ManagementContractorListProps) {\n  useI18n('Contractor.ManagementContractorList')\n  useComponentDictionary('Contractor.ManagementContractorList', dictionary)\n\n  const [selectedTab, setSelectedTab] = useState<ContractorTab>(initialTab)\n\n  const contractorList = useContractorList({\n    companyId,\n    contractorType: mapTabToContractorType(selectedTab),\n  })\n\n  if (contractorList.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={contractorList.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const handleEdit = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_UPDATE, { contractorId })\n  }\n\n  const handleView = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_VIEW, { contractorId })\n  }\n\n  const handleAddContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_CREATE)\n  }\n\n  const handleDismiss = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_DISMISS, { contractorId })\n  }\n\n  const handleRehire = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_REHIRE, { contractorId })\n  }\n\n  const handleTabChange = (tab: ContractorTab) => {\n    setSelectedTab(tab)\n  }\n\n  return (\n    <BaseLayout error={contractorList.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <ManagementContractorListView\n        selectedTab={selectedTab}\n        onTabChange={handleTabChange}\n        contractors={contractorList.data.contractors}\n        isFetching={contractorList.status.isFetching}\n        pagination={contractorList.pagination}\n        status={contractorList.status}\n        onEdit={handleEdit}\n        onView={handleView}\n        onDismiss={handleDismiss}\n        onRehire={handleRehire}\n        onDelete={async (contractorId: string) => {\n          await contractorList.actions.onDelete(contractorId)\n          onEvent(componentEvents.CONTRACTOR_DELETED, { contractorId })\n        }}\n        onCancelSelfOnboarding={async (contractorId: string) => {\n          const onboardingStatus = await contractorList.actions.onCancelSelfOnboarding(contractorId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.CONTRACTOR_SELF_ONBOARDING_CANCELLED, onboardingStatus)\n        }}\n        onCancelDismissal={async (contractorId: string) => {\n          await contractorList.actions.onCancelDismissal(contractorId)\n          onEvent(componentEvents.CONTRACTOR_DISMISSAL_CANCELLED, { contractorId })\n        }}\n        onCancelRehire={async (contractorId: string) => {\n          await contractorList.actions.onCancelRehire(contractorId)\n          onEvent(componentEvents.CONTRACTOR_REHIRE_CANCELLED, { contractorId })\n        }}\n        onAddContractor={handleAddContractor}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Renders a tabbed list of a company's contractors split across Active, Onboarding, and Dismissed\n * tabs, with per-row actions tailored to each tab (edit, delete, view details, dismiss, rehire,\n * cancel a scheduled dismissal or rehire).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/create` | Fired when the user clicks \"Add contractor\". | — |\n * | `contractor/update` | Fired when the user selects \"Edit\"/\"Review\" on an onboarding-tab row. | `{ contractorId: string }` |\n * | `contractor/view` | Fired when the user selects \"View details\" on an active or dismissed row. | `{ contractorId: string }` |\n * | `contractor/deleted` | Fired after an onboarding-tab row's \"Remove\" action completes. | `{ contractorId: string }` |\n * | `contractor/selfOnboarding/cancelled` | Fired after the \"Cancel self-onboarding\" action updates a contractor's onboarding status. | The updated `contractorOnboardingStatus` returned by the API. |\n * | `contractor/dismiss` | Fired when the user selects \"Dismiss\" on an active row. No mutation is performed by this component. | `{ contractorId: string }` |\n * | `contractor/rehire` | Fired when the user selects \"Rehire\" on a dismissed row. No mutation is performed by this component. | `{ contractorId: string }` |\n * | `contractor/dismissal/cancelled` | Fired after a scheduled dismissal is cancelled via the confirm dialog. | `{ contractorId: string }` |\n * | `contractor/rehire/cancelled` | Fired after a scheduled rehire is cancelled via the confirm dialog. | `{ contractorId: string }` |\n *\n * @public\n */\nexport function ManagementContractorList({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: ManagementContractorListProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.ManagementContractorList\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <ManagementContractorListRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["mapTabToContractorType","tab","ManagementContractorListRoot","companyId","initialTab","onEvent","dictionary","LoaderComponent","useI18n","useComponentDictionary","selectedTab","setSelectedTab","useState","contractorList","useContractorList","jsx","BaseLayout","handleEdit","contractorId","componentEvents","handleView","handleAddContractor","handleDismiss","handleRehire","handleTabChange","ManagementContractorListView","onboardingStatus","ManagementContractorList","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}

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

@@ -1,28 +1,29 @@
 import { jsxs as m, Fragment as P, jsx as t } from "react/jsx-runtime";
 import { useState as b } from "react";
-import { useTranslation as M } from "react-i18next";
+import { useTranslation as V } from "react-i18next";
 import { Flex as d } from "../../../Common/Flex/Flex.js";
-import { EmptyData as V } from "../../../Common/EmptyData/EmptyData.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 h from "../../../../assets/icons/x-circle.svg.js";
-import j from "../../../../assets/icons/eye.svg.js";
-import H from "../../../../assets/icons/slash-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 { useDataView as q } from "../../../Common/DataView/useDataView.js";
-import { DataView as J } from "../../../Common/DataView/DataView.js";
-function K(n) {
+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 });
 }
-function Q({ contractor: n }) {
+function Z({ contractor: n }) {
   const l = w();
   return /* @__PURE__ */ m(d, { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ t(l.Text, { size: "sm", weight: "medium", children: K(n) }),
+    /* @__PURE__ */ t(l.Text, { size: "sm", weight: "medium", children: Q(n) }),
     /* @__PURE__ */ t(l.Text, { variant: "supporting", size: "sm", children: n.type ?? "–" })
   ] });
 }
@@ -30,10 +31,10 @@ function u(n) {
   const l = G(n);
   return l ? l.getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? W(l) : U(l) : "";
 }
-function Z(n) {
+function ee(n) {
   return n === C.ADMIN_ONBOARDING_REVIEW || n === C.SELF_ONBOARDING_REVIEW;
 }
-function De({
+function ye({
   contractors: n,
   isFetching: l,
   selectedTab: o,
@@ -50,7 +51,7 @@ function De({
   onCancelRehire: O,
   onAddContractor: B
 }) {
-  const { t: e } = M("Contractor.ManagementContractorList"), r = w(), [g, p] = b(null), [s, c] = b(null), _ = [
+  const { t: e } = V("Contractor.ManagementContractorList"), r = w(), [g, p] = b(null), [s, c] = b(null), _ = [
     { id: "active", label: e("tabs.active"), content: null },
     { id: "onboarding", label: e("tabs.onboarding"), content: null },
     { id: "dismissed", label: e("tabs.dismissed"), content: null }
@@ -58,7 +59,7 @@ function De({
     const a = {
       key: "name",
       title: e("nameLabel"),
-      render: (i) => /* @__PURE__ */ t(Q, { contractor: i })
+      render: (i) => /* @__PURE__ */ t(Z, { contractor: i })
     };
     return o === "active" ? [
       a,
@@ -69,7 +70,7 @@ function De({
       },
       {
         key: "status",
-        title: "",
+        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
@@ -100,7 +101,7 @@ function De({
         render: (i) => i.dismissalDate ? u(i.dismissalDate) : "–"
       }
     ];
-  }, { ...T } = q({
+  }, { ...T } = J({
     data: n,
     columns: x(),
     itemMenu: (a) => {
@@ -126,7 +127,7 @@ function De({
               onClick: () => {
                 A(a.uuid);
               },
-              children: Z(a.onboardingStatus) ? e("reviewCta") : e("continueCta")
+              children: ee(a.onboardingStatus) ? e("reviewCta") : e("continueCta")
             }
           ),
           /* @__PURE__ */ t(y, { items: f, triggerLabel: e("hamburgerTitle") })
@@ -138,7 +139,7 @@ function De({
         onClick: () => {
           L(a.uuid);
         },
-        icon: /* @__PURE__ */ t(j, { "aria-hidden": !0 })
+        icon: /* @__PURE__ */ t(H, { "aria-hidden": !0 })
       }), a.allowedActions.includes("cancel_rehire") && i.push({
         label: e("cancelRehireCta"),
         onClick: () => {
@@ -156,7 +157,7 @@ function De({
         onClick: () => {
           I(a.uuid);
         },
-        icon: /* @__PURE__ */ t(H, { "aria-hidden": !0 })
+        icon: /* @__PURE__ */ t(j, { "aria-hidden": !0 })
       }), a.allowedActions.includes("rehire") && i.push({
         label: e("rehireCta"),
         onClick: () => {
@@ -168,7 +169,7 @@ function De({
     isFetching: l,
     pagination: S,
     emptyState: () => /* @__PURE__ */ t(
-      V,
+      M,
       {
         title: e(`emptyState.${o}.title`),
         description: e(`emptyState.${o}.description`)
@@ -193,7 +194,7 @@ function De({
             "aria-label": e("tabsLabel")
           }
         ),
-        /* @__PURE__ */ t(J, { label: e("contractorListLabel"), ...T })
+        /* @__PURE__ */ t(K, { label: e("contractorListLabel"), ...T })
       ] })
     ] }),
     /* @__PURE__ */ t(
@@ -242,6 +243,6 @@ function De({
   ] });
 }
 export {
-  De as ManagementContractorListView
+  ye as ManagementContractorListView
 };
 //# sourceMappingURL=ManagementContractorListView.js.map

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

@@ -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 } 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: '',\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","ContractorOnboardingStatusBadge","dataViewProps","useDataView","menuItems","XCircleSvg","TrashCanSvg","HamburgerMenu","EyeSvg","SlashCircleSvg","PlusCircleIcon","EmptyData","Fragment","id","DataView"],"mappings":"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"}
+{"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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"}

package/dist/components/Contractor/ContractorList/onboarding/ContractorList.d.ts

@@ -26,4 +26,4 @@ export interface ContractorListProps extends BaseComponentInterface<'Contractor.
  * @returns The rendered contractor list.
  * @public
  */
-export declare function ContractorList({ FallbackComponent, ...props }: ContractorListProps): import("react").JSX.Element;
+export declare function ContractorList({ FallbackComponent, LoaderComponent, ...props }: ContractorListProps): import("react").JSX.Element;

package/dist/components/Contractor/ContractorList/onboarding/ContractorList.js

@@ -1,51 +1,71 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useContractorList as m } from "../shared/useContractorList.js";
-import { ContractorListView as L } from "./ContractorListView.js";
-import { BaseBoundaries as R, BaseLayout as e } from "../../../Base/Base.js";
-import { useI18n as T, useComponentDictionary as l } from "../../../../i18n/I18n.js";
+import { jsx as i } from "react/jsx-runtime";
+import { useContractorList as R } from "../shared/useContractorList.js";
+import { ContractorListView as T } from "./ContractorListView.js";
+import { BaseBoundaries as l, BaseLayout as C } from "../../../Base/Base.js";
+import { useI18n as L, useComponentDictionary as N } from "../../../../i18n/I18n.js";
 import { componentEvents as n } from "../../../../shared/constants.js";
-function N({
-  companyId: i,
+function f({
+  companyId: a,
   onEvent: o,
-  dictionary: c,
-  successMessage: C
+  dictionary: s,
+  successMessage: u,
+  LoaderComponent: c
 }) {
-  T("Contractor.ContractorList"), l("Contractor.ContractorList", c);
-  const t = m({ companyId: i });
+  L("Contractor.ContractorList"), N("Contractor.ContractorList", s);
+  const t = R({ companyId: a });
   if (t.isLoading)
-    return /* @__PURE__ */ a(e, { isLoading: !0, error: t.errorHandling.errors });
+    return /* @__PURE__ */ i(
+      C,
+      {
+        isLoading: !0,
+        error: t.errorHandling.errors,
+        LoaderComponent: c
+      }
+    );
   const d = () => {
     o(n.CONTRACTOR_CREATE);
-  }, u = (r) => {
+  }, O = (r) => {
     o(n.CONTRACTOR_UPDATE, { contractorId: r });
-  }, O = () => {
+  }, m = () => {
     o(n.CONTRACTOR_ONBOARDING_CONTINUE);
   };
-  return /* @__PURE__ */ a(e, { error: t.errorHandling.errors, children: /* @__PURE__ */ a(
-    L,
+  return /* @__PURE__ */ i(C, { error: t.errorHandling.errors, LoaderComponent: c, children: /* @__PURE__ */ i(
+    T,
     {
       contractors: t.data.contractors,
       isFetching: t.status.isFetching,
       pagination: t.pagination,
       status: t.status,
-      successMessage: C,
-      onEdit: u,
+      successMessage: u,
+      onEdit: O,
       onDelete: async (r) => {
         await t.actions.onDelete(r), o(n.CONTRACTOR_DELETED, { contractorId: r });
       },
       onCancelSelfOnboarding: async (r) => {
-        const s = await t.actions.onCancelSelfOnboarding(r);
-        s && o(n.CONTRACTOR_SELF_ONBOARDING_CANCELLED, s);
+        const e = await t.actions.onCancelSelfOnboarding(r);
+        e && o(n.CONTRACTOR_SELF_ONBOARDING_CANCELLED, e);
       },
       onAddContractor: d,
-      onContinue: O
+      onContinue: m
     }
   ) });
 }
-function _({ FallbackComponent: i, ...o }) {
-  return /* @__PURE__ */ a(R, { componentName: "Contractor.ContractorList", FallbackComponent: i, children: /* @__PURE__ */ a(N, { ...o }) });
+function h({
+  FallbackComponent: a,
+  LoaderComponent: o,
+  ...s
+}) {
+  return /* @__PURE__ */ i(
+    l,
+    {
+      componentName: "Contractor.ContractorList",
+      FallbackComponent: a,
+      LoaderComponent: o,
+      children: /* @__PURE__ */ i(f, { LoaderComponent: o, ...s })
+    }
+  );
 }
 export {
-  _ as ContractorList
+  h as ContractorList
 };
 //# sourceMappingURL=ContractorList.js.map

package/dist/components/Contractor/ContractorList/onboarding/ContractorList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContractorList.js","sources":["../../../../../src/components/Contractor/ContractorList/onboarding/ContractorList.tsx"],"sourcesContent":["import { useContractorList } from '../shared/useContractorList'\nimport { ContractorListView } from './ContractorListView'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link ContractorList}.\n *\n * @public\n */\nexport interface ContractorListProps extends BaseComponentInterface<'Contractor.ContractorList'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Success message to display in an alert above the list, typically after a create, update, or delete action. */\n  successMessage?: string\n}\n\nfunction ContractorListRoot({\n  companyId,\n  onEvent,\n  dictionary,\n  successMessage,\n}: ContractorListProps) {\n  useI18n('Contractor.ContractorList')\n  useComponentDictionary('Contractor.ContractorList', dictionary)\n\n  const contractorList = useContractorList({ companyId })\n\n  if (contractorList.isLoading) {\n    return <BaseLayout isLoading error={contractorList.errorHandling.errors} />\n  }\n\n  const handleAddContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_CREATE)\n  }\n\n  const handleEdit = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_UPDATE, { contractorId })\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.CONTRACTOR_ONBOARDING_CONTINUE)\n  }\n\n  return (\n    <BaseLayout error={contractorList.errorHandling.errors}>\n      <ContractorListView\n        contractors={contractorList.data.contractors}\n        isFetching={contractorList.status.isFetching}\n        pagination={contractorList.pagination}\n        status={contractorList.status}\n        successMessage={successMessage}\n        onEdit={handleEdit}\n        onDelete={async (contractorId: string) => {\n          await contractorList.actions.onDelete(contractorId)\n          onEvent(componentEvents.CONTRACTOR_DELETED, { contractorId })\n        }}\n        onCancelSelfOnboarding={async (contractorId: string) => {\n          const onboardingStatus = await contractorList.actions.onCancelSelfOnboarding(contractorId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.CONTRACTOR_SELF_ONBOARDING_CANCELLED, onboardingStatus)\n        }}\n        onAddContractor={handleAddContractor}\n        onContinue={handleContinue}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Lists a company's contractors with controls to add, edit, delete, cancel self-onboarding, and continue onboarding.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/create` | The add-contractor action was triggered. | — |\n * | `contractor/update` | A contractor row's edit action was triggered. | `{ contractorId: string }` |\n * | `contractor/deleted` | A contractor was successfully deleted. | `{ contractorId: string }` |\n * | `contractor/selfOnboarding/cancelled` | A contractor's self-onboarding was cancelled, reverting them to admin onboarding. | The updated `contractorOnboardingStatus` returned by the API. |\n * | `contractor/onboarding/continue` | The continue action was triggered to advance onboarding. | — |\n *\n * @param props - See {@link ContractorListProps}.\n * @returns The rendered contractor list.\n * @public\n */\nexport function ContractorList({ FallbackComponent, ...props }: ContractorListProps) {\n  return (\n    <BaseBoundaries componentName=\"Contractor.ContractorList\" FallbackComponent={FallbackComponent}>\n      <ContractorListRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["ContractorListRoot","companyId","onEvent","dictionary","successMessage","useI18n","useComponentDictionary","contractorList","useContractorList","BaseLayout","handleAddContractor","componentEvents","handleEdit","contractorId","handleContinue","jsx","ContractorListView","onboardingStatus","ContractorList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAkBA,SAASA,EAAmB;AAAA,EAC1B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AACF,GAAwB;AACtB,EAAAC,EAAQ,2BAA2B,GACnCC,EAAuB,6BAA6BH,CAAU;AAE9D,QAAMI,IAAiBC,EAAkB,EAAE,WAAAP,GAAW;AAEtD,MAAIM,EAAe;AACjB,6BAAQE,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAe,cAAc,QAAQ;AAG3E,QAAMG,IAAsB,MAAM;AAChC,IAAAR,EAAQS,EAAgB,iBAAiB;AAAA,EAC3C,GAEMC,IAAa,CAACC,MAAyB;AAC3C,IAAAX,EAAQS,EAAgB,mBAAmB,EAAE,cAAAE,EAAA,CAAc;AAAA,EAC7D,GAEMC,IAAiB,MAAM;AAC3B,IAAAZ,EAAQS,EAAgB,8BAA8B;AAAA,EACxD;AAEA,SACE,gBAAAI,EAACN,GAAA,EAAW,OAAOF,EAAe,cAAc,QAC9C,UAAA,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAaT,EAAe,KAAK;AAAA,MACjC,YAAYA,EAAe,OAAO;AAAA,MAClC,YAAYA,EAAe;AAAA,MAC3B,QAAQA,EAAe;AAAA,MACvB,gBAAAH;AAAA,MACA,QAAQQ;AAAA,MACR,UAAU,OAAOC,MAAyB;AACxC,cAAMN,EAAe,QAAQ,SAASM,CAAY,GAClDX,EAAQS,EAAgB,oBAAoB,EAAE,cAAAE,EAAA,CAAc;AAAA,MAC9D;AAAA,MACA,wBAAwB,OAAOA,MAAyB;AACtD,cAAMI,IAAmB,MAAMV,EAAe,QAAQ,uBAAuBM,CAAY;AACzF,QAAKI,KACLf,EAAQS,EAAgB,sCAAsCM,CAAgB;AAAA,MAChF;AAAA,MACA,iBAAiBP;AAAA,MACjB,YAAYI;AAAA,IAAA;AAAA,EAAA,GAEhB;AAEJ;AAkBO,SAASI,EAAe,EAAE,mBAAAC,GAAmB,GAAGC,KAA8B;AACnF,SACE,gBAAAL,EAACM,KAAe,eAAc,6BAA4B,mBAAAF,GACxD,UAAA,gBAAAJ,EAACf,GAAA,EAAoB,GAAGoB,EAAA,CAAO,EAAA,CACjC;AAEJ;"}
+{"version":3,"file":"ContractorList.js","sources":["../../../../../src/components/Contractor/ContractorList/onboarding/ContractorList.tsx"],"sourcesContent":["import { useContractorList } from '../shared/useContractorList'\nimport { ContractorListView } from './ContractorListView'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link ContractorList}.\n *\n * @public\n */\nexport interface ContractorListProps extends BaseComponentInterface<'Contractor.ContractorList'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Success message to display in an alert above the list, typically after a create, update, or delete action. */\n  successMessage?: string\n}\n\nfunction ContractorListRoot({\n  companyId,\n  onEvent,\n  dictionary,\n  successMessage,\n  LoaderComponent,\n}: ContractorListProps) {\n  useI18n('Contractor.ContractorList')\n  useComponentDictionary('Contractor.ContractorList', dictionary)\n\n  const contractorList = useContractorList({ companyId })\n\n  if (contractorList.isLoading) {\n    return (\n      <BaseLayout\n        isLoading\n        error={contractorList.errorHandling.errors}\n        LoaderComponent={LoaderComponent}\n      />\n    )\n  }\n\n  const handleAddContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_CREATE)\n  }\n\n  const handleEdit = (contractorId: string) => {\n    onEvent(componentEvents.CONTRACTOR_UPDATE, { contractorId })\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.CONTRACTOR_ONBOARDING_CONTINUE)\n  }\n\n  return (\n    <BaseLayout error={contractorList.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <ContractorListView\n        contractors={contractorList.data.contractors}\n        isFetching={contractorList.status.isFetching}\n        pagination={contractorList.pagination}\n        status={contractorList.status}\n        successMessage={successMessage}\n        onEdit={handleEdit}\n        onDelete={async (contractorId: string) => {\n          await contractorList.actions.onDelete(contractorId)\n          onEvent(componentEvents.CONTRACTOR_DELETED, { contractorId })\n        }}\n        onCancelSelfOnboarding={async (contractorId: string) => {\n          const onboardingStatus = await contractorList.actions.onCancelSelfOnboarding(contractorId)\n          if (!onboardingStatus) return\n          onEvent(componentEvents.CONTRACTOR_SELF_ONBOARDING_CANCELLED, onboardingStatus)\n        }}\n        onAddContractor={handleAddContractor}\n        onContinue={handleContinue}\n      />\n    </BaseLayout>\n  )\n}\n\n/**\n * Lists a company's contractors with controls to add, edit, delete, cancel self-onboarding, and continue onboarding.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/create` | The add-contractor action was triggered. | — |\n * | `contractor/update` | A contractor row's edit action was triggered. | `{ contractorId: string }` |\n * | `contractor/deleted` | A contractor was successfully deleted. | `{ contractorId: string }` |\n * | `contractor/selfOnboarding/cancelled` | A contractor's self-onboarding was cancelled, reverting them to admin onboarding. | The updated `contractorOnboardingStatus` returned by the API. |\n * | `contractor/onboarding/continue` | The continue action was triggered to advance onboarding. | — |\n *\n * @param props - See {@link ContractorListProps}.\n * @returns The rendered contractor list.\n * @public\n */\nexport function ContractorList({\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: ContractorListProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.ContractorList\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <ContractorListRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["ContractorListRoot","companyId","onEvent","dictionary","successMessage","LoaderComponent","useI18n","useComponentDictionary","contractorList","useContractorList","jsx","BaseLayout","handleAddContractor","componentEvents","handleEdit","contractorId","handleContinue","ContractorListView","onboardingStatus","ContractorList","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;AAkBA,SAASA,EAAmB;AAAA,EAC1B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AACF,GAAwB;AACtB,EAAAC,EAAQ,2BAA2B,GACnCC,EAAuB,6BAA6BJ,CAAU;AAE9D,QAAMK,IAAiBC,EAAkB,EAAE,WAAAR,GAAW;AAEtD,MAAIO,EAAe;AACjB,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAOH,EAAe,cAAc;AAAA,QACpC,iBAAAH;AAAA,MAAA;AAAA,IAAA;AAKN,QAAMO,IAAsB,MAAM;AAChC,IAAAV,EAAQW,EAAgB,iBAAiB;AAAA,EAC3C,GAEMC,IAAa,CAACC,MAAyB;AAC3C,IAAAb,EAAQW,EAAgB,mBAAmB,EAAE,cAAAE,EAAA,CAAc;AAAA,EAC7D,GAEMC,IAAiB,MAAM;AAC3B,IAAAd,EAAQW,EAAgB,8BAA8B;AAAA,EACxD;AAEA,2BACGF,GAAA,EAAW,OAAOH,EAAe,cAAc,QAAQ,iBAAAH,GACtD,UAAA,gBAAAK;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,aAAaT,EAAe,KAAK;AAAA,MACjC,YAAYA,EAAe,OAAO;AAAA,MAClC,YAAYA,EAAe;AAAA,MAC3B,QAAQA,EAAe;AAAA,MACvB,gBAAAJ;AAAA,MACA,QAAQU;AAAA,MACR,UAAU,OAAOC,MAAyB;AACxC,cAAMP,EAAe,QAAQ,SAASO,CAAY,GAClDb,EAAQW,EAAgB,oBAAoB,EAAE,cAAAE,EAAA,CAAc;AAAA,MAC9D;AAAA,MACA,wBAAwB,OAAOA,MAAyB;AACtD,cAAMG,IAAmB,MAAMV,EAAe,QAAQ,uBAAuBO,CAAY;AACzF,QAAKG,KACLhB,EAAQW,EAAgB,sCAAsCK,CAAgB;AAAA,MAChF;AAAA,MACA,iBAAiBN;AAAA,MACjB,YAAYI;AAAA,IAAA;AAAA,EAAA,GAEhB;AAEJ;AAkBO,SAASG,EAAe;AAAA,EAC7B,mBAAAC;AAAA,EACA,iBAAAf;AAAA,EACA,GAAGgB;AACL,GAAwB;AACtB,SACE,gBAAAX;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MACA,iBAAAf;AAAA,MAEA,UAAA,gBAAAK,EAACV,GAAA,EAAmB,iBAAAK,GAAmC,GAAGgB,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGvE;"}

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

@@ -11,11 +11,11 @@ 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 { CONTRACTOR_TYPE as E, ContractorOnboardingStatus as P } from "../../../../shared/constants.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 === E.BUSINESS ? n.businessName : B({ first_name: n.firstName, last_name: n.lastName });
+  return n.type === P.BUSINESS ? n.businessName : B({ first_name: n.firstName, last_name: n.lastName });
 }
 function ee({
   contractors: n,
@@ -48,7 +48,7 @@ function ee({
       }
     ],
     itemMenu: (i) => {
-      const a = [], S = i.onboardingStatus === P.SELF_ONBOARDING_REVIEW;
+      const a = [], S = i.onboardingStatus === E.SELF_ONBOARDING_REVIEW;
       return i.allowedActions.includes("edit") && a.push({
         label: e(S ? "reviewCta" : "editCta"),
         onClick: () => {