@gusto/embedded-react-sdk 0.55.6 → 0.55.8

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 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 { useState as h } from "react";
+import { useContractorList as D } from "../shared/useContractorList.js";
+import { ManagementContractorListView as N } from "./ManagementContractorListView.js";
+import { BaseBoundaries as p, BaseLayout as m } from "../../../Base/Base.js";
+import { useI18n as f, useComponentDictionary as E } from "../../../../i18n/I18n.js";
 import { componentEvents as o } from "../../../../shared/constants.js";
-const E = (r) => {
+const _ = (r) => {
   switch (r) {
     case "active":
       return "active";
@@ -15,17 +15,18 @@ const E = (r) => {
       return "terminated";
   }
 };
-function _({
+function S({
   companyId: r,
   initialTab: i = "active",
   onEvent: n,
   dictionary: R,
-  LoaderComponent: s
+  LoaderComponent: s,
+  className: T
 }) {
-  p("Contractor.ManagementContractorList"), f("Contractor.ManagementContractorList", R);
-  const [c, T] = L(i), a = h({
+  f("Contractor.ManagementContractorList"), E("Contractor.ManagementContractorList", R);
+  const [c, d] = h(i), a = D({
     companyId: r,
-    contractorType: E(c)
+    contractorType: _(c)
   });
   if (a.isLoading)
     return /* @__PURE__ */ e(
@@ -36,32 +37,33 @@ function _({
         LoaderComponent: s
       }
     );
-  const d = (t) => {
+  const l = (t) => {
     n(o.CONTRACTOR_UPDATE, { contractorId: t });
-  }, l = (t) => {
+  }, O = (t) => {
     n(o.CONTRACTOR_VIEW, { contractorId: t });
-  }, O = () => {
+  }, g = () => {
     n(o.CONTRACTOR_CREATE);
-  }, g = (t) => {
-    n(o.CONTRACTOR_DISMISS, { contractorId: t });
   }, u = (t) => {
-    n(o.CONTRACTOR_REHIRE, { contractorId: t });
+    n(o.CONTRACTOR_DISMISS, { contractorId: t });
   }, A = (t) => {
-    T(t);
+    n(o.CONTRACTOR_REHIRE, { contractorId: t });
+  }, L = (t) => {
+    d(t);
   };
   return /* @__PURE__ */ e(m, { error: a.errorHandling.errors, LoaderComponent: s, children: /* @__PURE__ */ e(
-    D,
+    N,
     {
+      className: T,
       selectedTab: c,
-      onTabChange: A,
+      onTabChange: L,
       contractors: a.data.contractors,
       isFetching: a.status.isFetching,
       pagination: a.pagination,
       status: a.status,
-      onEdit: d,
-      onView: l,
-      onDismiss: g,
-      onRehire: u,
+      onEdit: l,
+      onView: O,
+      onDismiss: u,
+      onRehire: A,
       onDelete: async (t) => {
         await a.actions.onDelete(t), n(o.CONTRACTOR_DELETED, { contractorId: t });
       },
@@ -75,26 +77,26 @@ function _({
       onCancelRehire: async (t) => {
         await a.actions.onCancelRehire(t), n(o.CONTRACTOR_REHIRE_CANCELLED, { contractorId: t });
       },
-      onAddContractor: O
+      onAddContractor: g
     }
   ) });
 }
-function H({
+function V({
   FallbackComponent: r,
   LoaderComponent: i,
   ...n
 }) {
   return /* @__PURE__ */ e(
-    N,
+    p,
     {
       componentName: "Contractor.ManagementContractorList",
       FallbackComponent: r,
       LoaderComponent: i,
-      children: /* @__PURE__ */ e(_, { LoaderComponent: i, ...n })
+      children: /* @__PURE__ */ e(S, { LoaderComponent: i, ...n })
     }
   );
 }
 export {
-  H as ManagementContractorList
+  V 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  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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"}
+{"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  className,\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        className={className}\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","className","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,67 +1,72 @@
-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 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 { jsxs as o, Fragment as H, jsx as a } from "react/jsx-runtime";
+import { useState as b, useEffect as j } from "react";
+import { useTranslation as $ } from "react-i18next";
+import { Flex as m } from "../../../Common/Flex/Flex.js";
+import { EmptyData as z } from "../../../Common/EmptyData/EmptyData.js";
+import { HamburgerMenu as S } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as A } 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 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 });
+import G from "../../../../assets/icons/trashcan.svg.js";
+import D from "../../../../assets/icons/x-circle.svg.js";
+import W from "../../../../assets/icons/eye.svg.js";
+import U from "../../../../assets/icons/slash-circle.svg.js";
+import X from "../../../../assets/icons/plus-circle.svg.js";
+import { firstLastName as q } from "../../../../helpers/formattedStrings.js";
+import { normalizeToDate as J, formatDateLong as K, formatDateLongWithYear as Q } from "../../../../helpers/dateFormatting.js";
+import { ContractorOnboardingStatus as y, CONTRACTOR_TYPE as Z } from "../../../../shared/constants.js";
+import { VisuallyHidden as ee } from "../../../Common/VisuallyHidden/VisuallyHidden.js";
+import { useDataView as ie } from "../../../Common/DataView/useDataView.js";
+import { DataView as te } from "../../../Common/DataView/DataView.js";
+function w(n) {
+  return n.type === Z.BUSINESS ? n.businessName ?? "" : q({ first_name: n.firstName, last_name: n.lastName });
 }
-function Z({ contractor: n }) {
-  const l = v();
-  return /* @__PURE__ */ m(d, { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ a(l.Text, { size: "sm", weight: "medium", children: D(n) }),
+function ae({ contractor: n }) {
+  const l = A();
+  return /* @__PURE__ */ o(m, { flexDirection: "column", gap: 0, children: [
+    /* @__PURE__ */ a(l.Text, { size: "sm", weight: "medium", children: w(n) }),
     /* @__PURE__ */ a(l.Text, { variant: "supporting", size: "sm", children: n.type ?? "–" })
   ] });
 }
-function c(n) {
-  const l = W(n);
-  return l ? l.getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? U(l) : X(l) : "";
+function p(n) {
+  const l = J(n);
+  return l ? l.getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? K(l) : Q(l) : "";
 }
-function ee(n) {
-  return n === C.ADMIN_ONBOARDING_REVIEW || n === C.SELF_ONBOARDING_REVIEW;
+function ne(n) {
+  return n === y.ADMIN_ONBOARDING_REVIEW || n === y.SELF_ONBOARDING_REVIEW;
 }
-function ye({
-  contractors: n,
-  isFetching: l,
-  selectedTab: o,
-  onTabChange: S,
-  status: b,
-  pagination: A,
-  onEdit: L,
-  onView: I,
-  onDismiss: R,
-  onRehire: k,
-  onDelete: E,
-  onCancelSelfOnboarding: N,
-  onCancelDismissal: O,
-  onCancelRehire: B,
-  onAddContractor: _
+function Ae({
+  className: n,
+  contractors: l,
+  isFetching: u,
+  selectedTab: c,
+  onTabChange: L,
+  status: v,
+  pagination: E,
+  onEdit: I,
+  onView: R,
+  onDismiss: k,
+  onRehire: N,
+  onDelete: O,
+  onCancelSelfOnboarding: T,
+  onCancelDismissal: B,
+  onCancelRehire: _,
+  onAddContractor: x
 }) {
-  const { t: e } = M("Contractor.ManagementContractorList"), r = v(), [g, p] = y(null), [s, u] = y(null), x = [
+  const { t: e } = $("Contractor.ManagementContractorList"), r = A(), [f, h] = b(null), [s, g] = b(null), [d, P] = b(c);
+  j(() => {
+    u || P(c);
+  }, [c, u]);
+  const V = [
     { id: "active", label: e("tabs.active"), content: null },
     { id: "onboarding", label: e("tabs.onboarding"), content: null },
     { id: "dismissed", label: e("tabs.dismissed"), content: null }
-  ], T = () => {
+  ], M = () => {
     const t = {
       key: "name",
       title: e("nameLabel"),
-      render: (i) => /* @__PURE__ */ a(Z, { contractor: i })
+      render: (i) => /* @__PURE__ */ a(ae, { contractor: i })
     };
-    return o === "active" ? [
+    return d === "active" ? [
       t,
       {
         key: "rate",
@@ -70,17 +75,17 @@ function ye({
       },
       {
         key: "status",
-        title: /* @__PURE__ */ a(J, { children: e("statusColumnLabel") }),
+        title: /* @__PURE__ */ a(ee, { 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
+          date: p(i.upcomingEmployment.startDate)
+        }) }) : i.dismissalDate ? /* @__PURE__ */ a(r.Badge, { status: "warning", children: e("lastDayBadge", { date: p(i.dismissalDate) }) }) : null
       }
-    ] : o === "onboarding" ? [
+    ] : d === "onboarding" ? [
       t,
       {
         key: "status",
         title: e("onboardingStatusLabel"),
-        render: (i) => /* @__PURE__ */ m(d, { alignItems: "center", gap: 8, children: [
+        render: (i) => /* @__PURE__ */ o(m, { alignItems: "center", gap: 8, children: [
           /* @__PURE__ */ a(
             F,
             {
@@ -88,8 +93,8 @@ function ye({
               onboardingStatus: i.onboardingStatus
             }
           ),
-          i.onboardingStatus === C.ONBOARDING_COMPLETED && i.upcomingEmployment?.startDate && /* @__PURE__ */ a(r.Badge, { status: "info", children: e("startsBadge", {
-            date: c(i.upcomingEmployment.startDate)
+          i.onboardingStatus === y.ONBOARDING_COMPLETED && i.upcomingEmployment?.startDate && /* @__PURE__ */ a(r.Badge, { status: "info", children: e("startsBadge", {
+            date: p(i.upcomingEmployment.startDate)
           }) })
         ] })
       }
@@ -98,43 +103,43 @@ function ye({
       {
         key: "dismissalDate",
         title: e("dismissalDateLabel"),
-        render: (i) => i.dismissalDate ? c(i.dismissalDate) : "–"
+        render: (i) => i.dismissalDate ? p(i.dismissalDate) : "–"
       }
     ];
-  }, { ...P } = K({
-    data: n,
-    columns: T(),
+  }, { ...Y } = ie({
+    data: l,
+    columns: M(),
     itemMenu: (t) => {
-      if (o === "onboarding") {
-        const f = [];
-        return t.allowedActions.includes("cancel_self_onboarding") && f.push({
+      if (d === "onboarding") {
+        const C = [];
+        return t.allowedActions.includes("cancel_self_onboarding") && C.push({
           label: e("cancelSelfOnboardingCta"),
           onClick: () => {
-            N(t.uuid);
+            T(t.uuid);
           },
-          icon: /* @__PURE__ */ a(h, { "aria-hidden": !0 })
-        }), t.allowedActions.includes("delete") && f.push({
+          icon: /* @__PURE__ */ a(D, { "aria-hidden": !0 })
+        }), t.allowedActions.includes("delete") && C.push({
           label: e("removeCta"),
           onClick: () => {
-            p(t.uuid);
+            h(t.uuid);
           },
-          icon: /* @__PURE__ */ a(H, { "aria-hidden": !0 })
-        }), /* @__PURE__ */ m(d, { alignItems: "center", justifyContent: "flex-end", gap: 4, children: [
+          icon: /* @__PURE__ */ a(G, { "aria-hidden": !0 })
+        }), /* @__PURE__ */ o(m, { alignItems: "center", justifyContent: "flex-end", gap: 4, children: [
           t.allowedActions.includes("edit") && /* @__PURE__ */ a(
             r.Button,
             {
               variant: "secondary",
               onClick: () => {
-                L(t.uuid);
+                I(t.uuid);
               },
-              children: ee(t.onboardingStatus) ? e("reviewCta") : e("continueCta")
+              children: ne(t.onboardingStatus) ? e("reviewCta") : e("continueCta")
             }
           ),
           /* @__PURE__ */ a(
-            w,
+            S,
             {
-              items: f,
-              triggerLabel: e("hamburgerTitle", { name: D(t) })
+              items: C,
+              triggerLabel: e("hamburgerTitle", { name: w(t) })
             }
           )
         ] });
@@ -143,87 +148,87 @@ function ye({
       return t.allowedActions.includes("view") && i.push({
         label: e("viewDetailsCta"),
         onClick: () => {
-          I(t.uuid);
+          R(t.uuid);
         },
-        icon: /* @__PURE__ */ a(j, { "aria-hidden": !0 })
+        icon: /* @__PURE__ */ a(W, { "aria-hidden": !0 })
       }), t.allowedActions.includes("cancel_rehire") && i.push({
         label: e("cancelRehireCta"),
         onClick: () => {
-          u({ contractorId: t.uuid, type: "rehire" });
+          g({ contractorId: t.uuid, type: "rehire" });
         },
-        icon: /* @__PURE__ */ a(h, { "aria-hidden": !0 })
+        icon: /* @__PURE__ */ a(D, { "aria-hidden": !0 })
       }), t.allowedActions.includes("cancel_dismissal") && i.push({
         label: e("cancelDismissalCta"),
         onClick: () => {
-          u({ contractorId: t.uuid, type: "dismissal" });
+          g({ contractorId: t.uuid, type: "dismissal" });
         },
-        icon: /* @__PURE__ */ a(h, { "aria-hidden": !0 })
+        icon: /* @__PURE__ */ a(D, { "aria-hidden": !0 })
       }), t.allowedActions.includes("dismiss") && i.push({
         label: e("dismissCta"),
         onClick: () => {
-          R(t.uuid);
+          k(t.uuid);
         },
-        icon: /* @__PURE__ */ a($, { "aria-hidden": !0 })
+        icon: /* @__PURE__ */ a(U, { "aria-hidden": !0 })
       }), t.allowedActions.includes("rehire") && i.push({
         label: e("rehireCta"),
         onClick: () => {
-          k(t.uuid);
+          N(t.uuid);
         },
-        icon: /* @__PURE__ */ a(z, { "aria-hidden": !0 })
+        icon: /* @__PURE__ */ a(X, { "aria-hidden": !0 })
       }), /* @__PURE__ */ a(
-        w,
+        S,
         {
           items: i,
-          triggerLabel: e("hamburgerTitle", { name: D(t) })
+          triggerLabel: e("hamburgerTitle", { name: w(t) })
         }
       );
     },
-    isFetching: l,
-    pagination: A,
+    isFetching: u,
+    pagination: E,
     emptyState: () => /* @__PURE__ */ a(
-      Y,
+      z,
       {
-        title: e(`emptyState.${o}.title`),
-        description: e(`emptyState.${o}.description`)
+        title: e(`emptyState.${d}.title`),
+        description: e(`emptyState.${d}.description`)
       }
     )
   });
-  return /* @__PURE__ */ m(V, { children: [
-    /* @__PURE__ */ m(d, { flexDirection: "column", gap: 32, children: [
-      /* @__PURE__ */ m(d, { justifyContent: "space-between", alignItems: "center", children: [
+  return /* @__PURE__ */ o(H, { children: [
+    /* @__PURE__ */ o(m, { className: n, flexDirection: "column", gap: 32, children: [
+      /* @__PURE__ */ o(m, { justifyContent: "space-between", alignItems: "center", children: [
         /* @__PURE__ */ a(r.Heading, { as: "h2", children: e("title") }),
-        /* @__PURE__ */ a(r.Button, { variant: "secondary", onClick: _, children: e("addContractorCta") })
+        /* @__PURE__ */ a(r.Button, { variant: "secondary", onClick: x, children: e("addContractorCta") })
       ] }),
-      /* @__PURE__ */ m(d, { flexDirection: "column", gap: 0, children: [
+      /* @__PURE__ */ o(m, { flexDirection: "column", gap: 0, children: [
         /* @__PURE__ */ a(
           r.Tabs,
           {
-            tabs: x,
-            selectedId: o,
+            tabs: V,
+            selectedId: c,
             onSelectionChange: (t) => {
-              S(t);
+              L(t);
             },
             "aria-label": e("tabsLabel")
           }
         ),
-        /* @__PURE__ */ a(Q, { label: e("contractorListLabel"), ...P })
+        /* @__PURE__ */ a(te, { label: e("contractorListLabel"), ...Y })
       ] })
     ] }),
     /* @__PURE__ */ a(
       r.Dialog,
       {
-        isOpen: !!g,
+        isOpen: !!f,
         onClose: () => {
-          p(null);
+          h(null);
         },
         onPrimaryActionClick: async () => {
-          if (g)
+          if (f)
             try {
-              await E(g), p(null);
+              await O(f), h(null);
             } catch {
             }
         },
-        isPrimaryActionLoading: b.isPending,
+        isPrimaryActionLoading: v.isPending,
         isDestructive: !0,
         title: e("removeDialog.title"),
         primaryActionLabel: e("removeDialog.confirmCta"),
@@ -236,16 +241,16 @@ function ye({
       {
         isOpen: !!s,
         onClose: () => {
-          u(null);
+          g(null);
         },
         onPrimaryActionClick: async () => {
           if (s)
             try {
-              s.type === "rehire" ? await B(s.contractorId) : await O(s.contractorId), u(null);
+              s.type === "rehire" ? await _(s.contractorId) : await B(s.contractorId), g(null);
             } catch {
             }
         },
-        isPrimaryActionLoading: b.isPending,
+        isPrimaryActionLoading: v.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"),
@@ -255,6 +260,6 @@ function ye({
   ] });
 }
 export {
-  ye as ManagementContractorListView
+  Ae as ManagementContractorListView
 };
 //# sourceMappingURL=ManagementContractorListView.js.map