@gusto/embedded-react-sdk 0.25.0 → 0.27.0

package/dist/components/Company/StateTaxes/StateTaxesForm/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n  isPending: boolean\n  state: string\n  stateTaxRequirements: TaxRequirementsState\n  handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n  createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n  isPending: boolean\n  state: string\n  stateTaxRequirements: TaxRequirementsState\n  handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n  createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}

package/dist/components/Company/StateTaxes/StateTaxesList/context.js

@@ -11,10 +11,11 @@ import "classnames";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import "dompurify";
+import "../../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [c, d] = t("StateTaxesListContext");
+const [d, u] = t("StateTaxesListContext");
 export {
-  d as StateTaxesListProvider,
-  c as useStateTaxesList
+  u as StateTaxesListProvider,
+  d as useStateTaxesList
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/StateTaxes/StateTaxesList/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/context.ts"],"sourcesContent":["import type { ResponseBody } from '@gusto/embedded-api/models/operations/getv1companiescompanyuuidtaxrequirements'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesListContextType = {\n  isPending: boolean\n  stateTaxRequirements: ResponseBody[]\n  handleContinue: () => void\n  handleChange: (state: string) => void\n}\n\nconst [useStateTaxesList, StateTaxesListProvider] =\n  createCompoundContext<StateTaxesListContextType>('StateTaxesListContext')\n\nexport { useStateTaxesList, StateTaxesListProvider }\n"],"names":["useStateTaxesList","StateTaxesListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAAiD,uBAAuB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/context.ts"],"sourcesContent":["import type { ResponseBody } from '@gusto/embedded-api/models/operations/getv1companiescompanyuuidtaxrequirements'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesListContextType = {\n  isPending: boolean\n  stateTaxRequirements: ResponseBody[]\n  handleContinue: () => void\n  handleChange: (state: string) => void\n}\n\nconst [useStateTaxesList, StateTaxesListProvider] =\n  createCompoundContext<StateTaxesListContextType>('StateTaxesListContext')\n\nexport { useStateTaxesList, StateTaxesListProvider }\n"],"names":["useStateTaxesList","StateTaxesListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAAiD,uBAAuB;"}

package/dist/components/Contractor/Address/Form.js

@@ -1,15 +1,14 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { useTranslation as s } from "react-i18next";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { useTranslation as i } from "react-i18next";
 import { STATES_ABBR as o } from "../../../shared/constants.js";
 import { Grid as l } from "../../Common/Grid/Grid.js";
-import "classnames";
+import { TextInputField as t } from "../../Common/Fields/TextInputField/TextInputField.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { TextInputField as t } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { SelectField as m } from "../../Common/Fields/SelectField/SelectField.js";
-function T() {
-  const { t: e } = s("Contractor.Address");
-  return /* @__PURE__ */ i(l, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
+function R() {
+  const { t: e } = i("Contractor.Address");
+  return /* @__PURE__ */ s(l, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
     /* @__PURE__ */ r(
       t,
       {
@@ -47,6 +46,6 @@ function T() {
   ] });
 }
 export {
-  T as Form
+  R as Form
 };
 //# sourceMappingURL=Form.js.map

package/dist/components/Contractor/Address/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../src/components/Contractor/Address/Form.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { TextInputField, SelectField, Grid } from '@/components/Common'\nimport { STATES_ABBR } from '@/shared/constants'\n\nexport function Form() {\n  const { t } = useTranslation('Contractor.Address')\n\n  return (\n    <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n      <TextInputField\n        name=\"street1\"\n        label={t('street1')}\n        isRequired\n        errorMessage={t('validations.street1')}\n      />\n      <TextInputField name=\"street2\" label={t('street2')} />\n      <TextInputField\n        name=\"city\"\n        label={t('city')}\n        isRequired\n        errorMessage={t('validations.city')}\n      />\n      <SelectField\n        name=\"state\"\n        options={STATES_ABBR.map(stateAbbr => ({\n          label: t(`statesHash.${stateAbbr}`, { ns: 'common', defaultValue: stateAbbr }),\n          value: stateAbbr,\n        }))}\n        label={t('state')}\n        placeholder={t('statePlaceholder')}\n        errorMessage={t('validations.state')}\n        isRequired\n      />\n      <TextInputField name=\"zip\" label={t('zip')} isRequired errorMessage={t('validations.zip')} />\n    </Grid>\n  )\n}\n"],"names":["Form","t","useTranslation","jsxs","Grid","jsx","TextInputField","SelectField","STATES_ABBR","stateAbbr"],"mappings":";;;;;;;;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB;AAEjD,SACE,gBAAAC,EAACC,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,KAAK,EAAA,GAAK,KAAK,IACtE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,SAAS;AAAA,QAClB,YAAU;AAAA,QACV,cAAcA,EAAE,qBAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,sBAEtCK,GAAA,EAAe,MAAK,WAAU,OAAOL,EAAE,SAAS,GAAG;AAAA,IACpD,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,MAAM;AAAA,QACf,YAAU;AAAA,QACV,cAAcA,EAAE,kBAAkB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEpC,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAASC,EAAY,IAAI,CAAAC,OAAc;AAAA,UACrC,OAAOR,EAAE,cAAcQ,CAAS,IAAI,EAAE,IAAI,UAAU,cAAcA,GAAW;AAAA,UAC7E,OAAOA;AAAA,QAAA,EACP;AAAA,QACF,OAAOR,EAAE,OAAO;AAAA,QAChB,aAAaA,EAAE,kBAAkB;AAAA,QACjC,cAAcA,EAAE,mBAAmB;AAAA,QACnC,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAI,EAACC,GAAA,EAAe,MAAK,OAAM,OAAOL,EAAE,KAAK,GAAG,YAAU,IAAC,cAAcA,EAAE,iBAAiB,EAAA,CAAG;AAAA,EAAA,GAC7F;AAEJ;"}
+{"version":3,"file":"Form.js","sources":["../../../../src/components/Contractor/Address/Form.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { TextInputField, SelectField, Grid } from '@/components/Common'\nimport { STATES_ABBR } from '@/shared/constants'\n\nexport function Form() {\n  const { t } = useTranslation('Contractor.Address')\n\n  return (\n    <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n      <TextInputField\n        name=\"street1\"\n        label={t('street1')}\n        isRequired\n        errorMessage={t('validations.street1')}\n      />\n      <TextInputField name=\"street2\" label={t('street2')} />\n      <TextInputField\n        name=\"city\"\n        label={t('city')}\n        isRequired\n        errorMessage={t('validations.city')}\n      />\n      <SelectField\n        name=\"state\"\n        options={STATES_ABBR.map(stateAbbr => ({\n          label: t(`statesHash.${stateAbbr}`, { ns: 'common', defaultValue: stateAbbr }),\n          value: stateAbbr,\n        }))}\n        label={t('state')}\n        placeholder={t('statePlaceholder')}\n        errorMessage={t('validations.state')}\n        isRequired\n      />\n      <TextInputField name=\"zip\" label={t('zip')} isRequired errorMessage={t('validations.zip')} />\n    </Grid>\n  )\n}\n"],"names":["Form","t","useTranslation","jsxs","Grid","jsx","TextInputField","SelectField","STATES_ABBR","stateAbbr"],"mappings":";;;;;;;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oBAAoB;AAEjD,SACE,gBAAAC,EAACC,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,KAAK,EAAA,GAAK,KAAK,IACtE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,SAAS;AAAA,QAClB,YAAU;AAAA,QACV,cAAcA,EAAE,qBAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,sBAEtCK,GAAA,EAAe,MAAK,WAAU,OAAOL,EAAE,SAAS,GAAG;AAAA,IACpD,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,MAAM;AAAA,QACf,YAAU;AAAA,QACV,cAAcA,EAAE,kBAAkB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEpC,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAASC,EAAY,IAAI,CAAAC,OAAc;AAAA,UACrC,OAAOR,EAAE,cAAcQ,CAAS,IAAI,EAAE,IAAI,UAAU,cAAcA,GAAW;AAAA,UAC7E,OAAOA;AAAA,QAAA,EACP;AAAA,QACF,OAAOR,EAAE,OAAO;AAAA,QAChB,aAAaA,EAAE,kBAAkB;AAAA,QACjC,cAAcA,EAAE,mBAAmB;AAAA,QACnC,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAI,EAACC,GAAA,EAAe,MAAK,OAAM,OAAOL,EAAE,KAAK,GAAG,YAAU,IAAC,cAAcA,EAAE,iBAAiB,EAAA,CAAG;AAAA,EAAA,GAC7F;AAEJ;"}

package/dist/components/Contractor/Address/useAddress.js

@@ -12,19 +12,20 @@ import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import "dompurify";
+import "../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as r } from "../../Base/createCompoundContext.js";
-const u = t.object({
+const z = t.object({
   street1: t.string().min(1),
   street2: t.string().optional(),
   city: t.string().min(1),
   state: t.string().min(1),
   zip: t.string().min(1)
-}), [z, b] = r(
+}), [b, h] = r(
   "ContractorAddressContext"
 );
 export {
-  u as AddressFormSchema,
-  b as AddressProvider,
-  z as useAddress
+  z as AddressFormSchema,
+  h as AddressProvider,
+  b as useAddress
 };
 //# sourceMappingURL=useAddress.js.map

package/dist/components/Contractor/Address/useAddress.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAddress.js","sources":["../../../../src/components/Contractor/Address/useAddress.ts"],"sourcesContent":["import type { Contractor, ContractorType } from '@gusto/embedded-api/models/components/contractor'\nimport type { ContractorAddress } from '@gusto/embedded-api/models/components/contractoraddress'\nimport { z } from 'zod'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport interface AddressContextType {\n  contractor?: Contractor\n  contractorType?: ContractorType\n  address?: ContractorAddress\n  isPending: boolean\n}\n\nexport type AddressDefaultValues = RequireAtLeastOne<\n  Pick<ContractorAddress, 'street1' | 'street2' | 'city' | 'state' | 'zip'>\n>\n\nexport const AddressFormSchema = z.object({\n  street1: z.string().min(1),\n  street2: z.string().optional(),\n  city: z.string().min(1),\n  state: z.string().min(1),\n  zip: z.string().min(1),\n})\n\nexport type AddressFormValues = z.infer<typeof AddressFormSchema>\n\nconst [useAddress, AddressProvider] = createCompoundContext<AddressContextType>(\n  'ContractorAddressContext',\n)\n\nexport { useAddress, AddressProvider }\n"],"names":["AddressFormSchema","z","useAddress","AddressProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAiBO,MAAMA,IAAoBC,EAAE,OAAO;AAAA,EACxC,SAASA,EAAE,SAAS,IAAI,CAAC;AAAA,EACzB,SAASA,EAAE,OAAA,EAAS,SAAA;AAAA,EACpB,MAAMA,EAAE,SAAS,IAAI,CAAC;AAAA,EACtB,OAAOA,EAAE,SAAS,IAAI,CAAC;AAAA,EACvB,KAAKA,EAAE,OAAA,EAAS,IAAI,CAAC;AACvB,CAAC,GAIK,CAACC,GAAYC,CAAe,IAAIC;AAAA,EACpC;AACF;"}
+{"version":3,"file":"useAddress.js","sources":["../../../../src/components/Contractor/Address/useAddress.ts"],"sourcesContent":["import type { Contractor, ContractorType } from '@gusto/embedded-api/models/components/contractor'\nimport type { ContractorAddress } from '@gusto/embedded-api/models/components/contractoraddress'\nimport { z } from 'zod'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport interface AddressContextType {\n  contractor?: Contractor\n  contractorType?: ContractorType\n  address?: ContractorAddress\n  isPending: boolean\n}\n\nexport type AddressDefaultValues = RequireAtLeastOne<\n  Pick<ContractorAddress, 'street1' | 'street2' | 'city' | 'state' | 'zip'>\n>\n\nexport const AddressFormSchema = z.object({\n  street1: z.string().min(1),\n  street2: z.string().optional(),\n  city: z.string().min(1),\n  state: z.string().min(1),\n  zip: z.string().min(1),\n})\n\nexport type AddressFormValues = z.infer<typeof AddressFormSchema>\n\nconst [useAddress, AddressProvider] = createCompoundContext<AddressContextType>(\n  'ContractorAddressContext',\n)\n\nexport { useAddress, AddressProvider }\n"],"names":["AddressFormSchema","z","useAddress","AddressProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;AAiBO,MAAMA,IAAoBC,EAAE,OAAO;AAAA,EACxC,SAASA,EAAE,SAAS,IAAI,CAAC;AAAA,EACzB,SAASA,EAAE,OAAA,EAAS,SAAA;AAAA,EACpB,MAAMA,EAAE,SAAS,IAAI,CAAC;AAAA,EACtB,OAAOA,EAAE,SAAS,IAAI,CAAC;AAAA,EACvB,KAAKA,EAAE,OAAA,EAAS,IAAI,CAAC;AACvB,CAAC,GAIK,CAACC,GAAYC,CAAe,IAAIC;AAAA,EACpC;AACF;"}

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/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

@@ -1,60 +1,63 @@
-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 { jsx as P, jsxs as q, Fragment as x } from "react/jsx-runtime";
+import { useContractorsListSuspense as F } from "@gusto/embedded-api/react-query/contractorsList";
+import { useContractorPaymentGroupsCreateMutation as I } from "@gusto/embedded-api/react-query/contractorPaymentGroupsCreate";
+import { useContractorPaymentGroupsPreviewMutation as V } from "@gusto/embedded-api/react-query/contractorPaymentGroupsPreview";
+import { useState as u, useMemo as M } from "react";
 import { RFCDate as N } from "@gusto/embedded-api/types/rfcdate";
-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 }) });
+import { useForm as j } from "react-hook-form";
+import { zodResolver as W } from "@hookform/resolvers/zod";
+import { useTranslation as z } from "react-i18next";
+import { useBankAccountsGet as K } from "@gusto/embedded-api/react-query/bankAccountsGet";
+import { CreatePaymentPresentation as J } from "./CreatePaymentPresentation.js";
+import { EditContractorPaymentFormSchema as Q, EditContractorPaymentPresentation as X } from "./EditContractorPaymentPresentation.js";
+import { PreviewPresentation as Z } from "./PreviewPresentation.js";
+import { useComponentDictionary as $ } from "../../../../i18n/I18n.js";
+import { BaseComponent as tt } from "../../../Base/Base.js";
+import { useBase as et } from "../../../Base/useBase.js";
+import { ContractorOnboardingStatus as ot, componentEvents as d } from "../../../../shared/constants.js";
+import { firstLastName as rt } from "../../../../helpers/formattedStrings.js";
+function Et(s) {
+  return /* @__PURE__ */ P(tt, { ...s, children: /* @__PURE__ */ P(nt, { ...s, children: s.children }) });
 }
-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(
+const nt = ({ companyId: s, dictionary: E, onEvent: m }) => {
+  $("Contractor.Payments.CreatePayment", E);
+  const { t: f } = z("Contractor.Payments.CreatePayment"), [k, C] = u(!1), [b, U] = u(
     (/* @__PURE__ */ new Date()).toISOString().split("T")[0] || ""
-  ), { baseSubmitHandler: h } = $(), [b, i] = l({}), [m, w] = l(null), { mutateAsync: _, isPending: g } = x(), {
+  ), { baseSubmitHandler: h } = et(), [T, l] = u({}), [p, g] = u(null), [w, A] = u({}), { mutateAsync: _, isPending: D } = I(), {
     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,
-      hours: 0,
-      bonus: 0,
-      reimbursement: 0,
-      isTouched: !1
-    })),
+    isPending: O
+  } = V(), { data: S } = F({ companyUuid: s }), a = (S.contractorList || []).filter(
+    (t) => t.isActive && t.onboardingStatus === ot.ONBOARDING_COMPLETED
+  ), { data: v } = K({ companyId: s }), B = v?.companyBankAccounts?.[0], L = M(
+    () => a.map((t) => {
+      const e = t.paymentMethod ? t.paymentMethod : "Direct Deposit";
+      return {
+        contractorUuid: t.uuid,
+        paymentMethod: e,
+        wage: 0,
+        hours: 0,
+        bonus: 0,
+        reimbursement: 0,
+        isTouched: !1
+      };
+    }),
     [a]
-  ), [c, B] = l(U), L = R(
+  ), [c, H] = u(L), Y = M(
     () => c.reduce(
       (t, e) => {
-        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;
+        const o = a.find((y) => y.uuid === e.contractorUuid), r = o?.wageType === "Hourly", n = r ? (e.hours || 0) * Number(o.hourlyRate || 0) : 0, i = r ? 0 : e.wage || 0;
         return {
-          wage: t.wage + C,
+          wage: t.wage + i,
           bonus: t.bonus + (e.bonus || 0),
           reimbursement: t.reimbursement + (e.reimbursement || 0),
-          total: t.total + n + C + (e.bonus || 0) + (e.reimbursement || 0)
+          total: t.total + n + i + (e.bonus || 0) + (e.reimbursement || 0)
         };
       },
       { wage: 0, bonus: 0, reimbursement: 0, total: 0 }
     ),
     [c, a]
-  ), D = I({
-    resolver: V(K),
+  ), R = j({
+    resolver: W(Q),
     defaultValues: {
       wageType: "Hourly",
       hours: 0,
@@ -66,58 +69,69 @@ const ot = ({ companyId: s, dictionary: E, onEvent: u }) => {
       contractorUuid: ""
     }
   });
-  return /* @__PURE__ */ H(Y, { children: [
-    m && /* @__PURE__ */ p(
-      Q,
+  return /* @__PURE__ */ q(x, { children: [
+    p && /* @__PURE__ */ P(
+      Z,
       {
-        contractorPaymentGroup: m,
+        contractorPaymentGroup: p,
         contractors: a,
         onBackToEdit: () => {
-          w(null), u(y.CONTRACTOR_PAYMENT_BACK_TO_EDIT);
+          g(null), A({}), m(d.CONTRACTOR_PAYMENT_BACK_TO_EDIT);
         },
         onSubmit: async () => {
           await h(null, async () => {
-            const t = c.filter((r) => r.isTouched);
-            if (t.length === 0 || !m?.creationToken)
+            const t = c.filter((i) => i.isTouched);
+            if (t.length === 0 || !p?.creationToken)
               return;
-            const e = m.creationToken, o = await _({
+            const e = p.creationToken, o = Object.entries(w).map(([i, y]) => ({
+              blockerType: i,
+              selectedOption: y
+            })), r = {
+              checkDate: new N(b),
+              contractorPayments: t,
+              creationToken: e,
+              ...o.length > 0 && { submissionBlockers: o }
+            }, n = await _({
               request: {
                 companyId: s,
-                requestBody: {
-                  checkDate: new N(P),
-                  contractorPayments: t,
-                  creationToken: e
-                }
+                requestBody: r
               }
             });
-            i({}), u(y.CONTRACTOR_PAYMENT_CREATED, o.contractorPaymentGroup || {});
+            m(d.CONTRACTOR_PAYMENT_CREATED, n.contractorPaymentGroup || {});
           });
         },
-        isLoading: g || A,
-        bankAccount: S
+        isLoading: D || O,
+        bankAccount: B,
+        selectedUnblockOptions: w,
+        onUnblockOptionChange: (t, e) => {
+          A((o) => ({
+            ...o,
+            [t]: e
+          }));
+        }
       }
     ),
-    !m && /* @__PURE__ */ p(
-      z,
+    !p && /* @__PURE__ */ P(
+      J,
       {
         contractors: a,
         contractorPayments: c,
-        paymentDate: P,
-        onPaymentDateChange: O,
+        paymentDate: b,
+        onPaymentDateChange: U,
         onSaveAndContinue: async () => {
           await h(null, async () => {
             const t = c.filter((o) => o.isTouched);
             if (t.length === 0) {
-              i({
-                ...b,
+              l({
+                ...T,
                 error: {
                   type: "error",
-                  title: T("alerts.noContractorPayments")
+                  title: f("alerts.noContractorPayments")
                 }
               });
               return;
             }
-            i({});
+            l({});
             const e = await G({
               request: {
                 companyId: s,
@@ -126,18 +140,18 @@ const ot = ({ companyId: s, dictionary: E, onEvent: u }) => {
                     const { isTouched: r, ...n } = o;
                     return n;
                   }),
-                  checkDate: new N(P)
+                  checkDate: new N(b)
                 }
               }
             });
-            w(e.contractorPaymentGroupPreview || null), u(y.CONTRACTOR_PAYMENT_PREVIEW, e.contractorPaymentGroupPreview);
+            g(e.contractorPaymentGroupPreview || null), m(d.CONTRACTOR_PAYMENT_PREVIEW, e.contractorPaymentGroupPreview);
           });
         },
         onEditContractor: (t) => {
           const e = a.find((r) => r.uuid === t), o = c.find(
             (r) => r.contractorUuid === t
           );
-          D.reset(
+          R.reset(
             {
               wageType: e?.wageType || "Hourly",
               hours: o?.hours || 0,
@@ -149,23 +163,23 @@ const ot = ({ companyId: s, dictionary: E, onEvent: u }) => {
               contractorUuid: t
             },
             { keepDirty: !1, keepValues: !1 }
-          ), i({}), d(!0), u(y.CONTRACTOR_PAYMENT_EDIT);
+          ), l({}), C(!0), m(d.CONTRACTOR_PAYMENT_EDIT);
         },
-        totals: L,
-        alerts: b,
-        isLoading: g || A
+        totals: Y,
+        alerts: T,
+        isLoading: D || O
       }
     ),
-    /* @__PURE__ */ p(
-      J,
+    /* @__PURE__ */ P(
+      X,
       {
-        isOpen: M,
+        isOpen: k,
         onClose: () => {
-          d(!1);
+          C(!1);
         },
-        formMethods: D,
+        formMethods: R,
         onSubmit: (t) => {
-          B(
+          H(
             (r) => r.map(
               (n) => n.contractorUuid === t.contractorUuid ? {
                 contractorUuid: n.contractorUuid,
@@ -178,29 +192,29 @@ const ot = ({ companyId: s, dictionary: E, onEvent: u }) => {
               } : n
             )
           );
-          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) => ({
+          const e = a.find((r) => r.uuid === t.contractorUuid), o = e?.type === "Individual" ? rt({ first_name: e.firstName, last_name: e.lastName }) : e?.businessName;
+          l((r) => ({
             ...r,
             [t.contractorUuid]: {
               type: "success",
-              title: T("alerts.contractorPaymentUpdated", {
+              title: f("alerts.contractorPaymentUpdated", {
                 contractorName: o
               }),
               onDismiss: () => {
-                i((n) => {
-                  const { [t.contractorUuid]: C, ...f } = n;
-                  return f;
+                l((n) => {
+                  const { [t.contractorUuid]: i, ...y } = n;
+                  return y;
                 });
               }
             }
-          })), d(!1), u(y.CONTRACTOR_PAYMENT_UPDATE, t);
+          })), C(!1), m(d.CONTRACTOR_PAYMENT_UPDATE, t);
         }
       }
     )
   ] });
 };
 export {
-  Nt as CreatePayment,
-  ot as Root
+  Et as CreatePayment,
+  nt 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 { 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;"}
+{"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  PostV1CompaniesCompanyIdContractorPaymentGroupsSubmissionBlockers,\n} 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  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  // Currently, we only support a single default bank account per company.\n  const bankAccount = bankAccounts?.companyBankAccounts?.[0]\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 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\n      const submissionBlockers: PostV1CompaniesCompanyIdContractorPaymentGroupsSubmissionBlockers[] =\n        Object.entries(selectedUnblockOptions).map(([blockerType, selectedOption]) => ({\n          blockerType,\n          selectedOption,\n        }))\n\n      const requestBody: PostV1CompaniesCompanyIdContractorPaymentGroupsRequestBody = {\n        checkDate: new RFCDate(paymentDate),\n        contractorPayments: contractorPayments,\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    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    setSelectedUnblockOptions({})\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_BACK_TO_EDIT)\n  }\n\n  return (\n    <>\n      {previewData && (\n        <PreviewPresentation\n          contractorPaymentGroup={previewData}\n          contractors={contractors}\n          onBackToEdit={onBackToEdit}\n          onSubmit={onCreatePaymentGroup}\n          isLoading={isCreatingContractorPaymentGroup || isPreviewingContractorPaymentGroup}\n          bankAccount={bankAccount}\n          selectedUnblockOptions={selectedUnblockOptions}\n          onUnblockOptionChange={onUnblockOptionChange}\n        />\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","selectedUnblockOptions","setSelectedUnblockOptions","createContractorPaymentGroup","isCreatingContractorPaymentGroup","useContractorPaymentGroupsCreateMutation","previewContractorPaymentGroup","isPreviewingContractorPaymentGroup","useContractorPaymentGroupsPreviewMutation","contractorList","useContractorsListSuspense","contractors","contractor","ContractorOnboardingStatus","bankAccounts","useBankAccountsGet","bankAccount","initialContractorPayments","useMemo","paymentMethod","virtualContractorPayments","setVirtualContractorPayments","totals","acc","payment","c","isHourly","hourlyAmount","fixedWage","formMethods","useForm","zodResolver","EditContractorPaymentFormSchema","jsxs","Fragment","PreviewPresentation","componentEvents","contractorPayments","creationToken","submissionBlockers","blockerType","selectedOption","requestBody","RFCDate","response","value","prev","CreatePaymentPresentation","isTouched","rest","contractorUuid","contractorPayment","EditContractorPaymentPresentation","data","prevPayments","displayName","firstLastName","prevAlerts","_"],"mappings":"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"}