@gusto/embedded-react-sdk 0.53.0 → 0.54.1-rc.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateHistoricalPayment.js","sources":["../../../../../src/components/Contractor/Payments/CreateHistoricalPayment/CreateHistoricalPayment.tsx"],"sourcesContent":["import { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentGroupsPreviewMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsPreview'\nimport { useContractorPaymentGroupsCreateMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsCreate'\nimport type { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview'\nimport type { PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { usePaymentAmountsEditor } from '../shared/usePaymentAmountsEditor'\nimport { SetPaymentAmounts } from '../shared/SetPaymentAmounts'\nimport { PaymentSummaryBlock } from '../shared/PaymentSummaryBlock'\nimport { getHistoricalPaymentCheckDateBounds } from '../shared/historicalPaymentDateBounds'\nimport {\n  useCreateHistoricalPaymentDictionary,\n  useCreateHistoricalPaymentReviewDictionary,\n} from './useFormDictionary'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { ActionsLayout, Flex, FlexItem } from '@/components/Common'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { componentEvents } from '@/shared/constants'\nimport { SelectContractors } from '@/components/Contractor/shared/SelectContractors/SelectContractors'\n\nconst ALLOWED_PAYMENT_METHODS: ContractorPaymentMethod[] = ['Historical Payment']\n\n/**\n * Props for {@link CreateHistoricalPayment}.\n *\n * @alpha\n */\nexport interface CreateHistoricalPaymentProps extends BaseComponentInterface<'Contractor.Payments.CreateHistoricalPayment'> {\n  /** UUID of the company recording the historical payment. */\n  companyId: string\n}\n\n/**\n * Records a historical contractor payment — one that already happened outside Gusto and does not\n * move money — by picking a paid date and the contractors being paid, entering hours, wages,\n * bonuses, and reimbursements for them, then reviewing and submitting.\n *\n * @remarks\n * Every contractor payment is fixed to the `Historical Payment` payment method, so there is no\n * payment method choice or debit information to review.\n * Continue on the contractor-selection step is disabled until the paid date is valid and at least\n * one contractor is selected. Continue on the amounts step is disabled until at least one selected\n * contractor has a payment total greater than zero, and swaps the amounts grid for an in-place\n * review (mirroring `CreatePayment`'s preview step); Edit returns to the grid without losing\n * entered amounts, and Submit creates the contractor payment group. Once creation succeeds, the\n * Edit and Submit buttons are replaced with a success message, since the creation token has been\n * consumed and the host is expected to navigate away (e.g. to `HistoricalPaymentSummary`).\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/historicalPayments/edit` | The edit modal was opened for a contractor. | — |\n * | `contractor/historicalPayments/update` | A contractor's payment values were updated locally. | The updated form values (hours, wage, bonus, reimbursement, payment method, etc.). |\n * | `contractor/historicalPayments/preview` | The preview API call succeeded. | The contractor payment group preview response. |\n * | `contractor/historicalPayments/backToEdit` | The user returned from preview to continue editing. | — |\n * | `contractor/historicalPayments/created` | The payment group was successfully created. | The created contractor payment group response. |\n *\n * @param props - See {@link CreateHistoricalPaymentProps}.\n * @returns The rendered contractor-selection screen, the payment-amounts entry screen, or its\n * in-place review.\n * @alpha\n */\nexport function CreateHistoricalPayment(props: CreateHistoricalPaymentProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Contractor.Payments.CreateHistoricalPayment\">\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\ninterface ContractorSelection {\n  contractorIds: string[]\n  checkDate: string\n}\n\nfunction Root({ companyId, dictionary, onEvent }: CreateHistoricalPaymentProps) {\n  useI18n('Contractor.Payments.CreateHistoricalPayment')\n  useComponentDictionary('Contractor.Payments.CreateHistoricalPayment', dictionary)\n  const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n  const { Heading, Text, Button, DatePicker } = useComponentContext()\n\n  const { minDate, maxDate } = useMemo(() => getHistoricalPaymentCheckDateBounds(), [])\n  const [checkDate, setCheckDate] = useState<Date | null>(null)\n  const [selectedIds, setSelectedIds] = useState<string[]>([])\n  const [selection, setSelection] = useState<ContractorSelection | null>(null)\n\n  let dateError: string | null = null\n  if (checkDate !== null && checkDate > maxDate) {\n    dateError = t('select.dateInFutureError')\n  } else if (checkDate !== null && checkDate < minDate) {\n    dateError = t('select.dateTooEarlyError', {\n      year: checkDate.getFullYear(),\n      allowedYear: minDate.getFullYear(),\n    })\n  }\n\n  const canContinue = selectedIds.length > 0 && checkDate !== null && dateError === null\n\n  const handleContinue = () => {\n    if (!canContinue) return\n    const checkDateString = formatDateToStringDate(checkDate)\n    if (!checkDateString) return\n    setSelection({ contractorIds: selectedIds, checkDate: checkDateString })\n  }\n\n  if (!selection) {\n    return (\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('select.heading')}</Heading>\n          <Text variant=\"supporting\">{t('select.subtitle')}</Text>\n        </Flex>\n\n        <DatePicker\n          label={t('select.dateLabel')}\n          isRequired\n          value={checkDate}\n          onChange={setCheckDate}\n          minDate={minDate}\n          maxDate={maxDate}\n          isInvalid={dateError !== null}\n          errorMessage={dateError ?? undefined}\n        />\n\n        <SelectContractors companyId={companyId} onSelectionChange={setSelectedIds} />\n\n        <ActionsLayout>\n          <Button onClick={handleContinue} variant=\"primary\" isDisabled={!canContinue}>\n            {t('select.continueButton')}\n          </Button>\n        </ActionsLayout>\n      </Flex>\n    )\n  }\n\n  return (\n    <AmountsAndReview\n      companyId={companyId}\n      contractorIds={selection.contractorIds}\n      checkDate={selection.checkDate}\n      onEvent={onEvent}\n    />\n  )\n}\n\ninterface AmountsAndReviewProps {\n  companyId: string\n  contractorIds: string[]\n  checkDate: string\n  onEvent: CreateHistoricalPaymentProps['onEvent']\n}\n\nfunction AmountsAndReview({ companyId, contractorIds, checkDate, onEvent }: AmountsAndReviewProps) {\n  const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n  const { Heading, Text, Button, Alert } = useComponentContext()\n  const { baseSubmitHandler } = useBase()\n  const { formatLongWithYear } = useDateFormatter()\n  const paymentAmountsDictionary = useCreateHistoricalPaymentDictionary()\n  const reviewDictionary = useCreateHistoricalPaymentReviewDictionary()\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.contractors ?? []).filter(contractor =>\n    contractorIds.includes(contractor.uuid),\n  )\n\n  const { virtualContractorPayments, totals, editModal } = usePaymentAmountsEditor({\n    contractors,\n    allowedPaymentMethods: ALLOWED_PAYMENT_METHODS,\n    onEditOpen: () => {\n      onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_EDIT)\n    },\n    onEditSave: data => {\n      onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_UPDATE, data)\n    },\n  })\n\n  const canContinue = totals.total > 0\n\n  const { mutateAsync: previewContractorPaymentGroup, isPending: isPreviewing } =\n    useContractorPaymentGroupsPreviewMutation()\n  const { mutateAsync: createContractorPaymentGroup, isPending: isCreating } =\n    useContractorPaymentGroupsCreateMutation()\n\n  const [previewData, setPreviewData] = useState<ContractorPaymentGroupPreview | null>(null)\n  const [isCreated, setIsCreated] = useState(false)\n\n  const touchedContractorPayments = () =>\n    virtualContractorPayments\n      .filter(payment => payment.isTouched)\n      .map(({ isTouched: _isTouched, ...rest }) => rest)\n\n  const handleContinue = async () => {\n    if (!canContinue) return\n\n    await baseSubmitHandler(null, async () => {\n      const response = await previewContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody: {\n            checkDate: new RFCDate(checkDate),\n            contractorPayments: touchedContractorPayments(),\n          },\n        },\n      })\n      setPreviewData(response.contractorPaymentGroupPreview || null)\n      onEvent(\n        componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_PREVIEW,\n        response.contractorPaymentGroupPreview,\n      )\n    })\n  }\n\n  const handleBackToEdit = () => {\n    setPreviewData(null)\n    onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_BACK_TO_EDIT)\n  }\n\n  const handleSubmit = async () => {\n    const creationToken = previewData?.creationToken\n    if (!creationToken || isCreated) return\n\n    await baseSubmitHandler(null, async () => {\n      const response = await createContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody: {\n            checkDate: new RFCDate(checkDate),\n            creationToken,\n            contractorPayments: touchedContractorPayments(),\n          },\n        },\n      })\n\n      if (!response.contractorPaymentGroup) return\n\n      setIsCreated(true)\n      onEvent(\n        componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_CREATED,\n        response.contractorPaymentGroup,\n      )\n    })\n  }\n\n  if (previewData) {\n    return (\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\">{t('review.title')}</Heading>\n            <Text variant=\"supporting\">\n              {t('review.subtitle', {\n                checkDate: formatLongWithYear(previewData.checkDate ?? ''),\n              })}\n            </Text>\n          </Flex>\n          {!isCreated && (\n            <Flex justifyContent=\"flex-end\" gap={16}>\n              <Button onClick={handleBackToEdit} variant=\"secondary\">\n                {t('review.editButton')}\n              </Button>\n              <Button onClick={handleSubmit} variant=\"primary\" isLoading={isCreating}>\n                {t('review.submitButton')}\n              </Button>\n            </Flex>\n          )}\n        </Flex>\n\n        {isCreated && (\n          <Alert status=\"success\" label={t('review.successTitle')}>\n            <Text>{t('review.successMessage')}</Text>\n          </Alert>\n        )}\n\n        <PaymentSummaryBlock\n          contractorPaymentGroup={previewData}\n          contractors={contractors}\n          showDebitColumns={false}\n          dictionary={reviewDictionary}\n        />\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex justifyContent=\"flex-end\" gap={16}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('amounts.heading')}</Heading>\n          <Text variant=\"supporting\">{t('amounts.subtitle')}</Text>\n        </Flex>\n        <FlexItem>\n          <Button\n            onClick={handleContinue}\n            variant=\"primary\"\n            isDisabled={!canContinue}\n            isLoading={isPreviewing}\n          >\n            {t('amounts.continueButton')}\n          </Button>\n        </FlexItem>\n      </Flex>\n\n      <SetPaymentAmounts\n        contractors={contractors}\n        contractorPayments={virtualContractorPayments}\n        totals={totals}\n        allowedPaymentMethods={ALLOWED_PAYMENT_METHODS}\n        editModal={editModal}\n        dictionary={paymentAmountsDictionary}\n      />\n    </Flex>\n  )\n}\n"],"names":["ALLOWED_PAYMENT_METHODS","CreateHistoricalPayment","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Heading","Text","Button","DatePicker","useComponentContext","minDate","maxDate","useMemo","getHistoricalPaymentCheckDateBounds","checkDate","setCheckDate","useState","selectedIds","setSelectedIds","selection","setSelection","dateError","canContinue","handleContinue","checkDateString","formatDateToStringDate","AmountsAndReview","jsxs","Flex","SelectContractors","ActionsLayout","contractorIds","Alert","baseSubmitHandler","useBase","formatLongWithYear","useDateFormatter","paymentAmountsDictionary","useCreateHistoricalPaymentDictionary","reviewDictionary","useCreateHistoricalPaymentReviewDictionary","contractorList","useContractorsListSuspense","contractors","contractor","virtualContractorPayments","totals","editModal","usePaymentAmountsEditor","componentEvents","data","previewContractorPaymentGroup","isPreviewing","useContractorPaymentGroupsPreviewMutation","createContractorPaymentGroup","isCreating","useContractorPaymentGroupsCreateMutation","previewData","setPreviewData","isCreated","setIsCreated","touchedContractorPayments","payment","_isTouched","rest","response","RFCDate","handleBackToEdit","handleSubmit","creationToken","PaymentSummaryBlock","FlexItem","SetPaymentAmounts"],"mappings":"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"}

package/dist/components/Contractor/Payments/CreateHistoricalPayment/index.d.ts

@@ -0,0 +1 @@
+export { CreateHistoricalPayment, type CreateHistoricalPaymentProps, } from './CreateHistoricalPayment';

package/dist/components/Contractor/Payments/CreateHistoricalPayment/useFormDictionary.d.ts

@@ -0,0 +1,18 @@
+import { SetPaymentAmountsDictionary } from '../shared/SetPaymentAmounts';
+import { PaymentSummaryBlockDictionary } from '../shared/PaymentSummaryBlock';
+/**
+ * Resolves `SetPaymentAmounts`'s text against `CreateHistoricalPayment`'s own
+ * `Contractor.Payments.CreateHistoricalPayment` namespace, so partner
+ * overrides on that namespace flow into the shared grid and edit modal.
+ *
+ * @internal
+ */
+export declare function useCreateHistoricalPaymentDictionary(): SetPaymentAmountsDictionary;
+/**
+ * Resolves `PaymentSummaryBlock`'s text against `CreateHistoricalPayment`'s own
+ * `Contractor.Payments.CreateHistoricalPayment` namespace (under the `review` key), so partner
+ * overrides on that namespace flow into the in-place review step.
+ *
+ * @internal
+ */
+export declare function useCreateHistoricalPaymentReviewDictionary(): PaymentSummaryBlockDictionary;

package/dist/components/Contractor/Payments/CreateHistoricalPayment/useFormDictionary.js

@@ -0,0 +1,83 @@
+import { useMemo as e } from "react";
+import { useTranslation as a } from "react-i18next";
+function i() {
+  const { t } = a("Contractor.Payments.CreateHistoricalPayment");
+  return e(
+    () => ({
+      hoursAndPaymentsLabel: t("hoursAndPaymentsLabel"),
+      contractorTableHeaders: {
+        contractor: t("contractorTableHeaders.contractor"),
+        wageType: t("contractorTableHeaders.wageType"),
+        paymentMethod: t("contractorTableHeaders.paymentMethod"),
+        hours: t("contractorTableHeaders.hours"),
+        wage: t("contractorTableHeaders.wage"),
+        bonus: t("contractorTableHeaders.bonus"),
+        reimbursement: t("contractorTableHeaders.reimbursement"),
+        total: t("contractorTableHeaders.total")
+      },
+      emptyTableTitle: t("emptyTableTitle"),
+      emptyTableDescription: t("emptyTableDescription"),
+      na: t("na"),
+      totalsLabel: t("totalsLabel"),
+      editContractor: t("editContractor"),
+      perHour: t("perHour"),
+      editContractorPayment: {
+        title: t("editContractorPayment.title"),
+        subtitle: t("editContractorPayment.subtitle"),
+        hoursLabel: t("editContractorPayment.hoursLabel"),
+        hoursAdornment: t("editContractorPayment.hoursAdornment"),
+        hoursPayDescription: (o, r) => t("editContractorPayment.hoursPayDescription", { rate: o, total: r }),
+        wageLabel: t("editContractorPayment.wageLabel"),
+        bonusLabel: t("editContractorPayment.bonusLabel"),
+        reimbursementLabel: t("editContractorPayment.reimbursementLabel"),
+        paymentMethodLabel: t("editContractorPayment.paymentMethodLabel"),
+        cancelCta: t("editContractorPayment.cancelCta"),
+        saveCta: t("editContractorPayment.saveCta"),
+        paymentMethods: {
+          check: t("editContractorPayment.paymentMethods.check"),
+          directDeposit: t("editContractorPayment.paymentMethods.directDeposit"),
+          historicalPayment: t("editContractorPayment.paymentMethods.historicalPayment")
+        },
+        errors: {
+          directDepositNotAvailable: t("editContractorPayment.errors.directDepositNotAvailable"),
+          unsupportedPaymentMethod: t("editContractorPayment.errors.unsupportedPaymentMethod")
+        }
+      }
+    }),
+    [t]
+  );
+}
+function s() {
+  const { t } = a("Contractor.Payments.CreateHistoricalPayment", {
+    keyPrefix: "review"
+  });
+  return e(
+    () => ({
+      paymentSummaryTitle: t("paymentSummaryTitle"),
+      totalAmount: t("totalAmount"),
+      contractorPayDate: t("contractorPayDate"),
+      contractorPaymentsTitle: t("contractorPaymentsTitle"),
+      contractor: t("contractor"),
+      wageType: t("wageType"),
+      paymentMethod: t("paymentMethod"),
+      paymentMethods: {
+        directDeposit: t("paymentMethods.directDeposit"),
+        check: t("paymentMethods.check"),
+        historicalPayment: t("paymentMethods.historicalPayment")
+      },
+      hours: t("hours"),
+      wage: t("wage"),
+      bonus: t("bonus"),
+      reimbursement: t("reimbursement"),
+      total: t("total"),
+      totalsLabel: t("totalsLabel"),
+      notAvailable: t("notAvailable")
+    }),
+    [t]
+  );
+}
+export {
+  i as useCreateHistoricalPaymentDictionary,
+  s as useCreateHistoricalPaymentReviewDictionary
+};
+//# sourceMappingURL=useFormDictionary.js.map

package/dist/components/Contractor/Payments/CreateHistoricalPayment/useFormDictionary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormDictionary.js","sources":["../../../../../src/components/Contractor/Payments/CreateHistoricalPayment/useFormDictionary.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { SetPaymentAmountsDictionary } from '../shared/SetPaymentAmounts'\nimport type { PaymentSummaryBlockDictionary } from '../shared/PaymentSummaryBlock'\n\n/**\n * Resolves `SetPaymentAmounts`'s text against `CreateHistoricalPayment`'s own\n * `Contractor.Payments.CreateHistoricalPayment` namespace, so partner\n * overrides on that namespace flow into the shared grid and edit modal.\n *\n * @internal\n */\nexport function useCreateHistoricalPaymentDictionary(): SetPaymentAmountsDictionary {\n  const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n\n  return useMemo<SetPaymentAmountsDictionary>(\n    () => ({\n      hoursAndPaymentsLabel: t('hoursAndPaymentsLabel'),\n      contractorTableHeaders: {\n        contractor: t('contractorTableHeaders.contractor'),\n        wageType: t('contractorTableHeaders.wageType'),\n        paymentMethod: t('contractorTableHeaders.paymentMethod'),\n        hours: t('contractorTableHeaders.hours'),\n        wage: t('contractorTableHeaders.wage'),\n        bonus: t('contractorTableHeaders.bonus'),\n        reimbursement: t('contractorTableHeaders.reimbursement'),\n        total: t('contractorTableHeaders.total'),\n      },\n      emptyTableTitle: t('emptyTableTitle'),\n      emptyTableDescription: t('emptyTableDescription'),\n      na: t('na'),\n      totalsLabel: t('totalsLabel'),\n      editContractor: t('editContractor'),\n      perHour: t('perHour'),\n      editContractorPayment: {\n        title: t('editContractorPayment.title'),\n        subtitle: t('editContractorPayment.subtitle'),\n        hoursLabel: t('editContractorPayment.hoursLabel'),\n        hoursAdornment: t('editContractorPayment.hoursAdornment'),\n        hoursPayDescription: (rate, total) =>\n          t('editContractorPayment.hoursPayDescription', { rate, total }),\n        wageLabel: t('editContractorPayment.wageLabel'),\n        bonusLabel: t('editContractorPayment.bonusLabel'),\n        reimbursementLabel: t('editContractorPayment.reimbursementLabel'),\n        paymentMethodLabel: t('editContractorPayment.paymentMethodLabel'),\n        cancelCta: t('editContractorPayment.cancelCta'),\n        saveCta: t('editContractorPayment.saveCta'),\n        paymentMethods: {\n          check: t('editContractorPayment.paymentMethods.check'),\n          directDeposit: t('editContractorPayment.paymentMethods.directDeposit'),\n          historicalPayment: t('editContractorPayment.paymentMethods.historicalPayment'),\n        },\n        errors: {\n          directDepositNotAvailable: t('editContractorPayment.errors.directDepositNotAvailable'),\n          unsupportedPaymentMethod: t('editContractorPayment.errors.unsupportedPaymentMethod'),\n        },\n      },\n    }),\n    [t],\n  )\n}\n\n/**\n * Resolves `PaymentSummaryBlock`'s text against `CreateHistoricalPayment`'s own\n * `Contractor.Payments.CreateHistoricalPayment` namespace (under the `review` key), so partner\n * overrides on that namespace flow into the in-place review step.\n *\n * @internal\n */\nexport function useCreateHistoricalPaymentReviewDictionary(): PaymentSummaryBlockDictionary {\n  const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment', {\n    keyPrefix: 'review',\n  })\n\n  return useMemo<PaymentSummaryBlockDictionary>(\n    () => ({\n      paymentSummaryTitle: t('paymentSummaryTitle'),\n      totalAmount: t('totalAmount'),\n      contractorPayDate: t('contractorPayDate'),\n      contractorPaymentsTitle: t('contractorPaymentsTitle'),\n      contractor: t('contractor'),\n      wageType: t('wageType'),\n      paymentMethod: t('paymentMethod'),\n      paymentMethods: {\n        directDeposit: t('paymentMethods.directDeposit'),\n        check: t('paymentMethods.check'),\n        historicalPayment: t('paymentMethods.historicalPayment'),\n      },\n      hours: t('hours'),\n      wage: t('wage'),\n      bonus: t('bonus'),\n      reimbursement: t('reimbursement'),\n      total: t('total'),\n      totalsLabel: t('totalsLabel'),\n      notAvailable: t('notAvailable'),\n    }),\n    [t],\n  )\n}\n"],"names":["useCreateHistoricalPaymentDictionary","useTranslation","useMemo","rate","total","useCreateHistoricalPaymentReviewDictionary"],"mappings":";;AAYO,SAASA,IAAoE;AAClF,QAAM,EAAE,EAAA,IAAMC,EAAe,6CAA6C;AAE1E,SAAOC;AAAA,IACL,OAAO;AAAA,MACL,uBAAuB,EAAE,uBAAuB;AAAA,MAChD,wBAAwB;AAAA,QACtB,YAAY,EAAE,mCAAmC;AAAA,QACjD,UAAU,EAAE,iCAAiC;AAAA,QAC7C,eAAe,EAAE,sCAAsC;AAAA,QACvD,OAAO,EAAE,8BAA8B;AAAA,QACvC,MAAM,EAAE,6BAA6B;AAAA,QACrC,OAAO,EAAE,8BAA8B;AAAA,QACvC,eAAe,EAAE,sCAAsC;AAAA,QACvD,OAAO,EAAE,8BAA8B;AAAA,MAAA;AAAA,MAEzC,iBAAiB,EAAE,iBAAiB;AAAA,MACpC,uBAAuB,EAAE,uBAAuB;AAAA,MAChD,IAAI,EAAE,IAAI;AAAA,MACV,aAAa,EAAE,aAAa;AAAA,MAC5B,gBAAgB,EAAE,gBAAgB;AAAA,MAClC,SAAS,EAAE,SAAS;AAAA,MACpB,uBAAuB;AAAA,QACrB,OAAO,EAAE,6BAA6B;AAAA,QACtC,UAAU,EAAE,gCAAgC;AAAA,QAC5C,YAAY,EAAE,kCAAkC;AAAA,QAChD,gBAAgB,EAAE,sCAAsC;AAAA,QACxD,qBAAqB,CAACC,GAAMC,MAC1B,EAAE,6CAA6C,EAAE,MAAAD,GAAM,OAAAC,GAAO;AAAA,QAChE,WAAW,EAAE,iCAAiC;AAAA,QAC9C,YAAY,EAAE,kCAAkC;AAAA,QAChD,oBAAoB,EAAE,0CAA0C;AAAA,QAChE,oBAAoB,EAAE,0CAA0C;AAAA,QAChE,WAAW,EAAE,iCAAiC;AAAA,QAC9C,SAAS,EAAE,+BAA+B;AAAA,QAC1C,gBAAgB;AAAA,UACd,OAAO,EAAE,4CAA4C;AAAA,UACrD,eAAe,EAAE,oDAAoD;AAAA,UACrE,mBAAmB,EAAE,wDAAwD;AAAA,QAAA;AAAA,QAE/E,QAAQ;AAAA,UACN,2BAA2B,EAAE,wDAAwD;AAAA,UACrF,0BAA0B,EAAE,uDAAuD;AAAA,QAAA;AAAA,MACrF;AAAA,IACF;AAAA,IAEF,CAAC,CAAC;AAAA,EAAA;AAEN;AASO,SAASC,IAA4E;AAC1F,QAAM,EAAE,EAAA,IAAMJ,EAAe,+CAA+C;AAAA,IAC1E,WAAW;AAAA,EAAA,CACZ;AAED,SAAOC;AAAA,IACL,OAAO;AAAA,MACL,qBAAqB,EAAE,qBAAqB;AAAA,MAC5C,aAAa,EAAE,aAAa;AAAA,MAC5B,mBAAmB,EAAE,mBAAmB;AAAA,MACxC,yBAAyB,EAAE,yBAAyB;AAAA,MACpD,YAAY,EAAE,YAAY;AAAA,MAC1B,UAAU,EAAE,UAAU;AAAA,MACtB,eAAe,EAAE,eAAe;AAAA,MAChC,gBAAgB;AAAA,QACd,eAAe,EAAE,8BAA8B;AAAA,QAC/C,OAAO,EAAE,sBAAsB;AAAA,QAC/B,mBAAmB,EAAE,kCAAkC;AAAA,MAAA;AAAA,MAEzD,OAAO,EAAE,OAAO;AAAA,MAChB,MAAM,EAAE,MAAM;AAAA,MACd,OAAO,EAAE,OAAO;AAAA,MAChB,eAAe,EAAE,eAAe;AAAA,MAChC,OAAO,EAAE,OAAO;AAAA,MAChB,aAAa,EAAE,aAAa;AAAA,MAC5B,cAAc,EAAE,cAAc;AAAA,IAAA;AAAA,IAEhC,CAAC,CAAC;AAAA,EAAA;AAEN;"}

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

@@ -1,25 +1,26 @@
-import { jsx as p, jsxs as W, Fragment as J } from "react/jsx-runtime";
-import { useContractorsListSuspense as Q } from "@gusto/embedded-api/react-query/contractorsList";
-import { useContractorPaymentGroupsCreateMutation as X } from "@gusto/embedded-api/react-query/contractorPaymentGroupsCreate";
-import { useContractorPaymentGroupsPreviewMutation as Z } from "@gusto/embedded-api/react-query/contractorPaymentGroupsPreview";
-import { useState as l, useRef as $, useEffect as tt } from "react";
-import et from "dompurify";
+import { jsx as P, jsxs as x, Fragment as z } from "react/jsx-runtime";
+import { useContractorsListSuspense as W } from "@gusto/embedded-api/react-query/contractorsList";
+import { useContractorPaymentGroupsCreateMutation as K } from "@gusto/embedded-api/react-query/contractorPaymentGroupsCreate";
+import { useContractorPaymentGroupsPreviewMutation as J } from "@gusto/embedded-api/react-query/contractorPaymentGroupsPreview";
+import { useState as m, useRef as Q, useEffect as X } from "react";
+import Z from "dompurify";
 import { RFCDate as B } from "@gusto/embedded-api/types/rfcdate";
-import { useTranslation as ot } from "react-i18next";
-import { useBankAccountsGet as nt } from "@gusto/embedded-api/react-query/bankAccountsGet";
-import { usePaymentAmountsEditor as rt } from "../shared/usePaymentAmountsEditor.js";
-import { CreatePaymentPresentation as at } from "./CreatePaymentPresentation.js";
-import { EditContractorPaymentPresentation as st } from "./EditContractorPaymentPresentation.js";
-import { PreviewPresentation as ct } from "./PreviewPresentation.js";
-import { addBusinessDays as it } from "../../../../helpers/dateFormatting.js";
-import { useCompanyPaymentSpeed as mt } from "../../../../hooks/useCompanyPaymentSpeed.js";
-import { payrollSubmitHandler as ut } from "../../../Payroll/PayrollBlocker/payrollHelpers.js";
-import { useComponentDictionary as lt } from "../../../../i18n/I18n.js";
-import { BaseComponent as pt } from "../../../Base/Base.js";
-import { useBase as yt } from "../../../Base/useBase.js";
-import { ContractorOnboardingStatus as Pt, componentEvents as i } from "../../../../shared/constants.js";
-import { firstLastName as dt } from "../../../../helpers/formattedStrings.js";
-function Ct(e) {
+import { useTranslation as $ } from "react-i18next";
+import { useBankAccountsGet as tt } from "@gusto/embedded-api/react-query/bankAccountsGet";
+import { usePaymentAmountsEditor as et } from "../shared/usePaymentAmountsEditor.js";
+import { CreatePaymentPresentation as ot } from "./CreatePaymentPresentation.js";
+import { PreviewPresentation as nt } from "./PreviewPresentation.js";
+import { useCreatePaymentAmountsDictionary as rt } from "./useFormDictionary.js";
+import { addBusinessDays as at } from "../../../../helpers/dateFormatting.js";
+import { useCompanyPaymentSpeed as st } from "../../../../hooks/useCompanyPaymentSpeed.js";
+import { payrollSubmitHandler as ct } from "../../../Payroll/PayrollBlocker/payrollHelpers.js";
+import { useComponentDictionary as it } from "../../../../i18n/I18n.js";
+import { BaseComponent as mt } from "../../../Base/Base.js";
+import { useBase as ut } from "../../../Base/useBase.js";
+import { ContractorOnboardingStatus as lt, componentEvents as c } from "../../../../shared/constants.js";
+import { firstLastName as pt } from "../../../../helpers/formattedStrings.js";
+const M = ["Check", "Direct Deposit"];
+function yt(e) {
   return [
     String(e.getFullYear()).padStart(4, "0"),
     String(e.getMonth() + 1).padStart(2, "0"),
@@ -27,157 +28,149 @@ function Ct(e) {
   ].join("-");
 }
 function G(e) {
-  const y = /* @__PURE__ */ new Date();
-  return y.setHours(0, 0, 0, 0), Ct(it(y, e));
+  const u = /* @__PURE__ */ new Date();
+  return u.setHours(0, 0, 0, 0), yt(at(u, e));
 }
-function jt(e) {
-  return /* @__PURE__ */ p(pt, { ...e, componentName: "Contractor.Payments.CreatePayment", children: /* @__PURE__ */ p(ft, { ...e, children: e.children }) });
+function Ft(e) {
+  return /* @__PURE__ */ P(mt, { ...e, componentName: "Contractor.Payments.CreatePayment", children: /* @__PURE__ */ P(Pt, { ...e, children: e.children }) });
 }
-const ft = ({ companyId: e, dictionary: y, onEvent: r }) => {
-  lt("Contractor.Payments.CreatePayment", y);
-  const { t: h } = ot("Contractor.Payments.CreatePayment"), { baseSubmitHandler: g } = yt(), [m, N] = l(null), [v, C] = l([]), [S, R] = l({}), { mutateAsync: U, isPending: k } = X(), {
+const Pt = ({ companyId: e, dictionary: u, onEvent: r }) => {
+  it("Contractor.Payments.CreatePayment", u);
+  const { t: O } = $("Contractor.Payments.CreatePayment"), { baseSubmitHandler: k } = ut(), [i, N] = m(null), [v, C] = m([]), [g, h] = m({}), { mutateAsync: U, isPending: w } = K(), {
     mutateAsync: L,
-    isPending: w
-  } = Z(), { data: Y } = Q({ companyUuid: e }), u = (Y.contractors || []).filter(
-    (t) => t.isActive && t.onboardingStatus === Pt.ONBOARDING_COMPLETED
-  ), { data: j } = nt({ companyId: e }), { paymentSpeed: f, paymentSpeedDays: P } = mt(e), q = j?.companyBankAccounts?.[0], [T, E] = l(G(P)), _ = $(!1);
-  tt(() => {
-    f && !_.current && (E(G(P)), _.current = !0);
-  }, [f, P]);
-  const [F, A] = l({}), b = (t, o) => {
-    A((n) => ({ ...n, [t]: o }));
-  }, M = () => {
-    A({});
-  }, { virtualContractorPayments: D, totals: I, editModal: a } = rt({
-    contractors: u,
-    allowedPaymentMethods: ["Check", "Direct Deposit"],
+    isPending: S
+  } = J(), { data: Y } = W({ companyUuid: e }), l = (Y.contractors || []).filter(
+    (t) => t.isActive && t.onboardingStatus === lt.ONBOARDING_COMPLETED
+  ), { data: j } = tt({ companyId: e }), { paymentSpeed: d, paymentSpeedDays: p } = st(e), q = j?.companyBankAccounts?.[0], [f, E] = m(G(p)), R = Q(!1);
+  X(() => {
+    d && !R.current && (E(G(p)), R.current = !0);
+  }, [d, p]);
+  const [F, T] = m({}), _ = (t, o) => {
+    T((n) => ({ ...n, [t]: o }));
+  }, b = () => {
+    T({});
+  }, H = rt(), { virtualContractorPayments: A, totals: I, editModal: V } = et({
+    contractors: l,
+    allowedPaymentMethods: M,
     onEditOpen: () => {
-      M(), r(i.CONTRACTOR_PAYMENT_EDIT);
+      b(), r(c.CONTRACTOR_PAYMENT_EDIT);
     },
     onEditSave: (t) => {
-      const o = u.find((s) => s.uuid === t.contractorUuid), n = et.sanitize(
-        o?.type === "Individual" ? dt({
+      const o = l.find((a) => a.uuid === t.contractorUuid), n = Z.sanitize(
+        o?.type === "Individual" ? pt({
           first_name: o.firstName,
           last_name: o.lastName
         }) : o?.businessName ?? ""
       );
-      b(t.contractorUuid, {
+      _(t.contractorUuid, {
         type: "success",
-        title: h("alerts.contractorPaymentUpdated", {
+        title: O("alerts.contractorPaymentUpdated", {
           contractorName: n,
           interpolation: { escapeValue: !1 }
         }),
         onDismiss: () => {
-          A((s) => {
-            const { [t.contractorUuid]: d, ...c } = s;
-            return c;
+          T((a) => {
+            const { [t.contractorUuid]: y, ...s } = a;
+            return s;
           });
         }
-      }), r(i.CONTRACTOR_PAYMENT_UPDATE, t);
+      }), r(c.CONTRACTOR_PAYMENT_UPDATE, t);
     }
-  }), V = async () => {
-    await g(null, async () => {
-      const t = D.filter((c) => c.isTouched);
-      if (t.length === 0 || !m?.creationToken)
-        return;
-      const o = m.creationToken, n = Object.entries(S).map(
-        ([c, O]) => ({
-          blockerType: c,
-          selectedOption: O
-        })
-      ), s = {
-        checkDate: new B(T),
-        contractorPayments: t.map(({ isTouched: c, ...O }) => O),
-        creationToken: o,
-        ...n.length > 0 && { submissionBlockers: n }
-      }, d = await U({
-        request: {
-          companyId: e,
-          requestBody: s
-        }
-      });
-      r(i.CONTRACTOR_PAYMENT_CREATED, d.contractorPaymentGroup || {});
-    });
-  }, x = (t, o) => {
-    R((n) => ({
-      ...n,
-      [t]: o
-    }));
-  }, H = async () => {
-    await g(null, async () => {
-      const t = D.filter((n) => n.isTouched);
-      if (t.length === 0) {
-        b("error", {
-          type: "error",
-          title: h("alerts.noContractorPayments")
-        });
-        return;
-      }
-      M(), C([]);
-      const o = await ut(async () => {
-        const n = await L({
-          request: {
-            companyId: e,
-            requestBody: {
-              contractorPayments: t.map(({ isTouched: s, ...d }) => d),
-              checkDate: new B(T)
-            }
-          }
-        });
-        N(n.contractorPaymentGroupPreview || null), r(i.CONTRACTOR_PAYMENT_PREVIEW, n.contractorPaymentGroupPreview);
-      });
-      !o.success && o.blockers.length > 0 && C(o.blockers);
-    });
-  }, z = () => {
-    N(null), C([]), R({}), r(i.CONTRACTOR_PAYMENT_BACK_TO_EDIT);
-  }, K = () => {
-    r(i.CONTRACTOR_PAYMENT_RFI_RESPOND);
-  };
-  return /* @__PURE__ */ W(J, { children: [
-    m && /* @__PURE__ */ p(
-      ct,
+  });
+  return /* @__PURE__ */ x(z, { children: [
+    i && /* @__PURE__ */ P(
+      nt,
       {
-        contractorPaymentGroup: m,
-        contractors: u,
-        onBackToEdit: z,
-        onSubmit: V,
-        isLoading: k || w,
+        contractorPaymentGroup: i,
+        contractors: l,
+        onBackToEdit: () => {
+          N(null), C([]), h({}), r(c.CONTRACTOR_PAYMENT_BACK_TO_EDIT);
+        },
+        onSubmit: async () => {
+          await k(null, async () => {
+            const t = A.filter((s) => s.isTouched);
+            if (t.length === 0 || !i?.creationToken)
+              return;
+            const o = i.creationToken, n = Object.entries(g).map(
+              ([s, D]) => ({
+                blockerType: s,
+                selectedOption: D
+              })
+            ), a = {
+              checkDate: new B(f),
+              contractorPayments: t.map(({ isTouched: s, ...D }) => D),
+              creationToken: o,
+              ...n.length > 0 && { submissionBlockers: n }
+            }, y = await U({
+              request: {
+                companyId: e,
+                requestBody: a
+              }
+            });
+            r(c.CONTRACTOR_PAYMENT_CREATED, y.contractorPaymentGroup || {});
+          });
+        },
+        isLoading: w || S,
         bankAccount: q,
-        selectedUnblockOptions: S,
-        onUnblockOptionChange: x,
-        paymentSpeed: f
+        selectedUnblockOptions: g,
+        onUnblockOptionChange: (t, o) => {
+          h((n) => ({
+            ...n,
+            [t]: o
+          }));
+        },
+        paymentSpeed: d
       }
     ),
-    !m && /* @__PURE__ */ p(
-      at,
+    !i && /* @__PURE__ */ P(
+      ot,
       {
-        contractors: u,
-        contractorPayments: D,
-        paymentDate: T,
+        contractors: l,
+        contractorPayments: A,
+        paymentDate: f,
         onPaymentDateChange: E,
-        onSaveAndContinue: H,
-        onEditContractor: a.open,
+        onSaveAndContinue: async () => {
+          await k(null, async () => {
+            const t = A.filter((n) => n.isTouched);
+            if (t.length === 0) {
+              _("error", {
+                type: "error",
+                title: O("alerts.noContractorPayments")
+              });
+              return;
+            }
+            b(), C([]);
+            const o = await ct(async () => {
+              const n = await L({
+                request: {
+                  companyId: e,
+                  requestBody: {
+                    contractorPayments: t.map(({ isTouched: a, ...y }) => y),
+                    checkDate: new B(f)
+                  }
+                }
+              });
+              N(n.contractorPaymentGroupPreview || null), r(c.CONTRACTOR_PAYMENT_PREVIEW, n.contractorPaymentGroupPreview);
+            });
+            !o.success && o.blockers.length > 0 && C(o.blockers);
+          });
+        },
+        editModal: V,
+        allowedPaymentMethods: M,
+        paymentAmountsDictionary: H,
         totals: I,
         alerts: F,
         payrollBlockers: v,
-        onViewBlockers: K,
-        isLoading: k || w,
-        paymentSpeedDays: P
-      }
-    ),
-    /* @__PURE__ */ p(
-      st,
-      {
-        isOpen: a.isOpen,
-        onClose: a.close,
-        formMethods: a.formMethods,
-        onSubmit: a.submit,
-        contractorPaymentMethod: u.find((t) => t.uuid === a.formMethods.getValues("contractorUuid"))?.paymentMethod ?? void 0
+        onViewBlockers: () => {
+          r(c.CONTRACTOR_PAYMENT_RFI_RESPOND);
+        },
+        isLoading: w || S,
+        paymentSpeedDays: p
       }
     )
   ] });
 };
 export {
-  jt as CreatePayment
+  Ft as CreatePayment
 };
 //# sourceMappingURL=CreatePayment.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreatePayment.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/CreatePayment.tsx"],"sourcesContent":["import { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentGroupsCreateMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsCreate'\nimport type {\n  PostV1CompaniesCompanyIdContractorPaymentGroupsRequestBody,\n  SubmissionBlockers,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { useContractorPaymentGroupsPreviewMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsPreview'\nimport { useEffect, useRef, useState } from 'react'\nimport DOMPurify from 'dompurify'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview'\nimport { useBankAccountsGet } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { usePaymentAmountsEditor } from '../shared/usePaymentAmountsEditor'\nimport type { InternalAlert } from '../types'\nimport { CreatePaymentPresentation } from './CreatePaymentPresentation'\nimport { EditContractorPaymentPresentation } from './EditContractorPaymentPresentation'\nimport { PreviewPresentation } from './PreviewPresentation'\nimport { addBusinessDays } from '@/helpers/dateFormatting'\nimport { useCompanyPaymentSpeed } from '@/hooks/useCompanyPaymentSpeed'\nimport {\n  payrollSubmitHandler,\n  type ApiPayrollBlocker,\n} from '@/components/Payroll/PayrollBlocker/payrollHelpers'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\nfunction formatLocalDate(date: Date): string {\n  return [\n    String(date.getFullYear()).padStart(4, '0'),\n    String(date.getMonth() + 1).padStart(2, '0'),\n    String(date.getDate()).padStart(2, '0'),\n  ].join('-')\n}\n\nfunction calculateInitialPaymentDate(speedDays: number): string {\n  const today = new Date()\n  today.setHours(0, 0, 0, 0)\n  return formatLocalDate(addBusinessDays(today, speedDays))\n}\n\n/**\n * Props for {@link CreatePayment}.\n *\n * @public\n */\nexport interface CreatePaymentProps extends BaseComponentInterface<'Contractor.Payments.CreatePayment'> {\n  /** UUID of the company for which to create a contractor payment group. */\n  companyId: string\n}\n\n/**\n * Form for creating a contractor payment group, including date selection, per-contractor edits, preview, and submission blockers.\n *\n * @remarks\n * Active, fully onboarded contractors are listed for the given company. Hours and bonuses apply to hourly contractors; wages apply to fixed contractors; reimbursements apply to both. The form previews the payment group before final submission and surfaces Fast ACH submission blockers when applicable.\n *\n * Features:\n *\n * - **Payment date selection** — choose the payment date; a notice shows the resulting payment speed.\n * - **Per-contractor editing** — edit hours and bonus (hourly contractors), wage (fixed contractors), and reimbursement (all) in a modal, with a running total.\n * - **Payment method** — choose Check or Direct Deposit per contractor.\n * - **Live totals** — wage, bonus, reimbursement, and overall totals update as amounts change.\n * - **Preview before submit** — review per-contractor amounts, debit amount, debit account, debit date, contractor pay date, and the submission deadline before finalizing.\n * - **Submission blockers** — Fast ACH blockers surface inline with selectable unblock options (wire transfer or slower direct deposit); submission stays disabled until every blocker is resolved.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/edit` | The edit modal was opened for a contractor. | — |\n * | `contractor/payments/update` | A contractor's payment values were updated locally. | The updated form values (hours, wage, bonus, reimbursement, payment method, etc.). |\n * | `contractor/payments/preview` | The preview API call succeeded. | The contractor payment group preview response. |\n * | `contractor/payments/backToEdit` | The user returned from preview to continue editing. | — |\n * | `contractor/payments/created` | The payment group was successfully created. | The created contractor payment group response. |\n * | `contractor/payments/rfi/respond` | The user clicked to respond to a payment blocker. | — |\n *\n * @param props - Component props including the company identifier and event handler.\n * @returns The rendered create-payment form, preview, and edit modal.\n * @public\n *\n * @example\n * ```tsx\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function CreateContractorPayment() {\n *   return (\n *     <ContractorManagement.CreatePayment\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function CreatePayment(props: CreatePaymentProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Contractor.Payments.CreatePayment\">\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ companyId, dictionary, onEvent }: CreatePaymentProps) => {\n  useComponentDictionary('Contractor.Payments.CreatePayment', dictionary)\n  const { t } = useTranslation('Contractor.Payments.CreatePayment')\n  const { baseSubmitHandler } = useBase()\n  const [previewData, setPreviewData] = useState<ContractorPaymentGroupPreview | null>(null)\n  const [payrollBlockers, setPayrollBlockers] = useState<ApiPayrollBlocker[]>([])\n  const [selectedUnblockOptions, setSelectedUnblockOptions] = useState<Record<string, string>>({})\n\n  const { mutateAsync: createContractorPaymentGroup, isPending: isCreatingContractorPaymentGroup } =\n    useContractorPaymentGroupsCreateMutation()\n  const {\n    mutateAsync: previewContractorPaymentGroup,\n    isPending: isPreviewingContractorPaymentGroup,\n  } = useContractorPaymentGroupsPreviewMutation()\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.contractors || []).filter(\n    contractor =>\n      contractor.isActive &&\n      contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n  )\n  const { data: bankAccounts } = useBankAccountsGet({ companyId })\n  const { paymentSpeed, paymentSpeedDays } = useCompanyPaymentSpeed(companyId)\n  const bankAccount = bankAccounts?.companyBankAccounts?.[0]\n\n  const [paymentDate, setPaymentDate] = useState(calculateInitialPaymentDate(paymentSpeedDays))\n  const hasInitializedPaymentDateRef = useRef(false)\n\n  useEffect(() => {\n    if (paymentSpeed && !hasInitializedPaymentDateRef.current) {\n      setPaymentDate(calculateInitialPaymentDate(paymentSpeedDays))\n      hasInitializedPaymentDateRef.current = true\n    }\n  }, [paymentSpeed, paymentSpeedDays])\n\n  const [alerts, setAlertsState] = useState<Record<string, InternalAlert>>({})\n  const setAlert = (key: string, alert: InternalAlert) => {\n    setAlertsState(prev => ({ ...prev, [key]: alert }))\n  }\n  const clearAlerts = () => {\n    setAlertsState({})\n  }\n\n  const { virtualContractorPayments, totals, editModal } = usePaymentAmountsEditor({\n    contractors,\n    allowedPaymentMethods: ['Check', 'Direct Deposit'],\n    onEditOpen: () => {\n      clearAlerts()\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_EDIT)\n    },\n    onEditSave: data => {\n      const displayContractor = contractors.find(c => c.uuid === data.contractorUuid)\n      const displayName = DOMPurify.sanitize(\n        displayContractor?.type === 'Individual'\n          ? firstLastName({\n              first_name: displayContractor.firstName,\n              last_name: displayContractor.lastName,\n            })\n          : (displayContractor?.businessName ?? ''),\n      )\n\n      setAlert(data.contractorUuid, {\n        type: 'success',\n        title: t('alerts.contractorPaymentUpdated', {\n          contractorName: displayName,\n          interpolation: { escapeValue: false },\n        }),\n        onDismiss: () => {\n          setAlertsState(prev => {\n            const { [data.contractorUuid]: _, ...rest } = prev\n            return rest\n          })\n        },\n      })\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_UPDATE, data)\n    },\n  })\n\n  const onCreatePaymentGroup = async () => {\n    await baseSubmitHandler(null, async () => {\n      const contractorPayments = virtualContractorPayments.filter(payment => payment.isTouched)\n      if (contractorPayments.length === 0 || !previewData?.creationToken) {\n        return\n      }\n      const creationToken = previewData.creationToken\n\n      const submissionBlockers: SubmissionBlockers[] = Object.entries(selectedUnblockOptions).map(\n        ([blockerType, selectedOption]) => ({\n          blockerType,\n          selectedOption,\n        }),\n      )\n\n      const requestBody: PostV1CompaniesCompanyIdContractorPaymentGroupsRequestBody = {\n        checkDate: new RFCDate(paymentDate),\n        contractorPayments: contractorPayments.map(({ isTouched, ...rest }) => rest),\n        creationToken,\n        ...(submissionBlockers.length > 0 && { submissionBlockers }),\n      }\n\n      const response = await createContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody,\n        },\n      })\n\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATED, response.contractorPaymentGroup || {})\n    })\n  }\n\n  const onUnblockOptionChange = (blockerType: string, value: string) => {\n    setSelectedUnblockOptions(prev => ({\n      ...prev,\n      [blockerType]: value,\n    }))\n  }\n\n  const onContinueToPreview = async () => {\n    await baseSubmitHandler(null, async () => {\n      const contractorPayments = virtualContractorPayments.filter(payment => payment.isTouched)\n      if (contractorPayments.length === 0) {\n        setAlert('error', {\n          type: 'error',\n          title: t('alerts.noContractorPayments'),\n        })\n        return\n      }\n      clearAlerts()\n      setPayrollBlockers([])\n\n      const result = await payrollSubmitHandler(async () => {\n        const response = await previewContractorPaymentGroup({\n          request: {\n            companyId,\n            requestBody: {\n              contractorPayments: contractorPayments.map(({ isTouched, ...rest }) => rest),\n              checkDate: new RFCDate(paymentDate),\n            },\n          },\n        })\n        setPreviewData(response.contractorPaymentGroupPreview || null)\n        onEvent(componentEvents.CONTRACTOR_PAYMENT_PREVIEW, response.contractorPaymentGroupPreview)\n      })\n\n      if (!result.success && result.blockers.length > 0) {\n        setPayrollBlockers(result.blockers)\n      }\n    })\n  }\n  const onBackToEdit = () => {\n    setPreviewData(null)\n    setPayrollBlockers([])\n    setSelectedUnblockOptions({})\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_BACK_TO_EDIT)\n  }\n  const onViewBlockers = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND)\n  }\n\n  return (\n    <>\n      {previewData && (\n        <PreviewPresentation\n          contractorPaymentGroup={previewData}\n          contractors={contractors}\n          onBackToEdit={onBackToEdit}\n          onSubmit={onCreatePaymentGroup}\n          isLoading={isCreatingContractorPaymentGroup || isPreviewingContractorPaymentGroup}\n          bankAccount={bankAccount}\n          selectedUnblockOptions={selectedUnblockOptions}\n          onUnblockOptionChange={onUnblockOptionChange}\n          paymentSpeed={paymentSpeed}\n        />\n      )}\n      {!previewData && (\n        <CreatePaymentPresentation\n          contractors={contractors}\n          contractorPayments={virtualContractorPayments}\n          paymentDate={paymentDate}\n          onPaymentDateChange={setPaymentDate}\n          onSaveAndContinue={onContinueToPreview}\n          onEditContractor={editModal.open}\n          totals={totals}\n          alerts={alerts}\n          payrollBlockers={payrollBlockers}\n          onViewBlockers={onViewBlockers}\n          isLoading={isCreatingContractorPaymentGroup || isPreviewingContractorPaymentGroup}\n          paymentSpeedDays={paymentSpeedDays}\n        />\n      )}\n      <EditContractorPaymentPresentation\n        isOpen={editModal.isOpen}\n        onClose={editModal.close}\n        formMethods={editModal.formMethods}\n        onSubmit={editModal.submit}\n        contractorPaymentMethod={\n          contractors.find(c => c.uuid === editModal.formMethods.getValues('contractorUuid'))\n            ?.paymentMethod ?? undefined\n        }\n      />\n    </>\n  )\n}\n"],"names":["formatLocalDate","date","calculateInitialPaymentDate","speedDays","today","addBusinessDays","CreatePayment","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","useComponentDictionary","t","useTranslation","baseSubmitHandler","useBase","previewData","setPreviewData","useState","payrollBlockers","setPayrollBlockers","selectedUnblockOptions","setSelectedUnblockOptions","createContractorPaymentGroup","isCreatingContractorPaymentGroup","useContractorPaymentGroupsCreateMutation","previewContractorPaymentGroup","isPreviewingContractorPaymentGroup","useContractorPaymentGroupsPreviewMutation","contractorList","useContractorsListSuspense","contractors","contractor","ContractorOnboardingStatus","bankAccounts","useBankAccountsGet","paymentSpeed","paymentSpeedDays","useCompanyPaymentSpeed","bankAccount","paymentDate","setPaymentDate","hasInitializedPaymentDateRef","useRef","useEffect","alerts","setAlertsState","setAlert","key","alert","prev","clearAlerts","virtualContractorPayments","totals","editModal","usePaymentAmountsEditor","componentEvents","data","displayContractor","c","displayName","DOMPurify","firstLastName","_","rest","onCreatePaymentGroup","contractorPayments","payment","creationToken","submissionBlockers","blockerType","selectedOption","requestBody","RFCDate","isTouched","response","onUnblockOptionChange","value","onContinueToPreview","result","payrollSubmitHandler","onBackToEdit","onViewBlockers","jsxs","Fragment","PreviewPresentation","CreatePaymentPresentation","EditContractorPaymentPresentation"],"mappings":"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"}
+{"version":3,"file":"CreatePayment.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/CreatePayment.tsx"],"sourcesContent":["import { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentGroupsCreateMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsCreate'\nimport type {\n  PostV1CompaniesCompanyIdContractorPaymentGroupsRequestBody,\n  PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod,\n  SubmissionBlockers,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { useContractorPaymentGroupsPreviewMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsPreview'\nimport { useEffect, useRef, useState } from 'react'\nimport DOMPurify from 'dompurify'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview'\nimport { useBankAccountsGet } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { usePaymentAmountsEditor } from '../shared/usePaymentAmountsEditor'\nimport type { InternalAlert } from '../types'\nimport { CreatePaymentPresentation } from './CreatePaymentPresentation'\nimport { PreviewPresentation } from './PreviewPresentation'\nimport { useCreatePaymentAmountsDictionary } from './useFormDictionary'\nimport { addBusinessDays } from '@/helpers/dateFormatting'\nimport { useCompanyPaymentSpeed } from '@/hooks/useCompanyPaymentSpeed'\nimport {\n  payrollSubmitHandler,\n  type ApiPayrollBlocker,\n} from '@/components/Payroll/PayrollBlocker/payrollHelpers'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\nconst ALLOWED_PAYMENT_METHODS: ContractorPaymentMethod[] = ['Check', 'Direct Deposit']\n\nfunction formatLocalDate(date: Date): string {\n  return [\n    String(date.getFullYear()).padStart(4, '0'),\n    String(date.getMonth() + 1).padStart(2, '0'),\n    String(date.getDate()).padStart(2, '0'),\n  ].join('-')\n}\n\nfunction calculateInitialPaymentDate(speedDays: number): string {\n  const today = new Date()\n  today.setHours(0, 0, 0, 0)\n  return formatLocalDate(addBusinessDays(today, speedDays))\n}\n\n/**\n * Props for {@link CreatePayment}.\n *\n * @public\n */\nexport interface CreatePaymentProps extends BaseComponentInterface<'Contractor.Payments.CreatePayment'> {\n  /** UUID of the company for which to create a contractor payment group. */\n  companyId: string\n}\n\n/**\n * Form for creating a contractor payment group, including date selection, per-contractor edits, preview, and submission blockers.\n *\n * @remarks\n * Active, fully onboarded contractors are listed for the given company. Hours and bonuses apply to hourly contractors; wages apply to fixed contractors; reimbursements apply to both. The form previews the payment group before final submission and surfaces Fast ACH submission blockers when applicable.\n *\n * Features:\n *\n * - **Payment date selection** — choose the payment date; a notice shows the resulting payment speed.\n * - **Per-contractor editing** — edit hours and bonus (hourly contractors), wage (fixed contractors), and reimbursement (all) in a modal, with a running total.\n * - **Payment method** — choose Check or Direct Deposit per contractor.\n * - **Live totals** — wage, bonus, reimbursement, and overall totals update as amounts change.\n * - **Preview before submit** — review per-contractor amounts, debit amount, debit account, debit date, contractor pay date, and the submission deadline before finalizing.\n * - **Submission blockers** — Fast ACH blockers surface inline with selectable unblock options (wire transfer or slower direct deposit); submission stays disabled until every blocker is resolved.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/edit` | The edit modal was opened for a contractor. | — |\n * | `contractor/payments/update` | A contractor's payment values were updated locally. | The updated form values (hours, wage, bonus, reimbursement, payment method, etc.). |\n * | `contractor/payments/preview` | The preview API call succeeded. | The contractor payment group preview response. |\n * | `contractor/payments/backToEdit` | The user returned from preview to continue editing. | — |\n * | `contractor/payments/created` | The payment group was successfully created. | The created contractor payment group response. |\n * | `contractor/payments/rfi/respond` | The user clicked to respond to a payment blocker. | — |\n *\n * @param props - Component props including the company identifier and event handler.\n * @returns The rendered create-payment form, preview, and edit modal.\n * @public\n *\n * @example\n * ```tsx\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function CreateContractorPayment() {\n *   return (\n *     <ContractorManagement.CreatePayment\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function CreatePayment(props: CreatePaymentProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Contractor.Payments.CreatePayment\">\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ companyId, dictionary, onEvent }: CreatePaymentProps) => {\n  useComponentDictionary('Contractor.Payments.CreatePayment', dictionary)\n  const { t } = useTranslation('Contractor.Payments.CreatePayment')\n  const { baseSubmitHandler } = useBase()\n  const [previewData, setPreviewData] = useState<ContractorPaymentGroupPreview | null>(null)\n  const [payrollBlockers, setPayrollBlockers] = useState<ApiPayrollBlocker[]>([])\n  const [selectedUnblockOptions, setSelectedUnblockOptions] = useState<Record<string, string>>({})\n\n  const { mutateAsync: createContractorPaymentGroup, isPending: isCreatingContractorPaymentGroup } =\n    useContractorPaymentGroupsCreateMutation()\n  const {\n    mutateAsync: previewContractorPaymentGroup,\n    isPending: isPreviewingContractorPaymentGroup,\n  } = useContractorPaymentGroupsPreviewMutation()\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.contractors || []).filter(\n    contractor =>\n      contractor.isActive &&\n      contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n  )\n  const { data: bankAccounts } = useBankAccountsGet({ companyId })\n  const { paymentSpeed, paymentSpeedDays } = useCompanyPaymentSpeed(companyId)\n  const bankAccount = bankAccounts?.companyBankAccounts?.[0]\n\n  const [paymentDate, setPaymentDate] = useState(calculateInitialPaymentDate(paymentSpeedDays))\n  const hasInitializedPaymentDateRef = useRef(false)\n\n  useEffect(() => {\n    if (paymentSpeed && !hasInitializedPaymentDateRef.current) {\n      setPaymentDate(calculateInitialPaymentDate(paymentSpeedDays))\n      hasInitializedPaymentDateRef.current = true\n    }\n  }, [paymentSpeed, paymentSpeedDays])\n\n  const [alerts, setAlertsState] = useState<Record<string, InternalAlert>>({})\n  const setAlert = (key: string, alert: InternalAlert) => {\n    setAlertsState(prev => ({ ...prev, [key]: alert }))\n  }\n  const clearAlerts = () => {\n    setAlertsState({})\n  }\n\n  const paymentAmountsDictionary = useCreatePaymentAmountsDictionary()\n\n  const { virtualContractorPayments, totals, editModal } = usePaymentAmountsEditor({\n    contractors,\n    allowedPaymentMethods: ALLOWED_PAYMENT_METHODS,\n    onEditOpen: () => {\n      clearAlerts()\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_EDIT)\n    },\n    onEditSave: data => {\n      const displayContractor = contractors.find(c => c.uuid === data.contractorUuid)\n      const displayName = DOMPurify.sanitize(\n        displayContractor?.type === 'Individual'\n          ? firstLastName({\n              first_name: displayContractor.firstName,\n              last_name: displayContractor.lastName,\n            })\n          : (displayContractor?.businessName ?? ''),\n      )\n\n      setAlert(data.contractorUuid, {\n        type: 'success',\n        title: t('alerts.contractorPaymentUpdated', {\n          contractorName: displayName,\n          interpolation: { escapeValue: false },\n        }),\n        onDismiss: () => {\n          setAlertsState(prev => {\n            const { [data.contractorUuid]: _, ...rest } = prev\n            return rest\n          })\n        },\n      })\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_UPDATE, data)\n    },\n  })\n\n  const onCreatePaymentGroup = async () => {\n    await baseSubmitHandler(null, async () => {\n      const contractorPayments = virtualContractorPayments.filter(payment => payment.isTouched)\n      if (contractorPayments.length === 0 || !previewData?.creationToken) {\n        return\n      }\n      const creationToken = previewData.creationToken\n\n      const submissionBlockers: SubmissionBlockers[] = Object.entries(selectedUnblockOptions).map(\n        ([blockerType, selectedOption]) => ({\n          blockerType,\n          selectedOption,\n        }),\n      )\n\n      const requestBody: PostV1CompaniesCompanyIdContractorPaymentGroupsRequestBody = {\n        checkDate: new RFCDate(paymentDate),\n        contractorPayments: contractorPayments.map(({ isTouched, ...rest }) => rest),\n        creationToken,\n        ...(submissionBlockers.length > 0 && { submissionBlockers }),\n      }\n\n      const response = await createContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody,\n        },\n      })\n\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATED, response.contractorPaymentGroup || {})\n    })\n  }\n\n  const onUnblockOptionChange = (blockerType: string, value: string) => {\n    setSelectedUnblockOptions(prev => ({\n      ...prev,\n      [blockerType]: value,\n    }))\n  }\n\n  const onContinueToPreview = async () => {\n    await baseSubmitHandler(null, async () => {\n      const contractorPayments = virtualContractorPayments.filter(payment => payment.isTouched)\n      if (contractorPayments.length === 0) {\n        setAlert('error', {\n          type: 'error',\n          title: t('alerts.noContractorPayments'),\n        })\n        return\n      }\n      clearAlerts()\n      setPayrollBlockers([])\n\n      const result = await payrollSubmitHandler(async () => {\n        const response = await previewContractorPaymentGroup({\n          request: {\n            companyId,\n            requestBody: {\n              contractorPayments: contractorPayments.map(({ isTouched, ...rest }) => rest),\n              checkDate: new RFCDate(paymentDate),\n            },\n          },\n        })\n        setPreviewData(response.contractorPaymentGroupPreview || null)\n        onEvent(componentEvents.CONTRACTOR_PAYMENT_PREVIEW, response.contractorPaymentGroupPreview)\n      })\n\n      if (!result.success && result.blockers.length > 0) {\n        setPayrollBlockers(result.blockers)\n      }\n    })\n  }\n  const onBackToEdit = () => {\n    setPreviewData(null)\n    setPayrollBlockers([])\n    setSelectedUnblockOptions({})\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_BACK_TO_EDIT)\n  }\n  const onViewBlockers = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND)\n  }\n\n  return (\n    <>\n      {previewData && (\n        <PreviewPresentation\n          contractorPaymentGroup={previewData}\n          contractors={contractors}\n          onBackToEdit={onBackToEdit}\n          onSubmit={onCreatePaymentGroup}\n          isLoading={isCreatingContractorPaymentGroup || isPreviewingContractorPaymentGroup}\n          bankAccount={bankAccount}\n          selectedUnblockOptions={selectedUnblockOptions}\n          onUnblockOptionChange={onUnblockOptionChange}\n          paymentSpeed={paymentSpeed}\n        />\n      )}\n      {!previewData && (\n        <CreatePaymentPresentation\n          contractors={contractors}\n          contractorPayments={virtualContractorPayments}\n          paymentDate={paymentDate}\n          onPaymentDateChange={setPaymentDate}\n          onSaveAndContinue={onContinueToPreview}\n          editModal={editModal}\n          allowedPaymentMethods={ALLOWED_PAYMENT_METHODS}\n          paymentAmountsDictionary={paymentAmountsDictionary}\n          totals={totals}\n          alerts={alerts}\n          payrollBlockers={payrollBlockers}\n          onViewBlockers={onViewBlockers}\n          isLoading={isCreatingContractorPaymentGroup || isPreviewingContractorPaymentGroup}\n          paymentSpeedDays={paymentSpeedDays}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["ALLOWED_PAYMENT_METHODS","formatLocalDate","date","calculateInitialPaymentDate","speedDays","today","addBusinessDays","CreatePayment","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","useComponentDictionary","t","useTranslation","baseSubmitHandler","useBase","previewData","setPreviewData","useState","payrollBlockers","setPayrollBlockers","selectedUnblockOptions","setSelectedUnblockOptions","createContractorPaymentGroup","isCreatingContractorPaymentGroup","useContractorPaymentGroupsCreateMutation","previewContractorPaymentGroup","isPreviewingContractorPaymentGroup","useContractorPaymentGroupsPreviewMutation","contractorList","useContractorsListSuspense","contractors","contractor","ContractorOnboardingStatus","bankAccounts","useBankAccountsGet","paymentSpeed","paymentSpeedDays","useCompanyPaymentSpeed","bankAccount","paymentDate","setPaymentDate","hasInitializedPaymentDateRef","useRef","useEffect","alerts","setAlertsState","setAlert","key","alert","prev","clearAlerts","paymentAmountsDictionary","useCreatePaymentAmountsDictionary","virtualContractorPayments","totals","editModal","usePaymentAmountsEditor","componentEvents","data","displayContractor","c","displayName","DOMPurify","firstLastName","_","rest","jsxs","Fragment","PreviewPresentation","contractorPayments","payment","creationToken","submissionBlockers","blockerType","selectedOption","requestBody","RFCDate","isTouched","response","value","CreatePaymentPresentation","result","payrollSubmitHandler"],"mappings":"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"}

package/dist/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.d.ts

@@ -1,6 +1,8 @@
 import { Contractor } from '@gusto/embedded-api/models/components/contractor';
-import { PostV1CompaniesCompanyIdContractorPaymentGroupsContractorPayments as ContractorPayments } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups';
+import { PostV1CompaniesCompanyIdContractorPaymentGroupsContractorPayments as ContractorPayments, PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups';
 import { InternalAlert } from '../types';
+import { SetPaymentAmountsDictionary } from '../shared/SetPaymentAmounts';
+import { UsePaymentAmountsEditorReturn } from '../shared/usePaymentAmountsEditor';
 import { ApiPayrollBlocker } from '../../../Payroll/PayrollBlocker/payrollHelpers';
 interface ContractorPaymentCreatePaymentPresentationProps {
     contractors: Contractor[];
@@ -10,7 +12,9 @@ interface ContractorPaymentCreatePaymentPresentationProps {
     paymentDate: string;
     onPaymentDateChange: (date: string) => void;
     onSaveAndContinue: () => void;
-    onEditContractor: (contractorUuid: string) => void;
+    editModal: UsePaymentAmountsEditorReturn['editModal'];
+    allowedPaymentMethods: ContractorPaymentMethod[];
+    paymentAmountsDictionary: SetPaymentAmountsDictionary;
     totals: {
         wage: number;
         bonus: number;
@@ -24,5 +28,5 @@ interface ContractorPaymentCreatePaymentPresentationProps {
     paymentSpeedDays: number;
 }
 /** @internal */
-export declare const CreatePaymentPresentation: ({ contractors, paymentDate, contractorPayments, onPaymentDateChange, onSaveAndContinue, onEditContractor, totals, alerts, payrollBlockers, onViewBlockers, isLoading, paymentSpeedDays, }: ContractorPaymentCreatePaymentPresentationProps) => import("react").JSX.Element;
+export declare const CreatePaymentPresentation: ({ contractors, paymentDate, contractorPayments, onPaymentDateChange, onSaveAndContinue, editModal, allowedPaymentMethods, paymentAmountsDictionary, totals, alerts, payrollBlockers, onViewBlockers, isLoading, paymentSpeedDays, }: ContractorPaymentCreatePaymentPresentationProps) => import("react").JSX.Element;
 export {};