@gusto/embedded-react-sdk 0.24.1 → 0.25.0

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

@@ -1,34 +1,35 @@
-import { jsx as d, jsxs as B, Fragment as L } from "react/jsx-runtime";
-import { useContractorsListSuspense as H } from "@gusto/embedded-api/react-query/contractorsList";
-import { useContractorPaymentGroupsCreateMutation as I } from "@gusto/embedded-api/react-query/contractorPaymentGroupsCreate";
-import { useContractorPaymentGroupsPreviewMutation as Y } from "@gusto/embedded-api/react-query/contractorPaymentGroupsPreview";
-import { useState as l, useMemo as A } from "react";
+import { jsx as p, jsxs as H, Fragment as Y } 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 F } from "@gusto/embedded-api/react-query/contractorPaymentGroupsPreview";
+import { useState as l, useMemo as R } from "react";
 import { RFCDate as N } from "@gusto/embedded-api/types/rfcdate";
-import { useForm as q } from "react-hook-form";
-import { zodResolver as x } from "@hookform/resolvers/zod";
-import { useTranslation as F } from "react-i18next";
-import { CreatePaymentPresentation as V } from "./CreatePaymentPresentation.js";
-import { EditContractorPaymentFormSchema as j, EditContractorPaymentPresentation as W } from "./EditContractorPaymentPresentation.js";
-import { PreviewPresentation as z } from "./PreviewPresentation.js";
-import { useComponentDictionary as K } from "../../../../i18n/I18n.js";
-import { BaseComponent as J } from "../../../Base/Base.js";
-import { useBase as Q } from "../../../Base/useBase.js";
-import { ContractorOnboardingStatus as X, componentEvents as y } from "../../../../shared/constants.js";
-import { firstLastName as Z } from "../../../../helpers/formattedStrings.js";
-function gt(a) {
-  return /* @__PURE__ */ d(J, { ...a, children: /* @__PURE__ */ d($, { ...a, children: a.children }) });
+import { useForm as I } from "react-hook-form";
+import { zodResolver as V } from "@hookform/resolvers/zod";
+import { useTranslation as j } from "react-i18next";
+import { useBankAccountsGet as W } from "@gusto/embedded-api/react-query/bankAccountsGet";
+import { CreatePaymentPresentation as z } from "./CreatePaymentPresentation.js";
+import { EditContractorPaymentFormSchema as K, EditContractorPaymentPresentation as J } from "./EditContractorPaymentPresentation.js";
+import { PreviewPresentation as Q } from "./PreviewPresentation.js";
+import { useComponentDictionary as X } from "../../../../i18n/I18n.js";
+import { BaseComponent as Z } from "../../../Base/Base.js";
+import { useBase as $ } from "../../../Base/useBase.js";
+import { ContractorOnboardingStatus as tt, componentEvents as y } from "../../../../shared/constants.js";
+import { firstLastName as et } from "../../../../helpers/formattedStrings.js";
+function Nt(s) {
+  return /* @__PURE__ */ p(Z, { ...s, children: /* @__PURE__ */ p(ot, { ...s, children: s.children }) });
 }
-const $ = ({ companyId: a, dictionary: E, onEvent: u }) => {
-  K("Contractor.Payments.CreatePayment", E);
-  const { t: T } = F("Contractor.Payments.CreatePayment"), [M, p] = l(!1), [P, O] = l(
+const ot = ({ companyId: s, dictionary: E, onEvent: u }) => {
+  X("Contractor.Payments.CreatePayment", E);
+  const { t: T } = j("Contractor.Payments.CreatePayment"), [M, d] = l(!1), [P, O] = l(
     (/* @__PURE__ */ new Date()).toISOString().split("T")[0] || ""
-  ), { baseSubmitHandler: h } = Q(), [b, i] = l({}), [m, w] = l(null), { mutateAsync: _, isPending: g } = I(), {
-    mutateAsync: v,
-    isPending: D
-  } = Y(), { data: G } = H({ companyUuid: a }), s = (G.contractorList || []).filter(
-    (t) => t.isActive && t.onboardingStatus === X.ONBOARDING_COMPLETED
-  ), S = A(
-    () => s.map((t) => ({
+  ), { baseSubmitHandler: h } = $(), [b, i] = l({}), [m, w] = l(null), { mutateAsync: _, isPending: g } = x(), {
+    mutateAsync: G,
+    isPending: A
+  } = F(), { data: k } = q({ companyUuid: s }), a = (k.contractorList || []).filter(
+    (t) => t.isActive && t.onboardingStatus === tt.ONBOARDING_COMPLETED
+  ), { data: v } = W({ companyId: s }), S = v?.companyBankAccounts?.[0], U = R(
+    () => a.map((t) => ({
       contractorUuid: t.uuid,
       paymentMethod: t.paymentMethod || "Direct Deposit",
       wage: 0,
@@ -37,11 +38,11 @@ const $ = ({ companyId: a, dictionary: E, onEvent: u }) => {
       reimbursement: 0,
       isTouched: !1
     })),
-    [s]
-  ), [c, U] = l(S), k = A(
+    [a]
+  ), [c, B] = l(U), L = R(
     () => c.reduce(
       (t, e) => {
-        const o = s.find((f) => f.uuid === e.contractorUuid), r = o?.wageType === "Hourly", n = r ? (e.hours || 0) * Number(o.hourlyRate || 0) : 0, C = r ? 0 : e.wage || 0;
+        const o = a.find((f) => f.uuid === e.contractorUuid), r = o?.wageType === "Hourly", n = r ? (e.hours || 0) * Number(o.hourlyRate || 0) : 0, C = r ? 0 : e.wage || 0;
         return {
           wage: t.wage + C,
           bonus: t.bonus + (e.bonus || 0),
@@ -51,9 +52,9 @@ const $ = ({ companyId: a, dictionary: E, onEvent: u }) => {
       },
       { wage: 0, bonus: 0, reimbursement: 0, total: 0 }
     ),
-    [c, s]
-  ), R = q({
-    resolver: x(j),
+    [c, a]
+  ), D = I({
+    resolver: V(K),
     defaultValues: {
       wageType: "Hourly",
       hours: 0,
@@ -65,12 +66,12 @@ const $ = ({ companyId: a, dictionary: E, onEvent: u }) => {
       contractorUuid: ""
     }
   });
-  return /* @__PURE__ */ B(L, { children: [
-    m && /* @__PURE__ */ d(
-      z,
+  return /* @__PURE__ */ H(Y, { children: [
+    m && /* @__PURE__ */ p(
+      Q,
       {
         contractorPaymentGroup: m,
-        contractors: s,
+        contractors: a,
         onBackToEdit: () => {
           w(null), u(y.CONTRACTOR_PAYMENT_BACK_TO_EDIT);
         },
@@ -81,7 +82,7 @@ const $ = ({ companyId: a, dictionary: E, onEvent: u }) => {
               return;
             const e = m.creationToken, o = await _({
               request: {
-                companyId: a,
+                companyId: s,
                 requestBody: {
                   checkDate: new N(P),
                   contractorPayments: t,
@@ -92,13 +93,14 @@ const $ = ({ companyId: a, dictionary: E, onEvent: u }) => {
             i({}), u(y.CONTRACTOR_PAYMENT_CREATED, o.contractorPaymentGroup || {});
           });
         },
-        isLoading: g || D
+        isLoading: g || A,
+        bankAccount: S
       }
     ),
-    !m && /* @__PURE__ */ d(
-      V,
+    !m && /* @__PURE__ */ p(
+      z,
       {
-        contractors: s,
+        contractors: a,
         contractorPayments: c,
         paymentDate: P,
         onPaymentDateChange: O,
@@ -116,9 +118,9 @@ const $ = ({ companyId: a, dictionary: E, onEvent: u }) => {
               return;
             }
             i({});
-            const e = await v({
+            const e = await G({
               request: {
-                companyId: a,
+                companyId: s,
                 requestBody: {
                   contractorPayments: t.map((o) => {
                     const { isTouched: r, ...n } = o;
@@ -132,10 +134,10 @@ const $ = ({ companyId: a, dictionary: E, onEvent: u }) => {
           });
         },
         onEditContractor: (t) => {
-          const e = s.find((r) => r.uuid === t), o = c.find(
+          const e = a.find((r) => r.uuid === t), o = c.find(
             (r) => r.contractorUuid === t
           );
-          R.reset(
+          D.reset(
             {
               wageType: e?.wageType || "Hourly",
               hours: o?.hours || 0,
@@ -147,23 +149,23 @@ const $ = ({ companyId: a, dictionary: E, onEvent: u }) => {
               contractorUuid: t
             },
             { keepDirty: !1, keepValues: !1 }
-          ), i({}), p(!0), u(y.CONTRACTOR_PAYMENT_EDIT);
+          ), i({}), d(!0), u(y.CONTRACTOR_PAYMENT_EDIT);
         },
-        totals: k,
+        totals: L,
         alerts: b,
-        isLoading: g || D
+        isLoading: g || A
       }
     ),
-    /* @__PURE__ */ d(
-      W,
+    /* @__PURE__ */ p(
+      J,
       {
         isOpen: M,
         onClose: () => {
-          p(!1);
+          d(!1);
         },
-        formMethods: R,
+        formMethods: D,
         onSubmit: (t) => {
-          U(
+          B(
             (r) => r.map(
               (n) => n.contractorUuid === t.contractorUuid ? {
                 contractorUuid: n.contractorUuid,
@@ -176,7 +178,7 @@ const $ = ({ companyId: a, dictionary: E, onEvent: u }) => {
               } : n
             )
           );
-          const e = s.find((r) => r.uuid === t.contractorUuid), o = e?.type === "Individual" ? Z({ first_name: e.firstName, last_name: e.lastName }) : e?.businessName;
+          const e = a.find((r) => r.uuid === t.contractorUuid), o = e?.type === "Individual" ? et({ first_name: e.firstName, last_name: e.lastName }) : e?.businessName;
           i((r) => ({
             ...r,
             [t.contractorUuid]: {
@@ -191,14 +193,14 @@ const $ = ({ companyId: a, dictionary: E, onEvent: u }) => {
                 });
               }
             }
-          })), p(!1), u(y.CONTRACTOR_PAYMENT_UPDATE, t);
+          })), d(!1), u(y.CONTRACTOR_PAYMENT_UPDATE, t);
         }
       }
     )
   ] });
 };
 export {
-  gt as CreatePayment,
-  $ as Root
+  Nt as CreatePayment,
+  ot 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 { ContractorPayments } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { useContractorPaymentGroupsPreviewMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsPreview'\nimport { useMemo, useState } from 'react'\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 type { InternalAlert } from '../types'\nimport { CreatePaymentPresentation } from './CreatePaymentPresentation'\nimport {\n  EditContractorPaymentPresentation,\n  EditContractorPaymentFormSchema,\n  type EditContractorPaymentFormValues,\n} from './EditContractorPaymentPresentation'\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\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 initialContractorPayments: (ContractorPayments & { isTouched: boolean })[] = useMemo(\n    () =>\n      contractors.map(contractor => ({\n        contractorUuid: contractor.uuid,\n        paymentMethod: contractor.paymentMethod || 'Direct Deposit',\n        wage: 0,\n        hours: 0,\n        bonus: 0,\n        reimbursement: 0,\n        isTouched: false,\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 hourlyAmount = isHourly\n            ? (payment.hours || 0) * Number(contractor.hourlyRate || 0)\n            : 0\n          const fixedWage = isHourly ? 0 : payment.wage || 0\n\n          return {\n            wage: acc.wage + fixedWage,\n            bonus: acc.bonus + (payment.bonus || 0),\n            reimbursement: acc.reimbursement + (payment.reimbursement || 0),\n            total:\n              acc.total +\n              hourlyAmount +\n              fixedWage +\n              (payment.bonus || 0) +\n              (payment.reimbursement || 0),\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(EditContractorPaymentFormSchema),\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    },\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      const response = await createContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody: {\n            checkDate: new RFCDate(paymentDate),\n            contractorPayments: contractorPayments,\n            creationToken,\n          },\n        },\n      })\n      setAlerts({})\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATED, response.contractorPaymentGroup || {})\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    formMethods.reset(\n      {\n        wageType: contractor?.wageType || 'Hourly',\n        hours: contractorPayment?.hours || 0,\n        wage: contractorPayment?.wage || 0,\n        bonus: contractorPayment?.bonus || 0,\n        reimbursement: contractorPayment?.reimbursement || 0,\n        paymentMethod: contractorPayment?.paymentMethod || 'Direct Deposit',\n        hourlyRate: contractor?.hourlyRate ? Number(contractor.hourlyRate) : 0,\n        contractorUuid: contractorUuid,\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    setVirtualContractorPayments(prevPayments =>\n      prevPayments.map(payment =>\n        payment.contractorUuid === data.contractorUuid\n          ? {\n              contractorUuid: payment.contractorUuid,\n              wage: data.wage,\n              hours: data.hours,\n              bonus: data.bonus,\n              reimbursement: data.reimbursement,\n              paymentMethod: data.paymentMethod,\n              isTouched: true,\n            }\n          : payment,\n      ),\n    )\n    const contractor = contractors.find(contractor => contractor.uuid === data.contractorUuid)\n    const displayName =\n      contractor?.type === 'Individual'\n        ? firstLastName({ first_name: contractor.firstName, last_name: contractor.lastName })\n        : contractor?.businessName\n    setAlerts(prevAlerts => ({\n      ...prevAlerts,\n      [data.contractorUuid]: {\n        type: 'success',\n        title: t('alerts.contractorPaymentUpdated', {\n          contractorName: displayName,\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(payment => {\n              const { isTouched, ...rest } = payment\n              return rest\n            }),\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    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        />\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      />\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","createContractorPaymentGroup","isCreatingContractorPaymentGroup","useContractorPaymentGroupsCreateMutation","previewContractorPaymentGroup","isPreviewingContractorPaymentGroup","useContractorPaymentGroupsPreviewMutation","contractorList","useContractorsListSuspense","contractors","contractor","ContractorOnboardingStatus","initialContractorPayments","useMemo","virtualContractorPayments","setVirtualContractorPayments","totals","acc","payment","c","isHourly","hourlyAmount","fixedWage","formMethods","useForm","zodResolver","EditContractorPaymentFormSchema","jsxs","Fragment","PreviewPresentation","componentEvents","contractorPayments","creationToken","response","RFCDate","CreatePaymentPresentation","isTouched","rest","contractorUuid","contractorPayment","EditContractorPaymentPresentation","data","prevPayments","displayName","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 { ContractorPayments } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { useContractorPaymentGroupsPreviewMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsPreview'\nimport { useMemo, useState } from 'react'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview'\nimport { useBankAccountsGet } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport type { InternalAlert } from '../types'\nimport { CreatePaymentPresentation } from './CreatePaymentPresentation'\nimport {\n  EditContractorPaymentPresentation,\n  EditContractorPaymentFormSchema,\n  type EditContractorPaymentFormValues,\n} from './EditContractorPaymentPresentation'\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\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  // Currently, we only support a single default bank account per company.\n  const bankAccount = bankAccounts?.companyBankAccounts?.[0]\n  const initialContractorPayments: (ContractorPayments & { isTouched: boolean })[] = useMemo(\n    () =>\n      contractors.map(contractor => ({\n        contractorUuid: contractor.uuid,\n        paymentMethod: contractor.paymentMethod || 'Direct Deposit',\n        wage: 0,\n        hours: 0,\n        bonus: 0,\n        reimbursement: 0,\n        isTouched: false,\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 hourlyAmount = isHourly\n            ? (payment.hours || 0) * Number(contractor.hourlyRate || 0)\n            : 0\n          const fixedWage = isHourly ? 0 : payment.wage || 0\n\n          return {\n            wage: acc.wage + fixedWage,\n            bonus: acc.bonus + (payment.bonus || 0),\n            reimbursement: acc.reimbursement + (payment.reimbursement || 0),\n            total:\n              acc.total +\n              hourlyAmount +\n              fixedWage +\n              (payment.bonus || 0) +\n              (payment.reimbursement || 0),\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(EditContractorPaymentFormSchema),\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    },\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      const response = await createContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody: {\n            checkDate: new RFCDate(paymentDate),\n            contractorPayments: contractorPayments,\n            creationToken,\n          },\n        },\n      })\n      setAlerts({})\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATED, response.contractorPaymentGroup || {})\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    formMethods.reset(\n      {\n        wageType: contractor?.wageType || 'Hourly',\n        hours: contractorPayment?.hours || 0,\n        wage: contractorPayment?.wage || 0,\n        bonus: contractorPayment?.bonus || 0,\n        reimbursement: contractorPayment?.reimbursement || 0,\n        paymentMethod: contractorPayment?.paymentMethod || 'Direct Deposit',\n        hourlyRate: contractor?.hourlyRate ? Number(contractor.hourlyRate) : 0,\n        contractorUuid: contractorUuid,\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    setVirtualContractorPayments(prevPayments =>\n      prevPayments.map(payment =>\n        payment.contractorUuid === data.contractorUuid\n          ? {\n              contractorUuid: payment.contractorUuid,\n              wage: data.wage,\n              hours: data.hours,\n              bonus: data.bonus,\n              reimbursement: data.reimbursement,\n              paymentMethod: data.paymentMethod,\n              isTouched: true,\n            }\n          : payment,\n      ),\n    )\n    const contractor = contractors.find(contractor => contractor.uuid === data.contractorUuid)\n    const displayName =\n      contractor?.type === 'Individual'\n        ? firstLastName({ first_name: contractor.firstName, last_name: contractor.lastName })\n        : contractor?.businessName\n    setAlerts(prevAlerts => ({\n      ...prevAlerts,\n      [data.contractorUuid]: {\n        type: 'success',\n        title: t('alerts.contractorPaymentUpdated', {\n          contractorName: displayName,\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(payment => {\n              const { isTouched, ...rest } = payment\n              return rest\n            }),\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    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        />\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      />\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","createContractorPaymentGroup","isCreatingContractorPaymentGroup","useContractorPaymentGroupsCreateMutation","previewContractorPaymentGroup","isPreviewingContractorPaymentGroup","useContractorPaymentGroupsPreviewMutation","contractorList","useContractorsListSuspense","contractors","contractor","ContractorOnboardingStatus","bankAccounts","useBankAccountsGet","bankAccount","initialContractorPayments","useMemo","virtualContractorPayments","setVirtualContractorPayments","totals","acc","payment","c","isHourly","hourlyAmount","fixedWage","formMethods","useForm","zodResolver","EditContractorPaymentFormSchema","jsxs","Fragment","PreviewPresentation","componentEvents","contractorPayments","creationToken","response","RFCDate","CreatePaymentPresentation","isTouched","rest","contractorUuid","contractorPayment","EditContractorPaymentPresentation","data","prevPayments","displayName","firstLastName","prevAlerts","_"],"mappings":";;;;;;;;;;;;;;;;;;AA4BO,SAASA,GAAcC,GAA2B;AACvD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,MAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,KAAO,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,QAAkC;AAC9E,EAAAC,EAAuB,qCAAqCF,CAAU;AACtE,QAAM,EAAE,GAAAG,EAAA,IAAMC,EAAe,mCAAmC,GAC1D,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAaC,CAAc,IAAIF;AAAA,KACpC,oBAAI,QAAO,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC,KAAK;AAAA,EAAA,GAEtC,EAAE,mBAAAG,EAAA,IAAsBC,EAAA,GACxB,CAACC,GAAQC,CAAS,IAAIN,EAAwC,CAAA,CAAE,GAChE,CAACO,GAAaC,CAAc,IAAIR,EAA+C,IAAI,GAEnF,EAAE,aAAaS,GAA8B,WAAWC,EAAA,IAC5DC,EAAA,GACI;AAAA,IACJ,aAAaC;AAAA,IACb,WAAWC;AAAA,EAAA,IACTC,EAAA,GAEE,EAAE,MAAMC,EAAA,IAAmBC,EAA2B,EAAE,aAAaxB,GAAW,GAChFyB,KAAeF,EAAe,kBAAkB,CAAA,GAAI;AAAA,IACxD,CAAAG,MACEA,EAAW,YACXA,EAAW,qBAAqBC,GAA2B;AAAA,EAAA,GAEzD,EAAE,MAAMC,EAAA,IAAiBC,EAAmB,EAAE,WAAA7B,GAAW,GAEzD8B,IAAcF,GAAc,sBAAsB,CAAC,GACnDG,IAA6EC;AAAA,IACjF,MACEP,EAAY,IAAI,CAAAC,OAAe;AAAA,MAC7B,gBAAgBA,EAAW;AAAA,MAC3B,eAAeA,EAAW,iBAAiB;AAAA,MAC3C,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,MACP,eAAe;AAAA,MACf,WAAW;AAAA,IAAA,EACX;AAAA,IACJ,CAACD,CAAW;AAAA,EAAA,GAER,CAACQ,GAA2BC,CAA4B,IAC5D1B,EAA0DuB,CAAyB,GAC/EI,IAASH;AAAA,IACb,MACEC,EAA0B;AAAA,MAMxB,CAACG,GAAKC,MAAY;AAChB,cAAMX,IAAaD,EAAY,KAAK,OAAKa,EAAE,SAASD,EAAQ,cAAc,GACpEE,IAAWb,GAAY,aAAa,UACpCc,IAAeD,KAChBF,EAAQ,SAAS,KAAK,OAAOX,EAAW,cAAc,CAAC,IACxD,GACEe,IAAYF,IAAW,IAAIF,EAAQ,QAAQ;AAEjD,eAAO;AAAA,UACL,MAAMD,EAAI,OAAOK;AAAA,UACjB,OAAOL,EAAI,SAASC,EAAQ,SAAS;AAAA,UACrC,eAAeD,EAAI,iBAAiBC,EAAQ,iBAAiB;AAAA,UAC7D,OACED,EAAI,QACJI,IACAC,KACCJ,EAAQ,SAAS,MACjBA,EAAQ,iBAAiB;AAAA,QAAA;AAAA,MAEhC;AAAA,MACA,EAAE,MAAM,GAAG,OAAO,GAAG,eAAe,GAAG,OAAO,EAAA;AAAA,IAAE;AAAA,IAEpD,CAACJ,GAA2BR,CAAW;AAAA,EAAA,GAGnCiB,IAAcC,EAAyC;AAAA,IAC3D,UAAUC,EAAYC,CAA+B;AAAA,IACrD,eAAe;AAAA,MACb,UAAU;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,eAAe;AAAA,MACf,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,IAAA;AAAA,EAClB,CACD;AA0HD,SACE,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAhC,KACC,gBAAAlB;AAAA,MAACmD;AAAA,MAAA;AAAA,QACC,wBAAwBjC;AAAA,QACxB,aAAAU;AAAA,QACA,cAXa,MAAM;AACzB,UAAAT,EAAe,IAAI,GACnBd,EAAQ+C,EAAgB,+BAA+B;AAAA,QACzD;AAAA,QASQ,UA/HqB,YAAY;AACvC,gBAAMtC,EAAkB,MAAM,YAAY;AACxC,kBAAMuC,IAAqBjB,EAA0B,OAAO,CAAAI,MAAWA,EAAQ,SAAS;AACxF,gBAAIa,EAAmB,WAAW,KAAK,CAACnC,GAAa;AACnD;AAEF,kBAAMoC,IAAgBpC,EAAY,eAC5BqC,IAAW,MAAMnC,EAA6B;AAAA,cAClD,SAAS;AAAA,gBACP,WAAAjB;AAAA,gBACA,aAAa;AAAA,kBACX,WAAW,IAAIqD,EAAQ5C,CAAW;AAAA,kBAClC,oBAAAyC;AAAA,kBACA,eAAAC;AAAA,gBAAA;AAAA,cACF;AAAA,YACF,CACD;AACD,YAAArC,EAAU,CAAA,CAAE,GACZZ,EAAQ+C,EAAgB,4BAA4BG,EAAS,0BAA0B,CAAA,CAAE;AAAA,UAC3F,CAAC;AAAA,QACH;AAAA,QA4GQ,WAAWlC,KAAoCG;AAAA,QAC/C,aAAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAGH,CAACf,KACA,gBAAAlB;AAAA,MAACyD;AAAA,MAAA;AAAA,QACC,aAAA7B;AAAA,QACA,oBAAoBQ;AAAA,QACpB,aAAAxB;AAAA,QACA,qBAAqBC;AAAA,QACrB,mBAtDoB,YAAY;AACtC,gBAAMC,EAAkB,MAAM,YAAY;AACxC,kBAAMuC,IAAqBjB,EAA0B,OAAO,CAAAI,MAAWA,EAAQ,SAAS;AACxF,gBAAIa,EAAmB,WAAW,GAAG;AACnC,cAAApC,EAAU;AAAA,gBACR,GAAGD;AAAA,gBACH,OAAO;AAAA,kBACL,MAAM;AAAA,kBACN,OAAOT,EAAE,6BAA6B;AAAA,gBAAA;AAAA,cACxC,CACD;AACD;AAAA,YACF;AACA,YAAAU,EAAU,CAAA,CAAE;AACZ,kBAAMsC,IAAW,MAAMhC,EAA8B;AAAA,cACnD,SAAS;AAAA,gBACP,WAAApB;AAAA,gBACA,aAAa;AAAA,kBACX,oBAAoBkD,EAAmB,IAAI,CAAAb,MAAW;AACpD,0BAAM,EAAE,WAAAkB,GAAW,GAAGC,EAAA,IAASnB;AAC/B,2BAAOmB;AAAA,kBACT,CAAC;AAAA,kBACD,WAAW,IAAIH,EAAQ5C,CAAW;AAAA,gBAAA;AAAA,cACpC;AAAA,YACF,CACD;AAED,YAAAO,EAAeoC,EAAS,iCAAiC,IAAI,GAC7DlD,EAAQ+C,EAAgB,4BAA4BG,EAAS,6BAA6B;AAAA,UAC5F,CAAC;AAAA,QACH;AAAA,QAyBQ,kBAtHiB,CAACK,MAA2B;AACnD,gBAAM/B,IAAaD,EAAY,KAAK,CAAAC,MAAcA,EAAW,SAAS+B,CAAc,GAC9EC,IAAoBzB,EAA0B;AAAA,YAClD,CAAAI,MAAWA,EAAQ,mBAAmBoB;AAAA,UAAA;AAExC,UAAAf,EAAY;AAAA,YACV;AAAA,cACE,UAAUhB,GAAY,YAAY;AAAA,cAClC,OAAOgC,GAAmB,SAAS;AAAA,cACnC,MAAMA,GAAmB,QAAQ;AAAA,cACjC,OAAOA,GAAmB,SAAS;AAAA,cACnC,eAAeA,GAAmB,iBAAiB;AAAA,cACnD,eAAeA,GAAmB,iBAAiB;AAAA,cACnD,YAAYhC,GAAY,aAAa,OAAOA,EAAW,UAAU,IAAI;AAAA,cACrE,gBAAA+B;AAAA,YAAA;AAAA,YAEF,EAAE,WAAW,IAAO,YAAY,GAAA;AAAA,UAAM,GAExC3C,EAAU,CAAA,CAAE,GACZP,EAAe,EAAI,GACnBL,EAAQ+C,EAAgB,uBAAuB;AAAA,QACjD;AAAA,QAkGQ,QAAAd;AAAA,QACA,QAAAtB;AAAA,QACA,WAAWK,KAAoCG;AAAA,MAAA;AAAA,IAAA;AAAA,IAGnD,gBAAAxB;AAAA,MAAC8D;AAAA,MAAA;AAAA,QACC,QAAQrD;AAAA,QACR,SAAS,MAAM;AACb,UAAAC,EAAe,EAAK;AAAA,QACtB;AAAA,QACA,aAAAmC;AAAA,QACA,UA3GyB,CAACkB,MAA0C;AACxE,UAAA1B;AAAA,YAA6B,OAC3B2B,EAAa;AAAA,cAAI,CAAAxB,MACfA,EAAQ,mBAAmBuB,EAAK,iBAC5B;AAAA,gBACE,gBAAgBvB,EAAQ;AAAA,gBACxB,MAAMuB,EAAK;AAAA,gBACX,OAAOA,EAAK;AAAA,gBACZ,OAAOA,EAAK;AAAA,gBACZ,eAAeA,EAAK;AAAA,gBACpB,eAAeA,EAAK;AAAA,gBACpB,WAAW;AAAA,cAAA,IAEbvB;AAAA,YAAA;AAAA,UACN;AAEF,gBAAMX,IAAaD,EAAY,KAAK,CAAAC,MAAcA,EAAW,SAASkC,EAAK,cAAc,GACnFE,IACJpC,GAAY,SAAS,eACjBqC,GAAc,EAAE,YAAYrC,EAAW,WAAW,WAAWA,EAAW,SAAA,CAAU,IAClFA,GAAY;AAClB,UAAAZ,EAAU,CAAAkD,OAAe;AAAA,YACvB,GAAGA;AAAA,YACH,CAACJ,EAAK,cAAc,GAAG;AAAA,cACrB,MAAM;AAAA,cACN,OAAOxD,EAAE,mCAAmC;AAAA,gBAC1C,gBAAgB0D;AAAA,cAAA,CACjB;AAAA,cACD,WAAW,MAAM;AACf,gBAAAhD,EAAU,CAAAkD,MAAc;AACtB,wBAAM,EAAE,CAACJ,EAAK,cAAc,GAAGK,GAAG,GAAGT,MAASQ;AAC9C,yBAAOR;AAAA,gBACT,CAAC;AAAA,cACH;AAAA,YAAA;AAAA,UACF,EACA,GACFjD,EAAe,EAAK,GACpBL,EAAQ+C,EAAgB,2BAA2BW,CAAI;AAAA,QACzD;AAAA,MAqEgB;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;"}

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

@@ -2,18 +2,20 @@ import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { useTranslation as R } from "react-i18next";
 import { useMemo as A } from "react";
 import { getContractorDisplayName as F } from "./helpers.js";
-import { Flex as i, FlexItem as M } from "../../../Common/Flex/Flex.js";
+import { Flex as a, FlexItem as M } from "../../../Common/Flex/Flex.js";
 import "classnames";
-import { HamburgerMenu as N } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useComponentContext as j } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as v } from "../../../../i18n/I18n.js";
-import { formatHoursDisplay as I } from "../../../Payroll/helpers.js";
+import "../../../../shared/constants.js";
+import { EmptyData as N } from "../../../Common/EmptyData/EmptyData.js";
+import { HamburgerMenu as j } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as v } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as I } from "../../../../i18n/I18n.js";
+import { formatHoursDisplay as S } from "../../../Payroll/helpers.js";
 import O from "../../../../hooks/useNumberFormatter.js";
-import { DataView as S } from "../../../Common/DataView/DataView.js";
-const U = "0.000", J = ({
-  contractors: u,
-  paymentDate: p,
-  contractorPayments: m,
+import { DataView as U } from "../../../Common/DataView/DataView.js";
+const $ = "0.000", X = ({
+  contractors: m,
+  paymentDate: h,
+  contractorPayments: u,
   onPaymentDateChange: b,
   onSaveAndContinue: y,
   onEditContractor: g,
@@ -21,20 +23,20 @@ const U = "0.000", J = ({
   alerts: f,
   isLoading: T
 }) => {
-  const { Button: H, Text: n, Heading: s, TextInput: C, Alert: x } = j();
-  v("Contractor.Payments.CreatePayment");
+  const { Button: H, Text: n, Heading: s, TextInput: C, Alert: x } = v();
+  I("Contractor.Payments.CreatePayment");
   const { t } = R("Contractor.Payments.CreatePayment"), o = O("currency"), w = (e) => e ? e.wageType === "Hourly" && e.hourlyRate ? `${t("wageTypes.hourly")} ${o(Number(e.hourlyRate))}${t("perHour")}` : e.wageType : "", D = A(
-    () => m.map((e) => ({
+    () => u.map((e) => ({
       ...e,
-      contractorDetails: u.find(
-        (a) => a.uuid === e.contractorUuid
+      contractorDetails: m.find(
+        (i) => i.uuid === e.contractorUuid
       )
     })),
-    [m, u]
+    [u, m]
   );
-  return /* @__PURE__ */ c(i, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ c(i, { justifyContent: "flex-end", gap: 16, children: [
-      /* @__PURE__ */ c(i, { flexDirection: "column", gap: 16, children: [
+  return /* @__PURE__ */ c(a, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ c(a, { justifyContent: "flex-end", gap: 16, children: [
+      /* @__PURE__ */ c(a, { flexDirection: "column", gap: 16, children: [
         /* @__PURE__ */ r(s, { as: "h2", children: t("title") }),
         /* @__PURE__ */ r(n, { variant: "supporting", children: t("paymentSpeedNotice") })
       ] }),
@@ -50,20 +52,20 @@ const U = "0.000", J = ({
       },
       e.title
     )),
-    /* @__PURE__ */ r(i, { flexDirection: "column", gap: 8, children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(a, { flexDirection: "column", gap: 8, children: /* @__PURE__ */ r(
       C,
       {
         type: "date",
-        value: p,
+        value: h,
         onChange: b,
         label: t("dateLabel"),
         isRequired: !0
       }
     ) }),
-    /* @__PURE__ */ c(i, { flexDirection: "column", gap: 16, children: [
+    /* @__PURE__ */ c(a, { flexDirection: "column", gap: 16, children: [
       /* @__PURE__ */ r(s, { as: "h3", children: t("hoursAndPaymentsLabel") }),
       /* @__PURE__ */ r(
-        S,
+        U,
         {
           columns: [
             {
@@ -80,13 +82,13 @@ const U = "0.000", J = ({
             },
             {
               title: t("contractorTableHeaders.hours"),
-              render: (e) => /* @__PURE__ */ r(n, { children: e.contractorDetails?.wageType === "Hourly" && e.hours ? I(e.hours) : U })
+              render: (e) => /* @__PURE__ */ r(n, { children: e.contractorDetails?.wageType === "Hourly" && e.hours ? S(e.hours) : $ })
             },
             {
               title: t("contractorTableHeaders.wage"),
               render: (e) => {
-                const a = e.contractorDetails?.wageType === "Fixed" && e.wage ? e.wage : 0;
-                return /* @__PURE__ */ r(n, { children: o(a) });
+                const i = e.contractorDetails?.wageType === "Fixed" && e.wage ? e.wage : 0;
+                return /* @__PURE__ */ r(n, { children: o(i) });
               }
             },
             {
@@ -99,8 +101,8 @@ const U = "0.000", J = ({
             },
             {
               title: t("contractorTableHeaders.total"),
-              render: ({ bonus: e, reimbursement: a, wage: P, hours: d, contractorDetails: h }) => {
-                const L = (e ?? 0) + (a ?? 0) + (P ?? 0) + (h?.wageType === "Hourly" && d ? d * Number(h.hourlyRate ?? 0) : 0);
+              render: ({ bonus: e, reimbursement: i, wage: P, hours: d, contractorDetails: p }) => {
+                const L = (e ?? 0) + (i ?? 0) + (P ?? 0) + (p?.wageType === "Hourly" && d ? d * Number(p.hourlyRate ?? 0) : 0);
                 return /* @__PURE__ */ r(n, { children: o(L) });
               }
             }
@@ -115,7 +117,7 @@ const U = "0.000", J = ({
           }),
           label: t("hoursAndPaymentsLabel"),
           itemMenu: (e) => /* @__PURE__ */ r(
-            N,
+            j,
             {
               items: [
                 {
@@ -127,13 +129,14 @@ const U = "0.000", J = ({
               ],
               triggerLabel: t("editContractor")
             }
-          )
+          ),
+          emptyState: () => /* @__PURE__ */ r(N, { title: t("emptyTableTitle"), description: t("emptyTableDescription") })
         }
       )
     ] })
   ] });
 };
 export {
-  J as CreatePaymentPresentation
+  X 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 { ContractorPayments } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { useMemo } from 'react'\nimport type { InternalAlert } from '../types'\nimport { getContractorDisplayName } from './helpers'\nimport { DataView, Flex, FlexItem } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ninterface ContractorPaymentCreatePaymentPresentationProps {\n  contractors: Contractor[]\n  contractorPayments: ContractorPayments[]\n  paymentDate: string\n  onPaymentDateChange: (date: string) => void\n  onSaveAndContinue: () => void\n  onEditContractor: (contractorUuid: string) => void\n  totals: {\n    wage: number\n    bonus: number\n    reimbursement: number\n    total: number\n  }\n  alerts: Record<string, InternalAlert>\n  isLoading: boolean\n}\n\nexport const CreatePaymentPresentation = ({\n  contractors,\n  paymentDate,\n  contractorPayments,\n  onPaymentDateChange,\n  onSaveAndContinue,\n  onEditContractor,\n  totals,\n  alerts,\n  isLoading,\n}: ContractorPaymentCreatePaymentPresentationProps) => {\n  const { Button, Text, Heading, TextInput, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.CreatePayment')\n  const { t } = useTranslation('Contractor.Payments.CreatePayment')\n  const currencyFormatter = useNumberFormatter('currency')\n\n  const formatWageType = (contractor?: Contractor) => {\n    if (!contractor) {\n      return ''\n    }\n    if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n      return `${t('wageTypes.hourly')} ${currencyFormatter(Number(contractor.hourlyRate))}${t('perHour')}`\n    }\n    return contractor.wageType\n  }\n\n  const tableData = useMemo(\n    () =>\n      contractorPayments.map(payment => {\n        return {\n          ...payment,\n          contractorDetails: contractors.find(\n            contractor => contractor.uuid === payment.contractorUuid,\n          ),\n        }\n      }),\n    [contractorPayments, contractors],\n  )\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex justifyContent=\"flex-end\" gap={16}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <Heading as=\"h2\">{t('title')}</Heading>\n          <Text variant=\"supporting\">{t('paymentSpeedNotice')}</Text>\n        </Flex>\n        <FlexItem>\n          <Button onClick={onSaveAndContinue} variant=\"primary\" isLoading={isLoading}>\n            {t('continueCta')}\n          </Button>\n        </FlexItem>\n      </Flex>\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        <TextInput\n          type=\"date\"\n          value={paymentDate}\n          onChange={onPaymentDateChange}\n          label={t('dateLabel')}\n          isRequired\n        />\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h3\">{t('hoursAndPaymentsLabel')}</Heading>\n        {/* //TODO: add empty state */}\n        <DataView\n          columns={[\n            {\n              title: t('contractorTableHeaders.contractor'),\n              render: paymentData => (\n                <Text>{getContractorDisplayName(paymentData.contractorDetails)}</Text>\n              ),\n            },\n            {\n              title: t('contractorTableHeaders.wageType'),\n              render: paymentData => <Text>{formatWageType(paymentData.contractorDetails)}</Text>,\n            },\n            {\n              title: t('contractorTableHeaders.paymentMethod'),\n              render: paymentData => <Text>{paymentData.paymentMethod || t('na')}</Text>,\n            },\n            {\n              title: t('contractorTableHeaders.hours'),\n              render: paymentData => (\n                <Text>\n                  {paymentData.contractorDetails?.wageType === 'Hourly' && paymentData.hours\n                    ? formatHoursDisplay(paymentData.hours)\n                    : ZERO_HOURS_DISPLAY}\n                </Text>\n              ),\n            },\n            {\n              title: t('contractorTableHeaders.wage'),\n              render: paymentData => {\n                const amount =\n                  paymentData.contractorDetails?.wageType === 'Fixed' && paymentData.wage\n                    ? paymentData.wage\n                    : 0\n                return <Text>{currencyFormatter(amount)}</Text>\n              },\n            },\n            {\n              title: t('contractorTableHeaders.bonus'),\n              render: paymentData => <Text>{currencyFormatter(paymentData.bonus || 0)}</Text>,\n            },\n            {\n              title: t('contractorTableHeaders.reimbursement'),\n              render: paymentData => (\n                <Text>{currencyFormatter(paymentData.reimbursement || 0)}</Text>\n              ),\n            },\n            {\n              title: t('contractorTableHeaders.total'),\n              render: ({ bonus, reimbursement, wage, hours, contractorDetails }) => {\n                const totalAmount =\n                  (bonus ?? 0) +\n                  (reimbursement ?? 0) +\n                  (wage ?? 0) +\n                  (contractorDetails?.wageType === 'Hourly' && hours\n                    ? hours * Number(contractorDetails.hourlyRate ?? 0)\n                    : 0)\n                return <Text>{currencyFormatter(totalAmount)}</Text>\n              },\n            },\n          ]}\n          data={tableData}\n          footer={() => ({\n            'column-0': <Text weight=\"bold\">{t('totalsLabel')}</Text>,\n            'column-4': <Text>{currencyFormatter(totals.wage)}</Text>,\n            'column-5': <Text>{currencyFormatter(totals.bonus)}</Text>,\n            'column-6': <Text>{currencyFormatter(totals.reimbursement)}</Text>,\n            'column-7': <Text>{currencyFormatter(totals.total)}</Text>,\n          })}\n          label={t('hoursAndPaymentsLabel')}\n          itemMenu={paymentData => (\n            <HamburgerMenu\n              items={[\n                {\n                  label: t('editContractor'),\n                  onClick: () => {\n                    onEditContractor(paymentData.contractorUuid!)\n                  },\n                },\n              ]}\n              triggerLabel={t('editContractor')}\n            />\n          )}\n        />\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","CreatePaymentPresentation","contractors","paymentDate","contractorPayments","onPaymentDateChange","onSaveAndContinue","onEditContractor","totals","alerts","isLoading","Button","Text","Heading","TextInput","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","tableData","useMemo","payment","jsxs","Flex","jsx","FlexItem","alert","DataView","paymentData","getContractorDisplayName","formatHoursDisplay","amount","bonus","reimbursement","wage","hours","contractorDetails","totalAmount","HamburgerMenu"],"mappings":"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"}
+{"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 { ContractorPayments } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { useMemo } from 'react'\nimport type { InternalAlert } from '../types'\nimport { getContractorDisplayName } from './helpers'\nimport { DataView, Flex, FlexItem, EmptyData } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ninterface ContractorPaymentCreatePaymentPresentationProps {\n  contractors: Contractor[]\n  contractorPayments: ContractorPayments[]\n  paymentDate: string\n  onPaymentDateChange: (date: string) => void\n  onSaveAndContinue: () => void\n  onEditContractor: (contractorUuid: string) => void\n  totals: {\n    wage: number\n    bonus: number\n    reimbursement: number\n    total: number\n  }\n  alerts: Record<string, InternalAlert>\n  isLoading: boolean\n}\n\nexport const CreatePaymentPresentation = ({\n  contractors,\n  paymentDate,\n  contractorPayments,\n  onPaymentDateChange,\n  onSaveAndContinue,\n  onEditContractor,\n  totals,\n  alerts,\n  isLoading,\n}: ContractorPaymentCreatePaymentPresentationProps) => {\n  const { Button, Text, Heading, TextInput, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.CreatePayment')\n  const { t } = useTranslation('Contractor.Payments.CreatePayment')\n  const currencyFormatter = useNumberFormatter('currency')\n\n  const formatWageType = (contractor?: Contractor) => {\n    if (!contractor) {\n      return ''\n    }\n    if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n      return `${t('wageTypes.hourly')} ${currencyFormatter(Number(contractor.hourlyRate))}${t('perHour')}`\n    }\n    return contractor.wageType\n  }\n\n  const tableData = useMemo(\n    () =>\n      contractorPayments.map(payment => {\n        return {\n          ...payment,\n          contractorDetails: contractors.find(\n            contractor => contractor.uuid === payment.contractorUuid,\n          ),\n        }\n      }),\n    [contractorPayments, contractors],\n  )\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex justifyContent=\"flex-end\" gap={16}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <Heading as=\"h2\">{t('title')}</Heading>\n          <Text variant=\"supporting\">{t('paymentSpeedNotice')}</Text>\n        </Flex>\n        <FlexItem>\n          <Button onClick={onSaveAndContinue} variant=\"primary\" isLoading={isLoading}>\n            {t('continueCta')}\n          </Button>\n        </FlexItem>\n      </Flex>\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        <TextInput\n          type=\"date\"\n          value={paymentDate}\n          onChange={onPaymentDateChange}\n          label={t('dateLabel')}\n          isRequired\n        />\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h3\">{t('hoursAndPaymentsLabel')}</Heading>\n        <DataView\n          columns={[\n            {\n              title: t('contractorTableHeaders.contractor'),\n              render: paymentData => (\n                <Text>{getContractorDisplayName(paymentData.contractorDetails)}</Text>\n              ),\n            },\n            {\n              title: t('contractorTableHeaders.wageType'),\n              render: paymentData => <Text>{formatWageType(paymentData.contractorDetails)}</Text>,\n            },\n            {\n              title: t('contractorTableHeaders.paymentMethod'),\n              render: paymentData => <Text>{paymentData.paymentMethod || t('na')}</Text>,\n            },\n            {\n              title: t('contractorTableHeaders.hours'),\n              render: paymentData => (\n                <Text>\n                  {paymentData.contractorDetails?.wageType === 'Hourly' && paymentData.hours\n                    ? formatHoursDisplay(paymentData.hours)\n                    : ZERO_HOURS_DISPLAY}\n                </Text>\n              ),\n            },\n            {\n              title: t('contractorTableHeaders.wage'),\n              render: paymentData => {\n                const amount =\n                  paymentData.contractorDetails?.wageType === 'Fixed' && paymentData.wage\n                    ? paymentData.wage\n                    : 0\n                return <Text>{currencyFormatter(amount)}</Text>\n              },\n            },\n            {\n              title: t('contractorTableHeaders.bonus'),\n              render: paymentData => <Text>{currencyFormatter(paymentData.bonus || 0)}</Text>,\n            },\n            {\n              title: t('contractorTableHeaders.reimbursement'),\n              render: paymentData => (\n                <Text>{currencyFormatter(paymentData.reimbursement || 0)}</Text>\n              ),\n            },\n            {\n              title: t('contractorTableHeaders.total'),\n              render: ({ bonus, reimbursement, wage, hours, contractorDetails }) => {\n                const totalAmount =\n                  (bonus ?? 0) +\n                  (reimbursement ?? 0) +\n                  (wage ?? 0) +\n                  (contractorDetails?.wageType === 'Hourly' && hours\n                    ? hours * Number(contractorDetails.hourlyRate ?? 0)\n                    : 0)\n                return <Text>{currencyFormatter(totalAmount)}</Text>\n              },\n            },\n          ]}\n          data={tableData}\n          footer={() => ({\n            'column-0': <Text weight=\"bold\">{t('totalsLabel')}</Text>,\n            'column-4': <Text>{currencyFormatter(totals.wage)}</Text>,\n            'column-5': <Text>{currencyFormatter(totals.bonus)}</Text>,\n            'column-6': <Text>{currencyFormatter(totals.reimbursement)}</Text>,\n            'column-7': <Text>{currencyFormatter(totals.total)}</Text>,\n          })}\n          label={t('hoursAndPaymentsLabel')}\n          itemMenu={paymentData => (\n            <HamburgerMenu\n              items={[\n                {\n                  label: t('editContractor'),\n                  onClick: () => {\n                    onEditContractor(paymentData.contractorUuid!)\n                  },\n                },\n              ]}\n              triggerLabel={t('editContractor')}\n            />\n          )}\n          emptyState={() => (\n            <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n          )}\n        />\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","CreatePaymentPresentation","contractors","paymentDate","contractorPayments","onPaymentDateChange","onSaveAndContinue","onEditContractor","totals","alerts","isLoading","Button","Text","Heading","TextInput","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","tableData","useMemo","payment","jsxs","Flex","jsx","FlexItem","alert","DataView","paymentData","getContractorDisplayName","formatHoursDisplay","amount","bonus","reimbursement","wage","hours","contractorDetails","totalAmount","HamburgerMenu","EmptyData"],"mappings":"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"}

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

@@ -32,7 +32,7 @@ const Y = t.object({
   E("Contractor.Payments.CreatePayment");
   const { t: e } = H("Contractor.Payments.CreatePayment", {
     keyPrefix: "editContractorPayment"
-  }), { Modal: b, Button: p, Text: h, Heading: l } = L(), g = I("currency"), m = a({
+  }), { Modal: b, Button: p, Text: h, Heading: m } = L(), g = I("currency"), l = a({
     name: "wageType",
     control: o.control
   }), f = a({
@@ -50,7 +50,7 @@ const Y = t.object({
   }), v = a({
     name: "hourlyRate",
     control: o.control
-  }), D = (m === "Fixed" ? 0 : C || 0) + (P || 0) + (x || 0) + (f || 0) * (v || 0), F = [
+  }), D = (l === "Fixed" ? 0 : C || 0) + (P || 0) + (x || 0) + (f || 0) * (v || 0), F = [
     { value: "Check", label: e("paymentMethods.check") },
     { value: "Direct Deposit", label: e("paymentMethods.directDeposit") },
     { value: "Historical Payment", label: e("paymentMethods.historicalPayment") }
@@ -75,7 +75,7 @@ const Y = t.object({
       ] }),
       children: /* @__PURE__ */ n(k, { ...o, children: /* @__PURE__ */ n(T, { id: d, onSubmit: o.handleSubmit(s), children: /* @__PURE__ */ r(i, { flexDirection: "column", gap: 32, children: [
         /* @__PURE__ */ r(i, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ n(l, { as: "h2", children: e("title") }),
+          /* @__PURE__ */ n(m, { as: "h2", children: e("title") }),
           /* @__PURE__ */ n(h, { children: e("subtitle") }),
           /* @__PURE__ */ r(h, { weight: "bold", children: [
             e("totalPay"),
@@ -83,11 +83,12 @@ const Y = t.object({
             g(D)
           ] })
         ] }),
-        m === "Hourly" && /* @__PURE__ */ r(i, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ n(l, { as: "h3", children: e("hoursSection") }),
+        l === "Hourly" && /* @__PURE__ */ r(i, { flexDirection: "column", gap: 16, children: [
+          /* @__PURE__ */ n(m, { as: "h3", children: e("hoursSection") }),
           /* @__PURE__ */ n(
             c,
             {
+              min: 0,
               name: "hours",
               isRequired: !0,
               label: e("hoursLabel"),
@@ -95,17 +96,35 @@ const Y = t.object({
             }
           )
         ] }),
-        m === "Fixed" && /* @__PURE__ */ r(i, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ n(l, { as: "h3", children: e("fixedPaySection") }),
-          /* @__PURE__ */ n(c, { name: "wage", isRequired: !0, label: e("wageLabel"), format: "currency" })
+        l === "Fixed" && /* @__PURE__ */ r(i, { flexDirection: "column", gap: 16, children: [
+          /* @__PURE__ */ n(m, { as: "h3", children: e("fixedPaySection") }),
+          /* @__PURE__ */ n(
+            c,
+            {
+              min: 0,
+              name: "wage",
+              isRequired: !0,
+              label: e("wageLabel"),
+              format: "currency"
+            }
+          )
         ] }),
         /* @__PURE__ */ r(i, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ n(l, { as: "h3", children: e("additionalEarningsSection") }),
+          /* @__PURE__ */ n(m, { as: "h3", children: e("additionalEarningsSection") }),
           /* @__PURE__ */ r(R, { gridTemplateColumns: { base: "1fr", small: [200, 200] }, gap: 16, children: [
-            m === "Hourly" && /* @__PURE__ */ n(c, { name: "bonus", label: e("bonusLabel"), format: "currency" }),
+            l === "Hourly" && /* @__PURE__ */ n(
+              c,
+              {
+                min: 0,
+                name: "bonus",
+                label: e("bonusLabel"),
+                format: "currency"
+              }
+            ),
             /* @__PURE__ */ n(
               c,
               {
+                min: 0,
                 name: "reimbursement",
                 label: e("reimbursementLabel"),
                 format: "currency"