@gusto/embedded-react-sdk 0.32.0 → 0.34.0

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

@@ -1,37 +1,38 @@
-import { jsx as h, jsxs as I, Fragment as W } from "react/jsx-runtime";
-import { useContractorsListSuspense as K } from "@gusto/embedded-api/react-query/contractorsList";
-import { useContractorPaymentGroupsCreateMutation as J } from "@gusto/embedded-api/react-query/contractorPaymentGroupsCreate";
-import { useContractorPaymentGroupsPreviewMutation as Q } from "@gusto/embedded-api/react-query/contractorPaymentGroupsPreview";
-import { useState as p, useMemo as R } from "react";
-import X from "dompurify";
-import { RFCDate as S } from "@gusto/embedded-api/types/rfcdate";
-import { useForm as Z } from "react-hook-form";
-import { zodResolver as $ } from "@hookform/resolvers/zod";
-import { useTranslation as tt } from "react-i18next";
-import { useBankAccountsGet as et } from "@gusto/embedded-api/react-query/bankAccountsGet";
-import { usePaymentConfigsGet as ot } from "@gusto/embedded-api/react-query/paymentConfigsGet";
-import { CreatePaymentPresentation as rt } from "./CreatePaymentPresentation.js";
-import { EditContractorPaymentPresentation as nt } from "./EditContractorPaymentPresentation.js";
-import { createEditContractorPaymentFormSchema as st } from "./EditContractorPaymentFormSchema.js";
-import { PreviewPresentation as at } from "./PreviewPresentation.js";
-import { useComponentDictionary as it } from "../../../../i18n/I18n.js";
-import { BaseComponent as ct } from "../../../Base/Base.js";
-import { useBase as mt } from "../../../Base/useBase.js";
-import { ContractorOnboardingStatus as ut, componentEvents as C } from "../../../../shared/constants.js";
-import { firstLastName as pt } from "../../../../helpers/formattedStrings.js";
-function Yt(c) {
-  return /* @__PURE__ */ h(ct, { ...c, children: /* @__PURE__ */ h(yt, { ...c, children: c.children }) });
+import { jsx as h, jsxs as K, 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 u, useMemo as S } from "react";
+import $ from "dompurify";
+import { RFCDate as U } from "@gusto/embedded-api/types/rfcdate";
+import { useForm as tt } from "react-hook-form";
+import { zodResolver as et } from "@hookform/resolvers/zod";
+import { useTranslation as ot } from "react-i18next";
+import { useBankAccountsGet as rt } from "@gusto/embedded-api/react-query/bankAccountsGet";
+import { usePaymentConfigsGet as nt } from "@gusto/embedded-api/react-query/paymentConfigsGet";
+import { CreatePaymentPresentation as st } from "./CreatePaymentPresentation.js";
+import { EditContractorPaymentPresentation as at } from "./EditContractorPaymentPresentation.js";
+import { createEditContractorPaymentFormSchema as it } from "./EditContractorPaymentFormSchema.js";
+import { PreviewPresentation as ct } from "./PreviewPresentation.js";
+import { payrollSubmitHandler as mt } from "../../../Payroll/PayrollBlocker/payrollHelpers.js";
+import { useComponentDictionary as ut } from "../../../../i18n/I18n.js";
+import { BaseComponent as lt } from "../../../Base/Base.js";
+import { useBase as pt } from "../../../Base/useBase.js";
+import { ContractorOnboardingStatus as yt, componentEvents as y } from "../../../../shared/constants.js";
+import { firstLastName as dt } from "../../../../helpers/formattedStrings.js";
+function jt(c) {
+  return /* @__PURE__ */ h(lt, { ...c, children: /* @__PURE__ */ h(Pt, { ...c, children: c.children }) });
 }
-const yt = ({ companyId: c, dictionary: U, onEvent: y }) => {
-  it("Contractor.Payments.CreatePayment", U);
-  const { t: b } = tt("Contractor.Payments.CreatePayment"), [v, g] = p(!1), [T, _] = p(
+const Pt = ({ companyId: c, dictionary: _, onEvent: l }) => {
+  ut("Contractor.Payments.CreatePayment", _);
+  const { t: b } = ot("Contractor.Payments.CreatePayment"), [v, g] = u(!1), [T, B] = u(
     (/* @__PURE__ */ new Date()).toISOString().split("T")[0] || ""
-  ), { baseSubmitHandler: M } = mt(), [w, d] = p({}), [l, D] = p(null), [N, A] = p({}), { mutateAsync: G, isPending: O } = J(), {
-    mutateAsync: B,
-    isPending: k
-  } = Q(), { data: L } = K({ companyUuid: c }), a = (L.contractorList || []).filter(
-    (t) => t.isActive && t.onboardingStatus === ut.ONBOARDING_COMPLETED
-  ), { data: V } = et({ companyId: c }), { data: H } = ot({ companyUuid: c }), Y = V?.companyBankAccounts?.[0], q = H?.paymentConfigs?.paymentSpeed, x = R(
+  ), { baseSubmitHandler: M } = pt(), [D, d] = u({}), [P, N] = u(null), [G, w] = u([]), [k, A] = u({}), { mutateAsync: V, isPending: O } = X(), {
+    mutateAsync: H,
+    isPending: R
+  } = Z(), { data: L } = Q({ companyUuid: c }), a = (L.contractors || []).filter(
+    (t) => t.isActive && t.onboardingStatus === yt.ONBOARDING_COMPLETED
+  ), { data: Y } = rt({ companyId: c }), { data: F } = nt({ companyUuid: c }), q = Y?.companyBankAccounts?.[0], x = F?.paymentConfigs?.paymentSpeed, I = S(
     () => a.map((t) => {
       const e = t.paymentMethod ? t.paymentMethod : "Direct Deposit";
       return {
@@ -45,10 +46,10 @@ const yt = ({ companyId: c, dictionary: U, onEvent: y }) => {
       };
     }),
     [a]
-  ), [u, F] = p(x), j = R(
-    () => u.reduce(
+  ), [p, j] = u(I), z = S(
+    () => p.reduce(
       (t, e) => {
-        const o = a.find((z) => z.uuid === e.contractorUuid), s = o?.wageType === "Hourly", i = Number(e.hours || "0"), n = Number(e.wage || "0"), r = Number(e.bonus || "0"), m = Number(e.reimbursement || "0"), E = s ? i * Number(o.hourlyRate || "0") : 0, f = s ? 0 : n;
+        const o = a.find((W) => W.uuid === e.contractorUuid), i = o?.wageType === "Hourly", n = Number(e.hours || "0"), s = Number(e.wage || "0"), r = Number(e.bonus || "0"), m = Number(e.reimbursement || "0"), E = i ? n * Number(o.hourlyRate || "0") : 0, f = i ? 0 : s;
         return {
           wage: t.wage + f,
           bonus: t.bonus + r,
@@ -58,9 +59,9 @@ const yt = ({ companyId: c, dictionary: U, onEvent: y }) => {
       },
       { wage: 0, bonus: 0, reimbursement: 0, total: 0 }
     ),
-    [u, a]
-  ), P = Z({
-    resolver: $(st()),
+    [p, a]
+  ), C = tt({
+    resolver: et(it()),
     defaultValues: {
       wageType: "Hourly",
       hours: 0,
@@ -73,64 +74,64 @@ const yt = ({ companyId: c, dictionary: U, onEvent: y }) => {
       contractorPaymentMethod: void 0
     }
   });
-  return /* @__PURE__ */ I(W, { children: [
-    l && /* @__PURE__ */ h(
-      at,
+  return /* @__PURE__ */ K(J, { children: [
+    P && /* @__PURE__ */ h(
+      ct,
       {
-        contractorPaymentGroup: l,
+        contractorPaymentGroup: P,
         contractors: a,
         onBackToEdit: () => {
-          D(null), A({}), y(C.CONTRACTOR_PAYMENT_BACK_TO_EDIT);
+          N(null), w([]), A({}), l(y.CONTRACTOR_PAYMENT_BACK_TO_EDIT);
         },
         onSubmit: async () => {
           await M(null, async () => {
-            const t = u.filter((n) => n.isTouched);
-            if (t.length === 0 || !l?.creationToken)
+            const t = p.filter((s) => s.isTouched);
+            if (t.length === 0 || !P?.creationToken)
               return;
-            const e = l.creationToken, o = Object.entries(N).map(
-              ([n, r]) => ({
-                blockerType: n,
+            const e = P.creationToken, o = Object.entries(k).map(
+              ([s, r]) => ({
+                blockerType: s,
                 selectedOption: r
               })
-            ), s = {
-              checkDate: new S(T),
-              contractorPayments: t.map(({ isTouched: n, ...r }) => r),
+            ), i = {
+              checkDate: new U(T),
+              contractorPayments: t.map(({ isTouched: s, ...r }) => r),
               creationToken: e,
               ...o.length > 0 && { submissionBlockers: o }
-            }, i = await G({
+            }, n = await V({
               request: {
                 companyId: c,
-                requestBody: s
+                requestBody: i
               }
             });
-            y(C.CONTRACTOR_PAYMENT_CREATED, i.contractorPaymentGroup || {});
+            l(y.CONTRACTOR_PAYMENT_CREATED, n.contractorPaymentGroup || {});
           });
         },
-        isLoading: O || k,
-        bankAccount: Y,
-        selectedUnblockOptions: N,
+        isLoading: O || R,
+        bankAccount: q,
+        selectedUnblockOptions: k,
         onUnblockOptionChange: (t, e) => {
           A((o) => ({
             ...o,
             [t]: e
           }));
         },
-        paymentSpeed: q
+        paymentSpeed: x
       }
     ),
-    !l && /* @__PURE__ */ h(
-      rt,
+    !P && /* @__PURE__ */ h(
+      st,
       {
         contractors: a,
-        contractorPayments: u,
+        contractorPayments: p,
         paymentDate: T,
-        onPaymentDateChange: _,
+        onPaymentDateChange: B,
         onSaveAndContinue: async () => {
           await M(null, async () => {
-            const t = u.filter((o) => o.isTouched);
+            const t = p.filter((o) => o.isTouched);
             if (t.length === 0) {
               d({
-                ...w,
+                ...D,
                 error: {
                   type: "error",
                   title: b("alerts.noContractorPayments")
@@ -138,69 +139,76 @@ const yt = ({ companyId: c, dictionary: U, onEvent: y }) => {
               });
               return;
             }
-            d({});
-            const e = await B({
-              request: {
-                companyId: c,
-                requestBody: {
-                  contractorPayments: t.map(({ isTouched: o, ...s }) => s),
-                  checkDate: new S(T)
+            d({}), w([]);
+            const e = await mt(async () => {
+              const o = await H({
+                request: {
+                  companyId: c,
+                  requestBody: {
+                    contractorPayments: t.map(({ isTouched: i, ...n }) => n),
+                    checkDate: new U(T)
+                  }
                 }
-              }
+              });
+              N(o.contractorPaymentGroupPreview || null), l(y.CONTRACTOR_PAYMENT_PREVIEW, o.contractorPaymentGroupPreview);
             });
-            D(e.contractorPaymentGroupPreview || null), y(C.CONTRACTOR_PAYMENT_PREVIEW, e.contractorPaymentGroupPreview);
+            !e.success && e.blockers.length > 0 && w(e.blockers);
           });
         },
         onEditContractor: (t) => {
-          const e = a.find((n) => n.uuid === t), o = u.find(
-            (n) => n.contractorUuid === t
-          ), s = o?.paymentMethod || "Direct Deposit", i = ["Check", "Direct Deposit"].includes(s) ? s : "Check";
-          P.reset(
+          const e = a.find((s) => s.uuid === t), o = p.find(
+            (s) => s.contractorUuid === t
+          ), i = o?.paymentMethod || "Direct Deposit", n = ["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: i,
+              paymentMethod: n,
               hourlyRate: Number(e?.hourlyRate || "0"),
               contractorUuid: t,
               contractorPaymentMethod: e?.paymentMethod || void 0
             },
             { keepDirty: !1, keepValues: !1 }
-          ), d({}), g(!0), y(C.CONTRACTOR_PAYMENT_EDIT);
+          ), d({}), g(!0), l(y.CONTRACTOR_PAYMENT_EDIT);
+        },
+        totals: z,
+        alerts: D,
+        payrollBlockers: G,
+        onViewBlockers: () => {
+          l(y.CONTRACTOR_PAYMENT_RFI_RESPOND);
         },
-        totals: j,
-        alerts: w,
-        isLoading: O || k
+        isLoading: O || R
       }
     ),
     /* @__PURE__ */ h(
-      nt,
+      at,
       {
         isOpen: v,
         onClose: () => {
           g(!1);
         },
-        formMethods: P,
+        formMethods: C,
         onSubmit: (t) => {
           const o = a.find((r) => r.uuid === t.contractorUuid)?.paymentMethod;
           if (!["Check", "Direct Deposit"].includes(t.paymentMethod)) {
-            P.setError("paymentMethod", {
+            C.setError("paymentMethod", {
               type: "manual",
               message: b("editContractorPayment.errors.unsupportedPaymentMethod")
             });
             return;
           }
           if (o === "Check" && t.paymentMethod === "Direct Deposit") {
-            P.setError("paymentMethod", {
+            C.setError("paymentMethod", {
               type: "manual",
               message: b("editContractorPayment.errors.directDepositNotAvailable")
             });
             return;
           }
-          const s = (t.wage ?? 0) > 0 || (t.hours ?? 0) > 0 || (t.bonus ?? 0) > 0 || (t.reimbursement ?? 0) > 0;
-          F(
+          const i = (t.wage ?? 0) > 0 || (t.hours ?? 0) > 0 || (t.bonus ?? 0) > 0 || (t.reimbursement ?? 0) > 0;
+          j(
             (r) => r.map(
               (m) => m.contractorUuid === t.contractorUuid ? {
                 contractorUuid: m.contractorUuid,
@@ -209,24 +217,24 @@ const yt = ({ companyId: c, dictionary: U, onEvent: y }) => {
                 bonus: String(t.bonus ?? 0),
                 reimbursement: String(t.reimbursement ?? 0),
                 paymentMethod: t.paymentMethod,
-                isTouched: s
+                isTouched: i
               } : m
             )
           );
-          const i = a.find(
+          const n = a.find(
             (r) => r.uuid === t.contractorUuid
-          ), n = X.sanitize(
-            i?.type === "Individual" ? pt({
-              first_name: i.firstName,
-              last_name: i.lastName
-            }) : i?.businessName || ""
+          ), s = $.sanitize(
+            n?.type === "Individual" ? dt({
+              first_name: n.firstName,
+              last_name: n.lastName
+            }) : n?.businessName || ""
           );
           d((r) => ({
             ...r,
             [t.contractorUuid]: {
               type: "success",
               title: b("alerts.contractorPaymentUpdated", {
-                contractorName: n,
+                contractorName: s,
                 interpolation: { escapeValue: !1 }
               }),
               onDismiss: () => {
@@ -236,15 +244,15 @@ const yt = ({ companyId: c, dictionary: U, onEvent: y }) => {
                 });
               }
             }
-          })), g(!1), y(C.CONTRACTOR_PAYMENT_UPDATE, t);
+          })), g(!1), l(y.CONTRACTOR_PAYMENT_UPDATE, t);
         },
-        contractorPaymentMethod: a.find((t) => t.uuid === P.getValues("contractorUuid"))?.paymentMethod ?? void 0
+        contractorPaymentMethod: a.find((t) => t.uuid === C.getValues("contractorUuid"))?.paymentMethod ?? void 0
       }
     )
   ] });
 };
 export {
-  Yt as CreatePayment,
-  yt as Root
+  jt as CreatePayment,
+  Pt as Root
 };
 //# 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  ContractorPayments,\n  PostV1CompaniesCompanyIdContractorPaymentGroupsRequestBody,\n  SubmissionBlockers,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { useContractorPaymentGroupsPreviewMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsPreview'\nimport { useMemo, 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 { usePaymentConfigsGet } from '@gusto/embedded-api/react-query/paymentConfigsGet'\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 { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\ninterface CreatePaymentProps extends BaseComponentInterface<'Contractor.Payments.CreatePayment'> {\n  companyId: string\n}\n\nexport function CreatePayment(props: CreatePaymentProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const 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 [paymentDate, setPaymentDate] = useState<string>(\n    new Date().toISOString().split('T')[0] || '',\n  )\n  const { baseSubmitHandler } = useBase()\n  const [alerts, setAlerts] = useState<Record<string, InternalAlert>>({})\n  const [previewData, setPreviewData] = useState<ContractorPaymentGroupPreview | null>(null)\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.contractorList || []).filter(\n    contractor =>\n      contractor.isActive &&\n      contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n  )\n  const { data: bankAccounts } = useBankAccountsGet({ companyId })\n  const { data: paymentConfigs } = usePaymentConfigsGet({ companyUuid: companyId })\n  // Currently, we only support a single default bank account per company.\n  const bankAccount = bankAccounts?.companyBankAccounts?.[0]\n  const paymentSpeed = paymentConfigs?.paymentConfigs?.paymentSpeed\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<(ContractorPayments & { isTouched: boolean })[]>(initialContractorPayments)\n  const totals = useMemo(\n    () =>\n      virtualContractorPayments.reduce<{\n        wage: number\n        bonus: number\n        reimbursement: number\n        total: number\n      }>(\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      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\n      setPreviewData(response.contractorPaymentGroupPreview || null)\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_PREVIEW, response.contractorPaymentGroupPreview)\n    })\n  }\n  const onBackToEdit = () => {\n    setPreviewData(null)\n    setSelectedUnblockOptions({})\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_BACK_TO_EDIT)\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          isLoading={isCreatingContractorPaymentGroup || isPreviewingContractorPaymentGroup}\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":["CreatePayment","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","useComponentDictionary","t","useTranslation","isModalOpen","setIsModalOpen","useState","paymentDate","setPaymentDate","baseSubmitHandler","useBase","alerts","setAlerts","previewData","setPreviewData","selectedUnblockOptions","setSelectedUnblockOptions","createContractorPaymentGroup","isCreatingContractorPaymentGroup","useContractorPaymentGroupsCreateMutation","previewContractorPaymentGroup","isPreviewingContractorPaymentGroup","useContractorPaymentGroupsPreviewMutation","contractorList","useContractorsListSuspense","contractors","contractor","ContractorOnboardingStatus","bankAccounts","useBankAccountsGet","paymentConfigs","usePaymentConfigsGet","bankAccount","paymentSpeed","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","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  ContractorPayments,\n  PostV1CompaniesCompanyIdContractorPaymentGroupsRequestBody,\n  SubmissionBlockers,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { useContractorPaymentGroupsPreviewMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsPreview'\nimport { useMemo, 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 { usePaymentConfigsGet } from '@gusto/embedded-api/react-query/paymentConfigsGet'\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 {\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\ninterface CreatePaymentProps extends BaseComponentInterface<'Contractor.Payments.CreatePayment'> {\n  companyId: string\n}\n\nexport function CreatePayment(props: CreatePaymentProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const 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 [paymentDate, setPaymentDate] = useState<string>(\n    new Date().toISOString().split('T')[0] || '',\n  )\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 { data: paymentConfigs } = usePaymentConfigsGet({ companyUuid: companyId })\n  // Currently, we only support a single default bank account per company.\n  const bankAccount = bankAccounts?.companyBankAccounts?.[0]\n  const paymentSpeed = paymentConfigs?.paymentConfigs?.paymentSpeed\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<(ContractorPayments & { isTouched: boolean })[]>(initialContractorPayments)\n  const totals = useMemo(\n    () =>\n      virtualContractorPayments.reduce<{\n        wage: number\n        bonus: number\n        reimbursement: number\n        total: number\n      }>(\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        />\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":["CreatePayment","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","useComponentDictionary","t","useTranslation","isModalOpen","setIsModalOpen","useState","paymentDate","setPaymentDate","baseSubmitHandler","useBase","alerts","setAlerts","previewData","setPreviewData","payrollBlockers","setPayrollBlockers","selectedUnblockOptions","setSelectedUnblockOptions","createContractorPaymentGroup","isCreatingContractorPaymentGroup","useContractorPaymentGroupsCreateMutation","previewContractorPaymentGroup","isPreviewingContractorPaymentGroup","useContractorPaymentGroupsPreviewMutation","contractorList","useContractorsListSuspense","contractors","contractor","ContractorOnboardingStatus","bankAccounts","useBankAccountsGet","paymentConfigs","usePaymentConfigsGet","bankAccount","paymentSpeed","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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"}

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

@@ -1,6 +1,7 @@
 import { Contractor } from '@gusto/embedded-api/models/components/contractor';
 import { ContractorPayments } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups';
 import { InternalAlert } from '../types';
+import { ApiPayrollBlocker } from '../../../Payroll/PayrollBlocker/payrollHelpers';
 interface ContractorPaymentCreatePaymentPresentationProps {
     contractors: Contractor[];
     contractorPayments: (ContractorPayments & {
@@ -17,7 +18,9 @@ interface ContractorPaymentCreatePaymentPresentationProps {
         total: number;
     };
     alerts: Record<string, InternalAlert>;
+    payrollBlockers?: ApiPayrollBlocker[];
+    onViewBlockers?: () => void;
     isLoading: boolean;
 }
-export declare const CreatePaymentPresentation: ({ contractors, paymentDate, contractorPayments, onPaymentDateChange, onSaveAndContinue, onEditContractor, totals, alerts, isLoading, }: ContractorPaymentCreatePaymentPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CreatePaymentPresentation: ({ contractors, paymentDate, contractorPayments, onPaymentDateChange, onSaveAndContinue, onEditContractor, totals, alerts, payrollBlockers, onViewBlockers, isLoading, }: ContractorPaymentCreatePaymentPresentationProps) => import("react/jsx-runtime").JSX.Element;
 export {};