@gusto/embedded-react-sdk 0.52.2 → 0.54.0

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/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 }: 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} />\n  }\n  if (\n    onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED &&\n    selfOnboarding\n  ) {\n    return <InviteContractor onSubmit={handleInviteContractor} contractorId={contractorId} />\n  }\n\n  return (\n    <Flex 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}: {\n  onSubmit: () => void\n  contractorId: 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 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","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","jsxs","Flex","FlexItem","ContractorSubmitDocuments","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 }: 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} />\n  }\n  if (\n    onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED &&\n    selfOnboarding\n  ) {\n    return <InviteContractor onSubmit={handleInviteContractor} contractorId={contractorId} />\n  }\n\n  return (\n    <Flex 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}: {\n  onSubmit: () => void\n  contractorId: 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 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","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","jsxs","Flex","FlexItem","ContractorSubmitDocuments","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/exports/contractorManagement.d.ts

@@ -1,6 +1,22 @@
+export { ManagementContractorList as ContractorList, type ManagementContractorListProps, type ContractorTab, } from '../ContractorList/management/ManagementContractorList';
+export { DashboardFlow, Dashboard } from '../Dashboard';
+export type { DashboardFlowProps, DashboardProps, DashboardTab } from '../Dashboard';
+export { Profile, ProfileCard, ProfileEditForm } from '../Profile/management';
+export type { ProfileProps, ProfileCardProps, ProfileEditFormProps } from '../Profile/management';
+export { Address, AddressCard, AddressEditForm } from '../Address/management';
+export type { AddressProps, AddressCardProps, AddressEditFormProps } from '../Address/management';
+export { PaymentMethod, PaymentMethodCard, PaymentMethodEditForm, } from '../PaymentMethod/management';
+export type { PaymentMethodProps, PaymentMethodCardProps, PaymentMethodEditFormProps, } from '../PaymentMethod/management';
+export { Compensation, CompensationCard, CompensationEditForm } from '../Compensation/management';
+export type { CompensationProps, CompensationCardProps, CompensationEditFormProps, } from '../Compensation/management';
+export { DocumentsCard, type DocumentsCardProps } from '../Documents/management';
 export { PaymentFlow, type PaymentFlowProps } from '../Payments/PaymentFlow';
+export { CreatePaymentFlow, type CreatePaymentFlowProps } from '../Payments/CreatePaymentFlow';
+export { ViewPaymentFlow, type ViewPaymentFlowProps } from '../Payments/ViewPaymentFlow';
 export { PaymentsList, type PaymentsListProps } from '../Payments/PaymentsList/PaymentsList';
 export { CreatePayment, type CreatePaymentProps } from '../Payments/CreatePayment/CreatePayment';
+export { HistoricalPaymentContractors, type HistoricalPaymentContractorsProps, } from '../Payments/HistoricalPaymentContractors';
+export { HistoricalPaymentAmounts, type HistoricalPaymentAmountsProps, } from '../Payments/HistoricalPaymentAmounts';
 export { PaymentHistory, type PaymentHistoryProps } from '../Payments/PaymentHistory/PaymentHistory';
 export { PaymentSummary, type PaymentSummaryProps } from '../Payments/PaymentSummary';
 export { PaymentStatement, type PaymentStatementProps, } from '../Payments/PaymentStatement/PaymentStatement';

package/dist/components/Contractor/exports/contractorManagement.js

@@ -1,15 +1,55 @@
+import { ManagementContractorList as t } from "../ContractorList/management/ManagementContractorList.js";
 import { PaymentsList as m } from "../Payments/PaymentsList/PaymentsList.js";
-import { CreatePayment as o } from "../Payments/CreatePayment/CreatePayment.js";
-import { PaymentHistory as y } from "../Payments/PaymentHistory/PaymentHistory.js";
-import { PaymentStatement as f } from "../Payments/PaymentStatement/PaymentStatement.js";
-import { PaymentFlow as x } from "../Payments/PaymentFlow/PaymentFlow.js";
-import { PaymentSummary as s } from "../Payments/PaymentSummary/PaymentSummary.js";
+import { CreatePayment as f } from "../Payments/CreatePayment/CreatePayment.js";
+import { PaymentHistory as n } from "../Payments/PaymentHistory/PaymentHistory.js";
+import { PaymentStatement as s } from "../Payments/PaymentStatement/PaymentStatement.js";
+import { Address as i } from "../Address/management/Address.js";
+import { AddressCard as y } from "../Address/management/AddressCard/AddressCard.js";
+import { AddressEditForm as l } from "../Address/management/AddressEditForm.js";
+import { Compensation as c } from "../Compensation/management/Compensation.js";
+import { CompensationCard as w } from "../Compensation/management/CompensationCard/CompensationCard.js";
+import { CompensationEditForm as E } from "../Compensation/management/CompensationEditForm.js";
+import { CreatePaymentFlow as u } from "../Payments/CreatePaymentFlow/CreatePaymentFlow.js";
+import { Dashboard as H } from "../Dashboard/Dashboard.js";
+import { DashboardFlow as b } from "../Dashboard/DashboardFlow.js";
+import { DocumentsCard as g } from "../Documents/management/DocumentsCard/DocumentsCard.js";
+import { HistoricalPaymentAmounts as j } from "../Payments/HistoricalPaymentAmounts/HistoricalPaymentAmounts.js";
+import { HistoricalPaymentContractors as q } from "../Payments/HistoricalPaymentContractors/HistoricalPaymentContractors.js";
+import { PaymentFlow as z } from "../Payments/PaymentFlow/PaymentFlow.js";
+import { PaymentMethod as G } from "../PaymentMethod/management/PaymentMethod.js";
+import { PaymentMethodCard as J } from "../PaymentMethod/management/PaymentMethodCard/PaymentMethodCard.js";
+import { PaymentMethodEditForm as N } from "../PaymentMethod/management/PaymentMethodEditForm.js";
+import { PaymentSummary as Q } from "../Payments/PaymentSummary/PaymentSummary.js";
+import { Profile as T } from "../Profile/management/Profile.js";
+import { ProfileCard as W } from "../Profile/management/ProfileCard/ProfileCard.js";
+import { ProfileEditForm as Y } from "../Profile/management/ProfileEditForm.js";
+import { ViewPaymentFlow as _ } from "../Payments/ViewPaymentFlow/ViewPaymentFlow.js";
 export {
-  o as CreatePayment,
-  x as PaymentFlow,
-  y as PaymentHistory,
-  f as PaymentStatement,
-  s as PaymentSummary,
-  m as PaymentsList
+  i as Address,
+  y as AddressCard,
+  l as AddressEditForm,
+  c as Compensation,
+  w as CompensationCard,
+  E as CompensationEditForm,
+  t as ContractorList,
+  f as CreatePayment,
+  u as CreatePaymentFlow,
+  H as Dashboard,
+  b as DashboardFlow,
+  g as DocumentsCard,
+  j as HistoricalPaymentAmounts,
+  q as HistoricalPaymentContractors,
+  z as PaymentFlow,
+  n as PaymentHistory,
+  G as PaymentMethod,
+  J as PaymentMethodCard,
+  N as PaymentMethodEditForm,
+  s as PaymentStatement,
+  Q as PaymentSummary,
+  m as PaymentsList,
+  T as Profile,
+  W as ProfileCard,
+  Y as ProfileEditForm,
+  _ as ViewPaymentFlow
 };
 //# sourceMappingURL=contractorManagement.js.map

package/dist/components/Contractor/exports/contractorManagement.js.map

@@ -1 +1 @@
-{"version":3,"file":"contractorManagement.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"contractorManagement.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Contractor/exports/contractorOnboarding.d.ts

@@ -3,16 +3,16 @@ export type { OnboardingFlowProps, OnboardingFlowDefaultValues, } from '../Onboa
 export { SelfOnboardingFlow, type SelfOnboardingFlowProps, } from '../SelfOnboardingFlow/SelfOnboardingFlow';
 export { Landing, type LandingProps } from '../Landing';
 export { OnboardingSummary, type OnboardingSummaryProps } from '../OnboardingSummary';
-export { ContractorList, type ContractorListProps } from '../ContractorList';
-export { ContractorProfile, type ContractorProfileProps, type ContractorProfileAdminProps, type ContractorProfileSelfOnboardingProps, } from '../Profile';
+export { ContractorList, type ContractorListProps, } from '../ContractorList/onboarding/ContractorList';
+export { ContractorProfile, type ContractorProfileProps, type ContractorProfileAdminProps, type ContractorProfileSelfOnboardingProps, } from '../Profile/onboarding/ContractorProfile';
 export type { ContractorDetailsFormData as ContractorProfileFormData } from '../Profile/shared';
-export { Address, type AddressProps } from '../Address';
-export type { AddressDefaultValues } from '../Address/types';
-export { PaymentMethod } from '../PaymentMethod/PaymentMethod';
-export type { PaymentMethodProps } from '../PaymentMethod/types';
+export { Address, type AddressProps } from '../Address/onboarding/Address';
+export type { AddressDefaultValues } from '../Address/onboarding/types';
+export { PaymentMethod } from '../PaymentMethod/onboarding/PaymentMethod';
+export type { PaymentMethodProps } from '../PaymentMethod/onboarding/types';
 export { NewHireReport } from '../NewHireReport/NewHireReport';
 export type { NewHireReportProps } from '../NewHireReport/types';
 export { ContractorSubmit, type ContractorSubmitProps } from '../Submit/Submit';
-export { DocumentSigner, type DocumentSignerProps } from '../Documents/DocumentSigner';
-export { DocumentsList, type DocumentsListProps } from '../Documents/DocumentsList';
-export { SignatureForm, type SignatureFormProps } from '../Documents/SignatureForm';
+export { DocumentSigner, type DocumentSignerProps } from '../Documents/onboarding/DocumentSigner';
+export { DocumentsList, type DocumentsListProps } from '../Documents/onboarding/DocumentsList';
+export { SignatureForm, type SignatureFormProps } from '../Documents/shared/SignatureForm';

package/dist/components/Contractor/exports/contractorOnboarding.js

@@ -1,28 +1,28 @@
 import { OnboardingFlow as t } from "../OnboardingFlow/OnboardingFlow.js";
 import { SelfOnboardingFlow as m } from "../SelfOnboardingFlow/SelfOnboardingFlow.js";
-import { ContractorList as f } from "../ContractorList/index.js";
-import { PaymentMethod as x } from "../PaymentMethod/PaymentMethod.js";
-import { NewHireReport as a } from "../NewHireReport/NewHireReport.js";
-import { ContractorSubmit as g } from "../Submit/Submit.js";
-import { Address as s } from "../Address/Address.js";
-import { ContractorProfile as S } from "../Profile/ContractorProfile.js";
-import { DocumentSigner as l } from "../Documents/DocumentSigner/DocumentSigner.js";
-import { DocumentsList as C } from "../Documents/DocumentsList/DocumentsList.js";
+import { ContractorList as f } from "../ContractorList/onboarding/ContractorList.js";
+import { ContractorProfile as x } from "../Profile/onboarding/ContractorProfile.js";
+import { Address as a } from "../Address/onboarding/Address.js";
+import { PaymentMethod as g } from "../PaymentMethod/onboarding/PaymentMethod.js";
+import { NewHireReport as s } from "../NewHireReport/NewHireReport.js";
+import { ContractorSubmit as S } from "../Submit/Submit.js";
+import { DocumentSigner as l } from "../Documents/onboarding/DocumentSigner/DocumentSigner.js";
+import { DocumentsList as C } from "../Documents/onboarding/DocumentsList/DocumentsList.js";
 import { Landing as L } from "../Landing/Landing.js";
 import { OnboardingSummary as y } from "../OnboardingSummary/OnboardingSummary.js";
-import { SignatureForm as P } from "../Documents/SignatureForm/SignatureForm.js";
+import { SignatureForm as P } from "../Documents/shared/SignatureForm/SignatureForm.js";
 export {
-  s as Address,
+  a as Address,
   f as ContractorList,
-  S as ContractorProfile,
-  g as ContractorSubmit,
+  x as ContractorProfile,
+  S as ContractorSubmit,
   l as DocumentSigner,
   C as DocumentsList,
   L as Landing,
-  a as NewHireReport,
+  s as NewHireReport,
   t as OnboardingFlow,
   y as OnboardingSummary,
-  x as PaymentMethod,
+  g as PaymentMethod,
   m as SelfOnboardingFlow,
   P as SignatureForm
 };

package/dist/components/Contractor/shared/SelectContractors/SelectContractors.d.ts

@@ -0,0 +1,19 @@
+/** @internal */
+export interface SelectContractorsProps {
+    companyId: string;
+    /** Called with the currently selected contractor ids whenever the selection changes. */
+    onSelectionChange: (selectedIds: string[]) => void;
+    /** Overrides the default empty-state title shown when no contractors match. */
+    emptyStateTitle?: string;
+    /** Overrides the default empty-state description shown when no contractors match. */
+    emptyStateDescription?: string;
+}
+/**
+ * Multi-select contractor table. Fetches and filters eligible contractors via
+ * {@link useSelectContractors} and reports the current selection through
+ * `onSelectionChange` rather than emitting an SDK event — the composing
+ * screen is responsible for translating the selection into its own events.
+ *
+ * @internal
+ */
+export declare function SelectContractors({ companyId, onSelectionChange, emptyStateTitle, emptyStateDescription, }: SelectContractorsProps): import("react").JSX.Element;

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

@@ -0,0 +1,39 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useMemo as i, useEffect as d } from "react";
+import { useSelectContractors as u } from "./useSelectContractors.js";
+import { SelectContractorsPresentation as m } from "./SelectContractorsPresentation.js";
+import { BaseLayout as s } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+function I({
+  companyId: a,
+  onSelectionChange: n,
+  emptyStateTitle: c,
+  emptyStateDescription: l
+}) {
+  const e = u(a), r = e.isLoading ? null : [...e.selectedIds].sort().join(","), t = i(
+    () => r === null ? null : r.split(",").filter(Boolean),
+    [r]
+  );
+  return d(() => {
+    t !== null && n(t);
+  }, [t, n]), e.isLoading ? /* @__PURE__ */ o(s, { isLoading: !0, error: e.errorHandling.errors }) : /* @__PURE__ */ o(s, { error: e.errorHandling.errors, children: /* @__PURE__ */ o(
+    m,
+    {
+      contractors: e.data.contractors,
+      selectedIds: e.selectedIds,
+      searchValue: e.searchValue,
+      onSelect: e.actions.onSelect,
+      onSelectAll: e.actions.onSelectAll,
+      onSearchChange: e.actions.onSearchChange,
+      onSearchClear: e.actions.onSearchClear,
+      pagination: e.pagination,
+      isFetching: e.status.isFetching,
+      emptyStateTitle: c,
+      emptyStateDescription: l
+    }
+  ) });
+}
+export {
+  I as SelectContractors
+};
+//# sourceMappingURL=SelectContractors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContractors.js","sources":["../../../../../src/components/Contractor/shared/SelectContractors/SelectContractors.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { useSelectContractors } from './useSelectContractors'\nimport { SelectContractorsPresentation } from './SelectContractorsPresentation'\nimport { BaseLayout } from '@/components/Base'\n\n/** @internal */\nexport interface SelectContractorsProps {\n  companyId: string\n  /** Called with the currently selected contractor ids whenever the selection changes. */\n  onSelectionChange: (selectedIds: string[]) => void\n  /** Overrides the default empty-state title shown when no contractors match. */\n  emptyStateTitle?: string\n  /** Overrides the default empty-state description shown when no contractors match. */\n  emptyStateDescription?: string\n}\n\n/**\n * Multi-select contractor table. Fetches and filters eligible contractors via\n * {@link useSelectContractors} and reports the current selection through\n * `onSelectionChange` rather than emitting an SDK event — the composing\n * screen is responsible for translating the selection into its own events.\n *\n * @internal\n */\nexport function SelectContractors({\n  companyId,\n  onSelectionChange,\n  emptyStateTitle,\n  emptyStateDescription,\n}: SelectContractorsProps) {\n  const result = useSelectContractors(companyId)\n\n  const selectedIdsKey = result.isLoading ? null : [...result.selectedIds].sort().join(',')\n\n  const selectedIds = useMemo(\n    () => (selectedIdsKey === null ? null : selectedIdsKey.split(',').filter(Boolean)),\n    [selectedIdsKey],\n  )\n\n  useEffect(() => {\n    if (selectedIds === null) return\n    onSelectionChange(selectedIds)\n  }, [selectedIds, onSelectionChange])\n\n  if (result.isLoading) {\n    return <BaseLayout isLoading error={result.errorHandling.errors} />\n  }\n\n  return (\n    <BaseLayout error={result.errorHandling.errors}>\n      <SelectContractorsPresentation\n        contractors={result.data.contractors}\n        selectedIds={result.selectedIds}\n        searchValue={result.searchValue}\n        onSelect={result.actions.onSelect}\n        onSelectAll={result.actions.onSelectAll}\n        onSearchChange={result.actions.onSearchChange}\n        onSearchClear={result.actions.onSearchClear}\n        pagination={result.pagination}\n        isFetching={result.status.isFetching}\n        emptyStateTitle={emptyStateTitle}\n        emptyStateDescription={emptyStateDescription}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["SelectContractors","companyId","onSelectionChange","emptyStateTitle","emptyStateDescription","result","useSelectContractors","selectedIdsKey","selectedIds","useMemo","useEffect","BaseLayout","jsx","SelectContractorsPresentation"],"mappings":";;;;;;AAwBO,SAASA,EAAkB;AAAA,EAChC,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,uBAAAC;AACF,GAA2B;AACzB,QAAMC,IAASC,EAAqBL,CAAS,GAEvCM,IAAiBF,EAAO,YAAY,OAAO,CAAC,GAAGA,EAAO,WAAW,EAAE,OAAO,KAAK,GAAG,GAElFG,IAAcC;AAAA,IAClB,MAAOF,MAAmB,OAAO,OAAOA,EAAe,MAAM,GAAG,EAAE,OAAO,OAAO;AAAA,IAChF,CAACA,CAAc;AAAA,EAAA;AAQjB,SALAG,EAAU,MAAM;AACd,IAAIF,MAAgB,QACpBN,EAAkBM,CAAW;AAAA,EAC/B,GAAG,CAACA,GAAaN,CAAiB,CAAC,GAE/BG,EAAO,8BACDM,GAAA,EAAW,WAAS,IAAC,OAAON,EAAO,cAAc,QAAQ,IAIjE,gBAAAO,EAACD,GAAA,EAAW,OAAON,EAAO,cAAc,QACtC,UAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAaR,EAAO,KAAK;AAAA,MACzB,aAAaA,EAAO;AAAA,MACpB,aAAaA,EAAO;AAAA,MACpB,UAAUA,EAAO,QAAQ;AAAA,MACzB,aAAaA,EAAO,QAAQ;AAAA,MAC5B,gBAAgBA,EAAO,QAAQ;AAAA,MAC/B,eAAeA,EAAO,QAAQ;AAAA,MAC9B,YAAYA,EAAO;AAAA,MACnB,YAAYA,EAAO,OAAO;AAAA,MAC1B,iBAAAF;AAAA,MACA,uBAAAC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Contractor/shared/SelectContractors/SelectContractorsPresentation.d.ts

@@ -0,0 +1,3 @@
+import { SelectContractorsPresentationProps } from './SelectContractorsPresentationTypes';
+/** @internal */
+export declare function SelectContractorsPresentation({ contractors, selectedIds, searchValue, onSelect, onSelectAll, onSearchChange, onSearchClear, pagination, isFetching, emptyStateTitle, emptyStateDescription, }: SelectContractorsPresentationProps): import("react").JSX.Element;

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

@@ -0,0 +1,78 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { useMemo as x } from "react";
+import { useTranslation as b } from "react-i18next";
+import n from "./SelectContractorsPresentation.module.scss.js";
+import { Flex as T } from "../../../Common/Flex/Flex.js";
+import { EmptyData as D } from "../../../Common/EmptyData/EmptyData.js";
+import { useComponentContext as N } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as v } from "../../../../i18n/I18n.js";
+import { getContractorDisplayName as I } from "../helpers.js";
+import L from "../../../../hooks/useNumberFormatter.js";
+import V from "../../../../assets/icons/search-lg.svg.js";
+import { useDataView as F } from "../../../Common/DataView/useDataView.js";
+import { DataView as H } from "../../../Common/DataView/DataView.js";
+function O({
+  contractors: i,
+  selectedIds: l,
+  searchValue: s,
+  onSelect: c,
+  onSelectAll: p,
+  onSearchChange: u,
+  onSearchClear: d,
+  pagination: h,
+  isFetching: y,
+  emptyStateTitle: f,
+  emptyStateDescription: g
+}) {
+  v("Contractor.SelectContractors");
+  const { t } = b("Contractor.SelectContractors"), o = N(), a = L(), C = (e) => {
+    u(e), e || d();
+  }, S = x(
+    () => [
+      {
+        key: "name",
+        title: t("nameColumn"),
+        render: (e) => /* @__PURE__ */ m(T, { flexDirection: "column", gap: 0, children: [
+          /* @__PURE__ */ r(o.Text, { size: "sm", weight: "medium", children: I(e) }),
+          /* @__PURE__ */ r(o.Text, { variant: "supporting", size: "sm", children: e.type ?? "–" })
+        ] })
+      },
+      {
+        key: "wage",
+        title: t("wageColumn"),
+        render: (e) => e.wageType === "Hourly" && e.hourlyRate ? t("wageHourly", { rate: a(Number(e.hourlyRate)) }) : e.wageType ?? "–"
+      }
+    ],
+    [t, a, o]
+  ), w = F({
+    data: i,
+    columns: S,
+    pagination: h,
+    isFetching: y,
+    selectionMode: "multiple",
+    onSelect: c,
+    onSelectAll: p,
+    getIsItemSelected: (e) => l.has(e.uuid),
+    emptyState: () => /* @__PURE__ */ r(D, { title: f ?? t("emptyState"), description: g })
+  });
+  return /* @__PURE__ */ m("div", { className: n.root, children: [
+    /* @__PURE__ */ r("div", { className: n.searchContainer, children: /* @__PURE__ */ r(
+      o.TextInput,
+      {
+        name: "contractor-search",
+        type: "search",
+        label: t("searchLabel"),
+        shouldVisuallyHideLabel: !0,
+        placeholder: t("searchPlaceholder"),
+        value: s,
+        onChange: C,
+        adornmentStart: /* @__PURE__ */ r(V, { "aria-hidden": !0 })
+      }
+    ) }),
+    /* @__PURE__ */ r(H, { label: t("tableLabel"), ...w })
+  ] });
+}
+export {
+  O as SelectContractorsPresentation
+};
+//# sourceMappingURL=SelectContractorsPresentation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContractorsPresentation.js","sources":["../../../../../src/components/Contractor/shared/SelectContractors/SelectContractorsPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { SelectContractorsPresentationProps } from './SelectContractorsPresentationTypes'\nimport styles from './SelectContractorsPresentation.module.scss'\nimport { DataView, EmptyData, Flex, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { getContractorDisplayName } from '@/components/Contractor/shared/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport SearchIcon from '@/assets/icons/search-lg.svg?react'\n\n/** @internal */\nexport function SelectContractorsPresentation({\n  contractors,\n  selectedIds,\n  searchValue,\n  onSelect,\n  onSelectAll,\n  onSearchChange,\n  onSearchClear,\n  pagination,\n  isFetching,\n  emptyStateTitle,\n  emptyStateDescription,\n}: SelectContractorsPresentationProps) {\n  useI18n('Contractor.SelectContractors')\n  const { t } = useTranslation('Contractor.SelectContractors')\n  const Components = useComponentContext()\n  const currencyFormatter = useNumberFormatter()\n\n  const handleSearchChange = (value: string) => {\n    onSearchChange(value)\n    if (!value) onSearchClear()\n  }\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'name' as keyof Contractor,\n        title: t('nameColumn'),\n        render: (contractor: Contractor) => (\n          <Flex flexDirection=\"column\" gap={0}>\n            <Components.Text size=\"sm\" weight=\"medium\">\n              {getContractorDisplayName(contractor)}\n            </Components.Text>\n            <Components.Text variant=\"supporting\" size=\"sm\">\n              {contractor.type ?? '–'}\n            </Components.Text>\n          </Flex>\n        ),\n      },\n      {\n        key: 'wage' as keyof Contractor,\n        title: t('wageColumn'),\n        render: (contractor: Contractor) =>\n          contractor.wageType === 'Hourly' && contractor.hourlyRate\n            ? t('wageHourly', { rate: currencyFormatter(Number(contractor.hourlyRate)) })\n            : (contractor.wageType ?? '–'),\n      },\n    ],\n    [t, currencyFormatter, Components],\n  )\n\n  const dataViewProps = useDataView<Contractor>({\n    data: contractors,\n    columns,\n    pagination,\n    isFetching,\n    selectionMode: 'multiple',\n    onSelect,\n    onSelectAll,\n    getIsItemSelected: contractor => selectedIds.has(contractor.uuid),\n    emptyState: () => (\n      <EmptyData title={emptyStateTitle ?? t('emptyState')} description={emptyStateDescription} />\n    ),\n  })\n\n  return (\n    <div className={styles.root}>\n      <div className={styles.searchContainer}>\n        <Components.TextInput\n          name=\"contractor-search\"\n          type=\"search\"\n          label={t('searchLabel')}\n          shouldVisuallyHideLabel\n          placeholder={t('searchPlaceholder')}\n          value={searchValue}\n          onChange={handleSearchChange}\n          adornmentStart={<SearchIcon aria-hidden />}\n        />\n      </div>\n      <DataView label={t('tableLabel')} {...dataViewProps} />\n    </div>\n  )\n}\n"],"names":["SelectContractorsPresentation","contractors","selectedIds","searchValue","onSelect","onSelectAll","onSearchChange","onSearchClear","pagination","isFetching","emptyStateTitle","emptyStateDescription","useI18n","useTranslation","Components","useComponentContext","currencyFormatter","useNumberFormatter","handleSearchChange","value","columns","useMemo","contractor","jsxs","Flex","jsx","getContractorDisplayName","dataViewProps","useDataView","EmptyData","styles","SearchIcon","DataView"],"mappings":";;;;;;;;;;;;;AAaO,SAASA,EAA8B;AAAA,EAC5C,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,uBAAAC;AACF,GAAuC;AACrC,EAAAC,EAAQ,8BAA8B;AACtC,QAAM,EAAE,EAAA,IAAMC,EAAe,8BAA8B,GACrDC,IAAaC,EAAA,GACbC,IAAoBC,EAAA,GAEpBC,IAAqB,CAACC,MAAkB;AAC5C,IAAAb,EAAea,CAAK,GACfA,KAAOZ,EAAA;AAAA,EACd,GAEMa,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,YAAY;AAAA,QACrB,QAAQ,CAACC,MACP,gBAAAC,EAACC,KAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAC,EAACX,EAAW,MAAX,EAAgB,MAAK,MAAK,QAAO,UAC/B,UAAAY,EAAyBJ,CAAU,EAAA,CACtC;AAAA,UACA,gBAAAG,EAACX,EAAW,MAAX,EAAgB,SAAQ,cAAa,MAAK,MACxC,UAAAQ,EAAW,QAAQ,IAAA,CACtB;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,YAAY;AAAA,QACrB,QAAQ,CAACA,MACPA,EAAW,aAAa,YAAYA,EAAW,aAC3C,EAAE,cAAc,EAAE,MAAMN,EAAkB,OAAOM,EAAW,UAAU,CAAC,EAAA,CAAG,IACzEA,EAAW,YAAY;AAAA,MAAA;AAAA,IAChC;AAAA,IAEF,CAAC,GAAGN,GAAmBF,CAAU;AAAA,EAAA,GAG7Ba,IAAgBC,EAAwB;AAAA,IAC5C,MAAM3B;AAAA,IACN,SAAAmB;AAAA,IACA,YAAAZ;AAAA,IACA,YAAAC;AAAA,IACA,eAAe;AAAA,IACf,UAAAL;AAAA,IACA,aAAAC;AAAA,IACA,mBAAmB,CAAAiB,MAAcpB,EAAY,IAAIoB,EAAW,IAAI;AAAA,IAChE,YAAY,MACV,gBAAAG,EAACI,GAAA,EAAU,OAAOnB,KAAmB,EAAE,YAAY,GAAG,aAAaC,EAAA,CAAuB;AAAA,EAAA,CAE7F;AAED,SACE,gBAAAY,EAAC,OAAA,EAAI,WAAWO,EAAO,MACrB,UAAA;AAAA,IAAA,gBAAAL,EAAC,OAAA,EAAI,WAAWK,EAAO,iBACrB,UAAA,gBAAAL;AAAA,MAACX,EAAW;AAAA,MAAX;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,OAAO,EAAE,aAAa;AAAA,QACtB,yBAAuB;AAAA,QACvB,aAAa,EAAE,mBAAmB;AAAA,QAClC,OAAOX;AAAA,QACP,UAAUe;AAAA,QACV,gBAAgB,gBAAAO,EAACM,GAAA,EAAW,eAAW,GAAA,CAAC;AAAA,MAAA;AAAA,IAAA,GAE5C;AAAA,sBACCC,GAAA,EAAS,OAAO,EAAE,YAAY,GAAI,GAAGL,EAAA,CAAe;AAAA,EAAA,GACvD;AAEJ;"}

package/dist/components/Contractor/shared/SelectContractors/SelectContractorsPresentation.module.scss.js

@@ -0,0 +1,10 @@
+const o = "_root_vmjog_1", t = "_searchContainer_vmjog_8", r = {
+  root: o,
+  searchContainer: t
+};
+export {
+  r as default,
+  o as root,
+  t as searchContainer
+};
+//# sourceMappingURL=SelectContractorsPresentation.module.scss.js.map

package/dist/components/Contractor/shared/SelectContractors/SelectContractorsPresentation.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContractorsPresentation.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/Contractor/shared/SelectContractors/SelectContractorsPresentationTypes.d.ts

@@ -0,0 +1,18 @@
+import { Contractor } from '@gusto/embedded-api/models/components/contractor';
+import { PaginationControlProps } from '../../../Common/PaginationControl/PaginationControlTypes';
+/** @internal */
+export interface SelectContractorsPresentationProps {
+    contractors: Contractor[];
+    selectedIds: Set<string>;
+    searchValue: string;
+    onSelect: (contractor: Contractor, checked: boolean) => void;
+    onSelectAll: (checked: boolean) => void;
+    onSearchChange: (value: string) => void;
+    onSearchClear: () => void;
+    pagination: PaginationControlProps;
+    isFetching: boolean;
+    /** Overrides the default empty-state title shown when no contractors match. */
+    emptyStateTitle?: string;
+    /** Overrides the default empty-state description shown when no contractors match. */
+    emptyStateDescription?: string;
+}

package/dist/components/Contractor/shared/SelectContractors/useSelectContractors.d.ts

@@ -0,0 +1,58 @@
+import { Contractor } from '@gusto/embedded-api/models/components/contractor';
+import { HookLoadingResult, BaseHookReady } from '../../../../partner-hook-utils/types';
+import { PaginationControlProps } from '../../../Common/PaginationControl/PaginationControlTypes';
+/** @internal */
+export declare function isEligibleContractor(contractor: Contractor): boolean;
+/**
+ * Ready state of {@link useSelectContractors}.
+ *
+ * @internal
+ */
+export interface UseSelectContractorsReady extends BaseHookReady<{
+    contractors: Contractor[];
+}, {
+    isFetching: boolean;
+}> {
+    /**
+     * Count of eligible (active + onboarded) contractors across every page.
+     * Unaffected by the current search — see `pagination.totalCount` for the
+     * eligible-and-search-matching count instead.
+     */
+    eligibleCount: number;
+    /**
+     * Currently selected contractor uuids. Always a subset of the current
+     * eligible contractors: uuids for contractors that become ineligible or
+     * disappear from the list on a refetch are dropped automatically.
+     */
+    selectedIds: Set<string>;
+    /** Pagination controls for the client-paginated, search-filtered contractor list. */
+    pagination: PaginationControlProps;
+    /** Current search value. */
+    searchValue: string;
+    /** Selection and search actions. */
+    actions: {
+        /** Selects or deselects a single contractor. */
+        onSelect: (contractor: Contractor, checked: boolean) => void;
+        /** Selects or deselects every eligible contractor in the current search scope, across all pages. */
+        onSelectAll: (checked: boolean) => void;
+        /** Updates the search value. */
+        onSearchChange: (value: string) => void;
+        /** Clears the search value. */
+        onSearchClear: () => void;
+    };
+}
+/** @internal */
+export type UseSelectContractorsResult = HookLoadingResult | UseSelectContractorsReady;
+/**
+ * Fetches every contractor page up front, filters to active + onboarded
+ * contractors, and owns client-side pagination, search, and selection state
+ * over the result.
+ *
+ * @remarks
+ * `actions.onSelectAll` scopes to the full eligible, search-filtered list across
+ * all pages, not just the current page slice — "select all" means every
+ * matching contractor, including ones scrolled off-screen.
+ *
+ * @internal
+ */
+export declare function useSelectContractors(companyId: string): UseSelectContractorsResult;

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

@@ -0,0 +1,82 @@
+import { useState as y, useMemo as I, useCallback as C } from "react";
+import { useContractorsList as _, buildContractorsListQuery as N } from "@gusto/embedded-api/react-query/contractorsList";
+import { useGustoEmbeddedContext as O } from "@gusto/embedded-api/react-query/_context";
+import { useQueries as v } from "@tanstack/react-query";
+import { useClientPagination as D } from "../../../../hooks/useClientPagination/useClientPagination.js";
+import { composeErrorHandler as G } from "../../../../partner-hook-utils/composeErrorHandler.js";
+import { ContractorOnboardingStatus as Q } from "../../../../shared/constants.js";
+import { getContractorDisplayName as H } from "../helpers.js";
+const h = 100;
+function U(e) {
+  return e.isActive && e.onboardingStatus === Q.ONBOARDING_COMPLETED;
+}
+function S(e, u) {
+  return H(e).toLowerCase().includes(u.toLowerCase());
+}
+function J(e) {
+  const u = O(), [P, l] = y(() => /* @__PURE__ */ new Set()), d = _({
+    companyUuid: e,
+    page: 1,
+    per: h
+  }), { data: n, isFetching: g } = d, b = Number(n?.httpMeta.response.headers.get("x-total-pages") ?? 1), a = v({
+    queries: Array.from({ length: Math.max(0, b - 1) }, (t, o) => ({
+      ...N(u, {
+        companyUuid: e,
+        page: o + 2,
+        per: h
+      }),
+      enabled: !!n
+    }))
+  }), w = !n && g || a.some((t) => !t.data && t.isFetching), m = G([d, ...a]), s = I(() => n ? [
+    ...n.contractors ?? [],
+    ...a.flatMap((o) => o.data?.contractors ?? [])
+  ].filter(U) : [], [n, a]), {
+    data: E,
+    pagination: L,
+    searchValue: c,
+    actions: f
+  } = D(s, {
+    searchPredicate: S,
+    defaultItemsPerPage: 25
+  }), A = g || a.some((t) => t.isFetching), x = new Set(s.map((t) => t.uuid)), F = new Set([...P].filter((t) => x.has(t))), M = C((t, o) => {
+    l((i) => {
+      const r = new Set(i);
+      return o ? r.add(t.uuid) : r.delete(t.uuid), r;
+    });
+  }, []), R = C(
+    (t) => {
+      const o = c ? s.filter((i) => S(i, c)) : s;
+      l((i) => {
+        const r = new Set(i);
+        for (const p of o)
+          t ? r.add(p.uuid) : r.delete(p.uuid);
+        return r;
+      });
+    },
+    [s, c]
+  );
+  return w ? {
+    isLoading: !0,
+    errorHandling: m
+  } : {
+    isLoading: !1,
+    data: { contractors: E },
+    status: { isFetching: A },
+    eligibleCount: s.length,
+    selectedIds: F,
+    pagination: L,
+    searchValue: c,
+    actions: {
+      onSelect: M,
+      onSelectAll: R,
+      onSearchChange: f.onSearchChange,
+      onSearchClear: f.onSearchClear
+    },
+    errorHandling: m
+  };
+}
+export {
+  U as isEligibleContractor,
+  J as useSelectContractors
+};
+//# sourceMappingURL=useSelectContractors.js.map