@gusto/embedded-react-sdk 0.57.1 → 0.57.3

package/dist/components/Contractor/Submit/Submit.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import { useTranslation as _ } from "react-i18next";
-import { useContractorsUpdateOnboardingStatusMutation as w } from "@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus";
+import { useContractorsUpdateOnboardingStatusMutation as L } from "@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus";
 import { useContractorsGetOnboardingStatusSuspense as M } from "@gusto/embedded-api/react-query/contractorsGetOnboardingStatus";
 import { useContractorsGetSuspense as N } from "@gusto/embedded-api/react-query/contractorsGet";
 import { useContractorDocumentsGetAllSuspense as q } from "@gusto/embedded-api/react-query/contractorDocumentsGetAll";
@@ -8,7 +8,7 @@ import { useContractorDocumentsGetPdf as G } from "@gusto/embedded-api/react-que
 import { SubmitDone as P } from "./SubmitDone.js";
 import { Flex as l, FlexItem as j } from "../../Common/Flex/Flex.js";
 import { ActionsLayout as k } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as g } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as h } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as H, useComponentDictionary as W } from "../../../i18n/I18n.js";
 import { BaseComponent as F } from "../../Base/Base.js";
 import { useBase as V } from "../../Base/useBase.js";
@@ -16,18 +16,18 @@ import { ContractorOnboardingStatus as S, componentEvents as p } from "../../../
 import { firstLastName as z } from "../../../helpers/formattedStrings.js";
 import { W9_DOCUMENT_NAME as R } from "../Documents/shared/SignatureForm/useContractorSignatureForm/w9Fields.js";
 import { useContractorHasSignedW9 as J } from "../shared/useContractorHasSignedW9.js";
-function gt(e) {
+function ht(e) {
   return /* @__PURE__ */ t(F, { ...e, children: /* @__PURE__ */ t(K, { ...e, children: e.children }) });
 }
 const K = ({ contractorId: e, selfOnboarding: a, dictionary: u, className: r }) => {
   H("Contractor.Submit"), W("Contractor.Submit", u);
-  const { Alert: c, Button: m, Heading: i, UnorderedList: d } = g(), { t: n } = _("Contractor.Submit"), { onEvent: o, baseSubmitHandler: C } = V(), h = Object.values(n("warningItems", { returnObjects: !0 })), { data: b } = M({
+  const { Alert: c, Button: m, Heading: i, UnorderedList: d } = h(), { t: n } = _("Contractor.Submit"), { onEvent: o, baseSubmitHandler: C } = V(), g = Object.values(n("warningItems", { returnObjects: !0 })), { data: b } = M({
     contractorUuid: e
-  }), D = b.contractorOnboardingStatus?.onboardingStatus, { data: x } = N({ contractorUuid: e }), O = x.contractor, A = O?.type === "Individual" ? O.firstName : O?.businessName, { data: U } = q({
+  }), D = b.contractorOnboardingStatus?.onboardingStatus, { data: x } = N({ contractorUuid: e }), O = x.contractorShow, A = O?.type === "Individual" ? O.firstName : O?.businessName, { data: U } = q({
     contractorUuid: e
   }), T = (U.documents ?? []).filter(
     (f) => f.requiresSigning && !f.signedAt
-  ), B = T.some((f) => f.name === R), { mutateAsync: E, isPending: v } = w(), y = async () => {
+  ), B = T.some((f) => f.name === R), { mutateAsync: E, isPending: v } = L(), w = async () => {
     await C(null, async () => {
       const f = await E({
         request: {
@@ -42,20 +42,20 @@ const K = ({ contractorId: e, selfOnboarding: a, dictionary: u, className: r })
         f.contractorOnboardingStatus
       ), o(p.CONTRACTOR_SUBMIT_DONE, { message: n("submitDone.successMessage") });
     });
-  }, I = () => {
+  }, y = () => {
     o(p.CONTRACTOR_INVITE_CONTRACTOR, { contractorId: e }), o(p.CONTRACTOR_SUBMIT_DONE, {
       message: n("inviteContractor.successMessage")
     });
-  }, L = () => {
+  }, I = () => {
     o(p.CONTRACTOR_SUBMIT_DONE, {
       onboardingStatus: D,
       message: n("submitDone.successMessage")
     });
   };
-  return D === S.ONBOARDING_COMPLETED ? /* @__PURE__ */ t(P, { onDone: L, className: r }) : D === S.SELF_ONBOARDING_NOT_INVITED && a ? /* @__PURE__ */ t(
+  return D === S.ONBOARDING_COMPLETED ? /* @__PURE__ */ t(P, { onDone: I, className: r }) : D === S.SELF_ONBOARDING_NOT_INVITED && a ? /* @__PURE__ */ t(
     Y,
     {
-      onSubmit: I,
+      onSubmit: y,
       contractorId: e,
       className: r
     }
@@ -71,8 +71,8 @@ const K = ({ contractorId: e, selfOnboarding: a, dictionary: u, className: r })
       }
     ),
     /* @__PURE__ */ s(l, { flexDirection: "column", gap: 8, children: [
-      /* @__PURE__ */ t(c, { status: "warning", label: n("title"), children: /* @__PURE__ */ t(d, { items: h }) }),
-      /* @__PURE__ */ t(k, { justifyContent: "end", children: /* @__PURE__ */ t(m, { title: n("submitCta"), onClick: y, isLoading: v, children: n("submitCta") }) })
+      /* @__PURE__ */ t(c, { status: "warning", label: n("title"), children: /* @__PURE__ */ t(d, { items: g }) }),
+      /* @__PURE__ */ t(k, { justifyContent: "end", children: /* @__PURE__ */ t(m, { title: n("submitCta"), onClick: w, isLoading: v, children: n("submitCta") }) })
     ] })
   ] });
 }, Q = ({
@@ -81,7 +81,7 @@ const K = ({ contractorId: e, selfOnboarding: a, dictionary: u, className: r })
   contractorName: u,
   hasW9: r
 }) => {
-  const c = J(e), { Alert: m, Box: i, BoxHeader: d } = g(), { t: n } = _("Contractor.Submit");
+  const c = J(e), { Alert: m, Box: i, BoxHeader: d } = h(), { t: n } = _("Contractor.Submit");
   return c || a.length === 0 ? null : /* @__PURE__ */ t(
     i,
     {
@@ -94,11 +94,11 @@ const K = ({ contractorId: e, selfOnboarding: a, dictionary: u, className: r })
       ),
       children: /* @__PURE__ */ s(l, { flexDirection: "column", gap: 16, children: [
         a.map((o) => {
-          const C = o.name === R, h = C ? n("documentRequirements.documents.taxpayer_identification_form_w_9.title") : o.title ?? "", b = C ? n("documentRequirements.documents.taxpayer_identification_form_w_9.description") : o.description ?? "";
+          const C = o.name === R, g = C ? n("documentRequirements.documents.taxpayer_identification_form_w_9.title") : o.title ?? "", b = C ? n("documentRequirements.documents.taxpayer_identification_form_w_9.description") : o.description ?? "";
           return /* @__PURE__ */ t(
             X,
             {
-              title: h,
+              title: g,
               description: b,
               document: o,
               downloadLabel: n("documentRequirements.downloadCta")
@@ -116,7 +116,7 @@ const K = ({ contractorId: e, selfOnboarding: a, dictionary: u, className: r })
   document: u,
   downloadLabel: r
 }) => {
-  const { Text: c, Button: m } = g(), i = u?.uuid, { data: d, isLoading: n } = G(
+  const { Text: c, Button: m } = h(), i = u?.uuid, { data: d, isLoading: n } = G(
     { documentUuid: i ?? "" },
     { enabled: !!i }
   ), o = d?.documentPdf?.documentUrl ?? null;
@@ -142,7 +142,7 @@ const K = ({ contractorId: e, selfOnboarding: a, dictionary: u, className: r })
   contractorId: a,
   className: u
 }) => {
-  const { t: r } = _("Contractor.Submit", { keyPrefix: "inviteContractor" }), { Button: c, Heading: m, Text: i } = g(), { data: d } = N({ contractorUuid: a }), n = d.contractor;
+  const { t: r } = _("Contractor.Submit", { keyPrefix: "inviteContractor" }), { Button: c, Heading: m, Text: i } = h(), { data: d } = N({ contractorUuid: a }), n = d.contractorShow;
   return /* @__PURE__ */ s(l, { className: u, flexDirection: "column", children: [
     /* @__PURE__ */ t(m, { as: "h2", children: r("title") }),
     /* @__PURE__ */ t(i, { children: r("description") }),
@@ -163,6 +163,6 @@ const K = ({ contractorId: e, selfOnboarding: a, dictionary: u, className: r })
   ] });
 };
 export {
-  gt as ContractorSubmit
+  ht as ContractorSubmit
 };
 //# sourceMappingURL=Submit.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Submit.js","sources":["../../../../src/components/Contractor/Submit/Submit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus'\nimport { useContractorsGetOnboardingStatusSuspense } from '@gusto/embedded-api/react-query/contractorsGetOnboardingStatus'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorDocumentsGetAllSuspense } from '@gusto/embedded-api/react-query/contractorDocumentsGetAll'\nimport { useContractorDocumentsGetPdf } from '@gusto/embedded-api/react-query/contractorDocumentsGetPdf'\nimport type { Document } from '@gusto/embedded-api/models/components/document'\nimport { SubmitDone } from './SubmitDone'\nimport { ActionsLayout, Flex, FlexItem } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { W9_DOCUMENT_NAME } from '@/components/Contractor/Documents/shared/SignatureForm/useContractorSignatureForm/w9Fields'\nimport { useContractorHasSignedW9 } from '@/components/Contractor/shared/useContractorHasSignedW9'\n\n/**\n * Props for {@link ContractorSubmit}.\n *\n * @public\n */\nexport interface ContractorSubmitProps extends BaseComponentInterface<'Contractor.Submit'> {\n  /** UUID of the contractor being submitted. */\n  contractorId: string\n  /** When true, adjusts the submission for the self-onboarding flow, surfacing the invite step before the contractor's onboarding status is finalized. */\n  selfOnboarding?: boolean\n}\n\n/**\n * Finalizes contractor onboarding by updating the onboarding status, and in the self-onboarding flow can trigger an invitation to the contractor.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/onboardingStatus/updated` | The contractor's onboarding status was successfully updated. | The updated `contractorOnboardingStatus` returned by the API. |\n * | `contractor/invite/selfOnboarding` | The invite action was triggered for a self-onboarding contractor. | `{ contractorId: string }` |\n * | `contractor/submit/done` | The submission step finished — fired after a successful status update, after an invite, or when the contractor was already onboarded. | `{ message: string }`, optionally with `onboardingStatus` when the contractor was already completed. |\n *\n * @param props - See {@link ContractorSubmitProps}.\n * @returns The rendered submission step.\n * @public\n */\nexport function ContractorSubmit(props: ContractorSubmitProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ contractorId, selfOnboarding, dictionary, className }: ContractorSubmitProps) => {\n  useI18n('Contractor.Submit')\n  useComponentDictionary('Contractor.Submit', dictionary)\n  const { Alert, Button, Heading, UnorderedList } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const items = Object.values(t('warningItems', { returnObjects: true }))\n\n  const { data } = useContractorsGetOnboardingStatusSuspense({\n    contractorUuid: contractorId,\n  })\n  const onboardingStatus = data.contractorOnboardingStatus?.onboardingStatus\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractor = contractorData.contractor\n  const contractorName =\n    contractor?.type === 'Individual' ? contractor.firstName : contractor?.businessName\n\n  const { data: documentsData } = useContractorDocumentsGetAllSuspense({\n    contractorUuid: contractorId,\n  })\n  const documentsToCollect = (documentsData.documents ?? []).filter(\n    d => d.requiresSigning && !d.signedAt,\n  )\n  const hasW9 = documentsToCollect.some(d => d.name === W9_DOCUMENT_NAME)\n\n  const { mutateAsync, isPending } = useContractorsUpdateOnboardingStatusMutation()\n\n  const onSubmit = async () => {\n    await baseSubmitHandler(null, async () => {\n      const response = await mutateAsync({\n        request: {\n          contractorUuid: contractorId,\n          contractorOnboardingStatusUpdateRequestBody: {\n            onboardingStatus: ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n          },\n        },\n      })\n      onEvent(\n        componentEvents.CONTRACTOR_ONBOARDING_STATUS_UPDATED,\n        response.contractorOnboardingStatus,\n      )\n      onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, { message: t('submitDone.successMessage') })\n    })\n  }\n  const handleInviteContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_INVITE_CONTRACTOR, { contractorId })\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      message: t('inviteContractor.successMessage'),\n    })\n  }\n\n  const handleSubmitDone = () => {\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      onboardingStatus,\n      message: t('submitDone.successMessage'),\n    })\n  }\n\n  if (onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED) {\n    return <SubmitDone onDone={handleSubmitDone} className={className} />\n  }\n  if (\n    onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED &&\n    selfOnboarding\n  ) {\n    return (\n      <InviteContractor\n        onSubmit={handleInviteContractor}\n        contractorId={contractorId}\n        className={className}\n      />\n    )\n  }\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={24}>\n      <FlexItem>\n        <Heading as=\"h2\">{t('heading')}</Heading>\n      </FlexItem>\n\n      <ContractorSubmitDocuments\n        contractorId={contractorId}\n        documentsToCollect={documentsToCollect}\n        contractorName={contractorName}\n        hasW9={hasW9}\n      />\n      <Flex flexDirection=\"column\" gap={8}>\n        <Alert status=\"warning\" label={t('title')}>\n          <UnorderedList items={items} />\n        </Alert>\n        <ActionsLayout justifyContent=\"end\">\n          <Button title={t('submitCta')} onClick={onSubmit} isLoading={isPending}>\n            {t('submitCta')}\n          </Button>\n        </ActionsLayout>\n      </Flex>\n    </Flex>\n  )\n}\n\nconst ContractorSubmitDocuments = ({\n  contractorId,\n  documentsToCollect,\n  contractorName,\n  hasW9,\n}: {\n  contractorId: string\n  documentsToCollect: Document[]\n  contractorName: string | null | undefined\n  hasW9: boolean\n}) => {\n  const hasSignedW9 = useContractorHasSignedW9(contractorId)\n  const { Alert, Box, BoxHeader } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n\n  // If the contractor already signed a W-9 during self-onboarding, we don't\n  // show manual collection instructions.\n  if (hasSignedW9) {\n    return null\n  }\n\n  if (documentsToCollect.length === 0) {\n    return null\n  }\n\n  return (\n    <Box\n      header={\n        <BoxHeader\n          title={t('documentRequirements.title')}\n          description={t('documentRequirements.description', { contractorName })}\n        />\n      }\n    >\n      <Flex flexDirection=\"column\" gap={16}>\n        {documentsToCollect.map(document => {\n          const isW9 = document.name === W9_DOCUMENT_NAME\n          const title = isW9\n            ? t('documentRequirements.documents.taxpayer_identification_form_w_9.title')\n            : (document.title ?? '')\n          const description = isW9\n            ? t('documentRequirements.documents.taxpayer_identification_form_w_9.description')\n            : (document.description ?? '')\n          return (\n            <DocumentRequirementItem\n              key={document.uuid}\n              title={title}\n              description={description}\n              document={document}\n              downloadLabel={t('documentRequirements.downloadCta')}\n            />\n          )\n        })}\n        {hasW9 && <Alert status=\"info\" label={t('documentRequirements.alertLabel')}></Alert>}\n      </Flex>\n    </Box>\n  )\n}\n\nconst DocumentRequirementItem = ({\n  title,\n  description,\n  document,\n  downloadLabel,\n}: {\n  title: string\n  description: string\n  document: Document | undefined\n  downloadLabel: string\n}) => {\n  const { Text, Button } = useComponentContext()\n  const documentUuid = document?.uuid\n  const { data: pdfData, isLoading: isPdfLoading } = useContractorDocumentsGetPdf(\n    { documentUuid: documentUuid ?? '' },\n    { enabled: Boolean(documentUuid) },\n  )\n  const pdfUrl = pdfData?.documentPdf?.documentUrl ?? null\n\n  return (\n    <Flex gap={16} justifyContent=\"space-between\" alignItems=\"center\">\n      <Flex flexDirection=\"column\" gap={4}>\n        <Text weight=\"medium\">{title}</Text>\n        <Text variant=\"supporting\">{description}</Text>\n      </Flex>\n      {(isPdfLoading || pdfUrl) && (\n        <Button\n          variant=\"secondary\"\n          isLoading={isPdfLoading}\n          onClick={() => {\n            if (pdfUrl) window.open(pdfUrl, '_blank', 'noopener,noreferrer')\n          }}\n        >\n          {downloadLabel}\n        </Button>\n      )}\n    </Flex>\n  )\n}\n\nconst InviteContractor = ({\n  onSubmit,\n  contractorId,\n  className,\n}: {\n  onSubmit: () => void\n  contractorId: string\n  /** CSS class name applied to the root element. */\n  className?: string\n}) => {\n  const { t } = useTranslation('Contractor.Submit', { keyPrefix: 'inviteContractor' })\n  const { Button, Heading, Text } = useComponentContext()\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractor = contractorData.contractor\n\n  return (\n    <Flex className={className} flexDirection=\"column\">\n      <Heading as=\"h2\">{t('title')}</Heading>\n      <Text>{t('description')}</Text>\n      <Flex flexDirection=\"column\">\n        <div>\n          <Text>\n            {firstLastName({\n              first_name: contractor?.firstName,\n              last_name: contractor?.lastName,\n            })}\n          </Text>\n          <Text>{contractor?.email}</Text>\n        </div>\n        <div>\n          <Text>{t('startDateLabel')}</Text>\n          <Text>{contractor?.startDate}</Text>\n        </div>\n      </Flex>\n      <Button title={t('inviteCta')} onClick={onSubmit}>\n        {t('inviteCta')}\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["ContractorSubmit","props","jsx","BaseComponent","Root","contractorId","selfOnboarding","dictionary","className","useI18n","useComponentDictionary","Alert","Button","Heading","UnorderedList","useComponentContext","t","useTranslation","onEvent","baseSubmitHandler","useBase","items","data","useContractorsGetOnboardingStatusSuspense","onboardingStatus","contractorData","useContractorsGetSuspense","contractor","contractorName","documentsData","useContractorDocumentsGetAllSuspense","documentsToCollect","d","hasW9","W9_DOCUMENT_NAME","mutateAsync","isPending","useContractorsUpdateOnboardingStatusMutation","onSubmit","response","ContractorOnboardingStatus","componentEvents","handleInviteContractor","handleSubmitDone","SubmitDone","InviteContractor","Flex","FlexItem","ContractorSubmitDocuments","jsxs","ActionsLayout","hasSignedW9","useContractorHasSignedW9","Box","BoxHeader","document","isW9","title","description","DocumentRequirementItem","downloadLabel","Text","documentUuid","pdfData","isPdfLoading","useContractorDocumentsGetPdf","pdfUrl","firstLastName"],"mappings":"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"}
+{"version":3,"file":"Submit.js","sources":["../../../../src/components/Contractor/Submit/Submit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus'\nimport { useContractorsGetOnboardingStatusSuspense } from '@gusto/embedded-api/react-query/contractorsGetOnboardingStatus'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorDocumentsGetAllSuspense } from '@gusto/embedded-api/react-query/contractorDocumentsGetAll'\nimport { useContractorDocumentsGetPdf } from '@gusto/embedded-api/react-query/contractorDocumentsGetPdf'\nimport type { Document } from '@gusto/embedded-api/models/components/document'\nimport { SubmitDone } from './SubmitDone'\nimport { ActionsLayout, Flex, FlexItem } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { W9_DOCUMENT_NAME } from '@/components/Contractor/Documents/shared/SignatureForm/useContractorSignatureForm/w9Fields'\nimport { useContractorHasSignedW9 } from '@/components/Contractor/shared/useContractorHasSignedW9'\n\n/**\n * Props for {@link ContractorSubmit}.\n *\n * @public\n */\nexport interface ContractorSubmitProps extends BaseComponentInterface<'Contractor.Submit'> {\n  /** UUID of the contractor being submitted. */\n  contractorId: string\n  /** When true, adjusts the submission for the self-onboarding flow, surfacing the invite step before the contractor's onboarding status is finalized. */\n  selfOnboarding?: boolean\n}\n\n/**\n * Finalizes contractor onboarding by updating the onboarding status, and in the self-onboarding flow can trigger an invitation to the contractor.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/onboardingStatus/updated` | The contractor's onboarding status was successfully updated. | The updated `contractorOnboardingStatus` returned by the API. |\n * | `contractor/invite/selfOnboarding` | The invite action was triggered for a self-onboarding contractor. | `{ contractorId: string }` |\n * | `contractor/submit/done` | The submission step finished — fired after a successful status update, after an invite, or when the contractor was already onboarded. | `{ message: string }`, optionally with `onboardingStatus` when the contractor was already completed. |\n *\n * @param props - See {@link ContractorSubmitProps}.\n * @returns The rendered submission step.\n * @public\n */\nexport function ContractorSubmit(props: ContractorSubmitProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ contractorId, selfOnboarding, dictionary, className }: ContractorSubmitProps) => {\n  useI18n('Contractor.Submit')\n  useComponentDictionary('Contractor.Submit', dictionary)\n  const { Alert, Button, Heading, UnorderedList } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const items = Object.values(t('warningItems', { returnObjects: true }))\n\n  const { data } = useContractorsGetOnboardingStatusSuspense({\n    contractorUuid: contractorId,\n  })\n  const onboardingStatus = data.contractorOnboardingStatus?.onboardingStatus\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractor = contractorData.contractorShow\n  const contractorName =\n    contractor?.type === 'Individual' ? contractor.firstName : contractor?.businessName\n\n  const { data: documentsData } = useContractorDocumentsGetAllSuspense({\n    contractorUuid: contractorId,\n  })\n  const documentsToCollect = (documentsData.documents ?? []).filter(\n    d => d.requiresSigning && !d.signedAt,\n  )\n  const hasW9 = documentsToCollect.some(d => d.name === W9_DOCUMENT_NAME)\n\n  const { mutateAsync, isPending } = useContractorsUpdateOnboardingStatusMutation()\n\n  const onSubmit = async () => {\n    await baseSubmitHandler(null, async () => {\n      const response = await mutateAsync({\n        request: {\n          contractorUuid: contractorId,\n          contractorOnboardingStatusUpdateRequestBody: {\n            onboardingStatus: ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n          },\n        },\n      })\n      onEvent(\n        componentEvents.CONTRACTOR_ONBOARDING_STATUS_UPDATED,\n        response.contractorOnboardingStatus,\n      )\n      onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, { message: t('submitDone.successMessage') })\n    })\n  }\n  const handleInviteContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_INVITE_CONTRACTOR, { contractorId })\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      message: t('inviteContractor.successMessage'),\n    })\n  }\n\n  const handleSubmitDone = () => {\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      onboardingStatus,\n      message: t('submitDone.successMessage'),\n    })\n  }\n\n  if (onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED) {\n    return <SubmitDone onDone={handleSubmitDone} className={className} />\n  }\n  if (\n    onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED &&\n    selfOnboarding\n  ) {\n    return (\n      <InviteContractor\n        onSubmit={handleInviteContractor}\n        contractorId={contractorId}\n        className={className}\n      />\n    )\n  }\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={24}>\n      <FlexItem>\n        <Heading as=\"h2\">{t('heading')}</Heading>\n      </FlexItem>\n\n      <ContractorSubmitDocuments\n        contractorId={contractorId}\n        documentsToCollect={documentsToCollect}\n        contractorName={contractorName}\n        hasW9={hasW9}\n      />\n      <Flex flexDirection=\"column\" gap={8}>\n        <Alert status=\"warning\" label={t('title')}>\n          <UnorderedList items={items} />\n        </Alert>\n        <ActionsLayout justifyContent=\"end\">\n          <Button title={t('submitCta')} onClick={onSubmit} isLoading={isPending}>\n            {t('submitCta')}\n          </Button>\n        </ActionsLayout>\n      </Flex>\n    </Flex>\n  )\n}\n\nconst ContractorSubmitDocuments = ({\n  contractorId,\n  documentsToCollect,\n  contractorName,\n  hasW9,\n}: {\n  contractorId: string\n  documentsToCollect: Document[]\n  contractorName: string | null | undefined\n  hasW9: boolean\n}) => {\n  const hasSignedW9 = useContractorHasSignedW9(contractorId)\n  const { Alert, Box, BoxHeader } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n\n  // If the contractor already signed a W-9 during self-onboarding, we don't\n  // show manual collection instructions.\n  if (hasSignedW9) {\n    return null\n  }\n\n  if (documentsToCollect.length === 0) {\n    return null\n  }\n\n  return (\n    <Box\n      header={\n        <BoxHeader\n          title={t('documentRequirements.title')}\n          description={t('documentRequirements.description', { contractorName })}\n        />\n      }\n    >\n      <Flex flexDirection=\"column\" gap={16}>\n        {documentsToCollect.map(document => {\n          const isW9 = document.name === W9_DOCUMENT_NAME\n          const title = isW9\n            ? t('documentRequirements.documents.taxpayer_identification_form_w_9.title')\n            : (document.title ?? '')\n          const description = isW9\n            ? t('documentRequirements.documents.taxpayer_identification_form_w_9.description')\n            : (document.description ?? '')\n          return (\n            <DocumentRequirementItem\n              key={document.uuid}\n              title={title}\n              description={description}\n              document={document}\n              downloadLabel={t('documentRequirements.downloadCta')}\n            />\n          )\n        })}\n        {hasW9 && <Alert status=\"info\" label={t('documentRequirements.alertLabel')}></Alert>}\n      </Flex>\n    </Box>\n  )\n}\n\nconst DocumentRequirementItem = ({\n  title,\n  description,\n  document,\n  downloadLabel,\n}: {\n  title: string\n  description: string\n  document: Document | undefined\n  downloadLabel: string\n}) => {\n  const { Text, Button } = useComponentContext()\n  const documentUuid = document?.uuid\n  const { data: pdfData, isLoading: isPdfLoading } = useContractorDocumentsGetPdf(\n    { documentUuid: documentUuid ?? '' },\n    { enabled: Boolean(documentUuid) },\n  )\n  const pdfUrl = pdfData?.documentPdf?.documentUrl ?? null\n\n  return (\n    <Flex gap={16} justifyContent=\"space-between\" alignItems=\"center\">\n      <Flex flexDirection=\"column\" gap={4}>\n        <Text weight=\"medium\">{title}</Text>\n        <Text variant=\"supporting\">{description}</Text>\n      </Flex>\n      {(isPdfLoading || pdfUrl) && (\n        <Button\n          variant=\"secondary\"\n          isLoading={isPdfLoading}\n          onClick={() => {\n            if (pdfUrl) window.open(pdfUrl, '_blank', 'noopener,noreferrer')\n          }}\n        >\n          {downloadLabel}\n        </Button>\n      )}\n    </Flex>\n  )\n}\n\nconst InviteContractor = ({\n  onSubmit,\n  contractorId,\n  className,\n}: {\n  onSubmit: () => void\n  contractorId: string\n  /** CSS class name applied to the root element. */\n  className?: string\n}) => {\n  const { t } = useTranslation('Contractor.Submit', { keyPrefix: 'inviteContractor' })\n  const { Button, Heading, Text } = useComponentContext()\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractor = contractorData.contractorShow\n\n  return (\n    <Flex className={className} flexDirection=\"column\">\n      <Heading as=\"h2\">{t('title')}</Heading>\n      <Text>{t('description')}</Text>\n      <Flex flexDirection=\"column\">\n        <div>\n          <Text>\n            {firstLastName({\n              first_name: contractor?.firstName,\n              last_name: contractor?.lastName,\n            })}\n          </Text>\n          <Text>{contractor?.email}</Text>\n        </div>\n        <div>\n          <Text>{t('startDateLabel')}</Text>\n          <Text>{contractor?.startDate}</Text>\n        </div>\n      </Flex>\n      <Button title={t('inviteCta')} onClick={onSubmit}>\n        {t('inviteCta')}\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["ContractorSubmit","props","jsx","BaseComponent","Root","contractorId","selfOnboarding","dictionary","className","useI18n","useComponentDictionary","Alert","Button","Heading","UnorderedList","useComponentContext","t","useTranslation","onEvent","baseSubmitHandler","useBase","items","data","useContractorsGetOnboardingStatusSuspense","onboardingStatus","contractorData","useContractorsGetSuspense","contractor","contractorName","documentsData","useContractorDocumentsGetAllSuspense","documentsToCollect","d","hasW9","W9_DOCUMENT_NAME","mutateAsync","isPending","useContractorsUpdateOnboardingStatusMutation","onSubmit","response","ContractorOnboardingStatus","componentEvents","handleInviteContractor","handleSubmitDone","SubmitDone","InviteContractor","Flex","FlexItem","ContractorSubmitDocuments","jsxs","ActionsLayout","hasSignedW9","useContractorHasSignedW9","Box","BoxHeader","document","isW9","title","description","DocumentRequirementItem","downloadLabel","Text","documentUuid","pdfData","isPdfLoading","useContractorDocumentsGetPdf","pdfUrl","firstLastName"],"mappings":"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"}

package/dist/components/Contractor/shared/SelectContractors/useSelectContractors.js

@@ -14,14 +14,14 @@ function S(e, u) {
   return U(e).toLowerCase().includes(u.toLowerCase());
 }
 function K(e, u) {
-  const P = v(), [b, l] = I(
+  const P = v(), [w, l] = I(
     () => new Set(u)
   ), d = N({
     companyUuid: e,
     page: 1,
     per: h
-  }), { data: n, isFetching: g } = d, w = Number(n?.httpMeta.response.headers.get("x-total-pages") ?? 1), a = D({
-    queries: Array.from({ length: Math.max(0, w - 1) }, (t, o) => ({
+  }), { data: n, isFetching: g } = d, b = Number(n?.httpMeta.response.headers.get("x-total-pages") ?? 1), a = D({
+    queries: Array.from({ length: Math.max(0, b - 1) }, (t, o) => ({
       ...O(P, {
         companyUuid: e,
         page: o + 2,
@@ -30,8 +30,8 @@ function K(e, u) {
       enabled: !!n
     }))
   }), E = !n && g || a.some((t) => !t.data && t.isFetching), m = Q([d, ...a]), s = _(() => n ? [
-    ...n.contractors ?? [],
-    ...a.flatMap((o) => o.data?.contractors ?? [])
+    ...n.showContractors ?? [],
+    ...a.flatMap((o) => o.data?.showContractors ?? [])
   ].filter(V) : [], [n, a]), {
     data: L,
     pagination: A,
@@ -40,7 +40,7 @@ function K(e, u) {
   } = G(s, {
     searchPredicate: S,
     defaultItemsPerPage: 25
-  }), x = g || a.some((t) => t.isFetching), F = new Set(s.map((t) => t.uuid)), M = new Set([...b].filter((t) => F.has(t))), R = C((t, o) => {
+  }), x = g || a.some((t) => t.isFetching), F = new Set(s.map((t) => t.uuid)), M = new Set([...w].filter((t) => F.has(t))), R = C((t, o) => {
     l((i) => {
       const r = new Set(i);
       return o ? r.add(t.uuid) : r.delete(t.uuid), r;

package/dist/components/Contractor/shared/SelectContractors/useSelectContractors.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectContractors.js","sources":["../../../../../src/components/Contractor/shared/SelectContractors/useSelectContractors.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport {\n  buildContractorsListQuery,\n  useContractorsList,\n} from '@gusto/embedded-api/react-query/contractorsList'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { useQueries } from '@tanstack/react-query'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useClientPagination } from '@/hooks/useClientPagination/useClientPagination'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { ContractorOnboardingStatus } from '@/shared/constants'\nimport type { HookLoadingResult, BaseHookReady } from '@/partner-hook-utils/types'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { getContractorDisplayName } from '@/components/Contractor/shared/helpers'\n\nconst SERVER_MAX_PER_PAGE = 100\n\n/** @internal */\nexport function isEligibleContractor(contractor: Contractor): boolean {\n  return (\n    contractor.isActive &&\n    contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED\n  )\n}\n\nfunction matchesContractorSearch(contractor: Contractor, query: string): boolean {\n  return getContractorDisplayName(contractor).toLowerCase().includes(query.toLowerCase())\n}\n\n/**\n * Ready state of {@link useSelectContractors}.\n *\n * @internal\n */\nexport interface UseSelectContractorsReady extends BaseHookReady<\n  { contractors: Contractor[] },\n  { isFetching: boolean }\n> {\n  /**\n   * Count of eligible (active + onboarded) contractors across every page.\n   * Unaffected by the current search — see `pagination.totalCount` for the\n   * eligible-and-search-matching count instead.\n   */\n  eligibleCount: number\n  /**\n   * Currently selected contractor uuids. Always a subset of the current\n   * eligible contractors: uuids for contractors that become ineligible or\n   * disappear from the list on a refetch are dropped automatically.\n   */\n  selectedIds: Set<string>\n  /** Pagination controls for the client-paginated, search-filtered contractor list. */\n  pagination: PaginationControlProps\n  /** Current search value. */\n  searchValue: string\n  /** Selection and search actions. */\n  actions: {\n    /** Selects or deselects a single contractor. */\n    onSelect: (contractor: Contractor, checked: boolean) => void\n    /** Selects or deselects every eligible contractor in the current search scope, across all pages. */\n    onSelectAll: (checked: boolean) => void\n    /** Updates the search value. */\n    onSearchChange: (value: string) => void\n    /** Clears the search value. */\n    onSearchClear: () => void\n  }\n}\n\n/** @internal */\nexport type UseSelectContractorsResult = HookLoadingResult | UseSelectContractorsReady\n\n/**\n * Fetches every contractor page up front, filters to active + onboarded\n * contractors, and owns client-side pagination, search, and selection state\n * over the result.\n *\n * @remarks\n * `actions.onSelectAll` scopes to the full eligible, search-filtered list across\n * all pages, not just the current page slice — \"select all\" means every\n * matching contractor, including ones scrolled off-screen.\n *\n * `initialSelectedIds` seeds selection state and is only read on mount. Pass the caller's own\n * previously-selected ids here to survive an unmount/remount (e.g. a \"Back\" button that swaps\n * this component out for another screen and back).\n *\n * @internal\n */\nexport function useSelectContractors(\n  companyId: string,\n  initialSelectedIds?: Iterable<string>,\n): UseSelectContractorsResult {\n  const gustoClient = useGustoEmbeddedContext()\n  const [rawSelectedIds, setRawSelectedIds] = useState<Set<string>>(\n    () => new Set(initialSelectedIds),\n  )\n\n  const firstPageQuery = useContractorsList({\n    companyUuid: companyId,\n    page: 1,\n    per: SERVER_MAX_PER_PAGE,\n  })\n  const { data: firstPage, isFetching: isFirstPageFetching } = firstPageQuery\n\n  const totalServerPages = Number(firstPage?.httpMeta.response.headers.get('x-total-pages') ?? 1)\n\n  // No explicit concurrency cap: typical embedded customers are <100\n  // contractors (one server page, zero extra requests). For larger companies\n  // the browser's per-origin connection limit (~6) acts as the natural\n  // ceiling. If this ever needs to support thousands of contractors,\n  // reconsider — either a server-side eligibility filter or a paginated\n  // fetch-as-you-scroll strategy would be the right escape hatches.\n  const restPageResults = useQueries({\n    queries: Array.from({ length: Math.max(0, totalServerPages - 1) }, (_, i) => ({\n      ...buildContractorsListQuery(gustoClient, {\n        companyUuid: companyId,\n        page: i + 2,\n        per: SERVER_MAX_PER_PAGE,\n      }),\n      enabled: !!firstPage,\n    })),\n  })\n\n  const isLoading =\n    (!firstPage && isFirstPageFetching) || restPageResults.some(r => !r.data && r.isFetching)\n\n  const errorHandling = composeErrorHandler([firstPageQuery, ...restPageResults])\n\n  const eligibleContractors = useMemo<Contractor[]>(() => {\n    if (!firstPage) return []\n    const contractors = [\n      ...(firstPage.contractors ?? []),\n      ...restPageResults.flatMap(r => r.data?.contractors ?? []),\n    ]\n    return contractors.filter(isEligibleContractor)\n  }, [firstPage, restPageResults])\n\n  const {\n    data: filteredContractors,\n    pagination,\n    searchValue,\n    actions: paginationActions,\n  } = useClientPagination(eligibleContractors, {\n    searchPredicate: matchesContractorSearch,\n    defaultItemsPerPage: 25,\n  })\n\n  const isFetching = isFirstPageFetching || restPageResults.some(r => r.isFetching)\n\n  const validContractorIds = new Set(eligibleContractors.map(contractor => contractor.uuid))\n  const selectedIds = new Set([...rawSelectedIds].filter(uuid => validContractorIds.has(uuid)))\n\n  const onSelect = useCallback((contractor: Contractor, checked: boolean) => {\n    setRawSelectedIds(prev => {\n      const next = new Set(prev)\n      if (checked) next.add(contractor.uuid)\n      else next.delete(contractor.uuid)\n      return next\n    })\n  }, [])\n\n  const onSelectAll = useCallback(\n    (checked: boolean) => {\n      const scope = searchValue\n        ? eligibleContractors.filter(contractor => matchesContractorSearch(contractor, searchValue))\n        : eligibleContractors\n      setRawSelectedIds(prev => {\n        const next = new Set(prev)\n        for (const contractor of scope) {\n          if (checked) next.add(contractor.uuid)\n          else next.delete(contractor.uuid)\n        }\n        return next\n      })\n    },\n    [eligibleContractors, searchValue],\n  )\n\n  if (isLoading) {\n    return {\n      isLoading: true,\n      errorHandling,\n    }\n  }\n\n  return {\n    isLoading: false,\n    data: { contractors: filteredContractors },\n    status: { isFetching },\n    eligibleCount: eligibleContractors.length,\n    selectedIds,\n    pagination,\n    searchValue,\n    actions: {\n      onSelect,\n      onSelectAll,\n      onSearchChange: paginationActions.onSearchChange,\n      onSearchClear: paginationActions.onSearchClear,\n    },\n    errorHandling,\n  }\n}\n"],"names":["SERVER_MAX_PER_PAGE","isEligibleContractor","contractor","ContractorOnboardingStatus","matchesContractorSearch","query","getContractorDisplayName","useSelectContractors","companyId","initialSelectedIds","gustoClient","useGustoEmbeddedContext","rawSelectedIds","setRawSelectedIds","useState","firstPageQuery","useContractorsList","firstPage","isFirstPageFetching","totalServerPages","restPageResults","useQueries","_","i","buildContractorsListQuery","isLoading","r","errorHandling","composeErrorHandler","eligibleContractors","useMemo","filteredContractors","pagination","searchValue","paginationActions","useClientPagination","isFetching","validContractorIds","selectedIds","uuid","onSelect","useCallback","checked","prev","next","onSelectAll","scope"],"mappings":"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"}
+{"version":3,"file":"useSelectContractors.js","sources":["../../../../../src/components/Contractor/shared/SelectContractors/useSelectContractors.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport {\n  buildContractorsListQuery,\n  useContractorsList,\n} from '@gusto/embedded-api/react-query/contractorsList'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { useQueries } from '@tanstack/react-query'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useClientPagination } from '@/hooks/useClientPagination/useClientPagination'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { ContractorOnboardingStatus } from '@/shared/constants'\nimport type { HookLoadingResult, BaseHookReady } from '@/partner-hook-utils/types'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { getContractorDisplayName } from '@/components/Contractor/shared/helpers'\n\nconst SERVER_MAX_PER_PAGE = 100\n\n/** @internal */\nexport function isEligibleContractor(contractor: Contractor): boolean {\n  return (\n    contractor.isActive &&\n    contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED\n  )\n}\n\nfunction matchesContractorSearch(contractor: Contractor, query: string): boolean {\n  return getContractorDisplayName(contractor).toLowerCase().includes(query.toLowerCase())\n}\n\n/**\n * Ready state of {@link useSelectContractors}.\n *\n * @internal\n */\nexport interface UseSelectContractorsReady extends BaseHookReady<\n  { contractors: Contractor[] },\n  { isFetching: boolean }\n> {\n  /**\n   * Count of eligible (active + onboarded) contractors across every page.\n   * Unaffected by the current search — see `pagination.totalCount` for the\n   * eligible-and-search-matching count instead.\n   */\n  eligibleCount: number\n  /**\n   * Currently selected contractor uuids. Always a subset of the current\n   * eligible contractors: uuids for contractors that become ineligible or\n   * disappear from the list on a refetch are dropped automatically.\n   */\n  selectedIds: Set<string>\n  /** Pagination controls for the client-paginated, search-filtered contractor list. */\n  pagination: PaginationControlProps\n  /** Current search value. */\n  searchValue: string\n  /** Selection and search actions. */\n  actions: {\n    /** Selects or deselects a single contractor. */\n    onSelect: (contractor: Contractor, checked: boolean) => void\n    /** Selects or deselects every eligible contractor in the current search scope, across all pages. */\n    onSelectAll: (checked: boolean) => void\n    /** Updates the search value. */\n    onSearchChange: (value: string) => void\n    /** Clears the search value. */\n    onSearchClear: () => void\n  }\n}\n\n/** @internal */\nexport type UseSelectContractorsResult = HookLoadingResult | UseSelectContractorsReady\n\n/**\n * Fetches every contractor page up front, filters to active + onboarded\n * contractors, and owns client-side pagination, search, and selection state\n * over the result.\n *\n * @remarks\n * `actions.onSelectAll` scopes to the full eligible, search-filtered list across\n * all pages, not just the current page slice — \"select all\" means every\n * matching contractor, including ones scrolled off-screen.\n *\n * `initialSelectedIds` seeds selection state and is only read on mount. Pass the caller's own\n * previously-selected ids here to survive an unmount/remount (e.g. a \"Back\" button that swaps\n * this component out for another screen and back).\n *\n * @internal\n */\nexport function useSelectContractors(\n  companyId: string,\n  initialSelectedIds?: Iterable<string>,\n): UseSelectContractorsResult {\n  const gustoClient = useGustoEmbeddedContext()\n  const [rawSelectedIds, setRawSelectedIds] = useState<Set<string>>(\n    () => new Set(initialSelectedIds),\n  )\n\n  const firstPageQuery = useContractorsList({\n    companyUuid: companyId,\n    page: 1,\n    per: SERVER_MAX_PER_PAGE,\n  })\n  const { data: firstPage, isFetching: isFirstPageFetching } = firstPageQuery\n\n  const totalServerPages = Number(firstPage?.httpMeta.response.headers.get('x-total-pages') ?? 1)\n\n  // No explicit concurrency cap: typical embedded customers are <100\n  // contractors (one server page, zero extra requests). For larger companies\n  // the browser's per-origin connection limit (~6) acts as the natural\n  // ceiling. If this ever needs to support thousands of contractors,\n  // reconsider — either a server-side eligibility filter or a paginated\n  // fetch-as-you-scroll strategy would be the right escape hatches.\n  const restPageResults = useQueries({\n    queries: Array.from({ length: Math.max(0, totalServerPages - 1) }, (_, i) => ({\n      ...buildContractorsListQuery(gustoClient, {\n        companyUuid: companyId,\n        page: i + 2,\n        per: SERVER_MAX_PER_PAGE,\n      }),\n      enabled: !!firstPage,\n    })),\n  })\n\n  const isLoading =\n    (!firstPage && isFirstPageFetching) || restPageResults.some(r => !r.data && r.isFetching)\n\n  const errorHandling = composeErrorHandler([firstPageQuery, ...restPageResults])\n\n  const eligibleContractors = useMemo<Contractor[]>(() => {\n    if (!firstPage) return []\n    const contractors = [\n      ...(firstPage.showContractors ?? []),\n      ...restPageResults.flatMap(r => r.data?.showContractors ?? []),\n    ]\n    return contractors.filter(isEligibleContractor)\n  }, [firstPage, restPageResults])\n\n  const {\n    data: filteredContractors,\n    pagination,\n    searchValue,\n    actions: paginationActions,\n  } = useClientPagination(eligibleContractors, {\n    searchPredicate: matchesContractorSearch,\n    defaultItemsPerPage: 25,\n  })\n\n  const isFetching = isFirstPageFetching || restPageResults.some(r => r.isFetching)\n\n  const validContractorIds = new Set(eligibleContractors.map(contractor => contractor.uuid))\n  const selectedIds = new Set([...rawSelectedIds].filter(uuid => validContractorIds.has(uuid)))\n\n  const onSelect = useCallback((contractor: Contractor, checked: boolean) => {\n    setRawSelectedIds(prev => {\n      const next = new Set(prev)\n      if (checked) next.add(contractor.uuid)\n      else next.delete(contractor.uuid)\n      return next\n    })\n  }, [])\n\n  const onSelectAll = useCallback(\n    (checked: boolean) => {\n      const scope = searchValue\n        ? eligibleContractors.filter(contractor => matchesContractorSearch(contractor, searchValue))\n        : eligibleContractors\n      setRawSelectedIds(prev => {\n        const next = new Set(prev)\n        for (const contractor of scope) {\n          if (checked) next.add(contractor.uuid)\n          else next.delete(contractor.uuid)\n        }\n        return next\n      })\n    },\n    [eligibleContractors, searchValue],\n  )\n\n  if (isLoading) {\n    return {\n      isLoading: true,\n      errorHandling,\n    }\n  }\n\n  return {\n    isLoading: false,\n    data: { contractors: filteredContractors },\n    status: { isFetching },\n    eligibleCount: eligibleContractors.length,\n    selectedIds,\n    pagination,\n    searchValue,\n    actions: {\n      onSelect,\n      onSelectAll,\n      onSearchChange: paginationActions.onSearchChange,\n      onSearchClear: paginationActions.onSearchClear,\n    },\n    errorHandling,\n  }\n}\n"],"names":["SERVER_MAX_PER_PAGE","isEligibleContractor","contractor","ContractorOnboardingStatus","matchesContractorSearch","query","getContractorDisplayName","useSelectContractors","companyId","initialSelectedIds","gustoClient","useGustoEmbeddedContext","rawSelectedIds","setRawSelectedIds","useState","firstPageQuery","useContractorsList","firstPage","isFirstPageFetching","totalServerPages","restPageResults","useQueries","_","i","buildContractorsListQuery","isLoading","r","errorHandling","composeErrorHandler","eligibleContractors","useMemo","filteredContractors","pagination","searchValue","paginationActions","useClientPagination","isFetching","validContractorIds","selectedIds","uuid","onSelect","useCallback","checked","prev","next","onSelectAll","scope"],"mappings":"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"}

package/dist/components/Employee/Compensation/shared/useCompensationForm/useCompensationForm.js

@@ -1,6 +1,6 @@
-import { useRef as H, useMemo as w, useEffect as B } from "react";
-import { useForm as Te, useWatch as me } from "react-hook-form";
-import { zodResolver as we } from "@hookform/resolvers/zod";
+import { useRef as H, useMemo as T, useEffect as B } from "react";
+import { useForm as we, useWatch as me } from "react-hook-form";
+import { zodResolver as Te } from "@hookform/resolvers/zod";
 import { useJobsAndCompensationsGetJobs as Re } from "@gusto/embedded-api/react-query/jobsAndCompensationsGetJobs";
 import { GetV1EmployeesEmployeeIdJobsQueryParamInclude as _e } from "@gusto/embedded-api/models/operations/getv1employeesemployeeidjobs";
 import { useJobsAndCompensationsCreateCompensationMutation as je } from "@gusto/embedded-api/react-query/jobsAndCompensationsCreateCompensation";
@@ -121,24 +121,24 @@ function Lt({
   ), O = Je(
     { employeeId: e ?? "" },
     { enabled: !!e }
-  ), _ = Ve({ employeeId: e ?? "" }, { enabled: !!e }), p = g.data?.jobs, Q = O.data?.employeeWorkAddressesList?.find((t) => t.active), K = Q?.locationUuid, fe = _.data?.employee, j = Xe(
+  ), _ = Ve({ employeeId: e ?? "" }, { enabled: !!e }), p = g.data?.jobs, Q = O.data?.employeeWorkAddressesList?.find((t) => t.active), K = Q?.locationUuid, fe = _.data?.employeeShow, j = Xe(
     { locationUuid: K ?? "" },
     { enabled: !!K, staleTime: 1 / 0 }
-  ), F = j.data?.minimumWageList ?? [], { compensation: m, job: u } = ot(
+  ), h = j.data?.minimumWageList ?? [], { compensation: m, job: u } = ot(
     p,
     n,
     o
   ), pe = p && u ? p.filter((t) => t.uuid !== u.uuid).length : 0, L = H(null);
   L.current === null && p !== void 0 && (L.current = p.some((t) => t.primary));
-  const h = L.current === !0 ? st(p) : null, P = u?.hireDate ?? // Secondary jobs being created (CompensationAddAnotherJobForm) have no hireDate until the
+  const F = L.current === !0 ? st(p) : null, P = u?.hireDate ?? // Secondary jobs being created (CompensationAddAnotherJobForm) have no hireDate until the
   // job POST completes. Fall back to the primary job's hireDate so the schema
   // can enforce EFFECTIVE_DATE_BEFORE_HIRE during that window.
   p?.find((t) => t.primary)?.hireDate ?? null, $ = at(u).filter(
     (t) => t.uuid !== n
-  ), Me = $.length > 0, x = rt($), c = !n, X = c ? "create" : "update", J = c && h === i.NONEXEMPT && u?.primary !== !0, A = w(() => {
+  ), Me = $.length > 0, x = rt($), c = !n, X = c ? "create" : "update", J = c && F === i.NONEXEMPT && u?.primary !== !0, A = T(() => {
     if (f && !(!c && u?.primary === !0))
       return nt(it(/* @__PURE__ */ new Date(), 1)) ?? void 0;
-  }, [c, u?.primary, f]), [z, Ee] = w(
+  }, [c, u?.primary, f]), [z, Ee] = T(
     () => Ye({
       mode: X,
       optionalFieldsToRequire: a,
@@ -147,22 +147,22 @@ function Lt({
       withEffectiveDateField: f
     }),
     [X, a, P, A, f]
-  ), Z = Q?.state, I = w(
+  ), Z = Q?.state, I = T(
     () => ({
       title: m?.title ?? s?.title ?? "",
       // When adding a secondary, the FLSA must match the primary's — force it
       // here (overriding any partner default) so the form submits the right
       // value even though `Fields.FlsaStatus` is hidden.
-      flsaStatus: J ? h : m?.flsaStatus ?? s?.flsaStatus ?? h ?? void 0,
+      flsaStatus: J ? F : m?.flsaStatus ?? s?.flsaStatus ?? F ?? void 0,
       rate: Number(m?.rate ?? s?.rate ?? 0),
       adjustForMinimumWage: m?.adjustForMinimumWage ?? s?.adjustForMinimumWage ?? !1,
       minimumWageId: m?.minimumWages?.[0]?.uuid ?? s?.minimumWageId ?? "",
       paymentUnit: m?.paymentUnit ?? s?.paymentUnit ?? M.HOUR,
       effectiveDate: m?.effectiveDate ?? s?.effectiveDate ?? null
     }),
-    [m, u, s, h, J]
-  ), y = Te({
-    resolver: we(z),
+    [m, u, s, F, J]
+  ), y = we({
+    resolver: Te(z),
     mode: E,
     shouldFocusError: v,
     defaultValues: I,
@@ -175,28 +175,28 @@ function Lt({
   B(() => {
     U(["paymentUnit", "rate"]), r === i.OWNER ? l("paymentUnit", M.PAYCHECK) : r === i.COMMISSION_ONLY_NONEXEMPT || r === i.COMMISSION_ONLY_EXEMPT ? (l("paymentUnit", M.YEAR), l("rate", 0)) : l("paymentUnit", I.paymentUnit);
   }, [r, l, U, I.paymentUnit]);
-  const ve = u ? u.compensations?.find((t) => t.uuid === u.currentCompensationUuid) : void 0, b = (m?.flsaStatus ?? ve?.flsaStatus ?? null) === i.NONEXEMPT && r !== void 0 && r !== i.NONEXEMPT && pe > 0, T = H(!1), V = H(null);
+  const ve = u ? u.compensations?.find((t) => t.uuid === u.currentCompensationUuid) : void 0, b = (m?.flsaStatus ?? ve?.flsaStatus ?? null) === i.NONEXEMPT && r !== void 0 && r !== i.NONEXEMPT && pe > 0, w = H(!1), V = H(null);
   B(() => {
-    !c && b && !T.current ? (V.current = N("effectiveDate") ?? null, l("effectiveDate", ce(), { shouldDirty: !0, shouldValidate: !1 }), T.current = !0) : !c && !b && T.current && (l("effectiveDate", V.current ?? null, {
+    !c && b && !w.current ? (V.current = N("effectiveDate") ?? null, l("effectiveDate", ce(), { shouldDirty: !0, shouldValidate: !1 }), w.current = !0) : !c && !b && w.current && (l("effectiveDate", V.current ?? null, {
       shouldDirty: !0,
       shouldValidate: !1
-    }), V.current = null, T.current = !1);
+    }), V.current = null, w.current = !1);
   }, [c, b, N, l]);
   const te = Le(), ne = je(), ge = te.isPending || ne.isPending, {
     baseSubmitHandler: Oe,
     error: ye,
     setError: Ne
-  } = tt("CompensationForm"), ie = Ze(e ? [g, O, _, j] : [], { submitError: ye, setSubmitError: Ne }), Y = r === i.COMMISSION_ONLY_NONEXEMPT || r === i.COMMISSION_ONLY_EXEMPT, be = r === i.OWNER, We = !J && (r !== i.NONEXEMPT || u?.primary === !0 || c), W = r === i.NONEXEMPT && F.length > 0 && Z !== void 0 && !et.includes(Z);
+  } = tt("CompensationForm"), ie = Ze(e ? [g, O, _, j] : [], { submitError: ye, setSubmitError: Ne }), Y = r === i.COMMISSION_ONLY_NONEXEMPT || r === i.COMMISSION_ONLY_EXEMPT, be = r === i.OWNER, We = !J && (r !== i.NONEXEMPT || u?.primary === !0 || c), W = r === i.NONEXEMPT && h.length > 0 && Z !== void 0 && !et.includes(Z);
   B(() => {
     W || (N("adjustForMinimumWage") && l("adjustForMinimumWage", !1, { shouldDirty: !0, shouldValidate: !1 }), N("minimumWageId") && l("minimumWageId", "", { shouldDirty: !0, shouldValidate: !1 }), U(["adjustForMinimumWage", "minimumWageId"]));
   }, [W, N, l, U]);
-  const Ce = F.map((t) => ({
+  const Ce = h.map((t) => ({
     value: t.uuid,
     label: `${t.wage} - ${t.authority}: ${t.notes ?? ""}`
-  })), De = xe(Ee, y.control), oe = w(
+  })), De = xe(Ee, y.control), oe = T(
     () => [A, P].filter((t) => !!t).reduce((t, C) => !t || C > t ? C : t, null),
     [A, P]
-  ), Fe = lt(De, {
+  ), he = lt(De, {
     willDeleteSecondaryJobs: b,
     isCreateMode: c,
     isCommissionOnly: Y,
@@ -205,8 +205,8 @@ function Lt({
     effectiveDateMinDate: oe,
     maximumEffectiveDate: x,
     minimumWageOptions: Ce,
-    minimumWages: F
-  }), he = async (t) => {
+    minimumWages: h
+  }), Fe = async (t) => {
     let C;
     return await new Promise((se) => {
       y.handleSubmit(
@@ -269,7 +269,7 @@ function Lt({
     data: {
       compensation: m,
       currentJob: u,
-      minimumWages: F,
+      minimumWages: h,
       minimumEffectiveDate: oe,
       maximumEffectiveDate: x,
       hasPendingFutureCompensation: Me
@@ -282,7 +282,7 @@ function Lt({
       showCommissionMinimumWageAlert: r === i.COMMISSION_ONLY_NONEXEMPT,
       showOwnerSalaryAlert: r === i.OWNER
     },
-    actions: { onSubmit: he },
+    actions: { onSubmit: Fe },
     errorHandling: ie,
     form: {
       Fields: {
@@ -294,7 +294,7 @@ function Lt({
         MinimumWageId: W && Se ? qe : void 0,
         EffectiveDate: f ? ke : void 0
       },
-      fieldsMetadata: Fe,
+      fieldsMetadata: he,
       hookFormInternals: Ae,
       getFormSubmissionValues: $e(y, z)
     }