@gusto/embedded-react-sdk 0.56.4 → 0.56.6

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")
       }
     )
   ] });

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 { useEffect, 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  /** CSS class name applied to the root element. */\n  className?: string\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  className,\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  // Columns, item-menu shape, and empty-state copy stay pinned to the previously\n  // committed tab until the new tab's data lands, so they swap in one paint together\n  // with `contractors`/`pagination` instead of flashing ahead of the still-stale rows\n  // that `keepPreviousData` is rendering.\n  const [committedTab, setCommittedTab] = useState(selectedTab)\n  useEffect(() => {\n    if (!isFetching) {\n      setCommittedTab(selectedTab)\n    }\n  }, [selectedTab, isFetching])\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 (committedTab === '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 (committedTab === '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 (committedTab === 'onboarding') {\n        const menuItems = []\n\n        if (contractor.allowedActions.includes('cancel_self_onboarding')) {\n          menuItems.push({\n            label: t('cancelSelfOnboardingCta'),\n            onClick: () => {\n              void onCancelSelfOnboarding(contractor.uuid)\n            },\n            icon: <XCircleSvg aria-hidden />,\n          })\n        }\n\n        if (contractor.allowedActions.includes('delete')) {\n          menuItems.push({\n            label: t('removeCta'),\n            onClick: () => {\n              setContractorToRemove(contractor.uuid)\n            },\n            icon: <TrashCanSvg aria-hidden />,\n          })\n        }\n\n        return (\n          <Flex alignItems=\"center\" justifyContent=\"flex-end\" gap={4}>\n            {contractor.allowedActions.includes('edit') && (\n              <Components.Button\n                variant=\"secondary\"\n                onClick={() => {\n                  onEdit(contractor.uuid)\n                }}\n              >\n                {isOnboardingEditReview(contractor.onboardingStatus)\n                  ? t('reviewCta')\n                  : t('continueCta')}\n              </Components.Button>\n            )}\n            <HamburgerMenu\n              items={menuItems}\n              triggerLabel={t('hamburgerTitle', { name: contractorDisplayName(contractor) })}\n            />\n          </Flex>\n        )\n      }\n\n      const menuItems = []\n\n      if (contractor.allowedActions.includes('view')) {\n        menuItems.push({\n          label: t('viewDetailsCta'),\n          onClick: () => {\n            onView(contractor.uuid)\n          },\n          icon: <EyeSvg aria-hidden />,\n        })\n      }\n\n      if (contractor.allowedActions.includes('cancel_rehire')) {\n        menuItems.push({\n          label: t('cancelRehireCta'),\n          onClick: () => {\n            setCancelAction({ contractorId: contractor.uuid, type: 'rehire' })\n          },\n          icon: <XCircleSvg aria-hidden />,\n        })\n      }\n\n      if (contractor.allowedActions.includes('cancel_dismissal')) {\n        menuItems.push({\n          label: t('cancelDismissalCta'),\n          onClick: () => {\n            setCancelAction({ contractorId: contractor.uuid, type: 'dismissal' })\n          },\n          icon: <XCircleSvg aria-hidden />,\n        })\n      }\n\n      if (contractor.allowedActions.includes('dismiss')) {\n        menuItems.push({\n          label: t('dismissCta'),\n          onClick: () => {\n            onDismiss(contractor.uuid)\n          },\n          icon: <SlashCircleSvg aria-hidden />,\n        })\n      }\n\n      if (contractor.allowedActions.includes('rehire')) {\n        menuItems.push({\n          label: t('rehireCta'),\n          onClick: () => {\n            onRehire(contractor.uuid)\n          },\n          icon: <PlusCircleIcon aria-hidden />,\n        })\n      }\n\n      return (\n        <HamburgerMenu\n          items={menuItems}\n          triggerLabel={t('hamburgerTitle', { name: contractorDisplayName(contractor) })}\n        />\n      )\n    },\n    isFetching,\n    pagination,\n    emptyState: () => (\n      <EmptyData\n        title={t(`emptyState.${committedTab}.title`)}\n        description={t(`emptyState.${committedTab}.description`)}\n      />\n    ),\n  })\n\n  return (\n    <>\n      <Flex className={className} flexDirection=\"column\" gap={32}>\n        <Flex justifyContent=\"space-between\" alignItems=\"center\">\n          <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n          <Components.Button variant=\"secondary\" onClick={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","className","contractors","isFetching","selectedTab","onTabChange","status","pagination","onEdit","onView","onDismiss","onRehire","onDelete","onCancelSelfOnboarding","onCancelDismissal","onCancelRehire","onAddContractor","t","useTranslation","contractorToRemove","setContractorToRemove","useState","cancelAction","setCancelAction","committedTab","setCommittedTab","useEffect","tabs","getColumns","nameColumn","VisuallyHidden","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 { useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { UseContractorListResult, ContractorWithActions } from '../shared/useContractorList'\nimport { getContractorDisplayName } from '../../shared/helpers'\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 { normalizeToDate, formatDateLong, formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport { ContractorOnboardingStatus } from '@/shared/constants'\n\n/** @internal */\nexport interface ManagementContractorListViewProps extends Pick<\n  Extract<UseContractorListResult, { isLoading: false }>,\n  'pagination' | 'status'\n> {\n  /** CSS class name applied to the root element. */\n  className?: string\n  contractors: ContractorWithActions[]\n  isFetching: boolean\n  selectedTab: ContractorTab\n  onTabChange: (tab: ContractorTab) => void\n  /** Success message to display in an alert above the list, typically after a dismissal is scheduled. */\n  successMessage?: string\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 ContractorNameCell({ contractor }: { contractor: ContractorWithActions }) {\n  const Components = useComponentContext()\n  return (\n    <Flex flexDirection=\"column\" gap={0}>\n      <Components.Text size=\"sm\" weight=\"medium\">\n        {getContractorDisplayName(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  className,\n  contractors,\n  isFetching,\n  selectedTab,\n  onTabChange,\n  successMessage,\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  // Columns, item-menu shape, and empty-state copy stay pinned to the previously\n  // committed tab until the new tab's data lands, so they swap in one paint together\n  // with `contractors`/`pagination` instead of flashing ahead of the still-stale rows\n  // that `keepPreviousData` is rendering.\n  const [committedTab, setCommittedTab] = useState(selectedTab)\n  useEffect(() => {\n    if (!isFetching) {\n      setCommittedTab(selectedTab)\n    }\n  }, [selectedTab, isFetching])\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 (committedTab === '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 (committedTab === '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 (committedTab === 'onboarding') {\n        const menuItems = []\n\n        if (contractor.allowedActions.includes('cancel_self_onboarding')) {\n          menuItems.push({\n            label: t('cancelSelfOnboardingCta'),\n            onClick: () => {\n              void onCancelSelfOnboarding(contractor.uuid)\n            },\n            icon: <XCircleSvg aria-hidden />,\n          })\n        }\n\n        if (contractor.allowedActions.includes('delete')) {\n          menuItems.push({\n            label: t('removeCta'),\n            onClick: () => {\n              setContractorToRemove(contractor.uuid)\n            },\n            icon: <TrashCanSvg aria-hidden />,\n          })\n        }\n\n        return (\n          <Flex alignItems=\"center\" justifyContent=\"flex-end\" gap={4}>\n            {contractor.allowedActions.includes('edit') && (\n              <Components.Button\n                variant=\"secondary\"\n                onClick={() => {\n                  onEdit(contractor.uuid)\n                }}\n              >\n                {isOnboardingEditReview(contractor.onboardingStatus)\n                  ? t('reviewCta')\n                  : t('continueCta')}\n              </Components.Button>\n            )}\n            <HamburgerMenu\n              items={menuItems}\n              triggerLabel={t('hamburgerTitle', { name: getContractorDisplayName(contractor) })}\n            />\n          </Flex>\n        )\n      }\n\n      const menuItems = []\n\n      if (contractor.allowedActions.includes('view')) {\n        menuItems.push({\n          label: t('viewDetailsCta'),\n          onClick: () => {\n            onView(contractor.uuid)\n          },\n          icon: <EyeSvg aria-hidden />,\n        })\n      }\n\n      if (contractor.allowedActions.includes('cancel_rehire')) {\n        menuItems.push({\n          label: t('cancelRehireCta'),\n          onClick: () => {\n            setCancelAction({ contractorId: contractor.uuid, type: 'rehire' })\n          },\n          icon: <XCircleSvg aria-hidden />,\n        })\n      }\n\n      if (contractor.allowedActions.includes('cancel_dismissal')) {\n        menuItems.push({\n          label: t('cancelDismissalCta'),\n          onClick: () => {\n            setCancelAction({ contractorId: contractor.uuid, type: 'dismissal' })\n          },\n          icon: <XCircleSvg aria-hidden />,\n        })\n      }\n\n      if (contractor.allowedActions.includes('dismiss')) {\n        menuItems.push({\n          label: t('dismissCta'),\n          onClick: () => {\n            onDismiss(contractor.uuid)\n          },\n          icon: <SlashCircleSvg aria-hidden />,\n        })\n      }\n\n      if (contractor.allowedActions.includes('rehire')) {\n        menuItems.push({\n          label: t('rehireCta'),\n          onClick: () => {\n            onRehire(contractor.uuid)\n          },\n          icon: <PlusCircleIcon aria-hidden />,\n        })\n      }\n\n      return (\n        <HamburgerMenu\n          items={menuItems}\n          triggerLabel={t('hamburgerTitle', { name: getContractorDisplayName(contractor) })}\n        />\n      )\n    },\n    isFetching,\n    pagination,\n    emptyState: () => (\n      <EmptyData\n        title={t(`emptyState.${committedTab}.title`)}\n        description={t(`emptyState.${committedTab}.description`)}\n      />\n    ),\n  })\n\n  return (\n    <>\n      <Flex className={className} flexDirection=\"column\" gap={32}>\n        {successMessage && <Components.Alert label={successMessage} status=\"success\" />}\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":["ContractorNameCell","contractor","Components","useComponentContext","jsxs","Flex","jsx","getContractorDisplayName","formatBadgeDate","dateStr","date","normalizeToDate","formatDateLong","formatDateLongWithYear","isOnboardingEditReview","onboardingStatus","ContractorOnboardingStatus","ManagementContractorListView","className","contractors","isFetching","selectedTab","onTabChange","successMessage","status","pagination","onEdit","onView","onDismiss","onRehire","onDelete","onCancelSelfOnboarding","onCancelDismissal","onCancelRehire","onAddContractor","t","useTranslation","contractorToRemove","setContractorToRemove","useState","cancelAction","setCancelAction","committedTab","setCommittedTab","useEffect","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/ContractorListFlow/ContractorListFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContractorListFlow.js","sources":["../../../../src/components/Contractor/ContractorListFlow/ContractorListFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { contractorListStateMachine } from './contractorListStateMachine'\nimport {\n  ContractorListContextual,\n  type ContractorListFlowContextInterface,\n  type ContractorListFlowProps,\n} from './ContractorListFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\n\n/**\n * Hub for viewing and managing a company's contractors, including onboarding new ones.\n *\n * @remarks\n * Drop-in entry point for browsing a company's contractors. Begins on the\n * management contractor list and routes into {@link DashboardFlow} when the\n * admin selects \"View details\" on a row, or directly into the Profile step\n * of contractor onboarding — the same Profile → Address → Payment Method →\n * New Hire Report → Submit sequence used by\n * {@link ContractorOnboarding.OnboardingFlow | OnboardingFlow} — when the\n * admin clicks \"Add contractor\" or selects \"Continue\"/\"Review\" on an\n * onboarding-tab row. A \"Back to contractors\" header is added above the\n * dashboard; the onboarding steps show their own progress header instead,\n * matching `OnboardingFlow`'s own screens exactly. Submitting, or cancelling\n * from any step, returns to this list.\n *\n * \"Dismiss\" and \"Rehire\" have no corresponding sub-flow yet and are not\n * handled internally — they continue to fire their documented events\n * (`contractor/dismiss`, `contractor/rehire`) straight through `onEvent` for\n * the host app to handle, exactly as they do outside this flow.\n *\n * The flow forwards every event emitted by its blocks to `onEvent`;\n * see the events table on each block for the full set of events and\n * payloads observable from this flow.\n *\n * @components\n * - {@link ContractorList}\n * - {@link DashboardFlow}\n * - {@link ContractorOnboarding.ContractorProfile | ContractorProfile}\n * - {@link ContractorOnboarding.Address | Address}\n * - {@link ContractorOnboarding.PaymentMethod | PaymentMethod}\n * - {@link ContractorOnboarding.NewHireReport | NewHireReport}\n * - {@link ContractorOnboarding.ContractorSubmit | ContractorSubmit}\n *\n * @param props - See {@link ContractorListFlowProps}.\n * @returns The contractor list workflow with internal navigation to the dashboard and onboarding steps.\n * @public\n * @group Flow components\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorManagement.ContractorListFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport const ContractorListFlow = ({ companyId, onEvent }: ContractorListFlowProps) => {\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'list',\n        contractorListStateMachine,\n        (initialContext: ContractorListFlowContextInterface) => ({\n          ...initialContext,\n          component: ContractorListContextual,\n          companyId,\n          selfOnboarding: false,\n        }),\n      ),\n    [companyId],\n  )\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["ContractorListFlow","companyId","onEvent","machine","useMemo","createMachine","contractorListStateMachine","initialContext","ContractorListContextual","jsx","Flow"],"mappings":";;;;;;AA+DO,MAAMA,IAAqB,CAAC,EAAE,WAAAC,GAAW,SAAAC,QAAuC;AACrF,QAAMC,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAwD;AAAA,QACvD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAP;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,IAEJ,CAACA,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAD,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"ContractorListFlow.js","sources":["../../../../src/components/Contractor/ContractorListFlow/ContractorListFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { contractorListStateMachine } from './contractorListStateMachine'\nimport {\n  ContractorListContextual,\n  type ContractorListFlowContextInterface,\n  type ContractorListFlowProps,\n} from './ContractorListFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\n\n/**\n * Hub for viewing and managing a company's contractors, including onboarding new ones.\n *\n * @remarks\n * Drop-in entry point for browsing a company's contractors. Begins on the\n * management contractor list and routes into {@link DashboardFlow} when the\n * admin selects \"View details\" on a row, or directly into the Profile step\n * of contractor onboarding — the same Profile → Address → Payment Method →\n * New Hire Report → Submit sequence used by\n * {@link ContractorOnboarding.OnboardingFlow | OnboardingFlow} — when the\n * admin clicks \"Add contractor\" or selects \"Continue\"/\"Review\" on an\n * onboarding-tab row. A \"Back to contractors\" header is added above the\n * dashboard; the onboarding steps show their own progress header instead,\n * matching `OnboardingFlow`'s own screens exactly. Submitting, or cancelling\n * from any step, returns to this list.\n *\n * \"Dismiss\" routes into {@link Dismissal}, a standalone form for scheduling\n * the contractor's dismissal date. \"Rehire\" has no corresponding sub-flow yet\n * and is not handled internally — it continues to fire its documented event\n * (`contractor/rehire`) straight through `onEvent` for the host app to\n * handle, exactly as it does outside this flow.\n *\n * The flow forwards every event emitted by its blocks to `onEvent`;\n * see the events table on each block for the full set of events and\n * payloads observable from this flow.\n *\n * @components\n * - {@link ContractorList}\n * - {@link DashboardFlow}\n * - {@link Dismissal}\n * - {@link ContractorOnboarding.ContractorProfile | ContractorProfile}\n * - {@link ContractorOnboarding.Address | Address}\n * - {@link ContractorOnboarding.PaymentMethod | PaymentMethod}\n * - {@link ContractorOnboarding.NewHireReport | NewHireReport}\n * - {@link ContractorOnboarding.ContractorSubmit | ContractorSubmit}\n *\n * @param props - See {@link ContractorListFlowProps}.\n * @returns The contractor list workflow with internal navigation to the dashboard and onboarding steps.\n * @public\n * @group Flow components\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorManagement.ContractorListFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport const ContractorListFlow = ({ companyId, onEvent }: ContractorListFlowProps) => {\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'list',\n        contractorListStateMachine,\n        (initialContext: ContractorListFlowContextInterface) => ({\n          ...initialContext,\n          component: ContractorListContextual,\n          companyId,\n          selfOnboarding: false,\n        }),\n      ),\n    [companyId],\n  )\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["ContractorListFlow","companyId","onEvent","machine","useMemo","createMachine","contractorListStateMachine","initialContext","ContractorListContextual","jsx","Flow"],"mappings":";;;;;;AAiEO,MAAMA,IAAqB,CAAC,EAAE,WAAAC,GAAW,SAAAC,QAAuC;AACrF,QAAMC,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAwD;AAAA,QACvD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAP;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,IAEJ,CAACA,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAD,EAAA,CAAkB;AACnD;"}

package/dist/components/Contractor/ContractorListFlow/ContractorListFlowComponents.js

@@ -1,18 +1,31 @@
 import { jsx as r } from "react/jsx-runtime";
-import { ManagementContractorList as e } from "../ContractorList/management/ManagementContractorList.js";
+import { ManagementContractorList as c } from "../ContractorList/management/ManagementContractorList.js";
+import { Dismissal as e } from "../Dismissal/Dismissal.js";
 import { useFlow as n } from "../../Flow/useFlow.js";
-import { ensureRequired as a } from "../../../helpers/ensureRequired.js";
+import { ensureRequired as s } from "../../../helpers/ensureRequired.js";
 import { DashboardFlow as m } from "../Dashboard/DashboardFlow.js";
-function d() {
-  const { companyId: o, onEvent: t } = n();
-  return /* @__PURE__ */ r(e, { companyId: a(o), onEvent: t });
+function I() {
+  const { companyId: o, onEvent: t, successMessage: a } = n();
+  return /* @__PURE__ */ r(
+    c,
+    {
+      companyId: s(o),
+      onEvent: t,
+      successMessage: a
+    }
+  );
 }
-function f() {
+function x() {
   const { contractorId: o, onEvent: t } = n();
-  return /* @__PURE__ */ r(m, { contractorId: a(o), onEvent: t });
+  return /* @__PURE__ */ r(m, { contractorId: s(o), onEvent: t });
+}
+function C() {
+  const { contractorId: o, onEvent: t } = n();
+  return /* @__PURE__ */ r(e, { contractorId: s(o), onEvent: t });
 }
 export {
-  d as ContractorListContextual,
-  f as DashboardFlowContextual
+  I as ContractorListContextual,
+  x as DashboardFlowContextual,
+  C as DismissalContextual
 };
 //# sourceMappingURL=ContractorListFlowComponents.js.map

package/dist/components/Contractor/ContractorListFlow/ContractorListFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContractorListFlowComponents.js","sources":["../../../../src/components/Contractor/ContractorListFlow/ContractorListFlowComponents.tsx"],"sourcesContent":["import { ManagementContractorList } from '../ContractorList/management/ManagementContractorList'\nimport { DashboardFlow } from '../Dashboard'\nimport { type OnboardingFlowContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/**\n * Props for {@link ContractorListFlow}.\n *\n * @public\n */\nexport interface ContractorListFlowProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n// Extends OnboardingFlowContextInterface (rather than FlowContextInterface directly) so this\n// machine's context is shape-compatible with the shared contractor-onboarding step states it\n// spreads in from onboardingStateMachine.ts (see createContractorOnboardingSteps) — those\n// states' reducers and Contextual components (ProfileContextual, AddressContextual, etc.) are\n// typed against OnboardingFlowContextInterface.\n/** @internal */\nexport type ContractorListFlowContextInterface = OnboardingFlowContextInterface\n\n/** @internal */\nexport function ContractorListContextual() {\n  const { companyId, onEvent } = useFlow<ContractorListFlowContextInterface>()\n  return <ManagementContractorList companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function DashboardFlowContextual() {\n  const { contractorId, onEvent } = useFlow<ContractorListFlowContextInterface>()\n  return <DashboardFlow contractorId={ensureRequired(contractorId)} onEvent={onEvent} />\n}\n"],"names":["ContractorListContextual","companyId","onEvent","useFlow","ManagementContractorList","ensureRequired","DashboardFlowContextual","contractorId","DashboardFlow"],"mappings":";;;;;AA0BO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAyB,WAAWC,EAAeJ,CAAS,GAAG,SAAAC,GAAkB;AAC3F;AAGO,SAASI,IAA0B;AACxC,QAAM,EAAE,cAAAC,GAAc,SAAAL,EAAA,IAAYC,EAAA;AAClC,2BAAQK,GAAA,EAAc,cAAcH,EAAeE,CAAY,GAAG,SAAAL,GAAkB;AACtF;"}
+{"version":3,"file":"ContractorListFlowComponents.js","sources":["../../../../src/components/Contractor/ContractorListFlow/ContractorListFlowComponents.tsx"],"sourcesContent":["import { ManagementContractorList } from '../ContractorList/management/ManagementContractorList'\nimport { DashboardFlow } from '../Dashboard'\nimport { Dismissal } from '../Dismissal/Dismissal'\nimport { type OnboardingFlowContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/**\n * Props for {@link ContractorListFlow}.\n *\n * @public\n */\nexport interface ContractorListFlowProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n// Extends OnboardingFlowContextInterface (rather than FlowContextInterface directly) so this\n// machine's context is shape-compatible with the shared contractor-onboarding step states it\n// spreads in from onboardingStateMachine.ts (see createContractorOnboardingSteps) — those\n// states' reducers and Contextual components (ProfileContextual, AddressContextual, etc.) are\n// typed against OnboardingFlowContextInterface.\n/** @internal */\nexport type ContractorListFlowContextInterface = OnboardingFlowContextInterface\n\n/** @internal */\nexport function ContractorListContextual() {\n  const { companyId, onEvent, successMessage } = useFlow<ContractorListFlowContextInterface>()\n  return (\n    <ManagementContractorList\n      companyId={ensureRequired(companyId)}\n      onEvent={onEvent}\n      successMessage={successMessage}\n    />\n  )\n}\n\n/** @internal */\nexport function DashboardFlowContextual() {\n  const { contractorId, onEvent } = useFlow<ContractorListFlowContextInterface>()\n  return <DashboardFlow contractorId={ensureRequired(contractorId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function DismissalContextual() {\n  const { contractorId, onEvent } = useFlow<ContractorListFlowContextInterface>()\n  return <Dismissal contractorId={ensureRequired(contractorId)} onEvent={onEvent} />\n}\n"],"names":["ContractorListContextual","companyId","onEvent","successMessage","useFlow","jsx","ManagementContractorList","ensureRequired","DashboardFlowContextual","contractorId","DashboardFlow","DismissalContextual","Dismissal"],"mappings":";;;;;;AA2BO,SAASA,IAA2B;AACzC,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,gBAAAC,EAAA,IAAmBC,EAAA;AAC/C,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,SAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASK,IAA0B;AACxC,QAAM,EAAE,cAAAC,GAAc,SAAAP,EAAA,IAAYE,EAAA;AAClC,2BAAQM,GAAA,EAAc,cAAcH,EAAeE,CAAY,GAAG,SAAAP,GAAkB;AACtF;AAGO,SAASS,IAAsB;AACpC,QAAM,EAAE,cAAAF,GAAc,SAAAP,EAAA,IAAYE,EAAA;AAClC,2BAAQQ,GAAA,EAAU,cAAcL,EAAeE,CAAY,GAAG,SAAAP,GAAkB;AAClF;"}