@gusto/embedded-react-sdk 0.22.0 → 0.23.0-rc.1

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

@@ -9,11 +9,12 @@ import "../../../Base/useBase.js";
 import "../../../../shared/constants.js";
 import "classnames";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import "dompurify";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [T, c] = t("StateTaxesListContext");
+const [c, d] = t("StateTaxesListContext");
 export {
-  c as StateTaxesListProvider,
-  T as useStateTaxesList
+  d as StateTaxesListProvider,
+  c 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/Company/index.d.ts

@@ -1,6 +1,8 @@
 import "./types/i18next.d.ts"
 export { Industry } from './Industry';
 export { AssignSignatory } from './AssignSignatory';
+export { CreateSignatory } from './AssignSignatory/CreateSignatory';
+export { InviteSignatory } from './AssignSignatory/InviteSignatory';
 export { DocumentList } from './DocumentSigner/DocumentList';
 export { SignatureForm } from './DocumentSigner/SignatureForm';
 export { DocumentSigner } from './DocumentSigner';

package/dist/components/Company/index.js

@@ -1,27 +1,31 @@
 import { OnboardingOverview as e } from "./OnboardingOverview/OnboardingOverview.js";
 import { Locations as m } from "./Locations/Locations.js";
 import { BankAccount as x } from "./BankAccount/BankAccount.js";
-import { StateTaxes as p } from "./StateTaxes/StateTaxes.js";
+import { StateTaxes as f } from "./StateTaxes/StateTaxes.js";
 import { OnboardingFlow as i } from "./OnboardingFlow/OnboardingFlow.js";
-import { Industry as c } from "./Industry/Industry.js";
-import { AssignSignatory as u } from "./AssignSignatory/AssignSignatory.js";
-import { DocumentList as S } from "./DocumentSigner/DocumentList/DocumentList.js";
-import { SignatureForm as y } from "./DocumentSigner/SignatureForm/SignatureForm.js";
-import { DocumentSigner as O } from "./DocumentSigner/DocumentSigner.js";
-import { PaySchedule as v } from "./PaySchedule/PaySchedule.js";
-import { FederalTaxes as A } from "./FederalTaxes/FederalTaxes.js";
+import { Industry as s } from "./Industry/Industry.js";
+import { AssignSignatory as c } from "./AssignSignatory/AssignSignatory.js";
+import { CreateSignatory as d } from "./AssignSignatory/CreateSignatory/CreateSignatory.js";
+import { InviteSignatory as l } from "./AssignSignatory/InviteSignatory/InviteSignatory.js";
+import { DocumentList as F } from "./DocumentSigner/DocumentList/DocumentList.js";
+import { SignatureForm as b } from "./DocumentSigner/SignatureForm/SignatureForm.js";
+import { DocumentSigner as A } from "./DocumentSigner/DocumentSigner.js";
+import { PaySchedule as I } from "./PaySchedule/PaySchedule.js";
+import { FederalTaxes as T } from "./FederalTaxes/FederalTaxes.js";
 export {
-  u as AssignSignatory,
+  c as AssignSignatory,
   x as BankAccount,
-  S as DocumentList,
-  O as DocumentSigner,
-  A as FederalTaxes,
-  c as Industry,
+  d as CreateSignatory,
+  F as DocumentList,
+  A as DocumentSigner,
+  T as FederalTaxes,
+  s as Industry,
+  l as InviteSignatory,
   m as Locations,
   i as OnboardingFlow,
   e as OnboardingOverview,
-  v as PaySchedule,
-  y as SignatureForm,
-  p as StateTaxes
+  I as PaySchedule,
+  b as SignatureForm,
+  f as StateTaxes
 };
 //# sourceMappingURL=index.js.map

package/dist/components/Company/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

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

@@ -11,13 +11,13 @@ import { Actions as B } from "./Actions.js";
 import { Form as N } from "../../Common/Form/Form.js";
 import { useComponentDictionary as j, useI18n as q } from "../../../i18n/I18n.js";
 import { Flex as w } from "../../Common/Flex/Flex.js";
-import "react-i18next";
 import "classnames";
+import { contractorEvents as d } from "../../../shared/constants.js";
+import "react-i18next";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { BaseComponent as G } from "../../Base/Base.js";
 import { useBase as H } from "../../Base/useBase.js";
-import { contractorEvents as d } from "../../../shared/constants.js";
 function mt(r) {
   return /* @__PURE__ */ t(G, { ...r, children: /* @__PURE__ */ t(M, { ...r, children: r.children }) });
 }

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

@@ -10,20 +10,21 @@ import "../../Base/useBase.js";
 import "../../../shared/constants.js";
 import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import "dompurify";
 import { createCompoundContext as r } from "../../Base/createCompoundContext.js";
-const f = t.object({
+const u = 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)
-}), [u, z] = r(
+}), [z, b] = r(
   "ContractorAddressContext"
 );
 export {
-  f as AddressFormSchema,
-  z as AddressProvider,
-  u as useAddress
+  u as AddressFormSchema,
+  b as AddressProvider,
+  z 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/ContractorList/index.js

@@ -4,17 +4,17 @@ import { useContractorsDeleteMutation as w } from "@gusto/embedded-api/react-que
 import { useContractors as H } from "./useContractorList.js";
 import { Flex as p } from "../../Common/Flex/Flex.js";
 import "classnames";
-import { EmptyData as k } from "../../Common/EmptyData/EmptyData.js";
+import { CONTRACTOR_TYPE as k, componentEvents as m } from "../../../shared/constants.js";
+import { EmptyData as U } from "../../Common/EmptyData/EmptyData.js";
 import { ActionsLayout as f } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { HamburgerMenu as U } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { firstLastName as j } from "../../../helpers/formattedStrings.js";
-import M from "../../../assets/icons/pencil.svg.js";
+import { HamburgerMenu as j } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { firstLastName as M } from "../../../helpers/formattedStrings.js";
+import V from "../../../assets/icons/pencil.svg.js";
 import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { ContractorOnboardingStatusBadge as V } from "../../Common/OnboardingStatusBadge/index.js";
-import { useI18n as F } from "../../../i18n/I18n.js";
-import { BaseComponent as q } from "../../Base/Base.js";
-import { useBase as G } from "../../Base/useBase.js";
-import { CONTRACTOR_TYPE as Y, componentEvents as m } from "../../../shared/constants.js";
+import { ContractorOnboardingStatusBadge as F } from "../../Common/OnboardingStatusBadge/index.js";
+import { useI18n as q } from "../../../i18n/I18n.js";
+import { BaseComponent as G } from "../../Base/Base.js";
+import { useBase as Y } from "../../Base/useBase.js";
 import z from "../../../assets/icons/trashcan.svg.js";
 import { useDataView as J } from "../../Common/DataView/useDataView.js";
 import { DataView as K } from "../../Common/DataView/DataView.js";
@@ -27,14 +27,14 @@ function Q({ count: o, handleAdd: a }) {
 }
 function W({ handleAdd: o }) {
   const { Button: a } = u(), { t: r } = d("Contractor.ContractorList");
-  return /* @__PURE__ */ t(k, { title: r("emptyTableTitle"), description: r("emptyTableDescription"), children: /* @__PURE__ */ t(f, { justifyContent: "center", children: /* @__PURE__ */ t(a, { onClick: o, children: r("addContractorCta") }) }) });
+  return /* @__PURE__ */ t(U, { title: r("emptyTableTitle"), description: r("emptyTableDescription"), children: /* @__PURE__ */ t(f, { justifyContent: "center", children: /* @__PURE__ */ t(a, { onClick: o, children: r("addContractorCta") }) }) });
 }
 function Tt(o) {
-  return /* @__PURE__ */ t(q, { ...o, children: /* @__PURE__ */ t(X, { ...o, children: o.children }) });
+  return /* @__PURE__ */ t(G, { ...o, children: /* @__PURE__ */ t(X, { ...o, children: o.children }) });
 }
 function X({ companyId: o, className: a, dictionary: r, successMessage: i }) {
-  F("Contractor.ContractorList");
-  const { t: n } = d("Contractor.ContractorList"), { onEvent: s, baseSubmitHandler: h } = G(), { Alert: g, Button: T } = u(), {
+  q("Contractor.ContractorList");
+  const { t: n } = d("Contractor.ContractorList"), { onEvent: s, baseSubmitHandler: h } = Y(), { Alert: g, Button: T } = u(), {
     contractors: P,
     totalCount: L,
     handleNextPage: N,
@@ -49,12 +49,12 @@ function X({ companyId: o, className: a, dictionary: r, successMessage: i }) {
     columns: [
       {
         title: n("listHeaders.name"),
-        render: (e) => e.type === Y.BUSINESS ? e.businessName : j({ first_name: e.firstName, last_name: e.lastName })
+        render: (e) => e.type === k.BUSINESS ? e.businessName : M({ first_name: e.firstName, last_name: e.lastName })
       },
       {
         title: n("listHeaders.status"),
         render: ({ onboarded: e, onboardingStatus: c }) => /* @__PURE__ */ t(
-          V,
+          F,
           {
             onboarded: e,
             onboardingStatus: c
@@ -64,12 +64,12 @@ function X({ companyId: o, className: a, dictionary: r, successMessage: i }) {
     ],
     data: P,
     itemMenu: (e) => /* @__PURE__ */ t(
-      U,
+      j,
       {
         items: [
           {
             label: n("editCta"),
-            icon: /* @__PURE__ */ t(M, { "aria-hidden": !0 }),
+            icon: /* @__PURE__ */ t(V, { "aria-hidden": !0 }),
             onClick: () => {
               _(e.uuid);
             }

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.d.ts

@@ -3,5 +3,5 @@ interface CreatePaymentProps extends BaseComponentInterface<'Contractor.Payments
     companyId: string;
 }
 export declare function CreatePayment(props: CreatePaymentProps): import("react/jsx-runtime").JSX.Element;
-export declare const Root: ({ companyId, dictionary, onEvent, children }: CreatePaymentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Root: ({ companyId, dictionary, onEvent }: CreatePaymentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,48 +1,204 @@
-import { jsx as o } from "react/jsx-runtime";
-import { CreatePaymentPresentation as a } from "./CreatePaymentPresentation.js";
-import { useComponentDictionary as m } from "../../../../i18n/I18n.js";
-import { BaseComponent as i } from "../../../Base/Base.js";
-import "../../../Base/useBase.js";
-import { componentEvents as e } from "../../../../shared/constants.js";
-function g(t) {
-  return /* @__PURE__ */ o(i, { ...t, children: /* @__PURE__ */ o(c, { ...t, children: t.children }) });
+import { jsx as d, jsxs as B, Fragment as L } from "react/jsx-runtime";
+import { useContractorsListSuspense as H } from "@gusto/embedded-api/react-query/contractorsList";
+import { useContractorPaymentGroupsCreateMutation as I } from "@gusto/embedded-api/react-query/contractorPaymentGroupsCreate";
+import { useContractorPaymentGroupsPreviewMutation as Y } from "@gusto/embedded-api/react-query/contractorPaymentGroupsPreview";
+import { useState as l, useMemo as A } from "react";
+import { RFCDate as N } from "@gusto/embedded-api/types/rfcdate";
+import { useForm as q } from "react-hook-form";
+import { zodResolver as x } from "@hookform/resolvers/zod";
+import { useTranslation as F } from "react-i18next";
+import { CreatePaymentPresentation as V } from "./CreatePaymentPresentation.js";
+import { EditContractorPaymentFormSchema as j, EditContractorPaymentPresentation as W } from "./EditContractorPaymentPresentation.js";
+import { PreviewPresentation as z } from "./PreviewPresentation.js";
+import { useComponentDictionary as K } from "../../../../i18n/I18n.js";
+import { BaseComponent as J } from "../../../Base/Base.js";
+import { useBase as Q } from "../../../Base/useBase.js";
+import { ContractorOnboardingStatus as X, componentEvents as y } from "../../../../shared/constants.js";
+import { firstLastName as Z } from "../../../../helpers/formattedStrings.js";
+function gt(a) {
+  return /* @__PURE__ */ d(J, { ...a, children: /* @__PURE__ */ d($, { ...a, children: a.children }) });
 }
-const c = ({ companyId: t, dictionary: r, onEvent: n, children: u }) => (m("Contractor.Payments.CreatePayment", r), /* @__PURE__ */ o(
-  a,
-  {
-    contractors: [
+const $ = ({ companyId: a, dictionary: E, onEvent: u }) => {
+  K("Contractor.Payments.CreatePayment", E);
+  const { t: T } = F("Contractor.Payments.CreatePayment"), [M, p] = l(!1), [P, O] = l(
+    (/* @__PURE__ */ new Date()).toISOString().split("T")[0] || ""
+  ), { baseSubmitHandler: h } = Q(), [b, i] = l({}), [m, w] = l(null), { mutateAsync: _, isPending: g } = I(), {
+    mutateAsync: v,
+    isPending: D
+  } = Y(), { data: G } = H({ companyUuid: a }), s = (G.contractorList || []).filter(
+    (t) => t.isActive && t.onboardingStatus === X.ONBOARDING_COMPLETED
+  ), S = A(
+    () => s.map((t) => ({
+      contractorUuid: t.uuid,
+      paymentMethod: t.paymentMethod || "Direct Deposit",
+      wage: 0,
+      hours: 0,
+      bonus: 0,
+      reimbursement: 0,
+      isTouched: !1
+    })),
+    [s]
+  ), [c, U] = l(S), k = A(
+    () => c.reduce(
+      (t, e) => {
+        const o = s.find((f) => f.uuid === e.contractorUuid), r = o?.wageType === "Hourly", n = r ? (e.hours || 0) * Number(o.hourlyRate || 0) : 0, C = r ? 0 : e.wage || 0;
+        return {
+          wage: t.wage + C,
+          bonus: t.bonus + (e.bonus || 0),
+          reimbursement: t.reimbursement + (e.reimbursement || 0),
+          total: t.total + n + C + (e.bonus || 0) + (e.reimbursement || 0)
+        };
+      },
+      { wage: 0, bonus: 0, reimbursement: 0, total: 0 }
+    ),
+    [c, s]
+  ), R = q({
+    resolver: x(j),
+    defaultValues: {
+      wageType: "Hourly",
+      hours: 0,
+      wage: 0,
+      bonus: 0,
+      reimbursement: 0,
+      paymentMethod: "Direct Deposit",
+      hourlyRate: 0,
+      contractorUuid: ""
+    }
+  });
+  return /* @__PURE__ */ B(L, { children: [
+    m && /* @__PURE__ */ d(
+      z,
       {
-        contractorName: "Louis Armstrong",
-        uuid: "1",
-        contractorUuid: "armstrong-louis",
-        wageType: "Fixed",
-        paymentMethod: "Direct Deposit",
-        hours: void 0,
-        wage: "1000",
-        bonus: "0",
-        reimbursement: "0",
-        wageTotal: "1000"
+        contractorPaymentGroup: m,
+        contractors: s,
+        onBackToEdit: () => {
+          w(null), u(y.CONTRACTOR_PAYMENT_BACK_TO_EDIT);
+        },
+        onSubmit: async () => {
+          await h(null, async () => {
+            const t = c.filter((r) => r.isTouched);
+            if (t.length === 0 || !m?.creationToken)
+              return;
+            const e = m.creationToken, o = await _({
+              request: {
+                companyId: a,
+                requestBody: {
+                  checkDate: new N(P),
+                  contractorPayments: t,
+                  creationToken: e
+                }
+              }
+            });
+            i({}), u(y.CONTRACTOR_PAYMENT_CREATED, o.contractorPaymentGroup || {});
+          });
+        },
+        isLoading: g || D
       }
-    ],
-    paymentDate: "2025-09-17",
-    onPaymentDateChange: () => {
-    },
-    onSaveAndContinue: () => {
-      n(e.CONTRACTOR_PAYMENT_REVIEW);
-    },
-    onEditContractor: () => {
-      n(e.CONTRACTOR_PAYMENT_EDIT);
-    },
-    totals: {
-      amount: "1180",
-      debitAmount: "1180",
-      wageAmount: "1000",
-      reimbursementAmount: "0"
-    }
-  }
-));
+    ),
+    !m && /* @__PURE__ */ d(
+      V,
+      {
+        contractors: s,
+        contractorPayments: c,
+        paymentDate: P,
+        onPaymentDateChange: O,
+        onSaveAndContinue: async () => {
+          await h(null, async () => {
+            const t = c.filter((o) => o.isTouched);
+            if (t.length === 0) {
+              i({
+                ...b,
+                error: {
+                  type: "error",
+                  title: T("alerts.noContractorPayments")
+                }
+              });
+              return;
+            }
+            i({});
+            const e = await v({
+              request: {
+                companyId: a,
+                requestBody: {
+                  contractorPayments: t.map((o) => {
+                    const { isTouched: r, ...n } = o;
+                    return n;
+                  }),
+                  checkDate: new N(P)
+                }
+              }
+            });
+            w(e.contractorPaymentGroupPreview || null), u(y.CONTRACTOR_PAYMENT_PREVIEW, e.contractorPaymentGroupPreview);
+          });
+        },
+        onEditContractor: (t) => {
+          const e = s.find((r) => r.uuid === t), o = c.find(
+            (r) => r.contractorUuid === t
+          );
+          R.reset(
+            {
+              wageType: e?.wageType || "Hourly",
+              hours: o?.hours || 0,
+              wage: o?.wage || 0,
+              bonus: o?.bonus || 0,
+              reimbursement: o?.reimbursement || 0,
+              paymentMethod: o?.paymentMethod || "Direct Deposit",
+              hourlyRate: e?.hourlyRate ? Number(e.hourlyRate) : 0,
+              contractorUuid: t
+            },
+            { keepDirty: !1, keepValues: !1 }
+          ), i({}), p(!0), u(y.CONTRACTOR_PAYMENT_EDIT);
+        },
+        totals: k,
+        alerts: b,
+        isLoading: g || D
+      }
+    ),
+    /* @__PURE__ */ d(
+      W,
+      {
+        isOpen: M,
+        onClose: () => {
+          p(!1);
+        },
+        formMethods: R,
+        onSubmit: (t) => {
+          U(
+            (r) => r.map(
+              (n) => n.contractorUuid === t.contractorUuid ? {
+                contractorUuid: n.contractorUuid,
+                wage: t.wage,
+                hours: t.hours,
+                bonus: t.bonus,
+                reimbursement: t.reimbursement,
+                paymentMethod: t.paymentMethod,
+                isTouched: !0
+              } : n
+            )
+          );
+          const e = s.find((r) => r.uuid === t.contractorUuid), o = e?.type === "Individual" ? Z({ first_name: e.firstName, last_name: e.lastName }) : e?.businessName;
+          i((r) => ({
+            ...r,
+            [t.contractorUuid]: {
+              type: "success",
+              title: T("alerts.contractorPaymentUpdated", {
+                contractorName: o
+              }),
+              onDismiss: () => {
+                i((n) => {
+                  const { [t.contractorUuid]: C, ...f } = n;
+                  return f;
+                });
+              }
+            }
+          })), p(!1), u(y.CONTRACTOR_PAYMENT_UPDATE, t);
+        }
+      }
+    )
+  ] });
+};
 export {
-  g as CreatePayment,
-  c as Root
+  gt as CreatePayment,
+  $ 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 { CreatePaymentPresentation } from './CreatePaymentPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\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, children }: CreatePaymentProps) => {\n  useComponentDictionary('Contractor.Payments.CreatePayment', dictionary)\n\n  const onSaveAndContinue = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_REVIEW)\n  }\n  const onEditContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_EDIT)\n  }\n  return (\n    <CreatePaymentPresentation\n      contractors={[\n        {\n          contractorName: 'Louis Armstrong',\n          uuid: '1',\n          contractorUuid: 'armstrong-louis',\n          wageType: 'Fixed',\n          paymentMethod: 'Direct Deposit',\n          hours: undefined,\n          wage: '1000',\n          bonus: '0',\n          reimbursement: '0',\n          wageTotal: '1000',\n        },\n      ]}\n      paymentDate=\"2025-09-17\"\n      onPaymentDateChange={() => {}}\n      onSaveAndContinue={onSaveAndContinue}\n      onEditContractor={onEditContractor}\n      totals={{\n        amount: '1180',\n        debitAmount: '1180',\n        wageAmount: '1000',\n        reimbursementAmount: '0',\n      }}\n    />\n  )\n}\n"],"names":["CreatePayment","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","children","useComponentDictionary","CreatePaymentPresentation","componentEvents"],"mappings":";;;;;;AASO,SAASA,EAAcC,GAA2B;AACvD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,IAAO,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,UAAAC,SACrDC,EAAuB,qCAAqCH,CAAU,GASpE,gBAAAJ;AAAA,EAACQ;AAAA,EAAA;AAAA,IACC,aAAa;AAAA,MACX;AAAA,QACE,gBAAgB;AAAA,QAChB,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,eAAe;AAAA,QACf,OAAO;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,QACP,eAAe;AAAA,QACf,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,aAAY;AAAA,IACZ,qBAAqB,MAAM;AAAA,IAAC;AAAA,IAC5B,mBAxBsB,MAAM;AAC9B,MAAAH,EAAQI,EAAgB,yBAAyB;AAAA,IACnD;AAAA,IAuBI,kBAtBqB,MAAM;AAC7B,MAAAJ,EAAQI,EAAgB,uBAAuB;AAAA,IACjD;AAAA,IAqBI,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,qBAAqB;AAAA,IAAA;AAAA,EACvB;AAAA;"}
+{"version":3,"file":"CreatePayment.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/CreatePayment.tsx"],"sourcesContent":["import { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentGroupsCreateMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsCreate'\nimport type { ContractorPayments } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { useContractorPaymentGroupsPreviewMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsPreview'\nimport { useMemo, useState } from 'react'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview'\nimport type { InternalAlert } from '../types'\nimport { CreatePaymentPresentation } from './CreatePaymentPresentation'\nimport {\n  EditContractorPaymentPresentation,\n  EditContractorPaymentFormSchema,\n  type EditContractorPaymentFormValues,\n} from './EditContractorPaymentPresentation'\nimport { PreviewPresentation } from './PreviewPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\ninterface CreatePaymentProps extends BaseComponentInterface<'Contractor.Payments.CreatePayment'> {\n  companyId: string\n}\n\nexport function CreatePayment(props: CreatePaymentProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ companyId, dictionary, onEvent }: CreatePaymentProps) => {\n  useComponentDictionary('Contractor.Payments.CreatePayment', dictionary)\n  const { t } = useTranslation('Contractor.Payments.CreatePayment')\n  const [isModalOpen, setIsModalOpen] = useState(false)\n  const [paymentDate, setPaymentDate] = useState<string>(\n    new Date().toISOString().split('T')[0] || '',\n  )\n  const { baseSubmitHandler } = useBase()\n  const [alerts, setAlerts] = useState<Record<string, InternalAlert>>({})\n  const [previewData, setPreviewData] = useState<ContractorPaymentGroupPreview | null>(null)\n\n  const { mutateAsync: createContractorPaymentGroup, isPending: isCreatingContractorPaymentGroup } =\n    useContractorPaymentGroupsCreateMutation()\n  const {\n    mutateAsync: previewContractorPaymentGroup,\n    isPending: isPreviewingContractorPaymentGroup,\n  } = useContractorPaymentGroupsPreviewMutation()\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.contractorList || []).filter(\n    contractor =>\n      contractor.isActive &&\n      contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n  )\n  const initialContractorPayments: (ContractorPayments & { isTouched: boolean })[] = useMemo(\n    () =>\n      contractors.map(contractor => ({\n        contractorUuid: contractor.uuid,\n        paymentMethod: contractor.paymentMethod || 'Direct Deposit',\n        wage: 0,\n        hours: 0,\n        bonus: 0,\n        reimbursement: 0,\n        isTouched: false,\n      })),\n    [contractors],\n  )\n  const [virtualContractorPayments, setVirtualContractorPayments] =\n    useState<(ContractorPayments & { isTouched: boolean })[]>(initialContractorPayments)\n  const totals = useMemo(\n    () =>\n      virtualContractorPayments.reduce<{\n        wage: number\n        bonus: number\n        reimbursement: number\n        total: number\n      }>(\n        (acc, payment) => {\n          const contractor = contractors.find(c => c.uuid === payment.contractorUuid)\n          const isHourly = contractor?.wageType === 'Hourly'\n          const hourlyAmount = isHourly\n            ? (payment.hours || 0) * Number(contractor.hourlyRate || 0)\n            : 0\n          const fixedWage = isHourly ? 0 : payment.wage || 0\n\n          return {\n            wage: acc.wage + fixedWage,\n            bonus: acc.bonus + (payment.bonus || 0),\n            reimbursement: acc.reimbursement + (payment.reimbursement || 0),\n            total:\n              acc.total +\n              hourlyAmount +\n              fixedWage +\n              (payment.bonus || 0) +\n              (payment.reimbursement || 0),\n          }\n        },\n        { wage: 0, bonus: 0, reimbursement: 0, total: 0 },\n      ),\n    [virtualContractorPayments, contractors],\n  )\n\n  const formMethods = useForm<EditContractorPaymentFormValues>({\n    resolver: zodResolver(EditContractorPaymentFormSchema),\n    defaultValues: {\n      wageType: 'Hourly',\n      hours: 0,\n      wage: 0,\n      bonus: 0,\n      reimbursement: 0,\n      paymentMethod: 'Direct Deposit',\n      hourlyRate: 0,\n      contractorUuid: '',\n    },\n  })\n\n  const onCreatePaymentGroup = async () => {\n    await baseSubmitHandler(null, async () => {\n      const contractorPayments = virtualContractorPayments.filter(payment => payment.isTouched)\n      if (contractorPayments.length === 0 || !previewData?.creationToken) {\n        return\n      }\n      const creationToken = previewData.creationToken\n      const response = await createContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody: {\n            checkDate: new RFCDate(paymentDate),\n            contractorPayments: contractorPayments,\n            creationToken,\n          },\n        },\n      })\n      setAlerts({})\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATED, response.contractorPaymentGroup || {})\n    })\n  }\n  const onEditContractor = (contractorUuid: string) => {\n    const contractor = contractors.find(contractor => contractor.uuid === contractorUuid)\n    const contractorPayment = virtualContractorPayments.find(\n      payment => payment.contractorUuid === contractorUuid,\n    )\n    formMethods.reset(\n      {\n        wageType: contractor?.wageType || 'Hourly',\n        hours: contractorPayment?.hours || 0,\n        wage: contractorPayment?.wage || 0,\n        bonus: contractorPayment?.bonus || 0,\n        reimbursement: contractorPayment?.reimbursement || 0,\n        paymentMethod: contractorPayment?.paymentMethod || 'Direct Deposit',\n        hourlyRate: contractor?.hourlyRate ? Number(contractor.hourlyRate) : 0,\n        contractorUuid: contractorUuid,\n      },\n      { keepDirty: false, keepValues: false },\n    )\n    setAlerts({})\n    setIsModalOpen(true)\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_EDIT)\n  }\n\n  const onEditContractorSubmit = (data: EditContractorPaymentFormValues) => {\n    setVirtualContractorPayments(prevPayments =>\n      prevPayments.map(payment =>\n        payment.contractorUuid === data.contractorUuid\n          ? {\n              contractorUuid: payment.contractorUuid,\n              wage: data.wage,\n              hours: data.hours,\n              bonus: data.bonus,\n              reimbursement: data.reimbursement,\n              paymentMethod: data.paymentMethod,\n              isTouched: true,\n            }\n          : payment,\n      ),\n    )\n    const contractor = contractors.find(contractor => contractor.uuid === data.contractorUuid)\n    const displayName =\n      contractor?.type === 'Individual'\n        ? firstLastName({ first_name: contractor.firstName, last_name: contractor.lastName })\n        : contractor?.businessName\n    setAlerts(prevAlerts => ({\n      ...prevAlerts,\n      [data.contractorUuid]: {\n        type: 'success',\n        title: t('alerts.contractorPaymentUpdated', {\n          contractorName: displayName,\n        }),\n        onDismiss: () => {\n          setAlerts(prevAlerts => {\n            const { [data.contractorUuid]: _, ...rest } = prevAlerts\n            return rest\n          })\n        },\n      },\n    }))\n    setIsModalOpen(false)\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_UPDATE, data)\n  }\n\n  const onContinueToPreview = async () => {\n    await baseSubmitHandler(null, async () => {\n      const contractorPayments = virtualContractorPayments.filter(payment => payment.isTouched)\n      if (contractorPayments.length === 0) {\n        setAlerts({\n          ...alerts,\n          error: {\n            type: 'error',\n            title: t('alerts.noContractorPayments'),\n          },\n        })\n        return\n      }\n      setAlerts({})\n      const response = await previewContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody: {\n            contractorPayments: contractorPayments.map(payment => {\n              const { isTouched, ...rest } = payment\n              return rest\n            }),\n            checkDate: new RFCDate(paymentDate),\n          },\n        },\n      })\n\n      setPreviewData(response.contractorPaymentGroupPreview || null)\n      onEvent(componentEvents.CONTRACTOR_PAYMENT_PREVIEW, response.contractorPaymentGroupPreview)\n    })\n  }\n  const onBackToEdit = () => {\n    setPreviewData(null)\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_BACK_TO_EDIT)\n  }\n\n  return (\n    <>\n      {previewData && (\n        <PreviewPresentation\n          contractorPaymentGroup={previewData}\n          contractors={contractors}\n          onBackToEdit={onBackToEdit}\n          onSubmit={onCreatePaymentGroup}\n          isLoading={isCreatingContractorPaymentGroup || isPreviewingContractorPaymentGroup}\n        />\n      )}\n      {!previewData && (\n        <CreatePaymentPresentation\n          contractors={contractors}\n          contractorPayments={virtualContractorPayments}\n          paymentDate={paymentDate}\n          onPaymentDateChange={setPaymentDate}\n          onSaveAndContinue={onContinueToPreview}\n          onEditContractor={onEditContractor}\n          totals={totals}\n          alerts={alerts}\n          isLoading={isCreatingContractorPaymentGroup || isPreviewingContractorPaymentGroup}\n        />\n      )}\n      <EditContractorPaymentPresentation\n        isOpen={isModalOpen}\n        onClose={() => {\n          setIsModalOpen(false)\n        }}\n        formMethods={formMethods}\n        onSubmit={onEditContractorSubmit}\n      />\n    </>\n  )\n}\n"],"names":["CreatePayment","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","useComponentDictionary","t","useTranslation","isModalOpen","setIsModalOpen","useState","paymentDate","setPaymentDate","baseSubmitHandler","useBase","alerts","setAlerts","previewData","setPreviewData","createContractorPaymentGroup","isCreatingContractorPaymentGroup","useContractorPaymentGroupsCreateMutation","previewContractorPaymentGroup","isPreviewingContractorPaymentGroup","useContractorPaymentGroupsPreviewMutation","contractorList","useContractorsListSuspense","contractors","contractor","ContractorOnboardingStatus","initialContractorPayments","useMemo","virtualContractorPayments","setVirtualContractorPayments","totals","acc","payment","c","isHourly","hourlyAmount","fixedWage","formMethods","useForm","zodResolver","EditContractorPaymentFormSchema","jsxs","Fragment","PreviewPresentation","componentEvents","contractorPayments","creationToken","response","RFCDate","CreatePaymentPresentation","isTouched","rest","contractorUuid","contractorPayment","EditContractorPaymentPresentation","data","prevPayments","displayName","firstLastName","prevAlerts","_"],"mappings":"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"}

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

@@ -1,14 +1,21 @@
-import { ContractorPaymentForGroup, ContractorPaymentGroupTotals } from '../types';
-type ContractorPaymentWithName = ContractorPaymentForGroup & {
-    contractorName: string;
-};
+import { Contractor } from '@gusto/embedded-api/models/components/contractor';
+import { ContractorPayments } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups';
+import { InternalAlert } from '../types';
 interface ContractorPaymentCreatePaymentPresentationProps {
-    contractors: ContractorPaymentWithName[];
+    contractors: Contractor[];
+    contractorPayments: ContractorPayments[];
     paymentDate: string;
     onPaymentDateChange: (date: string) => void;
     onSaveAndContinue: () => void;
-    onEditContractor: (contractor: ContractorPaymentWithName) => void;
-    totals: ContractorPaymentGroupTotals;
+    onEditContractor: (contractorUuid: string) => void;
+    totals: {
+        wage: number;
+        bonus: number;
+        reimbursement: number;
+        total: number;
+    };
+    alerts: Record<string, InternalAlert>;
+    isLoading: boolean;
 }
-export declare const CreatePaymentPresentation: ({ contractors, paymentDate, onPaymentDateChange, onSaveAndContinue, onEditContractor, totals, }: ContractorPaymentCreatePaymentPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CreatePaymentPresentation: ({ contractors, paymentDate, contractorPayments, onPaymentDateChange, onSaveAndContinue, onEditContractor, totals, alerts, isLoading, }: ContractorPaymentCreatePaymentPresentationProps) => import("react/jsx-runtime").JSX.Element;
 export {};