@gusto/embedded-react-sdk 0.56.4 → 0.56.5

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

@@ -1,12 +1,12 @@
-import { jsx as e } from "react/jsx-runtime";
-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 { jsx as s } from "react/jsx-runtime";
+import { useState as R } from "react";
+import { useContractorList as f } from "../shared/useContractorList.js";
+import { ManagementContractorListView as E } from "./ManagementContractorListView.js";
+import { BaseBoundaries as _, BaseLayout as T } from "../../../Base/Base.js";
+import { useI18n as S, useComponentDictionary as b } from "../../../../i18n/I18n.js";
 import { componentEvents as o } from "../../../../shared/constants.js";
-const _ = (r) => {
-  switch (r) {
+const M = (e) => {
+  switch (e) {
     case "active":
       return "active";
     case "onboarding":
@@ -15,88 +15,91 @@ const _ = (r) => {
       return "terminated";
   }
 };
-function S({
-  companyId: r,
+function w({
+  companyId: e,
   initialTab: i = "active",
-  onEvent: n,
-  dictionary: R,
-  LoaderComponent: s,
-  className: T
+  successMessage: c,
+  onEvent: a,
+  dictionary: g,
+  LoaderComponent: C,
+  className: l
 }) {
-  f("Contractor.ManagementContractorList"), E("Contractor.ManagementContractorList", R);
-  const [c, d] = h(i), a = D({
-    companyId: r,
-    contractorType: _(c)
+  S("Contractor.ManagementContractorList"), b("Contractor.ManagementContractorList", g);
+  const [d, O] = R(i), [u, r] = R(c), n = f({
+    companyId: e,
+    contractorType: M(d)
   });
-  if (a.isLoading)
-    return /* @__PURE__ */ e(
-      m,
+  if (n.isLoading)
+    return /* @__PURE__ */ s(
+      T,
       {
         isLoading: !0,
-        error: a.errorHandling.errors,
-        LoaderComponent: s
+        error: n.errorHandling.errors,
+        LoaderComponent: C
       }
     );
-  const l = (t) => {
-    n(o.CONTRACTOR_UPDATE, { contractorId: t });
-  }, O = (t) => {
-    n(o.CONTRACTOR_VIEW, { contractorId: t });
-  }, g = () => {
-    n(o.CONTRACTOR_CREATE);
-  }, u = (t) => {
-    n(o.CONTRACTOR_DISMISS, { contractorId: t });
-  }, A = (t) => {
-    n(o.CONTRACTOR_REHIRE, { contractorId: t });
+  const A = (t) => {
+    a(o.CONTRACTOR_UPDATE, { contractorId: t });
   }, L = (t) => {
-    d(t);
+    a(o.CONTRACTOR_VIEW, { contractorId: t });
+  }, h = () => {
+    a(o.CONTRACTOR_CREATE);
+  }, D = (t) => {
+    a(o.CONTRACTOR_DISMISS, { contractorId: t });
+  }, N = (t) => {
+    a(o.CONTRACTOR_REHIRE, { contractorId: t });
+  }, p = (t) => {
+    r(void 0), O(t);
   };
-  return /* @__PURE__ */ e(m, { error: a.errorHandling.errors, LoaderComponent: s, children: /* @__PURE__ */ e(
-    N,
+  return /* @__PURE__ */ s(T, { error: n.errorHandling.errors, LoaderComponent: C, children: /* @__PURE__ */ s(
+    E,
     {
-      className: T,
-      selectedTab: c,
-      onTabChange: L,
-      contractors: a.data.contractors,
-      isFetching: a.status.isFetching,
-      pagination: a.pagination,
-      status: a.status,
-      onEdit: l,
-      onView: O,
-      onDismiss: u,
-      onRehire: A,
+      className: l,
+      selectedTab: d,
+      onTabChange: p,
+      successMessage: u,
+      contractors: n.data.contractors,
+      isFetching: n.status.isFetching,
+      pagination: n.pagination,
+      status: n.status,
+      onEdit: A,
+      onView: L,
+      onDismiss: D,
+      onRehire: N,
       onDelete: async (t) => {
-        await a.actions.onDelete(t), n(o.CONTRACTOR_DELETED, { contractorId: t });
+        r(void 0), await n.actions.onDelete(t), a(o.CONTRACTOR_DELETED, { contractorId: t });
       },
       onCancelSelfOnboarding: async (t) => {
-        const C = await a.actions.onCancelSelfOnboarding(t);
-        C && n(o.CONTRACTOR_SELF_ONBOARDING_CANCELLED, C);
+        r(void 0);
+        const m = await n.actions.onCancelSelfOnboarding(t);
+        m && a(o.CONTRACTOR_SELF_ONBOARDING_CANCELLED, m);
       },
       onCancelDismissal: async (t) => {
-        await a.actions.onCancelDismissal(t), n(o.CONTRACTOR_DISMISSAL_CANCELLED, { contractorId: t });
+        r(void 0), await n.actions.onCancelDismissal(t), a(o.CONTRACTOR_DISMISSAL_CANCELLED, { contractorId: t });
       },
       onCancelRehire: async (t) => {
-        await a.actions.onCancelRehire(t), n(o.CONTRACTOR_REHIRE_CANCELLED, { contractorId: t });
+        r(void 0), await n.actions.onCancelRehire(t), a(o.CONTRACTOR_REHIRE_CANCELLED, { contractorId: t });
       },
-      onAddContractor: g
+      onAddContractor: h
     }
   ) });
 }
-function V({
-  FallbackComponent: r,
+function j({
+  FallbackComponent: e,
   LoaderComponent: i,
-  ...n
+  ...c
 }) {
-  return /* @__PURE__ */ e(
-    p,
+  return /* @__PURE__ */ s(
+    _,
     {
       componentName: "Contractor.ManagementContractorList",
-      FallbackComponent: r,
+      FallbackComponent: e,
       LoaderComponent: i,
-      children: /* @__PURE__ */ e(S, { LoaderComponent: i, ...n })
+      children: /* @__PURE__ */ s(w, { LoaderComponent: i, ...c })
     }
   );
 }
 export {
-  V as ManagementContractorList
+  j 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  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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"}
+{"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  /** Success message to display in an alert above the list, typically after a dismissal is scheduled. */\n  successMessage?: string\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  successMessage,\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  // Seeded from the prop on mount only — the prop changes only when the owning flow\n  // remounts this component on the way back from a sub-flow (e.g. Dismissal), so a fresh\n  // mount always starts with the latest message. Cleared locally on any further\n  // interaction below so a stale banner doesn't linger past the action it announced.\n  const [bannerMessage, setBannerMessage] = useState(successMessage)\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    setBannerMessage(undefined)\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        successMessage={bannerMessage}\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          setBannerMessage(undefined)\n          await contractorList.actions.onDelete(contractorId)\n          onEvent(componentEvents.CONTRACTOR_DELETED, { contractorId })\n        }}\n        onCancelSelfOnboarding={async (contractorId: string) => {\n          setBannerMessage(undefined)\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          setBannerMessage(undefined)\n          await contractorList.actions.onCancelDismissal(contractorId)\n          onEvent(componentEvents.CONTRACTOR_DISMISSAL_CANCELLED, { contractorId })\n        }}\n        onCancelRehire={async (contractorId: string) => {\n          setBannerMessage(undefined)\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","successMessage","onEvent","dictionary","LoaderComponent","className","useI18n","useComponentDictionary","selectedTab","setSelectedTab","useState","bannerMessage","setBannerMessage","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,73 +1,71 @@
-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 G from "../../../../assets/icons/trashcan.svg.js";
+import { jsxs as s, Fragment as j, jsx as t } from "react/jsx-runtime";
+import { useState as b, useEffect as $ } from "react";
+import { useTranslation as z } from "react-i18next";
+import { getContractorDisplayName as y } from "../../shared/helpers.js";
+import { Flex as d } from "../../../Common/Flex/Flex.js";
+import { EmptyData as F } from "../../../Common/EmptyData/EmptyData.js";
+import { HamburgerMenu as L } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { ContractorOnboardingStatusBadge as G } from "../../../Common/OnboardingStatusBadge/index.js";
+import W 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 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 ?? "–" })
+import X from "../../../../assets/icons/eye.svg.js";
+import q from "../../../../assets/icons/slash-circle.svg.js";
+import J from "../../../../assets/icons/plus-circle.svg.js";
+import { normalizeToDate as K, formatDateLong as Q, formatDateLongWithYear as U } from "../../../../helpers/dateFormatting.js";
+import { ContractorOnboardingStatus as w } from "../../../../shared/constants.js";
+import { VisuallyHidden as Z } from "../../../Common/VisuallyHidden/VisuallyHidden.js";
+import { useDataView as ee } from "../../../Common/DataView/useDataView.js";
+import { DataView as ie } from "../../../Common/DataView/DataView.js";
+function te({ contractor: l }) {
+  const r = S();
+  return /* @__PURE__ */ s(d, { flexDirection: "column", gap: 0, children: [
+    /* @__PURE__ */ t(r.Text, { size: "sm", weight: "medium", children: y(l) }),
+    /* @__PURE__ */ t(r.Text, { variant: "supporting", size: "sm", children: l.type ?? "–" })
   ] });
 }
-function p(n) {
-  const l = J(n);
-  return l ? l.getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? K(l) : Q(l) : "";
+function p(l) {
+  const r = K(l);
+  return r ? r.getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? Q(r) : U(r) : "";
 }
-function ne(n) {
-  return n === y.ADMIN_ONBOARDING_REVIEW || n === y.SELF_ONBOARDING_REVIEW;
+function ae(l) {
+  return l === w.ADMIN_ONBOARDING_REVIEW || l === w.SELF_ONBOARDING_REVIEW;
 }
 function Ae({
-  className: n,
-  contractors: l,
-  isFetching: u,
-  selectedTab: c,
-  onTabChange: L,
-  status: v,
-  pagination: E,
-  onEdit: I,
+  className: l,
+  contractors: r,
+  isFetching: c,
+  selectedTab: u,
+  onTabChange: k,
+  successMessage: v,
+  status: A,
+  pagination: I,
+  onEdit: E,
   onView: R,
-  onDismiss: k,
-  onRehire: N,
-  onDelete: O,
-  onCancelSelfOnboarding: T,
-  onCancelDismissal: B,
-  onCancelRehire: _,
-  onAddContractor: x
+  onDismiss: B,
+  onRehire: O,
+  onDelete: T,
+  onCancelSelfOnboarding: x,
+  onCancelDismissal: N,
+  onCancelRehire: P,
+  onAddContractor: _
 }) {
-  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 = [
+  const { t: e } = z("Contractor.ManagementContractorList"), n = S(), [f, h] = b(null), [o, g] = b(null), [m, V] = b(u);
+  $(() => {
+    c || V(u);
+  }, [u, c]);
+  const H = [
     { id: "active", label: e("tabs.active"), content: null },
     { id: "onboarding", label: e("tabs.onboarding"), content: null },
     { id: "dismissed", label: e("tabs.dismissed"), content: null }
   ], M = () => {
-    const t = {
+    const a = {
       key: "name",
       title: e("nameLabel"),
-      render: (i) => /* @__PURE__ */ a(ae, { contractor: i })
+      render: (i) => /* @__PURE__ */ t(te, { contractor: i })
     };
-    return d === "active" ? [
-      t,
+    return m === "active" ? [
+      a,
       {
         key: "rate",
         title: e("rateLabel"),
@@ -75,147 +73,148 @@ function Ae({
       },
       {
         key: "status",
-        title: /* @__PURE__ */ a(ee, { children: e("statusColumnLabel") }),
-        render: (i) => i.upcomingEmployment?.startDate ? /* @__PURE__ */ a(r.Badge, { status: "info", children: e("startsBadge", {
+        title: /* @__PURE__ */ t(Z, { children: e("statusColumnLabel") }),
+        render: (i) => i.upcomingEmployment?.startDate ? /* @__PURE__ */ t(n.Badge, { status: "info", children: e("startsBadge", {
           date: p(i.upcomingEmployment.startDate)
-        }) }) : i.dismissalDate ? /* @__PURE__ */ a(r.Badge, { status: "warning", children: e("lastDayBadge", { date: p(i.dismissalDate) }) }) : null
+        }) }) : i.dismissalDate ? /* @__PURE__ */ t(n.Badge, { status: "warning", children: e("lastDayBadge", { date: p(i.dismissalDate) }) }) : null
       }
-    ] : d === "onboarding" ? [
-      t,
+    ] : m === "onboarding" ? [
+      a,
       {
         key: "status",
         title: e("onboardingStatusLabel"),
-        render: (i) => /* @__PURE__ */ o(m, { alignItems: "center", gap: 8, children: [
-          /* @__PURE__ */ a(
-            F,
+        render: (i) => /* @__PURE__ */ s(d, { alignItems: "center", gap: 8, children: [
+          /* @__PURE__ */ t(
+            G,
             {
               onboarded: i.onboarded,
               onboardingStatus: i.onboardingStatus
             }
           ),
-          i.onboardingStatus === y.ONBOARDING_COMPLETED && i.upcomingEmployment?.startDate && /* @__PURE__ */ a(r.Badge, { status: "info", children: e("startsBadge", {
+          i.onboardingStatus === w.ONBOARDING_COMPLETED && i.upcomingEmployment?.startDate && /* @__PURE__ */ t(n.Badge, { status: "info", children: e("startsBadge", {
             date: p(i.upcomingEmployment.startDate)
           }) })
         ] })
       }
     ] : [
-      t,
+      a,
       {
         key: "dismissalDate",
         title: e("dismissalDateLabel"),
         render: (i) => i.dismissalDate ? p(i.dismissalDate) : "–"
       }
     ];
-  }, { ...Y } = ie({
-    data: l,
+  }, { ...Y } = ee({
+    data: r,
     columns: M(),
-    itemMenu: (t) => {
-      if (d === "onboarding") {
+    itemMenu: (a) => {
+      if (m === "onboarding") {
         const C = [];
-        return t.allowedActions.includes("cancel_self_onboarding") && C.push({
+        return a.allowedActions.includes("cancel_self_onboarding") && C.push({
           label: e("cancelSelfOnboardingCta"),
           onClick: () => {
-            T(t.uuid);
+            x(a.uuid);
           },
-          icon: /* @__PURE__ */ a(D, { "aria-hidden": !0 })
-        }), t.allowedActions.includes("delete") && C.push({
+          icon: /* @__PURE__ */ t(D, { "aria-hidden": !0 })
+        }), a.allowedActions.includes("delete") && C.push({
           label: e("removeCta"),
           onClick: () => {
-            h(t.uuid);
+            h(a.uuid);
           },
-          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,
+          icon: /* @__PURE__ */ t(W, { "aria-hidden": !0 })
+        }), /* @__PURE__ */ s(d, { alignItems: "center", justifyContent: "flex-end", gap: 4, children: [
+          a.allowedActions.includes("edit") && /* @__PURE__ */ t(
+            n.Button,
             {
               variant: "secondary",
               onClick: () => {
-                I(t.uuid);
+                E(a.uuid);
               },
-              children: ne(t.onboardingStatus) ? e("reviewCta") : e("continueCta")
+              children: ae(a.onboardingStatus) ? e("reviewCta") : e("continueCta")
             }
           ),
-          /* @__PURE__ */ a(
-            S,
+          /* @__PURE__ */ t(
+            L,
             {
               items: C,
-              triggerLabel: e("hamburgerTitle", { name: w(t) })
+              triggerLabel: e("hamburgerTitle", { name: y(a) })
             }
           )
         ] });
       }
       const i = [];
-      return t.allowedActions.includes("view") && i.push({
+      return a.allowedActions.includes("view") && i.push({
         label: e("viewDetailsCta"),
         onClick: () => {
-          R(t.uuid);
+          R(a.uuid);
         },
-        icon: /* @__PURE__ */ a(W, { "aria-hidden": !0 })
-      }), t.allowedActions.includes("cancel_rehire") && i.push({
+        icon: /* @__PURE__ */ t(X, { "aria-hidden": !0 })
+      }), a.allowedActions.includes("cancel_rehire") && i.push({
         label: e("cancelRehireCta"),
         onClick: () => {
-          g({ contractorId: t.uuid, type: "rehire" });
+          g({ contractorId: a.uuid, type: "rehire" });
         },
-        icon: /* @__PURE__ */ a(D, { "aria-hidden": !0 })
-      }), t.allowedActions.includes("cancel_dismissal") && i.push({
+        icon: /* @__PURE__ */ t(D, { "aria-hidden": !0 })
+      }), a.allowedActions.includes("cancel_dismissal") && i.push({
         label: e("cancelDismissalCta"),
         onClick: () => {
-          g({ contractorId: t.uuid, type: "dismissal" });
+          g({ contractorId: a.uuid, type: "dismissal" });
         },
-        icon: /* @__PURE__ */ a(D, { "aria-hidden": !0 })
-      }), t.allowedActions.includes("dismiss") && i.push({
+        icon: /* @__PURE__ */ t(D, { "aria-hidden": !0 })
+      }), a.allowedActions.includes("dismiss") && i.push({
         label: e("dismissCta"),
         onClick: () => {
-          k(t.uuid);
+          B(a.uuid);
         },
-        icon: /* @__PURE__ */ a(U, { "aria-hidden": !0 })
-      }), t.allowedActions.includes("rehire") && i.push({
+        icon: /* @__PURE__ */ t(q, { "aria-hidden": !0 })
+      }), a.allowedActions.includes("rehire") && i.push({
         label: e("rehireCta"),
         onClick: () => {
-          N(t.uuid);
+          O(a.uuid);
         },
-        icon: /* @__PURE__ */ a(X, { "aria-hidden": !0 })
-      }), /* @__PURE__ */ a(
-        S,
+        icon: /* @__PURE__ */ t(J, { "aria-hidden": !0 })
+      }), /* @__PURE__ */ t(
+        L,
         {
           items: i,
-          triggerLabel: e("hamburgerTitle", { name: w(t) })
+          triggerLabel: e("hamburgerTitle", { name: y(a) })
         }
       );
     },
-    isFetching: u,
-    pagination: E,
-    emptyState: () => /* @__PURE__ */ a(
-      z,
+    isFetching: c,
+    pagination: I,
+    emptyState: () => /* @__PURE__ */ t(
+      F,
       {
-        title: e(`emptyState.${d}.title`),
-        description: e(`emptyState.${d}.description`)
+        title: e(`emptyState.${m}.title`),
+        description: e(`emptyState.${m}.description`)
       }
     )
   });
-  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: x, children: e("addContractorCta") })
+  return /* @__PURE__ */ s(j, { children: [
+    /* @__PURE__ */ s(d, { className: l, flexDirection: "column", gap: 32, children: [
+      v && /* @__PURE__ */ t(n.Alert, { label: v, status: "success" }),
+      /* @__PURE__ */ s(d, { justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ t(n.Heading, { as: "h2", children: e("title") }),
+        /* @__PURE__ */ t(n.Button, { variant: "secondary", onClick: _, children: e("addContractorCta") })
       ] }),
-      /* @__PURE__ */ o(m, { flexDirection: "column", gap: 0, children: [
-        /* @__PURE__ */ a(
-          r.Tabs,
+      /* @__PURE__ */ s(d, { flexDirection: "column", gap: 0, children: [
+        /* @__PURE__ */ t(
+          n.Tabs,
           {
-            tabs: V,
-            selectedId: c,
-            onSelectionChange: (t) => {
-              L(t);
+            tabs: H,
+            selectedId: u,
+            onSelectionChange: (a) => {
+              k(a);
             },
             "aria-label": e("tabsLabel")
           }
         ),
-        /* @__PURE__ */ a(te, { label: e("contractorListLabel"), ...Y })
+        /* @__PURE__ */ t(ie, { label: e("contractorListLabel"), ...Y })
       ] })
     ] }),
-    /* @__PURE__ */ a(
-      r.Dialog,
+    /* @__PURE__ */ t(
+      n.Dialog,
       {
         isOpen: !!f,
         onClose: () => {
@@ -224,11 +223,11 @@ function Ae({
         onPrimaryActionClick: async () => {
           if (f)
             try {
-              await O(f), h(null);
+              await T(f), h(null);
             } catch {
             }
         },
-        isPrimaryActionLoading: v.isPending,
+        isPrimaryActionLoading: A.isPending,
         isDestructive: !0,
         title: e("removeDialog.title"),
         primaryActionLabel: e("removeDialog.confirmCta"),
@@ -236,25 +235,25 @@ function Ae({
         children: e("removeDialog.description")
       }
     ),
-    /* @__PURE__ */ a(
-      r.Dialog,
+    /* @__PURE__ */ t(
+      n.Dialog,
       {
-        isOpen: !!s,
+        isOpen: !!o,
         onClose: () => {
           g(null);
         },
         onPrimaryActionClick: async () => {
-          if (s)
+          if (o)
             try {
-              s.type === "rehire" ? await _(s.contractorId) : await B(s.contractorId), g(null);
+              o.type === "rehire" ? await P(o.contractorId) : await N(o.contractorId), g(null);
             } catch {
             }
         },
-        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"),
-        children: s?.type === "rehire" ? e("cancelRehireDialog.description") : e("cancelDismissalDialog.description")
+        isPrimaryActionLoading: A.isPending,
+        title: o?.type === "rehire" ? e("cancelRehireDialog.title") : e("cancelDismissalDialog.title"),
+        primaryActionLabel: o?.type === "rehire" ? e("cancelRehireDialog.confirmCta") : e("cancelDismissalDialog.confirmCta"),
+        closeActionLabel: o?.type === "rehire" ? e("cancelRehireDialog.cancelCta") : e("cancelDismissalDialog.cancelCta"),
+        children: o?.type === "rehire" ? e("cancelRehireDialog.description") : e("cancelDismissalDialog.description")
       }
     )
   ] });