@gusto/embedded-react-sdk 0.33.0 → 0.34.0-rc.1

package/dist/components/Contractor/NewHireReport/NewHireReport.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import { useTranslation as S } from "react-i18next";
 import { useForm as E, useWatch as T, FormProvider as y } from "react-hook-form";
 import { useMemo as O } from "react";
@@ -10,10 +10,10 @@ import { useComponentDictionary as x, useI18n as g } from "../../../i18n/I18n.js
 import { BaseComponent as A } from "../../Base/Base.js";
 import { useBase as B } from "../../Base/useBase.js";
 import { useComponentContext as P } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { Form as j } from "../../Common/Form/Form.js";
-import { STATES_ABBR as L, componentEvents as p } from "../../../shared/constants.js";
-import { ActionsLayout as M } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { Flex as U } from "../../Common/Flex/Flex.js";
+import { Form as U } from "../../Common/Form/Form.js";
+import { STATES_ABBR as j, componentEvents as p } from "../../../shared/constants.js";
+import { ActionsLayout as L } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { Flex as M } from "../../Common/Flex/Flex.js";
 import "classnames";
 import { RadioGroupField as q } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { SelectField as W } from "../../Common/Fields/SelectField/SelectField.js";
@@ -26,43 +26,43 @@ const k = r.union([
     fileNewHireReport: r.boolean().refine((t) => !t)
   })
 ]);
-function me(t) {
+function ce(t) {
   return /* @__PURE__ */ e(A, { ...t, children: /* @__PURE__ */ e(z, { ...t, children: t.children }) });
 }
 function z({ contractorId: t, className: u, dictionary: d, selfOnboarding: f = !1 }) {
   x("Contractor.NewHireReport", d), g("Contractor.NewHireReport");
-  const { t: o } = S("Contractor.NewHireReport"), { onEvent: m, baseSubmitHandler: R } = B(), s = P(), {
+  const { t: o } = S("Contractor.NewHireReport"), { onEvent: c, baseSubmitHandler: R } = B(), a = P(), {
     data: { contractor: h }
-  } = D({ contractorUuid: t }), i = h, { mutateAsync: H, isPending: w } = F(), N = O(
+  } = D({ contractorUuid: t }), n = h, { mutateAsync: H, isPending: w } = F(), N = O(
     () => ({
-      fileNewHireReport: i.fileNewHireReport || !1,
-      state: i.workState || null
+      fileNewHireReport: n.fileNewHireReport || !1,
+      state: n.workState || null
     }),
-    [i]
-  ), a = E({
+    [n]
+  ), s = E({
     resolver: _(k),
     defaultValues: N
-  }), b = T({ control: a.control, name: "fileNewHireReport" }), C = async (n) => {
-    await R(n, async (l) => {
+  }), b = T({ control: s.control, name: "fileNewHireReport" }), C = async (i) => {
+    await R(i, async (l) => {
       const v = await H({
         request: {
           contractorUuid: t,
-          requestBody: {
-            type: i.type,
+          contractorUpdateRequestBody: {
+            type: n.type,
             selfOnboarding: f,
             fileNewHireReport: l.fileNewHireReport,
             workState: "state" in l ? l.state : null,
-            version: i.version
+            version: n.version
           }
         }
       });
-      m(p.CONTRACTOR_NEW_HIRE_REPORT_UPDATED, v), m(p.CONTRACTOR_NEW_HIRE_REPORT_DONE);
+      c(p.CONTRACTOR_NEW_HIRE_REPORT_UPDATED, v), c(p.CONTRACTOR_NEW_HIRE_REPORT_DONE);
     });
   };
-  return /* @__PURE__ */ e("section", { className: u, children: /* @__PURE__ */ e(y, { ...a, children: /* @__PURE__ */ e(j, { onSubmit: a.handleSubmit(C), children: /* @__PURE__ */ c(U, { flexDirection: "column", children: [
-    /* @__PURE__ */ c("header", { children: [
-      /* @__PURE__ */ e(s.Heading, { as: "h2", children: o("title") }),
-      /* @__PURE__ */ e(s.Text, { children: o("description") })
+  return /* @__PURE__ */ e("section", { className: u, children: /* @__PURE__ */ e(y, { ...s, children: /* @__PURE__ */ e(U, { onSubmit: s.handleSubmit(C), children: /* @__PURE__ */ m(M, { flexDirection: "column", children: [
+    /* @__PURE__ */ m("header", { children: [
+      /* @__PURE__ */ e(a.Heading, { as: "h2", children: o("title") }),
+      /* @__PURE__ */ e(a.Text, { children: o("description") })
     ] }),
     /* @__PURE__ */ e(
       q,
@@ -86,9 +86,9 @@ function z({ contractorId: t, className: u, dictionary: d, selfOnboarding: f = !
       W,
       {
         name: "state",
-        options: L.map((n) => ({
-          label: o(`statesHash.${n}`, { ns: "common" }),
-          value: n
+        options: j.map((i) => ({
+          label: o(`statesHash.${i}`, { ns: "common" }),
+          value: i
         })),
         label: o("stateSelectionLabel"),
         placeholder: "",
@@ -96,8 +96,8 @@ function z({ contractorId: t, className: u, dictionary: d, selfOnboarding: f = !
         isRequired: !0
       }
     ),
-    /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
-      s.Button,
+    /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(
+      a.Button,
       {
         type: "submit",
         variant: "primary",
@@ -108,6 +108,6 @@ function z({ contractorId: t, className: u, dictionary: d, selfOnboarding: f = !
   ] }) }) }) });
 }
 export {
-  me as NewHireReport
+  ce as NewHireReport
 };
 //# sourceMappingURL=NewHireReport.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NewHireReport.js","sources":["../../../../src/components/Contractor/NewHireReport/NewHireReport.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useMemo } from 'react'\nimport z from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport type { NewHireReportProps } from './types'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents, STATES_ABBR } from '@/shared/constants'\nimport { ActionsLayout } from '@/components/Common/ActionsLayout'\nimport { Flex, RadioGroupField, SelectField } from '@/components/Common'\n\nconst NewHireReportSchema = z.union([\n  z.object({\n    fileNewHireReport: z.boolean().refine(v => v),\n    state: z.string().min(1),\n  }),\n  z.object({\n    fileNewHireReport: z.boolean().refine(v => !v),\n  }),\n])\n\nexport type NewHireReportSchemaInputs = z.input<typeof NewHireReportSchema>\n\nexport function NewHireReport(props: NewHireReportProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ contractorId, className, dictionary, selfOnboarding = false }: NewHireReportProps) {\n  useComponentDictionary('Contractor.NewHireReport', dictionary)\n  useI18n('Contractor.NewHireReport')\n  const { t } = useTranslation('Contractor.NewHireReport')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const Components = useComponentContext()\n\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractorDetails = contractor!\n\n  const { mutateAsync: updateContractor, isPending: updateContractorPending } =\n    useContractorsUpdateMutation()\n\n  const defaultValues = useMemo(\n    () => ({\n      fileNewHireReport: contractorDetails.fileNewHireReport || false,\n      state: contractorDetails.workState || null,\n    }),\n    [contractorDetails],\n  )\n\n  const formMethods = useForm({\n    resolver: zodResolver(NewHireReportSchema),\n    defaultValues: defaultValues,\n  })\n\n  const watchedDoFile = useWatch({ control: formMethods.control, name: 'fileNewHireReport' })\n  const onSubmit: SubmitHandler<NewHireReportSchemaInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const contractorResponse = await updateContractor({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: {\n            type: contractorDetails.type,\n            selfOnboarding: selfOnboarding,\n            fileNewHireReport: payload.fileNewHireReport,\n            workState: 'state' in payload ? payload.state : null,\n            version: contractorDetails.version!,\n          },\n        },\n      })\n      onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_UPDATED, contractorResponse)\n      onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...formMethods}>\n        <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n          <Flex flexDirection={'column'}>\n            <header>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text>{t('description')}</Components.Text>\n            </header>\n            <RadioGroupField\n              name=\"fileNewHireReport\"\n              label={t('doFileLegend')}\n              shouldVisuallyHideLabel\n              options={[\n                {\n                  value: true,\n                  label: t('yesOption'),\n                },\n                {\n                  value: false,\n                  label: t('noOption'),\n                },\n              ]}\n            />\n            {watchedDoFile && (\n              <SelectField\n                name=\"state\"\n                options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n                  label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n                  value: stateAbbr,\n                }))}\n                label={t('stateSelectionLabel')}\n                placeholder={''}\n                errorMessage={t('validations.state')}\n                isRequired\n              />\n            )}\n            <ActionsLayout>\n              <Components.Button\n                type=\"submit\"\n                variant=\"primary\"\n                isDisabled={updateContractorPending}\n              >\n                {t('submitCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["NewHireReportSchema","z","v","NewHireReport","props","jsx","BaseComponent","Root","contractorId","className","dictionary","selfOnboarding","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","Components","useComponentContext","contractor","useContractorsGetSuspense","contractorDetails","updateContractor","updateContractorPending","useContractorsUpdateMutation","defaultValues","useMemo","formMethods","useForm","zodResolver","watchedDoFile","useWatch","onSubmit","data","payload","contractorResponse","componentEvents","FormProvider","Form","jsxs","Flex","RadioGroupField","SelectField","STATES_ABBR","stateAbbr","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"NewHireReport.js","sources":["../../../../src/components/Contractor/NewHireReport/NewHireReport.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useMemo } from 'react'\nimport z from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport type { NewHireReportProps } from './types'\nimport { useI18n } from '@/i18n'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { componentEvents, STATES_ABBR } from '@/shared/constants'\nimport { ActionsLayout } from '@/components/Common/ActionsLayout'\nimport { Flex, RadioGroupField, SelectField } from '@/components/Common'\n\nconst NewHireReportSchema = z.union([\n  z.object({\n    fileNewHireReport: z.boolean().refine(v => v),\n    state: z.string().min(1),\n  }),\n  z.object({\n    fileNewHireReport: z.boolean().refine(v => !v),\n  }),\n])\n\nexport type NewHireReportSchemaInputs = z.input<typeof NewHireReportSchema>\n\nexport function NewHireReport(props: NewHireReportProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ contractorId, className, dictionary, selfOnboarding = false }: NewHireReportProps) {\n  useComponentDictionary('Contractor.NewHireReport', dictionary)\n  useI18n('Contractor.NewHireReport')\n  const { t } = useTranslation('Contractor.NewHireReport')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const Components = useComponentContext()\n\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractorDetails = contractor!\n\n  const { mutateAsync: updateContractor, isPending: updateContractorPending } =\n    useContractorsUpdateMutation()\n\n  const defaultValues = useMemo(\n    () => ({\n      fileNewHireReport: contractorDetails.fileNewHireReport || false,\n      state: contractorDetails.workState || null,\n    }),\n    [contractorDetails],\n  )\n\n  const formMethods = useForm({\n    resolver: zodResolver(NewHireReportSchema),\n    defaultValues: defaultValues,\n  })\n\n  const watchedDoFile = useWatch({ control: formMethods.control, name: 'fileNewHireReport' })\n  const onSubmit: SubmitHandler<NewHireReportSchemaInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const contractorResponse = await updateContractor({\n        request: {\n          contractorUuid: contractorId,\n          contractorUpdateRequestBody: {\n            type: contractorDetails.type,\n            selfOnboarding: selfOnboarding,\n            fileNewHireReport: payload.fileNewHireReport,\n            workState: 'state' in payload ? payload.state : null,\n            version: contractorDetails.version!,\n          },\n        },\n      })\n      onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_UPDATED, contractorResponse)\n      onEvent(componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...formMethods}>\n        <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n          <Flex flexDirection={'column'}>\n            <header>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text>{t('description')}</Components.Text>\n            </header>\n            <RadioGroupField\n              name=\"fileNewHireReport\"\n              label={t('doFileLegend')}\n              shouldVisuallyHideLabel\n              options={[\n                {\n                  value: true,\n                  label: t('yesOption'),\n                },\n                {\n                  value: false,\n                  label: t('noOption'),\n                },\n              ]}\n            />\n            {watchedDoFile && (\n              <SelectField\n                name=\"state\"\n                options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n                  label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n                  value: stateAbbr,\n                }))}\n                label={t('stateSelectionLabel')}\n                placeholder={''}\n                errorMessage={t('validations.state')}\n                isRequired\n              />\n            )}\n            <ActionsLayout>\n              <Components.Button\n                type=\"submit\"\n                variant=\"primary\"\n                isDisabled={updateContractorPending}\n              >\n                {t('submitCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Flex>\n        </Form>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["NewHireReportSchema","z","v","NewHireReport","props","jsx","BaseComponent","Root","contractorId","className","dictionary","selfOnboarding","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","Components","useComponentContext","contractor","useContractorsGetSuspense","contractorDetails","updateContractor","updateContractorPending","useContractorsUpdateMutation","defaultValues","useMemo","formMethods","useForm","zodResolver","watchedDoFile","useWatch","onSubmit","data","payload","contractorResponse","componentEvents","FormProvider","Form","jsxs","Flex","RadioGroupField","SelectField","STATES_ABBR","stateAbbr","ActionsLayout"],"mappings":"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"}

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

@@ -2,10 +2,10 @@ import { jsxs as a, Fragment as t, jsx as r } from "react/jsx-runtime";
 import { useTranslation as n } from "react-i18next";
 import "../../../shared/constants.js";
 import "classnames";
+import { RadioGroupField as i } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { TextInputField as o } from "../../Common/Fields/TextInputField/TextInputField.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { TextInputField as o } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { RadioGroupField as i } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 function N({ bankAccount: u }) {
   const { t: e } = n("Contractor.PaymentMethod", { keyPrefix: "bankAccountForm" });
   return /* @__PURE__ */ a(t, { children: [

package/dist/components/Contractor/PaymentMethod/PaymentMethod.d.ts

@@ -1,30 +1,17 @@
 import { default as z } from 'zod';
 import { PaymentMethodProps } from './types';
-declare const PaymentMethodSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+declare const PaymentMethodSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
     type: z.ZodLiteral<"Direct Deposit">;
     name: z.ZodString;
     routingNumber: z.ZodString;
     accountNumber: z.ZodAny;
-    accountType: z.ZodEnum<["Checking", "Savings"]>;
-}, "strip", z.ZodTypeAny, {
-    routingNumber: string;
-    name: string;
-    accountType: "Checking" | "Savings";
-    type: "Direct Deposit";
-    accountNumber?: any;
-}, {
-    routingNumber: string;
-    name: string;
-    accountType: "Checking" | "Savings";
-    type: "Direct Deposit";
-    accountNumber?: any;
-}>, z.ZodObject<{
+    accountType: z.ZodEnum<{
+        Checking: "Checking";
+        Savings: "Savings";
+    }>;
+}, z.core.$strip>, z.ZodObject<{
     type: z.ZodLiteral<"Check">;
-}, "strip", z.ZodTypeAny, {
-    type: "Check";
-}, {
-    type: "Check";
-}>]>;
+}, z.core.$strip>], "type">;
 export type PaymentMethodSchemaInputs = z.input<typeof PaymentMethodSchema>;
 export type PaymentMethodSchemaOutputs = z.output<typeof PaymentMethodSchema>;
 export declare function PaymentMethod(props: PaymentMethodProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Contractor/PaymentMethod/PaymentTypeForm.d.ts

@@ -1,11 +1,10 @@
 import { z } from 'zod';
 export declare const PaymentTypeSchema: z.ZodObject<{
-    type: z.ZodEnum<["Check", "Direct Deposit"]>;
-}, "strip", z.ZodTypeAny, {
-    type: "Check" | "Direct Deposit";
-}, {
-    type: "Check" | "Direct Deposit";
-}>;
+    type: z.ZodEnum<{
+        Check: "Check";
+        "Direct Deposit": "Direct Deposit";
+    }>;
+}, z.core.$strip>;
 export type PaymentTypeInputs = z.input<typeof PaymentTypeSchema>;
 export type PaymentTypePayload = z.output<typeof PaymentTypeSchema>;
 export declare function PaymentTypeForm(): import("react/jsx-runtime").JSX.Element;

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

@@ -3,9 +3,9 @@ import { useTranslation as r } from "react-i18next";
 import { z as t } from "zod";
 import { PAYMENT_METHODS as o } from "../../../shared/constants.js";
 import "classnames";
+import { RadioGroupField as p } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { RadioGroupField as p } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 t.object({
   type: t.enum(["Check", "Direct Deposit"])
 });

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

@@ -28,9 +28,9 @@ const Pt = ({ companyId: c, dictionary: _, onEvent: l }) => {
   const { t: b } = ot("Contractor.Payments.CreatePayment"), [v, g] = u(!1), [T, B] = u(
     (/* @__PURE__ */ new Date()).toISOString().split("T")[0] || ""
   ), { baseSubmitHandler: M } = pt(), [D, d] = u({}), [P, N] = u(null), [G, w] = u([]), [k, A] = u({}), { mutateAsync: V, isPending: O } = X(), {
-    mutateAsync: L,
+    mutateAsync: H,
     isPending: R
-  } = Z(), { data: H } = Q({ companyUuid: c }), a = (H.contractorList || []).filter(
+  } = Z(), { data: L } = Q({ companyUuid: c }), a = (L.contractors || []).filter(
     (t) => t.isActive && t.onboardingStatus === yt.ONBOARDING_COMPLETED
   ), { data: Y } = rt({ companyId: c }), { data: F } = nt({ companyUuid: c }), q = Y?.companyBankAccounts?.[0], x = F?.paymentConfigs?.paymentSpeed, I = S(
     () => a.map((t) => {
@@ -141,7 +141,7 @@ const Pt = ({ companyId: c, dictionary: _, onEvent: l }) => {
             }
             d({}), w([]);
             const e = await mt(async () => {
-              const o = await L({
+              const o = await H({
                 request: {
                   companyId: c,
                   requestBody: {

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

@@ -1 +1 @@
-{"version":3,"file":"CreatePayment.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/CreatePayment.tsx"],"sourcesContent":["import { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentGroupsCreateMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsCreate'\nimport type {\n  ContractorPayments,\n  PostV1CompaniesCompanyIdContractorPaymentGroupsRequestBody,\n  SubmissionBlockers,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { useContractorPaymentGroupsPreviewMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsPreview'\nimport { useMemo, useState } from 'react'\nimport DOMPurify from 'dompurify'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview'\nimport { useBankAccountsGet } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { usePaymentConfigsGet } from '@gusto/embedded-api/react-query/paymentConfigsGet'\nimport type { InternalAlert } from '../types'\nimport { CreatePaymentPresentation } from './CreatePaymentPresentation'\nimport { EditContractorPaymentPresentation } from './EditContractorPaymentPresentation'\nimport {\n  createEditContractorPaymentFormSchema,\n  type EditContractorPaymentFormValues,\n} from './EditContractorPaymentFormSchema'\nimport { PreviewPresentation } from './PreviewPresentation'\nimport {\n  payrollSubmitHandler,\n  type ApiPayrollBlocker,\n} from '@/components/Payroll/PayrollBlocker/payrollHelpers'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\ninterface CreatePaymentProps extends BaseComponentInterface<'Contractor.Payments.CreatePayment'> {\n  companyId: string\n}\n\nexport function CreatePayment(props: CreatePaymentProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ companyId, dictionary, onEvent }: CreatePaymentProps) => {\n  useComponentDictionary('Contractor.Payments.CreatePayment', dictionary)\n  const { t } = useTranslation('Contractor.Payments.CreatePayment')\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [paymentDate, setPaymentDate] = useState<string>(\n    new Date().toISOString().split('T')[0] || '',\n  )\n  const { baseSubmitHandler } = useBase()\n  const [alerts, setAlerts] = useState<Record<string, InternalAlert>>({})\n  const [previewData, setPreviewData] = useState<ContractorPaymentGroupPreview | null>(null)\n  const [payrollBlockers, setPayrollBlockers] = useState<ApiPayrollBlocker[]>([])\n  const [selectedUnblockOptions, setSelectedUnblockOptions] = useState<Record<string, string>>({})\n\n  const { mutateAsync: createContractorPaymentGroup, isPending: isCreatingContractorPaymentGroup } =\n    useContractorPaymentGroupsCreateMutation()\n  const {\n    mutateAsync: previewContractorPaymentGroup,\n    isPending: isPreviewingContractorPaymentGroup,\n  } = useContractorPaymentGroupsPreviewMutation()\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.contractorList || []).filter(\n    contractor =>\n      contractor.isActive &&\n      contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n  )\n  const { data: bankAccounts } = useBankAccountsGet({ companyId })\n  const { data: paymentConfigs } = usePaymentConfigsGet({ companyUuid: companyId })\n  // Currently, we only support a single default bank account per company.\n  const bankAccount = bankAccounts?.companyBankAccounts?.[0]\n  const paymentSpeed = paymentConfigs?.paymentConfigs?.paymentSpeed\n\n  const initialContractorPayments: (ContractorPayments & { isTouched: boolean })[] = useMemo(\n    () =>\n      contractors.map(contractor => {\n        const paymentMethod = contractor.paymentMethod ? contractor.paymentMethod : 'Direct Deposit'\n\n        return {\n          contractorUuid: contractor.uuid,\n          paymentMethod,\n          wage: '0',\n          hours: '0',\n          bonus: '0',\n          reimbursement: '0',\n          isTouched: false,\n        }\n      }),\n    [contractors],\n  )\n  const [virtualContractorPayments, setVirtualContractorPayments] =\n    useState<(ContractorPayments & { isTouched: boolean })[]>(initialContractorPayments)\n  const totals = useMemo(\n    () =>\n      virtualContractorPayments.reduce<{\n        wage: number\n        bonus: number\n        reimbursement: number\n        total: number\n      }>(\n        (acc, payment) => {\n          const contractor = contractors.find(c => c.uuid === payment.contractorUuid)\n          const isHourly = contractor?.wageType === 'Hourly'\n          const hours = Number(payment.hours || '0')\n          const wage = Number(payment.wage || '0')\n          const bonus = Number(payment.bonus || '0')\n          const reimbursement = Number(payment.reimbursement || '0')\n          const hourlyAmount = isHourly ? hours * Number(contractor.hourlyRate || '0') : 0\n          const fixedWage = isHourly ? 0 : wage\n\n          return {\n            wage: acc.wage + fixedWage,\n            bonus: acc.bonus + bonus,\n            reimbursement: acc.reimbursement + reimbursement,\n            total: acc.total + hourlyAmount + fixedWage + bonus + reimbursement,\n          }\n        },\n        { wage: 0, bonus: 0, reimbursement: 0, total: 0 },\n      ),\n    [virtualContractorPayments, contractors],\n  )\n\n  const formMethods = useForm<EditContractorPaymentFormValues>({\n    resolver: zodResolver(createEditContractorPaymentFormSchema()),\n    defaultValues: {\n      wageType: 'Hourly',\n      hours: 0,\n      wage: 0,\n      bonus: 0,\n      reimbursement: 0,\n      paymentMethod: 'Direct Deposit',\n      hourlyRate: 0,\n      contractorUuid: '',\n      contractorPaymentMethod: undefined,\n    },\n  })\n\n  const onCreatePaymentGroup = async () => {\n    await baseSubmitHandler(null, async () => {\n      const contractorPayments = virtualContractorPayments.filter(payment => payment.isTouched)\n      if (contractorPayments.length === 0 || !previewData?.creationToken) {\n        return\n      }\n      const creationToken = previewData.creationToken\n\n      const submissionBlockers: SubmissionBlockers[] = Object.entries(selectedUnblockOptions).map(\n        ([blockerType, selectedOption]) => ({\n          blockerType,\n          selectedOption,\n        }),\n      )\n\n      const requestBody: PostV1CompaniesCompanyIdContractorPaymentGroupsRequestBody = {\n        checkDate: new RFCDate(paymentDate),\n        contractorPayments: contractorPayments.map(({ isTouched, ...rest }) => rest),\n        creationToken,\n        ...(submissionBlockers.length > 0 && { submissionBlockers }),\n      }\n\n      const response = await createContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody,\n        },\n      })\n\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATED, response.contractorPaymentGroup || {})\n    })\n  }\n\n  const onUnblockOptionChange = (blockerType: string, value: string) => {\n    setSelectedUnblockOptions(prev => ({\n      ...prev,\n      [blockerType]: value,\n    }))\n  }\n  const onEditContractor = (contractorUuid: string) => {\n    const contractor = contractors.find(contractor => contractor.uuid === contractorUuid)\n    const contractorPayment = virtualContractorPayments.find(\n      payment => payment.contractorUuid === contractorUuid,\n    )\n\n    const rawPaymentMethod = contractorPayment?.paymentMethod || 'Direct Deposit'\n    const sanitizedPaymentMethod = ['Check', 'Direct Deposit'].includes(rawPaymentMethod)\n      ? (rawPaymentMethod as 'Check' | 'Direct Deposit')\n      : 'Check'\n\n    formMethods.reset(\n      {\n        wageType: contractor?.wageType || 'Hourly',\n        hours: Number(contractorPayment?.hours || '0'),\n        wage: Number(contractorPayment?.wage || '0'),\n        bonus: Number(contractorPayment?.bonus || '0'),\n        reimbursement: Number(contractorPayment?.reimbursement || '0'),\n        paymentMethod: sanitizedPaymentMethod,\n        hourlyRate: Number(contractor?.hourlyRate || '0'),\n        contractorUuid: contractorUuid,\n        contractorPaymentMethod: contractor?.paymentMethod || undefined,\n      },\n      { keepDirty: false, keepValues: false },\n    )\n    setAlerts({})\n    setIsModalOpen(true)\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_EDIT)\n  }\n\n  const onEditContractorSubmit = (data: EditContractorPaymentFormValues) => {\n    const currentContractor = contractors.find(c => c.uuid === data.contractorUuid)\n    const currentContractorPaymentMethod = currentContractor?.paymentMethod\n\n    if (!['Check', 'Direct Deposit'].includes(data.paymentMethod)) {\n      formMethods.setError('paymentMethod', {\n        type: 'manual',\n        message: t('editContractorPayment.errors.unsupportedPaymentMethod'),\n      })\n      return\n    }\n\n    if (currentContractorPaymentMethod === 'Check' && data.paymentMethod === 'Direct Deposit') {\n      formMethods.setError('paymentMethod', {\n        type: 'manual',\n        message: t('editContractorPayment.errors.directDepositNotAvailable'),\n      })\n      return\n    }\n\n    const hasAnyPayment =\n      (data.wage ?? 0) > 0 ||\n      (data.hours ?? 0) > 0 ||\n      (data.bonus ?? 0) > 0 ||\n      (data.reimbursement ?? 0) > 0\n\n    setVirtualContractorPayments(prevPayments =>\n      prevPayments.map(payment =>\n        payment.contractorUuid === data.contractorUuid\n          ? {\n              contractorUuid: payment.contractorUuid,\n              wage: String(data.wage ?? 0),\n              hours: String(data.hours ?? 0),\n              bonus: String(data.bonus ?? 0),\n              reimbursement: String(data.reimbursement ?? 0),\n              paymentMethod: data.paymentMethod,\n              isTouched: hasAnyPayment,\n            }\n          : payment,\n      ),\n    )\n    const displayContractor = contractors.find(\n      contractor => contractor.uuid === data.contractorUuid,\n    )\n    const displayName = DOMPurify.sanitize(\n      displayContractor?.type === 'Individual'\n        ? firstLastName({\n            first_name: displayContractor.firstName,\n            last_name: displayContractor.lastName,\n          })\n        : displayContractor?.businessName || '',\n    )\n    setAlerts(prevAlerts => ({\n      ...prevAlerts,\n      [data.contractorUuid]: {\n        type: 'success',\n        title: t('alerts.contractorPaymentUpdated', {\n          contractorName: displayName,\n          interpolation: { escapeValue: false },\n        }),\n        onDismiss: () => {\n          setAlerts(prevAlerts => {\n            const { [data.contractorUuid]: _, ...rest } = prevAlerts\n            return rest\n          })\n        },\n      },\n    }))\n    setIsModalOpen(false)\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_UPDATE, data)\n  }\n\n  const onContinueToPreview = async () => {\n    await baseSubmitHandler(null, async () => {\n      const contractorPayments = virtualContractorPayments.filter(payment => payment.isTouched)\n      if (contractorPayments.length === 0) {\n        setAlerts({\n          ...alerts,\n          error: {\n            type: 'error',\n            title: t('alerts.noContractorPayments'),\n          },\n        })\n        return\n      }\n      setAlerts({})\n      setPayrollBlockers([])\n\n      const result = await payrollSubmitHandler(async () => {\n        const response = await previewContractorPaymentGroup({\n          request: {\n            companyId,\n            requestBody: {\n              contractorPayments: contractorPayments.map(({ isTouched, ...rest }) => rest),\n              checkDate: new RFCDate(paymentDate),\n            },\n          },\n        })\n        setPreviewData(response.contractorPaymentGroupPreview || null)\n        onEvent(componentEvents.CONTRACTOR_PAYMENT_PREVIEW, response.contractorPaymentGroupPreview)\n      })\n\n      if (!result.success && result.blockers.length > 0) {\n        setPayrollBlockers(result.blockers)\n      }\n    })\n  }\n  const onBackToEdit = () => {\n    setPreviewData(null)\n    setPayrollBlockers([])\n    setSelectedUnblockOptions({})\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_BACK_TO_EDIT)\n  }\n  const onViewBlockers = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND)\n  }\n\n  return (\n    <>\n      {previewData && (\n        <PreviewPresentation\n          contractorPaymentGroup={previewData}\n          contractors={contractors}\n          onBackToEdit={onBackToEdit}\n          onSubmit={onCreatePaymentGroup}\n          isLoading={isCreatingContractorPaymentGroup || isPreviewingContractorPaymentGroup}\n          bankAccount={bankAccount}\n          selectedUnblockOptions={selectedUnblockOptions}\n          onUnblockOptionChange={onUnblockOptionChange}\n          paymentSpeed={paymentSpeed}\n        />\n      )}\n      {!previewData && (\n        <CreatePaymentPresentation\n          contractors={contractors}\n          contractorPayments={virtualContractorPayments}\n          paymentDate={paymentDate}\n          onPaymentDateChange={setPaymentDate}\n          onSaveAndContinue={onContinueToPreview}\n          onEditContractor={onEditContractor}\n          totals={totals}\n          alerts={alerts}\n          payrollBlockers={payrollBlockers}\n          onViewBlockers={onViewBlockers}\n          isLoading={isCreatingContractorPaymentGroup || isPreviewingContractorPaymentGroup}\n        />\n      )}\n      <EditContractorPaymentPresentation\n        isOpen={isModalOpen}\n        onClose={() => {\n          setIsModalOpen(false)\n        }}\n        formMethods={formMethods}\n        onSubmit={onEditContractorSubmit}\n        contractorPaymentMethod={\n          contractors.find(c => c.uuid === formMethods.getValues('contractorUuid'))\n            ?.paymentMethod ?? undefined\n        }\n      />\n    </>\n  )\n}\n"],"names":["CreatePayment","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","useComponentDictionary","t","useTranslation","isModalOpen","setIsModalOpen","useState","paymentDate","setPaymentDate","baseSubmitHandler","useBase","alerts","setAlerts","previewData","setPreviewData","payrollBlockers","setPayrollBlockers","selectedUnblockOptions","setSelectedUnblockOptions","createContractorPaymentGroup","isCreatingContractorPaymentGroup","useContractorPaymentGroupsCreateMutation","previewContractorPaymentGroup","isPreviewingContractorPaymentGroup","useContractorPaymentGroupsPreviewMutation","contractorList","useContractorsListSuspense","contractors","contractor","ContractorOnboardingStatus","bankAccounts","useBankAccountsGet","paymentConfigs","usePaymentConfigsGet","bankAccount","paymentSpeed","initialContractorPayments","useMemo","paymentMethod","virtualContractorPayments","setVirtualContractorPayments","totals","acc","payment","c","isHourly","hours","wage","bonus","reimbursement","hourlyAmount","fixedWage","formMethods","useForm","zodResolver","createEditContractorPaymentFormSchema","jsxs","Fragment","PreviewPresentation","componentEvents","contractorPayments","creationToken","submissionBlockers","blockerType","selectedOption","requestBody","RFCDate","isTouched","rest","response","value","prev","CreatePaymentPresentation","result","payrollSubmitHandler","contractorUuid","contractorPayment","rawPaymentMethod","sanitizedPaymentMethod","EditContractorPaymentPresentation","data","currentContractorPaymentMethod","hasAnyPayment","prevPayments","displayContractor","displayName","DOMPurify","firstLastName","prevAlerts","_"],"mappings":"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"}
+{"version":3,"file":"CreatePayment.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/CreatePayment.tsx"],"sourcesContent":["import { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentGroupsCreateMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsCreate'\nimport type {\n  ContractorPayments,\n  PostV1CompaniesCompanyIdContractorPaymentGroupsRequestBody,\n  SubmissionBlockers,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { useContractorPaymentGroupsPreviewMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsPreview'\nimport { useMemo, useState } from 'react'\nimport DOMPurify from 'dompurify'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview'\nimport { useBankAccountsGet } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { usePaymentConfigsGet } from '@gusto/embedded-api/react-query/paymentConfigsGet'\nimport type { InternalAlert } from '../types'\nimport { CreatePaymentPresentation } from './CreatePaymentPresentation'\nimport { EditContractorPaymentPresentation } from './EditContractorPaymentPresentation'\nimport {\n  createEditContractorPaymentFormSchema,\n  type EditContractorPaymentFormValues,\n} from './EditContractorPaymentFormSchema'\nimport { PreviewPresentation } from './PreviewPresentation'\nimport {\n  payrollSubmitHandler,\n  type ApiPayrollBlocker,\n} from '@/components/Payroll/PayrollBlocker/payrollHelpers'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\ninterface CreatePaymentProps extends BaseComponentInterface<'Contractor.Payments.CreatePayment'> {\n  companyId: string\n}\n\nexport function CreatePayment(props: CreatePaymentProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ companyId, dictionary, onEvent }: CreatePaymentProps) => {\n  useComponentDictionary('Contractor.Payments.CreatePayment', dictionary)\n  const { t } = useTranslation('Contractor.Payments.CreatePayment')\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [paymentDate, setPaymentDate] = useState<string>(\n    new Date().toISOString().split('T')[0] || '',\n  )\n  const { baseSubmitHandler } = useBase()\n  const [alerts, setAlerts] = useState<Record<string, InternalAlert>>({})\n  const [previewData, setPreviewData] = useState<ContractorPaymentGroupPreview | null>(null)\n  const [payrollBlockers, setPayrollBlockers] = useState<ApiPayrollBlocker[]>([])\n  const [selectedUnblockOptions, setSelectedUnblockOptions] = useState<Record<string, string>>({})\n\n  const { mutateAsync: createContractorPaymentGroup, isPending: isCreatingContractorPaymentGroup } =\n    useContractorPaymentGroupsCreateMutation()\n  const {\n    mutateAsync: previewContractorPaymentGroup,\n    isPending: isPreviewingContractorPaymentGroup,\n  } = useContractorPaymentGroupsPreviewMutation()\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.contractors || []).filter(\n    contractor =>\n      contractor.isActive &&\n      contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n  )\n  const { data: bankAccounts } = useBankAccountsGet({ companyId })\n  const { data: paymentConfigs } = usePaymentConfigsGet({ companyUuid: companyId })\n  // Currently, we only support a single default bank account per company.\n  const bankAccount = bankAccounts?.companyBankAccounts?.[0]\n  const paymentSpeed = paymentConfigs?.paymentConfigs?.paymentSpeed\n\n  const initialContractorPayments: (ContractorPayments & { isTouched: boolean })[] = useMemo(\n    () =>\n      contractors.map(contractor => {\n        const paymentMethod = contractor.paymentMethod ? contractor.paymentMethod : 'Direct Deposit'\n\n        return {\n          contractorUuid: contractor.uuid,\n          paymentMethod,\n          wage: '0',\n          hours: '0',\n          bonus: '0',\n          reimbursement: '0',\n          isTouched: false,\n        }\n      }),\n    [contractors],\n  )\n  const [virtualContractorPayments, setVirtualContractorPayments] =\n    useState<(ContractorPayments & { isTouched: boolean })[]>(initialContractorPayments)\n  const totals = useMemo(\n    () =>\n      virtualContractorPayments.reduce<{\n        wage: number\n        bonus: number\n        reimbursement: number\n        total: number\n      }>(\n        (acc, payment) => {\n          const contractor = contractors.find(c => c.uuid === payment.contractorUuid)\n          const isHourly = contractor?.wageType === 'Hourly'\n          const hours = Number(payment.hours || '0')\n          const wage = Number(payment.wage || '0')\n          const bonus = Number(payment.bonus || '0')\n          const reimbursement = Number(payment.reimbursement || '0')\n          const hourlyAmount = isHourly ? hours * Number(contractor.hourlyRate || '0') : 0\n          const fixedWage = isHourly ? 0 : wage\n\n          return {\n            wage: acc.wage + fixedWage,\n            bonus: acc.bonus + bonus,\n            reimbursement: acc.reimbursement + reimbursement,\n            total: acc.total + hourlyAmount + fixedWage + bonus + reimbursement,\n          }\n        },\n        { wage: 0, bonus: 0, reimbursement: 0, total: 0 },\n      ),\n    [virtualContractorPayments, contractors],\n  )\n\n  const formMethods = useForm<EditContractorPaymentFormValues>({\n    resolver: zodResolver(createEditContractorPaymentFormSchema()),\n    defaultValues: {\n      wageType: 'Hourly',\n      hours: 0,\n      wage: 0,\n      bonus: 0,\n      reimbursement: 0,\n      paymentMethod: 'Direct Deposit',\n      hourlyRate: 0,\n      contractorUuid: '',\n      contractorPaymentMethod: undefined,\n    },\n  })\n\n  const onCreatePaymentGroup = async () => {\n    await baseSubmitHandler(null, async () => {\n      const contractorPayments = virtualContractorPayments.filter(payment => payment.isTouched)\n      if (contractorPayments.length === 0 || !previewData?.creationToken) {\n        return\n      }\n      const creationToken = previewData.creationToken\n\n      const submissionBlockers: SubmissionBlockers[] = Object.entries(selectedUnblockOptions).map(\n        ([blockerType, selectedOption]) => ({\n          blockerType,\n          selectedOption,\n        }),\n      )\n\n      const requestBody: PostV1CompaniesCompanyIdContractorPaymentGroupsRequestBody = {\n        checkDate: new RFCDate(paymentDate),\n        contractorPayments: contractorPayments.map(({ isTouched, ...rest }) => rest),\n        creationToken,\n        ...(submissionBlockers.length > 0 && { submissionBlockers }),\n      }\n\n      const response = await createContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody,\n        },\n      })\n\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATED, response.contractorPaymentGroup || {})\n    })\n  }\n\n  const onUnblockOptionChange = (blockerType: string, value: string) => {\n    setSelectedUnblockOptions(prev => ({\n      ...prev,\n      [blockerType]: value,\n    }))\n  }\n  const onEditContractor = (contractorUuid: string) => {\n    const contractor = contractors.find(contractor => contractor.uuid === contractorUuid)\n    const contractorPayment = virtualContractorPayments.find(\n      payment => payment.contractorUuid === contractorUuid,\n    )\n\n    const rawPaymentMethod = contractorPayment?.paymentMethod || 'Direct Deposit'\n    const sanitizedPaymentMethod = ['Check', 'Direct Deposit'].includes(rawPaymentMethod)\n      ? (rawPaymentMethod as 'Check' | 'Direct Deposit')\n      : 'Check'\n\n    formMethods.reset(\n      {\n        wageType: contractor?.wageType || 'Hourly',\n        hours: Number(contractorPayment?.hours || '0'),\n        wage: Number(contractorPayment?.wage || '0'),\n        bonus: Number(contractorPayment?.bonus || '0'),\n        reimbursement: Number(contractorPayment?.reimbursement || '0'),\n        paymentMethod: sanitizedPaymentMethod,\n        hourlyRate: Number(contractor?.hourlyRate || '0'),\n        contractorUuid: contractorUuid,\n        contractorPaymentMethod: contractor?.paymentMethod || undefined,\n      },\n      { keepDirty: false, keepValues: false },\n    )\n    setAlerts({})\n    setIsModalOpen(true)\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_EDIT)\n  }\n\n  const onEditContractorSubmit = (data: EditContractorPaymentFormValues) => {\n    const currentContractor = contractors.find(c => c.uuid === data.contractorUuid)\n    const currentContractorPaymentMethod = currentContractor?.paymentMethod\n\n    if (!['Check', 'Direct Deposit'].includes(data.paymentMethod)) {\n      formMethods.setError('paymentMethod', {\n        type: 'manual',\n        message: t('editContractorPayment.errors.unsupportedPaymentMethod'),\n      })\n      return\n    }\n\n    if (currentContractorPaymentMethod === 'Check' && data.paymentMethod === 'Direct Deposit') {\n      formMethods.setError('paymentMethod', {\n        type: 'manual',\n        message: t('editContractorPayment.errors.directDepositNotAvailable'),\n      })\n      return\n    }\n\n    const hasAnyPayment =\n      (data.wage ?? 0) > 0 ||\n      (data.hours ?? 0) > 0 ||\n      (data.bonus ?? 0) > 0 ||\n      (data.reimbursement ?? 0) > 0\n\n    setVirtualContractorPayments(prevPayments =>\n      prevPayments.map(payment =>\n        payment.contractorUuid === data.contractorUuid\n          ? {\n              contractorUuid: payment.contractorUuid,\n              wage: String(data.wage ?? 0),\n              hours: String(data.hours ?? 0),\n              bonus: String(data.bonus ?? 0),\n              reimbursement: String(data.reimbursement ?? 0),\n              paymentMethod: data.paymentMethod,\n              isTouched: hasAnyPayment,\n            }\n          : payment,\n      ),\n    )\n    const displayContractor = contractors.find(\n      contractor => contractor.uuid === data.contractorUuid,\n    )\n    const displayName = DOMPurify.sanitize(\n      displayContractor?.type === 'Individual'\n        ? firstLastName({\n            first_name: displayContractor.firstName,\n            last_name: displayContractor.lastName,\n          })\n        : displayContractor?.businessName || '',\n    )\n    setAlerts(prevAlerts => ({\n      ...prevAlerts,\n      [data.contractorUuid]: {\n        type: 'success',\n        title: t('alerts.contractorPaymentUpdated', {\n          contractorName: displayName,\n          interpolation: { escapeValue: false },\n        }),\n        onDismiss: () => {\n          setAlerts(prevAlerts => {\n            const { [data.contractorUuid]: _, ...rest } = prevAlerts\n            return rest\n          })\n        },\n      },\n    }))\n    setIsModalOpen(false)\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_UPDATE, data)\n  }\n\n  const onContinueToPreview = async () => {\n    await baseSubmitHandler(null, async () => {\n      const contractorPayments = virtualContractorPayments.filter(payment => payment.isTouched)\n      if (contractorPayments.length === 0) {\n        setAlerts({\n          ...alerts,\n          error: {\n            type: 'error',\n            title: t('alerts.noContractorPayments'),\n          },\n        })\n        return\n      }\n      setAlerts({})\n      setPayrollBlockers([])\n\n      const result = await payrollSubmitHandler(async () => {\n        const response = await previewContractorPaymentGroup({\n          request: {\n            companyId,\n            requestBody: {\n              contractorPayments: contractorPayments.map(({ isTouched, ...rest }) => rest),\n              checkDate: new RFCDate(paymentDate),\n            },\n          },\n        })\n        setPreviewData(response.contractorPaymentGroupPreview || null)\n        onEvent(componentEvents.CONTRACTOR_PAYMENT_PREVIEW, response.contractorPaymentGroupPreview)\n      })\n\n      if (!result.success && result.blockers.length > 0) {\n        setPayrollBlockers(result.blockers)\n      }\n    })\n  }\n  const onBackToEdit = () => {\n    setPreviewData(null)\n    setPayrollBlockers([])\n    setSelectedUnblockOptions({})\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_BACK_TO_EDIT)\n  }\n  const onViewBlockers = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_RFI_RESPOND)\n  }\n\n  return (\n    <>\n      {previewData && (\n        <PreviewPresentation\n          contractorPaymentGroup={previewData}\n          contractors={contractors}\n          onBackToEdit={onBackToEdit}\n          onSubmit={onCreatePaymentGroup}\n          isLoading={isCreatingContractorPaymentGroup || isPreviewingContractorPaymentGroup}\n          bankAccount={bankAccount}\n          selectedUnblockOptions={selectedUnblockOptions}\n          onUnblockOptionChange={onUnblockOptionChange}\n          paymentSpeed={paymentSpeed}\n        />\n      )}\n      {!previewData && (\n        <CreatePaymentPresentation\n          contractors={contractors}\n          contractorPayments={virtualContractorPayments}\n          paymentDate={paymentDate}\n          onPaymentDateChange={setPaymentDate}\n          onSaveAndContinue={onContinueToPreview}\n          onEditContractor={onEditContractor}\n          totals={totals}\n          alerts={alerts}\n          payrollBlockers={payrollBlockers}\n          onViewBlockers={onViewBlockers}\n          isLoading={isCreatingContractorPaymentGroup || isPreviewingContractorPaymentGroup}\n        />\n      )}\n      <EditContractorPaymentPresentation\n        isOpen={isModalOpen}\n        onClose={() => {\n          setIsModalOpen(false)\n        }}\n        formMethods={formMethods}\n        onSubmit={onEditContractorSubmit}\n        contractorPaymentMethod={\n          contractors.find(c => c.uuid === formMethods.getValues('contractorUuid'))\n            ?.paymentMethod ?? undefined\n        }\n      />\n    </>\n  )\n}\n"],"names":["CreatePayment","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","useComponentDictionary","t","useTranslation","isModalOpen","setIsModalOpen","useState","paymentDate","setPaymentDate","baseSubmitHandler","useBase","alerts","setAlerts","previewData","setPreviewData","payrollBlockers","setPayrollBlockers","selectedUnblockOptions","setSelectedUnblockOptions","createContractorPaymentGroup","isCreatingContractorPaymentGroup","useContractorPaymentGroupsCreateMutation","previewContractorPaymentGroup","isPreviewingContractorPaymentGroup","useContractorPaymentGroupsPreviewMutation","contractorList","useContractorsListSuspense","contractors","contractor","ContractorOnboardingStatus","bankAccounts","useBankAccountsGet","paymentConfigs","usePaymentConfigsGet","bankAccount","paymentSpeed","initialContractorPayments","useMemo","paymentMethod","virtualContractorPayments","setVirtualContractorPayments","totals","acc","payment","c","isHourly","hours","wage","bonus","reimbursement","hourlyAmount","fixedWage","formMethods","useForm","zodResolver","createEditContractorPaymentFormSchema","jsxs","Fragment","PreviewPresentation","componentEvents","contractorPayments","creationToken","submissionBlockers","blockerType","selectedOption","requestBody","RFCDate","isTouched","rest","response","value","prev","CreatePaymentPresentation","result","payrollSubmitHandler","contractorUuid","contractorPayment","rawPaymentMethod","sanitizedPaymentMethod","EditContractorPaymentPresentation","data","currentContractorPaymentMethod","hasAnyPayment","prevPayments","displayContractor","displayName","DOMPurify","firstLastName","prevAlerts","_"],"mappings":"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"}

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

@@ -5,6 +5,7 @@ import { getContractorDisplayName as F } from "./helpers.js";
 import { PayrollBlockerAlerts as M } from "../../../Payroll/PayrollBlocker/components/PayrollBlockerAlerts.js";
 import { Flex as a, FlexItem as j } from "../../../Common/Flex/Flex.js";
 import "classnames";
+import "../../../../shared/constants.js";
 import { EmptyData as v } from "../../../Common/EmptyData/EmptyData.js";
 import { HamburgerMenu as I } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
@@ -12,7 +13,7 @@ import { useI18n as O } from "../../../../i18n/I18n.js";
 import { formatHoursDisplay as U } from "../../../Payroll/helpers.js";
 import $ from "../../../../hooks/useNumberFormatter.js";
 import { DataView as B } from "../../../Common/DataView/DataView.js";
-const E = "0.000", te = ({
+const E = "0.000", ne = ({
   contractors: m,
   paymentDate: h,
   contractorPayments: u,
@@ -143,6 +144,6 @@ const E = "0.000", te = ({
   ] });
 };
 export {
-  te as CreatePaymentPresentation
+  ne 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 type { ApiPayrollBlocker } from '@/components/Payroll/PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '@/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts'\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 & { isTouched?: boolean })[]\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  payrollBlockers?: ApiPayrollBlocker[]\n  onViewBlockers?: () => void\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  payrollBlockers = [],\n  onViewBlockers,\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) return ''\n    if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n      return `${t('wageTypes.hourly')} ${currencyFormatter(Number(contractor.hourlyRate || '0'))}${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      {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        <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                const hours = Number(paymentData.hours || '0')\n                return (\n                  <Text>\n                    {paymentData.contractorDetails?.wageType === 'Hourly' && hours\n                      ? formatHoursDisplay(hours)\n                      : ZERO_HOURS_DISPLAY}\n                  </Text>\n                )\n              },\n            },\n            {\n              title: t('contractorTableHeaders.wage'),\n              render: paymentData => {\n                const amount =\n                  paymentData.contractorDetails?.wageType === 'Fixed' && paymentData.wage\n                    ? Number(paymentData.wage || '0')\n                    : 0\n                return <Text>{currencyFormatter(amount)}</Text>\n              },\n            },\n            {\n              title: t('contractorTableHeaders.bonus'),\n              render: paymentData => (\n                <Text>{currencyFormatter(Number(paymentData.bonus || '0'))}</Text>\n              ),\n            },\n            {\n              title: t('contractorTableHeaders.reimbursement'),\n              render: paymentData => (\n                <Text>{currencyFormatter(Number(paymentData.reimbursement || '0'))}</Text>\n              ),\n            },\n            {\n              title: t('contractorTableHeaders.total'),\n              render: ({ bonus, reimbursement, wage, hours, contractorDetails }) => {\n                const totalAmount =\n                  Number(bonus || '0') +\n                  Number(reimbursement || '0') +\n                  Number(wage || '0') +\n                  (contractorDetails?.wageType === 'Hourly' && hours\n                    ? Number(hours || '0') * 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","payrollBlockers","onViewBlockers","isLoading","Button","Text","Heading","TextInput","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","tableData","useMemo","payment","jsxs","Flex","jsx","FlexItem","PayrollBlockerAlerts","alert","DataView","paymentData","getContractorDisplayName","hours","formatHoursDisplay","amount","bonus","reimbursement","wage","contractorDetails","totalAmount","HamburgerMenu","EmptyData"],"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 type { ApiPayrollBlocker } from '@/components/Payroll/PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '@/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts'\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 & { isTouched?: boolean })[]\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  payrollBlockers?: ApiPayrollBlocker[]\n  onViewBlockers?: () => void\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  payrollBlockers = [],\n  onViewBlockers,\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) return ''\n    if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n      return `${t('wageTypes.hourly')} ${currencyFormatter(Number(contractor.hourlyRate || '0'))}${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      {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        <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                const hours = Number(paymentData.hours || '0')\n                return (\n                  <Text>\n                    {paymentData.contractorDetails?.wageType === 'Hourly' && hours\n                      ? formatHoursDisplay(hours)\n                      : ZERO_HOURS_DISPLAY}\n                  </Text>\n                )\n              },\n            },\n            {\n              title: t('contractorTableHeaders.wage'),\n              render: paymentData => {\n                const amount =\n                  paymentData.contractorDetails?.wageType === 'Fixed' && paymentData.wage\n                    ? Number(paymentData.wage || '0')\n                    : 0\n                return <Text>{currencyFormatter(amount)}</Text>\n              },\n            },\n            {\n              title: t('contractorTableHeaders.bonus'),\n              render: paymentData => (\n                <Text>{currencyFormatter(Number(paymentData.bonus || '0'))}</Text>\n              ),\n            },\n            {\n              title: t('contractorTableHeaders.reimbursement'),\n              render: paymentData => (\n                <Text>{currencyFormatter(Number(paymentData.reimbursement || '0'))}</Text>\n              ),\n            },\n            {\n              title: t('contractorTableHeaders.total'),\n              render: ({ bonus, reimbursement, wage, hours, contractorDetails }) => {\n                const totalAmount =\n                  Number(bonus || '0') +\n                  Number(reimbursement || '0') +\n                  Number(wage || '0') +\n                  (contractorDetails?.wageType === 'Hourly' && hours\n                    ? Number(hours || '0') * 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","payrollBlockers","onViewBlockers","isLoading","Button","Text","Heading","TextInput","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","tableData","useMemo","payment","jsxs","Flex","jsx","FlexItem","PayrollBlockerAlerts","alert","DataView","paymentData","getContractorDisplayName","hours","formatHoursDisplay","amount","bonus","reimbursement","wage","contractorDetails","totalAmount","HamburgerMenu","EmptyData"],"mappings":"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"}

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

@@ -1,84 +1,36 @@
 import { z } from 'zod';
 export declare const EditContractorPaymentFormSchema: z.ZodObject<{
-    wageType: z.ZodEnum<["Hourly", "Fixed"]>;
+    wageType: z.ZodEnum<{
+        Hourly: "Hourly";
+        Fixed: "Fixed";
+    }>;
     hours: z.ZodOptional<z.ZodNumber>;
     wage: z.ZodOptional<z.ZodNumber>;
     bonus: z.ZodOptional<z.ZodNumber>;
     reimbursement: z.ZodOptional<z.ZodNumber>;
-    paymentMethod: z.ZodEnum<["Check", "Direct Deposit"]>;
+    paymentMethod: z.ZodEnum<{
+        Check: "Check";
+        "Direct Deposit": "Direct Deposit";
+    }>;
     hourlyRate: z.ZodOptional<z.ZodNumber>;
     contractorUuid: z.ZodString;
     contractorPaymentMethod: z.ZodOptional<z.ZodString>;
-}, "strip", z.ZodTypeAny, {
-    wageType: "Hourly" | "Fixed";
-    paymentMethod: "Check" | "Direct Deposit";
-    contractorUuid: string;
-    reimbursement?: number | undefined;
-    hours?: number | undefined;
-    wage?: number | undefined;
-    bonus?: number | undefined;
-    hourlyRate?: number | undefined;
-    contractorPaymentMethod?: string | undefined;
-}, {
-    wageType: "Hourly" | "Fixed";
-    paymentMethod: "Check" | "Direct Deposit";
-    contractorUuid: string;
-    reimbursement?: number | undefined;
-    hours?: number | undefined;
-    wage?: number | undefined;
-    bonus?: number | undefined;
-    hourlyRate?: number | undefined;
-    contractorPaymentMethod?: string | undefined;
-}>;
-export declare const createEditContractorPaymentFormSchema: () => z.ZodEffects<z.ZodObject<{
-    wageType: z.ZodEnum<["Hourly", "Fixed"]>;
+}, z.core.$strip>;
+export declare const createEditContractorPaymentFormSchema: () => z.ZodObject<{
+    wageType: z.ZodEnum<{
+        Hourly: "Hourly";
+        Fixed: "Fixed";
+    }>;
     hours: z.ZodOptional<z.ZodNumber>;
     wage: z.ZodOptional<z.ZodNumber>;
     bonus: z.ZodOptional<z.ZodNumber>;
     reimbursement: z.ZodOptional<z.ZodNumber>;
-    paymentMethod: z.ZodEnum<["Check", "Direct Deposit"]>;
+    paymentMethod: z.ZodEnum<{
+        Check: "Check";
+        "Direct Deposit": "Direct Deposit";
+    }>;
     hourlyRate: z.ZodOptional<z.ZodNumber>;
     contractorUuid: z.ZodString;
     contractorPaymentMethod: z.ZodOptional<z.ZodString>;
-}, "strip", z.ZodTypeAny, {
-    wageType: "Hourly" | "Fixed";
-    paymentMethod: "Check" | "Direct Deposit";
-    contractorUuid: string;
-    reimbursement?: number | undefined;
-    hours?: number | undefined;
-    wage?: number | undefined;
-    bonus?: number | undefined;
-    hourlyRate?: number | undefined;
-    contractorPaymentMethod?: string | undefined;
-}, {
-    wageType: "Hourly" | "Fixed";
-    paymentMethod: "Check" | "Direct Deposit";
-    contractorUuid: string;
-    reimbursement?: number | undefined;
-    hours?: number | undefined;
-    wage?: number | undefined;
-    bonus?: number | undefined;
-    hourlyRate?: number | undefined;
-    contractorPaymentMethod?: string | undefined;
-}>, {
-    wageType: "Hourly" | "Fixed";
-    paymentMethod: "Check" | "Direct Deposit";
-    contractorUuid: string;
-    reimbursement?: number | undefined;
-    hours?: number | undefined;
-    wage?: number | undefined;
-    bonus?: number | undefined;
-    hourlyRate?: number | undefined;
-    contractorPaymentMethod?: string | undefined;
-}, {
-    wageType: "Hourly" | "Fixed";
-    paymentMethod: "Check" | "Direct Deposit";
-    contractorUuid: string;
-    reimbursement?: number | undefined;
-    hours?: number | undefined;
-    wage?: number | undefined;
-    bonus?: number | undefined;
-    hourlyRate?: number | undefined;
-    contractorPaymentMethod?: string | undefined;
-}>;
+}, z.core.$strip>;
 export type EditContractorPaymentFormValues = z.infer<typeof EditContractorPaymentFormSchema>;