@gusto/embedded-react-sdk 0.55.7 → 0.56.0

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

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

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

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

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

@@ -1,43 +1,44 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { useTranslation as j } from "react-i18next";
-import { PayrollBlockerAlerts as v } from "../../../Payroll/PayrollBlocker/components/PayrollBlockerAlerts.js";
-import { Flex as o, FlexItem as z } from "../../../Common/Flex/Flex.js";
-import { useComponentContext as A } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as S } from "../../../../i18n/I18n.js";
-import { normalizeDateToLocal as B, formatDateToStringDate as F, normalizeToDate as I } from "../../../../helpers/dateFormatting.js";
-import { SetPaymentAmounts as L } from "../shared/SetPaymentAmounts/SetPaymentAmounts.js";
-const G = ({
-  contractors: m,
+import { useTranslation as v } from "react-i18next";
+import { PayrollBlockerAlerts as z } from "../../../Payroll/PayrollBlocker/components/PayrollBlockerAlerts.js";
+import { Flex as o, FlexItem as A } from "../../../Common/Flex/Flex.js";
+import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as B } from "../../../../i18n/I18n.js";
+import { normalizeDateToLocal as F, formatDateToStringDate as I, normalizeToDate as L } from "../../../../helpers/dateFormatting.js";
+import { SetPaymentAmounts as q } from "../shared/SetPaymentAmounts/SetPaymentAmounts.js";
+const J = ({
+  className: m,
+  contractors: c,
   paymentDate: i,
-  contractorPayments: c,
-  onPaymentDateChange: s,
-  onSaveAndContinue: u,
-  editModal: p,
-  allowedPaymentMethods: d,
-  paymentAmountsDictionary: f,
-  totals: h,
-  alerts: C,
+  contractorPayments: s,
+  onPaymentDateChange: u,
+  onSaveAndContinue: p,
+  editModal: d,
+  allowedPaymentMethods: f,
+  paymentAmountsDictionary: h,
+  totals: C,
+  alerts: x,
   payrollBlockers: a = [],
-  onViewBlockers: x,
-  isLoading: y,
-  paymentSpeedDays: g
+  onViewBlockers: y,
+  isLoading: g,
+  paymentSpeedDays: D
 }) => {
-  const { Button: D, Text: P, Heading: b, DatePicker: k, Alert: T } = A();
-  S("Contractor.Payments.CreatePayment");
-  const { t: n } = j("Contractor.Payments.CreatePayment");
-  return /* @__PURE__ */ r(o, { flexDirection: "column", gap: 32, children: [
+  const { Button: P, Text: b, Heading: k, DatePicker: T, Alert: j } = S();
+  B("Contractor.Payments.CreatePayment");
+  const { t: n } = v("Contractor.Payments.CreatePayment");
+  return /* @__PURE__ */ r(o, { className: m, flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ r(o, { justifyContent: "flex-end", gap: 16, children: [
       /* @__PURE__ */ r(o, { flexDirection: "column", gap: 4, children: [
-        /* @__PURE__ */ e(b, { as: "h2", children: n("title") }),
-        /* @__PURE__ */ e(P, { variant: "supporting", children: n("paymentSpeedNotice", {
-          count: g
+        /* @__PURE__ */ e(k, { as: "h2", children: n("title") }),
+        /* @__PURE__ */ e(b, { variant: "supporting", children: n("paymentSpeedNotice", {
+          count: D
         }) })
       ] }),
-      /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { onClick: u, variant: "primary", isLoading: y, children: n("continueCta") }) })
+      /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(P, { onClick: p, variant: "primary", isLoading: g, children: n("continueCta") }) })
     ] }),
-    a.length > 0 && /* @__PURE__ */ e(v, { blockers: a, onViewBlockersClick: x }),
-    Object.values(C).map((t) => /* @__PURE__ */ e(
-      T,
+    a.length > 0 && /* @__PURE__ */ e(z, { blockers: a, onViewBlockersClick: y }),
+    Object.values(x).map((t) => /* @__PURE__ */ e(
+      j,
       {
         label: t.title,
         onDismiss: t.onDismiss,
@@ -47,31 +48,31 @@ const G = ({
       t.title
     )),
     /* @__PURE__ */ e(o, { flexDirection: "column", gap: 8, children: /* @__PURE__ */ e(
-      k,
+      T,
       {
-        value: i ? I(i) : null,
+        value: i ? L(i) : null,
         onChange: (t) => {
-          const l = B(t);
-          s(l ? F(l) ?? "" : "");
+          const l = F(t);
+          u(l ? I(l) ?? "" : "");
         },
         label: n("dateLabel"),
         isRequired: !0
       }
     ) }),
     /* @__PURE__ */ e(
-      L,
+      q,
       {
-        contractors: m,
-        contractorPayments: c,
-        totals: h,
-        allowedPaymentMethods: d,
-        editModal: p,
-        dictionary: f
+        contractors: c,
+        contractorPayments: s,
+        totals: C,
+        allowedPaymentMethods: f,
+        editModal: d,
+        dictionary: h
       }
     )
   ] });
 };
 export {
-  G as CreatePaymentPresentation
+  J as CreatePaymentPresentation
 };
 //# sourceMappingURL=CreatePaymentPresentation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreatePaymentPresentation.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type {\n  PostV1CompaniesCompanyIdContractorPaymentGroupsContractorPayments as ContractorPayments,\n  PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport type { InternalAlert } from '../types'\nimport { SetPaymentAmounts, type SetPaymentAmountsDictionary } from '../shared/SetPaymentAmounts'\nimport type { UsePaymentAmountsEditorReturn } from '../shared/usePaymentAmountsEditor'\nimport type { ApiPayrollBlocker } from '@/components/Payroll/PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '@/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts'\nimport { Flex, FlexItem } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport {\n  formatDateToStringDate,\n  normalizeDateToLocal,\n  normalizeToDate,\n} from '@/helpers/dateFormatting'\n\ninterface ContractorPaymentCreatePaymentPresentationProps {\n  contractors: Contractor[]\n  contractorPayments: (ContractorPayments & { isTouched?: boolean })[]\n  paymentDate: string\n  onPaymentDateChange: (date: string) => void\n  onSaveAndContinue: () => void\n  editModal: UsePaymentAmountsEditorReturn['editModal']\n  allowedPaymentMethods: ContractorPaymentMethod[]\n  paymentAmountsDictionary: SetPaymentAmountsDictionary\n  totals: {\n    wage: number\n    bonus: number\n    reimbursement: number\n    total: number\n  }\n  alerts: Record<string, InternalAlert>\n  payrollBlockers?: ApiPayrollBlocker[]\n  onViewBlockers?: () => void\n  isLoading: boolean\n  paymentSpeedDays: number\n}\n\n/** @internal */\nexport const CreatePaymentPresentation = ({\n  contractors,\n  paymentDate,\n  contractorPayments,\n  onPaymentDateChange,\n  onSaveAndContinue,\n  editModal,\n  allowedPaymentMethods,\n  paymentAmountsDictionary,\n  totals,\n  alerts,\n  payrollBlockers = [],\n  onViewBlockers,\n  isLoading,\n  paymentSpeedDays,\n}: ContractorPaymentCreatePaymentPresentationProps) => {\n  const { Button, Text, Heading, DatePicker, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.CreatePayment')\n  const { t } = useTranslation('Contractor.Payments.CreatePayment')\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex justifyContent=\"flex-end\" gap={16}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('title')}</Heading>\n          <Text variant=\"supporting\">\n            {t('paymentSpeedNotice', {\n              count: paymentSpeedDays,\n            })}\n          </Text>\n        </Flex>\n        <FlexItem>\n          <Button onClick={onSaveAndContinue} variant=\"primary\" isLoading={isLoading}>\n            {t('continueCta')}\n          </Button>\n        </FlexItem>\n      </Flex>\n\n      {payrollBlockers.length > 0 && (\n        <PayrollBlockerAlerts blockers={payrollBlockers} onViewBlockersClick={onViewBlockers} />\n      )}\n\n      {Object.values(alerts).map(alert => (\n        <Alert\n          key={alert.title}\n          label={alert.title}\n          onDismiss={alert.onDismiss}\n          status={alert.type}\n        >\n          {alert.content ?? null}\n        </Alert>\n      ))}\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <DatePicker\n          value={paymentDate ? normalizeToDate(paymentDate) : null}\n          onChange={date => {\n            const normalized = normalizeDateToLocal(date)\n            onPaymentDateChange(normalized ? (formatDateToStringDate(normalized) ?? '') : '')\n          }}\n          label={t('dateLabel')}\n          isRequired\n        />\n      </Flex>\n\n      <SetPaymentAmounts\n        contractors={contractors}\n        contractorPayments={contractorPayments}\n        totals={totals}\n        allowedPaymentMethods={allowedPaymentMethods}\n        editModal={editModal}\n        dictionary={paymentAmountsDictionary}\n      />\n    </Flex>\n  )\n}\n"],"names":["CreatePaymentPresentation","contractors","paymentDate","contractorPayments","onPaymentDateChange","onSaveAndContinue","editModal","allowedPaymentMethods","paymentAmountsDictionary","totals","alerts","payrollBlockers","onViewBlockers","isLoading","paymentSpeedDays","Button","Text","Heading","DatePicker","Alert","useComponentContext","useI18n","t","useTranslation","jsxs","Flex","jsx","FlexItem","PayrollBlockerAlerts","alert","normalizeToDate","date","normalized","normalizeDateToLocal","formatDateToStringDate","SetPaymentAmounts"],"mappings":";;;;;;;;AA2CO,MAAMA,IAA4B,CAAC;AAAA,EACxC,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC,IAAkB,CAAA;AAAA,EAClB,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AACF,MAAuD;AACrD,QAAM,EAAE,QAAAC,GAAQ,MAAAC,GAAM,SAAAC,GAAS,YAAAC,GAAY,OAAAC,EAAA,IAAUC,EAAA;AACrD,EAAAC,EAAQ,mCAAmC;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC;AAEhE,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,gBAAe,YAAW,KAAK,IACnC,UAAA;AAAA,MAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAC,EAACT,GAAA,EAAQ,IAAG,MAAM,UAAAK,EAAE,OAAO,GAAE;AAAA,QAC7B,gBAAAI,EAACV,GAAA,EAAK,SAAQ,cACX,YAAE,sBAAsB;AAAA,UACvB,OAAOF;AAAA,QAAA,CACR,EAAA,CACH;AAAA,MAAA,GACF;AAAA,MACA,gBAAAY,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACX,GAAA,EAAO,SAASV,GAAmB,SAAQ,WAAU,WAAAQ,GACnD,UAAAS,EAAE,aAAa,EAAA,CAClB,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAECX,EAAgB,SAAS,KACxB,gBAAAe,EAACE,KAAqB,UAAUjB,GAAiB,qBAAqBC,GAAgB;AAAA,IAGvF,OAAO,OAAOF,CAAM,EAAE,IAAI,CAAAmB,MACzB,gBAAAH;AAAA,MAACP;AAAA,MAAA;AAAA,QAEC,OAAOU,EAAM;AAAA,QACb,WAAWA,EAAM;AAAA,QACjB,QAAQA,EAAM;AAAA,QAEb,YAAM,WAAW;AAAA,MAAA;AAAA,MALbA,EAAM;AAAA,IAAA,CAOd;AAAA,IAED,gBAAAH,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA,gBAAAC;AAAA,MAACR;AAAA,MAAA;AAAA,QACC,OAAOhB,IAAc4B,EAAgB5B,CAAW,IAAI;AAAA,QACpD,UAAU,CAAA6B,MAAQ;AAChB,gBAAMC,IAAaC,EAAqBF,CAAI;AAC5C,UAAA3B,EAAoB4B,IAAcE,EAAuBF,CAAU,KAAK,KAAM,EAAE;AAAA,QAClF;AAAA,QACA,OAAOV,EAAE,WAAW;AAAA,QACpB,YAAU;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,IAEA,gBAAAI;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,aAAAlC;AAAA,QACA,oBAAAE;AAAA,QACA,QAAAM;AAAA,QACA,uBAAAF;AAAA,QACA,WAAAD;AAAA,QACA,YAAYE;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;"}
+{"version":3,"file":"CreatePaymentPresentation.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type {\n  PostV1CompaniesCompanyIdContractorPaymentGroupsContractorPayments as ContractorPayments,\n  PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport type { InternalAlert } from '../types'\nimport { SetPaymentAmounts, type SetPaymentAmountsDictionary } from '../shared/SetPaymentAmounts'\nimport type { UsePaymentAmountsEditorReturn } from '../shared/usePaymentAmountsEditor'\nimport type { ApiPayrollBlocker } from '@/components/Payroll/PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '@/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts'\nimport { Flex, FlexItem } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport {\n  formatDateToStringDate,\n  normalizeDateToLocal,\n  normalizeToDate,\n} from '@/helpers/dateFormatting'\n\ninterface ContractorPaymentCreatePaymentPresentationProps {\n  /** CSS class name applied to the root element. */\n  className?: string\n  contractors: Contractor[]\n  contractorPayments: (ContractorPayments & { isTouched?: boolean })[]\n  paymentDate: string\n  onPaymentDateChange: (date: string) => void\n  onSaveAndContinue: () => void\n  editModal: UsePaymentAmountsEditorReturn['editModal']\n  allowedPaymentMethods: ContractorPaymentMethod[]\n  paymentAmountsDictionary: SetPaymentAmountsDictionary\n  totals: {\n    wage: number\n    bonus: number\n    reimbursement: number\n    total: number\n  }\n  alerts: Record<string, InternalAlert>\n  payrollBlockers?: ApiPayrollBlocker[]\n  onViewBlockers?: () => void\n  isLoading: boolean\n  paymentSpeedDays: number\n}\n\n/** @internal */\nexport const CreatePaymentPresentation = ({\n  className,\n  contractors,\n  paymentDate,\n  contractorPayments,\n  onPaymentDateChange,\n  onSaveAndContinue,\n  editModal,\n  allowedPaymentMethods,\n  paymentAmountsDictionary,\n  totals,\n  alerts,\n  payrollBlockers = [],\n  onViewBlockers,\n  isLoading,\n  paymentSpeedDays,\n}: ContractorPaymentCreatePaymentPresentationProps) => {\n  const { Button, Text, Heading, DatePicker, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.CreatePayment')\n  const { t } = useTranslation('Contractor.Payments.CreatePayment')\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={32}>\n      <Flex justifyContent=\"flex-end\" gap={16}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('title')}</Heading>\n          <Text variant=\"supporting\">\n            {t('paymentSpeedNotice', {\n              count: paymentSpeedDays,\n            })}\n          </Text>\n        </Flex>\n        <FlexItem>\n          <Button onClick={onSaveAndContinue} variant=\"primary\" isLoading={isLoading}>\n            {t('continueCta')}\n          </Button>\n        </FlexItem>\n      </Flex>\n\n      {payrollBlockers.length > 0 && (\n        <PayrollBlockerAlerts blockers={payrollBlockers} onViewBlockersClick={onViewBlockers} />\n      )}\n\n      {Object.values(alerts).map(alert => (\n        <Alert\n          key={alert.title}\n          label={alert.title}\n          onDismiss={alert.onDismiss}\n          status={alert.type}\n        >\n          {alert.content ?? null}\n        </Alert>\n      ))}\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <DatePicker\n          value={paymentDate ? normalizeToDate(paymentDate) : null}\n          onChange={date => {\n            const normalized = normalizeDateToLocal(date)\n            onPaymentDateChange(normalized ? (formatDateToStringDate(normalized) ?? '') : '')\n          }}\n          label={t('dateLabel')}\n          isRequired\n        />\n      </Flex>\n\n      <SetPaymentAmounts\n        contractors={contractors}\n        contractorPayments={contractorPayments}\n        totals={totals}\n        allowedPaymentMethods={allowedPaymentMethods}\n        editModal={editModal}\n        dictionary={paymentAmountsDictionary}\n      />\n    </Flex>\n  )\n}\n"],"names":["CreatePaymentPresentation","className","contractors","paymentDate","contractorPayments","onPaymentDateChange","onSaveAndContinue","editModal","allowedPaymentMethods","paymentAmountsDictionary","totals","alerts","payrollBlockers","onViewBlockers","isLoading","paymentSpeedDays","Button","Text","Heading","DatePicker","Alert","useComponentContext","useI18n","t","useTranslation","Flex","jsxs","jsx","FlexItem","PayrollBlockerAlerts","alert","normalizeToDate","date","normalized","normalizeDateToLocal","formatDateToStringDate","SetPaymentAmounts"],"mappings":";;;;;;;;AA6CO,MAAMA,IAA4B,CAAC;AAAA,EACxC,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC,IAAkB,CAAA;AAAA,EAClB,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AACF,MAAuD;AACrD,QAAM,EAAE,QAAAC,GAAQ,MAAAC,GAAM,SAAAC,GAAS,YAAAC,GAAY,OAAAC,EAAA,IAAUC,EAAA;AACrD,EAAAC,EAAQ,mCAAmC;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC;AAEhE,2BACGC,GAAA,EAAK,WAAAxB,GAAsB,eAAc,UAAS,KAAK,IACtD,UAAA;AAAA,IAAA,gBAAAyB,EAACD,GAAA,EAAK,gBAAe,YAAW,KAAK,IACnC,UAAA;AAAA,MAAA,gBAAAC,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAE,EAACT,GAAA,EAAQ,IAAG,MAAM,UAAAK,EAAE,OAAO,GAAE;AAAA,QAC7B,gBAAAI,EAACV,GAAA,EAAK,SAAQ,cACX,YAAE,sBAAsB;AAAA,UACvB,OAAOF;AAAA,QAAA,CACR,EAAA,CACH;AAAA,MAAA,GACF;AAAA,MACA,gBAAAY,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACX,GAAA,EAAO,SAASV,GAAmB,SAAQ,WAAU,WAAAQ,GACnD,UAAAS,EAAE,aAAa,EAAA,CAClB,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAECX,EAAgB,SAAS,KACxB,gBAAAe,EAACE,KAAqB,UAAUjB,GAAiB,qBAAqBC,GAAgB;AAAA,IAGvF,OAAO,OAAOF,CAAM,EAAE,IAAI,CAAAmB,MACzB,gBAAAH;AAAA,MAACP;AAAA,MAAA;AAAA,QAEC,OAAOU,EAAM;AAAA,QACb,WAAWA,EAAM;AAAA,QACjB,QAAQA,EAAM;AAAA,QAEb,YAAM,WAAW;AAAA,MAAA;AAAA,MALbA,EAAM;AAAA,IAAA,CAOd;AAAA,IAED,gBAAAH,EAACF,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA,gBAAAE;AAAA,MAACR;AAAA,MAAA;AAAA,QACC,OAAOhB,IAAc4B,EAAgB5B,CAAW,IAAI;AAAA,QACpD,UAAU,CAAA6B,MAAQ;AAChB,gBAAMC,IAAaC,EAAqBF,CAAI;AAC5C,UAAA3B,EAAoB4B,IAAcE,EAAuBF,CAAU,KAAK,KAAM,EAAE;AAAA,QAClF;AAAA,QACA,OAAOV,EAAE,WAAW;AAAA,QACpB,YAAU;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,IAEA,gBAAAI;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,aAAAlC;AAAA,QACA,oBAAAE;AAAA,QACA,QAAAM;AAAA,QACA,uBAAAF;AAAA,QACA,WAAAD;AAAA,QACA,YAAYE;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;"}