@gusto/embedded-react-sdk 0.10.7-rc.2 → 0.11.0-rc.1

package/dist/components/Company/AssignSignatory/InviteSignatory/InviteSignatory.js

@@ -1,72 +1,70 @@
-import { jsx as i, jsxs as A, Fragment as E } from "react/jsx-runtime";
-import { useForm as F, FormProvider as M } from "react-hook-form";
-import { zodResolver as D } from "@hookform/resolvers/zod";
-import P from "classnames";
-import { useSignatoriesListSuspense as b } from "@gusto/embedded-api/react-query/signatoriesList";
-import { useSignatoriesInviteMutation as x } from "@gusto/embedded-api/react-query/signatoriesInvite";
-import { useSignatoriesDeleteMutation as O } from "@gusto/embedded-api/react-query/signatoriesDelete";
-import { InviteSignatorySchema as R, InviteSignatoryForm as c } from "./InviteSignatoryForm.js";
-import { Actions as u } from "./Actions.js";
-import _ from "./InviteSignatory.module.scss.js";
-import { InviteSignatoryProvider as C } from "./useInviteSignatory.js";
-import { Form as T } from "../../../Common/Form/Form.js";
-import { useI18n as U } from "../../../../i18n/I18n.js";
-import { BaseComponent as Y } from "../../../Base/Base.js";
-import { useBase as q } from "../../../Base/useBase.js";
-import { Flex as w } from "../../../Common/Flex/Flex.js";
+import { jsx as i, jsxs as N, Fragment as h } from "react/jsx-runtime";
+import { useForm as I, FormProvider as A } from "react-hook-form";
+import { zodResolver as E } from "@hookform/resolvers/zod";
+import M from "classnames";
+import { useSignatoriesListSuspense as D } from "@gusto/embedded-api/react-query/signatoriesList";
+import { useSignatoriesInviteMutation as F } from "@gusto/embedded-api/react-query/signatoriesInvite";
+import { useSignatoriesDeleteMutation as P } from "@gusto/embedded-api/react-query/signatoriesDelete";
+import { InviteSignatorySchema as b, InviteSignatoryForm as x } from "./InviteSignatoryForm.js";
+import { Actions as O } from "./Actions.js";
+import R from "./InviteSignatory.module.scss.js";
+import { InviteSignatoryProvider as _ } from "./useInviteSignatory.js";
+import { Form as C } from "../../../Common/Form/Form.js";
+import { useI18n as T } from "../../../../i18n/I18n.js";
+import { BaseComponent as U } from "../../../Base/Base.js";
+import { useBase as Y } from "../../../Base/useBase.js";
+import { Flex as q } from "../../../Common/Flex/Flex.js";
 import { companyEvents as a } from "../../../../shared/constants.js";
-function l(t) {
-  return /* @__PURE__ */ i(Y, { ...t, children: /* @__PURE__ */ i(B, { ...t, children: t.children }) });
+function ni(t) {
+  return /* @__PURE__ */ i(U, { ...t, children: /* @__PURE__ */ i(w, { ...t, children: t.children }) });
 }
-function B({ companyId: t, defaultValues: o, className: f, children: n }) {
-  U("Company.AssignSignatory");
-  const { onEvent: r, baseSubmitHandler: g } = q(), {
-    data: { signatoryList: y }
-  } = b({
+function w({ companyId: t, defaultValues: o, className: c, children: n }) {
+  T("Company.AssignSignatory");
+  const { onEvent: r, baseSubmitHandler: u } = Y(), {
+    data: { signatoryList: l }
+  } = D({
     companyUuid: t
-  }), e = y, m = x(), p = O(), d = {
+  }), e = l, m = F(), f = P(), g = {
     firstName: o?.firstName ?? "",
     lastName: o?.lastName ?? "",
     email: o?.email,
     confirmEmail: o?.confirmEmail,
     title: o?.title ?? ""
-  }, s = F({
-    resolver: D(R),
-    defaultValues: d
-  }), S = async (v) => {
-    await g(v, async (N) => {
-      const { confirmEmail: j, ...h } = N;
-      e[0]?.uuid && await p.mutateAsync({
+  }, s = I({
+    resolver: E(b),
+    defaultValues: g
+  }), y = async (p) => {
+    await u(p, async (d) => {
+      const { confirmEmail: B, ...S } = d;
+      e[0]?.uuid && await f.mutateAsync({
         request: {
           companyUuid: t,
           signatoryUuid: e[0].uuid
         }
       });
-      const I = await m.mutateAsync({
+      const v = await m.mutateAsync({
         request: {
           companyUuid: t,
-          requestBody: h
+          requestBody: S
         }
       });
-      r(a.COMPANY_SIGNATORY_INVITED, I.signatory), r(a.COMPANY_INVITE_SIGNATORY_DONE);
+      r(a.COMPANY_SIGNATORY_INVITED, v.signatory), r(a.COMPANY_INVITE_SIGNATORY_DONE);
     });
   };
-  return /* @__PURE__ */ i("section", { className: P(_.container, f), children: /* @__PURE__ */ i(
-    C,
+  return /* @__PURE__ */ i("section", { className: M(R.container, c), children: /* @__PURE__ */ i(
+    _,
     {
       value: {
         isPending: m.isPending
       },
-      children: /* @__PURE__ */ i(M, { ...s, children: /* @__PURE__ */ i(T, { onSubmit: s.handleSubmit(S), children: /* @__PURE__ */ i(w, { flexDirection: "column", gap: 32, children: n || /* @__PURE__ */ A(E, { children: [
-        /* @__PURE__ */ i(c, {}),
-        /* @__PURE__ */ i(u, {})
+      children: /* @__PURE__ */ i(A, { ...s, children: /* @__PURE__ */ i(C, { onSubmit: s.handleSubmit(y), children: /* @__PURE__ */ i(q, { flexDirection: "column", gap: 32, children: n || /* @__PURE__ */ N(h, { children: [
+        /* @__PURE__ */ i(x, {}),
+        /* @__PURE__ */ i(O, {})
       ] }) }) }) })
     }
   ) });
 }
-l.Form = c;
-l.Actions = u;
 export {
-  l as InviteSignatory
+  ni as InviteSignatory
 };
 //# sourceMappingURL=InviteSignatory.js.map

package/dist/components/Company/AssignSignatory/InviteSignatory/InviteSignatory.js.map

@@ -1 +1 @@
-{"version":3,"file":"InviteSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/InviteSignatory/InviteSignatory.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport classNames from 'classnames'\nimport { useSignatoriesListSuspense } from '@gusto/embedded-api/react-query/signatoriesList'\nimport { useSignatoriesInviteMutation } from '@gusto/embedded-api/react-query/signatoriesInvite'\nimport { useSignatoriesDeleteMutation } from '@gusto/embedded-api/react-query/signatoriesDelete'\nimport { type InviteSignatoryInputs, InviteSignatorySchema } from './InviteSignatoryForm'\nimport { InviteSignatoryForm } from './InviteSignatoryForm'\nimport { Actions } from './Actions'\nimport styles from './InviteSignatory.module.scss'\nimport type { InviteSignatoryDefaultValues } from './useInviteSignatory'\nimport { InviteSignatoryProvider } from './useInviteSignatory'\nimport { Form } from '@/components/Common/Form'\nimport { useI18n } from '@/i18n'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\n\ninterface InviteSignatoryProps extends CommonComponentInterface {\n  companyId: string\n  defaultValues?: InviteSignatoryDefaultValues\n}\n\nexport function InviteSignatory(props: InviteSignatoryProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, defaultValues, className, children }: InviteSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const {\n    data: { signatoryList },\n  } = useSignatoriesListSuspense({\n    companyUuid: companyId,\n  })\n  const signatories = signatoryList!\n\n  const inviteSignatoryMutation = useSignatoriesInviteMutation()\n  const deleteSignatoryMutation = useSignatoriesDeleteMutation()\n\n  const inviteSignatoryDefaultValues = {\n    firstName: defaultValues?.firstName ?? '',\n    lastName: defaultValues?.lastName ?? '',\n    email: defaultValues?.email,\n    confirmEmail: defaultValues?.confirmEmail,\n    title: defaultValues?.title ?? '',\n  }\n\n  const formMethods = useForm<InviteSignatoryInputs>({\n    resolver: zodResolver(InviteSignatorySchema),\n    defaultValues: inviteSignatoryDefaultValues,\n  })\n\n  const onSubmit = async (data: InviteSignatoryInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const { confirmEmail, ...signatoryData } = payload\n      if (signatories[0]?.uuid) {\n        await deleteSignatoryMutation.mutateAsync({\n          request: {\n            companyUuid: companyId,\n            signatoryUuid: signatories[0].uuid,\n          },\n        })\n      }\n\n      const inviteSignatoryResponse = await inviteSignatoryMutation.mutateAsync({\n        request: {\n          companyUuid: companyId,\n          requestBody: signatoryData,\n        },\n      })\n\n      onEvent(companyEvents.COMPANY_SIGNATORY_INVITED, inviteSignatoryResponse.signatory)\n      onEvent(companyEvents.COMPANY_INVITE_SIGNATORY_DONE)\n    })\n  }\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <InviteSignatoryProvider\n        value={{\n          isPending: inviteSignatoryMutation.isPending,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <InviteSignatoryForm />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </Form>\n        </FormProvider>\n      </InviteSignatoryProvider>\n    </section>\n  )\n}\n\nInviteSignatory.Form = InviteSignatoryForm\nInviteSignatory.Actions = Actions\n"],"names":["InviteSignatory","props","jsx","BaseComponent","Root","companyId","defaultValues","className","children","useI18n","onEvent","baseSubmitHandler","useBase","signatoryList","useSignatoriesListSuspense","signatories","inviteSignatoryMutation","useSignatoriesInviteMutation","deleteSignatoryMutation","useSignatoriesDeleteMutation","inviteSignatoryDefaultValues","formMethods","useForm","zodResolver","InviteSignatorySchema","onSubmit","data","payload","confirmEmail","signatoryData","inviteSignatoryResponse","companyEvents","classNames","styles","InviteSignatoryProvider","FormProvider","Form","Flex","jsxs","Fragment","InviteSignatoryForm","Actions"],"mappings":";;;;;;;;;;;;;;;;;AA4BO,SAASA,EAAgBC,GAAsD;AAElF,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,eAAAC,GAAe,WAAAC,GAAW,UAAAC,KAAkC;AACrF,EAAAC,EAAQ,yBAAyB;AACjC,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAkB,IAAIC,EAAQ,GAEzC;AAAA,IACJ,MAAM,EAAE,eAAAC,EAAc;AAAA,MACpBC,EAA2B;AAAA,IAC7B,aAAaT;AAAA,EAAA,CACd,GACKU,IAAcF,GAEdG,IAA0BC,EAA6B,GACvDC,IAA0BC,EAA6B,GAEvDC,IAA+B;AAAA,IACnC,WAAWd,GAAe,aAAa;AAAA,IACvC,UAAUA,GAAe,YAAY;AAAA,IACrC,OAAOA,GAAe;AAAA,IACtB,cAAcA,GAAe;AAAA,IAC7B,OAAOA,GAAe,SAAS;AAAA,EACjC,GAEMe,IAAcC,EAA+B;AAAA,IACjD,UAAUC,EAAYC,CAAqB;AAAA,IAC3C,eAAeJ;AAAA,EAAA,CAChB,GAEKK,IAAW,OAAOC,MAAgC;AAChD,UAAAf,EAAkBe,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,cAAAC,GAAc,GAAGC,EAAA,IAAkBF;AACvC,MAAAZ,EAAY,CAAC,GAAG,QAClB,MAAMG,EAAwB,YAAY;AAAA,QACxC,SAAS;AAAA,UACP,aAAab;AAAA,UACb,eAAeU,EAAY,CAAC,EAAE;AAAA,QAAA;AAAA,MAChC,CACD;AAGG,YAAAe,IAA0B,MAAMd,EAAwB,YAAY;AAAA,QACxE,SAAS;AAAA,UACP,aAAaX;AAAA,UACb,aAAawB;AAAA,QAAA;AAAA,MACf,CACD;AAEO,MAAAnB,EAAAqB,EAAc,2BAA2BD,EAAwB,SAAS,GAClFpB,EAAQqB,EAAc,6BAA6B;AAAA,IAAA,CACpD;AAAA,EACH;AAEA,2BACG,WAAQ,EAAA,WAAWC,EAAWC,EAAO,WAAW1B,CAAS,GACxD,UAAA,gBAAAL;AAAA,IAACgC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAWlB,EAAwB;AAAA,MACrC;AAAA,MAEA,4BAACmB,GAAc,EAAA,GAAGd,GAChB,UAAC,gBAAAnB,EAAAkC,GAAA,EAAK,UAAUf,EAAY,aAAaI,CAAQ,GAC/C,UAAA,gBAAAvB,EAACmC,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAA7B,KAIG,gBAAA8B,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAArC,EAACsC,GAAoB,EAAA;AAAA,0BACpBC,GAAQ,CAAA,CAAA;AAAA,MAAA,GACX,EAAA,CAEJ,GACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEAzC,EAAgB,OAAOwC;AACvBxC,EAAgB,UAAUyC;"}
+{"version":3,"file":"InviteSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/InviteSignatory/InviteSignatory.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport classNames from 'classnames'\nimport { useSignatoriesListSuspense } from '@gusto/embedded-api/react-query/signatoriesList'\nimport { useSignatoriesInviteMutation } from '@gusto/embedded-api/react-query/signatoriesInvite'\nimport { useSignatoriesDeleteMutation } from '@gusto/embedded-api/react-query/signatoriesDelete'\nimport { type InviteSignatoryInputs, InviteSignatorySchema } from './InviteSignatoryForm'\nimport { InviteSignatoryForm } from './InviteSignatoryForm'\nimport { Actions } from './Actions'\nimport styles from './InviteSignatory.module.scss'\nimport type { InviteSignatoryDefaultValues } from './useInviteSignatory'\nimport { InviteSignatoryProvider } from './useInviteSignatory'\nimport { Form } from '@/components/Common/Form'\nimport { useI18n } from '@/i18n'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\n\ninterface InviteSignatoryProps extends CommonComponentInterface {\n  companyId: string\n  defaultValues?: InviteSignatoryDefaultValues\n}\n\nexport function InviteSignatory(props: InviteSignatoryProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, defaultValues, className, children }: InviteSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const {\n    data: { signatoryList },\n  } = useSignatoriesListSuspense({\n    companyUuid: companyId,\n  })\n  const signatories = signatoryList!\n\n  const inviteSignatoryMutation = useSignatoriesInviteMutation()\n  const deleteSignatoryMutation = useSignatoriesDeleteMutation()\n\n  const inviteSignatoryDefaultValues = {\n    firstName: defaultValues?.firstName ?? '',\n    lastName: defaultValues?.lastName ?? '',\n    email: defaultValues?.email,\n    confirmEmail: defaultValues?.confirmEmail,\n    title: defaultValues?.title ?? '',\n  }\n\n  const formMethods = useForm<InviteSignatoryInputs>({\n    resolver: zodResolver(InviteSignatorySchema),\n    defaultValues: inviteSignatoryDefaultValues,\n  })\n\n  const onSubmit = async (data: InviteSignatoryInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const { confirmEmail, ...signatoryData } = payload\n      if (signatories[0]?.uuid) {\n        await deleteSignatoryMutation.mutateAsync({\n          request: {\n            companyUuid: companyId,\n            signatoryUuid: signatories[0].uuid,\n          },\n        })\n      }\n\n      const inviteSignatoryResponse = await inviteSignatoryMutation.mutateAsync({\n        request: {\n          companyUuid: companyId,\n          requestBody: signatoryData,\n        },\n      })\n\n      onEvent(companyEvents.COMPANY_SIGNATORY_INVITED, inviteSignatoryResponse.signatory)\n      onEvent(companyEvents.COMPANY_INVITE_SIGNATORY_DONE)\n    })\n  }\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <InviteSignatoryProvider\n        value={{\n          isPending: inviteSignatoryMutation.isPending,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <InviteSignatoryForm />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </Form>\n        </FormProvider>\n      </InviteSignatoryProvider>\n    </section>\n  )\n}\n"],"names":["InviteSignatory","props","jsx","BaseComponent","Root","companyId","defaultValues","className","children","useI18n","onEvent","baseSubmitHandler","useBase","signatoryList","useSignatoriesListSuspense","signatories","inviteSignatoryMutation","useSignatoriesInviteMutation","deleteSignatoryMutation","useSignatoriesDeleteMutation","inviteSignatoryDefaultValues","formMethods","useForm","zodResolver","InviteSignatorySchema","onSubmit","data","payload","confirmEmail","signatoryData","inviteSignatoryResponse","companyEvents","classNames","styles","InviteSignatoryProvider","FormProvider","Form","Flex","jsxs","Fragment","InviteSignatoryForm","Actions"],"mappings":";;;;;;;;;;;;;;;;;AA4BO,SAASA,GAAgBC,GAAsD;AAElF,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,eAAAC,GAAe,WAAAC,GAAW,UAAAC,KAAkC;AACrF,EAAAC,EAAQ,yBAAyB;AACjC,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAkB,IAAIC,EAAQ,GAEzC;AAAA,IACJ,MAAM,EAAE,eAAAC,EAAc;AAAA,MACpBC,EAA2B;AAAA,IAC7B,aAAaT;AAAA,EAAA,CACd,GACKU,IAAcF,GAEdG,IAA0BC,EAA6B,GACvDC,IAA0BC,EAA6B,GAEvDC,IAA+B;AAAA,IACnC,WAAWd,GAAe,aAAa;AAAA,IACvC,UAAUA,GAAe,YAAY;AAAA,IACrC,OAAOA,GAAe;AAAA,IACtB,cAAcA,GAAe;AAAA,IAC7B,OAAOA,GAAe,SAAS;AAAA,EACjC,GAEMe,IAAcC,EAA+B;AAAA,IACjD,UAAUC,EAAYC,CAAqB;AAAA,IAC3C,eAAeJ;AAAA,EAAA,CAChB,GAEKK,IAAW,OAAOC,MAAgC;AAChD,UAAAf,EAAkBe,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,cAAAC,GAAc,GAAGC,EAAA,IAAkBF;AACvC,MAAAZ,EAAY,CAAC,GAAG,QAClB,MAAMG,EAAwB,YAAY;AAAA,QACxC,SAAS;AAAA,UACP,aAAab;AAAA,UACb,eAAeU,EAAY,CAAC,EAAE;AAAA,QAAA;AAAA,MAChC,CACD;AAGG,YAAAe,IAA0B,MAAMd,EAAwB,YAAY;AAAA,QACxE,SAAS;AAAA,UACP,aAAaX;AAAA,UACb,aAAawB;AAAA,QAAA;AAAA,MACf,CACD;AAEO,MAAAnB,EAAAqB,EAAc,2BAA2BD,EAAwB,SAAS,GAClFpB,EAAQqB,EAAc,6BAA6B;AAAA,IAAA,CACpD;AAAA,EACH;AAEA,2BACG,WAAQ,EAAA,WAAWC,EAAWC,EAAO,WAAW1B,CAAS,GACxD,UAAA,gBAAAL;AAAA,IAACgC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAWlB,EAAwB;AAAA,MACrC;AAAA,MAEA,4BAACmB,GAAc,EAAA,GAAGd,GAChB,UAAC,gBAAAnB,EAAAkC,GAAA,EAAK,UAAUf,EAAY,aAAaI,CAAQ,GAC/C,UAAA,gBAAAvB,EAACmC,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAA7B,KAIG,gBAAA8B,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAArC,EAACsC,GAAoB,EAAA;AAAA,0BACpBC,GAAQ,CAAA,CAAA;AAAA,MAAA,GACX,EAAA,CAEJ,GACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/AssignSignatory/index.d.ts

@@ -1,7 +1,6 @@
 import "./types/i18next.d.ts"
 export { AssignSignatory } from './AssignSignatory';
 export { SignatoryAssignmentMode } from './useAssignSignatory';
-export { Head } from './Head';
 export { AssignSignatorySelection } from './AssignSignatorySelection';
 export { CreateSignatory } from './CreateSignatory';
 export { InviteSignatory } from './InviteSignatory';

package/dist/components/Company/BankAccount/BankAccount.d.ts

@@ -3,8 +3,3 @@ export interface BankAccountProps extends BaseComponentInterface<'Company.BankAc
     companyId: string;
 }
 export declare function BankAccount(props: BankAccountProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace BankAccount {
-    var BankAccountList: typeof import("./BankAccountList/BankAccountList").BankAccountList;
-    var BankAccountForm: typeof import("./BankAccountForm/BankAccountForm").BankAccountForm;
-    var BankAccountVerify: typeof import("./BankAccountVerify/BankAccountVerify").BankAccountVerify;
-}

package/dist/components/Company/BankAccount/BankAccount.js

@@ -1,37 +1,31 @@
 import { jsx as t } from "react/jsx-runtime";
-import { createMachine as k } from "robot3";
+import { createMachine as u } from "robot3";
 import { useBankAccountsGetSuspense as s } from "@gusto/embedded-api/react-query/bankAccountsGet";
-import { BankAccountListContextual as A, BankAccountFormContextual as B } from "./BankAccountComponents.js";
-import { bankAccountStateMachine as f } from "./stateMachine.js";
-import { BankAccountList as p } from "./BankAccountList/BankAccountList.js";
-import { BankAccountForm as l } from "./BankAccountForm/BankAccountForm.js";
-import { BankAccountVerify as h } from "./BankAccountVerify/BankAccountVerify.js";
-import { Flow as y } from "../../Flow/Flow.js";
-import { BaseComponent as C } from "../../Base/Base.js";
+import { BankAccountListContextual as p, BankAccountFormContextual as k } from "./BankAccountComponents.js";
+import { bankAccountStateMachine as A } from "./stateMachine.js";
+import { Flow as f } from "../../Flow/Flow.js";
+import { BaseComponent as B } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-import { useComponentDictionary as F } from "../../../i18n/I18n.js";
-function L({ companyId: n, onEvent: r, dictionary: m }) {
-  F("Company.BankAccount", m);
-  const { data: e } = s({ companyId: n }), a = e.companyBankAccountList, o = a.length > 0 ? a[0] : null, i = k(
+import { useComponentDictionary as l } from "../../../i18n/I18n.js";
+function h({ companyId: n, onEvent: a, dictionary: e }) {
+  l("Company.BankAccount", e);
+  const { data: r } = s({ companyId: n }), c = r.companyBankAccountList, o = c.length > 0 ? c[0] : null, m = u(
     o ? "viewBankAccount" : "addBankAccount",
-    f,
-    (u) => ({
-      ...u,
-      component: o ? A : B,
+    A,
+    (i) => ({
+      ...i,
+      component: o ? p : k,
       companyId: n,
       bankAccount: o,
       showVerifiedMessage: !1
     })
   );
-  return /* @__PURE__ */ t(y, { machine: i, onEvent: r });
+  return /* @__PURE__ */ t(f, { machine: m, onEvent: a });
 }
-function c(n) {
-  return /* @__PURE__ */ t(C, { ...n, children: /* @__PURE__ */ t(L, { ...n }) });
+function b(n) {
+  return /* @__PURE__ */ t(B, { ...n, children: /* @__PURE__ */ t(h, { ...n }) });
 }
-c.BankAccountList = p;
-c.BankAccountForm = l;
-c.BankAccountVerify = h;
 export {
-  c as BankAccount
+  b as BankAccount
 };
 //# sourceMappingURL=BankAccount.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BankAccount.js","sources":["../../../../src/components/Company/BankAccount/BankAccount.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport {\n  BankAccountFormContextual,\n  type BankAccountContextInterface,\n} from './BankAccountComponents'\nimport { bankAccountStateMachine } from './stateMachine'\nimport { BankAccountListContextual } from './BankAccountComponents'\nimport { BankAccountList } from './BankAccountList/BankAccountList'\nimport { BankAccountForm } from './BankAccountForm/BankAccountForm'\nimport { BankAccountVerify } from './BankAccountVerify/BankAccountVerify'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport interface BankAccountProps extends BaseComponentInterface<'Company.BankAccount'> {\n  companyId: string\n}\n\nfunction BankAccountFlow({ companyId, onEvent, dictionary }: BankAccountProps) {\n  useComponentDictionary('Company.BankAccount', dictionary)\n  const { data } = useBankAccountsGetSuspense({ companyId })\n  const companyBankAccountList = data.companyBankAccountList!\n  //Currently, we only support a single default bank account per company.\n  const bankAccount = companyBankAccountList.length > 0 ? companyBankAccountList[0]! : null\n\n  const manageBankAccount = createMachine(\n    bankAccount ? 'viewBankAccount' : 'addBankAccount',\n    bankAccountStateMachine,\n    (initialContext: BankAccountContextInterface) => ({\n      ...initialContext,\n      component: bankAccount ? BankAccountListContextual : BankAccountFormContextual,\n      companyId,\n      bankAccount,\n      showVerifiedMessage: false,\n    }),\n  )\n  return <Flow machine={manageBankAccount} onEvent={onEvent} />\n}\n\nexport function BankAccount(props: BankAccountProps) {\n  return (\n    <BaseComponent {...props}>\n      <BankAccountFlow {...props} />\n    </BaseComponent>\n  )\n}\n\nBankAccount.BankAccountList = BankAccountList\nBankAccount.BankAccountForm = BankAccountForm\nBankAccount.BankAccountVerify = BankAccountVerify\n"],"names":["BankAccountFlow","companyId","onEvent","dictionary","useComponentDictionary","data","useBankAccountsGetSuspense","companyBankAccountList","bankAccount","manageBankAccount","createMachine","bankAccountStateMachine","initialContext","BankAccountListContextual","BankAccountFormContextual","jsx","Flow","BankAccount","props","BaseComponent","BankAccountList","BankAccountForm","BankAccountVerify"],"mappings":";;;;;;;;;;;;AAmBA,SAASA,EAAgB,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAAgC;AAC7E,EAAAC,EAAuB,uBAAuBD,CAAU;AACxD,QAAM,EAAE,MAAAE,EAAK,IAAIC,EAA2B,EAAE,WAAAL,GAAW,GACnDM,IAAyBF,EAAK,wBAE9BG,IAAcD,EAAuB,SAAS,IAAIA,EAAuB,CAAC,IAAK,MAE/EE,IAAoBC;AAAA,IACxBF,IAAc,oBAAoB;AAAA,IAClCG;AAAA,IACA,CAACC,OAAiD;AAAA,MAChD,GAAGA;AAAA,MACH,WAAWJ,IAAcK,IAA4BC;AAAA,MACrD,WAAAb;AAAA,MACA,aAAAO;AAAA,MACA,qBAAqB;AAAA,IACvB;AAAA,EACF;AACA,SAAQ,gBAAAO,EAAAC,GAAA,EAAK,SAASP,GAAmB,SAAAP,EAAkB,CAAA;AAC7D;AAEO,SAASe,EAAYC,GAAyB;AAEjD,SAAA,gBAAAH,EAACI,KAAe,GAAGD,GACjB,4BAAClB,GAAiB,EAAA,GAAGkB,GAAO,EAC9B,CAAA;AAEJ;AAEAD,EAAY,kBAAkBG;AAC9BH,EAAY,kBAAkBI;AAC9BJ,EAAY,oBAAoBK;"}
+{"version":3,"file":"BankAccount.js","sources":["../../../../src/components/Company/BankAccount/BankAccount.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport {\n  BankAccountFormContextual,\n  type BankAccountContextInterface,\n} from './BankAccountComponents'\nimport { bankAccountStateMachine } from './stateMachine'\nimport { BankAccountListContextual } from './BankAccountComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nexport interface BankAccountProps extends BaseComponentInterface<'Company.BankAccount'> {\n  companyId: string\n}\n\nfunction BankAccountFlow({ companyId, onEvent, dictionary }: BankAccountProps) {\n  useComponentDictionary('Company.BankAccount', dictionary)\n  const { data } = useBankAccountsGetSuspense({ companyId })\n  const companyBankAccountList = data.companyBankAccountList!\n  //Currently, we only support a single default bank account per company.\n  const bankAccount = companyBankAccountList.length > 0 ? companyBankAccountList[0]! : null\n\n  const manageBankAccount = createMachine(\n    bankAccount ? 'viewBankAccount' : 'addBankAccount',\n    bankAccountStateMachine,\n    (initialContext: BankAccountContextInterface) => ({\n      ...initialContext,\n      component: bankAccount ? BankAccountListContextual : BankAccountFormContextual,\n      companyId,\n      bankAccount,\n      showVerifiedMessage: false,\n    }),\n  )\n  return <Flow machine={manageBankAccount} onEvent={onEvent} />\n}\n\nexport function BankAccount(props: BankAccountProps) {\n  return (\n    <BaseComponent {...props}>\n      <BankAccountFlow {...props} />\n    </BaseComponent>\n  )\n}\n"],"names":["BankAccountFlow","companyId","onEvent","dictionary","useComponentDictionary","data","useBankAccountsGetSuspense","companyBankAccountList","bankAccount","manageBankAccount","createMachine","bankAccountStateMachine","initialContext","BankAccountListContextual","BankAccountFormContextual","jsx","Flow","BankAccount","props","BaseComponent"],"mappings":";;;;;;;;;AAgBA,SAASA,EAAgB,EAAE,WAAAC,GAAW,SAAAC,GAAS,YAAAC,KAAgC;AAC7E,EAAAC,EAAuB,uBAAuBD,CAAU;AACxD,QAAM,EAAE,MAAAE,EAAK,IAAIC,EAA2B,EAAE,WAAAL,GAAW,GACnDM,IAAyBF,EAAK,wBAE9BG,IAAcD,EAAuB,SAAS,IAAIA,EAAuB,CAAC,IAAK,MAE/EE,IAAoBC;AAAA,IACxBF,IAAc,oBAAoB;AAAA,IAClCG;AAAA,IACA,CAACC,OAAiD;AAAA,MAChD,GAAGA;AAAA,MACH,WAAWJ,IAAcK,IAA4BC;AAAA,MACrD,WAAAb;AAAA,MACA,aAAAO;AAAA,MACA,qBAAqB;AAAA,IACvB;AAAA,EACF;AACA,SAAQ,gBAAAO,EAAAC,GAAA,EAAK,SAASP,GAAmB,SAAAP,EAAkB,CAAA;AAC7D;AAEO,SAASe,EAAYC,GAAyB;AAEjD,SAAA,gBAAAH,EAACI,KAAe,GAAGD,GACjB,4BAAClB,GAAiB,EAAA,GAAGkB,GAAO,EAC9B,CAAA;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountForm/BankAccountForm.d.ts

@@ -4,9 +4,4 @@ interface BankAccountFormProps extends CommonComponentInterface {
     isEditing?: boolean;
 }
 export declare function BankAccountForm(props: BankAccountFormProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
-export declare namespace BankAccountForm {
-    var Head: typeof import("./Head").Head;
-    var Form: typeof import("./Form").Form;
-    var Actions: typeof import("./Actions").Actions;
-}
 export {};

package/dist/components/Company/BankAccount/BankAccountForm/BankAccountForm.js

@@ -1,44 +1,41 @@
-import { jsx as o, jsxs as C, Fragment as k } from "react/jsx-runtime";
-import { useBankAccountsCreateMutation as b } from "@gusto/embedded-api/react-query/bankAccountsCreate";
-import { useForm as g, FormProvider as v } from "react-hook-form";
-import { zodResolver as y } from "@hookform/resolvers/zod";
-import { Head as c } from "./Head.js";
-import { BankAccountFormSchema as P, Form as i } from "./Form.js";
-import { Actions as a } from "./Actions.js";
-import { BankAccountFormProvider as x } from "./context.js";
-import { Form as N } from "../../../Common/Form/Form.js";
-import { BaseComponent as S } from "../../../Base/Base.js";
-import { useBase as E } from "../../../Base/useBase.js";
-import { useI18n as H } from "../../../../i18n/I18n.js";
+import { jsx as o, jsxs as A, Fragment as h } from "react/jsx-runtime";
+import { useBankAccountsCreateMutation as B } from "@gusto/embedded-api/react-query/bankAccountsCreate";
+import { useForm as F, FormProvider as C } from "react-hook-form";
+import { zodResolver as k } from "@hookform/resolvers/zod";
+import { Head as b } from "./Head.js";
+import { BankAccountFormSchema as g, Form as v } from "./Form.js";
+import { Actions as y } from "./Actions.js";
+import { BankAccountFormProvider as P } from "./context.js";
+import { Form as x } from "../../../Common/Form/Form.js";
+import { BaseComponent as N } from "../../../Base/Base.js";
+import { useBase as S } from "../../../Base/useBase.js";
+import { useI18n as E } from "../../../../i18n/I18n.js";
 import { Flex as R } from "../../../Common/Flex/Flex.js";
 import { componentEvents as T } from "../../../../shared/constants.js";
-function r(n) {
-  return /* @__PURE__ */ o(S, { ...n, children: /* @__PURE__ */ o(_, { ...n, children: n.children }) });
+function G(n) {
+  return /* @__PURE__ */ o(N, { ...n, children: /* @__PURE__ */ o(_, { ...n, children: n.children }) });
 }
-function _({ companyId: n, className: s, children: t, isEditing: u = !1 }) {
-  H("Company.BankAccount");
-  const { onEvent: e, baseSubmitHandler: d } = E(), { mutateAsync: l, isPending: f } = b(), { control: p, ...m } = g({
-    resolver: y(P),
+function _({ companyId: n, className: m, children: r, isEditing: c = !1 }) {
+  E("Company.BankAccount");
+  const { onEvent: t, baseSubmitHandler: i } = S(), { mutateAsync: a, isPending: u } = B(), { control: s, ...e } = F({
+    resolver: k(g),
     defaultValues: { accountNumber: "", routingNumber: "" }
-  }), A = async (h) => {
-    await d(h, async (B) => {
-      const { companyBankAccount: F } = await l({
+  }), d = async (l) => {
+    await i(l, async (f) => {
+      const { companyBankAccount: p } = await a({
         //Account type is always checking for company bank accounts
-        request: { companyId: n, requestBody: { ...B, accountType: "Checking" } }
+        request: { companyId: n, requestBody: { ...f, accountType: "Checking" } }
       });
-      e(T.COMPANY_BANK_ACCOUNT_CREATED, F);
+      t(T.COMPANY_BANK_ACCOUNT_CREATED, p);
     });
   };
-  return /* @__PURE__ */ o("section", { className: s, children: /* @__PURE__ */ o(v, { ...m, control: p, children: /* @__PURE__ */ o(N, { onSubmit: m.handleSubmit(A), children: /* @__PURE__ */ o(x, { value: { isPending: f, isEditing: u, onEvent: e }, children: /* @__PURE__ */ o(R, { flexDirection: "column", gap: 32, children: t || /* @__PURE__ */ C(k, { children: [
-    /* @__PURE__ */ o(c, {}),
-    /* @__PURE__ */ o(i, {}),
-    /* @__PURE__ */ o(a, {})
+  return /* @__PURE__ */ o("section", { className: m, children: /* @__PURE__ */ o(C, { ...e, control: s, children: /* @__PURE__ */ o(x, { onSubmit: e.handleSubmit(d), children: /* @__PURE__ */ o(P, { value: { isPending: u, isEditing: c, onEvent: t }, children: /* @__PURE__ */ o(R, { flexDirection: "column", gap: 32, children: r || /* @__PURE__ */ A(h, { children: [
+    /* @__PURE__ */ o(b, {}),
+    /* @__PURE__ */ o(v, {}),
+    /* @__PURE__ */ o(y, {})
   ] }) }) }) }) }) });
 }
-r.Head = c;
-r.Form = i;
-r.Actions = a;
 export {
-  r as BankAccountForm
+  G as BankAccountForm
 };
 //# sourceMappingURL=BankAccountForm.js.map

package/dist/components/Company/BankAccount/BankAccountForm/BankAccountForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BankAccountForm.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/BankAccountForm.tsx"],"sourcesContent":["import { useBankAccountsCreateMutation } from '@gusto/embedded-api/react-query/bankAccountsCreate'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { Head } from './Head'\nimport type { BankAccountFormInputs } from './Form'\nimport { BankAccountFormSchema, Form } from './Form'\nimport { Actions } from './Actions'\nimport { BankAccountFormProvider } from './context'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\ninterface BankAccountFormProps extends CommonComponentInterface {\n  companyId: string\n  isEditing?: boolean\n}\n\nexport function BankAccountForm(props: BankAccountFormProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nfunction Root({ companyId, className, children, isEditing = false }: BankAccountFormProps) {\n  useI18n('Company.BankAccount')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { mutateAsync: createBankAccount, isPending: isPendingCreate } =\n    useBankAccountsCreateMutation()\n\n  const { control, ...methods } = useForm<BankAccountFormInputs>({\n    resolver: zodResolver(BankAccountFormSchema),\n    defaultValues: { accountNumber: '', routingNumber: '' },\n  })\n\n  const onSubmit = async (data: BankAccountFormInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const { companyBankAccount } = await createBankAccount({\n        //Account type is always checking for company bank accounts\n        request: { companyId, requestBody: { ...payload, accountType: 'Checking' } },\n      })\n\n      onEvent(componentEvents.COMPANY_BANK_ACCOUNT_CREATED, companyBankAccount)\n    })\n  }\n  return (\n    <section className={className}>\n      <FormProvider {...methods} control={control}>\n        <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n          <BankAccountFormProvider value={{ isPending: isPendingCreate, isEditing, onEvent }}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </BankAccountFormProvider>\n        </HtmlForm>\n      </FormProvider>\n    </section>\n  )\n}\nBankAccountForm.Head = Head\nBankAccountForm.Form = Form\nBankAccountForm.Actions = Actions\n"],"names":["BankAccountForm","props","jsx","BaseComponent","Root","companyId","className","children","isEditing","useI18n","onEvent","baseSubmitHandler","useBase","createBankAccount","isPendingCreate","useBankAccountsCreateMutation","control","methods","useForm","zodResolver","BankAccountFormSchema","onSubmit","data","payload","companyBankAccount","componentEvents","FormProvider","HtmlForm","BankAccountFormProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;AAqBO,SAASA,EAAgBC,GAAsD;AAElF,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AACA,SAASG,EAAK,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,WAAAC,IAAY,MAA+B;AACzF,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAkB,IAAIC,EAAQ,GAEzC,EAAE,aAAaC,GAAmB,WAAWC,EAAA,IACjDC,EAA8B,GAE1B,EAAE,SAAAC,GAAS,GAAGC,EAAA,IAAYC,EAA+B;AAAA,IAC7D,UAAUC,EAAYC,CAAqB;AAAA,IAC3C,eAAe,EAAE,eAAe,IAAI,eAAe,GAAG;AAAA,EAAA,CACvD,GAEKC,IAAW,OAAOC,MAAgC;AAChD,UAAAX,EAAkBW,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,oBAAAC,MAAuB,MAAMX,EAAkB;AAAA;AAAA,QAErD,SAAS,EAAE,WAAAR,GAAW,aAAa,EAAE,GAAGkB,GAAS,aAAa,WAAa,EAAA;AAAA,MAAA,CAC5E;AAEO,MAAAb,EAAAe,EAAgB,8BAA8BD,CAAkB;AAAA,IAAA,CACzE;AAAA,EACH;AACA,SACG,gBAAAtB,EAAA,WAAA,EAAQ,WAAAI,GACP,UAAA,gBAAAJ,EAACwB,KAAc,GAAGT,GAAS,SAAAD,GACzB,UAAA,gBAAAd,EAACyB,GAAS,EAAA,UAAUV,EAAQ,aAAaI,CAAQ,GAC/C,UAAA,gBAAAnB,EAAC0B,GAAwB,EAAA,OAAO,EAAE,WAAWd,GAAiB,WAAAN,GAAW,SAAAE,KACvE,UAAA,gBAAAR,EAAC2B,GAAK,EAAA,eAAc,UAAS,KAAK,IAC/B,UAAAtB,KAIG,gBAAAuB,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAA7B,EAAC8B,GAAK,EAAA;AAAA,sBACLC,GAAK,EAAA;AAAA,sBACLC,GAAQ,CAAA,CAAA;AAAA,EAAA,EAAA,CACX,EAEJ,CAAA,EAAA,CACF,EACF,CAAA,EAAA,CACF,EACF,CAAA;AAEJ;AACAlC,EAAgB,OAAOgC;AACvBhC,EAAgB,OAAOiC;AACvBjC,EAAgB,UAAUkC;"}
+{"version":3,"file":"BankAccountForm.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/BankAccountForm.tsx"],"sourcesContent":["import { useBankAccountsCreateMutation } from '@gusto/embedded-api/react-query/bankAccountsCreate'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { Head } from './Head'\nimport type { BankAccountFormInputs } from './Form'\nimport { BankAccountFormSchema, Form } from './Form'\nimport { Actions } from './Actions'\nimport { BankAccountFormProvider } from './context'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\ninterface BankAccountFormProps extends CommonComponentInterface {\n  companyId: string\n  isEditing?: boolean\n}\n\nexport function BankAccountForm(props: BankAccountFormProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nfunction Root({ companyId, className, children, isEditing = false }: BankAccountFormProps) {\n  useI18n('Company.BankAccount')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { mutateAsync: createBankAccount, isPending: isPendingCreate } =\n    useBankAccountsCreateMutation()\n\n  const { control, ...methods } = useForm<BankAccountFormInputs>({\n    resolver: zodResolver(BankAccountFormSchema),\n    defaultValues: { accountNumber: '', routingNumber: '' },\n  })\n\n  const onSubmit = async (data: BankAccountFormInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const { companyBankAccount } = await createBankAccount({\n        //Account type is always checking for company bank accounts\n        request: { companyId, requestBody: { ...payload, accountType: 'Checking' } },\n      })\n\n      onEvent(componentEvents.COMPANY_BANK_ACCOUNT_CREATED, companyBankAccount)\n    })\n  }\n  return (\n    <section className={className}>\n      <FormProvider {...methods} control={control}>\n        <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n          <BankAccountFormProvider value={{ isPending: isPendingCreate, isEditing, onEvent }}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </BankAccountFormProvider>\n        </HtmlForm>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["BankAccountForm","props","jsx","BaseComponent","Root","companyId","className","children","isEditing","useI18n","onEvent","baseSubmitHandler","useBase","createBankAccount","isPendingCreate","useBankAccountsCreateMutation","control","methods","useForm","zodResolver","BankAccountFormSchema","onSubmit","data","payload","companyBankAccount","componentEvents","FormProvider","HtmlForm","BankAccountFormProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;AAqBO,SAASA,EAAgBC,GAAsD;AAElF,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AACA,SAASG,EAAK,EAAE,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,WAAAC,IAAY,MAA+B;AACzF,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAkB,IAAIC,EAAQ,GAEzC,EAAE,aAAaC,GAAmB,WAAWC,EAAA,IACjDC,EAA8B,GAE1B,EAAE,SAAAC,GAAS,GAAGC,EAAA,IAAYC,EAA+B;AAAA,IAC7D,UAAUC,EAAYC,CAAqB;AAAA,IAC3C,eAAe,EAAE,eAAe,IAAI,eAAe,GAAG;AAAA,EAAA,CACvD,GAEKC,IAAW,OAAOC,MAAgC;AAChD,UAAAX,EAAkBW,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,oBAAAC,MAAuB,MAAMX,EAAkB;AAAA;AAAA,QAErD,SAAS,EAAE,WAAAR,GAAW,aAAa,EAAE,GAAGkB,GAAS,aAAa,WAAa,EAAA;AAAA,MAAA,CAC5E;AAEO,MAAAb,EAAAe,EAAgB,8BAA8BD,CAAkB;AAAA,IAAA,CACzE;AAAA,EACH;AACA,SACG,gBAAAtB,EAAA,WAAA,EAAQ,WAAAI,GACP,UAAA,gBAAAJ,EAACwB,KAAc,GAAGT,GAAS,SAAAD,GACzB,UAAA,gBAAAd,EAACyB,GAAS,EAAA,UAAUV,EAAQ,aAAaI,CAAQ,GAC/C,UAAA,gBAAAnB,EAAC0B,GAAwB,EAAA,OAAO,EAAE,WAAWd,GAAiB,WAAAN,GAAW,SAAAE,KACvE,UAAA,gBAAAR,EAAC2B,GAAK,EAAA,eAAc,UAAS,KAAK,IAC/B,UAAAtB,KAIG,gBAAAuB,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAA7B,EAAC8B,GAAK,EAAA;AAAA,sBACLC,GAAK,EAAA;AAAA,sBACLC,GAAQ,CAAA,CAAA;AAAA,EAAA,EAAA,CACX,EAEJ,CAAA,EAAA,CACF,EACF,CAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountList/BankAccountList.d.ts

@@ -4,9 +4,4 @@ interface BankAccountListProps extends CommonComponentInterface {
     showVerifiedMessage?: boolean;
 }
 export declare function BankAccountList(props: BankAccountListProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
-export declare namespace BankAccountList {
-    var Head: typeof import("./Head").Head;
-    var AccountView: typeof import("./AccountView").AccountView;
-    var Actions: typeof import("./Actions").Actions;
-}
 export {};

package/dist/components/Company/BankAccount/BankAccountList/BankAccountList.js

@@ -1,33 +1,33 @@
-import { jsx as n, jsxs as d, Fragment as h } from "react/jsx-runtime";
-import { useBankAccountsGetSuspense as p } from "@gusto/embedded-api/react-query/bankAccountsGet";
-import { Head as m } from "./Head.js";
-import { AccountView as s } from "./AccountView.js";
-import { BankAccountProvider as C } from "./context.js";
-import { Actions as u } from "./Actions.js";
-import { BaseComponent as N } from "../../../Base/Base.js";
-import { useBase as B } from "../../../Base/useBase.js";
-import { useI18n as _ } from "../../../../i18n/I18n.js";
-import { Flex as k } from "../../../Common/Flex/Flex.js";
+import { jsx as n, jsxs as u, Fragment as f } from "react/jsx-runtime";
+import { useBankAccountsGetSuspense as l } from "@gusto/embedded-api/react-query/bankAccountsGet";
+import { Head as A } from "./Head.js";
+import { AccountView as h } from "./AccountView.js";
+import { BankAccountProvider as d } from "./context.js";
+import { Actions as p } from "./Actions.js";
+import { BaseComponent as C } from "../../../Base/Base.js";
+import { useBase as N } from "../../../Base/useBase.js";
+import { useI18n as B } from "../../../../i18n/I18n.js";
+import { Flex as _ } from "../../../Common/Flex/Flex.js";
 import { componentEvents as c } from "../../../../shared/constants.js";
-function r(o) {
-  return /* @__PURE__ */ n(N, { ...o, children: /* @__PURE__ */ n(O, { ...o, children: o.children }) });
+function T(o) {
+  return /* @__PURE__ */ n(C, { ...o, children: /* @__PURE__ */ n(k, { ...o, children: o.children }) });
 }
-function O({
+function k({
   className: o,
-  children: i,
-  companyId: A,
-  showVerifiedMessage: f = !1
+  children: r,
+  companyId: a,
+  showVerifiedMessage: m = !1
 }) {
-  _("Company.BankAccount");
-  const { onEvent: t } = B(), { data: l } = p({ companyId: A }), a = l.companyBankAccountList, e = a.length > 0 ? a[0] : null;
+  B("Company.BankAccount");
+  const { onEvent: t } = N(), { data: s } = l({ companyId: a }), i = s.companyBankAccountList, e = i.length > 0 ? i[0] : null;
   if (!e)
     throw new Error("No bank account found for the company.");
   return /* @__PURE__ */ n("section", { className: o, children: /* @__PURE__ */ n(
-    C,
+    d,
     {
       value: {
         bankAccount: e,
-        showVerifiedMessage: f,
+        showVerifiedMessage: m,
         handleVerification: () => {
           t(c.COMPANY_BANK_ACCOUNT_VERIFY, e);
         },
@@ -38,18 +38,15 @@ function O({
           t(c.COMPANY_BANK_ACCOUNT_CHANGE);
         }
       },
-      children: /* @__PURE__ */ n(k, { flexDirection: "column", gap: 32, children: i || /* @__PURE__ */ d(h, { children: [
-        /* @__PURE__ */ n(m, {}),
-        /* @__PURE__ */ n(s, {}),
-        /* @__PURE__ */ n(u, {})
+      children: /* @__PURE__ */ n(_, { flexDirection: "column", gap: 32, children: r || /* @__PURE__ */ u(f, { children: [
+        /* @__PURE__ */ n(A, {}),
+        /* @__PURE__ */ n(h, {}),
+        /* @__PURE__ */ n(p, {})
       ] }) })
     }
   ) });
 }
-r.Head = m;
-r.AccountView = s;
-r.Actions = u;
 export {
-  r as BankAccountList
+  T as BankAccountList
 };
 //# sourceMappingURL=BankAccountList.js.map

package/dist/components/Company/BankAccount/BankAccountList/BankAccountList.js.map

@@ -1 +1 @@
-{"version":3,"file":"BankAccountList.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/BankAccountList.tsx"],"sourcesContent":["import { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { Head } from './Head'\nimport { AccountView } from './AccountView'\nimport { BankAccountProvider } from './context'\nimport { Actions } from './Actions'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\ninterface BankAccountListProps extends CommonComponentInterface {\n  companyId: string\n  showVerifiedMessage?: boolean\n}\n\nexport function BankAccountList(props: BankAccountListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nfunction Root({\n  className,\n  children,\n  companyId,\n  showVerifiedMessage = false,\n}: BankAccountListProps) {\n  useI18n('Company.BankAccount')\n  const { onEvent } = useBase()\n  const { data } = useBankAccountsGetSuspense({ companyId })\n  const companyBankAccountList = data.companyBankAccountList!\n  //Currently, we only support a single default bank account per company.\n  const bankAccount = companyBankAccountList.length > 0 ? companyBankAccountList[0]! : null\n  if (!bankAccount) {\n    throw new Error('No bank account found for the company.')\n  }\n  const handleVerification = () => {\n    onEvent(componentEvents.COMPANY_BANK_ACCOUNT_VERIFY, bankAccount)\n  }\n  const handleContinue = () => {\n    onEvent(componentEvents.COMPANY_BANK_ACCOUNT_DONE)\n  }\n  const handleChange = () => {\n    onEvent(componentEvents.COMPANY_BANK_ACCOUNT_CHANGE)\n  }\n\n  return (\n    <section className={className}>\n      <BankAccountProvider\n        value={{\n          bankAccount,\n          showVerifiedMessage,\n          handleVerification,\n          handleContinue,\n          handleChange,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <AccountView />\n              <Actions />\n            </>\n          )}\n        </Flex>\n      </BankAccountProvider>\n    </section>\n  )\n}\nBankAccountList.Head = Head\nBankAccountList.AccountView = AccountView\nBankAccountList.Actions = Actions\n"],"names":["BankAccountList","props","jsx","BaseComponent","Root","className","children","companyId","showVerifiedMessage","useI18n","onEvent","useBase","data","useBankAccountsGetSuspense","companyBankAccountList","bankAccount","BankAccountProvider","componentEvents","Flex","jsxs","Fragment","Head","AccountView","Actions"],"mappings":";;;;;;;;;;;AAiBO,SAASA,EAAgBC,GAAsD;AAElF,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AACA,SAASG,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC,IAAsB;AACxB,GAAyB;AACvB,EAAAC,EAAQ,qBAAqB;AACvB,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAQ,GACtB,EAAE,MAAAC,EAAK,IAAIC,EAA2B,EAAE,WAAAN,GAAW,GACnDO,IAAyBF,EAAK,wBAE9BG,IAAcD,EAAuB,SAAS,IAAIA,EAAuB,CAAC,IAAK;AACrF,MAAI,CAACC;AACG,UAAA,IAAI,MAAM,wCAAwC;AAaxD,SAAA,gBAAAb,EAAC,aAAQ,WAAAG,GACP,UAAA,gBAAAH;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,aAAAD;AAAA,QACA,qBAAAP;AAAA,QACA,oBAhBmB,MAAM;AACvB,UAAAE,EAAAO,EAAgB,6BAA6BF,CAAW;AAAA,QAClE;AAAA,QAeQ,gBAde,MAAM;AAC3B,UAAAL,EAAQO,EAAgB,yBAAyB;AAAA,QACnD;AAAA,QAaQ,cAZa,MAAM;AACzB,UAAAP,EAAQO,EAAgB,2BAA2B;AAAA,QACrD;AAAA,MAWM;AAAA,MAEA,UAAA,gBAAAf,EAACgB,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAZ,KAIG,gBAAAa,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAlB,EAACmB,GAAK,EAAA;AAAA,0BACLC,GAAY,EAAA;AAAA,0BACZC,GAAQ,CAAA,CAAA;AAAA,MAAA,EAAA,CACX,EAEJ,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AACAvB,EAAgB,OAAOqB;AACvBrB,EAAgB,cAAcsB;AAC9BtB,EAAgB,UAAUuB;"}
+{"version":3,"file":"BankAccountList.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/BankAccountList.tsx"],"sourcesContent":["import { useBankAccountsGetSuspense } from '@gusto/embedded-api/react-query/bankAccountsGet'\nimport { Head } from './Head'\nimport { AccountView } from './AccountView'\nimport { BankAccountProvider } from './context'\nimport { Actions } from './Actions'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\ninterface BankAccountListProps extends CommonComponentInterface {\n  companyId: string\n  showVerifiedMessage?: boolean\n}\n\nexport function BankAccountList(props: BankAccountListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nfunction Root({\n  className,\n  children,\n  companyId,\n  showVerifiedMessage = false,\n}: BankAccountListProps) {\n  useI18n('Company.BankAccount')\n  const { onEvent } = useBase()\n  const { data } = useBankAccountsGetSuspense({ companyId })\n  const companyBankAccountList = data.companyBankAccountList!\n  //Currently, we only support a single default bank account per company.\n  const bankAccount = companyBankAccountList.length > 0 ? companyBankAccountList[0]! : null\n  if (!bankAccount) {\n    throw new Error('No bank account found for the company.')\n  }\n  const handleVerification = () => {\n    onEvent(componentEvents.COMPANY_BANK_ACCOUNT_VERIFY, bankAccount)\n  }\n  const handleContinue = () => {\n    onEvent(componentEvents.COMPANY_BANK_ACCOUNT_DONE)\n  }\n  const handleChange = () => {\n    onEvent(componentEvents.COMPANY_BANK_ACCOUNT_CHANGE)\n  }\n\n  return (\n    <section className={className}>\n      <BankAccountProvider\n        value={{\n          bankAccount,\n          showVerifiedMessage,\n          handleVerification,\n          handleContinue,\n          handleChange,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          {children ? (\n            children\n          ) : (\n            <>\n              <Head />\n              <AccountView />\n              <Actions />\n            </>\n          )}\n        </Flex>\n      </BankAccountProvider>\n    </section>\n  )\n}\n"],"names":["BankAccountList","props","jsx","BaseComponent","Root","className","children","companyId","showVerifiedMessage","useI18n","onEvent","useBase","data","useBankAccountsGetSuspense","companyBankAccountList","bankAccount","BankAccountProvider","componentEvents","Flex","jsxs","Fragment","Head","AccountView","Actions"],"mappings":";;;;;;;;;;;AAiBO,SAASA,EAAgBC,GAAsD;AAElF,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AACA,SAASG,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC,IAAsB;AACxB,GAAyB;AACvB,EAAAC,EAAQ,qBAAqB;AACvB,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAQ,GACtB,EAAE,MAAAC,EAAK,IAAIC,EAA2B,EAAE,WAAAN,GAAW,GACnDO,IAAyBF,EAAK,wBAE9BG,IAAcD,EAAuB,SAAS,IAAIA,EAAuB,CAAC,IAAK;AACrF,MAAI,CAACC;AACG,UAAA,IAAI,MAAM,wCAAwC;AAaxD,SAAA,gBAAAb,EAAC,aAAQ,WAAAG,GACP,UAAA,gBAAAH;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,aAAAD;AAAA,QACA,qBAAAP;AAAA,QACA,oBAhBmB,MAAM;AACvB,UAAAE,EAAAO,EAAgB,6BAA6BF,CAAW;AAAA,QAClE;AAAA,QAeQ,gBAde,MAAM;AAC3B,UAAAL,EAAQO,EAAgB,yBAAyB;AAAA,QACnD;AAAA,QAaQ,cAZa,MAAM;AACzB,UAAAP,EAAQO,EAAgB,2BAA2B;AAAA,QACrD;AAAA,MAWM;AAAA,MAEA,UAAA,gBAAAf,EAACgB,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAZ,KAIG,gBAAAa,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAlB,EAACmB,GAAK,EAAA;AAAA,0BACLC,GAAY,EAAA;AAAA,0BACZC,GAAQ,CAAA,CAAA;AAAA,MAAA,EAAA,CACX,EAEJ,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/BankAccount/BankAccountVerify/BankAccountVerify.d.ts

@@ -4,9 +4,4 @@ interface BankAccountVerifyProps extends CommonComponentInterface {
     bankAccountId: string;
 }
 export declare function BankAccountVerify(props: BankAccountVerifyProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
-export declare namespace BankAccountVerify {
-    var Head: typeof import("./Head").Head;
-    var Form: typeof import("./Form").Form;
-    var Actions: typeof import("./Actions").Actions;
-}
 export {};

package/dist/components/Company/BankAccount/BankAccountVerify/BankAccountVerify.js

@@ -1,54 +1,51 @@
-import { jsx as o, jsxs as v, Fragment as C } from "react/jsx-runtime";
-import { useForm as b, FormProvider as V } from "react-hook-form";
-import { zodResolver as x } from "@hookform/resolvers/zod";
-import { useBankAccountsVerifyMutation as E } from "@gusto/embedded-api/react-query/bankAccountsVerify";
-import { Head as c } from "./Head.js";
-import { BankAccountVerifyProvider as S } from "./context.js";
-import { BankAccountVerifySchema as N, Form as a } from "./Form.js";
-import { Actions as s } from "./Actions.js";
-import { Form as P } from "../../../Common/Form/Form.js";
-import { BaseComponent as g } from "../../../Base/Base.js";
-import { useBase as H } from "../../../Base/useBase.js";
+import { jsx as o, jsxs as y, Fragment as B } from "react/jsx-runtime";
+import { useForm as k, FormProvider as v } from "react-hook-form";
+import { zodResolver as C } from "@hookform/resolvers/zod";
+import { useBankAccountsVerifyMutation as F } from "@gusto/embedded-api/react-query/bankAccountsVerify";
+import { Head as b } from "./Head.js";
+import { BankAccountVerifyProvider as V } from "./context.js";
+import { BankAccountVerifySchema as x, Form as E } from "./Form.js";
+import { Actions as S } from "./Actions.js";
+import { Form as N } from "../../../Common/Form/Form.js";
+import { BaseComponent as P } from "../../../Base/Base.js";
+import { useBase as g } from "../../../Base/useBase.js";
 import { useI18n as I } from "../../../../i18n/I18n.js";
 import { Flex as R } from "../../../Common/Flex/Flex.js";
-import { componentEvents as m } from "../../../../shared/constants.js";
-function r(n) {
-  return /* @__PURE__ */ o(g, { ...n, children: /* @__PURE__ */ o(_, { ...n, children: n.children }) });
+import { componentEvents as i } from "../../../../shared/constants.js";
+function G(n) {
+  return /* @__PURE__ */ o(P, { ...n, children: /* @__PURE__ */ o(_, { ...n, children: n.children }) });
 }
-function _({ companyId: n, bankAccountId: u, className: d, children: t }) {
+function _({ companyId: n, bankAccountId: m, className: c, children: r }) {
   I("Company.BankAccount");
-  const { onEvent: e, baseSubmitHandler: f } = H(), { mutateAsync: l, isPending: p } = E(), { control: A, ...i } = b({
-    resolver: x(N),
+  const { onEvent: t, baseSubmitHandler: a } = g(), { mutateAsync: s, isPending: u } = F(), { control: f, ...e } = k({
+    resolver: C(x),
     defaultValues: { deposit1: 0, deposit2: 0 }
-  }), h = async (B) => {
-    await f(B, async (F) => {
-      const { companyBankAccount: k } = await l({
-        request: { companyId: n, bankAccountUuid: u, requestBody: F }
+  }), d = async (p) => {
+    await a(p, async (A) => {
+      const { companyBankAccount: h } = await s({
+        request: { companyId: n, bankAccountUuid: m, requestBody: A }
       });
-      e(m.COMPANY_BANK_ACCOUNT_VERIFIED, k);
+      t(i.COMPANY_BANK_ACCOUNT_VERIFIED, h);
     });
-  }, y = () => {
-    e(m.CANCEL);
+  }, l = () => {
+    t(i.CANCEL);
   };
-  return /* @__PURE__ */ o("section", { className: d, children: /* @__PURE__ */ o(V, { ...i, control: A, children: /* @__PURE__ */ o(P, { onSubmit: i.handleSubmit(h), children: /* @__PURE__ */ o(
-    S,
+  return /* @__PURE__ */ o("section", { className: c, children: /* @__PURE__ */ o(v, { ...e, control: f, children: /* @__PURE__ */ o(N, { onSubmit: e.handleSubmit(d), children: /* @__PURE__ */ o(
+    V,
     {
       value: {
-        isPending: p,
-        handleCancel: y
+        isPending: u,
+        handleCancel: l
       },
-      children: /* @__PURE__ */ o(R, { flexDirection: "column", gap: 32, children: t || /* @__PURE__ */ v(C, { children: [
-        /* @__PURE__ */ o(c, {}),
-        /* @__PURE__ */ o(a, {}),
-        /* @__PURE__ */ o(s, {})
+      children: /* @__PURE__ */ o(R, { flexDirection: "column", gap: 32, children: r || /* @__PURE__ */ y(B, { children: [
+        /* @__PURE__ */ o(b, {}),
+        /* @__PURE__ */ o(E, {}),
+        /* @__PURE__ */ o(S, {})
       ] }) })
     }
   ) }) }) });
 }
-r.Head = c;
-r.Form = a;
-r.Actions = s;
 export {
-  r as BankAccountVerify
+  G as BankAccountVerify
 };
 //# sourceMappingURL=BankAccountVerify.js.map

package/dist/components/Company/BankAccount/BankAccountVerify/BankAccountVerify.js.map

@@ -1 +1 @@
-{"version":3,"file":"BankAccountVerify.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/BankAccountVerify.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useBankAccountsVerifyMutation } from '@gusto/embedded-api/react-query/bankAccountsVerify'\nimport { Head } from './Head'\nimport { BankAccountVerifyProvider } from './context'\nimport type { BankAccountVerifyInputs } from './Form'\nimport { BankAccountVerifySchema, Form } from './Form'\nimport { Actions } from './Actions'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\ninterface BankAccountVerifyProps extends CommonComponentInterface {\n  companyId: string\n  bankAccountId: string\n}\n\nexport function BankAccountVerify(props: BankAccountVerifyProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nfunction Root({ companyId, bankAccountId, className, children }: BankAccountVerifyProps) {\n  useI18n('Company.BankAccount')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { mutateAsync: verifyBankAccount, isPending } = useBankAccountsVerifyMutation()\n\n  const { control, ...methods } = useForm<BankAccountVerifyInputs>({\n    resolver: zodResolver(BankAccountVerifySchema),\n    defaultValues: { deposit1: 0, deposit2: 0 },\n  })\n\n  const onSubmit = async (data: BankAccountVerifyInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const { companyBankAccount } = await verifyBankAccount({\n        request: { companyId, bankAccountUuid: bankAccountId, requestBody: payload },\n      })\n      onEvent(componentEvents.COMPANY_BANK_ACCOUNT_VERIFIED, companyBankAccount)\n    })\n  }\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...methods} control={control}>\n        <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n          <BankAccountVerifyProvider\n            value={{\n              isPending,\n              handleCancel,\n            }}\n          >\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </BankAccountVerifyProvider>\n        </HtmlForm>\n      </FormProvider>\n    </section>\n  )\n}\nBankAccountVerify.Head = Head\nBankAccountVerify.Form = Form\nBankAccountVerify.Actions = Actions\n"],"names":["BankAccountVerify","props","jsx","BaseComponent","Root","companyId","bankAccountId","className","children","useI18n","onEvent","baseSubmitHandler","useBase","verifyBankAccount","isPending","useBankAccountsVerifyMutation","control","methods","useForm","zodResolver","BankAccountVerifySchema","onSubmit","data","payload","companyBankAccount","componentEvents","handleCancel","FormProvider","HtmlForm","BankAccountVerifyProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;AAqBO,SAASA,EAAkBC,GAAwD;AAEtF,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AACA,SAASG,EAAK,EAAE,WAAAC,GAAW,eAAAC,GAAe,WAAAC,GAAW,UAAAC,KAAoC;AACvF,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAkB,IAAIC,EAAQ,GACzC,EAAE,aAAaC,GAAmB,WAAAC,EAAA,IAAcC,EAA8B,GAE9E,EAAE,SAAAC,GAAS,GAAGC,EAAA,IAAYC,EAAiC;AAAA,IAC/D,UAAUC,EAAYC,CAAuB;AAAA,IAC7C,eAAe,EAAE,UAAU,GAAG,UAAU,EAAE;AAAA,EAAA,CAC3C,GAEKC,IAAW,OAAOC,MAAkC;AAClD,UAAAX,EAAkBW,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,oBAAAC,MAAuB,MAAMX,EAAkB;AAAA,QACrD,SAAS,EAAE,WAAAR,GAAW,iBAAiBC,GAAe,aAAaiB,EAAQ;AAAA,MAAA,CAC5E;AACO,MAAAb,EAAAe,EAAgB,+BAA+BD,CAAkB;AAAA,IAAA,CAC1E;AAAA,EACH,GACME,IAAe,MAAM;AACzB,IAAAhB,EAAQe,EAAgB,MAAM;AAAA,EAChC;AAEA,SACG,gBAAAvB,EAAA,WAAA,EAAQ,WAAAK,GACP,UAAA,gBAAAL,EAACyB,KAAc,GAAGV,GAAS,SAAAD,GACzB,UAAA,gBAAAd,EAAC0B,GAAS,EAAA,UAAUX,EAAQ,aAAaI,CAAQ,GAC/C,UAAA,gBAAAnB;AAAA,IAAC2B;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAf;AAAA,QACA,cAAAY;AAAA,MACF;AAAA,MAEA,UAAA,gBAAAxB,EAAC4B,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAtB,KAIG,gBAAAuB,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAA9B,EAAC+B,GAAK,EAAA;AAAA,0BACLC,GAAK,EAAA;AAAA,0BACLC,GAAQ,CAAA,CAAA;AAAA,MAAA,EAAA,CACX,EAEJ,CAAA;AAAA,IAAA;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA,GACF;AAEJ;AACAnC,EAAkB,OAAOiC;AACzBjC,EAAkB,OAAOkC;AACzBlC,EAAkB,UAAUmC;"}
+{"version":3,"file":"BankAccountVerify.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/BankAccountVerify.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useBankAccountsVerifyMutation } from '@gusto/embedded-api/react-query/bankAccountsVerify'\nimport { Head } from './Head'\nimport { BankAccountVerifyProvider } from './context'\nimport type { BankAccountVerifyInputs } from './Form'\nimport { BankAccountVerifySchema, Form } from './Form'\nimport { Actions } from './Actions'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport type { BaseComponentInterface, CommonComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useI18n } from '@/i18n/I18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { componentEvents } from '@/shared/constants'\n\ninterface BankAccountVerifyProps extends CommonComponentInterface {\n  companyId: string\n  bankAccountId: string\n}\n\nexport function BankAccountVerify(props: BankAccountVerifyProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\nfunction Root({ companyId, bankAccountId, className, children }: BankAccountVerifyProps) {\n  useI18n('Company.BankAccount')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { mutateAsync: verifyBankAccount, isPending } = useBankAccountsVerifyMutation()\n\n  const { control, ...methods } = useForm<BankAccountVerifyInputs>({\n    resolver: zodResolver(BankAccountVerifySchema),\n    defaultValues: { deposit1: 0, deposit2: 0 },\n  })\n\n  const onSubmit = async (data: BankAccountVerifyInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const { companyBankAccount } = await verifyBankAccount({\n        request: { companyId, bankAccountUuid: bankAccountId, requestBody: payload },\n      })\n      onEvent(componentEvents.COMPANY_BANK_ACCOUNT_VERIFIED, companyBankAccount)\n    })\n  }\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  return (\n    <section className={className}>\n      <FormProvider {...methods} control={control}>\n        <HtmlForm onSubmit={methods.handleSubmit(onSubmit)}>\n          <BankAccountVerifyProvider\n            value={{\n              isPending,\n              handleCancel,\n            }}\n          >\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <Head />\n                  <Form />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </BankAccountVerifyProvider>\n        </HtmlForm>\n      </FormProvider>\n    </section>\n  )\n}\n"],"names":["BankAccountVerify","props","jsx","BaseComponent","Root","companyId","bankAccountId","className","children","useI18n","onEvent","baseSubmitHandler","useBase","verifyBankAccount","isPending","useBankAccountsVerifyMutation","control","methods","useForm","zodResolver","BankAccountVerifySchema","onSubmit","data","payload","companyBankAccount","componentEvents","handleCancel","FormProvider","HtmlForm","BankAccountVerifyProvider","Flex","jsxs","Fragment","Head","Form","Actions"],"mappings":";;;;;;;;;;;;;;AAqBO,SAASA,EAAkBC,GAAwD;AAEtF,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AACA,SAASG,EAAK,EAAE,WAAAC,GAAW,eAAAC,GAAe,WAAAC,GAAW,UAAAC,KAAoC;AACvF,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAkB,IAAIC,EAAQ,GACzC,EAAE,aAAaC,GAAmB,WAAAC,EAAA,IAAcC,EAA8B,GAE9E,EAAE,SAAAC,GAAS,GAAGC,EAAA,IAAYC,EAAiC;AAAA,IAC/D,UAAUC,EAAYC,CAAuB;AAAA,IAC7C,eAAe,EAAE,UAAU,GAAG,UAAU,EAAE;AAAA,EAAA,CAC3C,GAEKC,IAAW,OAAOC,MAAkC;AAClD,UAAAX,EAAkBW,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,oBAAAC,MAAuB,MAAMX,EAAkB;AAAA,QACrD,SAAS,EAAE,WAAAR,GAAW,iBAAiBC,GAAe,aAAaiB,EAAQ;AAAA,MAAA,CAC5E;AACO,MAAAb,EAAAe,EAAgB,+BAA+BD,CAAkB;AAAA,IAAA,CAC1E;AAAA,EACH,GACME,IAAe,MAAM;AACzB,IAAAhB,EAAQe,EAAgB,MAAM;AAAA,EAChC;AAEA,SACG,gBAAAvB,EAAA,WAAA,EAAQ,WAAAK,GACP,UAAA,gBAAAL,EAACyB,KAAc,GAAGV,GAAS,SAAAD,GACzB,UAAA,gBAAAd,EAAC0B,GAAS,EAAA,UAAUX,EAAQ,aAAaI,CAAQ,GAC/C,UAAA,gBAAAnB;AAAA,IAAC2B;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAf;AAAA,QACA,cAAAY;AAAA,MACF;AAAA,MAEA,UAAA,gBAAAxB,EAAC4B,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAAtB,KAIG,gBAAAuB,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAA9B,EAAC+B,GAAK,EAAA;AAAA,0BACLC,GAAK,EAAA;AAAA,0BACLC,GAAQ,CAAA,CAAA;AAAA,MAAA,EAAA,CACX,EAEJ,CAAA;AAAA,IAAA;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA,GACF;AAEJ;"}