@gusto/embedded-react-sdk 0.51.0 → 0.52.0

package/dist/components/Contractor/Payments/PaymentSummary/PaymentSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentSummary.js","sources":["../../../../../src/components/Contractor/Payments/PaymentSummary/PaymentSummary.tsx"],"sourcesContent":["import { useContractorPaymentGroupsGetSuspense } from '@gusto/embedded-api-v-2026-02-01/react-query/contractorPaymentGroupsGet'\nimport { useContractorsListSuspense } from '@gusto/embedded-api-v-2026-02-01/react-query/contractorsList'\nimport { useBankAccountsGet } from '@gusto/embedded-api-v-2026-02-01/react-query/bankAccountsGet'\nimport type { PayrollCreditBlockerType } from '@gusto/embedded-api-v-2026-02-01/models/components/payrollcreditblockertype'\nimport type { InternalAlert } from '../types'\nimport { PaymentSummaryPresentation } from './PaymentSummaryPresentation'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link PaymentSummary}.\n *\n * @public\n */\nexport interface PaymentSummaryProps {\n  /** UUID of the contractor payment group to summarize. */\n  paymentGroupId: string\n  /** UUID of the company that owns the payment group. */\n  companyId: string\n  /** Callback invoked when a flow event occurs, e.g. when the user exits. */\n  onEvent: (type: EventType, data?: unknown) => void\n  /**\n   * @internal\n   * Flow-injected alerts (e.g. wire-transfer confirmation).\n   */\n  alerts?: InternalAlert[]\n}\n\nconst findWireInRequestUuid = (\n  creditBlockers: PayrollCreditBlockerType[] = [],\n): string | undefined => {\n  const unresolvedCreditBlocker = creditBlockers.find(blocker => blocker.status === 'unresolved')\n\n  if (!unresolvedCreditBlocker?.unblockOptions) {\n    return undefined\n  }\n\n  const wireUnblockOption = unresolvedCreditBlocker.unblockOptions.find(\n    option => option.unblockType === 'submit_wire',\n  )\n\n  if (wireUnblockOption && 'metadata' in wireUnblockOption) {\n    return wireUnblockOption.metadata.wireInRequestUuid\n  }\n\n  return undefined\n}\n\n/**\n * Displays a summary of a created contractor payment group, including payment totals, debit information, contractor details, and wire transfer instructions when required.\n *\n * @remarks\n * Features:\n *\n * - **Success confirmation** — confirms the number of payments scheduled.\n * - **Payment summary** — total amount, debit amount, debit account, debit date, and contractor pay date, plus a per-contractor breakdown.\n * - **Debit account** — shows the company bank account used for the debit.\n * - **Wire transfer confirmation** — when a wire is required, surfaces the wire-details confirmation workflow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/exit` | User completes the payment flow. | — |\n *\n * @param props - Component props.\n * @returns The rendered payment summary, or `null` when the payment group cannot be loaded.\n * @public\n */\nexport const PaymentSummary = ({\n  paymentGroupId,\n  companyId,\n  onEvent,\n  alerts,\n}: PaymentSummaryProps) => {\n  useI18n('Contractor.Payments.PaymentSummary')\n\n  const { data: paymentGroupData } = useContractorPaymentGroupsGetSuspense({\n    contractorPaymentGroupUuid: paymentGroupId,\n  })\n  const contractorPaymentGroup = paymentGroupData.contractorPaymentGroup\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.contractors || []).filter(\n    contractor => contractor.isActive && contractor.onboardingStatus === 'onboarding_completed',\n  )\n\n  const { data: bankAccounts } = useBankAccountsGet({ companyId })\n  const bankAccount = bankAccounts?.companyBankAccounts?.[0]\n\n  if (!contractorPaymentGroup) {\n    return null\n  }\n\n  const wireInRequestUuid = findWireInRequestUuid(contractorPaymentGroup.creditBlockers || [])\n\n  const handleDone = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_EXIT)\n  }\n\n  return (\n    <PaymentSummaryPresentation\n      contractorPaymentGroup={contractorPaymentGroup}\n      contractors={contractors}\n      bankAccount={bankAccount}\n      wireInRequestUuid={wireInRequestUuid}\n      onDone={handleDone}\n      onEvent={onEvent}\n      companyId={companyId}\n      alerts={alerts}\n    />\n  )\n}\n"],"names":["findWireInRequestUuid","creditBlockers","unresolvedCreditBlocker","blocker","wireUnblockOption","option","PaymentSummary","paymentGroupId","companyId","onEvent","alerts","useI18n","paymentGroupData","useContractorPaymentGroupsGetSuspense","contractorPaymentGroup","contractorList","useContractorsListSuspense","contractors","contractor","bankAccounts","useBankAccountsGet","bankAccount","wireInRequestUuid","jsx","PaymentSummaryPresentation","componentEvents"],"mappings":";;;;;;;AA4BA,MAAMA,IAAwB,CAC5BC,IAA6C,OACtB;AACvB,QAAMC,IAA0BD,EAAe,KAAK,CAAAE,MAAWA,EAAQ,WAAW,YAAY;AAE9F,MAAI,CAACD,GAAyB;AAC5B;AAGF,QAAME,IAAoBF,EAAwB,eAAe;AAAA,IAC/D,CAAAG,MAAUA,EAAO,gBAAgB;AAAA,EAAA;AAGnC,MAAID,KAAqB,cAAcA;AACrC,WAAOA,EAAkB,SAAS;AAItC,GAsBaE,IAAiB,CAAC;AAAA,EAC7B,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAA2B;AACzB,EAAAC,EAAQ,oCAAoC;AAE5C,QAAM,EAAE,MAAMC,EAAA,IAAqBC,EAAsC;AAAA,IACvE,4BAA4BN;AAAA,EAAA,CAC7B,GACKO,IAAyBF,EAAiB,wBAE1C,EAAE,MAAMG,EAAA,IAAmBC,EAA2B,EAAE,aAAaR,GAAW,GAChFS,KAAeF,EAAe,eAAe,CAAA,GAAI;AAAA,IACrD,CAAAG,MAAcA,EAAW,YAAYA,EAAW,qBAAqB;AAAA,EAAA,GAGjE,EAAE,MAAMC,EAAA,IAAiBC,EAAmB,EAAE,WAAAZ,GAAW,GACzDa,IAAcF,GAAc,sBAAsB,CAAC;AAEzD,MAAI,CAACL;AACH,WAAO;AAGT,QAAMQ,IAAoBtB,EAAsBc,EAAuB,kBAAkB,CAAA,CAAE;AAM3F,SACE,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,wBAAAV;AAAA,MACA,aAAAG;AAAA,MACA,aAAAI;AAAA,MACA,mBAAAC;AAAA,MACA,QAVe,MAAM;AACvB,QAAAb,EAAQgB,EAAgB,uBAAuB;AAAA,MACjD;AAAA,MASI,SAAAhB;AAAA,MACA,WAAAD;AAAA,MACA,QAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PaymentSummary.js","sources":["../../../../../src/components/Contractor/Payments/PaymentSummary/PaymentSummary.tsx"],"sourcesContent":["import { useContractorPaymentGroupsGetSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGet'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useBankAccountsGet } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport type { PayrollCreditBlockerType } from '@gusto/embedded-api/models/components/payrollcreditblockertype'\nimport type { InternalAlert } from '../types'\nimport { PaymentSummaryPresentation } from './PaymentSummaryPresentation'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link PaymentSummary}.\n *\n * @public\n */\nexport interface PaymentSummaryProps {\n  /** UUID of the contractor payment group to summarize. */\n  paymentGroupId: string\n  /** UUID of the company that owns the payment group. */\n  companyId: string\n  /** Callback invoked when a flow event occurs, e.g. when the user exits. */\n  onEvent: (type: EventType, data?: unknown) => void\n}\n\n/**\n * Props for the flow-internal {@link PaymentSummaryInternal}, which layers\n * flow-injected alerts on top of the public {@link PaymentSummaryProps}.\n *\n * @internal\n */\nexport interface PaymentSummaryInternalProps extends PaymentSummaryProps {\n  /** Flow-injected alerts (e.g. wire-transfer confirmation). */\n  alerts?: InternalAlert[]\n}\n\nconst findWireInRequestUuid = (\n  creditBlockers: PayrollCreditBlockerType[] = [],\n): string | undefined => {\n  const unresolvedCreditBlocker = creditBlockers.find(blocker => blocker.status === 'unresolved')\n\n  if (!unresolvedCreditBlocker?.unblockOptions) {\n    return undefined\n  }\n\n  const wireUnblockOption = unresolvedCreditBlocker.unblockOptions.find(\n    option => option.unblockType === 'submit_wire',\n  )\n\n  if (wireUnblockOption && 'metadata' in wireUnblockOption) {\n    return wireUnblockOption.metadata.wireInRequestUuid\n  }\n\n  return undefined\n}\n\n/**\n * Displays a summary of a created contractor payment group, including payment totals, debit information, contractor details, and wire transfer instructions when required.\n *\n * @remarks\n * Features:\n *\n * - **Success confirmation** — confirms the number of payments scheduled.\n * - **Payment summary** — total amount, debit amount, debit account, debit date, and contractor pay date, plus a per-contractor breakdown.\n * - **Debit account** — shows the company bank account used for the debit.\n * - **Wire transfer confirmation** — when a wire is required, surfaces the wire-details confirmation workflow.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/exit` | User completes the payment flow. | — |\n *\n * @param props - Component props.\n * @returns The rendered payment summary, or `null` when the payment group cannot be loaded.\n * @public\n */\nexport const PaymentSummary = (props: PaymentSummaryProps) => <PaymentSummaryInternal {...props} />\n\n/**\n * Flow-internal entry point for {@link PaymentSummary} that accepts flow-injected\n * alerts. Partners use {@link PaymentSummary}; flows render this directly.\n *\n * @internal\n */\nexport const PaymentSummaryInternal = ({\n  paymentGroupId,\n  companyId,\n  onEvent,\n  alerts,\n}: PaymentSummaryInternalProps) => {\n  useI18n('Contractor.Payments.PaymentSummary')\n\n  const { data: paymentGroupData } = useContractorPaymentGroupsGetSuspense({\n    contractorPaymentGroupUuid: paymentGroupId,\n  })\n  const contractorPaymentGroup = paymentGroupData.contractorPaymentGroup\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.contractors || []).filter(\n    contractor => contractor.isActive && contractor.onboardingStatus === 'onboarding_completed',\n  )\n\n  const { data: bankAccounts } = useBankAccountsGet({ companyId })\n  const bankAccount = bankAccounts?.companyBankAccounts?.[0]\n\n  if (!contractorPaymentGroup) {\n    return null\n  }\n\n  const wireInRequestUuid = findWireInRequestUuid(contractorPaymentGroup.creditBlockers || [])\n\n  const handleDone = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_EXIT)\n  }\n\n  return (\n    <PaymentSummaryPresentation\n      contractorPaymentGroup={contractorPaymentGroup}\n      contractors={contractors}\n      bankAccount={bankAccount}\n      wireInRequestUuid={wireInRequestUuid}\n      onDone={handleDone}\n      onEvent={onEvent}\n      companyId={companyId}\n      alerts={alerts}\n    />\n  )\n}\n"],"names":["findWireInRequestUuid","creditBlockers","unresolvedCreditBlocker","blocker","wireUnblockOption","option","PaymentSummary","props","jsx","PaymentSummaryInternal","paymentGroupId","companyId","onEvent","alerts","useI18n","paymentGroupData","useContractorPaymentGroupsGetSuspense","contractorPaymentGroup","contractorList","useContractorsListSuspense","contractors","contractor","bankAccounts","useBankAccountsGet","bankAccount","wireInRequestUuid","PaymentSummaryPresentation","componentEvents"],"mappings":";;;;;;;AAkCA,MAAMA,IAAwB,CAC5BC,IAA6C,OACtB;AACvB,QAAMC,IAA0BD,EAAe,KAAK,CAAAE,MAAWA,EAAQ,WAAW,YAAY;AAE9F,MAAI,CAACD,GAAyB;AAC5B;AAGF,QAAME,IAAoBF,EAAwB,eAAe;AAAA,IAC/D,CAAAG,MAAUA,EAAO,gBAAgB;AAAA,EAAA;AAGnC,MAAID,KAAqB,cAAcA;AACrC,WAAOA,EAAkB,SAAS;AAItC,GAsBaE,IAAiB,CAACC,MAA+B,gBAAAC,EAACC,GAAA,EAAwB,GAAGF,EAAA,CAAO,GAQpFE,IAAyB,CAAC;AAAA,EACrC,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAAmC;AACjC,EAAAC,EAAQ,oCAAoC;AAE5C,QAAM,EAAE,MAAMC,EAAA,IAAqBC,EAAsC;AAAA,IACvE,4BAA4BN;AAAA,EAAA,CAC7B,GACKO,IAAyBF,EAAiB,wBAE1C,EAAE,MAAMG,EAAA,IAAmBC,EAA2B,EAAE,aAAaR,GAAW,GAChFS,KAAeF,EAAe,eAAe,CAAA,GAAI;AAAA,IACrD,CAAAG,MAAcA,EAAW,YAAYA,EAAW,qBAAqB;AAAA,EAAA,GAGjE,EAAE,MAAMC,EAAA,IAAiBC,EAAmB,EAAE,WAAAZ,GAAW,GACzDa,IAAcF,GAAc,sBAAsB,CAAC;AAEzD,MAAI,CAACL;AACH,WAAO;AAGT,QAAMQ,IAAoBzB,EAAsBiB,EAAuB,kBAAkB,CAAA,CAAE;AAM3F,SACE,gBAAAT;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,wBAAAT;AAAA,MACA,aAAAG;AAAA,MACA,aAAAI;AAAA,MACA,mBAAAC;AAAA,MACA,QAVe,MAAM;AACvB,QAAAb,EAAQe,EAAgB,uBAAuB;AAAA,MACjD;AAAA,MASI,SAAAf;AAAA,MACA,WAAAD;AAAA,MACA,QAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Contractor/Payments/PaymentSummary/PaymentSummaryPresentation.d.ts

@@ -1,6 +1,6 @@
-import { ContractorPaymentGroup } from '@gusto/embedded-api-v-2026-02-01/models/components/contractorpaymentgroup';
-import { Contractor } from '@gusto/embedded-api-v-2026-02-01/models/components/contractor';
-import { CompanyBankAccount } from '@gusto/embedded-api-v-2026-02-01/models/components/companybankaccount';
+import { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup';
+import { Contractor } from '@gusto/embedded-api/models/components/contractor';
+import { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount';
 import { InternalAlert } from '../types';
 import { EventType } from '../../../../shared/constants';
 interface PaymentSummaryPresentationProps {

package/dist/components/Contractor/Payments/PaymentSummary/PaymentSummaryPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentSummaryPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentSummary/PaymentSummaryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroup } from '@gusto/embedded-api-v-2026-02-01/models/components/contractorpaymentgroup'\nimport type { ContractorPaymentForGroup } from '@gusto/embedded-api-v-2026-02-01/models/components/contractorpaymentforgroup'\nimport { useMemo } from 'react'\nimport type { Contractor } from '@gusto/embedded-api-v-2026-02-01/models/components/contractor'\nimport type { CompanyBankAccount } from '@gusto/embedded-api-v-2026-02-01/models/components/companybankaccount'\nimport type { InternalAlert } from '../types'\nimport { getContractorDisplayName } from '../CreatePayment/helpers'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { ConfirmWireDetails } from '@/components/Payroll/ConfirmWireDetails'\nimport type { EventType } from '@/shared/constants'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ninterface PaymentSummaryPresentationProps {\n  contractorPaymentGroup: ContractorPaymentGroup\n  contractors: Contractor[]\n  bankAccount?: CompanyBankAccount\n  companyId: string\n  wireInRequestUuid?: string\n  onEvent: (type: EventType, data?: unknown) => void\n  onDone: () => void\n  alerts?: InternalAlert[]\n}\n\n/** @internal */\nexport const PaymentSummaryPresentation = ({\n  contractorPaymentGroup,\n  contractors,\n  bankAccount,\n  companyId,\n  wireInRequestUuid,\n  onEvent,\n  onDone,\n  alerts = [],\n}: PaymentSummaryPresentationProps) => {\n  const { Button, Text, Heading, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.PaymentSummary')\n  const { t } = useTranslation('Contractor.Payments.PaymentSummary')\n  const currencyFormatter = useNumberFormatter()\n\n  const formatWageType = (contractor: ContractorPaymentForGroup) => {\n    if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n      return `Hourly ${currencyFormatter(Number(contractor.hourlyRate))}/hr`\n    }\n    return contractor.wageType\n  }\n\n  const contractorPayments = contractorPaymentGroup.contractorPayments || []\n\n  const totals = useMemo(() => {\n    if (contractorPayments.length === 0) {\n      return { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 }\n    }\n    return contractorPayments.reduce(\n      (acc, contractor) => {\n        acc.wageAmount += Number(contractor.wage || '0')\n        acc.bonusAmount += Number(contractor.bonus || '0')\n        acc.reimbursementAmount += Number(contractor.reimbursement || '0')\n        acc.totalAmount += Number(contractor.wageTotal || '0')\n        return acc\n      },\n      { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 },\n    )\n  }, [contractorPayments])\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      {alerts.length > 0 && (\n        <Flex flexDirection=\"column\" gap={16}>\n          {alerts.map((alert, index) => (\n            <Alert\n              key={`${alert.type}-${alert.title}-${index}`}\n              label={t(`alerts.${alert.title}` as never, alert.translationParams)}\n              status={alert.type}\n              onDismiss={alert.onDismiss}\n            >\n              {typeof alert.content === 'string'\n                ? t(`alerts.${alert.content}` as never)\n                : (alert.content ?? null)}\n            </Alert>\n          ))}\n        </Flex>\n      )}\n\n      <Alert status=\"success\" label={t('successTitle')}>\n        <Text>\n          {t('successMessage', {\n            count: contractorPayments.length,\n          })}\n        </Text>\n      </Alert>\n\n      {wireInRequestUuid && (\n        <ConfirmWireDetails companyId={companyId} wireInId={wireInRequestUuid} onEvent={onEvent} />\n      )}\n\n      <Flex justifyContent=\"space-between\" alignItems=\"flex-start\">\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\">{t('summaryTitle')}</Heading>\n          <Text variant=\"supporting\">\n            {t('summarySubtitle', { debitDate: contractorPaymentGroup.debitDate })}\n          </Text>\n        </Flex>\n        <Button onClick={onDone} variant=\"primary\">\n          {t('doneCta')}\n        </Button>\n      </Flex>\n\n      {/* Payment Summary Table */}\n      <Flex flexDirection=\"column\" gap={32}>\n        <DataView\n          columns={[\n            {\n              title: t('totalAmount'),\n              render: () => currencyFormatter(Number(contractorPaymentGroup.totals?.amount || '0')),\n            },\n            {\n              title: t('debitAmount'),\n              render: () =>\n                currencyFormatter(Number(contractorPaymentGroup.totals?.debitAmount || '0')),\n            },\n            {\n              title: t('debitAccount'),\n              render: () => bankAccount?.hiddenAccountNumber ?? t('notAvailable'),\n            },\n            {\n              title: t('debitDate'),\n              render: () => contractorPaymentGroup.debitDate || t('notAvailable'),\n            },\n            {\n              title: t('contractorPayDate'),\n              render: () => contractorPaymentGroup.checkDate || t('notAvailable'),\n            },\n          ]}\n          data={[contractorPaymentGroup]}\n          label={t('paymentSummaryTitle')}\n        />\n\n        {/* Contractor Payments Table */}\n        {contractorPayments.length > 0 && (\n          <DataView\n            columns={[\n              {\n                title: t('contractor'),\n                render: contractorPayment =>\n                  getContractorDisplayName(\n                    contractors.find(\n                      contractor => contractor.uuid === contractorPayment.contractorUuid,\n                    ),\n                  ),\n              },\n              {\n                title: t('wageType'),\n                render: contractorPayment => formatWageType(contractorPayment),\n              },\n              {\n                title: t('paymentMethod'),\n                render: contractorPayment =>\n                  contractorPayment.paymentMethod === 'Direct Deposit'\n                    ? t('paymentMethods.directDeposit')\n                    : contractorPayment.paymentMethod === 'Check'\n                      ? t('paymentMethods.check')\n                      : contractorPayment.paymentMethod || t('notAvailable'),\n              },\n              {\n                title: t('hours'),\n                justify: 'end',\n                render: contractorPayment =>\n                  contractorPayment.wageType === 'Hourly' && contractorPayment.hours\n                    ? formatHoursDisplay(parseFloat(contractorPayment.hours))\n                    : ZERO_HOURS_DISPLAY,\n              },\n              {\n                title: t('wage'),\n                justify: 'end',\n                render: contractorPayment =>\n                  currencyFormatter(Number(contractorPayment.wage || '0')),\n              },\n              {\n                title: t('bonus'),\n                justify: 'end',\n                render: contractorPayment =>\n                  currencyFormatter(Number(contractorPayment.bonus || '0')),\n              },\n              {\n                title: t('reimbursement'),\n                justify: 'end',\n                render: contractorPayment =>\n                  currencyFormatter(Number(contractorPayment.reimbursement || '0')),\n              },\n              {\n                title: t('total'),\n                justify: 'end',\n                render: contractorPayment =>\n                  currencyFormatter(Number(contractorPayment.wageTotal || '0')),\n              },\n            ]}\n            data={contractorPayments}\n            footer={() => ({\n              'column-0': t('totalsLabel'),\n              'column-4': currencyFormatter(totals.wageAmount || 0),\n              'column-5': currencyFormatter(totals.bonusAmount || 0),\n              'column-6': currencyFormatter(totals.reimbursementAmount || 0),\n              'column-7': currencyFormatter(totals.totalAmount || 0),\n            })}\n            label={t('contractorPaymentsTitle')}\n          />\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","PaymentSummaryPresentation","contractorPaymentGroup","contractors","bankAccount","companyId","wireInRequestUuid","onEvent","onDone","alerts","Button","Text","Heading","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","contractorPayments","totals","useMemo","acc","jsxs","Flex","jsx","alert","index","ConfirmWireDetails","DataView","contractorPayment","getContractorDisplayName","formatHoursDisplay"],"mappings":"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"}
+{"version":3,"file":"PaymentSummaryPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentSummary/PaymentSummaryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup'\nimport type { ContractorPaymentForGroup } from '@gusto/embedded-api/models/components/contractorpaymentforgroup'\nimport { useMemo } from 'react'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport type { InternalAlert } from '../types'\nimport { getContractorDisplayName } from '../CreatePayment/helpers'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { ConfirmWireDetails } from '@/components/Payroll/ConfirmWireDetails'\nimport type { EventType } from '@/shared/constants'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ninterface PaymentSummaryPresentationProps {\n  contractorPaymentGroup: ContractorPaymentGroup\n  contractors: Contractor[]\n  bankAccount?: CompanyBankAccount\n  companyId: string\n  wireInRequestUuid?: string\n  onEvent: (type: EventType, data?: unknown) => void\n  onDone: () => void\n  alerts?: InternalAlert[]\n}\n\n/** @internal */\nexport const PaymentSummaryPresentation = ({\n  contractorPaymentGroup,\n  contractors,\n  bankAccount,\n  companyId,\n  wireInRequestUuid,\n  onEvent,\n  onDone,\n  alerts = [],\n}: PaymentSummaryPresentationProps) => {\n  const { Button, Text, Heading, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.PaymentSummary')\n  const { t } = useTranslation('Contractor.Payments.PaymentSummary')\n  const currencyFormatter = useNumberFormatter()\n\n  const formatWageType = (contractor: ContractorPaymentForGroup) => {\n    if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n      return `Hourly ${currencyFormatter(Number(contractor.hourlyRate))}/hr`\n    }\n    return contractor.wageType\n  }\n\n  const contractorPayments = contractorPaymentGroup.contractorPayments || []\n\n  const totals = useMemo(() => {\n    if (contractorPayments.length === 0) {\n      return { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 }\n    }\n    return contractorPayments.reduce(\n      (acc, contractor) => {\n        acc.wageAmount += Number(contractor.wage || '0')\n        acc.bonusAmount += Number(contractor.bonus || '0')\n        acc.reimbursementAmount += Number(contractor.reimbursement || '0')\n        acc.totalAmount += Number(contractor.wageTotal || '0')\n        return acc\n      },\n      { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 },\n    )\n  }, [contractorPayments])\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      {alerts.length > 0 && (\n        <Flex flexDirection=\"column\" gap={16}>\n          {alerts.map((alert, index) => (\n            <Alert\n              key={`${alert.type}-${alert.title}-${index}`}\n              label={t(`alerts.${alert.title}` as never, alert.translationParams)}\n              status={alert.type}\n              onDismiss={alert.onDismiss}\n            >\n              {typeof alert.content === 'string'\n                ? t(`alerts.${alert.content}` as never)\n                : (alert.content ?? null)}\n            </Alert>\n          ))}\n        </Flex>\n      )}\n\n      <Alert status=\"success\" label={t('successTitle')}>\n        <Text>\n          {t('successMessage', {\n            count: contractorPayments.length,\n          })}\n        </Text>\n      </Alert>\n\n      {wireInRequestUuid && (\n        <ConfirmWireDetails companyId={companyId} wireInId={wireInRequestUuid} onEvent={onEvent} />\n      )}\n\n      <Flex justifyContent=\"space-between\" alignItems=\"flex-start\">\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\">{t('summaryTitle')}</Heading>\n          <Text variant=\"supporting\">\n            {t('summarySubtitle', { debitDate: contractorPaymentGroup.debitDate })}\n          </Text>\n        </Flex>\n        <Button onClick={onDone} variant=\"primary\">\n          {t('doneCta')}\n        </Button>\n      </Flex>\n\n      {/* Payment Summary Table */}\n      <Flex flexDirection=\"column\" gap={32}>\n        <DataView\n          columns={[\n            {\n              title: t('totalAmount'),\n              render: () => currencyFormatter(Number(contractorPaymentGroup.totals?.amount || '0')),\n            },\n            {\n              title: t('debitAmount'),\n              render: () =>\n                currencyFormatter(Number(contractorPaymentGroup.totals?.debitAmount || '0')),\n            },\n            {\n              title: t('debitAccount'),\n              render: () => bankAccount?.hiddenAccountNumber ?? t('notAvailable'),\n            },\n            {\n              title: t('debitDate'),\n              render: () => contractorPaymentGroup.debitDate || t('notAvailable'),\n            },\n            {\n              title: t('contractorPayDate'),\n              render: () => contractorPaymentGroup.checkDate || t('notAvailable'),\n            },\n          ]}\n          data={[contractorPaymentGroup]}\n          label={t('paymentSummaryTitle')}\n        />\n\n        {/* Contractor Payments Table */}\n        {contractorPayments.length > 0 && (\n          <DataView\n            columns={[\n              {\n                title: t('contractor'),\n                render: contractorPayment =>\n                  getContractorDisplayName(\n                    contractors.find(\n                      contractor => contractor.uuid === contractorPayment.contractorUuid,\n                    ),\n                  ),\n              },\n              {\n                title: t('wageType'),\n                render: contractorPayment => formatWageType(contractorPayment),\n              },\n              {\n                title: t('paymentMethod'),\n                render: contractorPayment =>\n                  contractorPayment.paymentMethod === 'Direct Deposit'\n                    ? t('paymentMethods.directDeposit')\n                    : contractorPayment.paymentMethod === 'Check'\n                      ? t('paymentMethods.check')\n                      : contractorPayment.paymentMethod || t('notAvailable'),\n              },\n              {\n                title: t('hours'),\n                justify: 'end',\n                render: contractorPayment =>\n                  contractorPayment.wageType === 'Hourly' && contractorPayment.hours\n                    ? formatHoursDisplay(parseFloat(contractorPayment.hours))\n                    : ZERO_HOURS_DISPLAY,\n              },\n              {\n                title: t('wage'),\n                justify: 'end',\n                render: contractorPayment =>\n                  currencyFormatter(Number(contractorPayment.wage || '0')),\n              },\n              {\n                title: t('bonus'),\n                justify: 'end',\n                render: contractorPayment =>\n                  currencyFormatter(Number(contractorPayment.bonus || '0')),\n              },\n              {\n                title: t('reimbursement'),\n                justify: 'end',\n                render: contractorPayment =>\n                  currencyFormatter(Number(contractorPayment.reimbursement || '0')),\n              },\n              {\n                title: t('total'),\n                justify: 'end',\n                render: contractorPayment =>\n                  currencyFormatter(Number(contractorPayment.wageTotal || '0')),\n              },\n            ]}\n            data={contractorPayments}\n            footer={() => ({\n              'column-0': t('totalsLabel'),\n              'column-4': currencyFormatter(totals.wageAmount || 0),\n              'column-5': currencyFormatter(totals.bonusAmount || 0),\n              'column-6': currencyFormatter(totals.reimbursementAmount || 0),\n              'column-7': currencyFormatter(totals.totalAmount || 0),\n            })}\n            label={t('contractorPaymentsTitle')}\n          />\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","PaymentSummaryPresentation","contractorPaymentGroup","contractors","bankAccount","companyId","wireInRequestUuid","onEvent","onDone","alerts","Button","Text","Heading","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","contractorPayments","totals","useMemo","acc","jsxs","Flex","jsx","alert","index","ConfirmWireDetails","DataView","contractorPayment","getContractorDisplayName","formatHoursDisplay"],"mappings":"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"}

package/dist/components/Contractor/Payments/PaymentsList/PaymentsList.d.ts

@@ -8,10 +8,15 @@ import { BaseComponentInterface } from '../../../Base';
 export interface PaymentsListProps extends BaseComponentInterface<'Contractor.Payments.PaymentsList'> {
     /** UUID of the company whose contractor payment groups should be listed. */
     companyId: string;
-    /**
-     * @internal
-     * Flow-injected alerts (e.g. wire-transfer confirmation, payment cancellation).
-     */
+}
+/**
+ * Props for the flow-internal {@link PaymentsListInternal}, which layers
+ * flow-injected alerts on top of the public {@link PaymentsListProps}.
+ *
+ * @internal
+ */
+export interface PaymentsListInternalProps extends PaymentsListProps {
+    /** Flow-injected alerts (e.g. wire-transfer confirmation, payment cancellation). */
     alerts?: InternalAlert[];
 }
 /**
@@ -32,3 +37,10 @@ export interface PaymentsListProps extends BaseComponentInterface<'Contractor.Pa
  * @public
  */
 export declare function PaymentsList(props: PaymentsListProps): import("react").JSX.Element;
+/**
+ * Flow-internal entry point for {@link PaymentsList} that accepts flow-injected
+ * alerts. Partners use {@link PaymentsList}; flows render this directly.
+ *
+ * @internal
+ */
+export declare function PaymentsListInternal(props: PaymentsListInternalProps): import("react").JSX.Element;

package/dist/components/Contractor/Payments/PaymentsList/PaymentsList.js

@@ -1,48 +1,51 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { useState as b, useMemo as i, useCallback as k } from "react";
-import { useContractorPaymentGroupsGetListSuspense as B } from "@gusto/embedded-api-v-2026-02-01/react-query/contractorPaymentGroupsGetList";
-import { useInformationRequestsGetInformationRequestsSuspense as L } from "@gusto/embedded-api-v-2026-02-01/react-query/informationRequestsGetInformationRequests";
-import { InformationRequestStatus as g } from "@gusto/embedded-api-v-2026-02-01/models/components/informationrequest";
+import { useContractorPaymentGroupsGetListSuspense as L } from "@gusto/embedded-api/react-query/contractorPaymentGroupsGetList";
+import { useInformationRequestsGetInformationRequestsSuspense as B } from "@gusto/embedded-api/react-query/informationRequestsGetInformationRequests";
+import { InformationRequestStatus as g } from "@gusto/embedded-api/models/components/informationrequest";
 import { PaymentsListPresentation as E } from "./PaymentsListPresentation.js";
 import { useComponentDictionary as G } from "../../../../i18n/I18n.js";
 import { BaseComponent as v } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { componentEvents as u } from "../../../../shared/constants.js";
+import { componentEvents as p } from "../../../../shared/constants.js";
 import { usePagination as U } from "../../../../hooks/usePagination/usePagination.js";
-function $(t) {
-  return /* @__PURE__ */ p(v, { ...t, children: /* @__PURE__ */ p(Y, { ...t, children: t.children }) });
+function tt(t) {
+  return /* @__PURE__ */ a(W, { ...t });
 }
-const W = (t = 3) => {
+function W(t) {
+  return /* @__PURE__ */ a(v, { ...t, children: /* @__PURE__ */ a(x, { ...t, children: t.children }) });
+}
+const Y = (t = 3) => {
   const o = /* @__PURE__ */ new Date(), e = /* @__PURE__ */ new Date();
   return e.setMonth(e.getMonth() - t), o.setMonth(o.getMonth() + (12 - t)), {
     startDate: e.toISOString().split("T")[0] || "",
     endDate: o.toISOString().split("T")[0] || ""
   };
-}, Y = ({ companyId: t, dictionary: o, onEvent: e, alerts: f }) => {
+}, x = ({ companyId: t, dictionary: o, onEvent: e, alerts: f }) => {
   G("Contractor.Payments.PaymentsList", o);
-  const [a, h] = b(3), { currentPage: C, itemsPerPage: D, getPaginationProps: T } = U(), { startDate: y, endDate: O } = i(() => W(a), [a]), { data: R } = B({
+  const [c, h] = b(3), { currentPage: C, itemsPerPage: D, getPaginationProps: T } = U(), { startDate: y, endDate: O } = i(() => Y(c), [c]), { data: R } = L({
     companyId: t,
     startDate: y,
     endDate: O,
     page: C,
     per: D
-  }), c = R.contractorPaymentGroupWithBlockers || [], A = T(R.httpMeta.response.headers), { data: M } = L({
+  }), m = R.contractorPaymentGroupWithBlockers || [], A = T(R.httpMeta.response.headers), { data: M } = B({
     companyUuid: t
-  }), m = M.informationRequests ?? [], w = i(() => c.some((n) => (n.creditBlockers || []).some((r) => {
+  }), u = M.informationRequests ?? [], w = i(() => m.some((n) => (n.creditBlockers || []).some((r) => {
     if (r.status !== "unresolved") return !1;
     const s = r.unblockOptions?.find(
-      (I) => I.unblockType === "submit_wire"
+      (_) => _.unblockType === "submit_wire"
     );
     return s && "metadata" in s && s.metadata.wireInRequestUuid;
-  })), [c]), l = k(() => {
-    e(u.CONTRACTOR_PAYMENT_RFI_RESPOND);
-  }, [e]), d = i(() => {
-    const n = [], P = m.some(
+  })), [m]), l = k(() => {
+    e(p.CONTRACTOR_PAYMENT_RFI_RESPOND);
+  }, [e]), P = i(() => {
+    const n = [], d = u.some(
       (s) => s.status === g.PendingResponse
-    ), r = m.some(
+    ), r = u.some(
       (s) => s.status === g.PendingReview
     );
-    return P ? n.push({
+    return d ? n.push({
       type: "error",
       title: "rfiPendingResponseTitle",
       content: "rfiPendingResponseDescription",
@@ -53,22 +56,22 @@ const W = (t = 3) => {
       title: "rfiPendingReviewTitle",
       content: "rfiPendingReviewDescription"
     }), n;
-  }, [m, l]), S = () => {
-    e(u.CONTRACTOR_PAYMENT_CREATE);
+  }, [u, l]), S = () => {
+    e(p.CONTRACTOR_PAYMENT_CREATE);
   }, q = (n) => {
     h(n);
-  }, N = (n) => {
-    e(u.CONTRACTOR_PAYMENT_VIEW, { paymentId: n });
-  }, _ = i(() => [...d, ...f || []], [d, f]);
-  return /* @__PURE__ */ p(
+  }, I = (n) => {
+    e(p.CONTRACTOR_PAYMENT_VIEW, { paymentId: n });
+  }, N = i(() => [...P, ...f || []], [P, f]);
+  return /* @__PURE__ */ a(
     E,
     {
-      contractorPayments: c,
-      numberOfMonths: a,
+      contractorPayments: m,
+      numberOfMonths: c,
       onCreatePayment: S,
       onDateRangeChange: q,
-      onViewPayment: N,
-      alerts: _,
+      onViewPayment: I,
+      alerts: N,
       companyId: t,
       hasUnresolvedWireInRequests: w,
       onEvent: e,
@@ -77,6 +80,7 @@ const W = (t = 3) => {
   );
 };
 export {
-  $ as PaymentsList
+  tt as PaymentsList,
+  W as PaymentsListInternal
 };
 //# sourceMappingURL=PaymentsList.js.map

package/dist/components/Contractor/Payments/PaymentsList/PaymentsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentsList.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsList.tsx"],"sourcesContent":["import { useState, useMemo, useCallback } from 'react'\nimport { useContractorPaymentGroupsGetListSuspense } from '@gusto/embedded-api-v-2026-02-01/react-query/contractorPaymentGroupsGetList'\nimport { useInformationRequestsGetInformationRequestsSuspense } from '@gusto/embedded-api-v-2026-02-01/react-query/informationRequestsGetInformationRequests'\nimport { InformationRequestStatus } from '@gusto/embedded-api-v-2026-02-01/models/components/informationrequest'\nimport type { InternalAlert } from '../types'\nimport { PaymentsListPresentation } from './PaymentsListPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\n/**\n * Props for {@link PaymentsList}.\n *\n * @public\n */\nexport interface PaymentsListProps extends BaseComponentInterface<'Contractor.Payments.PaymentsList'> {\n  /** UUID of the company whose contractor payment groups should be listed. */\n  companyId: string\n  /**\n   * @internal\n   * Flow-injected alerts (e.g. wire-transfer confirmation, payment cancellation).\n   */\n  alerts?: InternalAlert[]\n}\n\n/**\n * Displays a list of contractor payment groups for a company.\n *\n * Supports viewing payment history, creating new payments, and filtering by date range.\n * Surfaces alerts for pending information requests and wire transfer requirements.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/create` | User chooses to create a new payment | — |\n * | `contractor/payments/view` | User selects a payment group to view | `{ paymentId: string }` |\n * | `contractor/payments/rfi/respond` | User clicks to respond to an information request alert | — |\n *\n * @param props - Component props.\n * @returns The rendered payments list.\n * @public\n */\nexport function PaymentsList(props: PaymentsListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst calculateDateRange = (months: number = 3) => {\n  const endDate = new Date()\n  const startDate = new Date()\n\n  startDate.setMonth(startDate.getMonth() - months)\n  //Max range allowed by the API is 12 months\n  endDate.setMonth(endDate.getMonth() + (12 - months))\n\n  return {\n    startDate: startDate.toISOString().split('T')[0] || '',\n    endDate: endDate.toISOString().split('T')[0] || '',\n  }\n}\n\nconst Root = ({ companyId, dictionary, onEvent, alerts }: PaymentsListProps) => {\n  useComponentDictionary('Contractor.Payments.PaymentsList', dictionary)\n\n  const [numberOfMonths, setNumberOfMonths] = useState(3)\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination()\n\n  const { startDate, endDate } = useMemo(() => calculateDateRange(numberOfMonths), [numberOfMonths])\n\n  const { data } = useContractorPaymentGroupsGetListSuspense({\n    companyId,\n    startDate,\n    endDate,\n    page: currentPage,\n    per: itemsPerPage,\n  })\n  const contractorPayments = data.contractorPaymentGroupWithBlockers || []\n  const paginationProps = getPaginationProps(data.httpMeta.response.headers)\n\n  const { data: informationRequestsData } = useInformationRequestsGetInformationRequestsSuspense({\n    companyUuid: companyId,\n  })\n  const informationRequests = informationRequestsData.informationRequests ?? []\n\n  const hasUnresolvedWireInRequests = useMemo(() => {\n    return contractorPayments.some(payment => {\n      const creditBlockers = payment.creditBlockers || []\n      return creditBlockers.some(blocker => {\n        if (blocker.status !== 'unresolved') return false\n        const wireOption = blocker.unblockOptions?.find(\n          option => option.unblockType === 'submit_wire',\n        )\n        return wireOption && 'metadata' in wireOption && wireOption.metadata.wireInRequestUuid\n      })\n    })\n  }, [contractorPayments])\n\n  const handleRespondToRfi = useCallback(() => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND)\n  }, [onEvent])\n\n  const rfiAlerts = useMemo(() => {\n    const rfiAlertsArray: InternalAlert[] = []\n\n    const hasPendingResponseRfis = informationRequests.some(\n      request => request.status === InformationRequestStatus.PendingResponse,\n    )\n    const hasPendingReviewRfis = informationRequests.some(\n      request => request.status === InformationRequestStatus.PendingReview,\n    )\n\n    if (hasPendingResponseRfis) {\n      rfiAlertsArray.push({\n        type: 'error',\n        title: 'rfiPendingResponseTitle',\n        content: 'rfiPendingResponseDescription',\n        onAction: handleRespondToRfi,\n        actionLabel: 'rfiRespondCta',\n      })\n    } else if (hasPendingReviewRfis) {\n      rfiAlertsArray.push({\n        type: 'info',\n        title: 'rfiPendingReviewTitle',\n        content: 'rfiPendingReviewDescription',\n      })\n    }\n\n    return rfiAlertsArray\n  }, [informationRequests, handleRespondToRfi])\n\n  const onCreatePayment = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATE)\n  }\n\n  const handleDateRangeChange = (numberOfMonths: number) => {\n    setNumberOfMonths(numberOfMonths)\n  }\n\n  const onViewPayment = (paymentId: string) => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_VIEW, { paymentId })\n  }\n\n  const allAlerts = useMemo(() => {\n    return [...rfiAlerts, ...(alerts || [])]\n  }, [rfiAlerts, alerts])\n\n  return (\n    <PaymentsListPresentation\n      contractorPayments={contractorPayments}\n      numberOfMonths={numberOfMonths}\n      onCreatePayment={onCreatePayment}\n      onDateRangeChange={handleDateRangeChange}\n      onViewPayment={onViewPayment}\n      alerts={allAlerts}\n      companyId={companyId}\n      hasUnresolvedWireInRequests={hasUnresolvedWireInRequests}\n      onEvent={onEvent}\n      paginationProps={paginationProps}\n    />\n  )\n}\n"],"names":["PaymentsList","props","jsx","BaseComponent","Root","calculateDateRange","months","endDate","startDate","companyId","dictionary","onEvent","alerts","useComponentDictionary","numberOfMonths","setNumberOfMonths","useState","currentPage","itemsPerPage","getPaginationProps","usePagination","useMemo","data","useContractorPaymentGroupsGetListSuspense","contractorPayments","paginationProps","informationRequestsData","useInformationRequestsGetInformationRequestsSuspense","informationRequests","hasUnresolvedWireInRequests","payment","blocker","wireOption","option","handleRespondToRfi","useCallback","componentEvents","rfiAlerts","rfiAlertsArray","hasPendingResponseRfis","request","InformationRequestStatus","hasPendingReviewRfis","onCreatePayment","handleDateRangeChange","onViewPayment","paymentId","allAlerts","PaymentsListPresentation"],"mappings":"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"}
+{"version":3,"file":"PaymentsList.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsList.tsx"],"sourcesContent":["import { useState, useMemo, useCallback } from 'react'\nimport { useContractorPaymentGroupsGetListSuspense } from '@gusto/embedded-api/react-query/contractorPaymentGroupsGetList'\nimport { useInformationRequestsGetInformationRequestsSuspense } from '@gusto/embedded-api/react-query/informationRequestsGetInformationRequests'\nimport { InformationRequestStatus } from '@gusto/embedded-api/models/components/informationrequest'\nimport type { InternalAlert } from '../types'\nimport { PaymentsListPresentation } from './PaymentsListPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\n/**\n * Props for {@link PaymentsList}.\n *\n * @public\n */\nexport interface PaymentsListProps extends BaseComponentInterface<'Contractor.Payments.PaymentsList'> {\n  /** UUID of the company whose contractor payment groups should be listed. */\n  companyId: string\n}\n\n/**\n * Props for the flow-internal {@link PaymentsListInternal}, which layers\n * flow-injected alerts on top of the public {@link PaymentsListProps}.\n *\n * @internal\n */\nexport interface PaymentsListInternalProps extends PaymentsListProps {\n  /** Flow-injected alerts (e.g. wire-transfer confirmation, payment cancellation). */\n  alerts?: InternalAlert[]\n}\n\n/**\n * Displays a list of contractor payment groups for a company.\n *\n * Supports viewing payment history, creating new payments, and filtering by date range.\n * Surfaces alerts for pending information requests and wire transfer requirements.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/create` | User chooses to create a new payment | — |\n * | `contractor/payments/view` | User selects a payment group to view | `{ paymentId: string }` |\n * | `contractor/payments/rfi/respond` | User clicks to respond to an information request alert | — |\n *\n * @param props - Component props.\n * @returns The rendered payments list.\n * @public\n */\nexport function PaymentsList(props: PaymentsListProps) {\n  return <PaymentsListInternal {...props} />\n}\n\n/**\n * Flow-internal entry point for {@link PaymentsList} that accepts flow-injected\n * alerts. Partners use {@link PaymentsList}; flows render this directly.\n *\n * @internal\n */\nexport function PaymentsListInternal(props: PaymentsListInternalProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst calculateDateRange = (months: number = 3) => {\n  const endDate = new Date()\n  const startDate = new Date()\n\n  startDate.setMonth(startDate.getMonth() - months)\n  //Max range allowed by the API is 12 months\n  endDate.setMonth(endDate.getMonth() + (12 - months))\n\n  return {\n    startDate: startDate.toISOString().split('T')[0] || '',\n    endDate: endDate.toISOString().split('T')[0] || '',\n  }\n}\n\nconst Root = ({ companyId, dictionary, onEvent, alerts }: PaymentsListInternalProps) => {\n  useComponentDictionary('Contractor.Payments.PaymentsList', dictionary)\n\n  const [numberOfMonths, setNumberOfMonths] = useState(3)\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination()\n\n  const { startDate, endDate } = useMemo(() => calculateDateRange(numberOfMonths), [numberOfMonths])\n\n  const { data } = useContractorPaymentGroupsGetListSuspense({\n    companyId,\n    startDate,\n    endDate,\n    page: currentPage,\n    per: itemsPerPage,\n  })\n  const contractorPayments = data.contractorPaymentGroupWithBlockers || []\n  const paginationProps = getPaginationProps(data.httpMeta.response.headers)\n\n  const { data: informationRequestsData } = useInformationRequestsGetInformationRequestsSuspense({\n    companyUuid: companyId,\n  })\n  const informationRequests = informationRequestsData.informationRequests ?? []\n\n  const hasUnresolvedWireInRequests = useMemo(() => {\n    return contractorPayments.some(payment => {\n      const creditBlockers = payment.creditBlockers || []\n      return creditBlockers.some(blocker => {\n        if (blocker.status !== 'unresolved') return false\n        const wireOption = blocker.unblockOptions?.find(\n          option => option.unblockType === 'submit_wire',\n        )\n        return wireOption && 'metadata' in wireOption && wireOption.metadata.wireInRequestUuid\n      })\n    })\n  }, [contractorPayments])\n\n  const handleRespondToRfi = useCallback(() => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND)\n  }, [onEvent])\n\n  const rfiAlerts = useMemo(() => {\n    const rfiAlertsArray: InternalAlert[] = []\n\n    const hasPendingResponseRfis = informationRequests.some(\n      request => request.status === InformationRequestStatus.PendingResponse,\n    )\n    const hasPendingReviewRfis = informationRequests.some(\n      request => request.status === InformationRequestStatus.PendingReview,\n    )\n\n    if (hasPendingResponseRfis) {\n      rfiAlertsArray.push({\n        type: 'error',\n        title: 'rfiPendingResponseTitle',\n        content: 'rfiPendingResponseDescription',\n        onAction: handleRespondToRfi,\n        actionLabel: 'rfiRespondCta',\n      })\n    } else if (hasPendingReviewRfis) {\n      rfiAlertsArray.push({\n        type: 'info',\n        title: 'rfiPendingReviewTitle',\n        content: 'rfiPendingReviewDescription',\n      })\n    }\n\n    return rfiAlertsArray\n  }, [informationRequests, handleRespondToRfi])\n\n  const onCreatePayment = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATE)\n  }\n\n  const handleDateRangeChange = (numberOfMonths: number) => {\n    setNumberOfMonths(numberOfMonths)\n  }\n\n  const onViewPayment = (paymentId: string) => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_VIEW, { paymentId })\n  }\n\n  const allAlerts = useMemo(() => {\n    return [...rfiAlerts, ...(alerts || [])]\n  }, [rfiAlerts, alerts])\n\n  return (\n    <PaymentsListPresentation\n      contractorPayments={contractorPayments}\n      numberOfMonths={numberOfMonths}\n      onCreatePayment={onCreatePayment}\n      onDateRangeChange={handleDateRangeChange}\n      onViewPayment={onViewPayment}\n      alerts={allAlerts}\n      companyId={companyId}\n      hasUnresolvedWireInRequests={hasUnresolvedWireInRequests}\n      onEvent={onEvent}\n      paginationProps={paginationProps}\n    />\n  )\n}\n"],"names":["PaymentsList","props","jsx","PaymentsListInternal","BaseComponent","Root","calculateDateRange","months","endDate","startDate","companyId","dictionary","onEvent","alerts","useComponentDictionary","numberOfMonths","setNumberOfMonths","useState","currentPage","itemsPerPage","getPaginationProps","usePagination","useMemo","data","useContractorPaymentGroupsGetListSuspense","contractorPayments","paginationProps","informationRequestsData","useInformationRequestsGetInformationRequestsSuspense","informationRequests","hasUnresolvedWireInRequests","payment","blocker","wireOption","option","handleRespondToRfi","useCallback","componentEvents","rfiAlerts","rfiAlertsArray","hasPendingResponseRfis","request","InformationRequestStatus","hasPendingReviewRfis","onCreatePayment","handleDateRangeChange","onViewPayment","paymentId","allAlerts","PaymentsListPresentation"],"mappings":"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"}

package/dist/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.d.ts

@@ -1,4 +1,4 @@
-import { ContractorPaymentGroupWithBlockers } from '@gusto/embedded-api-v-2026-02-01/models/components/contractorpaymentgroupwithblockers';
+import { ContractorPaymentGroupWithBlockers } from '@gusto/embedded-api/models/components/contractorpaymentgroupwithblockers';
 import { InternalAlert } from '../types';
 import { EventType } from '../../../../shared/constants';
 import { PaginationControlProps } from '../../../Common/PaginationControl/PaginationControlTypes';

package/dist/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.js

@@ -1,4 +1,4 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
 import { useTranslation as N } from "react-i18next";
 import u from "./PaymentsListPresentation.module.scss.js";
 import { Flex as i } from "../../../Common/Flex/Flex.js";

package/dist/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentsListPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupWithBlockers } from '@gusto/embedded-api-v-2026-02-01/models/components/contractorpaymentgroupwithblockers'\nimport type { InternalAlert } from '../types'\nimport styles from './PaymentsListPresentation.module.scss'\nimport { DataView, Flex, EmptyData, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport EyeIcon from '@/assets/icons/eye.svg?react'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { ConfirmWireDetails } from '@/components/Payroll/ConfirmWireDetails'\nimport type { EventType } from '@/shared/constants'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ninterface ContractorPaymentPaymentsListPresentationProps {\n  numberOfMonths: number\n  contractorPayments: ContractorPaymentGroupWithBlockers[]\n  onCreatePayment: () => void\n  onDateRangeChange: (numberOfMonths: number) => void\n  onViewPayment: (paymentId: string) => void\n  alerts?: InternalAlert[]\n  companyId: string\n  hasUnresolvedWireInRequests: boolean\n  onEvent: (type: EventType, data?: unknown) => void\n  paginationProps?: PaginationControlProps\n}\n\n/** @internal */\nexport const PaymentsListPresentation = ({\n  contractorPayments,\n  numberOfMonths,\n  onCreatePayment,\n  onDateRangeChange,\n  onViewPayment,\n  alerts = [],\n  companyId,\n  hasUnresolvedWireInRequests,\n  onEvent,\n  paginationProps,\n}: ContractorPaymentPaymentsListPresentationProps) => {\n  const { Button, Heading, Select, ButtonIcon, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.PaymentsList')\n  const { t } = useTranslation('Contractor.Payments.PaymentsList')\n  const currencyFormatter = useNumberFormatter('currency')\n  const { formatLongWithYear } = useDateFormatter()\n\n  const dateRangeOptions = [\n    { value: '3', label: t('dateRanges.last3Months') },\n    { value: '6', label: t('dateRanges.last6Months') },\n  ]\n  const { ...dataViewProps } = useDataView({\n    data: contractorPayments,\n    columns: [\n      {\n        title: t('paymentDateColumnLabel'),\n        render: ({ checkDate }) => formatLongWithYear(checkDate) || 'N/A',\n      },\n      {\n        title: t('wageTotalColumnLabel'),\n        justify: 'end',\n        render: ({ totals }) => currencyFormatter(Number(totals?.wageAmount || 0)),\n      },\n      {\n        title: t('reimbursementTotalColumnLabel'),\n        justify: 'end',\n        render: ({ totals }) => currencyFormatter(Number(totals?.reimbursementAmount) || 0),\n      },\n    ],\n    itemMenu: ({ uuid }) => (\n      <ButtonIcon\n        aria-label={t('viewPaymentCta')}\n        variant=\"tertiary\"\n        onClick={() => {\n          onViewPayment(uuid || '')\n        }}\n      >\n        <EyeIcon aria-hidden />\n      </ButtonIcon>\n    ),\n    emptyState: () => (\n      <EmptyData title={t('noPaymentsFound')} description={t('noPaymentsDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Button\n            variant=\"secondary\"\n            icon={<PlusCircleIcon aria-hidden />}\n            onClick={onCreatePayment}\n          >\n            {t('createPaymentCta')}\n          </Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n    pagination: paginationProps,\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h1\" styledAs=\"h2\">\n          {t('title')}\n        </Heading>\n      </Flex>\n\n      {hasUnresolvedWireInRequests && (\n        <ConfirmWireDetails companyId={companyId} onEvent={onEvent} />\n      )}\n\n      {alerts.length > 0 && (\n        <Flex flexDirection=\"column\" gap={16}>\n          {alerts.map((alert, index) => (\n            <Alert\n              key={`${alert.type}-${alert.title}-${index}`}\n              label={t(`alerts.${alert.title}` as never, alert.translationParams)}\n              status={alert.type}\n              onDismiss={alert.onDismiss}\n            >\n              <Flex flexDirection=\"column\" gap={12}>\n                {typeof alert.content === 'string'\n                  ? t(`alerts.${alert.content}` as never)\n                  : (alert.content ?? null)}\n                {alert.onAction && alert.actionLabel && (\n                  <div>\n                    <Button variant=\"secondary\" onClick={alert.onAction}>\n                      {t(`alerts.${alert.actionLabel}` as never)}\n                    </Button>\n                  </div>\n                )}\n              </Flex>\n            </Alert>\n          ))}\n        </Flex>\n      )}\n\n      <Flex\n        flexDirection={{\n          base: 'column',\n          small: 'row',\n        }}\n        gap={16}\n        alignItems={{\n          base: 'stretch',\n          small: 'center',\n        }}\n        justifyContent=\"space-between\"\n      >\n        <Heading as=\"h2\" styledAs=\"h4\">\n          {t('subtitle')}\n        </Heading>\n        <div className={styles.actionsContainer}>\n          <Select\n            id=\"date-range-select\"\n            value={numberOfMonths.toString()}\n            onChange={value => {\n              onDateRangeChange(Number(value))\n            }}\n            options={dateRangeOptions}\n            isRequired\n            label={t('startDate')}\n            placeholder=\"\"\n            shouldVisuallyHideLabel\n          />\n          {contractorPayments.length > 0 && (\n            <Button\n              onClick={onCreatePayment}\n              variant=\"secondary\"\n              icon={<PlusCircleIcon aria-hidden />}\n              className={styles.nowrap}\n            >\n              {t('createPaymentCta')}\n            </Button>\n          )}\n        </div>\n      </Flex>\n\n      <DataView label={t('subtitle')} {...dataViewProps} />\n    </Flex>\n  )\n}\n"],"names":["PaymentsListPresentation","contractorPayments","numberOfMonths","onCreatePayment","onDateRangeChange","onViewPayment","alerts","companyId","hasUnresolvedWireInRequests","onEvent","paginationProps","Button","Heading","Select","ButtonIcon","Alert","useComponentContext","useI18n","t","useTranslation","currencyFormatter","useNumberFormatter","formatLongWithYear","useDateFormatter","dateRangeOptions","dataViewProps","useDataView","checkDate","totals","uuid","jsx","EyeIcon","EmptyData","ActionsLayout","PlusCircleIcon","jsxs","Flex","ConfirmWireDetails","alert","index","styles","value","DataView"],"mappings":"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"}
+{"version":3,"file":"PaymentsListPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupWithBlockers } from '@gusto/embedded-api/models/components/contractorpaymentgroupwithblockers'\nimport type { InternalAlert } from '../types'\nimport styles from './PaymentsListPresentation.module.scss'\nimport { DataView, Flex, EmptyData, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport EyeIcon from '@/assets/icons/eye.svg?react'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { ConfirmWireDetails } from '@/components/Payroll/ConfirmWireDetails'\nimport type { EventType } from '@/shared/constants'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ninterface ContractorPaymentPaymentsListPresentationProps {\n  numberOfMonths: number\n  contractorPayments: ContractorPaymentGroupWithBlockers[]\n  onCreatePayment: () => void\n  onDateRangeChange: (numberOfMonths: number) => void\n  onViewPayment: (paymentId: string) => void\n  alerts?: InternalAlert[]\n  companyId: string\n  hasUnresolvedWireInRequests: boolean\n  onEvent: (type: EventType, data?: unknown) => void\n  paginationProps?: PaginationControlProps\n}\n\n/** @internal */\nexport const PaymentsListPresentation = ({\n  contractorPayments,\n  numberOfMonths,\n  onCreatePayment,\n  onDateRangeChange,\n  onViewPayment,\n  alerts = [],\n  companyId,\n  hasUnresolvedWireInRequests,\n  onEvent,\n  paginationProps,\n}: ContractorPaymentPaymentsListPresentationProps) => {\n  const { Button, Heading, Select, ButtonIcon, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.PaymentsList')\n  const { t } = useTranslation('Contractor.Payments.PaymentsList')\n  const currencyFormatter = useNumberFormatter('currency')\n  const { formatLongWithYear } = useDateFormatter()\n\n  const dateRangeOptions = [\n    { value: '3', label: t('dateRanges.last3Months') },\n    { value: '6', label: t('dateRanges.last6Months') },\n  ]\n  const { ...dataViewProps } = useDataView({\n    data: contractorPayments,\n    columns: [\n      {\n        title: t('paymentDateColumnLabel'),\n        render: ({ checkDate }) => formatLongWithYear(checkDate) || 'N/A',\n      },\n      {\n        title: t('wageTotalColumnLabel'),\n        justify: 'end',\n        render: ({ totals }) => currencyFormatter(Number(totals?.wageAmount || 0)),\n      },\n      {\n        title: t('reimbursementTotalColumnLabel'),\n        justify: 'end',\n        render: ({ totals }) => currencyFormatter(Number(totals?.reimbursementAmount) || 0),\n      },\n    ],\n    itemMenu: ({ uuid }) => (\n      <ButtonIcon\n        aria-label={t('viewPaymentCta')}\n        variant=\"tertiary\"\n        onClick={() => {\n          onViewPayment(uuid || '')\n        }}\n      >\n        <EyeIcon aria-hidden />\n      </ButtonIcon>\n    ),\n    emptyState: () => (\n      <EmptyData title={t('noPaymentsFound')} description={t('noPaymentsDescription')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Button\n            variant=\"secondary\"\n            icon={<PlusCircleIcon aria-hidden />}\n            onClick={onCreatePayment}\n          >\n            {t('createPaymentCta')}\n          </Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n    pagination: paginationProps,\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h1\" styledAs=\"h2\">\n          {t('title')}\n        </Heading>\n      </Flex>\n\n      {hasUnresolvedWireInRequests && (\n        <ConfirmWireDetails companyId={companyId} onEvent={onEvent} />\n      )}\n\n      {alerts.length > 0 && (\n        <Flex flexDirection=\"column\" gap={16}>\n          {alerts.map((alert, index) => (\n            <Alert\n              key={`${alert.type}-${alert.title}-${index}`}\n              label={t(`alerts.${alert.title}` as never, alert.translationParams)}\n              status={alert.type}\n              onDismiss={alert.onDismiss}\n            >\n              <Flex flexDirection=\"column\" gap={12}>\n                {typeof alert.content === 'string'\n                  ? t(`alerts.${alert.content}` as never)\n                  : (alert.content ?? null)}\n                {alert.onAction && alert.actionLabel && (\n                  <div>\n                    <Button variant=\"secondary\" onClick={alert.onAction}>\n                      {t(`alerts.${alert.actionLabel}` as never)}\n                    </Button>\n                  </div>\n                )}\n              </Flex>\n            </Alert>\n          ))}\n        </Flex>\n      )}\n\n      <Flex\n        flexDirection={{\n          base: 'column',\n          small: 'row',\n        }}\n        gap={16}\n        alignItems={{\n          base: 'stretch',\n          small: 'center',\n        }}\n        justifyContent=\"space-between\"\n      >\n        <Heading as=\"h2\" styledAs=\"h4\">\n          {t('subtitle')}\n        </Heading>\n        <div className={styles.actionsContainer}>\n          <Select\n            id=\"date-range-select\"\n            value={numberOfMonths.toString()}\n            onChange={value => {\n              onDateRangeChange(Number(value))\n            }}\n            options={dateRangeOptions}\n            isRequired\n            label={t('startDate')}\n            placeholder=\"\"\n            shouldVisuallyHideLabel\n          />\n          {contractorPayments.length > 0 && (\n            <Button\n              onClick={onCreatePayment}\n              variant=\"secondary\"\n              icon={<PlusCircleIcon aria-hidden />}\n              className={styles.nowrap}\n            >\n              {t('createPaymentCta')}\n            </Button>\n          )}\n        </div>\n      </Flex>\n\n      <DataView label={t('subtitle')} {...dataViewProps} />\n    </Flex>\n  )\n}\n"],"names":["PaymentsListPresentation","contractorPayments","numberOfMonths","onCreatePayment","onDateRangeChange","onViewPayment","alerts","companyId","hasUnresolvedWireInRequests","onEvent","paginationProps","Button","Heading","Select","ButtonIcon","Alert","useComponentContext","useI18n","t","useTranslation","currencyFormatter","useNumberFormatter","formatLongWithYear","useDateFormatter","dateRangeOptions","dataViewProps","useDataView","checkDate","totals","uuid","jsx","EyeIcon","EmptyData","ActionsLayout","PlusCircleIcon","jsxs","Flex","ConfirmWireDetails","alert","index","styles","value","DataView"],"mappings":"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"}

package/dist/components/Contractor/Profile/SelfOnboardingContractorProfile.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useContractorsGet as m } from "@gusto/embedded-api-v-2026-02-01/react-query/contractorsGet";
+import { useContractorsGet as m } from "@gusto/embedded-api/react-query/contractorsGet";
 import { ContractorType as a } from "./shared/useContractorDetailsForm/contractorDetailsSchema.js";
 import { IndividualSelfOnboardingProfile as s } from "./IndividualSelfOnboardingProfile.js";
 import { BusinessSelfOnboardingProfile as p } from "./BusinessSelfOnboardingProfile.js";

package/dist/components/Contractor/Profile/SelfOnboardingContractorProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelfOnboardingContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/SelfOnboardingContractorProfile.tsx"],"sourcesContent":["import { useContractorsGet } from '@gusto/embedded-api-v-2026-02-01/react-query/contractorsGet'\nimport { ContractorType } from './shared/useContractorDetailsForm'\nimport { IndividualSelfOnboardingProfile } from './IndividualSelfOnboardingProfile'\nimport { BusinessSelfOnboardingProfile } from './BusinessSelfOnboardingProfile'\nimport { BaseLayout } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { useI18n } from '@/i18n'\nimport type { EventType } from '@/shared/constants'\n\n/**\n * Props shared by the contractor self-onboarding profile components.\n *\n * @internal\n */\nexport interface ContractorSelfOnboardingProfileProps {\n  /** UUID of the existing contractor completing self-onboarding. */\n  contractorId: string\n  /** Callback invoked when the component emits an event. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Optional class name applied to the root element. */\n  className?: string\n}\n\n/**\n * Resolves the contractor's type and renders the matching self-onboarding\n * profile — individual or business.\n *\n * @internal\n */\nexport function SelfOnboardingContractorProfile({\n  contractorId,\n  onEvent,\n  className,\n}: ContractorSelfOnboardingProfileProps) {\n  useI18n('Contractor.Profile')\n\n  const contractorQuery = useContractorsGet({ contractorUuid: contractorId })\n  const contractor = contractorQuery.data?.contractor\n\n  if (contractorQuery.isLoading || !contractor) {\n    const errorHandling = composeErrorHandler([contractorQuery])\n    return <BaseLayout isLoading error={errorHandling.errors} />\n  }\n\n  return contractor.type === ContractorType.Business ? (\n    <BusinessSelfOnboardingProfile\n      contractorId={contractorId}\n      onEvent={onEvent}\n      className={className}\n    />\n  ) : (\n    <IndividualSelfOnboardingProfile\n      contractorId={contractorId}\n      onEvent={onEvent}\n      className={className}\n    />\n  )\n}\n"],"names":["SelfOnboardingContractorProfile","contractorId","onEvent","className","useI18n","contractorQuery","useContractorsGet","contractor","errorHandling","composeErrorHandler","BaseLayout","ContractorType","jsx","BusinessSelfOnboardingProfile","IndividualSelfOnboardingProfile"],"mappings":";;;;;;;;;AA8BO,SAASA,EAAgC;AAAA,EAC9C,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAAyC;AACvC,EAAAC,EAAQ,oBAAoB;AAE5B,QAAMC,IAAkBC,EAAkB,EAAE,gBAAgBL,GAAc,GACpEM,IAAaF,EAAgB,MAAM;AAEzC,MAAIA,EAAgB,aAAa,CAACE,GAAY;AAC5C,UAAMC,IAAgBC,EAAoB,CAACJ,CAAe,CAAC;AAC3D,6BAAQK,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAc,QAAQ;AAAA,EAC5D;AAEA,SAAOD,EAAW,SAASI,EAAe,WACxC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAAZ;AAAA,MACA,SAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAS;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,cAAAb;AAAA,MACA,SAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"SelfOnboardingContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/SelfOnboardingContractorProfile.tsx"],"sourcesContent":["import { useContractorsGet } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { ContractorType } from './shared/useContractorDetailsForm'\nimport { IndividualSelfOnboardingProfile } from './IndividualSelfOnboardingProfile'\nimport { BusinessSelfOnboardingProfile } from './BusinessSelfOnboardingProfile'\nimport { BaseLayout } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { useI18n } from '@/i18n'\nimport type { EventType } from '@/shared/constants'\n\n/**\n * Props shared by the contractor self-onboarding profile components.\n *\n * @internal\n */\nexport interface ContractorSelfOnboardingProfileProps {\n  /** UUID of the existing contractor completing self-onboarding. */\n  contractorId: string\n  /** Callback invoked when the component emits an event. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Optional class name applied to the root element. */\n  className?: string\n}\n\n/**\n * Resolves the contractor's type and renders the matching self-onboarding\n * profile — individual or business.\n *\n * @internal\n */\nexport function SelfOnboardingContractorProfile({\n  contractorId,\n  onEvent,\n  className,\n}: ContractorSelfOnboardingProfileProps) {\n  useI18n('Contractor.Profile')\n\n  const contractorQuery = useContractorsGet({ contractorUuid: contractorId })\n  const contractor = contractorQuery.data?.contractor\n\n  if (contractorQuery.isLoading || !contractor) {\n    const errorHandling = composeErrorHandler([contractorQuery])\n    return <BaseLayout isLoading error={errorHandling.errors} />\n  }\n\n  return contractor.type === ContractorType.Business ? (\n    <BusinessSelfOnboardingProfile\n      contractorId={contractorId}\n      onEvent={onEvent}\n      className={className}\n    />\n  ) : (\n    <IndividualSelfOnboardingProfile\n      contractorId={contractorId}\n      onEvent={onEvent}\n      className={className}\n    />\n  )\n}\n"],"names":["SelfOnboardingContractorProfile","contractorId","onEvent","className","useI18n","contractorQuery","useContractorsGet","contractor","errorHandling","composeErrorHandler","BaseLayout","ContractorType","jsx","BusinessSelfOnboardingProfile","IndividualSelfOnboardingProfile"],"mappings":";;;;;;;;;AA8BO,SAASA,EAAgC;AAAA,EAC9C,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAAyC;AACvC,EAAAC,EAAQ,oBAAoB;AAE5B,QAAMC,IAAkBC,EAAkB,EAAE,gBAAgBL,GAAc,GACpEM,IAAaF,EAAgB,MAAM;AAEzC,MAAIA,EAAgB,aAAa,CAACE,GAAY;AAC5C,UAAMC,IAAgBC,EAAoB,CAACJ,CAAe,CAAC;AAC3D,6BAAQK,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAc,QAAQ;AAAA,EAC5D;AAEA,SAAOD,EAAW,SAASI,EAAe,WACxC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAAZ;AAAA,MACA,SAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAS;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,cAAAb;AAAA,MACA,SAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Contractor/Profile/shared/useContractorDetailsForm/contractorDetailsSchema.d.ts

@@ -76,7 +76,7 @@ export type ContractorDetailsFormOutputs = ContractorDetailsFormData;
  *
  * @public
  */
-export type ContractorDetailsOptionalFieldsToRequire = { create?: ("ssn" | "ein" | "email" | "middleInitial")[] | undefined; update?: ("hourlyRate" | "businessName" | "ssn" | "ein" | "startDate" | "email" | "firstName" | "lastName" | "middleInitial" | "workState")[] | undefined; };
+export type ContractorDetailsOptionalFieldsToRequire = { create?: ("ein" | "email" | "middleInitial" | "ssn")[] | undefined; update?: ("businessName" | "ein" | "email" | "firstName" | "hourlyRate" | "lastName" | "middleInitial" | "ssn" | "startDate" | "workState")[] | undefined; };
 /** @internal */
 interface ContractorDetailsSchemaOptions {
     mode?: 'create' | 'update';

package/dist/components/Contractor/Profile/shared/useContractorDetailsForm/contractorDetailsSchema.js

@@ -1,10 +1,10 @@
 import { z as e } from "zod";
-import { ContractorType as N, WageType as E } from "@gusto/embedded-api-v-2026-02-01/models/components/contractor";
-import { buildFormSchema as c } from "../../../../../partner-hook-utils/form/buildFormSchema.js";
+import { ContractorType as N, ContractorWageType as c } from "@gusto/embedded-api/models/components/contractor";
+import { buildFormSchema as E } from "../../../../../partner-hook-utils/form/buildFormSchema.js";
 import { coerceNaN as d, coerceToISODate as p } from "../../../../../partner-hook-utils/form/preprocessors.js";
 import { EIN_REGEX as u, SSN_REGEX as f, NAME_REGEX as I } from "../../../../../helpers/validations.js";
 import { normalizeEin as D } from "../../../../../helpers/federalEin.js";
-const o = N, n = E, t = {
+const o = N, n = c, t = {
   REQUIRED: "REQUIRED",
   INVALID_NAME: "INVALID_NAME",
   INVALID_EMAIL: "INVALID_EMAIL",
@@ -44,9 +44,9 @@ const o = N, n = E, t = {
   ein: "never",
   email: (r) => r.selfOnboarding
 };
-function T(r = {}) {
+function C(r = {}) {
   const { mode: i = "create", optionalFieldsToRequire: s, hasSsn: l = !1, hasEin: m = !1 } = r, a = [];
-  return l && a.push("ssn"), m && a.push("ein"), c(R, {
+  return l && a.push("ssn"), m && a.push("ein"), E(R, {
     requiredFieldsConfig: g,
     requiredErrorCode: t.REQUIRED,
     mode: i,
@@ -67,7 +67,7 @@ export {
   t as ContractorDetailsErrorCodes,
   o as ContractorType,
   n as WageType,
-  T as createContractorDetailsSchema,
+  C as createContractorDetailsSchema,
   A as getExcludedContractorFields
 };
 //# sourceMappingURL=contractorDetailsSchema.js.map

package/dist/components/Contractor/Profile/shared/useContractorDetailsForm/contractorDetailsSchema.js.map

@@ -1 +1 @@
-{"version":3,"file":"contractorDetailsSchema.js","sources":["../../../../../../src/components/Contractor/Profile/shared/useContractorDetailsForm/contractorDetailsSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  WageType as ApiWageType,\n  ContractorType as ApiContractorType,\n} from '@gusto/embedded-api-v-2026-02-01/models/components/contractor'\nimport {\n  buildFormSchema,\n  type RequiredFieldConfig,\n  type OptionalFieldsToRequire,\n} from '@/partner-hook-utils/form/buildFormSchema'\nimport { coerceNaN, coerceToISODate } from '@/partner-hook-utils/form/preprocessors'\nimport { SSN_REGEX, EIN_REGEX, NAME_REGEX } from '@/helpers/validations'\nimport { normalizeEin } from '@/helpers/federalEin'\n\n/**\n * Contractor type enum (`Individual` / `Business`) re-exported from the API model.\n *\n * @public\n */\nexport const ContractorType = ApiContractorType\n/**\n * Contractor wage type enum (`Fixed` / `Hourly`) re-exported from the API model.\n *\n * @public\n */\nexport const WageType = ApiWageType\n\n// ── Error codes ────────────────────────────────────────────────────────\n\n/**\n * Validation error codes emitted by the contractor details form schema. Map\n * these codes to localized copy in `validationMessages` when composing the\n * hook.\n *\n * @public\n */\nexport const ContractorDetailsErrorCodes = {\n  REQUIRED: 'REQUIRED',\n  INVALID_NAME: 'INVALID_NAME',\n  INVALID_EMAIL: 'INVALID_EMAIL',\n  INVALID_SSN: 'INVALID_SSN',\n  INVALID_EIN: 'INVALID_EIN',\n} as const\n\n/**\n * Union of validation error code strings emitted by the contractor details\n * form schema.\n *\n * @public\n */\nexport type ContractorDetailsErrorCode =\n  (typeof ContractorDetailsErrorCodes)[keyof typeof ContractorDetailsErrorCodes]\n\n// ── Field validators ───────────────────────────────────────────────────\n\nconst fieldValidators = {\n  type: z.enum([ContractorType.Individual, ContractorType.Business]),\n  wageType: z.enum([WageType.Hourly, WageType.Fixed]),\n  startDate: z.preprocess(\n    coerceToISODate,\n    z.iso.date({ error: () => ContractorDetailsErrorCodes.REQUIRED }),\n  ),\n  hourlyRate: z.preprocess(coerceNaN(0), z.number().min(0)),\n  selfOnboarding: z.boolean(),\n  fileNewHireReport: z.boolean(),\n  email: z.email({ error: () => ContractorDetailsErrorCodes.INVALID_EMAIL }),\n  firstName: z\n    .string()\n    .min(1, { message: ContractorDetailsErrorCodes.REQUIRED })\n    .regex(NAME_REGEX, { message: ContractorDetailsErrorCodes.INVALID_NAME }),\n  lastName: z\n    .string()\n    .min(1, { message: ContractorDetailsErrorCodes.REQUIRED })\n    .regex(NAME_REGEX, { message: ContractorDetailsErrorCodes.INVALID_NAME }),\n  middleInitial: z.string(),\n  businessName: z.string(),\n  workState: z.string(),\n  ssn: z\n    .string({ error: () => ContractorDetailsErrorCodes.REQUIRED })\n    .refine((v: string) => SSN_REGEX.test(v.replace(/\\D/g, '')), {\n      message: ContractorDetailsErrorCodes.INVALID_SSN,\n    }),\n  ein: z\n    .string({ error: () => ContractorDetailsErrorCodes.REQUIRED })\n    .refine((v: string) => EIN_REGEX.test(normalizeEin(v)), {\n      message: ContractorDetailsErrorCodes.INVALID_EIN,\n    }),\n}\n\n/**\n * Shape of the values managed by the contractor details form.\n *\n * @public\n * @interface\n */\nexport type ContractorDetailsFormData = {\n  [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>\n}\n\n/** @internal */\nexport type ContractorDetailsFormOutputs = ContractorDetailsFormData\n\n// ── Required fields config ─────────────────────────────────────────────\n//\n// Requiredness mirrors the contractor create/update API contract: fields the\n// API requires on create are `'create'` (optional on update), and fields the\n// API treats as optional are `'never'`. Type/wage *applicability* (does a field\n// apply to this contractor at all?) is handled separately by `excludeFields` —\n// see `getExcludedContractorFields` — not by requiredness. SSN/EIN are never\n// gated by `selfOnboarding`: each consumer decides whether to render and require\n// them (admins hide them when inviting; self-onboarding profiles collect them).\n//\n// `email` is the one genuinely value-conditional rule: it always applies but is\n// only required when self-onboarding is on (create and update, matching the\n// API's \"if self_onboarding is true, then email is required\"). A single-operand\n// predicate keeps `buildFormSchema`'s dependency-detecting Proxy accurate.\n\nconst requiredFieldsConfig = {\n  startDate: 'create',\n  firstName: 'create',\n  lastName: 'create',\n  businessName: 'create',\n  hourlyRate: 'create',\n  workState: 'create',\n  middleInitial: 'never',\n  ssn: 'never',\n  ein: 'never',\n  email: data => data.selfOnboarding,\n} satisfies RequiredFieldConfig<typeof fieldValidators>\n\n// ── Schema factory ─────────────────────────────────────────────────────\n\n/**\n * Keys of optional contractor details fields that can be promoted to required\n * via the hook's `optionalFieldsToRequire` option.\n *\n * @public\n */\nexport type ContractorDetailsOptionalFieldsToRequire = OptionalFieldsToRequire<\n  typeof requiredFieldsConfig\n>\n\n/** @internal */\ninterface ContractorDetailsSchemaOptions {\n  mode?: 'create' | 'update'\n  optionalFieldsToRequire?: ContractorDetailsOptionalFieldsToRequire\n  hasSsn?: boolean\n  hasEin?: boolean\n}\n\n/** @internal */\nexport function createContractorDetailsSchema(options: ContractorDetailsSchemaOptions = {}) {\n  const { mode = 'create', optionalFieldsToRequire, hasSsn = false, hasEin = false } = options\n\n  const fieldsWithRedactedValues: Array<keyof typeof fieldValidators> = []\n  if (hasSsn) fieldsWithRedactedValues.push('ssn')\n  if (hasEin) fieldsWithRedactedValues.push('ein')\n\n  return buildFormSchema(fieldValidators, {\n    requiredFieldsConfig,\n    requiredErrorCode: ContractorDetailsErrorCodes.REQUIRED,\n    mode,\n    optionalFieldsToRequire,\n    fieldsWithRedactedValues,\n    // Applicability gating: evaluated per-validation so a field's required\n    // check is skipped while it doesn't apply to the current selection. The\n    // field stays in the schema (validated as optional), keeping requiredness\n    // static and fully promotable via `optionalFieldsToRequire`.\n    excludeFields: getExcludedContractorFields,\n  })\n}\n\n/** @internal */\nexport type ContractorDiscriminators = Partial<\n  Pick<ContractorDetailsFormData, 'type' | 'wageType' | 'fileNewHireReport'>\n>\n\n/**\n * Fields that don't apply to the given contractor selection. Their required\n * check is skipped at validation time and they're never rendered. `email` is\n * never excluded — it always applies and its requiredness is governed by the\n * `selfOnboarding` predicate.\n *\n * @internal\n */\nexport function getExcludedContractorFields(\n  values: ContractorDiscriminators,\n): Array<keyof typeof fieldValidators> {\n  const isIndividual = values.type === ContractorType.Individual\n  const excluded: Array<keyof typeof fieldValidators> = []\n\n  if (values.wageType !== WageType.Hourly) excluded.push('hourlyRate')\n\n  if (isIndividual) {\n    excluded.push('businessName', 'ein')\n    if (!values.fileNewHireReport) excluded.push('workState')\n  } else {\n    excluded.push('firstName', 'lastName', 'middleInitial', 'fileNewHireReport', 'ssn', 'workState')\n  }\n\n  return excluded\n}\n"],"names":["ContractorType","ApiContractorType","WageType","ApiWageType","ContractorDetailsErrorCodes","fieldValidators","z","coerceToISODate","coerceNaN","NAME_REGEX","v","SSN_REGEX","EIN_REGEX","normalizeEin","requiredFieldsConfig","data","createContractorDetailsSchema","options","mode","optionalFieldsToRequire","hasSsn","hasEin","fieldsWithRedactedValues","buildFormSchema","getExcludedContractorFields","values","isIndividual","excluded"],"mappings":";;;;;;AAmBO,MAAMA,IAAiBC,GAMjBC,IAAWC,GAWXC,IAA8B;AAAA,EACzC,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AACf,GAaMC,IAAkB;AAAA,EACtB,MAAMC,EAAE,KAAK,CAACN,EAAe,YAAYA,EAAe,QAAQ,CAAC;AAAA,EACjE,UAAUM,EAAE,KAAK,CAACJ,EAAS,QAAQA,EAAS,KAAK,CAAC;AAAA,EAClD,WAAWI,EAAE;AAAA,IACXC;AAAA,IACAD,EAAE,IAAI,KAAK,EAAE,OAAO,MAAMF,EAA4B,UAAU;AAAA,EAAA;AAAA,EAElE,YAAYE,EAAE,WAAWE,EAAU,CAAC,GAAGF,EAAE,OAAA,EAAS,IAAI,CAAC,CAAC;AAAA,EACxD,gBAAgBA,EAAE,QAAA;AAAA,EAClB,mBAAmBA,EAAE,QAAA;AAAA,EACrB,OAAOA,EAAE,MAAM,EAAE,OAAO,MAAMF,EAA4B,eAAe;AAAA,EACzE,WAAWE,EACR,OAAA,EACA,IAAI,GAAG,EAAE,SAASF,EAA4B,SAAA,CAAU,EACxD,MAAMK,GAAY,EAAE,SAASL,EAA4B,cAAc;AAAA,EAC1E,UAAUE,EACP,OAAA,EACA,IAAI,GAAG,EAAE,SAASF,EAA4B,SAAA,CAAU,EACxD,MAAMK,GAAY,EAAE,SAASL,EAA4B,cAAc;AAAA,EAC1E,eAAeE,EAAE,OAAA;AAAA,EACjB,cAAcA,EAAE,OAAA;AAAA,EAChB,WAAWA,EAAE,OAAA;AAAA,EACb,KAAKA,EACF,OAAO,EAAE,OAAO,MAAMF,EAA4B,UAAU,EAC5D,OAAO,CAACM,MAAcC,EAAU,KAAKD,EAAE,QAAQ,OAAO,EAAE,CAAC,GAAG;AAAA,IAC3D,SAASN,EAA4B;AAAA,EAAA,CACtC;AAAA,EACH,KAAKE,EACF,OAAO,EAAE,OAAO,MAAMF,EAA4B,SAAA,CAAU,EAC5D,OAAO,CAACM,MAAcE,EAAU,KAAKC,EAAaH,CAAC,CAAC,GAAG;AAAA,IACtD,SAASN,EAA4B;AAAA,EAAA,CACtC;AACL,GA8BMU,IAAuB;AAAA,EAC3B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,KAAK;AAAA,EACL,KAAK;AAAA,EACL,OAAO,OAAQC,EAAK;AACtB;AAuBO,SAASC,EAA8BC,IAA0C,IAAI;AAC1F,QAAM,EAAE,MAAAC,IAAO,UAAU,yBAAAC,GAAyB,QAAAC,IAAS,IAAO,QAAAC,IAAS,OAAUJ,GAE/EK,IAAgE,CAAA;AACtE,SAAIF,KAAQE,EAAyB,KAAK,KAAK,GAC3CD,KAAQC,EAAyB,KAAK,KAAK,GAExCC,EAAgBlB,GAAiB;AAAA,IACtC,sBAAAS;AAAA,IACA,mBAAmBV,EAA4B;AAAA,IAC/C,MAAAc;AAAA,IACA,yBAAAC;AAAA,IACA,0BAAAG;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,eAAeE;AAAA,EAAA,CAChB;AACH;AAeO,SAASA,EACdC,GACqC;AACrC,QAAMC,IAAeD,EAAO,SAASzB,EAAe,YAC9C2B,IAAgD,CAAA;AAEtD,SAAIF,EAAO,aAAavB,EAAS,UAAQyB,EAAS,KAAK,YAAY,GAE/DD,KACFC,EAAS,KAAK,gBAAgB,KAAK,GAC9BF,EAAO,qBAAmBE,EAAS,KAAK,WAAW,KAExDA,EAAS,KAAK,aAAa,YAAY,iBAAiB,qBAAqB,OAAO,WAAW,GAG1FA;AACT;"}
+{"version":3,"file":"contractorDetailsSchema.js","sources":["../../../../../../src/components/Contractor/Profile/shared/useContractorDetailsForm/contractorDetailsSchema.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  ContractorWageType as ApiWageType,\n  ContractorType as ApiContractorType,\n} from '@gusto/embedded-api/models/components/contractor'\nimport {\n  buildFormSchema,\n  type RequiredFieldConfig,\n  type OptionalFieldsToRequire,\n} from '@/partner-hook-utils/form/buildFormSchema'\nimport { coerceNaN, coerceToISODate } from '@/partner-hook-utils/form/preprocessors'\nimport { SSN_REGEX, EIN_REGEX, NAME_REGEX } from '@/helpers/validations'\nimport { normalizeEin } from '@/helpers/federalEin'\n\n/**\n * Contractor type enum (`Individual` / `Business`) re-exported from the API model.\n *\n * @public\n */\nexport const ContractorType = ApiContractorType\n/**\n * Contractor wage type enum (`Fixed` / `Hourly`) re-exported from the API model.\n *\n * @public\n */\nexport const WageType = ApiWageType\n\n// ── Error codes ────────────────────────────────────────────────────────\n\n/**\n * Validation error codes emitted by the contractor details form schema. Map\n * these codes to localized copy in `validationMessages` when composing the\n * hook.\n *\n * @public\n */\nexport const ContractorDetailsErrorCodes = {\n  REQUIRED: 'REQUIRED',\n  INVALID_NAME: 'INVALID_NAME',\n  INVALID_EMAIL: 'INVALID_EMAIL',\n  INVALID_SSN: 'INVALID_SSN',\n  INVALID_EIN: 'INVALID_EIN',\n} as const\n\n/**\n * Union of validation error code strings emitted by the contractor details\n * form schema.\n *\n * @public\n */\nexport type ContractorDetailsErrorCode =\n  (typeof ContractorDetailsErrorCodes)[keyof typeof ContractorDetailsErrorCodes]\n\n// ── Field validators ───────────────────────────────────────────────────\n\nconst fieldValidators = {\n  type: z.enum([ContractorType.Individual, ContractorType.Business]),\n  wageType: z.enum([WageType.Hourly, WageType.Fixed]),\n  startDate: z.preprocess(\n    coerceToISODate,\n    z.iso.date({ error: () => ContractorDetailsErrorCodes.REQUIRED }),\n  ),\n  hourlyRate: z.preprocess(coerceNaN(0), z.number().min(0)),\n  selfOnboarding: z.boolean(),\n  fileNewHireReport: z.boolean(),\n  email: z.email({ error: () => ContractorDetailsErrorCodes.INVALID_EMAIL }),\n  firstName: z\n    .string()\n    .min(1, { message: ContractorDetailsErrorCodes.REQUIRED })\n    .regex(NAME_REGEX, { message: ContractorDetailsErrorCodes.INVALID_NAME }),\n  lastName: z\n    .string()\n    .min(1, { message: ContractorDetailsErrorCodes.REQUIRED })\n    .regex(NAME_REGEX, { message: ContractorDetailsErrorCodes.INVALID_NAME }),\n  middleInitial: z.string(),\n  businessName: z.string(),\n  workState: z.string(),\n  ssn: z\n    .string({ error: () => ContractorDetailsErrorCodes.REQUIRED })\n    .refine((v: string) => SSN_REGEX.test(v.replace(/\\D/g, '')), {\n      message: ContractorDetailsErrorCodes.INVALID_SSN,\n    }),\n  ein: z\n    .string({ error: () => ContractorDetailsErrorCodes.REQUIRED })\n    .refine((v: string) => EIN_REGEX.test(normalizeEin(v)), {\n      message: ContractorDetailsErrorCodes.INVALID_EIN,\n    }),\n}\n\n/**\n * Shape of the values managed by the contractor details form.\n *\n * @public\n * @interface\n */\nexport type ContractorDetailsFormData = {\n  [K in keyof typeof fieldValidators]: z.infer<(typeof fieldValidators)[K]>\n}\n\n/** @internal */\nexport type ContractorDetailsFormOutputs = ContractorDetailsFormData\n\n// ── Required fields config ─────────────────────────────────────────────\n//\n// Requiredness mirrors the contractor create/update API contract: fields the\n// API requires on create are `'create'` (optional on update), and fields the\n// API treats as optional are `'never'`. Type/wage *applicability* (does a field\n// apply to this contractor at all?) is handled separately by `excludeFields` —\n// see `getExcludedContractorFields` — not by requiredness. SSN/EIN are never\n// gated by `selfOnboarding`: each consumer decides whether to render and require\n// them (admins hide them when inviting; self-onboarding profiles collect them).\n//\n// `email` is the one genuinely value-conditional rule: it always applies but is\n// only required when self-onboarding is on (create and update, matching the\n// API's \"if self_onboarding is true, then email is required\"). A single-operand\n// predicate keeps `buildFormSchema`'s dependency-detecting Proxy accurate.\n\nconst requiredFieldsConfig = {\n  startDate: 'create',\n  firstName: 'create',\n  lastName: 'create',\n  businessName: 'create',\n  hourlyRate: 'create',\n  workState: 'create',\n  middleInitial: 'never',\n  ssn: 'never',\n  ein: 'never',\n  email: data => data.selfOnboarding,\n} satisfies RequiredFieldConfig<typeof fieldValidators>\n\n// ── Schema factory ─────────────────────────────────────────────────────\n\n/**\n * Keys of optional contractor details fields that can be promoted to required\n * via the hook's `optionalFieldsToRequire` option.\n *\n * @public\n */\nexport type ContractorDetailsOptionalFieldsToRequire = OptionalFieldsToRequire<\n  typeof requiredFieldsConfig\n>\n\n/** @internal */\ninterface ContractorDetailsSchemaOptions {\n  mode?: 'create' | 'update'\n  optionalFieldsToRequire?: ContractorDetailsOptionalFieldsToRequire\n  hasSsn?: boolean\n  hasEin?: boolean\n}\n\n/** @internal */\nexport function createContractorDetailsSchema(options: ContractorDetailsSchemaOptions = {}) {\n  const { mode = 'create', optionalFieldsToRequire, hasSsn = false, hasEin = false } = options\n\n  const fieldsWithRedactedValues: Array<keyof typeof fieldValidators> = []\n  if (hasSsn) fieldsWithRedactedValues.push('ssn')\n  if (hasEin) fieldsWithRedactedValues.push('ein')\n\n  return buildFormSchema(fieldValidators, {\n    requiredFieldsConfig,\n    requiredErrorCode: ContractorDetailsErrorCodes.REQUIRED,\n    mode,\n    optionalFieldsToRequire,\n    fieldsWithRedactedValues,\n    // Applicability gating: evaluated per-validation so a field's required\n    // check is skipped while it doesn't apply to the current selection. The\n    // field stays in the schema (validated as optional), keeping requiredness\n    // static and fully promotable via `optionalFieldsToRequire`.\n    excludeFields: getExcludedContractorFields,\n  })\n}\n\n/** @internal */\nexport type ContractorDiscriminators = Partial<\n  Pick<ContractorDetailsFormData, 'type' | 'wageType' | 'fileNewHireReport'>\n>\n\n/**\n * Fields that don't apply to the given contractor selection. Their required\n * check is skipped at validation time and they're never rendered. `email` is\n * never excluded — it always applies and its requiredness is governed by the\n * `selfOnboarding` predicate.\n *\n * @internal\n */\nexport function getExcludedContractorFields(\n  values: ContractorDiscriminators,\n): Array<keyof typeof fieldValidators> {\n  const isIndividual = values.type === ContractorType.Individual\n  const excluded: Array<keyof typeof fieldValidators> = []\n\n  if (values.wageType !== WageType.Hourly) excluded.push('hourlyRate')\n\n  if (isIndividual) {\n    excluded.push('businessName', 'ein')\n    if (!values.fileNewHireReport) excluded.push('workState')\n  } else {\n    excluded.push('firstName', 'lastName', 'middleInitial', 'fileNewHireReport', 'ssn', 'workState')\n  }\n\n  return excluded\n}\n"],"names":["ContractorType","ApiContractorType","WageType","ApiWageType","ContractorDetailsErrorCodes","fieldValidators","z","coerceToISODate","coerceNaN","NAME_REGEX","v","SSN_REGEX","EIN_REGEX","normalizeEin","requiredFieldsConfig","data","createContractorDetailsSchema","options","mode","optionalFieldsToRequire","hasSsn","hasEin","fieldsWithRedactedValues","buildFormSchema","getExcludedContractorFields","values","isIndividual","excluded"],"mappings":";;;;;;AAmBO,MAAMA,IAAiBC,GAMjBC,IAAWC,GAWXC,IAA8B;AAAA,EACzC,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AACf,GAaMC,IAAkB;AAAA,EACtB,MAAMC,EAAE,KAAK,CAACN,EAAe,YAAYA,EAAe,QAAQ,CAAC;AAAA,EACjE,UAAUM,EAAE,KAAK,CAACJ,EAAS,QAAQA,EAAS,KAAK,CAAC;AAAA,EAClD,WAAWI,EAAE;AAAA,IACXC;AAAA,IACAD,EAAE,IAAI,KAAK,EAAE,OAAO,MAAMF,EAA4B,UAAU;AAAA,EAAA;AAAA,EAElE,YAAYE,EAAE,WAAWE,EAAU,CAAC,GAAGF,EAAE,OAAA,EAAS,IAAI,CAAC,CAAC;AAAA,EACxD,gBAAgBA,EAAE,QAAA;AAAA,EAClB,mBAAmBA,EAAE,QAAA;AAAA,EACrB,OAAOA,EAAE,MAAM,EAAE,OAAO,MAAMF,EAA4B,eAAe;AAAA,EACzE,WAAWE,EACR,OAAA,EACA,IAAI,GAAG,EAAE,SAASF,EAA4B,SAAA,CAAU,EACxD,MAAMK,GAAY,EAAE,SAASL,EAA4B,cAAc;AAAA,EAC1E,UAAUE,EACP,OAAA,EACA,IAAI,GAAG,EAAE,SAASF,EAA4B,SAAA,CAAU,EACxD,MAAMK,GAAY,EAAE,SAASL,EAA4B,cAAc;AAAA,EAC1E,eAAeE,EAAE,OAAA;AAAA,EACjB,cAAcA,EAAE,OAAA;AAAA,EAChB,WAAWA,EAAE,OAAA;AAAA,EACb,KAAKA,EACF,OAAO,EAAE,OAAO,MAAMF,EAA4B,UAAU,EAC5D,OAAO,CAACM,MAAcC,EAAU,KAAKD,EAAE,QAAQ,OAAO,EAAE,CAAC,GAAG;AAAA,IAC3D,SAASN,EAA4B;AAAA,EAAA,CACtC;AAAA,EACH,KAAKE,EACF,OAAO,EAAE,OAAO,MAAMF,EAA4B,SAAA,CAAU,EAC5D,OAAO,CAACM,MAAcE,EAAU,KAAKC,EAAaH,CAAC,CAAC,GAAG;AAAA,IACtD,SAASN,EAA4B;AAAA,EAAA,CACtC;AACL,GA8BMU,IAAuB;AAAA,EAC3B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,KAAK;AAAA,EACL,KAAK;AAAA,EACL,OAAO,OAAQC,EAAK;AACtB;AAuBO,SAASC,EAA8BC,IAA0C,IAAI;AAC1F,QAAM,EAAE,MAAAC,IAAO,UAAU,yBAAAC,GAAyB,QAAAC,IAAS,IAAO,QAAAC,IAAS,OAAUJ,GAE/EK,IAAgE,CAAA;AACtE,SAAIF,KAAQE,EAAyB,KAAK,KAAK,GAC3CD,KAAQC,EAAyB,KAAK,KAAK,GAExCC,EAAgBlB,GAAiB;AAAA,IACtC,sBAAAS;AAAA,IACA,mBAAmBV,EAA4B;AAAA,IAC/C,MAAAc;AAAA,IACA,yBAAAC;AAAA,IACA,0BAAAG;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,eAAeE;AAAA,EAAA,CAChB;AACH;AAeO,SAASA,EACdC,GACqC;AACrC,QAAMC,IAAeD,EAAO,SAASzB,EAAe,YAC9C2B,IAAgD,CAAA;AAEtD,SAAIF,EAAO,aAAavB,EAAS,UAAQyB,EAAS,KAAK,YAAY,GAE/DD,KACFC,EAAS,KAAK,gBAAgB,KAAK,GAC9BF,EAAO,qBAAmBE,EAAS,KAAK,WAAW,KAExDA,EAAS,KAAK,aAAa,YAAY,iBAAiB,qBAAqB,OAAO,WAAW,GAG1FA;AACT;"}

package/dist/components/Contractor/Profile/shared/useContractorDetailsForm/useContractorDetailsForm.d.ts

@@ -1,6 +1,6 @@
 import { ComponentType } from 'react';
 import { UseFormProps } from 'react-hook-form';
-import { Contractor } from '@gusto/embedded-api-v-2026-02-01/models/components/contractor';
+import { Contractor } from '@gusto/embedded-api/models/components/contractor';
 import { ContractorDetailsOptionalFieldsToRequire, ContractorDetailsFormData } from './contractorDetailsSchema';
 import { TypeFieldProps, WageTypeFieldProps, StartDateFieldProps, HourlyRateFieldProps, SelfOnboardingFieldProps, FileNewHireReportFieldProps, EmailFieldProps, FirstNameFieldProps, LastNameFieldProps, MiddleInitialFieldProps, BusinessNameFieldProps, SsnFieldProps, EinFieldProps, WorkStateFieldProps } from './fields';
 import { BaseFormHookReady, FieldMetadata, HookLoadingResult, HookSubmitResult } from '../../../../../partner-hook-utils/types';
@@ -196,4 +196,4 @@ export type UseContractorDetailsFormResult = HookLoadingResult | UseContractorDe
  *
  * @public
  */
-export type ContractorDetailsFieldsMetadata = { type: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Business" | "Individual">; wageType: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Fixed" | "Hourly">; startDate: FieldMetadata; hourlyRate: FieldMetadata; selfOnboarding: FieldMetadata; fileNewHireReport: FieldMetadata; email: FieldMetadata; firstName: FieldMetadata; lastName: FieldMetadata; middleInitial: FieldMetadata; businessName: FieldMetadata; ssn: FieldMetadata; ein: FieldMetadata; workState: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"AL" | "AK" | "AZ" | "AR" | "CA" | "CO" | "CT" | "DE" | "DC" | "FL" | "GA" | "HI" | "ID" | "IL" | "IN" | "IA" | "KS" | "KY" | "LA" | "ME" | "MD" | "MA" | "MI" | "MN" | "MS" | "MO" | "MT" | "NE" | "NV" | "NH" | "NJ" | "NM" | "NY" | "NC" | "ND" | "OH" | "OK" | "OR" | "PA" | "RI" | "SC" | "SD" | "TN" | "TX" | "UT" | "VT" | "VA" | "WA" | "WV" | "WI" | "WY">; };
+export type ContractorDetailsFieldsMetadata = { type: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Business" | "Individual">; wageType: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"Fixed" | "Hourly">; startDate: FieldMetadata; hourlyRate: FieldMetadata; selfOnboarding: FieldMetadata; fileNewHireReport: FieldMetadata; email: FieldMetadata; firstName: FieldMetadata; lastName: FieldMetadata; middleInitial: FieldMetadata; businessName: FieldMetadata; ssn: FieldMetadata; ein: FieldMetadata; workState: import("../../../../../partner-hook-utils/types").FieldMetadataWithOptions<"AK" | "AL" | "AR" | "AZ" | "CA" | "CO" | "CT" | "DC" | "DE" | "FL" | "GA" | "HI" | "IA" | "ID" | "IL" | "IN" | "KS" | "KY" | "LA" | "MA" | "MD" | "ME" | "MI" | "MN" | "MO" | "MS" | "MT" | "NC" | "ND" | "NE" | "NH" | "NJ" | "NM" | "NV" | "NY" | "OH" | "OK" | "OR" | "PA" | "RI" | "SC" | "SD" | "TN" | "TX" | "UT" | "VA" | "VT" | "WA" | "WI" | "WV" | "WY">; };

package/dist/components/Contractor/Profile/shared/useContractorDetailsForm/useContractorDetailsForm.js

@@ -1,9 +1,9 @@
 import { useMemo as k } from "react";
 import { useForm as oe, useWatch as re } from "react-hook-form";
 import { zodResolver as ne } from "@hookform/resolvers/zod";
-import { useContractorsGet as se } from "@gusto/embedded-api-v-2026-02-01/react-query/contractorsGet";
-import { useContractorsCreateMutation as ae } from "@gusto/embedded-api-v-2026-02-01/react-query/contractorsCreate";
-import { useContractorsUpdateMutation as de } from "@gusto/embedded-api-v-2026-02-01/react-query/contractorsUpdate";
+import { useContractorsGet as se } from "@gusto/embedded-api/react-query/contractorsGet";
+import { useContractorsCreateMutation as ae } from "@gusto/embedded-api/react-query/contractorsCreate";
+import { useContractorsUpdateMutation as de } from "@gusto/embedded-api/react-query/contractorsUpdate";
 import { createContractorDetailsSchema as le, WageType as m, ContractorType as a } from "./contractorDetailsSchema.js";
 import { WorkStateField as me, EinField as ue, SsnField as ce, BusinessNameField as fe, MiddleInitialField as ge, LastNameField as Ne, FirstNameField as pe, EmailField as we, FileNewHireReportField as Se, SelfOnboardingField as ye, HourlyRateField as ve, StartDateField as Fe, WageTypeField as be, TypeField as Re } from "./fields.js";
 import { useDeriveFieldsMetadata as he } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";