@gusto/embedded-react-sdk 0.32.0 → 0.33.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

@@ -9,13 +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 "../../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [d, u] = t("StateTaxesListContext");
+const [c, d] = t("StateTaxesListContext");
 export {
-  u as StateTaxesListProvider,
-  d 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/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 "classnames";
-import { contractorEvents as d } from "../../../shared/constants.js";
 import "react-i18next";
+import "classnames";
 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,14 +1,15 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { useTranslation as i } from "react-i18next";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { useTranslation as s } from "react-i18next";
 import { STATES_ABBR as o } from "../../../shared/constants.js";
 import { Grid as l } from "../../Common/Grid/Grid.js";
-import { TextInputField as t } from "../../Common/Fields/TextInputField/TextInputField.js";
+import "classnames";
 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 R() {
-  const { t: e } = i("Contractor.Address");
-  return /* @__PURE__ */ s(l, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
+function T() {
+  const { t: e } = s("Contractor.Address");
+  return /* @__PURE__ */ i(l, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
     /* @__PURE__ */ r(
       t,
       {
@@ -46,6 +47,6 @@ function R() {
   ] });
 }
 export {
-  R as Form
+  T 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,22 +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 "../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as r } from "../../Base/createCompoundContext.js";
-const z = 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)
-}), [b, h] = r(
+}), [z, b] = r(
   "ContractorAddressContext"
 );
 export {
-  z as AddressFormSchema,
-  h as AddressProvider,
-  b 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 f } from "../../Common/Flex/Flex.js";
 import "classnames";
-import { CONTRACTOR_TYPE as k, componentEvents as m } from "../../../shared/constants.js";
-import { EmptyData as U } from "../../Common/EmptyData/EmptyData.js";
+import { EmptyData as k } from "../../Common/EmptyData/EmptyData.js";
 import { ActionsLayout as h } from "../../Common/ActionsLayout/ActionsLayout.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 { 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 { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.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 { 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 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(U, { title: r("emptyTableTitle"), description: r("emptyTableDescription"), children: /* @__PURE__ */ t(h, { justifyContent: "center", children: /* @__PURE__ */ t(a, { onClick: o, children: r("addContractorCta") }) }) });
+  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") }) }) });
 }
 function Tt(o) {
-  return /* @__PURE__ */ t(G, { ...o, children: /* @__PURE__ */ t(X, { ...o, children: o.children }) });
+  return /* @__PURE__ */ t(q, { ...o, children: /* @__PURE__ */ t(X, { ...o, children: o.children }) });
 }
 function X({ companyId: o, className: a, dictionary: r, successMessage: i }) {
-  q("Contractor.ContractorList");
-  const { t: n } = d("Contractor.ContractorList"), { onEvent: s, baseSubmitHandler: g } = Y(), { Alert: T, Button: P } = u(), {
+  F("Contractor.ContractorList");
+  const { t: n } = d("Contractor.ContractorList"), { onEvent: s, baseSubmitHandler: g } = G(), { 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 === k.BUSINESS ? e.businessName : M({ first_name: e.firstName, last_name: e.lastName })
+        render: (e) => e.type === Y.BUSINESS ? e.businessName : j({ first_name: e.firstName, last_name: e.lastName })
       },
       {
         title: n("listHeaders.status"),
         render: ({ onboarded: e, onboardingStatus: c }) => /* @__PURE__ */ t(
-          F,
+          V,
           {
             onboarded: e,
             onboardingStatus: c
@@ -64,12 +64,12 @@ function X({ companyId: o, className: a, dictionary: r, successMessage: i }) {
     ],
     data: L,
     itemMenu: (e) => /* @__PURE__ */ t(
-      j,
+      U,
       {
         items: [
           {
             label: n("editCta"),
-            icon: /* @__PURE__ */ t(V, { "aria-hidden": !0 }),
+            icon: /* @__PURE__ */ t(M, { "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.js

@@ -1,37 +1,38 @@
-import { jsx as h, jsxs as I, Fragment as W } from "react/jsx-runtime";
-import { useContractorsListSuspense as K } from "@gusto/embedded-api/react-query/contractorsList";
-import { useContractorPaymentGroupsCreateMutation as J } from "@gusto/embedded-api/react-query/contractorPaymentGroupsCreate";
-import { useContractorPaymentGroupsPreviewMutation as Q } from "@gusto/embedded-api/react-query/contractorPaymentGroupsPreview";
-import { useState as p, useMemo as R } from "react";
-import X from "dompurify";
-import { RFCDate as S } from "@gusto/embedded-api/types/rfcdate";
-import { useForm as Z } from "react-hook-form";
-import { zodResolver as $ } from "@hookform/resolvers/zod";
-import { useTranslation as tt } from "react-i18next";
-import { useBankAccountsGet as et } from "@gusto/embedded-api/react-query/bankAccountsGet";
-import { usePaymentConfigsGet as ot } from "@gusto/embedded-api/react-query/paymentConfigsGet";
-import { CreatePaymentPresentation as rt } from "./CreatePaymentPresentation.js";
-import { EditContractorPaymentPresentation as nt } from "./EditContractorPaymentPresentation.js";
-import { createEditContractorPaymentFormSchema as st } from "./EditContractorPaymentFormSchema.js";
-import { PreviewPresentation as at } from "./PreviewPresentation.js";
-import { useComponentDictionary as it } from "../../../../i18n/I18n.js";
-import { BaseComponent as ct } from "../../../Base/Base.js";
-import { useBase as mt } from "../../../Base/useBase.js";
-import { ContractorOnboardingStatus as ut, componentEvents as C } from "../../../../shared/constants.js";
-import { firstLastName as pt } from "../../../../helpers/formattedStrings.js";
-function Yt(c) {
-  return /* @__PURE__ */ h(ct, { ...c, children: /* @__PURE__ */ h(yt, { ...c, children: c.children }) });
+import { jsx as h, jsxs as K, Fragment as J } 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 Z } from "@gusto/embedded-api/react-query/contractorPaymentGroupsPreview";
+import { useState as u, useMemo as S } from "react";
+import $ from "dompurify";
+import { RFCDate as U } from "@gusto/embedded-api/types/rfcdate";
+import { useForm as tt } from "react-hook-form";
+import { zodResolver as et } from "@hookform/resolvers/zod";
+import { useTranslation as ot } from "react-i18next";
+import { useBankAccountsGet as rt } from "@gusto/embedded-api/react-query/bankAccountsGet";
+import { usePaymentConfigsGet as nt } from "@gusto/embedded-api/react-query/paymentConfigsGet";
+import { CreatePaymentPresentation as st } from "./CreatePaymentPresentation.js";
+import { EditContractorPaymentPresentation as at } from "./EditContractorPaymentPresentation.js";
+import { createEditContractorPaymentFormSchema as it } from "./EditContractorPaymentFormSchema.js";
+import { PreviewPresentation as ct } from "./PreviewPresentation.js";
+import { payrollSubmitHandler as mt } from "../../../Payroll/PayrollBlocker/payrollHelpers.js";
+import { useComponentDictionary as ut } from "../../../../i18n/I18n.js";
+import { BaseComponent as lt } from "../../../Base/Base.js";
+import { useBase as pt } from "../../../Base/useBase.js";
+import { ContractorOnboardingStatus as yt, componentEvents as y } from "../../../../shared/constants.js";
+import { firstLastName as dt } from "../../../../helpers/formattedStrings.js";
+function jt(c) {
+  return /* @__PURE__ */ h(lt, { ...c, children: /* @__PURE__ */ h(Pt, { ...c, children: c.children }) });
 }
-const yt = ({ companyId: c, dictionary: U, onEvent: y }) => {
-  it("Contractor.Payments.CreatePayment", U);
-  const { t: b } = tt("Contractor.Payments.CreatePayment"), [v, g] = p(!1), [T, _] = p(
+const Pt = ({ companyId: c, dictionary: _, onEvent: l }) => {
+  ut("Contractor.Payments.CreatePayment", _);
+  const { t: b } = ot("Contractor.Payments.CreatePayment"), [v, g] = u(!1), [T, B] = u(
     (/* @__PURE__ */ new Date()).toISOString().split("T")[0] || ""
-  ), { baseSubmitHandler: M } = mt(), [w, d] = p({}), [l, D] = p(null), [N, A] = p({}), { mutateAsync: G, isPending: O } = J(), {
-    mutateAsync: B,
-    isPending: k
-  } = Q(), { data: L } = K({ companyUuid: c }), a = (L.contractorList || []).filter(
-    (t) => t.isActive && t.onboardingStatus === ut.ONBOARDING_COMPLETED
-  ), { data: V } = et({ companyId: c }), { data: H } = ot({ companyUuid: c }), Y = V?.companyBankAccounts?.[0], q = H?.paymentConfigs?.paymentSpeed, x = R(
+  ), { baseSubmitHandler: M } = pt(), [D, d] = u({}), [P, N] = u(null), [G, w] = u([]), [k, A] = u({}), { mutateAsync: V, isPending: O } = X(), {
+    mutateAsync: L,
+    isPending: R
+  } = Z(), { data: H } = Q({ companyUuid: c }), a = (H.contractorList || []).filter(
+    (t) => t.isActive && t.onboardingStatus === yt.ONBOARDING_COMPLETED
+  ), { data: Y } = rt({ companyId: c }), { data: F } = nt({ companyUuid: c }), q = Y?.companyBankAccounts?.[0], x = F?.paymentConfigs?.paymentSpeed, I = S(
     () => a.map((t) => {
       const e = t.paymentMethod ? t.paymentMethod : "Direct Deposit";
       return {
@@ -45,10 +46,10 @@ const yt = ({ companyId: c, dictionary: U, onEvent: y }) => {
       };
     }),
     [a]
-  ), [u, F] = p(x), j = R(
-    () => u.reduce(
+  ), [p, j] = u(I), z = S(
+    () => p.reduce(
       (t, e) => {
-        const o = a.find((z) => z.uuid === e.contractorUuid), s = o?.wageType === "Hourly", i = Number(e.hours || "0"), n = Number(e.wage || "0"), r = Number(e.bonus || "0"), m = Number(e.reimbursement || "0"), E = s ? i * Number(o.hourlyRate || "0") : 0, f = s ? 0 : n;
+        const o = a.find((W) => W.uuid === e.contractorUuid), i = o?.wageType === "Hourly", n = Number(e.hours || "0"), s = Number(e.wage || "0"), r = Number(e.bonus || "0"), m = Number(e.reimbursement || "0"), E = i ? n * Number(o.hourlyRate || "0") : 0, f = i ? 0 : s;
         return {
           wage: t.wage + f,
           bonus: t.bonus + r,
@@ -58,9 +59,9 @@ const yt = ({ companyId: c, dictionary: U, onEvent: y }) => {
       },
       { wage: 0, bonus: 0, reimbursement: 0, total: 0 }
     ),
-    [u, a]
-  ), P = Z({
-    resolver: $(st()),
+    [p, a]
+  ), C = tt({
+    resolver: et(it()),
     defaultValues: {
       wageType: "Hourly",
       hours: 0,
@@ -73,64 +74,64 @@ const yt = ({ companyId: c, dictionary: U, onEvent: y }) => {
       contractorPaymentMethod: void 0
     }
   });
-  return /* @__PURE__ */ I(W, { children: [
-    l && /* @__PURE__ */ h(
-      at,
+  return /* @__PURE__ */ K(J, { children: [
+    P && /* @__PURE__ */ h(
+      ct,
       {
-        contractorPaymentGroup: l,
+        contractorPaymentGroup: P,
         contractors: a,
         onBackToEdit: () => {
-          D(null), A({}), y(C.CONTRACTOR_PAYMENT_BACK_TO_EDIT);
+          N(null), w([]), A({}), l(y.CONTRACTOR_PAYMENT_BACK_TO_EDIT);
         },
         onSubmit: async () => {
           await M(null, async () => {
-            const t = u.filter((n) => n.isTouched);
-            if (t.length === 0 || !l?.creationToken)
+            const t = p.filter((s) => s.isTouched);
+            if (t.length === 0 || !P?.creationToken)
               return;
-            const e = l.creationToken, o = Object.entries(N).map(
-              ([n, r]) => ({
-                blockerType: n,
+            const e = P.creationToken, o = Object.entries(k).map(
+              ([s, r]) => ({
+                blockerType: s,
                 selectedOption: r
               })
-            ), s = {
-              checkDate: new S(T),
-              contractorPayments: t.map(({ isTouched: n, ...r }) => r),
+            ), i = {
+              checkDate: new U(T),
+              contractorPayments: t.map(({ isTouched: s, ...r }) => r),
               creationToken: e,
               ...o.length > 0 && { submissionBlockers: o }
-            }, i = await G({
+            }, n = await V({
               request: {
                 companyId: c,
-                requestBody: s
+                requestBody: i
               }
             });
-            y(C.CONTRACTOR_PAYMENT_CREATED, i.contractorPaymentGroup || {});
+            l(y.CONTRACTOR_PAYMENT_CREATED, n.contractorPaymentGroup || {});
           });
         },
-        isLoading: O || k,
-        bankAccount: Y,
-        selectedUnblockOptions: N,
+        isLoading: O || R,
+        bankAccount: q,
+        selectedUnblockOptions: k,
         onUnblockOptionChange: (t, e) => {
           A((o) => ({
             ...o,
             [t]: e
           }));
         },
-        paymentSpeed: q
+        paymentSpeed: x
       }
     ),
-    !l && /* @__PURE__ */ h(
-      rt,
+    !P && /* @__PURE__ */ h(
+      st,
       {
         contractors: a,
-        contractorPayments: u,
+        contractorPayments: p,
         paymentDate: T,
-        onPaymentDateChange: _,
+        onPaymentDateChange: B,
         onSaveAndContinue: async () => {
           await M(null, async () => {
-            const t = u.filter((o) => o.isTouched);
+            const t = p.filter((o) => o.isTouched);
             if (t.length === 0) {
               d({
-                ...w,
+                ...D,
                 error: {
                   type: "error",
                   title: b("alerts.noContractorPayments")
@@ -138,69 +139,76 @@ const yt = ({ companyId: c, dictionary: U, onEvent: y }) => {
               });
               return;
             }
-            d({});
-            const e = await B({
-              request: {
-                companyId: c,
-                requestBody: {
-                  contractorPayments: t.map(({ isTouched: o, ...s }) => s),
-                  checkDate: new S(T)
+            d({}), w([]);
+            const e = await mt(async () => {
+              const o = await L({
+                request: {
+                  companyId: c,
+                  requestBody: {
+                    contractorPayments: t.map(({ isTouched: i, ...n }) => n),
+                    checkDate: new U(T)
+                  }
                 }
-              }
+              });
+              N(o.contractorPaymentGroupPreview || null), l(y.CONTRACTOR_PAYMENT_PREVIEW, o.contractorPaymentGroupPreview);
             });
-            D(e.contractorPaymentGroupPreview || null), y(C.CONTRACTOR_PAYMENT_PREVIEW, e.contractorPaymentGroupPreview);
+            !e.success && e.blockers.length > 0 && w(e.blockers);
           });
         },
         onEditContractor: (t) => {
-          const e = a.find((n) => n.uuid === t), o = u.find(
-            (n) => n.contractorUuid === t
-          ), s = o?.paymentMethod || "Direct Deposit", i = ["Check", "Direct Deposit"].includes(s) ? s : "Check";
-          P.reset(
+          const e = a.find((s) => s.uuid === t), o = p.find(
+            (s) => s.contractorUuid === t
+          ), i = o?.paymentMethod || "Direct Deposit", n = ["Check", "Direct Deposit"].includes(i) ? i : "Check";
+          C.reset(
             {
               wageType: e?.wageType || "Hourly",
               hours: Number(o?.hours || "0"),
               wage: Number(o?.wage || "0"),
               bonus: Number(o?.bonus || "0"),
               reimbursement: Number(o?.reimbursement || "0"),
-              paymentMethod: i,
+              paymentMethod: n,
               hourlyRate: Number(e?.hourlyRate || "0"),
               contractorUuid: t,
               contractorPaymentMethod: e?.paymentMethod || void 0
             },
             { keepDirty: !1, keepValues: !1 }
-          ), d({}), g(!0), y(C.CONTRACTOR_PAYMENT_EDIT);
+          ), d({}), g(!0), l(y.CONTRACTOR_PAYMENT_EDIT);
+        },
+        totals: z,
+        alerts: D,
+        payrollBlockers: G,
+        onViewBlockers: () => {
+          l(y.CONTRACTOR_PAYMENT_RFI_RESPOND);
         },
-        totals: j,
-        alerts: w,
-        isLoading: O || k
+        isLoading: O || R
       }
     ),
     /* @__PURE__ */ h(
-      nt,
+      at,
       {
         isOpen: v,
         onClose: () => {
           g(!1);
         },
-        formMethods: P,
+        formMethods: C,
         onSubmit: (t) => {
           const o = a.find((r) => r.uuid === t.contractorUuid)?.paymentMethod;
           if (!["Check", "Direct Deposit"].includes(t.paymentMethod)) {
-            P.setError("paymentMethod", {
+            C.setError("paymentMethod", {
               type: "manual",
               message: b("editContractorPayment.errors.unsupportedPaymentMethod")
             });
             return;
           }
           if (o === "Check" && t.paymentMethod === "Direct Deposit") {
-            P.setError("paymentMethod", {
+            C.setError("paymentMethod", {
               type: "manual",
               message: b("editContractorPayment.errors.directDepositNotAvailable")
             });
             return;
           }
-          const s = (t.wage ?? 0) > 0 || (t.hours ?? 0) > 0 || (t.bonus ?? 0) > 0 || (t.reimbursement ?? 0) > 0;
-          F(
+          const i = (t.wage ?? 0) > 0 || (t.hours ?? 0) > 0 || (t.bonus ?? 0) > 0 || (t.reimbursement ?? 0) > 0;
+          j(
             (r) => r.map(
               (m) => m.contractorUuid === t.contractorUuid ? {
                 contractorUuid: m.contractorUuid,
@@ -209,24 +217,24 @@ const yt = ({ companyId: c, dictionary: U, onEvent: y }) => {
                 bonus: String(t.bonus ?? 0),
                 reimbursement: String(t.reimbursement ?? 0),
                 paymentMethod: t.paymentMethod,
-                isTouched: s
+                isTouched: i
               } : m
             )
           );
-          const i = a.find(
+          const n = a.find(
             (r) => r.uuid === t.contractorUuid
-          ), n = X.sanitize(
-            i?.type === "Individual" ? pt({
-              first_name: i.firstName,
-              last_name: i.lastName
-            }) : i?.businessName || ""
+          ), s = $.sanitize(
+            n?.type === "Individual" ? dt({
+              first_name: n.firstName,
+              last_name: n.lastName
+            }) : n?.businessName || ""
           );
           d((r) => ({
             ...r,
             [t.contractorUuid]: {
               type: "success",
               title: b("alerts.contractorPaymentUpdated", {
-                contractorName: n,
+                contractorName: s,
                 interpolation: { escapeValue: !1 }
               }),
               onDismiss: () => {
@@ -236,15 +244,15 @@ const yt = ({ companyId: c, dictionary: U, onEvent: y }) => {
                 });
               }
             }
-          })), g(!1), y(C.CONTRACTOR_PAYMENT_UPDATE, t);
+          })), g(!1), l(y.CONTRACTOR_PAYMENT_UPDATE, t);
         },
-        contractorPaymentMethod: a.find((t) => t.uuid === P.getValues("contractorUuid"))?.paymentMethod ?? void 0
+        contractorPaymentMethod: a.find((t) => t.uuid === C.getValues("contractorUuid"))?.paymentMethod ?? void 0
       }
     )
   ] });
 };
 export {
-  Yt as CreatePayment,
-  yt as Root
+  jt as CreatePayment,
+  Pt as Root
 };
 //# sourceMappingURL=CreatePayment.js.map