@gusto/embedded-react-sdk 0.57.2 → 0.58.0

package/dist/components/Contractor/ContractorList/shared/useContractorList.js

@@ -1,33 +1,39 @@
-import { useMemo as C } from "react";
-import { useContractorsList as M } from "@gusto/embedded-api/react-query/contractorsList";
-import { useContractorsDeleteMutation as y } from "@gusto/embedded-api/react-query/contractorsDelete";
-import { useContractorsUpdateOnboardingStatusMutation as v } from "@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus";
-import { useContractorsDeleteV1ContractorsContractorUuidTerminationMutation as R } from "@gusto/embedded-api/react-query/contractorsDeleteV1ContractorsContractorUuidTermination";
-import { useContractorsDeleteV1ContractorsContractorUuidRehireMutation as U } from "@gusto/embedded-api/react-query/contractorsDeleteV1ContractorsContractorUuidRehire";
-import { keepPreviousData as I } from "@tanstack/react-query";
-import { usePagination as B } from "../../../../hooks/usePagination/usePagination.js";
-import { useBaseSubmit as q } from "../../../Base/useBaseSubmit.js";
-import { composeErrorHandler as F } from "../../../../partner-hook-utils/composeErrorHandler.js";
+import { useState as v, useMemo as P } from "react";
+import { useContractorsList as U } from "@gusto/embedded-api/react-query/contractorsList";
+import { useContractorsDeleteMutation as B } from "@gusto/embedded-api/react-query/contractorsDelete";
+import { useContractorsUpdateOnboardingStatusMutation as q } from "@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus";
+import { useContractorsDeleteV1ContractorsContractorUuidTerminationMutation as F } from "@gusto/embedded-api/react-query/contractorsDeleteV1ContractorsContractorUuidTermination";
+import { useContractorsDeleteV1ContractorsContractorUuidRehireMutation as G } from "@gusto/embedded-api/react-query/contractorsDeleteV1ContractorsContractorUuidRehire";
+import { keepPreviousData as T } from "@tanstack/react-query";
+import { usePagination as H } from "../../../../hooks/usePagination/usePagination.js";
+import { useBaseSubmit as V } from "../../../Base/useBaseSubmit.js";
+import { composeErrorHandler as x } from "../../../../partner-hook-utils/composeErrorHandler.js";
 import { ContractorOnboardingStatus as u } from "../../../../shared/constants.js";
-const G = /* @__PURE__ */ new Set([
+const $ = {
+  ascending: "asc",
+  descending: "desc"
+}, k = /* @__PURE__ */ new Set([
   u.SELF_ONBOARDING_INVITED,
   u.SELF_ONBOARDING_STARTED
 ]);
-function H(a, n) {
-  const e = [], i = a.onboardingStatus;
-  return n === "active" ? (e.push("view"), a.upcomingEmployment && a.rehireCancellationEligible ? e.push("cancel_rehire") : a.dismissalDate && a.dismissalCancellationEligible ? e.push("cancel_dismissal") : !a.dismissalDate && !a.upcomingEmployment && e.push("dismiss"), e) : n === "terminated" ? (e.push("view"), a.upcomingEmployment ? a.rehireCancellationEligible && e.push("cancel_rehire") : a.dismissalCancellationEligible ? e.push("cancel_dismissal") : a.isActive || e.push("rehire"), e) : (!!i && G.has(i) ? e.push("cancel_self_onboarding") : e.push("edit"), e.push("delete"), n === "onboarding" && i === u.ONBOARDING_COMPLETED && e.push("view"), e);
+function Q(n, s) {
+  const e = [], i = n.onboardingStatus;
+  return s === "active" ? (e.push("view"), n.upcomingEmployment && n.rehireCancellationEligible ? e.push("cancel_rehire") : n.dismissalDate && n.dismissalCancellationEligible ? e.push("cancel_dismissal") : !n.dismissalDate && !n.upcomingEmployment && e.push("dismiss"), e) : s === "terminated" ? (e.push("view"), n.upcomingEmployment ? n.rehireCancellationEligible && e.push("cancel_rehire") : n.dismissalCancellationEligible ? e.push("cancel_dismissal") : n.isActive || e.push("rehire"), e) : (!!i && k.has(i) ? e.push("cancel_self_onboarding") : e.push("edit"), e.push("delete"), s === "onboarding" && i === u.ONBOARDING_COMPLETED && e.push("view"), e);
 }
-function $({
-  companyId: a,
-  contractorType: n
+function ie({
+  companyId: n,
+  contractorType: s
 }) {
-  const { currentPage: e, itemsPerPage: i, getPaginationProps: l } = B(), P = C(() => {
+  const { currentPage: e, itemsPerPage: i, getPaginationProps: d, resetPage: b } = H(), [o, S] = v(), E = P(() => {
     const t = {
-      companyUuid: a,
+      companyUuid: n,
       page: e,
-      per: i
+      per: i,
+      // Spread conditionally rather than passing `sortBy: undefined`, so an unsorted list
+      // sends no `sort_by` at all and keeps the query key it had before sorting existed.
+      ...o ? { sortBy: `${o.field}:${$[o.direction]}` } : {}
     };
-    switch (n) {
+    switch (s) {
       case "active":
         return { ...t, onboardedActive: !0 };
       case "onboarding":
@@ -37,14 +43,14 @@ function $({
       default:
         return t;
     }
-  }, [a, e, i, n]), d = M(P, { placeholderData: I }), m = y(), g = v(), p = R(), h = U(), {
-    baseSubmitHandler: r,
-    error: b,
-    setError: E
-  } = q("ContractorList"), f = F([d], { submitError: b, setSubmitError: E }), S = m.isPending || g.isPending || p.isPending || h.isPending, { data: o, isFetching: c } = d, O = C(() => (o?.contractors ?? []).map((t) => ({
+  }, [n, e, i, s, o]), m = U(E, { placeholderData: T }), g = B(), p = q(), h = F(), f = G(), {
+    baseSubmitHandler: c,
+    error: O,
+    setError: A
+  } = V("ContractorList"), C = x([m], { submitError: O, setSubmitError: A }), D = g.isPending || p.isPending || h.isPending || f.isPending, { data: r, isFetching: l } = m, _ = P(() => (r?.showContractors ?? []).map((t) => ({
     ...t,
-    allowedActions: H(t, n)
-  })), [o?.contractors, n]), A = o?.httpMeta.response.headers ? l(o.httpMeta.response.headers, c) : {
+    allowedActions: Q(t, s)
+  })), [r?.showContractors, s]), w = r?.httpMeta.response.headers ? d(r.httpMeta.response.headers, l) : {
     handleNextPage: () => {
     },
     handleFirstPage: () => {
@@ -59,52 +65,55 @@ function $({
     totalPages: 1,
     totalCount: 0,
     itemsPerPage: 5
-  }, D = async (t) => {
-    await r(t, async (s) => {
-      await m.mutateAsync({
-        request: { contractorUuid: s }
+  }, L = async (t) => {
+    await c(t, async (a) => {
+      await g.mutateAsync({
+        request: { contractorUuid: a }
       });
     });
-  }, L = async (t) => {
-    let s;
-    return await r(t, async (N) => {
-      s = (await g.mutateAsync({
+  }, N = async (t) => {
+    let a;
+    return await c(t, async (I) => {
+      a = (await p.mutateAsync({
         request: {
-          contractorUuid: N,
+          contractorUuid: I,
           contractorOnboardingStatusUpdateRequestBody: {
             onboardingStatus: u.ADMIN_ONBOARDING_INCOMPLETE
           }
         }
       })).contractorOnboardingStatus;
-    }), s;
-  }, _ = async (t) => {
-    await r(t, async (s) => {
-      await p.mutateAsync({
-        request: { contractorUuid: s }
+    }), a;
+  }, M = async (t) => {
+    await c(t, async (a) => {
+      await h.mutateAsync({
+        request: { contractorUuid: a }
       });
     });
-  }, w = async (t) => {
-    await r(t, async (s) => {
-      await h.mutateAsync({
-        request: { contractorUuid: s }
+  }, y = async (t) => {
+    await c(t, async (a) => {
+      await f.mutateAsync({
+        request: { contractorUuid: a }
       });
     });
+  }, R = (t) => {
+    S(t), b();
   };
-  return !o && c ? {
+  return !r && l ? {
     isLoading: !0,
-    errorHandling: f
+    errorHandling: C
   } : {
     isLoading: !1,
     data: {
-      contractors: O
+      contractors: _
     },
-    pagination: A,
-    status: { isFetching: c, isPending: S },
-    actions: { onDelete: D, onCancelSelfOnboarding: L, onCancelDismissal: _, onCancelRehire: w },
-    errorHandling: f
+    pagination: w,
+    sort: { current: o, onSortChange: R },
+    status: { isFetching: l, isPending: D },
+    actions: { onDelete: L, onCancelSelfOnboarding: N, onCancelDismissal: M, onCancelRehire: y },
+    errorHandling: C
   };
 }
 export {
-  $ as useContractorList
+  ie as useContractorList
 };
 //# sourceMappingURL=useContractorList.js.map

package/dist/components/Contractor/ContractorList/shared/useContractorList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useContractorList.js","sources":["../../../../../src/components/Contractor/ContractorList/shared/useContractorList.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useContractorsList } from '@gusto/embedded-api/react-query/contractorsList'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { ContractorOnboardingStatus as ContractorOnboardingStatusEntity } from '@gusto/embedded-api/models/components/contractoronboardingstatus'\nimport { useContractorsDeleteMutation } from '@gusto/embedded-api/react-query/contractorsDelete'\nimport { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus'\nimport { useContractorsDeleteV1ContractorsContractorUuidTerminationMutation } from '@gusto/embedded-api/react-query/contractorsDeleteV1ContractorsContractorUuidTermination'\nimport { useContractorsDeleteV1ContractorsContractorUuidRehireMutation } from '@gusto/embedded-api/react-query/contractorsDeleteV1ContractorsContractorUuidRehire'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { ContractorOnboardingStatus } from '@/shared/constants'\nimport type { HookLoadingResult, BaseHookReady } from '@/partner-hook-utils/types'\n\n/**\n * Action that may be performed on a contractor row, determined by the contractor's onboarding\n * and employment state and the `contractorType` filter passed to {@link useContractorList}.\n *\n * @public\n */\nexport type ContractorAction =\n  | 'edit'\n  | 'delete'\n  | 'cancel_self_onboarding'\n  | 'view'\n  | 'dismiss'\n  | 'rehire'\n  | 'cancel_dismissal'\n  | 'cancel_rehire'\n\n/**\n * A contractor entity extended with the actions permitted on it.\n *\n * @public\n */\nexport interface ContractorWithActions extends Contractor {\n  /** Actions permitted for this contractor given its onboarding/employment state and the active filter. */\n  allowedActions: ContractorAction[]\n}\n\n/**\n * Filter applied to {@link useContractorList} that scopes the result set and tailors the per-row action list.\n *\n * @public\n */\nexport type ContractorType = 'active' | 'onboarding' | 'terminated'\n\n/**\n * Props for {@link useContractorList}.\n *\n * @public\n */\nexport interface UseContractorListProps {\n  /** The associated company identifier. */\n  companyId: string\n  /** Filters the list and tailors the allowed actions. Omit to list every contractor. */\n  contractorType?: ContractorType\n}\n\n/**\n * Ready state of {@link useContractorList}.\n *\n * @public\n */\nexport interface UseContractorListReady extends BaseHookReady<\n  { contractors: ContractorWithActions[] },\n  { isFetching: boolean; isPending: boolean }\n> {\n  /** Pagination controls for the current contractor list page. */\n  pagination: PaginationControlProps\n  /** Actions that mutate a contractor's state, gated by the entry's `allowedActions`. */\n  actions: {\n    /** Deletes the contractor. */\n    onDelete: (contractorId: string) => Promise<void>\n    /** Reverts a self-onboarding contractor to admin-driven onboarding. Resolves to the updated record, or `undefined` if the call failed. */\n    onCancelSelfOnboarding: (\n      contractorId: string,\n    ) => Promise<ContractorOnboardingStatusEntity | undefined>\n    /** Cancels a contractor's scheduled dismissal. */\n    onCancelDismissal: (contractorId: string) => Promise<void>\n    /** Cancels a contractor's scheduled rehire. */\n    onCancelRehire: (contractorId: string) => Promise<void>\n  }\n}\n\n/**\n * Return type of {@link useContractorList}.\n *\n * @public\n */\nexport type UseContractorListResult = HookLoadingResult | UseContractorListReady\n\nconst SELF_ONBOARDING_CANCELLABLE_STATUSES = new Set<string>([\n  ContractorOnboardingStatus.SELF_ONBOARDING_INVITED,\n  ContractorOnboardingStatus.SELF_ONBOARDING_STARTED,\n])\n\nfunction deriveAllowedActions(\n  contractor: Contractor,\n  contractorType?: ContractorType,\n): ContractorAction[] {\n  const actions: ContractorAction[] = []\n  const status = contractor.onboardingStatus\n\n  if (contractorType === 'active') {\n    actions.push('view')\n\n    if (contractor.upcomingEmployment && contractor.rehireCancellationEligible) {\n      actions.push('cancel_rehire')\n    } else if (contractor.dismissalDate && contractor.dismissalCancellationEligible) {\n      actions.push('cancel_dismissal')\n    } else if (!contractor.dismissalDate && !contractor.upcomingEmployment) {\n      actions.push('dismiss')\n    }\n\n    return actions\n  }\n\n  if (contractorType === 'terminated') {\n    actions.push('view')\n\n    if (contractor.upcomingEmployment) {\n      if (contractor.rehireCancellationEligible) {\n        actions.push('cancel_rehire')\n      }\n    } else if (contractor.dismissalCancellationEligible) {\n      actions.push('cancel_dismissal')\n    } else if (!contractor.isActive) {\n      actions.push('rehire')\n    }\n\n    return actions\n  }\n\n  // 'onboarding' filter and the unfiltered (undefined) onboarding-flavor list share the same\n  // edit / cancel_self_onboarding / delete logic used by today's onboarding ContractorList.\n  const canCancelSelfOnboarding = !!status && SELF_ONBOARDING_CANCELLABLE_STATUSES.has(status)\n\n  if (!canCancelSelfOnboarding) {\n    actions.push('edit')\n  } else {\n    actions.push('cancel_self_onboarding')\n  }\n\n  actions.push('delete')\n\n  if (\n    contractorType === 'onboarding' &&\n    status === ContractorOnboardingStatus.ONBOARDING_COMPLETED\n  ) {\n    actions.push('view')\n  }\n\n  return actions\n}\n\n/**\n * Fetches a paginated list of a company's contractors and decorates each entry with the actions\n * allowed for its current onboarding/employment state.\n *\n * @remarks\n * `contractorType` maps to a server-side filter and changes which actions appear on each row:\n * `'active'` exposes `view` plus `dismiss`/`cancel_dismissal`/`cancel_rehire`, `'terminated'`\n * exposes `view` plus `rehire`/`cancel_dismissal`/`cancel_rehire`, `'onboarding'` and the\n * unfiltered default expose `edit`/`cancel_self_onboarding`/`delete`. Omit `contractorType` to\n * list every contractor.\n *\n * Page changes use placeholder data: the previous page stays rendered while the next one loads,\n * and `status.isFetching` flips to `true` during the request.\n *\n * @param input - Company and optional filter for the list.\n * @returns A {@link HookLoadingResult} while the first page is in flight, or a {@link UseContractorListReady} once data has arrived.\n * @public\n */\nexport function useContractorList({\n  companyId,\n  contractorType,\n}: UseContractorListProps): UseContractorListResult {\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination()\n\n  const queryParams = useMemo(() => {\n    const baseParams = {\n      companyUuid: companyId,\n      page: currentPage,\n      per: itemsPerPage,\n    }\n\n    switch (contractorType) {\n      case 'active':\n        return { ...baseParams, onboardedActive: true }\n      case 'onboarding':\n        return { ...baseParams, onboarded: false }\n      case 'terminated':\n        return { ...baseParams, terminated: true }\n      default:\n        return baseParams\n    }\n  }, [companyId, currentPage, itemsPerPage, contractorType])\n\n  const contractorsQuery = useContractorsList(queryParams, { placeholderData: keepPreviousData })\n\n  const deleteContractorMutation = useContractorsDeleteMutation()\n  const updateOnboardingStatusMutation = useContractorsUpdateOnboardingStatusMutation()\n  const cancelDismissalMutation =\n    useContractorsDeleteV1ContractorsContractorUuidTerminationMutation()\n  const cancelRehireMutation = useContractorsDeleteV1ContractorsContractorUuidRehireMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('ContractorList')\n\n  const errorHandling = composeErrorHandler([contractorsQuery], { submitError, setSubmitError })\n\n  const isPending =\n    deleteContractorMutation.isPending ||\n    updateOnboardingStatusMutation.isPending ||\n    cancelDismissalMutation.isPending ||\n    cancelRehireMutation.isPending\n\n  const { data, isFetching } = contractorsQuery\n\n  const contractors = useMemo<ContractorWithActions[]>(() => {\n    return (data?.contractors ?? []).map(contractor => ({\n      ...contractor,\n      allowedActions: deriveAllowedActions(contractor, contractorType),\n    }))\n  }, [data?.contractors, contractorType])\n\n  const paginationProps = data?.httpMeta.response.headers\n    ? getPaginationProps(data.httpMeta.response.headers, isFetching)\n    : {\n        handleNextPage: () => {},\n        handleFirstPage: () => {},\n        handleLastPage: () => {},\n        handlePreviousPage: () => {},\n        handleItemsPerPageChange: () => {},\n        currentPage: 1,\n        totalPages: 1,\n        totalCount: 0,\n        itemsPerPage: 5 as const,\n      }\n\n  const onDelete = async (contractorId: string): Promise<void> => {\n    await baseSubmitHandler(contractorId, async id => {\n      await deleteContractorMutation.mutateAsync({\n        request: { contractorUuid: id },\n      })\n    })\n  }\n\n  const onCancelSelfOnboarding = async (\n    contractorId: string,\n  ): Promise<ContractorOnboardingStatusEntity | undefined> => {\n    let onboardingStatus: ContractorOnboardingStatusEntity | undefined\n\n    await baseSubmitHandler(contractorId, async id => {\n      const result = await updateOnboardingStatusMutation.mutateAsync({\n        request: {\n          contractorUuid: id,\n          contractorOnboardingStatusUpdateRequestBody: {\n            onboardingStatus: ContractorOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n          },\n        },\n      })\n\n      onboardingStatus = result.contractorOnboardingStatus\n    })\n\n    return onboardingStatus\n  }\n\n  const onCancelDismissal = async (contractorId: string): Promise<void> => {\n    await baseSubmitHandler(contractorId, async id => {\n      await cancelDismissalMutation.mutateAsync({\n        request: { contractorUuid: id },\n      })\n    })\n  }\n\n  const onCancelRehire = async (contractorId: string): Promise<void> => {\n    await baseSubmitHandler(contractorId, async id => {\n      await cancelRehireMutation.mutateAsync({\n        request: { contractorUuid: id },\n      })\n    })\n  }\n\n  const isLoading = !data && isFetching\n\n  if (isLoading) {\n    return {\n      isLoading: true,\n      errorHandling,\n    }\n  }\n\n  return {\n    isLoading: false,\n    data: {\n      contractors,\n    },\n    pagination: paginationProps,\n    status: { isFetching, isPending },\n    actions: { onDelete, onCancelSelfOnboarding, onCancelDismissal, onCancelRehire },\n    errorHandling,\n  }\n}\n"],"names":["SELF_ONBOARDING_CANCELLABLE_STATUSES","ContractorOnboardingStatus","deriveAllowedActions","contractor","contractorType","actions","status","useContractorList","companyId","currentPage","itemsPerPage","getPaginationProps","usePagination","queryParams","useMemo","baseParams","contractorsQuery","useContractorsList","keepPreviousData","deleteContractorMutation","useContractorsDeleteMutation","updateOnboardingStatusMutation","useContractorsUpdateOnboardingStatusMutation","cancelDismissalMutation","useContractorsDeleteV1ContractorsContractorUuidTerminationMutation","cancelRehireMutation","useContractorsDeleteV1ContractorsContractorUuidRehireMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","isPending","data","isFetching","contractors","paginationProps","onDelete","contractorId","id","onCancelSelfOnboarding","onboardingStatus","onCancelDismissal","onCancelRehire"],"mappings":"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"}
+{"version":3,"file":"useContractorList.js","sources":["../../../../../src/components/Contractor/ContractorList/shared/useContractorList.ts"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { useContractorsList } from '@gusto/embedded-api/react-query/contractorsList'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { ContractorOnboardingStatus as ContractorOnboardingStatusEntity } from '@gusto/embedded-api/models/components/contractoronboardingstatus'\nimport { useContractorsDeleteMutation } from '@gusto/embedded-api/react-query/contractorsDelete'\nimport { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus'\nimport { useContractorsDeleteV1ContractorsContractorUuidTerminationMutation } from '@gusto/embedded-api/react-query/contractorsDeleteV1ContractorsContractorUuidTermination'\nimport { useContractorsDeleteV1ContractorsContractorUuidRehireMutation } from '@gusto/embedded-api/react-query/contractorsDeleteV1ContractorsContractorUuidRehire'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport type { TableSortDirection } from '@/components/Common/UI/Table/TableTypes'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { ContractorOnboardingStatus } from '@/shared/constants'\nimport type { HookLoadingResult, BaseHookReady } from '@/partner-hook-utils/types'\n\n/**\n * Action that may be performed on a contractor row, determined by the contractor's onboarding\n * and employment state and the `contractorType` filter passed to {@link useContractorList}.\n *\n * @public\n */\nexport type ContractorAction =\n  | 'edit'\n  | 'delete'\n  | 'cancel_self_onboarding'\n  | 'view'\n  | 'dismiss'\n  | 'rehire'\n  | 'cancel_dismissal'\n  | 'cancel_rehire'\n\n/**\n * A contractor entity extended with the actions permitted on it.\n *\n * @public\n */\nexport interface ContractorWithActions extends Contractor {\n  /** Actions permitted for this contractor given its onboarding/employment state and the active filter. */\n  allowedActions: ContractorAction[]\n}\n\n/**\n * Filter applied to {@link useContractorList} that scopes the result set and tailors the per-row action list.\n *\n * @public\n */\nexport type ContractorType = 'active' | 'onboarding' | 'terminated'\n\n/**\n * Field the contractor list can be sorted by.\n *\n * @remarks\n * `'name'` sorts by last name for individual contractors and by business name for business\n * contractors, matching how each row is labelled.\n *\n * @public\n */\nexport type ContractorSortField = 'name'\n\n/**\n * Sort applied to {@link useContractorList}.\n *\n * @public\n */\nexport interface ContractorListSort {\n  /** Field the list is ordered by. */\n  field: ContractorSortField\n  /** Direction the field is ordered in. */\n  direction: TableSortDirection\n}\n\n/**\n * Props for {@link useContractorList}.\n *\n * @public\n */\nexport interface UseContractorListProps {\n  /** The associated company identifier. */\n  companyId: string\n  /** Filters the list and tailors the allowed actions. Omit to list every contractor. */\n  contractorType?: ContractorType\n}\n\n/**\n * Ready state of {@link useContractorList}.\n *\n * @public\n */\nexport interface UseContractorListReady extends BaseHookReady<\n  { contractors: ContractorWithActions[] },\n  { isFetching: boolean; isPending: boolean }\n> {\n  /** Pagination controls for the current contractor list page. */\n  pagination: PaginationControlProps\n  /** Server-side sort state for the list, and the setter that re-queries with a new sort. */\n  sort: {\n    /** The active sort, or `undefined` while the list is in the API's default order. */\n    current?: ContractorListSort\n    /** Applies a new sort, or clears it with `undefined`, and returns to page 1. */\n    onSortChange: (sort: ContractorListSort | undefined) => void\n  }\n  /** Actions that mutate a contractor's state, gated by the entry's `allowedActions`. */\n  actions: {\n    /** Deletes the contractor. */\n    onDelete: (contractorId: string) => Promise<void>\n    /** Reverts a self-onboarding contractor to admin-driven onboarding. Resolves to the updated record, or `undefined` if the call failed. */\n    onCancelSelfOnboarding: (\n      contractorId: string,\n    ) => Promise<ContractorOnboardingStatusEntity | undefined>\n    /** Cancels a contractor's scheduled dismissal. */\n    onCancelDismissal: (contractorId: string) => Promise<void>\n    /** Cancels a contractor's scheduled rehire. */\n    onCancelRehire: (contractorId: string) => Promise<void>\n  }\n}\n\n/**\n * Return type of {@link useContractorList}.\n *\n * @public\n */\nexport type UseContractorListResult = HookLoadingResult | UseContractorListReady\n\nconst SORT_DIRECTION_PARAM = {\n  ascending: 'asc',\n  descending: 'desc',\n} as const satisfies Record<TableSortDirection, string>\n\nconst SELF_ONBOARDING_CANCELLABLE_STATUSES = new Set<string>([\n  ContractorOnboardingStatus.SELF_ONBOARDING_INVITED,\n  ContractorOnboardingStatus.SELF_ONBOARDING_STARTED,\n])\n\nfunction deriveAllowedActions(\n  contractor: Contractor,\n  contractorType?: ContractorType,\n): ContractorAction[] {\n  const actions: ContractorAction[] = []\n  const status = contractor.onboardingStatus\n\n  if (contractorType === 'active') {\n    actions.push('view')\n\n    if (contractor.upcomingEmployment && contractor.rehireCancellationEligible) {\n      actions.push('cancel_rehire')\n    } else if (contractor.dismissalDate && contractor.dismissalCancellationEligible) {\n      actions.push('cancel_dismissal')\n    } else if (!contractor.dismissalDate && !contractor.upcomingEmployment) {\n      actions.push('dismiss')\n    }\n\n    return actions\n  }\n\n  if (contractorType === 'terminated') {\n    actions.push('view')\n\n    if (contractor.upcomingEmployment) {\n      if (contractor.rehireCancellationEligible) {\n        actions.push('cancel_rehire')\n      }\n    } else if (contractor.dismissalCancellationEligible) {\n      actions.push('cancel_dismissal')\n    } else if (!contractor.isActive) {\n      actions.push('rehire')\n    }\n\n    return actions\n  }\n\n  // 'onboarding' filter and the unfiltered (undefined) onboarding-flavor list share the same\n  // edit / cancel_self_onboarding / delete logic used by today's onboarding ContractorList.\n  const canCancelSelfOnboarding = !!status && SELF_ONBOARDING_CANCELLABLE_STATUSES.has(status)\n\n  if (!canCancelSelfOnboarding) {\n    actions.push('edit')\n  } else {\n    actions.push('cancel_self_onboarding')\n  }\n\n  actions.push('delete')\n\n  if (\n    contractorType === 'onboarding' &&\n    status === ContractorOnboardingStatus.ONBOARDING_COMPLETED\n  ) {\n    actions.push('view')\n  }\n\n  return actions\n}\n\n/**\n * Fetches a paginated list of a company's contractors and decorates each entry with the actions\n * allowed for its current onboarding/employment state.\n *\n * @remarks\n * `contractorType` maps to a server-side filter and changes which actions appear on each row:\n * `'active'` exposes `view` plus `dismiss`/`cancel_dismissal`/`cancel_rehire`, `'terminated'`\n * exposes `view` plus `rehire`/`cancel_dismissal`/`cancel_rehire`, `'onboarding'` and the\n * unfiltered default expose `edit`/`cancel_self_onboarding`/`delete`. Omit `contractorType` to\n * list every contractor.\n *\n * Page changes use placeholder data: the previous page stays rendered while the next one loads,\n * and `status.isFetching` flips to `true` during the request.\n *\n * Sorting is applied by the API, so the order holds across pages. No sort is requested until\n * `sort.onSortChange` is called, leaving the list in the API's default order until then, and\n * calling it with `undefined` returns the list to that default order. Applying or clearing a sort\n * returns to page 1 because the API sorts before it paginates. The sort persists across\n * `contractorType` changes, since every filter sorts by the same field.\n *\n * The endpoint rejects a sort combined with a search term (HTTP 422), so a search filter added\n * here would have to clear the sort.\n *\n * @param input - Company and optional filter for the list.\n * @returns A {@link HookLoadingResult} while the first page is in flight, or a {@link UseContractorListReady} once data has arrived.\n * @public\n */\nexport function useContractorList({\n  companyId,\n  contractorType,\n}: UseContractorListProps): UseContractorListResult {\n  const { currentPage, itemsPerPage, getPaginationProps, resetPage } = usePagination()\n  const [sort, setSort] = useState<ContractorListSort | undefined>()\n\n  const queryParams = useMemo(() => {\n    const baseParams = {\n      companyUuid: companyId,\n      page: currentPage,\n      per: itemsPerPage,\n      // Spread conditionally rather than passing `sortBy: undefined`, so an unsorted list\n      // sends no `sort_by` at all and keeps the query key it had before sorting existed.\n      ...(sort ? { sortBy: `${sort.field}:${SORT_DIRECTION_PARAM[sort.direction]}` } : {}),\n    }\n\n    switch (contractorType) {\n      case 'active':\n        return { ...baseParams, onboardedActive: true }\n      case 'onboarding':\n        return { ...baseParams, onboarded: false }\n      case 'terminated':\n        return { ...baseParams, terminated: true }\n      default:\n        return baseParams\n    }\n  }, [companyId, currentPage, itemsPerPage, contractorType, sort])\n\n  const contractorsQuery = useContractorsList(queryParams, { placeholderData: keepPreviousData })\n\n  const deleteContractorMutation = useContractorsDeleteMutation()\n  const updateOnboardingStatusMutation = useContractorsUpdateOnboardingStatusMutation()\n  const cancelDismissalMutation =\n    useContractorsDeleteV1ContractorsContractorUuidTerminationMutation()\n  const cancelRehireMutation = useContractorsDeleteV1ContractorsContractorUuidRehireMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('ContractorList')\n\n  const errorHandling = composeErrorHandler([contractorsQuery], { submitError, setSubmitError })\n\n  const isPending =\n    deleteContractorMutation.isPending ||\n    updateOnboardingStatusMutation.isPending ||\n    cancelDismissalMutation.isPending ||\n    cancelRehireMutation.isPending\n\n  const { data, isFetching } = contractorsQuery\n\n  const contractors = useMemo<ContractorWithActions[]>(() => {\n    return (data?.showContractors ?? []).map(contractor => ({\n      ...contractor,\n      allowedActions: deriveAllowedActions(contractor, contractorType),\n    }))\n  }, [data?.showContractors, contractorType])\n\n  const paginationProps = data?.httpMeta.response.headers\n    ? getPaginationProps(data.httpMeta.response.headers, isFetching)\n    : {\n        handleNextPage: () => {},\n        handleFirstPage: () => {},\n        handleLastPage: () => {},\n        handlePreviousPage: () => {},\n        handleItemsPerPageChange: () => {},\n        currentPage: 1,\n        totalPages: 1,\n        totalCount: 0,\n        itemsPerPage: 5 as const,\n      }\n\n  const onDelete = async (contractorId: string): Promise<void> => {\n    await baseSubmitHandler(contractorId, async id => {\n      await deleteContractorMutation.mutateAsync({\n        request: { contractorUuid: id },\n      })\n    })\n  }\n\n  const onCancelSelfOnboarding = async (\n    contractorId: string,\n  ): Promise<ContractorOnboardingStatusEntity | undefined> => {\n    let onboardingStatus: ContractorOnboardingStatusEntity | undefined\n\n    await baseSubmitHandler(contractorId, async id => {\n      const result = await updateOnboardingStatusMutation.mutateAsync({\n        request: {\n          contractorUuid: id,\n          contractorOnboardingStatusUpdateRequestBody: {\n            onboardingStatus: ContractorOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n          },\n        },\n      })\n\n      onboardingStatus = result.contractorOnboardingStatus\n    })\n\n    return onboardingStatus\n  }\n\n  const onCancelDismissal = async (contractorId: string): Promise<void> => {\n    await baseSubmitHandler(contractorId, async id => {\n      await cancelDismissalMutation.mutateAsync({\n        request: { contractorUuid: id },\n      })\n    })\n  }\n\n  const onCancelRehire = async (contractorId: string): Promise<void> => {\n    await baseSubmitHandler(contractorId, async id => {\n      await cancelRehireMutation.mutateAsync({\n        request: { contractorUuid: id },\n      })\n    })\n  }\n\n  const onSortChange = (nextSort: ContractorListSort | undefined) => {\n    setSort(nextSort)\n    // The API sorts before paginating, so the current page index means nothing under a new order.\n    resetPage()\n  }\n\n  const isLoading = !data && isFetching\n\n  if (isLoading) {\n    return {\n      isLoading: true,\n      errorHandling,\n    }\n  }\n\n  return {\n    isLoading: false,\n    data: {\n      contractors,\n    },\n    pagination: paginationProps,\n    sort: { current: sort, onSortChange },\n    status: { isFetching, isPending },\n    actions: { onDelete, onCancelSelfOnboarding, onCancelDismissal, onCancelRehire },\n    errorHandling,\n  }\n}\n"],"names":["SORT_DIRECTION_PARAM","SELF_ONBOARDING_CANCELLABLE_STATUSES","ContractorOnboardingStatus","deriveAllowedActions","contractor","contractorType","actions","status","useContractorList","companyId","currentPage","itemsPerPage","getPaginationProps","resetPage","usePagination","sort","setSort","useState","queryParams","useMemo","baseParams","contractorsQuery","useContractorsList","keepPreviousData","deleteContractorMutation","useContractorsDeleteMutation","updateOnboardingStatusMutation","useContractorsUpdateOnboardingStatusMutation","cancelDismissalMutation","useContractorsDeleteV1ContractorsContractorUuidTerminationMutation","cancelRehireMutation","useContractorsDeleteV1ContractorsContractorUuidRehireMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","isPending","data","isFetching","contractors","paginationProps","onDelete","contractorId","id","onCancelSelfOnboarding","onboardingStatus","onCancelDismissal","onCancelRehire","onSortChange","nextSort"],"mappings":"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"}

package/dist/components/Contractor/Dashboard/Dashboard.js

@@ -2,8 +2,8 @@ import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import { useState as T, Suspense as x } from "react";
 import { useTranslation as p } from "react-i18next";
 import { useContractorsGetSuspense as N } from "@gusto/embedded-api/react-query/contractorsGet";
-import { DetailsView as g } from "./DetailsView.js";
-import { PayView as S } from "./PayView.js";
+import { DetailsView as S } from "./DetailsView.js";
+import { PayView as g } from "./PayView.js";
 import { Flex as l } from "../../Common/Flex/Flex.js";
 import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { BaseBoundaries as R } from "../../Base/Base.js";
@@ -11,10 +11,10 @@ import { useI18n as _, useComponentDictionary as y } from "../../../i18n/I18n.js
 import { componentEvents as A, CONTRACTOR_TYPE as B } from "../../../shared/constants.js";
 import { firstLastName as O } from "../../../helpers/formattedStrings.js";
 import { DocumentsCard as H } from "../Documents/management/DocumentsCard/DocumentsCard.js";
-function j({
-  contractorId: o,
+function w({
+  contractorId: e,
   dictionary: n,
-  onEvent: e,
+  onEvent: o,
   selectedTab: a,
   LoaderComponent: c,
   className: m
@@ -26,7 +26,7 @@ function j({
     { id: "documents", label: r("tabs.documents"), content: null }
   ];
   return /* @__PURE__ */ i(l, { className: m, flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ t(x, { fallback: null, children: /* @__PURE__ */ t(w, { contractorId: o }) }),
+    /* @__PURE__ */ t(x, { fallback: null, children: /* @__PURE__ */ t(j, { contractorId: e }) }),
     /* @__PURE__ */ i(l, { flexDirection: "column", gap: 8, children: [
       /* @__PURE__ */ t(
         b.Tabs,
@@ -35,19 +35,19 @@ function j({
           selectedId: s,
           onSelectionChange: (D) => {
             const d = D;
-            h(d), e(A.CONTRACTOR_DASHBOARD_TAB_CHANGE, { tab: d });
+            h(d), o(A.CONTRACTOR_DASHBOARD_TAB_CHANGE, { tab: d });
           },
           "aria-label": r("tabsLabel")
         }
       ),
       /* @__PURE__ */ i(l, { flexDirection: "column", gap: 24, children: [
-        s === "details" && /* @__PURE__ */ t(g, { contractorId: o, onEvent: e }),
-        s === "pay" && /* @__PURE__ */ t(S, { contractorId: o, onEvent: e }),
+        s === "details" && /* @__PURE__ */ t(S, { contractorId: e, onEvent: o }),
+        s === "pay" && /* @__PURE__ */ t(g, { contractorId: e, onEvent: o }),
         s === "documents" && /* @__PURE__ */ t(
           H,
           {
-            contractorId: o,
-            onEvent: e,
+            contractorId: e,
+            onEvent: o,
             LoaderComponent: c
           }
         )
@@ -55,27 +55,27 @@ function j({
     ] })
   ] });
 }
-function w({ contractorId: o }) {
-  const { t: n } = p("Contractor.Dashboard"), e = u(), {
-    data: { contractor: a }
-  } = N({ contractorUuid: o }), c = a?.type === B.BUSINESS, m = a ? c ? a.businessName : O({
+function j({ contractorId: e }) {
+  const { t: n } = p("Contractor.Dashboard"), o = u(), {
+    data: { contractorShow: a }
+  } = N({ contractorUuid: e }), c = a?.type === B.BUSINESS, m = a ? c ? a.businessName : O({
     first_name: a.firstName,
     middle_initial: a.middleInitial,
     last_name: a.lastName
   }) : void 0;
   return /* @__PURE__ */ i(l, { flexDirection: "column", gap: 4, children: [
-    /* @__PURE__ */ t(e.Heading, { as: "h2", children: m }),
-    /* @__PURE__ */ t(e.Text, { variant: "supporting", children: n("contractorRoleLabel") })
+    /* @__PURE__ */ t(o.Heading, { as: "h2", children: m }),
+    /* @__PURE__ */ t(o.Text, { variant: "supporting", children: n("contractorRoleLabel") })
   ] });
 }
-function J({ FallbackComponent: o, LoaderComponent: n, ...e }) {
+function J({ FallbackComponent: e, LoaderComponent: n, ...o }) {
   return /* @__PURE__ */ t(
     R,
     {
       componentName: "Contractor.Dashboard",
-      FallbackComponent: o,
+      FallbackComponent: e,
       LoaderComponent: n,
-      children: /* @__PURE__ */ t(j, { LoaderComponent: n, ...e })
+      children: /* @__PURE__ */ t(w, { LoaderComponent: n, ...o })
     }
   );
 }

package/dist/components/Contractor/Dashboard/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.js","sources":["../../../../src/components/Contractor/Dashboard/Dashboard.tsx"],"sourcesContent":["import { Suspense, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { DetailsView } from './DetailsView'\nimport { PayView } from './PayView'\nimport { DocumentsCard } from '@/components/Contractor/Documents/management/DocumentsCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents, CONTRACTOR_TYPE } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\n/** @public */\nexport type DashboardTab = 'details' | 'pay' | 'documents'\n\n/** @public */\nexport interface DashboardProps extends BaseComponentInterface<'Contractor.Dashboard'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** The currently active tab. Defaults to `'details'` when uncontrolled. */\n  selectedTab?: DashboardTab\n}\n\nfunction DashboardRoot({\n  contractorId,\n  dictionary,\n  onEvent,\n  selectedTab: controlledTab,\n  LoaderComponent,\n  className,\n}: DashboardProps) {\n  useI18n('Contractor.Dashboard')\n  useComponentDictionary('Contractor.Dashboard', dictionary)\n  const { t } = useTranslation('Contractor.Dashboard')\n  const Components = useComponentContext()\n  const [internalTab, setInternalTab] = useState<DashboardTab>('details')\n  const selectedTab = controlledTab ?? internalTab\n\n  const tabs = [\n    { id: 'details' as const, label: t('tabs.details'), content: null },\n    { id: 'pay' as const, label: t('tabs.pay'), content: null },\n    { id: 'documents' as const, label: t('tabs.documents'), content: null },\n  ]\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={32}>\n      <Suspense fallback={null}>\n        <DashboardHeader contractorId={contractorId} />\n      </Suspense>\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <Components.Tabs\n          tabs={tabs}\n          selectedId={selectedTab}\n          onSelectionChange={id => {\n            const next = id as DashboardTab\n            setInternalTab(next)\n            onEvent(componentEvents.CONTRACTOR_DASHBOARD_TAB_CHANGE, { tab: next })\n          }}\n          aria-label={t('tabsLabel')}\n        />\n\n        <Flex flexDirection=\"column\" gap={24}>\n          {selectedTab === 'details' && (\n            <DetailsView contractorId={contractorId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'pay' && <PayView contractorId={contractorId} onEvent={onEvent} />}\n\n          {selectedTab === 'documents' && (\n            <DocumentsCard\n              contractorId={contractorId}\n              onEvent={onEvent}\n              LoaderComponent={LoaderComponent}\n            />\n          )}\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nfunction DashboardHeader({ contractorId }: { contractorId: string }) {\n  const { t } = useTranslation('Contractor.Dashboard')\n  const Components = useComponentContext()\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n\n  const isBusiness = contractor?.type === CONTRACTOR_TYPE.BUSINESS\n  const legalName = contractor\n    ? isBusiness\n      ? contractor.businessName\n      : firstLastName({\n          first_name: contractor.firstName,\n          middle_initial: contractor.middleInitial,\n          last_name: contractor.lastName,\n        })\n    : undefined\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <Components.Heading as=\"h2\">{legalName}</Components.Heading>\n      <Components.Text variant=\"supporting\">{t('contractorRoleLabel')}</Components.Text>\n    </Flex>\n  )\n}\n\n/**\n * Contractor management dashboard summarizing a single contractor's basic details, pay, and documents.\n *\n * @remarks\n * Renders a tabbed overview of the contractor, wrapped in the SDK's standard error and suspense\n * boundaries. The active tab may be controlled via `selectedTab` or left uncontrolled, in which\n * case it defaults to details. Each tab composes the read-only section cards listed below.\n *\n * @components\n * - {@link ProfileCard}\n * - {@link AddressCard}\n * - {@link PaymentMethodCard}\n * - {@link CompensationCard}\n * - {@link DocumentsCard}\n *\n * @param props - Component props. See {@link DashboardProps}.\n * @returns A React element rendering the contractor dashboard.\n * @public\n */\nexport function Dashboard({ FallbackComponent, LoaderComponent, ...props }: DashboardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Dashboard\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <DashboardRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DashboardRoot","contractorId","dictionary","onEvent","controlledTab","LoaderComponent","className","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","internalTab","setInternalTab","useState","selectedTab","tabs","Flex","jsx","Suspense","DashboardHeader","jsxs","id","next","componentEvents","DetailsView","PayView","DocumentsCard","contractor","useContractorsGetSuspense","isBusiness","CONTRACTOR_TYPE","legalName","firstLastName","Dashboard","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}
+{"version":3,"file":"Dashboard.js","sources":["../../../../src/components/Contractor/Dashboard/Dashboard.tsx"],"sourcesContent":["import { Suspense, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { DetailsView } from './DetailsView'\nimport { PayView } from './PayView'\nimport { DocumentsCard } from '@/components/Contractor/Documents/management/DocumentsCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents, CONTRACTOR_TYPE } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\n/** @public */\nexport type DashboardTab = 'details' | 'pay' | 'documents'\n\n/** @public */\nexport interface DashboardProps extends BaseComponentInterface<'Contractor.Dashboard'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** The currently active tab. Defaults to `'details'` when uncontrolled. */\n  selectedTab?: DashboardTab\n}\n\nfunction DashboardRoot({\n  contractorId,\n  dictionary,\n  onEvent,\n  selectedTab: controlledTab,\n  LoaderComponent,\n  className,\n}: DashboardProps) {\n  useI18n('Contractor.Dashboard')\n  useComponentDictionary('Contractor.Dashboard', dictionary)\n  const { t } = useTranslation('Contractor.Dashboard')\n  const Components = useComponentContext()\n  const [internalTab, setInternalTab] = useState<DashboardTab>('details')\n  const selectedTab = controlledTab ?? internalTab\n\n  const tabs = [\n    { id: 'details' as const, label: t('tabs.details'), content: null },\n    { id: 'pay' as const, label: t('tabs.pay'), content: null },\n    { id: 'documents' as const, label: t('tabs.documents'), content: null },\n  ]\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={32}>\n      <Suspense fallback={null}>\n        <DashboardHeader contractorId={contractorId} />\n      </Suspense>\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <Components.Tabs\n          tabs={tabs}\n          selectedId={selectedTab}\n          onSelectionChange={id => {\n            const next = id as DashboardTab\n            setInternalTab(next)\n            onEvent(componentEvents.CONTRACTOR_DASHBOARD_TAB_CHANGE, { tab: next })\n          }}\n          aria-label={t('tabsLabel')}\n        />\n\n        <Flex flexDirection=\"column\" gap={24}>\n          {selectedTab === 'details' && (\n            <DetailsView contractorId={contractorId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'pay' && <PayView contractorId={contractorId} onEvent={onEvent} />}\n\n          {selectedTab === 'documents' && (\n            <DocumentsCard\n              contractorId={contractorId}\n              onEvent={onEvent}\n              LoaderComponent={LoaderComponent}\n            />\n          )}\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nfunction DashboardHeader({ contractorId }: { contractorId: string }) {\n  const { t } = useTranslation('Contractor.Dashboard')\n  const Components = useComponentContext()\n  const {\n    data: { contractorShow: contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n\n  const isBusiness = contractor?.type === CONTRACTOR_TYPE.BUSINESS\n  const legalName = contractor\n    ? isBusiness\n      ? contractor.businessName\n      : firstLastName({\n          first_name: contractor.firstName,\n          middle_initial: contractor.middleInitial,\n          last_name: contractor.lastName,\n        })\n    : undefined\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <Components.Heading as=\"h2\">{legalName}</Components.Heading>\n      <Components.Text variant=\"supporting\">{t('contractorRoleLabel')}</Components.Text>\n    </Flex>\n  )\n}\n\n/**\n * Contractor management dashboard summarizing a single contractor's basic details, pay, and documents.\n *\n * @remarks\n * Renders a tabbed overview of the contractor, wrapped in the SDK's standard error and suspense\n * boundaries. The active tab may be controlled via `selectedTab` or left uncontrolled, in which\n * case it defaults to details. Each tab composes the read-only section cards listed below.\n *\n * @components\n * - {@link ProfileCard}\n * - {@link AddressCard}\n * - {@link PaymentMethodCard}\n * - {@link CompensationCard}\n * - {@link DocumentsCard}\n *\n * @param props - Component props. See {@link DashboardProps}.\n * @returns A React element rendering the contractor dashboard.\n * @public\n */\nexport function Dashboard({ FallbackComponent, LoaderComponent, ...props }: DashboardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Dashboard\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <DashboardRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DashboardRoot","contractorId","dictionary","onEvent","controlledTab","LoaderComponent","className","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","internalTab","setInternalTab","useState","selectedTab","tabs","Flex","jsx","Suspense","DashboardHeader","jsxs","id","next","componentEvents","DetailsView","PayView","DocumentsCard","contractor","useContractorsGetSuspense","isBusiness","CONTRACTOR_TYPE","legalName","firstLastName","Dashboard","FallbackComponent","props","BaseBoundaries"],"mappings":";;;;;;;;;;;;;AAwBA,SAASA,EAAc;AAAA,EACrB,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAaC;AAAA,EACb,iBAAAC;AAAA,EACA,WAAAC;AACF,GAAmB;AACjB,EAAAC,EAAQ,sBAAsB,GAC9BC,EAAuB,wBAAwBN,CAAU;AACzD,QAAM,EAAE,GAAAO,EAAA,IAAMC,EAAe,sBAAsB,GAC7CC,IAAaC,EAAA,GACb,CAACC,GAAaC,CAAc,IAAIC,EAAuB,SAAS,GAChEC,IAAcZ,KAAiBS,GAE/BI,IAAO;AAAA,IACX,EAAE,IAAI,WAAoB,OAAOR,EAAE,cAAc,GAAG,SAAS,KAAA;AAAA,IAC7D,EAAE,IAAI,OAAgB,OAAOA,EAAE,UAAU,GAAG,SAAS,KAAA;AAAA,IACrD,EAAE,IAAI,aAAsB,OAAOA,EAAE,gBAAgB,GAAG,SAAS,KAAA;AAAA,EAAK;AAGxE,2BACGS,GAAA,EAAK,WAAAZ,GAAsB,eAAc,UAAS,KAAK,IACtD,UAAA;AAAA,IAAA,gBAAAa,EAACC,KAAS,UAAU,MAClB,UAAA,gBAAAD,EAACE,GAAA,EAAgB,cAAApB,GAA4B,GAC/C;AAAA,IAEA,gBAAAqB,EAACJ,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACR,EAAW;AAAA,QAAX;AAAA,UACC,MAAAM;AAAA,UACA,YAAYD;AAAA,UACZ,mBAAmB,CAAAO,MAAM;AACvB,kBAAMC,IAAOD;AACb,YAAAT,EAAeU,CAAI,GACnBrB,EAAQsB,EAAgB,iCAAiC,EAAE,KAAKD,GAAM;AAAA,UACxE;AAAA,UACA,cAAYf,EAAE,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAG3B,gBAAAa,EAACJ,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,QAAAF,MAAgB,aACf,gBAAAG,EAACO,GAAA,EAAY,cAAAzB,GAA4B,SAAAE,GAAkB;AAAA,QAG5Da,MAAgB,SAAS,gBAAAG,EAACQ,GAAA,EAAQ,cAAA1B,GAA4B,SAAAE,GAAkB;AAAA,QAEhFa,MAAgB,eACf,gBAAAG;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,cAAA3B;AAAA,YACA,SAAAE;AAAA,YACA,iBAAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,SAASgB,EAAgB,EAAE,cAAApB,KAA0C;AACnE,QAAM,EAAE,GAAAQ,EAAA,IAAMC,EAAe,sBAAsB,GAC7CC,IAAaC,EAAA,GACb;AAAA,IACJ,MAAM,EAAE,gBAAgBiB,EAAA;AAAA,EAAW,IACjCC,EAA0B,EAAE,gBAAgB7B,GAAc,GAExD8B,IAAaF,GAAY,SAASG,EAAgB,UAClDC,IAAYJ,IACdE,IACEF,EAAW,eACXK,EAAc;AAAA,IACZ,YAAYL,EAAW;AAAA,IACvB,gBAAgBA,EAAW;AAAA,IAC3B,WAAWA,EAAW;AAAA,EAAA,CACvB,IACH;AAEJ,SACE,gBAAAP,EAACJ,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,IAAA,gBAAAC,EAACR,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAsB,GAAU;AAAA,IACvC,gBAAAd,EAACR,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAF,EAAE,qBAAqB,EAAA,CAAE;AAAA,EAAA,GAClE;AAEJ;AAqBO,SAAS0B,EAAU,EAAE,mBAAAC,GAAmB,iBAAA/B,GAAiB,GAAGgC,KAAyB;AAC1F,SACE,gBAAAlB;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MACA,iBAAA/B;AAAA,MAEA,UAAA,gBAAAc,EAACnB,GAAA,EAAc,iBAAAK,GAAmC,GAAGgC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGlE;"}

package/dist/components/Contractor/Dismissal/useDismissal/useDismissal.js

@@ -2,43 +2,43 @@ import { useContractorsGet as g } from "@gusto/embedded-api/react-query/contract
 import { useContractorsPostV1ContractorsContractorUuidTerminationMutation as E } from "@gusto/embedded-api/react-query/contractorsPostV1ContractorsContractorUuidTermination";
 import { RFCDate as p } from "@gusto/embedded-api/types/rfcdate";
 import { useBaseSubmit as C } from "../../../Base/useBaseSubmit.js";
-import { composeErrorHandler as b } from "../../../../partner-hook-utils/composeErrorHandler.js";
-import { formatDateToStringDate as y } from "../../../../helpers/dateFormatting.js";
-import { GENERIC_API_ERROR_MESSAGE as D } from "../../../../types/sdkError.js";
-function G({ contractorId: o }) {
+import { composeErrorHandler as S } from "../../../../partner-hook-utils/composeErrorHandler.js";
+import { formatDateToStringDate as b } from "../../../../helpers/dateFormatting.js";
+import { GENERIC_API_ERROR_MESSAGE as y } from "../../../../types/sdkError.js";
+function A({ contractorId: o }) {
   const t = g({ contractorUuid: o }), s = E(), {
     baseSubmitHandler: c,
     error: m,
     setError: u
-  } = C("Contractor.Dismissal"), r = b([t], { submitError: m, setSubmitError: u }), d = s.isPending, l = async (n) => {
+  } = C("Contractor.Dismissal"), r = S([t], { submitError: m, setSubmitError: u }), d = s.isPending, l = async (n) => {
     let i;
     return await c(n, async (f) => {
       await s.mutateAsync({
         request: {
           contractorUuid: o,
-          requestBody: { endDate: new p(y(f)) }
+          requestBody: { endDate: new p(b(f)) }
         }
       }), i = { mode: "create", data: void 0 };
     }), i;
   }, { data: e, isLoading: a } = t;
-  return a || !e?.contractor ? {
+  return a || !e?.contractorShow ? {
     isLoading: !0,
     errorHandling: !a && !t.error ? {
       ...r,
       errors: [
         ...r.errors,
-        { category: "internal_error", message: D, fieldErrors: [] }
+        { category: "internal_error", message: y, fieldErrors: [] }
       ]
     } : r
   } : {
     isLoading: !1,
-    data: { contractor: e.contractor },
+    data: { contractor: e.contractorShow },
     status: { isPending: d },
     actions: { dismiss: l },
     errorHandling: r
   };
 }
 export {
-  G as useDismissal
+  A as useDismissal
 };
 //# sourceMappingURL=useDismissal.js.map

package/dist/components/Contractor/Dismissal/useDismissal/useDismissal.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDismissal.js","sources":["../../../../../src/components/Contractor/Dismissal/useDismissal/useDismissal.ts"],"sourcesContent":["import { useContractorsGet } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsPostV1ContractorsContractorUuidTerminationMutation } from '@gusto/embedded-api/react-query/contractorsPostV1ContractorsContractorUuidTermination'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type { BaseHookReady, HookLoadingResult, HookSubmitResult } from '@/partner-hook-utils/types'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { GENERIC_API_ERROR_MESSAGE } from '@/types/sdkError'\n\n/**\n * Props for {@link useDismissal}.\n *\n * @public\n */\nexport interface UseDismissalProps {\n  /** The contractor identifier to dismiss. */\n  contractorId: string\n}\n\n/**\n * Ready state of {@link useDismissal}.\n *\n * @public\n */\nexport interface UseDismissalReady extends BaseHookReady<\n  { contractor: Contractor },\n  { isPending: boolean }\n> {\n  /** Actions available when the hook has loaded. */\n  actions: {\n    /** Schedules a dismissal effective on `endDate`. */\n    dismiss: (endDate: Date) => Promise<HookSubmitResult<unknown> | undefined>\n  }\n}\n\n/**\n * Return type of {@link useDismissal}.\n *\n * @public\n */\nexport type UseDismissalResult = HookLoadingResult | UseDismissalReady\n\n/**\n * Fetches a contractor and exposes an action to schedule their dismissal.\n *\n * @param input - The contractor to dismiss.\n * @returns A {@link HookLoadingResult} while the contractor is being fetched, or a {@link UseDismissalReady} once it has arrived.\n * @public\n */\nexport function useDismissal({ contractorId }: UseDismissalProps): UseDismissalResult {\n  const contractorQuery = useContractorsGet({ contractorUuid: contractorId })\n  const dismissMutation = useContractorsPostV1ContractorsContractorUuidTerminationMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('Contractor.Dismissal')\n\n  const errorHandling = composeErrorHandler([contractorQuery], { submitError, setSubmitError })\n\n  const isPending = dismissMutation.isPending\n\n  const dismiss = async (endDate: Date): Promise<HookSubmitResult<unknown> | undefined> => {\n    let submitResult: HookSubmitResult<unknown> | undefined\n\n    await baseSubmitHandler(endDate, async date => {\n      await dismissMutation.mutateAsync({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: { endDate: new RFCDate(formatDateToStringDate(date)!) },\n        },\n      })\n      submitResult = { mode: 'create', data: undefined }\n    })\n\n    return submitResult\n  }\n\n  const { data, isLoading } = contractorQuery\n\n  if (isLoading || !data?.contractor) {\n    // A settled query (not `isLoading`) with no query `error` but also no `contractor` in the\n    // response body would otherwise report `isLoading: true` forever with an empty error list —\n    // `contractor` is optional on the response type, so this isn't a thrown error we'd catch via\n    // `composeErrorHandler`. Surface it as an error so the host sees a real failure state instead\n    // of a stuck spinner.\n    const settledWithNoContractor = !isLoading && !contractorQuery.error\n    return {\n      isLoading: true,\n      errorHandling: settledWithNoContractor\n        ? {\n            ...errorHandling,\n            errors: [\n              ...errorHandling.errors,\n              { category: 'internal_error', message: GENERIC_API_ERROR_MESSAGE, fieldErrors: [] },\n            ],\n          }\n        : errorHandling,\n    }\n  }\n\n  return {\n    isLoading: false,\n    data: { contractor: data.contractor },\n    status: { isPending },\n    actions: { dismiss },\n    errorHandling,\n  }\n}\n"],"names":["useDismissal","contractorId","contractorQuery","useContractorsGet","dismissMutation","useContractorsPostV1ContractorsContractorUuidTerminationMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","isPending","dismiss","endDate","submitResult","date","RFCDate","formatDateToStringDate","data","isLoading","GENERIC_API_ERROR_MESSAGE"],"mappings":";;;;;;;AAkDO,SAASA,EAAa,EAAE,cAAAC,KAAuD;AACpF,QAAMC,IAAkBC,EAAkB,EAAE,gBAAgBF,GAAc,GACpEG,IAAkBC,EAAA,GAElB;AAAA,IACJ,mBAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAUC;AAAA,EAAA,IACRC,EAAc,sBAAsB,GAElCC,IAAgBC,EAAoB,CAACT,CAAe,GAAG,EAAE,aAAAK,GAAa,gBAAAC,GAAgB,GAEtFI,IAAYR,EAAgB,WAE5BS,IAAU,OAAOC,MAAkE;AACvF,QAAIC;AAEJ,iBAAMT,EAAkBQ,GAAS,OAAME,MAAQ;AAC7C,YAAMZ,EAAgB,YAAY;AAAA,QAChC,SAAS;AAAA,UACP,gBAAgBH;AAAA,UAChB,aAAa,EAAE,SAAS,IAAIgB,EAAQC,EAAuBF,CAAI,CAAE,EAAA;AAAA,QAAE;AAAA,MACrE,CACD,GACDD,IAAe,EAAE,MAAM,UAAU,MAAM,OAAA;AAAA,IACzC,CAAC,GAEMA;AAAA,EACT,GAEM,EAAE,MAAAI,GAAM,WAAAC,EAAA,IAAclB;AAE5B,SAAIkB,KAAa,CAACD,GAAM,aAOf;AAAA,IACL,WAAW;AAAA,IACX,eAH8B,CAACC,KAAa,CAAClB,EAAgB,QAIzD;AAAA,MACE,GAAGQ;AAAA,MACH,QAAQ;AAAA,QACN,GAAGA,EAAc;AAAA,QACjB,EAAE,UAAU,kBAAkB,SAASW,GAA2B,aAAa,CAAA,EAAC;AAAA,MAAE;AAAA,IACpF,IAEFX;AAAA,EAAA,IAID;AAAA,IACL,WAAW;AAAA,IACX,MAAM,EAAE,YAAYS,EAAK,WAAA;AAAA,IACzB,QAAQ,EAAE,WAAAP,EAAA;AAAA,IACV,SAAS,EAAE,SAAAC,EAAA;AAAA,IACX,eAAAH;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useDismissal.js","sources":["../../../../../src/components/Contractor/Dismissal/useDismissal/useDismissal.ts"],"sourcesContent":["import { useContractorsGet } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsPostV1ContractorsContractorUuidTerminationMutation } from '@gusto/embedded-api/react-query/contractorsPostV1ContractorsContractorUuidTermination'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type { BaseHookReady, HookLoadingResult, HookSubmitResult } from '@/partner-hook-utils/types'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { GENERIC_API_ERROR_MESSAGE } from '@/types/sdkError'\n\n/**\n * Props for {@link useDismissal}.\n *\n * @public\n */\nexport interface UseDismissalProps {\n  /** The contractor identifier to dismiss. */\n  contractorId: string\n}\n\n/**\n * Ready state of {@link useDismissal}.\n *\n * @public\n */\nexport interface UseDismissalReady extends BaseHookReady<\n  { contractor: Contractor },\n  { isPending: boolean }\n> {\n  /** Actions available when the hook has loaded. */\n  actions: {\n    /** Schedules a dismissal effective on `endDate`. */\n    dismiss: (endDate: Date) => Promise<HookSubmitResult<unknown> | undefined>\n  }\n}\n\n/**\n * Return type of {@link useDismissal}.\n *\n * @public\n */\nexport type UseDismissalResult = HookLoadingResult | UseDismissalReady\n\n/**\n * Fetches a contractor and exposes an action to schedule their dismissal.\n *\n * @param input - The contractor to dismiss.\n * @returns A {@link HookLoadingResult} while the contractor is being fetched, or a {@link UseDismissalReady} once it has arrived.\n * @public\n */\nexport function useDismissal({ contractorId }: UseDismissalProps): UseDismissalResult {\n  const contractorQuery = useContractorsGet({ contractorUuid: contractorId })\n  const dismissMutation = useContractorsPostV1ContractorsContractorUuidTerminationMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('Contractor.Dismissal')\n\n  const errorHandling = composeErrorHandler([contractorQuery], { submitError, setSubmitError })\n\n  const isPending = dismissMutation.isPending\n\n  const dismiss = async (endDate: Date): Promise<HookSubmitResult<unknown> | undefined> => {\n    let submitResult: HookSubmitResult<unknown> | undefined\n\n    await baseSubmitHandler(endDate, async date => {\n      await dismissMutation.mutateAsync({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: { endDate: new RFCDate(formatDateToStringDate(date)!) },\n        },\n      })\n      submitResult = { mode: 'create', data: undefined }\n    })\n\n    return submitResult\n  }\n\n  const { data, isLoading } = contractorQuery\n\n  if (isLoading || !data?.contractorShow) {\n    // A settled query (not `isLoading`) with no query `error` but also no `contractor` in the\n    // response body would otherwise report `isLoading: true` forever with an empty error list —\n    // `contractor` is optional on the response type, so this isn't a thrown error we'd catch via\n    // `composeErrorHandler`. Surface it as an error so the host sees a real failure state instead\n    // of a stuck spinner.\n    const settledWithNoContractor = !isLoading && !contractorQuery.error\n    return {\n      isLoading: true,\n      errorHandling: settledWithNoContractor\n        ? {\n            ...errorHandling,\n            errors: [\n              ...errorHandling.errors,\n              { category: 'internal_error', message: GENERIC_API_ERROR_MESSAGE, fieldErrors: [] },\n            ],\n          }\n        : errorHandling,\n    }\n  }\n\n  return {\n    isLoading: false,\n    data: { contractor: data.contractorShow },\n    status: { isPending },\n    actions: { dismiss },\n    errorHandling,\n  }\n}\n"],"names":["useDismissal","contractorId","contractorQuery","useContractorsGet","dismissMutation","useContractorsPostV1ContractorsContractorUuidTerminationMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","isPending","dismiss","endDate","submitResult","date","RFCDate","formatDateToStringDate","data","isLoading","GENERIC_API_ERROR_MESSAGE"],"mappings":";;;;;;;AAkDO,SAASA,EAAa,EAAE,cAAAC,KAAuD;AACpF,QAAMC,IAAkBC,EAAkB,EAAE,gBAAgBF,GAAc,GACpEG,IAAkBC,EAAA,GAElB;AAAA,IACJ,mBAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAUC;AAAA,EAAA,IACRC,EAAc,sBAAsB,GAElCC,IAAgBC,EAAoB,CAACT,CAAe,GAAG,EAAE,aAAAK,GAAa,gBAAAC,GAAgB,GAEtFI,IAAYR,EAAgB,WAE5BS,IAAU,OAAOC,MAAkE;AACvF,QAAIC;AAEJ,iBAAMT,EAAkBQ,GAAS,OAAME,MAAQ;AAC7C,YAAMZ,EAAgB,YAAY;AAAA,QAChC,SAAS;AAAA,UACP,gBAAgBH;AAAA,UAChB,aAAa,EAAE,SAAS,IAAIgB,EAAQC,EAAuBF,CAAI,CAAE,EAAA;AAAA,QAAE;AAAA,MACrE,CACD,GACDD,IAAe,EAAE,MAAM,UAAU,MAAM,OAAA;AAAA,IACzC,CAAC,GAEMA;AAAA,EACT,GAEM,EAAE,MAAAI,GAAM,WAAAC,EAAA,IAAclB;AAE5B,SAAIkB,KAAa,CAACD,GAAM,iBAOf;AAAA,IACL,WAAW;AAAA,IACX,eAH8B,CAACC,KAAa,CAAClB,EAAgB,QAIzD;AAAA,MACE,GAAGQ;AAAA,MACH,QAAQ;AAAA,QACN,GAAGA,EAAc;AAAA,QACjB,EAAE,UAAU,kBAAkB,SAASW,GAA2B,aAAa,CAAA,EAAC;AAAA,MAAE;AAAA,IACpF,IAEFX;AAAA,EAAA,IAID;AAAA,IACL,WAAW;AAAA,IACX,MAAM,EAAE,YAAYS,EAAK,eAAA;AAAA,IACzB,QAAQ,EAAE,WAAAP,EAAA;AAAA,IACV,SAAS,EAAE,SAAAC,EAAA;AAAA,IACX,eAAAH;AAAA,EAAA;AAEJ;"}

package/dist/components/Contractor/Landing/Landing.js

@@ -1,59 +1,63 @@
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useTranslation as g } from "react-i18next";
-import { useContractorsGetSuspense as C } from "@gusto/embedded-api/react-query/contractorsGet";
-import { useCompaniesGetSuspense as x } from "@gusto/embedded-api/react-query/companiesGet";
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import { useTranslation as f } from "react-i18next";
+import { useContractorsGetSuspense as h } from "@gusto/embedded-api/react-query/contractorsGet";
+import { GetV1ContractorsContractorUuidQueryParamInclude as C } from "@gusto/embedded-api/models/operations/getv1contractorscontractoruuid";
 import c from "dompurify";
-import { useMemo as m } from "react";
-import { BaseComponent as N } from "../../Base/Base.js";
-import { useBase as y } from "../../Base/useBase.js";
+import { useMemo as s } from "react";
+import { BaseComponent as g } from "../../Base/Base.js";
+import { useBase as N } from "../../Base/useBase.js";
 import { Flex as a } from "../../Common/Flex/Flex.js";
-import { ActionsLayout as S } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as D } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as L, useComponentDictionary as R } from "../../../i18n/I18n.js";
-import { componentEvents as T } from "../../../shared/constants.js";
-import v from "../../../assets/icons/icon-arrow-right.svg.js";
+import { ActionsLayout as x } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as y } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as S, useComponentDictionary as D } from "../../../i18n/I18n.js";
+import { componentEvents as L } from "../../../shared/constants.js";
+import R from "../../../assets/icons/icon-arrow-right.svg.js";
 function w(e) {
-  return /* @__PURE__ */ n(N, { ...e, children: /* @__PURE__ */ n(A, { ...e, children: e.children }) });
+  return /* @__PURE__ */ o(g, { ...e, children: /* @__PURE__ */ o(T, { ...e, children: e.children }) });
 }
-const A = ({ contractorId: e, companyId: p, className: d, dictionary: l }) => {
-  L("Contractor.Landing"), R("Contractor.Landing", l);
-  const { onEvent: u } = y(), o = D(), { t } = g("Contractor.Landing"), {
-    data: { contractor: i }
-  } = C({ contractorUuid: e }), f = m(
-    () => c.sanitize(i?.firstName ?? i?.businessName ?? t("fallbackName")),
-    [i, t]
-  ), {
-    data: { company: s }
-  } = x({ companyId: p }), h = m(() => c.sanitize(s?.name ?? ""), [s]);
-  return /* @__PURE__ */ n("section", { className: d, children: /* @__PURE__ */ n(
-    o.Box,
+const T = ({ contractorId: e, className: m, dictionary: d }) => {
+  S("Contractor.Landing"), D("Contractor.Landing", d);
+  const { onEvent: p } = N(), n = y(), { t } = f("Contractor.Landing"), {
+    data: { contractorShow: r }
+  } = h({
+    contractorUuid: e,
+    include: [C.CompanyName]
+  }), l = s(
+    () => c.sanitize(r?.firstName ?? r?.businessName ?? t("fallbackName")),
+    [r, t]
+  ), u = s(
+    () => c.sanitize(r?.companyName ?? ""),
+    [r]
+  );
+  return /* @__PURE__ */ o("section", { className: m, children: /* @__PURE__ */ o(
+    n.Box,
     {
-      footer: /* @__PURE__ */ n(S, { children: /* @__PURE__ */ r(
-        o.Button,
+      footer: /* @__PURE__ */ o(x, { children: /* @__PURE__ */ i(
+        n.Button,
         {
           variant: "secondary",
           onClick: () => {
-            u(T.CONTRACTOR_SELF_ONBOARDING_START);
+            p(L.CONTRACTOR_SELF_ONBOARDING_START);
           },
           children: [
             t("getStartedCta"),
-            /* @__PURE__ */ n(v, { "aria-hidden": !0 })
+            /* @__PURE__ */ o(R, { "aria-hidden": !0 })
           ]
         }
       ) }),
-      children: /* @__PURE__ */ r(a, { alignItems: "center", flexDirection: "column", gap: 32, children: [
-        /* @__PURE__ */ r(a, { flexDirection: "column", gap: 4, children: [
-          /* @__PURE__ */ n(o.Heading, { as: "h2", children: t("landingSubtitle", {
-            contractorName: f,
-            companyName: h,
+      children: /* @__PURE__ */ i(a, { alignItems: "center", flexDirection: "column", gap: 32, children: [
+        /* @__PURE__ */ i(a, { flexDirection: "column", gap: 4, children: [
+          /* @__PURE__ */ o(n.Heading, { as: "h2", children: t("landingSubtitle", {
+            contractorName: l,
+            companyName: u,
             interpolation: { escapeValue: !1 }
           }) }),
-          /* @__PURE__ */ n(o.Text, { variant: "supporting", children: t("landingDescription") })
+          /* @__PURE__ */ o(n.Text, { variant: "supporting", children: t("landingDescription") })
         ] }),
-        /* @__PURE__ */ r(a, { flexDirection: "column", gap: 8, children: [
-          /* @__PURE__ */ n(o.Heading, { as: "h3", children: t("stepsSubtitle") }),
-          /* @__PURE__ */ n(
-            o.UnorderedList,
+        /* @__PURE__ */ i(a, { flexDirection: "column", gap: 8, children: [
+          /* @__PURE__ */ o(n.Heading, { as: "h3", children: t("stepsSubtitle") }),
+          /* @__PURE__ */ o(
+            n.UnorderedList,
             {
               items: [
                 t("steps.profile"),