@gusto/embedded-react-sdk 0.29.0 → 0.31.0-rc.1

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,22 @@ import "../../Base/useBase.js";
 import "../../../shared/constants.js";
 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 f = 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)
-}), [u, z] = r(
+}), [b, h] = r(
   "ContractorAddressContext"
 );
 export {
-  f as AddressFormSchema,
-  z as AddressProvider,
-  u 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/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 f } 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 h } 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(h, { justifyContent: "center", children: /* @__PURE__ */ t(a, { onClick: o, children: r("addContractorCta") }) }) });
+  return /* @__PURE__ */ t(U, { title: r("emptyTableTitle"), description: r("emptyTableDescription"), children: /* @__PURE__ */ t(h, { 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: g } = G(), { Alert: T, Button: P } = u(), {
+  q("Contractor.ContractorList");
+  const { t: n } = d("Contractor.ContractorList"), { onEvent: s, baseSubmitHandler: g } = Y(), { Alert: T, Button: P } = u(), {
     contractors: L,
     totalCount: C,
     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: L,
     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

@@ -1,15 +1,16 @@
-import { jsxs as o, Fragment as n, jsx as r } from "react/jsx-runtime";
-import { useTranslation as t } from "react-i18next";
+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 a } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { RadioGroupField as i } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-function g({ bankAccount: u }) {
-  const { t: e } = t("Contractor.PaymentMethod", { keyPrefix: "bankAccountForm" });
-  return /* @__PURE__ */ o(n, { children: [
+function N({ bankAccount: u }) {
+  const { t: e } = n("Contractor.PaymentMethod", { keyPrefix: "bankAccountForm" });
+  return /* @__PURE__ */ a(t, { children: [
     /* @__PURE__ */ r(
-      a,
+      o,
       {
         name: "name",
         isRequired: !0,
@@ -18,7 +19,7 @@ function g({ bankAccount: u }) {
       }
     ),
     /* @__PURE__ */ r(
-      a,
+      o,
       {
         name: "routingNumber",
         label: e("routingNumberLabel"),
@@ -28,7 +29,7 @@ function g({ bankAccount: u }) {
       }
     ),
     /* @__PURE__ */ r(
-      a,
+      o,
       {
         name: "accountNumber",
         label: e("accountNumberLabel"),
@@ -51,6 +52,6 @@ function g({ bankAccount: u }) {
   ] });
 }
 export {
-  g as BankAccountForm
+  N as BankAccountForm
 };
 //# sourceMappingURL=BankAccountForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BankAccountForm.js","sources":["../../../../src/components/Contractor/PaymentMethod/BankAccountForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { BankAccountFormProps } from './types'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\n\nexport function BankAccountForm({ bankAccount }: BankAccountFormProps) {\n  const { t } = useTranslation('Contractor.PaymentMethod', { keyPrefix: 'bankAccountForm' })\n\n  return (\n    <>\n      <TextInputField\n        name=\"name\"\n        isRequired\n        label={t('nameLabel')}\n        errorMessage={t('validations.accountName')}\n      />\n\n      <TextInputField\n        name=\"routingNumber\"\n        label={t('routingNumberLabel')}\n        isRequired\n        description={t('routingNumberDescription')}\n        errorMessage={t('validations.routingNumber')}\n      />\n\n      <TextInputField\n        name=\"accountNumber\"\n        label={t('accountNumberLabel')}\n        errorMessage={t('validations.accountNumber')}\n        isRequired\n      />\n\n      <RadioGroupField\n        name=\"accountType\"\n        isRequired\n        label={t('accountTypeLabel')}\n        options={[\n          { value: 'Checking', label: t('accountTypeChecking') },\n          { value: 'Savings', label: t('accountTypeSavings') },\n        ]}\n      />\n    </>\n  )\n}\n"],"names":["BankAccountForm","bankAccount","t","useTranslation","jsxs","Fragment","jsx","TextInputField","RadioGroupField"],"mappings":";;;;;;;AAIO,SAASA,EAAgB,EAAE,aAAAC,KAAqC;AACrE,QAAM,EAAE,GAAAC,MAAMC,EAAe,4BAA4B,EAAE,WAAW,mBAAmB;AAEzF,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOL,EAAE,WAAW;AAAA,QACpB,cAAcA,EAAE,yBAAyB;AAAA,MAAA;AAAA,IAAA;AAAA,IAG3C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,YAAU;AAAA,QACV,aAAaA,EAAE,0BAA0B;AAAA,QACzC,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAG7C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,cAAcA,EAAE,2BAA2B;AAAA,QAC3C,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGZ,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON,EAAE,kBAAkB;AAAA,QAC3B,SAAS;AAAA,UACP,EAAE,OAAO,YAAY,OAAOA,EAAE,qBAAqB,EAAA;AAAA,UACnD,EAAE,OAAO,WAAW,OAAOA,EAAE,oBAAoB,EAAA;AAAA,QAAE;AAAA,MACrD;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"BankAccountForm.js","sources":["../../../../src/components/Contractor/PaymentMethod/BankAccountForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { BankAccountFormProps } from './types'\nimport { RadioGroupField, TextInputField } from '@/components/Common'\n\nexport function BankAccountForm({ bankAccount }: BankAccountFormProps) {\n  const { t } = useTranslation('Contractor.PaymentMethod', { keyPrefix: 'bankAccountForm' })\n\n  return (\n    <>\n      <TextInputField\n        name=\"name\"\n        isRequired\n        label={t('nameLabel')}\n        errorMessage={t('validations.accountName')}\n      />\n\n      <TextInputField\n        name=\"routingNumber\"\n        label={t('routingNumberLabel')}\n        isRequired\n        description={t('routingNumberDescription')}\n        errorMessage={t('validations.routingNumber')}\n      />\n\n      <TextInputField\n        name=\"accountNumber\"\n        label={t('accountNumberLabel')}\n        errorMessage={t('validations.accountNumber')}\n        isRequired\n      />\n\n      <RadioGroupField\n        name=\"accountType\"\n        isRequired\n        label={t('accountTypeLabel')}\n        options={[\n          { value: 'Checking', label: t('accountTypeChecking') },\n          { value: 'Savings', label: t('accountTypeSavings') },\n        ]}\n      />\n    </>\n  )\n}\n"],"names":["BankAccountForm","bankAccount","t","useTranslation","jsxs","Fragment","jsx","TextInputField","RadioGroupField"],"mappings":";;;;;;;;AAIO,SAASA,EAAgB,EAAE,aAAAC,KAAqC;AACrE,QAAM,EAAE,GAAAC,MAAMC,EAAe,4BAA4B,EAAE,WAAW,mBAAmB;AAEzF,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOL,EAAE,WAAW;AAAA,QACpB,cAAcA,EAAE,yBAAyB;AAAA,MAAA;AAAA,IAAA;AAAA,IAG3C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,YAAU;AAAA,QACV,aAAaA,EAAE,0BAA0B;AAAA,QACzC,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAG7C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,oBAAoB;AAAA,QAC7B,cAAcA,EAAE,2BAA2B;AAAA,QAC3C,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGZ,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON,EAAE,kBAAkB;AAAA,QAC3B,SAAS;AAAA,UACP,EAAE,OAAO,YAAY,OAAOA,EAAE,qBAAqB,EAAA;AAAA,UACnD,EAAE,OAAO,WAAW,OAAOA,EAAE,oBAAoB,EAAA;AAAA,QAAE;AAAA,MACrD;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

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

@@ -1,11 +1,11 @@
 import { jsx as i } from "react/jsx-runtime";
 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 { PAYMENT_METHODS as o } from "../../../shared/constants.js";
-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,63 +1,64 @@
-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 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 }) });
+import { jsx as P, jsxs as I, Fragment as j } from "react/jsx-runtime";
+import { useContractorsListSuspense as z } from "@gusto/embedded-api/react-query/contractorsList";
+import { useContractorPaymentGroupsCreateMutation as W } from "@gusto/embedded-api/react-query/contractorPaymentGroupsCreate";
+import { useContractorPaymentGroupsPreviewMutation as K } from "@gusto/embedded-api/react-query/contractorPaymentGroupsPreview";
+import { useState as m, useMemo as E } from "react";
+import J from "dompurify";
+import { RFCDate as k } 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 Z } from "react-i18next";
+import { useBankAccountsGet as $ } from "@gusto/embedded-api/react-query/bankAccountsGet";
+import { CreatePaymentPresentation as tt } from "./CreatePaymentPresentation.js";
+import { EditContractorPaymentFormSchema as et, EditContractorPaymentPresentation as ot } from "./EditContractorPaymentPresentation.js";
+import { PreviewPresentation as rt } from "./PreviewPresentation.js";
+import { useComponentDictionary as nt } from "../../../../i18n/I18n.js";
+import { BaseComponent as st } from "../../../Base/Base.js";
+import { useBase as at } from "../../../Base/useBase.js";
+import { ContractorOnboardingStatus as it, componentEvents as d } from "../../../../shared/constants.js";
+import { firstLastName as ct } from "../../../../helpers/formattedStrings.js";
+function vt(s) {
+  return /* @__PURE__ */ P(st, { ...s, children: /* @__PURE__ */ P(ut, { ...s, children: s.children }) });
 }
-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(
+const ut = ({ companyId: s, dictionary: S, onEvent: l }) => {
+  nt("Contractor.Payments.CreatePayment", S);
+  const { t: f } = Z("Contractor.Payments.CreatePayment"), [U, C] = m(!1), [b, _] = m(
     (/* @__PURE__ */ new Date()).toISOString().split("T")[0] || ""
-  ), { baseSubmitHandler: h } = et(), [T, l] = u({}), [p, g] = u(null), [w, A] = u({}), { mutateAsync: _, isPending: D } = I(), {
-    mutateAsync: G,
+  ), { baseSubmitHandler: h } = at(), [T, p] = m({}), [y, g] = m(null), [w, N] = m({}), { mutateAsync: G, isPending: D } = W(), {
+    mutateAsync: v,
     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(
+  } = K(), { data: B } = z({ companyUuid: s }), a = (B.contractorList || []).filter(
+    (t) => t.isActive && t.onboardingStatus === it.ONBOARDING_COMPLETED
+  ), { data: L } = $({ companyId: s }), H = L?.companyBankAccounts?.[0], V = E(
     () => 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,
+        wage: "0",
+        hours: "0",
+        bonus: "0",
+        reimbursement: "0",
         isTouched: !1
       };
     }),
     [a]
-  ), [c, H] = u(L), Y = M(
-    () => c.reduce(
+  ), [u, Y] = m(V), q = E(
+    () => u.reduce(
       (t, e) => {
-        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;
+        const o = a.find((F) => F.uuid === e.contractorUuid), r = o?.wageType === "Hourly", n = Number(e.hours || "0"), c = Number(e.wage || "0"), i = Number(e.bonus || "0"), M = Number(e.reimbursement || "0"), x = r ? n * Number(o.hourlyRate || "0") : 0, R = r ? 0 : c;
         return {
-          wage: t.wage + i,
-          bonus: t.bonus + (e.bonus || 0),
-          reimbursement: t.reimbursement + (e.reimbursement || 0),
-          total: t.total + n + i + (e.bonus || 0) + (e.reimbursement || 0)
+          wage: t.wage + R,
+          bonus: t.bonus + i,
+          reimbursement: t.reimbursement + M,
+          total: t.total + x + R + i + M
         };
       },
       { wage: 0, bonus: 0, reimbursement: 0, total: 0 }
     ),
-    [c, a]
-  ), R = j({
-    resolver: W(Q),
+    [u, a]
+  ), A = Q({
+    resolver: X(et),
     defaultValues: {
       wageType: "Hourly",
       hours: 0,
@@ -69,60 +70,62 @@ const nt = ({ companyId: s, dictionary: E, onEvent: m }) => {
       contractorUuid: ""
     }
   });
-  return /* @__PURE__ */ q(x, { children: [
-    p && /* @__PURE__ */ P(
-      Z,
+  return /* @__PURE__ */ I(j, { children: [
+    y && /* @__PURE__ */ P(
+      rt,
       {
-        contractorPaymentGroup: p,
+        contractorPaymentGroup: y,
         contractors: a,
         onBackToEdit: () => {
-          g(null), A({}), m(d.CONTRACTOR_PAYMENT_BACK_TO_EDIT);
+          g(null), N({}), l(d.CONTRACTOR_PAYMENT_BACK_TO_EDIT);
         },
         onSubmit: async () => {
           await h(null, async () => {
-            const t = c.filter((i) => i.isTouched);
-            if (t.length === 0 || !p?.creationToken)
+            const t = u.filter((c) => c.isTouched);
+            if (t.length === 0 || !y?.creationToken)
               return;
-            const e = p.creationToken, o = Object.entries(w).map(([i, y]) => ({
-              blockerType: i,
-              selectedOption: y
-            })), r = {
-              checkDate: new N(b),
-              contractorPayments: t,
+            const e = y.creationToken, o = Object.entries(w).map(
+              ([c, i]) => ({
+                blockerType: c,
+                selectedOption: i
+              })
+            ), r = {
+              checkDate: new k(b),
+              contractorPayments: t.map(({ isTouched: c, ...i }) => i),
               creationToken: e,
               ...o.length > 0 && { submissionBlockers: o }
-            }, n = await _({
+            }, n = await G({
               request: {
                 companyId: s,
                 requestBody: r
               }
             });
-            m(d.CONTRACTOR_PAYMENT_CREATED, n.contractorPaymentGroup || {});
+            l(d.CONTRACTOR_PAYMENT_CREATED, n.contractorPaymentGroup || {});
           });
         },
         isLoading: D || O,
-        bankAccount: B,
+        bankAccount: H,
         selectedUnblockOptions: w,
         onUnblockOptionChange: (t, e) => {
-          A((o) => ({
+          N((o) => ({
             ...o,
             [t]: e
           }));
         }
       }
     ),
-    !p && /* @__PURE__ */ P(
-      J,
+    !y && /* @__PURE__ */ P(
+      tt,
       {
         contractors: a,
-        contractorPayments: c,
+        contractorPayments: u,
         paymentDate: b,
-        onPaymentDateChange: U,
+        onPaymentDateChange: _,
         onSaveAndContinue: async () => {
           await h(null, async () => {
-            const t = c.filter((o) => o.isTouched);
+            const t = u.filter((o) => o.isTouched);
             if (t.length === 0) {
-              l({
+              p({
                 ...T,
                 error: {
                   type: "error",
@@ -131,90 +134,90 @@ const nt = ({ companyId: s, dictionary: E, onEvent: m }) => {
               });
               return;
             }
-            l({});
-            const e = await G({
+            p({});
+            const e = await v({
               request: {
                 companyId: s,
                 requestBody: {
-                  contractorPayments: t.map((o) => {
-                    const { isTouched: r, ...n } = o;
-                    return n;
-                  }),
-                  checkDate: new N(b)
+                  contractorPayments: t.map(({ isTouched: o, ...r }) => r),
+                  checkDate: new k(b)
                 }
               }
             });
-            g(e.contractorPaymentGroupPreview || null), m(d.CONTRACTOR_PAYMENT_PREVIEW, e.contractorPaymentGroupPreview);
+            g(e.contractorPaymentGroupPreview || null), l(d.CONTRACTOR_PAYMENT_PREVIEW, e.contractorPaymentGroupPreview);
           });
         },
         onEditContractor: (t) => {
-          const e = a.find((r) => r.uuid === t), o = c.find(
+          const e = a.find((r) => r.uuid === t), o = u.find(
             (r) => r.contractorUuid === t
           );
-          R.reset(
+          A.reset(
             {
               wageType: e?.wageType || "Hourly",
-              hours: o?.hours || 0,
-              wage: o?.wage || 0,
-              bonus: o?.bonus || 0,
-              reimbursement: o?.reimbursement || 0,
+              hours: Number(o?.hours || "0"),
+              wage: Number(o?.wage || "0"),
+              bonus: Number(o?.bonus || "0"),
+              reimbursement: Number(o?.reimbursement || "0"),
               paymentMethod: o?.paymentMethod || "Direct Deposit",
-              hourlyRate: e?.hourlyRate ? Number(e.hourlyRate) : 0,
+              hourlyRate: Number(e?.hourlyRate || "0"),
               contractorUuid: t
             },
             { keepDirty: !1, keepValues: !1 }
-          ), l({}), C(!0), m(d.CONTRACTOR_PAYMENT_EDIT);
+          ), p({}), C(!0), l(d.CONTRACTOR_PAYMENT_EDIT);
         },
-        totals: Y,
+        totals: q,
         alerts: T,
         isLoading: D || O
       }
     ),
     /* @__PURE__ */ P(
-      X,
+      ot,
       {
-        isOpen: k,
+        isOpen: U,
         onClose: () => {
           C(!1);
         },
-        formMethods: R,
+        formMethods: A,
         onSubmit: (t) => {
-          H(
+          Y(
             (r) => r.map(
               (n) => n.contractorUuid === t.contractorUuid ? {
                 contractorUuid: n.contractorUuid,
-                wage: t.wage,
-                hours: t.hours,
-                bonus: t.bonus,
-                reimbursement: t.reimbursement,
+                wage: String(t.wage ?? 0),
+                hours: String(t.hours ?? 0),
+                bonus: String(t.bonus ?? 0),
+                reimbursement: String(t.reimbursement ?? 0),
                 paymentMethod: t.paymentMethod,
                 isTouched: !0
               } : n
             )
           );
-          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) => ({
+          const e = a.find((r) => r.uuid === t.contractorUuid), o = J.sanitize(
+            e?.type === "Individual" ? ct({ first_name: e.firstName, last_name: e.lastName }) : e?.businessName || ""
+          );
+          p((r) => ({
             ...r,
             [t.contractorUuid]: {
               type: "success",
               title: f("alerts.contractorPaymentUpdated", {
-                contractorName: o
+                contractorName: o,
+                interpolation: { escapeValue: !1 }
               }),
               onDismiss: () => {
-                l((n) => {
-                  const { [t.contractorUuid]: i, ...y } = n;
-                  return y;
+                p((n) => {
+                  const { [t.contractorUuid]: c, ...i } = n;
+                  return i;
                 });
               }
             }
-          })), C(!1), m(d.CONTRACTOR_PAYMENT_UPDATE, t);
+          })), C(!1), l(d.CONTRACTOR_PAYMENT_UPDATE, t);
         }
       }
     )
   ] });
 };
 export {
-  Et as CreatePayment,
-  nt as Root
+  vt as CreatePayment,
+  ut as Root
 };
 //# sourceMappingURL=CreatePayment.js.map