@gusto/embedded-react-sdk 0.57.3 → 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?.showContractors ?? []).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?.showContractors, 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 }
       });
     });
-  }, w = 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;
-  }, L = 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 }
       });
     });
-  }, _ = 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: w, onCancelDismissal: L, onCancelRehire: _ },
-    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?.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 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":";;;;;;;;;;;AA8FA,MAAMA,wBAA2C,IAAY;AAAA,EAC3DC,EAA2B;AAAA,EAC3BA,EAA2B;AAC7B,CAAC;AAED,SAASC,EACPC,GACAC,GACoB;AACpB,QAAMC,IAA8B,CAAA,GAC9BC,IAASH,EAAW;AAE1B,SAAIC,MAAmB,YACrBC,EAAQ,KAAK,MAAM,GAEfF,EAAW,sBAAsBA,EAAW,6BAC9CE,EAAQ,KAAK,eAAe,IACnBF,EAAW,iBAAiBA,EAAW,gCAChDE,EAAQ,KAAK,kBAAkB,IACtB,CAACF,EAAW,iBAAiB,CAACA,EAAW,sBAClDE,EAAQ,KAAK,SAAS,GAGjBA,KAGLD,MAAmB,gBACrBC,EAAQ,KAAK,MAAM,GAEfF,EAAW,qBACTA,EAAW,8BACbE,EAAQ,KAAK,eAAe,IAErBF,EAAW,gCACpBE,EAAQ,KAAK,kBAAkB,IACrBF,EAAW,YACrBE,EAAQ,KAAK,QAAQ,GAGhBA,MAKuB,CAAC,CAACC,KAAUN,EAAqC,IAAIM,CAAM,IAKzFD,EAAQ,KAAK,wBAAwB,IAFrCA,EAAQ,KAAK,MAAM,GAKrBA,EAAQ,KAAK,QAAQ,GAGnBD,MAAmB,gBACnBE,MAAWL,EAA2B,wBAEtCI,EAAQ,KAAK,MAAM,GAGdA;AACT;AAoBO,SAASE,EAAkB;AAAA,EAChC,WAAAC;AAAA,EACA,gBAAAJ;AACF,GAAoD;AAClD,QAAM,EAAE,aAAAK,GAAa,cAAAC,GAAc,oBAAAC,EAAA,IAAuBC,EAAA,GAEpDC,IAAcC,EAAQ,MAAM;AAChC,UAAMC,IAAa;AAAA,MACjB,aAAaP;AAAA,MACb,MAAMC;AAAA,MACN,KAAKC;AAAA,IAAA;AAGP,YAAQN,GAAA;AAAA,MACN,KAAK;AACH,eAAO,EAAE,GAAGW,GAAY,iBAAiB,GAAA;AAAA,MAC3C,KAAK;AACH,eAAO,EAAE,GAAGA,GAAY,WAAW,GAAA;AAAA,MACrC,KAAK;AACH,eAAO,EAAE,GAAGA,GAAY,YAAY,GAAA;AAAA,MACtC;AACE,eAAOA;AAAA,IAAA;AAAA,EAEb,GAAG,CAACP,GAAWC,GAAaC,GAAcN,CAAc,CAAC,GAEnDY,IAAmBC,EAAmBJ,GAAa,EAAE,iBAAiBK,GAAkB,GAExFC,IAA2BC,EAAA,GAC3BC,IAAiCC,EAAA,GACjCC,IACJC,EAAA,GACIC,IAAuBC,EAAA,GAEvB;AAAA,IACJ,mBAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAUC;AAAA,EAAA,IACRC,EAAc,gBAAgB,GAE5BC,IAAgBC,EAAoB,CAAChB,CAAgB,GAAG,EAAE,aAAAY,GAAa,gBAAAC,GAAgB,GAEvFI,IACJd,EAAyB,aACzBE,EAA+B,aAC/BE,EAAwB,aACxBE,EAAqB,WAEjB,EAAE,MAAAS,GAAM,YAAAC,EAAA,IAAenB,GAEvBoB,IAActB,EAAiC,OAC3CoB,GAAM,mBAAmB,CAAA,GAAI,IAAI,CAAA/B,OAAe;AAAA,IACtD,GAAGA;AAAA,IACH,gBAAgBD,EAAqBC,GAAYC,CAAc;AAAA,EAAA,EAC/D,GACD,CAAC8B,GAAM,iBAAiB9B,CAAc,CAAC,GAEpCiC,IAAkBH,GAAM,SAAS,SAAS,UAC5CvB,EAAmBuB,EAAK,SAAS,SAAS,SAASC,CAAU,IAC7D;AAAA,IACE,gBAAgB,MAAM;AAAA,IAAC;AAAA,IACvB,iBAAiB,MAAM;AAAA,IAAC;AAAA,IACxB,gBAAgB,MAAM;AAAA,IAAC;AAAA,IACvB,oBAAoB,MAAM;AAAA,IAAC;AAAA,IAC3B,0BAA0B,MAAM;AAAA,IAAC;AAAA,IACjC,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,EAAA,GAGdG,IAAW,OAAOC,MAAwC;AAC9D,UAAMZ,EAAkBY,GAAc,OAAMC,MAAM;AAChD,YAAMrB,EAAyB,YAAY;AAAA,QACzC,SAAS,EAAE,gBAAgBqB,EAAA;AAAA,MAAG,CAC/B;AAAA,IACH,CAAC;AAAA,EACH,GAEMC,IAAyB,OAC7BF,MAC0D;AAC1D,QAAIG;AAEJ,iBAAMf,EAAkBY,GAAc,OAAMC,MAAM;AAUhD,MAAAE,KATe,MAAMrB,EAA+B,YAAY;AAAA,QAC9D,SAAS;AAAA,UACP,gBAAgBmB;AAAA,UAChB,6CAA6C;AAAA,YAC3C,kBAAkBvC,EAA2B;AAAA,UAAA;AAAA,QAC/C;AAAA,MACF,CACD,GAEyB;AAAA,IAC5B,CAAC,GAEMyC;AAAA,EACT,GAEMC,IAAoB,OAAOJ,MAAwC;AACvE,UAAMZ,EAAkBY,GAAc,OAAMC,MAAM;AAChD,YAAMjB,EAAwB,YAAY;AAAA,QACxC,SAAS,EAAE,gBAAgBiB,EAAA;AAAA,MAAG,CAC/B;AAAA,IACH,CAAC;AAAA,EACH,GAEMI,IAAiB,OAAOL,MAAwC;AACpE,UAAMZ,EAAkBY,GAAc,OAAMC,MAAM;AAChD,YAAMf,EAAqB,YAAY;AAAA,QACrC,SAAS,EAAE,gBAAgBe,EAAA;AAAA,MAAG,CAC/B;AAAA,IACH,CAAC;AAAA,EACH;AAIA,SAFkB,CAACN,KAAQC,IAGlB;AAAA,IACL,WAAW;AAAA,IACX,eAAAJ;AAAA,EAAA,IAIG;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,MACJ,aAAAK;AAAA,IAAA;AAAA,IAEF,YAAYC;AAAA,IACZ,QAAQ,EAAE,YAAAF,GAAY,WAAAF,EAAA;AAAA,IACtB,SAAS,EAAE,UAAAK,GAAU,wBAAAG,GAAwB,mBAAAE,GAAmB,gBAAAC,EAAA;AAAA,IAChE,eAAAb;AAAA,EAAA;AAEJ;"}
+{"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/PaymentMethod/onboarding/PaymentMethod.js

@@ -1,87 +1,78 @@
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
-import { useTranslation as F } from "react-i18next";
-import N from "classnames";
-import { useContractorPaymentMethodForm as P } from "../shared/useContractorPaymentMethodForm/useContractorPaymentMethodForm.js";
-import { useContractorBankAccountForm as _ } from "../shared/useContractorBankAccountForm/useContractorBankAccountForm.js";
-import { useOnboardingBankAccountFieldsDictionary as R } from "./useFormDictionary.js";
-import H from "./PaymentMethod.module.scss.js";
-import { useComponentDictionary as k, useI18n as B } from "../../../../i18n/I18n.js";
-import { BaseBoundaries as L, BaseLayout as D } from "../../../Base/Base.js";
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { useTranslation as E } from "react-i18next";
+import F from "classnames";
+import { useContractorPaymentMethodForm as N } from "../shared/useContractorPaymentMethodForm/useContractorPaymentMethodForm.js";
+import { useContractorBankAccountForm as P } from "../shared/useContractorBankAccountForm/useContractorBankAccountForm.js";
+import { useOnboardingBankAccountFieldsDictionary as _ } from "./useFormDictionary.js";
+import R from "./PaymentMethod.module.scss.js";
+import { useComponentDictionary as H, useI18n as k } from "../../../../i18n/I18n.js";
+import { BaseBoundaries as B, BaseLayout as f } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { Form as S } from "../../../Common/Form/Form.js";
-import { PAYMENT_METHODS as h, componentEvents as a } from "../../../../shared/constants.js";
-import { composeErrorHandler as Y } from "../../../../partner-hook-utils/composeErrorHandler.js";
-import { composeSubmitHandler as C } from "../../../../partner-hook-utils/form/composeSubmitHandler.js";
-import { ActionsLayout as j } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Flex as y } from "../../../Common/Flex/Flex.js";
-import { ContractorBankAccountFields as w } from "../shared/ContractorBankAccountFields/ContractorBankAccountFields.js";
-function io({ dictionary: s, LoaderComponent: c, ...e }) {
-  return k("Contractor.PaymentMethod", s), /* @__PURE__ */ t(L, { componentName: "Contractor.PaymentMethod", LoaderComponent: c, children: /* @__PURE__ */ t(U, { LoaderComponent: c, ...e }) });
+import { useComponentContext as L } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Form as x } from "../../../Common/Form/Form.js";
+import { PAYMENT_METHODS as D, componentEvents as a } from "../../../../shared/constants.js";
+import { composeErrorHandler as S } from "../../../../partner-hook-utils/composeErrorHandler.js";
+import { composeSubmitHandler as h } from "../../../../partner-hook-utils/form/composeSubmitHandler.js";
+import { ActionsLayout as Y } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Flex as C } from "../../../Common/Flex/Flex.js";
+import { ContractorBankAccountFields as j } from "../shared/ContractorBankAccountFields/ContractorBankAccountFields.js";
+function eo({ dictionary: s, LoaderComponent: c, ...e }) {
+  return H("Contractor.PaymentMethod", s), /* @__PURE__ */ t(B, { componentName: "Contractor.PaymentMethod", LoaderComponent: c, children: /* @__PURE__ */ t(w, { LoaderComponent: c, ...e }) });
 }
-function U({
+function w({
   contractorId: s,
   className: c,
   onEvent: e,
   LoaderComponent: u
 }) {
-  B("Contractor.PaymentMethod");
-  const { t: n } = F("Contractor.PaymentMethod"), m = x(), r = P({
+  k("Contractor.PaymentMethod");
+  const { t: n } = E("Contractor.PaymentMethod"), m = L(), r = N({
     contractorId: s,
     shouldFocusError: !1
-  }), i = _({
+  }), i = P({
     contractorId: s,
     shouldFocusError: !1
-  }), T = R();
+  }), y = _();
   if (r.isLoading || i.isLoading) {
-    const o = Y([r, i]);
-    return /* @__PURE__ */ t(D, { isLoading: !0, error: o.errors, LoaderComponent: u });
+    const o = S([r, i]);
+    return /* @__PURE__ */ t(f, { isLoading: !0, error: o.errors, LoaderComponent: u });
   }
-  const d = r.status.isDirectDeposit, { Type: A } = r.form.Fields, b = async () => {
+  const d = r.status.isDirectDeposit, { Type: T } = r.form.Fields, A = async () => {
     const o = await i.actions.onSubmit();
     o && (e(a.CONTRACTOR_BANK_ACCOUNT_CREATED, {
       contractorBankAccount: o.data
     }), e(a.CONTRACTOR_PAYMENT_METHOD_DONE));
-  }, O = async () => {
+  }, b = async () => {
     const o = await r.actions.onSubmit();
     o && (e(a.CONTRACTOR_PAYMENT_METHOD_UPDATED, {
       contractorPaymentMethod: o.data
     }), e(a.CONTRACTOR_PAYMENT_METHOD_DONE));
-  }, { handleSubmit: g, errorHandling: M } = d ? C([r, i], b) : C([r], O), l = r.status.isPending || i.status.isPending, E = (o) => /* @__PURE__ */ t(
-    m.RadioGroup,
-    {
-      ...o,
-      shouldVisuallyHideLabel: !0,
-      options: o.options.map((p) => ({
-        ...p,
-        description: p.value === h.directDeposit ? n("directDepositDescription") : n("checkDescription")
-      }))
-    }
-  );
-  return /* @__PURE__ */ t("section", { className: N(H.root, c), children: /* @__PURE__ */ t(D, { error: M.errors, LoaderComponent: u, children: /* @__PURE__ */ t(S, { onSubmit: g, children: /* @__PURE__ */ f(y, { gap: 32, flexDirection: "column", children: [
+  }, { handleSubmit: O, errorHandling: g } = d ? h([r, i], A) : h([r], b), l = r.status.isPending || i.status.isPending, M = (o) => /* @__PURE__ */ t(m.RadioGroup, { ...o, shouldVisuallyHideLabel: !0 });
+  return /* @__PURE__ */ t("section", { className: F(R.root, c), children: /* @__PURE__ */ t(f, { error: g.errors, LoaderComponent: u, children: /* @__PURE__ */ t(x, { onSubmit: O, children: /* @__PURE__ */ p(C, { gap: 32, flexDirection: "column", children: [
     /* @__PURE__ */ t(m.Heading, { as: "h2", children: n("title") }),
-    /* @__PURE__ */ f(y, { flexDirection: "column", gap: 20, children: [
+    /* @__PURE__ */ p(C, { flexDirection: "column", gap: 20, children: [
       /* @__PURE__ */ t(
-        A,
+        T,
         {
           label: n("paymentFieldsetLegend"),
-          getOptionLabel: (o) => o === h.directDeposit ? n("directDepositLabel") : n("checkLabel"),
-          FieldComponent: E,
+          getOptionLabel: (o) => o === D.directDeposit ? n("directDepositLabel") : n("checkLabel"),
+          getOptionDescription: (o) => o === D.directDeposit ? n("directDepositDescription") : n("checkDescription"),
+          FieldComponent: M,
           formHookResult: r
         }
       ),
       d && /* @__PURE__ */ t(
-        w,
+        j,
         {
           bankAccountForm: i,
-          dictionary: T
+          dictionary: y
         }
       )
     ] }),
-    /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(m.Button, { type: "submit", variant: "primary", isDisabled: l, children: n(l ? "submittingCta" : "continueCta") }) })
+    /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(m.Button, { type: "submit", variant: "primary", isDisabled: l, children: n(l ? "submittingCta" : "continueCta") }) })
   ] }) }) }) });
 }
 export {
-  io as PaymentMethod
+  eo as PaymentMethod
 };
 //# sourceMappingURL=PaymentMethod.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethod.js","sources":["../../../../../src/components/Contractor/PaymentMethod/onboarding/PaymentMethod.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport {\n  useContractorPaymentMethodForm,\n  type ContractorPaymentMethodFormType,\n} from '../shared/useContractorPaymentMethodForm'\nimport { useContractorBankAccountForm } from '../shared/useContractorBankAccountForm'\nimport { ContractorBankAccountFields } from '../shared/ContractorBankAccountFields'\nimport type { PaymentMethodProps } from './types'\nimport { useOnboardingBankAccountFieldsDictionary } from './useFormDictionary'\nimport styles from './PaymentMethod.module.scss'\nimport { useI18n } from '@/i18n'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents, PAYMENT_METHODS } from '@/shared/constants'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { ActionsLayout } from '@/components/Common/ActionsLayout'\nimport { Flex } from '@/components/Common'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\n\n/**\n * Manages a contractor's payment method, capturing a bank account for direct deposit or recording check as the payment method.\n *\n * Displays the current payment type, lets the user switch between direct deposit and check, and\n * collects bank account details (account holder name, routing number, account number, and account\n * type) when direct deposit is selected. Direct deposit creates the bank account (which updates the\n * payment method server-side); check updates the contractor's payment method type directly.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/bankAccount/created` | Fired on the direct deposit path after the bank account is created | The created bank account at `.contractorBankAccount` |\n * | `contractor/paymentMethod/updated` | Fired on the check path after the payment method type is updated | The updated payment method at `.contractorPaymentMethod` |\n * | `contractor/paymentMethod/done` | Fired when the payment method step completes | — |\n *\n * @param props - Component configuration; see {@link PaymentMethodProps}.\n * @returns The rendered payment method form.\n * @public\n *\n * @example\n * ```tsx\n * import { ContractorOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function PaymentMethodStep() {\n *   return (\n *     <ContractorOnboarding.PaymentMethod\n *       contractorId=\"contractor-uuid\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function PaymentMethod({ dictionary, LoaderComponent, ...props }: PaymentMethodProps) {\n  useComponentDictionary('Contractor.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Contractor.PaymentMethod\" LoaderComponent={LoaderComponent}>\n      <Root LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({\n  contractorId,\n  className,\n  onEvent,\n  LoaderComponent,\n}: Omit<PaymentMethodProps, 'dictionary'>) {\n  useI18n('Contractor.PaymentMethod')\n  const { t } = useTranslation('Contractor.PaymentMethod')\n  const Components = useComponentContext()\n\n  const paymentMethodForm = useContractorPaymentMethodForm({\n    contractorId,\n    shouldFocusError: false,\n  })\n  const bankAccountForm = useContractorBankAccountForm({\n    contractorId,\n    shouldFocusError: false,\n  })\n  const bankAccountFieldsDictionary = useOnboardingBankAccountFieldsDictionary()\n\n  if (paymentMethodForm.isLoading || bankAccountForm.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([paymentMethodForm, bankAccountForm])\n    return (\n      <BaseLayout isLoading error={loadingErrorHandling.errors} LoaderComponent={LoaderComponent} />\n    )\n  }\n\n  const isDirectDeposit = paymentMethodForm.status.isDirectDeposit\n  const { Type } = paymentMethodForm.form.Fields\n\n  // Direct Deposit always submits the bank account (which sets the payment\n  // method server-side); Check updates the payment method type directly. The\n  // account number is pre-filled with the masked token, which the API treats as\n  // \"keep the existing account,\" so an unchanged submit preserves it while a\n  // newly typed number replaces it.\n  const submitDirectDeposit = async () => {\n    const result = await bankAccountForm.actions.onSubmit()\n    if (!result) return\n    onEvent(componentEvents.CONTRACTOR_BANK_ACCOUNT_CREATED, {\n      contractorBankAccount: result.data,\n    })\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE)\n  }\n\n  const submitCheck = async () => {\n    const result = await paymentMethodForm.actions.onSubmit()\n    if (!result) return\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_UPDATED, {\n      contractorPaymentMethod: result.data,\n    })\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE)\n  }\n\n  const { handleSubmit, errorHandling } = isDirectDeposit\n    ? composeSubmitHandler([paymentMethodForm, bankAccountForm], submitDirectDeposit)\n    : composeSubmitHandler([paymentMethodForm], submitCheck)\n\n  const isPending = paymentMethodForm.status.isPending || bankAccountForm.status.isPending\n\n  const TypeFieldComponent = (radioProps: RadioGroupProps) => (\n    <Components.RadioGroup\n      {...radioProps}\n      shouldVisuallyHideLabel\n      options={radioProps.options.map(option => ({\n        ...option,\n        description:\n          option.value === PAYMENT_METHODS.directDeposit\n            ? t('directDepositDescription')\n            : t('checkDescription'),\n      }))}\n    />\n  )\n\n  return (\n    <section className={classNames(styles.root, className)}>\n      <BaseLayout error={errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <Form onSubmit={handleSubmit}>\n          <Flex gap={32} flexDirection=\"column\">\n            <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n            <Flex flexDirection=\"column\" gap={20}>\n              <Type\n                label={t('paymentFieldsetLegend')}\n                getOptionLabel={(value: ContractorPaymentMethodFormType) =>\n                  value === PAYMENT_METHODS.directDeposit\n                    ? t('directDepositLabel')\n                    : t('checkLabel')\n                }\n                FieldComponent={TypeFieldComponent}\n                formHookResult={paymentMethodForm}\n              />\n              {isDirectDeposit && (\n                <ContractorBankAccountFields\n                  bankAccountForm={bankAccountForm}\n                  dictionary={bankAccountFieldsDictionary}\n                />\n              )}\n            </Flex>\n            <ActionsLayout>\n              <Components.Button type=\"submit\" variant=\"primary\" isDisabled={isPending}>\n                {isPending ? t('submittingCta') : t('continueCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["PaymentMethod","dictionary","LoaderComponent","props","useComponentDictionary","jsx","BaseBoundaries","Root","contractorId","className","onEvent","useI18n","t","useTranslation","Components","useComponentContext","paymentMethodForm","useContractorPaymentMethodForm","bankAccountForm","useContractorBankAccountForm","bankAccountFieldsDictionary","useOnboardingBankAccountFieldsDictionary","loadingErrorHandling","composeErrorHandler","BaseLayout","isDirectDeposit","Type","submitDirectDeposit","result","componentEvents","submitCheck","handleSubmit","errorHandling","composeSubmitHandler","isPending","TypeFieldComponent","radioProps","option","PAYMENT_METHODS","classNames","styles","Form","Flex","jsxs","value","ContractorBankAccountFields","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"PaymentMethod.js","sources":["../../../../../src/components/Contractor/PaymentMethod/onboarding/PaymentMethod.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport {\n  useContractorPaymentMethodForm,\n  type ContractorPaymentMethodFormType,\n} from '../shared/useContractorPaymentMethodForm'\nimport { useContractorBankAccountForm } from '../shared/useContractorBankAccountForm'\nimport { ContractorBankAccountFields } from '../shared/ContractorBankAccountFields'\nimport type { PaymentMethodProps } from './types'\nimport { useOnboardingBankAccountFieldsDictionary } from './useFormDictionary'\nimport styles from './PaymentMethod.module.scss'\nimport { useI18n } from '@/i18n'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents, PAYMENT_METHODS } from '@/shared/constants'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { ActionsLayout } from '@/components/Common/ActionsLayout'\nimport { Flex } from '@/components/Common'\nimport type { RadioGroupProps } from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\n\n/**\n * Manages a contractor's payment method, capturing a bank account for direct deposit or recording check as the payment method.\n *\n * Displays the current payment type, lets the user switch between direct deposit and check, and\n * collects bank account details (account holder name, routing number, account number, and account\n * type) when direct deposit is selected. Direct deposit creates the bank account (which updates the\n * payment method server-side); check updates the contractor's payment method type directly.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/bankAccount/created` | Fired on the direct deposit path after the bank account is created | The created bank account at `.contractorBankAccount` |\n * | `contractor/paymentMethod/updated` | Fired on the check path after the payment method type is updated | The updated payment method at `.contractorPaymentMethod` |\n * | `contractor/paymentMethod/done` | Fired when the payment method step completes | — |\n *\n * @param props - Component configuration; see {@link PaymentMethodProps}.\n * @returns The rendered payment method form.\n * @public\n *\n * @example\n * ```tsx\n * import { ContractorOnboarding } from '@gusto/embedded-react-sdk'\n *\n * function PaymentMethodStep() {\n *   return (\n *     <ContractorOnboarding.PaymentMethod\n *       contractorId=\"contractor-uuid\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function PaymentMethod({ dictionary, LoaderComponent, ...props }: PaymentMethodProps) {\n  useComponentDictionary('Contractor.PaymentMethod', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Contractor.PaymentMethod\" LoaderComponent={LoaderComponent}>\n      <Root LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({\n  contractorId,\n  className,\n  onEvent,\n  LoaderComponent,\n}: Omit<PaymentMethodProps, 'dictionary'>) {\n  useI18n('Contractor.PaymentMethod')\n  const { t } = useTranslation('Contractor.PaymentMethod')\n  const Components = useComponentContext()\n\n  const paymentMethodForm = useContractorPaymentMethodForm({\n    contractorId,\n    shouldFocusError: false,\n  })\n  const bankAccountForm = useContractorBankAccountForm({\n    contractorId,\n    shouldFocusError: false,\n  })\n  const bankAccountFieldsDictionary = useOnboardingBankAccountFieldsDictionary()\n\n  if (paymentMethodForm.isLoading || bankAccountForm.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([paymentMethodForm, bankAccountForm])\n    return (\n      <BaseLayout isLoading error={loadingErrorHandling.errors} LoaderComponent={LoaderComponent} />\n    )\n  }\n\n  const isDirectDeposit = paymentMethodForm.status.isDirectDeposit\n  const { Type } = paymentMethodForm.form.Fields\n\n  // Direct Deposit always submits the bank account (which sets the payment\n  // method server-side); Check updates the payment method type directly. The\n  // account number is pre-filled with the masked token, which the API treats as\n  // \"keep the existing account,\" so an unchanged submit preserves it while a\n  // newly typed number replaces it.\n  const submitDirectDeposit = async () => {\n    const result = await bankAccountForm.actions.onSubmit()\n    if (!result) return\n    onEvent(componentEvents.CONTRACTOR_BANK_ACCOUNT_CREATED, {\n      contractorBankAccount: result.data,\n    })\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE)\n  }\n\n  const submitCheck = async () => {\n    const result = await paymentMethodForm.actions.onSubmit()\n    if (!result) return\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_UPDATED, {\n      contractorPaymentMethod: result.data,\n    })\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE)\n  }\n\n  const { handleSubmit, errorHandling } = isDirectDeposit\n    ? composeSubmitHandler([paymentMethodForm, bankAccountForm], submitDirectDeposit)\n    : composeSubmitHandler([paymentMethodForm], submitCheck)\n\n  const isPending = paymentMethodForm.status.isPending || bankAccountForm.status.isPending\n\n  // Only here to hide the fieldset legend — `shouldVisuallyHideLabel` isn't part of\n  // `BaseFieldProps`, so it can't be passed through the hook field. Option copy comes from\n  // `getOptionLabel` / `getOptionDescription` below.\n  const TypeFieldComponent = (radioProps: RadioGroupProps) => (\n    <Components.RadioGroup {...radioProps} shouldVisuallyHideLabel />\n  )\n\n  return (\n    <section className={classNames(styles.root, className)}>\n      <BaseLayout error={errorHandling.errors} LoaderComponent={LoaderComponent}>\n        <Form onSubmit={handleSubmit}>\n          <Flex gap={32} flexDirection=\"column\">\n            <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n            <Flex flexDirection=\"column\" gap={20}>\n              <Type\n                label={t('paymentFieldsetLegend')}\n                getOptionLabel={(value: ContractorPaymentMethodFormType) =>\n                  value === PAYMENT_METHODS.directDeposit\n                    ? t('directDepositLabel')\n                    : t('checkLabel')\n                }\n                getOptionDescription={(value: ContractorPaymentMethodFormType) =>\n                  value === PAYMENT_METHODS.directDeposit\n                    ? t('directDepositDescription')\n                    : t('checkDescription')\n                }\n                FieldComponent={TypeFieldComponent}\n                formHookResult={paymentMethodForm}\n              />\n              {isDirectDeposit && (\n                <ContractorBankAccountFields\n                  bankAccountForm={bankAccountForm}\n                  dictionary={bankAccountFieldsDictionary}\n                />\n              )}\n            </Flex>\n            <ActionsLayout>\n              <Components.Button type=\"submit\" variant=\"primary\" isDisabled={isPending}>\n                {isPending ? t('submittingCta') : t('continueCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["PaymentMethod","dictionary","LoaderComponent","props","useComponentDictionary","jsx","BaseBoundaries","Root","contractorId","className","onEvent","useI18n","t","useTranslation","Components","useComponentContext","paymentMethodForm","useContractorPaymentMethodForm","bankAccountForm","useContractorBankAccountForm","bankAccountFieldsDictionary","useOnboardingBankAccountFieldsDictionary","loadingErrorHandling","composeErrorHandler","BaseLayout","isDirectDeposit","Type","submitDirectDeposit","result","componentEvents","submitCheck","handleSubmit","errorHandling","composeSubmitHandler","isPending","TypeFieldComponent","radioProps","classNames","styles","Form","Flex","jsxs","value","PAYMENT_METHODS","ContractorBankAccountFields","ActionsLayout"],"mappings":"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"}