@gusto/embedded-react-sdk 0.52.2 → 0.53.0

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

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

package/dist/components/Contractor/PaymentMethod/shared/useContractorBankAccountForm/fields.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
-import { TextInputHookField as o } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
 import { RadioGroupHookField as r } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
+import { TextInputHookField as o } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
 function m(e) {
   return /* @__PURE__ */ n(o, { ...e, name: "name" });
 }

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

@@ -1,272 +1,183 @@
-import { jsx as h, jsxs as Q, Fragment as X } from "react/jsx-runtime";
-import { useContractorsListSuspense as Z } from "@gusto/embedded-api/react-query/contractorsList";
-import { useContractorPaymentGroupsCreateMutation as $ } from "@gusto/embedded-api/react-query/contractorPaymentGroupsCreate";
-import { useContractorPaymentGroupsPreviewMutation as tt } from "@gusto/embedded-api/react-query/contractorPaymentGroupsPreview";
-import { useState as m, useRef as et, useEffect as ot, useMemo as G } from "react";
-import rt from "dompurify";
-import { RFCDate as V } from "@gusto/embedded-api/types/rfcdate";
-import { useForm as nt } from "react-hook-form";
-import { zodResolver as st } from "@hookform/resolvers/zod";
-import { useTranslation as at } from "react-i18next";
-import { useBankAccountsGet as ct } from "@gusto/embedded-api/react-query/bankAccountsGet";
-import { CreatePaymentPresentation as it } from "./CreatePaymentPresentation.js";
-import { EditContractorPaymentPresentation as ut } from "./EditContractorPaymentPresentation.js";
-import { createEditContractorPaymentFormSchema as mt } from "./EditContractorPaymentFormSchema.js";
-import { PreviewPresentation as lt } from "./PreviewPresentation.js";
-import { addBusinessDays as yt } from "../../../../helpers/dateFormatting.js";
-import { useCompanyPaymentSpeed as pt } from "../../../../hooks/useCompanyPaymentSpeed.js";
-import { payrollSubmitHandler as dt } from "../../../Payroll/PayrollBlocker/payrollHelpers.js";
-import { useComponentDictionary as Pt } from "../../../../i18n/I18n.js";
-import { BaseComponent as Ct } from "../../../Base/Base.js";
-import { useBase as ht } from "../../../Base/useBase.js";
-import { ContractorOnboardingStatus as ft, componentEvents as p } from "../../../../shared/constants.js";
-import { firstLastName as bt } from "../../../../helpers/formattedStrings.js";
-function gt(r) {
+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 { 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) {
   return [
-    String(r.getFullYear()).padStart(4, "0"),
-    String(r.getMonth() + 1).padStart(2, "0"),
-    String(r.getDate()).padStart(2, "0")
+    String(e.getFullYear()).padStart(4, "0"),
+    String(e.getMonth() + 1).padStart(2, "0"),
+    String(e.getDate()).padStart(2, "0")
   ].join("-");
 }
-function H(r) {
-  const f = /* @__PURE__ */ new Date();
-  return f.setHours(0, 0, 0, 0), gt(yt(f, r));
+function G(e) {
+  const y = /* @__PURE__ */ new Date();
+  return y.setHours(0, 0, 0, 0), Ct(it(y, e));
 }
-function Zt(r) {
-  return /* @__PURE__ */ h(Ct, { ...r, componentName: "Contractor.Payments.CreatePayment", children: /* @__PURE__ */ h(Tt, { ...r, children: r.children }) });
+function jt(e) {
+  return /* @__PURE__ */ p(pt, { ...e, componentName: "Contractor.Payments.CreatePayment", children: /* @__PURE__ */ p(ft, { ...e, children: e.children }) });
 }
-const Tt = ({ companyId: r, dictionary: f, onEvent: l }) => {
-  Pt("Contractor.Payments.CreatePayment", f);
-  const { t: b } = at("Contractor.Payments.CreatePayment"), [L, D] = m(!1), { baseSubmitHandler: k } = ht(), [A, d] = m({}), [P, O] = m(null), [Y, w] = m([]), [S, R] = m({}), { mutateAsync: F, isPending: E } = $(), {
-    mutateAsync: I,
-    isPending: _
-  } = tt(), { data: j } = Z({ companyUuid: r }), c = (j.contractors || []).filter(
-    (t) => t.isActive && t.onboardingStatus === ft.ONBOARDING_COMPLETED
-  ), { data: q } = ct({ companyId: r }), { paymentSpeed: M, paymentSpeedDays: g } = pt(r), x = q?.companyBankAccounts?.[0], [N, U] = m(H(g)), v = et(!1);
-  ot(() => {
-    M && !v.current && (U(H(g)), v.current = !0);
-  }, [M, g]);
-  const z = G(
-    () => c.map((t) => {
-      const e = t.paymentMethod ? t.paymentMethod : "Direct Deposit";
-      return {
-        contractorUuid: t.uuid,
-        paymentMethod: e,
-        wage: "0",
-        hours: "0",
-        bonus: "0",
-        reimbursement: "0",
-        isTouched: !1
-      };
-    }),
-    [c]
-  ), [y, W] = m(z), K = G(
-    () => y.reduce(
-      (t, e) => {
-        const o = c.find((J) => J.uuid === e.contractorUuid), i = o?.wageType === "Hourly", s = Number(e.hours || "0"), a = Number(e.wage || "0"), n = Number(e.bonus || "0"), u = Number(e.reimbursement || "0"), B = i ? s * Number(o.hourlyRate || "0") : 0, T = i ? 0 : a;
-        return {
-          wage: t.wage + T,
-          bonus: t.bonus + n,
-          reimbursement: t.reimbursement + u,
-          total: t.total + B + T + n + u
-        };
-      },
-      { wage: 0, bonus: 0, reimbursement: 0, total: 0 }
-    ),
-    [y, c]
-  ), C = nt({
-    resolver: st(mt()),
-    defaultValues: {
-      wageType: "Hourly",
-      hours: 0,
-      wage: 0,
-      bonus: 0,
-      reimbursement: 0,
-      paymentMethod: "Direct Deposit",
-      hourlyRate: 0,
-      contractorUuid: "",
-      contractorPaymentMethod: void 0
+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(), {
+    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"],
+    onEditOpen: () => {
+      M(), r(i.CONTRACTOR_PAYMENT_EDIT);
+    },
+    onEditSave: (t) => {
+      const o = u.find((s) => s.uuid === t.contractorUuid), n = et.sanitize(
+        o?.type === "Individual" ? dt({
+          first_name: o.firstName,
+          last_name: o.lastName
+        }) : o?.businessName ?? ""
+      );
+      b(t.contractorUuid, {
+        type: "success",
+        title: h("alerts.contractorPaymentUpdated", {
+          contractorName: n,
+          interpolation: { escapeValue: !1 }
+        }),
+        onDismiss: () => {
+          A((s) => {
+            const { [t.contractorUuid]: d, ...c } = s;
+            return c;
+          });
+        }
+      }), r(i.CONTRACTOR_PAYMENT_UPDATE, t);
     }
-  });
-  return /* @__PURE__ */ Q(X, { children: [
-    P && /* @__PURE__ */ h(
-      lt,
+  }), 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,
       {
-        contractorPaymentGroup: P,
-        contractors: c,
-        onBackToEdit: () => {
-          O(null), w([]), R({}), l(p.CONTRACTOR_PAYMENT_BACK_TO_EDIT);
-        },
-        onSubmit: async () => {
-          await k(null, async () => {
-            const t = y.filter((a) => a.isTouched);
-            if (t.length === 0 || !P?.creationToken)
-              return;
-            const e = P.creationToken, o = Object.entries(S).map(
-              ([a, n]) => ({
-                blockerType: a,
-                selectedOption: n
-              })
-            ), i = {
-              checkDate: new V(N),
-              contractorPayments: t.map(({ isTouched: a, ...n }) => n),
-              creationToken: e,
-              ...o.length > 0 && { submissionBlockers: o }
-            }, s = await F({
-              request: {
-                companyId: r,
-                requestBody: i
-              }
-            });
-            l(p.CONTRACTOR_PAYMENT_CREATED, s.contractorPaymentGroup || {});
-          });
-        },
-        isLoading: E || _,
-        bankAccount: x,
+        contractorPaymentGroup: m,
+        contractors: u,
+        onBackToEdit: z,
+        onSubmit: V,
+        isLoading: k || w,
+        bankAccount: q,
         selectedUnblockOptions: S,
-        onUnblockOptionChange: (t, e) => {
-          R((o) => ({
-            ...o,
-            [t]: e
-          }));
-        },
-        paymentSpeed: M
+        onUnblockOptionChange: x,
+        paymentSpeed: f
       }
     ),
-    !P && /* @__PURE__ */ h(
-      it,
+    !m && /* @__PURE__ */ p(
+      at,
       {
-        contractors: c,
-        contractorPayments: y,
-        paymentDate: N,
-        onPaymentDateChange: U,
-        onSaveAndContinue: async () => {
-          await k(null, async () => {
-            const t = y.filter((o) => o.isTouched);
-            if (t.length === 0) {
-              d({
-                ...A,
-                error: {
-                  type: "error",
-                  title: b("alerts.noContractorPayments")
-                }
-              });
-              return;
-            }
-            d({}), w([]);
-            const e = await dt(async () => {
-              const o = await I({
-                request: {
-                  companyId: r,
-                  requestBody: {
-                    contractorPayments: t.map(({ isTouched: i, ...s }) => s),
-                    checkDate: new V(N)
-                  }
-                }
-              });
-              O(o.contractorPaymentGroupPreview || null), l(p.CONTRACTOR_PAYMENT_PREVIEW, o.contractorPaymentGroupPreview);
-            });
-            !e.success && e.blockers.length > 0 && w(e.blockers);
-          });
-        },
-        onEditContractor: (t) => {
-          const e = c.find((a) => a.uuid === t), o = y.find(
-            (a) => a.contractorUuid === t
-          ), i = o?.paymentMethod || "Direct Deposit", s = ["Check", "Direct Deposit"].includes(i) ? i : "Check";
-          C.reset(
-            {
-              wageType: e?.wageType || "Hourly",
-              hours: Number(o?.hours || "0"),
-              wage: Number(o?.wage || "0"),
-              bonus: Number(o?.bonus || "0"),
-              reimbursement: Number(o?.reimbursement || "0"),
-              paymentMethod: s,
-              hourlyRate: Number(e?.hourlyRate || "0"),
-              contractorUuid: t,
-              contractorPaymentMethod: e?.paymentMethod || void 0
-            },
-            { keepDirty: !1, keepValues: !1 }
-          ), d({}), D(!0), l(p.CONTRACTOR_PAYMENT_EDIT);
-        },
-        totals: K,
-        alerts: A,
-        payrollBlockers: Y,
-        onViewBlockers: () => {
-          l(p.CONTRACTOR_PAYMENT_RFI_RESPOND);
-        },
-        isLoading: E || _,
-        paymentSpeedDays: g
+        contractors: u,
+        contractorPayments: D,
+        paymentDate: T,
+        onPaymentDateChange: E,
+        onSaveAndContinue: H,
+        onEditContractor: a.open,
+        totals: I,
+        alerts: F,
+        payrollBlockers: v,
+        onViewBlockers: K,
+        isLoading: k || w,
+        paymentSpeedDays: P
       }
     ),
-    /* @__PURE__ */ h(
-      ut,
+    /* @__PURE__ */ p(
+      st,
       {
-        isOpen: L,
-        onClose: () => {
-          D(!1);
-        },
-        formMethods: C,
-        onSubmit: (t) => {
-          const o = c.find((n) => n.uuid === t.contractorUuid)?.paymentMethod;
-          if (!["Check", "Direct Deposit"].includes(t.paymentMethod)) {
-            C.setError("paymentMethod", {
-              type: "manual",
-              message: b("editContractorPayment.errors.unsupportedPaymentMethod")
-            });
-            return;
-          }
-          if (o === "Check" && t.paymentMethod === "Direct Deposit") {
-            C.setError("paymentMethod", {
-              type: "manual",
-              message: b("editContractorPayment.errors.directDepositNotAvailable")
-            });
-            return;
-          }
-          const i = (t.wage ?? 0) > 0 || (t.hours ?? 0) > 0 || (t.bonus ?? 0) > 0 || (t.reimbursement ?? 0) > 0;
-          W(
-            (n) => n.map(
-              (u) => u.contractorUuid === t.contractorUuid ? {
-                contractorUuid: u.contractorUuid,
-                wage: String(t.wage ?? 0),
-                hours: String(t.hours ?? 0),
-                bonus: String(t.bonus ?? 0),
-                reimbursement: String(t.reimbursement ?? 0),
-                paymentMethod: t.paymentMethod,
-                isTouched: i
-              } : u
-            )
-          );
-          const s = c.find(
-            (n) => n.uuid === t.contractorUuid
-          ), a = rt.sanitize(
-            s?.type === "Individual" ? bt({
-              first_name: s.firstName,
-              last_name: s.lastName
-            }) : s?.businessName || ""
-          );
-          d((n) => ({
-            ...n,
-            [t.contractorUuid]: {
-              type: "success",
-              title: b("alerts.contractorPaymentUpdated", {
-                contractorName: a,
-                interpolation: { escapeValue: !1 }
-              }),
-              onDismiss: () => {
-                d((u) => {
-                  const { [t.contractorUuid]: B, ...T } = u;
-                  return T;
-                });
-              }
-            }
-          })), D(!1), l(p.CONTRACTOR_PAYMENT_UPDATE, t);
-        },
-        contractorPaymentMethod: c.find((t) => t.uuid === C.getValues("contractorUuid"))?.paymentMethod ?? void 0
+        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
       }
     )
   ] });
 };
 export {
-  Zt as CreatePayment
+  jt 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  PostV1CompaniesCompanyIdContractorPaymentGroupsContractorPayments as ContractorPayments,\n  PostV1CompaniesCompanyIdContractorPaymentGroupsRequestBody,\n  SubmissionBlockers,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { useContractorPaymentGroupsPreviewMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsPreview'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport DOMPurify from 'dompurify'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\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 type { InternalAlert } from '../types'\nimport { CreatePaymentPresentation } from './CreatePaymentPresentation'\nimport { EditContractorPaymentPresentation } from './EditContractorPaymentPresentation'\nimport {\n  createEditContractorPaymentFormSchema,\n  type EditContractorPaymentFormValues,\n} from './EditContractorPaymentFormSchema'\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 [isModalOpen, setIsModalOpen] = useState(false)\n  const { baseSubmitHandler } = useBase()\n  const [alerts, setAlerts] = useState<Record<string, InternalAlert>>({})\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 initialContractorPayments: (ContractorPayments & { isTouched: boolean })[] = useMemo(\n    () =>\n      contractors.map(contractor => {\n        const paymentMethod = contractor.paymentMethod ? contractor.paymentMethod : 'Direct Deposit'\n\n        return {\n          contractorUuid: contractor.uuid,\n          paymentMethod,\n          wage: '0',\n          hours: '0',\n          bonus: '0',\n          reimbursement: '0',\n          isTouched: false,\n        }\n      }),\n    [contractors],\n  )\n  const [virtualContractorPayments, setVirtualContractorPayments] =\n    useState(initialContractorPayments)\n  const totals = useMemo(\n    () =>\n      virtualContractorPayments.reduce(\n        (acc, payment) => {\n          const contractor = contractors.find(c => c.uuid === payment.contractorUuid)\n          const isHourly = contractor?.wageType === 'Hourly'\n          const hours = Number(payment.hours || '0')\n          const wage = Number(payment.wage || '0')\n          const bonus = Number(payment.bonus || '0')\n          const reimbursement = Number(payment.reimbursement || '0')\n          const hourlyAmount = isHourly ? hours * Number(contractor.hourlyRate || '0') : 0\n          const fixedWage = isHourly ? 0 : wage\n\n          return {\n            wage: acc.wage + fixedWage,\n            bonus: acc.bonus + bonus,\n            reimbursement: acc.reimbursement + reimbursement,\n            total: acc.total + hourlyAmount + fixedWage + bonus + reimbursement,\n          }\n        },\n        { wage: 0, bonus: 0, reimbursement: 0, total: 0 },\n      ),\n    [virtualContractorPayments, contractors],\n  )\n\n  const formMethods = useForm<EditContractorPaymentFormValues>({\n    resolver: zodResolver(createEditContractorPaymentFormSchema()),\n    defaultValues: {\n      wageType: 'Hourly',\n      hours: 0,\n      wage: 0,\n      bonus: 0,\n      reimbursement: 0,\n      paymentMethod: 'Direct Deposit',\n      hourlyRate: 0,\n      contractorUuid: '',\n      contractorPaymentMethod: undefined,\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  const onEditContractor = (contractorUuid: string) => {\n    const contractor = contractors.find(contractor => contractor.uuid === contractorUuid)\n    const contractorPayment = virtualContractorPayments.find(\n      payment => payment.contractorUuid === contractorUuid,\n    )\n\n    const rawPaymentMethod = contractorPayment?.paymentMethod || 'Direct Deposit'\n    const sanitizedPaymentMethod = ['Check', 'Direct Deposit'].includes(rawPaymentMethod)\n      ? (rawPaymentMethod as 'Check' | 'Direct Deposit')\n      : 'Check'\n\n    formMethods.reset(\n      {\n        wageType: contractor?.wageType || 'Hourly',\n        hours: Number(contractorPayment?.hours || '0'),\n        wage: Number(contractorPayment?.wage || '0'),\n        bonus: Number(contractorPayment?.bonus || '0'),\n        reimbursement: Number(contractorPayment?.reimbursement || '0'),\n        paymentMethod: sanitizedPaymentMethod,\n        hourlyRate: Number(contractor?.hourlyRate || '0'),\n        contractorUuid: contractorUuid,\n        contractorPaymentMethod: contractor?.paymentMethod || undefined,\n      },\n      { keepDirty: false, keepValues: false },\n    )\n    setAlerts({})\n    setIsModalOpen(true)\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_EDIT)\n  }\n\n  const onEditContractorSubmit = (data: EditContractorPaymentFormValues) => {\n    const currentContractor = contractors.find(c => c.uuid === data.contractorUuid)\n    const currentContractorPaymentMethod = currentContractor?.paymentMethod\n\n    if (!['Check', 'Direct Deposit'].includes(data.paymentMethod)) {\n      formMethods.setError('paymentMethod', {\n        type: 'manual',\n        message: t('editContractorPayment.errors.unsupportedPaymentMethod'),\n      })\n      return\n    }\n\n    if (currentContractorPaymentMethod === 'Check' && data.paymentMethod === 'Direct Deposit') {\n      formMethods.setError('paymentMethod', {\n        type: 'manual',\n        message: t('editContractorPayment.errors.directDepositNotAvailable'),\n      })\n      return\n    }\n\n    const hasAnyPayment =\n      (data.wage ?? 0) > 0 ||\n      (data.hours ?? 0) > 0 ||\n      (data.bonus ?? 0) > 0 ||\n      (data.reimbursement ?? 0) > 0\n\n    setVirtualContractorPayments(prevPayments =>\n      prevPayments.map(payment =>\n        payment.contractorUuid === data.contractorUuid\n          ? {\n              contractorUuid: payment.contractorUuid,\n              wage: String(data.wage ?? 0),\n              hours: String(data.hours ?? 0),\n              bonus: String(data.bonus ?? 0),\n              reimbursement: String(data.reimbursement ?? 0),\n              paymentMethod: data.paymentMethod,\n              isTouched: hasAnyPayment,\n            }\n          : payment,\n      ),\n    )\n    const displayContractor = contractors.find(\n      contractor => contractor.uuid === data.contractorUuid,\n    )\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    setAlerts(prevAlerts => ({\n      ...prevAlerts,\n      [data.contractorUuid]: {\n        type: 'success',\n        title: t('alerts.contractorPaymentUpdated', {\n          contractorName: displayName,\n          interpolation: { escapeValue: false },\n        }),\n        onDismiss: () => {\n          setAlerts(prevAlerts => {\n            const { [data.contractorUuid]: _, ...rest } = prevAlerts\n            return rest\n          })\n        },\n      },\n    }))\n    setIsModalOpen(false)\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_UPDATE, data)\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        setAlerts({\n          ...alerts,\n          error: {\n            type: 'error',\n            title: t('alerts.noContractorPayments'),\n          },\n        })\n        return\n      }\n      setAlerts({})\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={onEditContractor}\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={isModalOpen}\n        onClose={() => {\n          setIsModalOpen(false)\n        }}\n        formMethods={formMethods}\n        onSubmit={onEditContractorSubmit}\n        contractorPaymentMethod={\n          contractors.find(c => c.uuid === 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","isModalOpen","setIsModalOpen","useState","baseSubmitHandler","useBase","alerts","setAlerts","previewData","setPreviewData","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","initialContractorPayments","useMemo","paymentMethod","virtualContractorPayments","setVirtualContractorPayments","totals","acc","payment","c","isHourly","hours","wage","bonus","reimbursement","hourlyAmount","fixedWage","formMethods","useForm","zodResolver","createEditContractorPaymentFormSchema","jsxs","Fragment","PreviewPresentation","componentEvents","contractorPayments","creationToken","submissionBlockers","blockerType","selectedOption","requestBody","RFCDate","isTouched","rest","response","value","prev","CreatePaymentPresentation","result","payrollSubmitHandler","contractorUuid","contractorPayment","rawPaymentMethod","sanitizedPaymentMethod","EditContractorPaymentPresentation","data","currentContractorPaymentMethod","hasAnyPayment","prevPayments","displayContractor","displayName","DOMPurify","firstLastName","prevAlerts","_"],"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  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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"}