@gusto/embedded-react-sdk 0.16.0 → 0.18.0

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

@@ -1,14 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useTranslation as r } from "react-i18next";
 import { useInviteSignatory as s } from "./useInviteSignatory.js";
-import "classnames";
-import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as e } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const f = () => {
-  const { t } = r("Company.AssignSignatory"), { isPending: n } = s(), i = e();
-  return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(i.Button, { type: "submit", isLoading: n, children: t("buttons.inviteSignatory") }) });
+import { ActionsLayout as e } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as m } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const y = () => {
+  const { t } = r("Company.AssignSignatory"), { isPending: n } = s(), i = m();
+  return /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(i.Button, { type: "submit", isLoading: n, children: t("buttons.inviteSignatory") }) });
 };
 export {
-  f as Actions
+  y as Actions
 };
 //# sourceMappingURL=Actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/AssignSignatory/InviteSignatory/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useInviteSignatory } from './useInviteSignatory'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const { isPending } = useInviteSignatory()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('buttons.inviteSignatory')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","useInviteSignatory","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,yBAAyB,GAC9B,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/AssignSignatory/InviteSignatory/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useInviteSignatory } from './useInviteSignatory'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const { isPending } = useInviteSignatory()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('buttons.inviteSignatory')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","useInviteSignatory","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,yBAAyB,GAC9B,GACF;AAEJ;"}

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

@@ -14,9 +14,8 @@ 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 "react-i18next";
 import { companyEvents as a } from "../../../../shared/constants.js";
-function ri(t) {
+function ni(t) {
   return /* @__PURE__ */ i(U, { ...t, children: /* @__PURE__ */ i(w, { ...t, children: t.children }) });
 }
 function w({ companyId: t, defaultValues: o, className: c, children: n }) {
@@ -34,8 +33,8 @@ function w({ companyId: t, defaultValues: o, className: c, children: n }) {
   }, s = I({
     resolver: E(b),
     defaultValues: g
-  }), p = async (y) => {
-    await u(y, async (d) => {
+  }), y = async (p) => {
+    await u(p, async (d) => {
       const { confirmEmail: B, ...S } = d;
       e[0]?.uuid && await f.mutateAsync({
         request: {
@@ -58,7 +57,7 @@ function w({ companyId: t, defaultValues: o, className: c, children: n }) {
       value: {
         isPending: m.isPending
       },
-      children: /* @__PURE__ */ i(A, { ...s, children: /* @__PURE__ */ i(C, { onSubmit: s.handleSubmit(p), children: /* @__PURE__ */ i(q, { flexDirection: "column", gap: 32, children: n || /* @__PURE__ */ N(h, { children: [
+      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, {})
       ] }) }) }) })
@@ -66,6 +65,6 @@ function w({ companyId: t, defaultValues: o, className: c, children: n }) {
   ) });
 }
 export {
-  ri 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"],"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;AACpF,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,eAAAC,GAAe,WAAAC,GAAW,UAAAC,KAAkC;AACrF,EAAAC,EAAQ,yBAAyB;AACjC,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC;AAAA,IACJ,MAAM,EAAE,eAAAC,EAAA;AAAA,EAAc,IACpBC,EAA2B;AAAA,IAC7B,aAAaT;AAAA,EAAA,CACd,GACKU,IAAcF,GAEdG,IAA0BC,EAAA,GAC1BC,IAA0BC,EAAA,GAE1BC,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,EAAA,GAG3Be,IAAcC,EAA+B;AAAA,IACjD,UAAUC,EAAYC,CAAqB;AAAA,IAC3C,eAAeJ;AAAA,EAAA,CAChB,GAEKK,IAAW,OAAOC,MAAgC;AACtD,UAAMf,EAAkBe,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,cAAAC,GAAc,GAAGC,EAAA,IAAkBF;AAC3C,MAAIZ,EAAY,CAAC,GAAG,QAClB,MAAMG,EAAwB,YAAY;AAAA,QACxC,SAAS;AAAA,UACP,aAAab;AAAA,UACb,eAAeU,EAAY,CAAC,EAAE;AAAA,QAAA;AAAA,MAChC,CACD;AAGH,YAAMe,IAA0B,MAAMd,EAAwB,YAAY;AAAA,QACxE,SAAS;AAAA,UACP,aAAaX;AAAA,UACb,aAAawB;AAAA,QAAA;AAAA,MACf,CACD;AAED,MAAAnB,EAAQqB,EAAc,2BAA2BD,EAAwB,SAAS,GAClFpB,EAAQqB,EAAc,6BAA6B;AAAA,IACrD,CAAC;AAAA,EACH;AAEA,2BACG,WAAA,EAAQ,WAAWC,EAAWC,EAAO,WAAW1B,CAAS,GACxD,UAAA,gBAAAL;AAAA,IAACgC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAWlB,EAAwB;AAAA,MAAA;AAAA,MAGrC,4BAACmB,GAAA,EAAc,GAAGd,GAChB,UAAA,gBAAAnB,EAACkC,GAAA,EAAK,UAAUf,EAAY,aAAaI,CAAQ,GAC/C,UAAA,gBAAAvB,EAACmC,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAA7B,KAGC,gBAAA8B,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAArC,EAACsC,GAAA,EAAoB;AAAA,0BACpBC,GAAA,CAAA,CAAQ;AAAA,MAAA,GACX,EAAA,CAEJ,GACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"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;AACpF,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,eAAAC,GAAe,WAAAC,GAAW,UAAAC,KAAkC;AACrF,EAAAC,EAAQ,yBAAyB;AACjC,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC;AAAA,IACJ,MAAM,EAAE,eAAAC,EAAA;AAAA,EAAc,IACpBC,EAA2B;AAAA,IAC7B,aAAaT;AAAA,EAAA,CACd,GACKU,IAAcF,GAEdG,IAA0BC,EAAA,GAC1BC,IAA0BC,EAAA,GAE1BC,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,EAAA,GAG3Be,IAAcC,EAA+B;AAAA,IACjD,UAAUC,EAAYC,CAAqB;AAAA,IAC3C,eAAeJ;AAAA,EAAA,CAChB,GAEKK,IAAW,OAAOC,MAAgC;AACtD,UAAMf,EAAkBe,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,cAAAC,GAAc,GAAGC,EAAA,IAAkBF;AAC3C,MAAIZ,EAAY,CAAC,GAAG,QAClB,MAAMG,EAAwB,YAAY;AAAA,QACxC,SAAS;AAAA,UACP,aAAab;AAAA,UACb,eAAeU,EAAY,CAAC,EAAE;AAAA,QAAA;AAAA,MAChC,CACD;AAGH,YAAMe,IAA0B,MAAMd,EAAwB,YAAY;AAAA,QACxE,SAAS;AAAA,UACP,aAAaX;AAAA,UACb,aAAawB;AAAA,QAAA;AAAA,MACf,CACD;AAED,MAAAnB,EAAQqB,EAAc,2BAA2BD,EAAwB,SAAS,GAClFpB,EAAQqB,EAAc,6BAA6B;AAAA,IACrD,CAAC;AAAA,EACH;AAEA,2BACG,WAAA,EAAQ,WAAWC,EAAWC,EAAO,WAAW1B,CAAS,GACxD,UAAA,gBAAAL;AAAA,IAACgC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAWlB,EAAwB;AAAA,MAAA;AAAA,MAGrC,4BAACmB,GAAA,EAAc,GAAGd,GAChB,UAAA,gBAAAnB,EAACkC,GAAA,EAAK,UAAUf,EAAY,aAAaI,CAAQ,GAC/C,UAAA,gBAAAvB,EAACmC,KAAK,eAAc,UAAS,KAAK,IAC/B,UAAA7B,KAGC,gBAAA8B,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAArC,EAACsC,GAAA,EAAoB;AAAA,0BACpBC,GAAA,CAAA,CAAQ;AAAA,MAAA,GACX,EAAA,CAEJ,GACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -4,12 +4,11 @@ import { useFormContext as u } from "react-hook-form";
 import { useTranslation as E } from "react-i18next";
 import { Flex as S } from "../../../Common/Flex/Flex.js";
 import { Grid as v } from "../../../Common/Grid/Grid.js";
-import "classnames";
 import { nameValidation as l } from "../../../../helpers/validations.js";
 import { TitleSelect as y } from "../TitleSelect.js";
 import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { TextInputField as a } from "../../../Common/Fields/TextInputField/TextInputField.js";
-const m = "email_mismatch", z = r.object({
+const m = "email_mismatch", w = r.object({
   firstName: l,
   lastName: l,
   email: r.string().min(1).email(),
@@ -18,19 +17,19 @@ const m = "email_mismatch", z = r.object({
 }).refine((i) => i.email === i.confirmEmail, {
   message: m,
   path: ["confirmEmail"]
-}), A = () => {
-  const { t: i } = E("Company.AssignSignatory"), o = x(), {
+}), z = () => {
+  const { t: i } = E("Company.AssignSignatory"), n = x(), {
     setError: c,
     clearErrors: f,
     formState: { errors: g, isSubmitted: d },
     watch: p
-  } = u(), n = p("confirmEmail"), h = (s) => {
-    d && (s === n && f("confirmEmail"), s !== n && c("confirmEmail", { message: m }));
+  } = u(), o = p("confirmEmail"), h = (s) => {
+    d && (s === o && f("confirmEmail"), s !== o && c("confirmEmail", { message: m }));
   };
   return /* @__PURE__ */ t(S, { flexDirection: "column", gap: 12, children: [
     /* @__PURE__ */ t("header", { children: [
-      /* @__PURE__ */ e(o.Heading, { as: "h2", children: i("inviteSignatory.title") }),
-      /* @__PURE__ */ e(o.Text, { children: i("inviteSignatory.description") })
+      /* @__PURE__ */ e(n.Heading, { as: "h2", children: i("inviteSignatory.title") }),
+      /* @__PURE__ */ e(n.Text, { children: i("inviteSignatory.description") })
     ] }),
     /* @__PURE__ */ t(v, { gridTemplateColumns: { base: "1fr", small: ["1fr", "1fr"] }, gap: 20, children: [
       /* @__PURE__ */ e(
@@ -75,7 +74,7 @@ const m = "email_mismatch", z = r.object({
   ] });
 };
 export {
-  A as InviteSignatoryForm,
-  z as InviteSignatorySchema
+  z as InviteSignatoryForm,
+  w as InviteSignatorySchema
 };
 //# sourceMappingURL=InviteSignatoryForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InviteSignatoryForm.js","sources":["../../../../../src/components/Company/AssignSignatory/InviteSignatory/InviteSignatoryForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { TextInputField, Grid, Flex } from '@/components/Common'\nimport { nameValidation } from '@/helpers/validations'\nimport { TitleSelect } from '@/components/Company/AssignSignatory/TitleSelect'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nconst emailMismatchError = 'email_mismatch'\n\nexport const InviteSignatorySchema = z\n  .object({\n    firstName: nameValidation,\n    lastName: nameValidation,\n    email: z.string().min(1).email(),\n    confirmEmail: z.string().min(1).email(),\n    title: z.string().min(1),\n  })\n  .refine(data => data.email === data.confirmEmail, {\n    message: emailMismatchError,\n    path: ['confirmEmail'],\n  })\n\nexport type InviteSignatoryInputs = z.infer<typeof InviteSignatorySchema>\n\nexport const InviteSignatoryForm = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const Components = useComponentContext()\n\n  const {\n    setError,\n    clearErrors,\n    formState: { errors, isSubmitted },\n    watch,\n  } = useFormContext()\n\n  // Some workarounds here to also ensure that modifying the email field\n  // sets and clears the confirm_email field error state\n  const confirmEmail = watch('confirmEmail')\n\n  const handleEmailChange = (value: string) => {\n    if (isSubmitted) {\n      if (value === confirmEmail) {\n        clearErrors('confirmEmail')\n      }\n\n      if (value !== confirmEmail) {\n        setError('confirmEmail', { message: emailMismatchError })\n      }\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={12}>\n      <header>\n        <Components.Heading as=\"h2\">{t('inviteSignatory.title')}</Components.Heading>\n        <Components.Text>{t('inviteSignatory.description')}</Components.Text>\n      </header>\n\n      <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n        <TextInputField\n          name=\"email\"\n          label={t('inviteSignatory.signatoryEmail')}\n          isRequired\n          errorMessage={t('validations.email')}\n          onChange={handleEmailChange}\n        />\n        <TextInputField\n          name=\"confirmEmail\"\n          label={t('inviteSignatory.confirmEmail')}\n          isRequired\n          errorMessage={\n            errors.confirmEmail?.message === emailMismatchError\n              ? t('validations.emailMismatch')\n              : t('validations.email')\n          }\n        />\n        <TextInputField\n          name=\"firstName\"\n          label={t('inviteSignatory.firstName')}\n          isRequired\n          errorMessage={t('validations.firstName')}\n        />\n        <TextInputField\n          name=\"lastName\"\n          label={t('inviteSignatory.lastName')}\n          isRequired\n          errorMessage={t('validations.lastName')}\n        />\n        <TitleSelect />\n      </Grid>\n    </Flex>\n  )\n}\n"],"names":["emailMismatchError","InviteSignatorySchema","z","nameValidation","data","InviteSignatoryForm","t","useTranslation","Components","useComponentContext","setError","clearErrors","errors","isSubmitted","watch","useFormContext","confirmEmail","handleEmailChange","value","jsxs","Flex","jsx","Grid","TextInputField","TitleSelect"],"mappings":";;;;;;;;;;;AAQA,MAAMA,IAAqB,kBAEdC,IAAwBC,EAClC,OAAO;AAAA,EACN,WAAWC;AAAA,EACX,UAAUA;AAAA,EACV,OAAOD,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,MAAA;AAAA,EACzB,cAAcA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,MAAA;AAAA,EAChC,OAAOA,EAAE,OAAA,EAAS,IAAI,CAAC;AACzB,CAAC,EACA,OAAO,CAAAE,MAAQA,EAAK,UAAUA,EAAK,cAAc;AAAA,EAChD,SAASJ;AAAA,EACT,MAAM,CAAC,cAAc;AACvB,CAAC,GAIUK,IAAsB,MAAM;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChDC,IAAaC,EAAA,GAEb;AAAA,IACJ,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,GAAQ,aAAAC,EAAA;AAAA,IACrB,OAAAC;AAAA,EAAA,IACEC,EAAA,GAIEC,IAAeF,EAAM,cAAc,GAEnCG,IAAoB,CAACC,MAAkB;AAC3C,IAAIL,MACEK,MAAUF,KACZL,EAAY,cAAc,GAGxBO,MAAUF,KACZN,EAAS,gBAAgB,EAAE,SAASV,EAAA,CAAoB;AAAA,EAG9D;AAEA,SACE,gBAAAmB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAAC,UAAA,EACC,UAAA;AAAA,MAAA,gBAAAE,EAACb,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,uBAAuB,GAAE;AAAA,wBACvDE,EAAW,MAAX,EAAiB,UAAAF,EAAE,6BAA6B,EAAA,CAAE;AAAA,IAAA,GACrD;AAAA,IAEA,gBAAAa,EAACG,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,KAAK,EAAA,GAAK,KAAK,IACtE,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,gCAAgC;AAAA,UACzC,YAAU;AAAA,UACV,cAAcA,EAAE,mBAAmB;AAAA,UACnC,UAAUW;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,8BAA8B;AAAA,UACvC,YAAU;AAAA,UACV,cACEM,EAAO,cAAc,YAAYZ,IAC7BM,EAAE,2BAA2B,IAC7BA,EAAE,mBAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7B,gBAAAe;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,2BAA2B;AAAA,UACpC,YAAU;AAAA,UACV,cAAcA,EAAE,uBAAuB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEzC,gBAAAe;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,0BAA0B;AAAA,UACnC,YAAU;AAAA,UACV,cAAcA,EAAE,sBAAsB;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEvCkB,GAAA,CAAA,CAAY;AAAA,IAAA,EAAA,CACf;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"InviteSignatoryForm.js","sources":["../../../../../src/components/Company/AssignSignatory/InviteSignatory/InviteSignatoryForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { TextInputField, Grid, Flex } from '@/components/Common'\nimport { nameValidation } from '@/helpers/validations'\nimport { TitleSelect } from '@/components/Company/AssignSignatory/TitleSelect'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nconst emailMismatchError = 'email_mismatch'\n\nexport const InviteSignatorySchema = z\n  .object({\n    firstName: nameValidation,\n    lastName: nameValidation,\n    email: z.string().min(1).email(),\n    confirmEmail: z.string().min(1).email(),\n    title: z.string().min(1),\n  })\n  .refine(data => data.email === data.confirmEmail, {\n    message: emailMismatchError,\n    path: ['confirmEmail'],\n  })\n\nexport type InviteSignatoryInputs = z.infer<typeof InviteSignatorySchema>\n\nexport const InviteSignatoryForm = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const Components = useComponentContext()\n\n  const {\n    setError,\n    clearErrors,\n    formState: { errors, isSubmitted },\n    watch,\n  } = useFormContext()\n\n  // Some workarounds here to also ensure that modifying the email field\n  // sets and clears the confirm_email field error state\n  const confirmEmail = watch('confirmEmail')\n\n  const handleEmailChange = (value: string) => {\n    if (isSubmitted) {\n      if (value === confirmEmail) {\n        clearErrors('confirmEmail')\n      }\n\n      if (value !== confirmEmail) {\n        setError('confirmEmail', { message: emailMismatchError })\n      }\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={12}>\n      <header>\n        <Components.Heading as=\"h2\">{t('inviteSignatory.title')}</Components.Heading>\n        <Components.Text>{t('inviteSignatory.description')}</Components.Text>\n      </header>\n\n      <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n        <TextInputField\n          name=\"email\"\n          label={t('inviteSignatory.signatoryEmail')}\n          isRequired\n          errorMessage={t('validations.email')}\n          onChange={handleEmailChange}\n        />\n        <TextInputField\n          name=\"confirmEmail\"\n          label={t('inviteSignatory.confirmEmail')}\n          isRequired\n          errorMessage={\n            errors.confirmEmail?.message === emailMismatchError\n              ? t('validations.emailMismatch')\n              : t('validations.email')\n          }\n        />\n        <TextInputField\n          name=\"firstName\"\n          label={t('inviteSignatory.firstName')}\n          isRequired\n          errorMessage={t('validations.firstName')}\n        />\n        <TextInputField\n          name=\"lastName\"\n          label={t('inviteSignatory.lastName')}\n          isRequired\n          errorMessage={t('validations.lastName')}\n        />\n        <TitleSelect />\n      </Grid>\n    </Flex>\n  )\n}\n"],"names":["emailMismatchError","InviteSignatorySchema","z","nameValidation","data","InviteSignatoryForm","t","useTranslation","Components","useComponentContext","setError","clearErrors","errors","isSubmitted","watch","useFormContext","confirmEmail","handleEmailChange","value","jsxs","Flex","jsx","Grid","TextInputField","TitleSelect"],"mappings":";;;;;;;;;;AAQA,MAAMA,IAAqB,kBAEdC,IAAwBC,EAClC,OAAO;AAAA,EACN,WAAWC;AAAA,EACX,UAAUA;AAAA,EACV,OAAOD,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,MAAA;AAAA,EACzB,cAAcA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,MAAA;AAAA,EAChC,OAAOA,EAAE,OAAA,EAAS,IAAI,CAAC;AACzB,CAAC,EACA,OAAO,CAAAE,MAAQA,EAAK,UAAUA,EAAK,cAAc;AAAA,EAChD,SAASJ;AAAA,EACT,MAAM,CAAC,cAAc;AACvB,CAAC,GAIUK,IAAsB,MAAM;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChDC,IAAaC,EAAA,GAEb;AAAA,IACJ,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,GAAQ,aAAAC,EAAA;AAAA,IACrB,OAAAC;AAAA,EAAA,IACEC,EAAA,GAIEC,IAAeF,EAAM,cAAc,GAEnCG,IAAoB,CAACC,MAAkB;AAC3C,IAAIL,MACEK,MAAUF,KACZL,EAAY,cAAc,GAGxBO,MAAUF,KACZN,EAAS,gBAAgB,EAAE,SAASV,EAAA,CAAoB;AAAA,EAG9D;AAEA,SACE,gBAAAmB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAAC,UAAA,EACC,UAAA;AAAA,MAAA,gBAAAE,EAACb,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,uBAAuB,GAAE;AAAA,wBACvDE,EAAW,MAAX,EAAiB,UAAAF,EAAE,6BAA6B,EAAA,CAAE;AAAA,IAAA,GACrD;AAAA,IAEA,gBAAAa,EAACG,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,KAAK,EAAA,GAAK,KAAK,IACtE,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,gCAAgC;AAAA,UACzC,YAAU;AAAA,UACV,cAAcA,EAAE,mBAAmB;AAAA,UACnC,UAAUW;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,8BAA8B;AAAA,UACvC,YAAU;AAAA,UACV,cACEM,EAAO,cAAc,YAAYZ,IAC7BM,EAAE,2BAA2B,IAC7BA,EAAE,mBAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7B,gBAAAe;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,2BAA2B;AAAA,UACpC,YAAU;AAAA,UACV,cAAcA,EAAE,uBAAuB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEzC,gBAAAe;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,0BAA0B;AAAA,UACnC,YAAU;AAAA,UACV,cAAcA,EAAE,sBAAsB;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEvCkB,GAAA,CAAA,CAAY;AAAA,IAAA,EAAA,CACf;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -8,14 +8,12 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@tanstack/react-query";
 import "../../../Base/useBase.js";
 import "../../../../shared/constants.js";
-import "classnames";
-import "dompurify";
-import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "dompurify";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [c, d] = t("InviteSignatoryContext");
+const [I, S] = t("InviteSignatoryContext");
 export {
-  d as InviteSignatoryProvider,
-  c as useInviteSignatory
+  S as InviteSignatoryProvider,
+  I as useInviteSignatory
 };
 //# sourceMappingURL=useInviteSignatory.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useInviteSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/InviteSignatory/useInviteSignatory.ts"],"sourcesContent":["import { type Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\ntype InviteSignatoryContextType = {\n  isPending: boolean\n}\n\nexport type InviteSignatoryDefaultValues = RequireAtLeastOne<\n  Pick<Signatory, 'firstName' | 'lastName' | 'email' | 'title'> & {\n    confirmEmail: string\n  }\n>\n\nconst [useInviteSignatory, InviteSignatoryProvider] =\n  createCompoundContext<InviteSignatoryContextType>('InviteSignatoryContext')\n\nexport { useInviteSignatory, InviteSignatoryProvider }\n"],"names":["useInviteSignatory","InviteSignatoryProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,wBAAwB;"}
+{"version":3,"file":"useInviteSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/InviteSignatory/useInviteSignatory.ts"],"sourcesContent":["import { type Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\ntype InviteSignatoryContextType = {\n  isPending: boolean\n}\n\nexport type InviteSignatoryDefaultValues = RequireAtLeastOne<\n  Pick<Signatory, 'firstName' | 'lastName' | 'email' | 'title'> & {\n    confirmEmail: string\n  }\n>\n\nconst [useInviteSignatory, InviteSignatoryProvider] =\n  createCompoundContext<InviteSignatoryContextType>('InviteSignatoryContext')\n\nexport { useInviteSignatory, InviteSignatoryProvider }\n"],"names":["useInviteSignatory","InviteSignatoryProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,wBAAwB;"}

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

@@ -1,14 +1,13 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useTranslation as l } from "react-i18next";
-import "classnames";
+import { jsx as l } from "react/jsx-runtime";
+import { useTranslation as r } from "react-i18next";
 import { SIGNATORY_TITLES as s } from "../../../shared/constants.js";
 import { SelectField as a } from "../../Common/Fields/SelectField/SelectField.js";
-const S = () => {
-  const { t } = l("Company.AssignSignatory"), e = Object.entries(s).map(([i, o]) => ({
+const u = () => {
+  const { t } = r("Company.AssignSignatory"), e = Object.entries(s).map(([i, o]) => ({
     value: i,
     label: t(`signatoryTitles.${o}`, { ns: "common" })
   }));
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ l(
     a,
     {
       name: "title",
@@ -20,7 +19,7 @@ const S = () => {
   );
 };
 export {
-  S as TitleSelect,
-  S as default
+  u as TitleSelect,
+  u as default
 };
 //# sourceMappingURL=TitleSelect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TitleSelect.js","sources":["../../../../src/components/Company/AssignSignatory/TitleSelect.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { SelectField } from '@/components/Common'\nimport { SIGNATORY_TITLES } from '@/shared/constants'\n\nexport const TitleSelect = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n\n  const titleOptions = Object.entries(SIGNATORY_TITLES).map(([key, value]) => ({\n    value: key,\n    label: t(`signatoryTitles.${value}`, { ns: 'common' }),\n  }))\n\n  return (\n    <SelectField\n      name=\"title\"\n      label={t('signatoryDetails.titleSelect.label')}\n      isRequired\n      options={titleOptions}\n      errorMessage={t('validations.title')}\n    />\n  )\n}\n\nexport default TitleSelect\n"],"names":["TitleSelect","useTranslation","titleOptions","SIGNATORY_TITLES","key","value","jsx","SelectField"],"mappings":";;;;;AAIO,MAAMA,IAAc,MAAM;AAC/B,QAAM,EAAE,EAAA,IAAMC,EAAe,yBAAyB,GAEhDC,IAAe,OAAO,QAAQC,CAAgB,EAAE,IAAI,CAAC,CAACC,GAAKC,CAAK,OAAO;AAAA,IAC3E,OAAOD;AAAA,IACP,OAAO,EAAE,mBAAmBC,CAAK,IAAI,EAAE,IAAI,UAAU;AAAA,EAAA,EACrD;AAEF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO,EAAE,oCAAoC;AAAA,MAC7C,YAAU;AAAA,MACV,SAASL;AAAA,MACT,cAAc,EAAE,mBAAmB;AAAA,IAAA;AAAA,EAAA;AAGzC;"}
+{"version":3,"file":"TitleSelect.js","sources":["../../../../src/components/Company/AssignSignatory/TitleSelect.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { SelectField } from '@/components/Common'\nimport { SIGNATORY_TITLES } from '@/shared/constants'\n\nexport const TitleSelect = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n\n  const titleOptions = Object.entries(SIGNATORY_TITLES).map(([key, value]) => ({\n    value: key,\n    label: t(`signatoryTitles.${value}`, { ns: 'common' }),\n  }))\n\n  return (\n    <SelectField\n      name=\"title\"\n      label={t('signatoryDetails.titleSelect.label')}\n      isRequired\n      options={titleOptions}\n      errorMessage={t('validations.title')}\n    />\n  )\n}\n\nexport default TitleSelect\n"],"names":["TitleSelect","useTranslation","titleOptions","SIGNATORY_TITLES","key","value","jsx","SelectField"],"mappings":";;;;AAIO,MAAMA,IAAc,MAAM;AAC/B,QAAM,EAAE,EAAA,IAAMC,EAAe,yBAAyB,GAEhDC,IAAe,OAAO,QAAQC,CAAgB,EAAE,IAAI,CAAC,CAACC,GAAKC,CAAK,OAAO;AAAA,IAC3E,OAAOD;AAAA,IACP,OAAO,EAAE,mBAAmBC,CAAK,IAAI,EAAE,IAAI,UAAU;AAAA,EAAA,EACrD;AAEF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO,EAAE,oCAAoC;AAAA,MAC7C,YAAU;AAAA,MACV,SAASL;AAAA,MACT,cAAc,EAAE,mBAAmB;AAAA,IAAA;AAAA,EAAA;AAGzC;"}

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

@@ -8,18 +8,16 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@tanstack/react-query";
 import "../../Base/useBase.js";
 import "../../../shared/constants.js";
-import "classnames";
-import "dompurify";
-import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "dompurify";
 import { createCompoundContext as t } from "../../Base/createCompoundContext.js";
-const v = {
+const A = {
   createSignatory: "createSignatory",
   inviteSignatory: "inviteSignatory"
-}, [x, C] = t("AssignSignatoryContext");
+}, [d, v] = t("AssignSignatoryContext");
 export {
-  C as AssignSignatoryProvider,
-  v as SignatoryAssignmentMode,
-  x as useAssignSignatory
+  v as AssignSignatoryProvider,
+  A as SignatoryAssignmentMode,
+  d as useAssignSignatory
 };
 //# sourceMappingURL=useAssignSignatory.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAssignSignatory.js","sources":["../../../../src/components/Company/AssignSignatory/useAssignSignatory.ts"],"sourcesContent":["import { type CreateSignatoryDefaultValues } from './CreateSignatory'\nimport { type InviteSignatoryDefaultValues } from './InviteSignatory'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport const SignatoryAssignmentMode = {\n  createSignatory: 'createSignatory',\n  inviteSignatory: 'inviteSignatory',\n} as const\n\nexport type AssignSignatoryDefaultValues = RequireAtLeastOne<{\n  create?: CreateSignatoryDefaultValues\n  invite?: InviteSignatoryDefaultValues\n}>\n\ntype AssignSignatoryContextType = {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: AssignSignatoryDefaultValues\n  onSignatoryAssignmentModeChange: (mode: string) => void\n  onSignatoryFormEvent: BaseComponentInterface['onEvent']\n}\n\nconst [useAssignSignatory, AssignSignatoryProvider] =\n  createCompoundContext<AssignSignatoryContextType>('AssignSignatoryContext')\n\nexport { useAssignSignatory, AssignSignatoryProvider }\n"],"names":["SignatoryAssignmentMode","useAssignSignatory","AssignSignatoryProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAMO,MAAMA,IAA0B;AAAA,EACrC,iBAAiB;AAAA,EACjB,iBAAiB;AACnB,GAeM,CAACC,GAAoBC,CAAuB,IAChDC,EAAkD,wBAAwB;"}
+{"version":3,"file":"useAssignSignatory.js","sources":["../../../../src/components/Company/AssignSignatory/useAssignSignatory.ts"],"sourcesContent":["import { type CreateSignatoryDefaultValues } from './CreateSignatory'\nimport { type InviteSignatoryDefaultValues } from './InviteSignatory'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport const SignatoryAssignmentMode = {\n  createSignatory: 'createSignatory',\n  inviteSignatory: 'inviteSignatory',\n} as const\n\nexport type AssignSignatoryDefaultValues = RequireAtLeastOne<{\n  create?: CreateSignatoryDefaultValues\n  invite?: InviteSignatoryDefaultValues\n}>\n\ntype AssignSignatoryContextType = {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: AssignSignatoryDefaultValues\n  onSignatoryAssignmentModeChange: (mode: string) => void\n  onSignatoryFormEvent: BaseComponentInterface['onEvent']\n}\n\nconst [useAssignSignatory, AssignSignatoryProvider] =\n  createCompoundContext<AssignSignatoryContextType>('AssignSignatoryContext')\n\nexport { useAssignSignatory, AssignSignatoryProvider }\n"],"names":["SignatoryAssignmentMode","useAssignSignatory","AssignSignatoryProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;AAMO,MAAMA,IAA0B;AAAA,EACrC,iBAAiB;AAAA,EACjB,iBAAiB;AACnB,GAeM,CAACC,GAAoBC,CAAuB,IAChDC,EAAkD,wBAAwB;"}

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

@@ -1,11 +1,10 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { useTranslation as s } from "react-i18next";
 import { useBankAccountForm as m } from "./context.js";
-import "classnames";
 import { ActionsLayout as a } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as u } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { componentEvents as p } from "../../../../shared/constants.js";
-function b() {
+function B() {
   const { t } = s("Company.BankAccount"), { isPending: i, isEditing: r, onEvent: c } = m(), n = u();
   return /* @__PURE__ */ e(a, { children: [
     r && /* @__PURE__ */ o(
@@ -23,6 +22,6 @@ function b() {
   ] });
 }
 export {
-  b as Actions
+  B as Actions
 };
 //# sourceMappingURL=Actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccountForm } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\n\nexport function Actions() {\n  const { t } = useTranslation('Company.BankAccount')\n  const { isPending, isEditing, onEvent } = useBankAccountForm()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {isEditing && (\n        <Components.Button\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(componentEvents.COMPANY_BANK_ACCOUNT_CANCEL)\n          }}\n        >\n          {t('cancelCta')}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isPending} data-testid=\"bank-account-submit\">\n        {t('continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","isEditing","onEvent","useBankAccountForm","Components","useComponentContext","ActionsLayout","jsx","componentEvents"],"mappings":";;;;;;;AAMO,SAASA,IAAU;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,WAAAC,GAAW,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA,GACpCC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAL,KACC,gBAAAM;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAF,EAAQM,EAAgB,2BAA2B;AAAA,QACrD;AAAA,QAEC,YAAE,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGlB,gBAAAD,EAACH,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWJ,GAAW,eAAY,uBAChE,UAAA,EAAE,aAAa,EAAA,CAClB;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccountForm } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\n\nexport function Actions() {\n  const { t } = useTranslation('Company.BankAccount')\n  const { isPending, isEditing, onEvent } = useBankAccountForm()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {isEditing && (\n        <Components.Button\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(componentEvents.COMPANY_BANK_ACCOUNT_CANCEL)\n          }}\n        >\n          {t('cancelCta')}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isPending} data-testid=\"bank-account-submit\">\n        {t('continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","isEditing","onEvent","useBankAccountForm","Components","useComponentContext","ActionsLayout","jsx","componentEvents"],"mappings":";;;;;;AAMO,SAASA,IAAU;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,WAAAC,GAAW,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA,GACpCC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAL,KACC,gBAAAM;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAAS,MAAM;AACb,UAAAF,EAAQM,EAAgB,2BAA2B;AAAA,QACrD;AAAA,QAEC,YAAE,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGlB,gBAAAD,EAACH,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWJ,GAAW,eAAY,uBAChE,UAAA,EAAE,aAAa,EAAA,CAClB;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,16 +1,15 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { z as i } from "zod";
-import { useTranslation as n } from "react-i18next";
+import { z as n } from "zod";
+import { useTranslation as i } from "react-i18next";
 import { accountNumberValidation as m, routingNumberValidation as u } from "../../../../helpers/validations.js";
 import { Flex as a } from "../../../Common/Flex/Flex.js";
-import "classnames";
 import { TextInputField as e } from "../../../Common/Fields/TextInputField/TextInputField.js";
-const d = i.object({
+const N = n.object({
   routingNumber: u,
   accountNumber: m
 });
-function g() {
-  const { t: r } = n("Company.BankAccount");
+function d() {
+  const { t: r } = i("Company.BankAccount");
   return /* @__PURE__ */ t(a, { flexDirection: "column", gap: 20, children: [
     /* @__PURE__ */ o(
       e,
@@ -34,7 +33,7 @@ function g() {
   ] });
 }
 export {
-  d as BankAccountFormSchema,
-  g as Form
+  N as BankAccountFormSchema,
+  d as Form
 };
 //# sourceMappingURL=Form.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/Form.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { accountNumberValidation, routingNumberValidation } from '@/helpers/validations'\nimport { Flex, TextInputField } from '@/components/Common'\n\nexport const BankAccountFormSchema = z.object({\n  routingNumber: routingNumberValidation,\n  accountNumber: accountNumberValidation,\n})\n\nexport type BankAccountFormInputs = z.infer<typeof BankAccountFormSchema>\n\nexport function Form() {\n  const { t } = useTranslation('Company.BankAccount')\n\n  return (\n    <Flex flexDirection=\"column\" gap={20}>\n      <TextInputField\n        name=\"routingNumber\"\n        isRequired\n        label={t('form.routingNumberLabel')}\n        description={t('form.routingNumberDescription')}\n        errorMessage={t('validations.routingNumber')}\n      />\n      <TextInputField\n        name=\"accountNumber\"\n        label={t('form.accountNumberLabel')}\n        isRequired\n        errorMessage={t('validations.accountNumber')}\n      />\n    </Flex>\n  )\n}\n"],"names":["BankAccountFormSchema","z","routingNumberValidation","accountNumberValidation","Form","t","useTranslation","jsxs","Flex","jsx","TextInputField"],"mappings":";;;;;;;AAKO,MAAMA,IAAwBC,EAAE,OAAO;AAAA,EAC5C,eAAeC;AAAA,EACf,eAAeC;AACjB,CAAC;AAIM,SAASC,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAElD,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOL,EAAE,yBAAyB;AAAA,QAClC,aAAaA,EAAE,+BAA+B;AAAA,QAC9C,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAE7C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,yBAAyB;AAAA,QAClC,YAAU;AAAA,QACV,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,EAC7C,GACF;AAEJ;"}
+{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/Form.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { accountNumberValidation, routingNumberValidation } from '@/helpers/validations'\nimport { Flex, TextInputField } from '@/components/Common'\n\nexport const BankAccountFormSchema = z.object({\n  routingNumber: routingNumberValidation,\n  accountNumber: accountNumberValidation,\n})\n\nexport type BankAccountFormInputs = z.infer<typeof BankAccountFormSchema>\n\nexport function Form() {\n  const { t } = useTranslation('Company.BankAccount')\n\n  return (\n    <Flex flexDirection=\"column\" gap={20}>\n      <TextInputField\n        name=\"routingNumber\"\n        isRequired\n        label={t('form.routingNumberLabel')}\n        description={t('form.routingNumberDescription')}\n        errorMessage={t('validations.routingNumber')}\n      />\n      <TextInputField\n        name=\"accountNumber\"\n        label={t('form.accountNumberLabel')}\n        isRequired\n        errorMessage={t('validations.accountNumber')}\n      />\n    </Flex>\n  )\n}\n"],"names":["BankAccountFormSchema","z","routingNumberValidation","accountNumberValidation","Form","t","useTranslation","jsxs","Flex","jsx","TextInputField"],"mappings":";;;;;;AAKO,MAAMA,IAAwBC,EAAE,OAAO;AAAA,EAC5C,eAAeC;AAAA,EACf,eAAeC;AACjB,CAAC;AAIM,SAASC,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAElD,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOL,EAAE,yBAAyB;AAAA,QAClC,aAAaA,EAAE,+BAA+B;AAAA,QAC9C,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAE7C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOL,EAAE,yBAAyB;AAAA,QAClC,YAAU;AAAA,QACV,cAAcA,EAAE,2BAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,EAC7C,GACF;AAEJ;"}

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

@@ -8,14 +8,12 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@tanstack/react-query";
 import "../../../Base/useBase.js";
 import "../../../../shared/constants.js";
-import "classnames";
-import "dompurify";
-import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "dompurify";
 import { createCompoundContext as o } from "../../../Base/createCompoundContext.js";
-const [d, s] = o("BankAccountContext");
+const [B, C] = o("BankAccountContext");
 export {
-  s as BankAccountFormProvider,
-  d as useBankAccountForm
+  C as BankAccountFormProvider,
+  B as useBankAccountForm
 };
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/context.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\nimport { type OnEventType } from '@/components/Base/useBase'\nimport { type EventType } from '@/shared/constants'\n\ntype BankAccountFormContextType = {\n  isPending: boolean\n  isEditing: boolean\n  onEvent: OnEventType<EventType, unknown>\n}\n\nconst [useBankAccountForm, BankAccountFormProvider] =\n  createCompoundContext<BankAccountFormContextType>('BankAccountContext')\n\nexport { useBankAccountForm, BankAccountFormProvider }\n"],"names":["useBankAccountForm","BankAccountFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,oBAAoB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountForm/context.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\nimport { type OnEventType } from '@/components/Base/useBase'\nimport { type EventType } from '@/shared/constants'\n\ntype BankAccountFormContextType = {\n  isPending: boolean\n  isEditing: boolean\n  onEvent: OnEventType<EventType, unknown>\n}\n\nconst [useBankAccountForm, BankAccountFormProvider] =\n  createCompoundContext<BankAccountFormContextType>('BankAccountContext')\n\nexport { useBankAccountForm, BankAccountFormProvider }\n"],"names":["useBankAccountForm","BankAccountFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,oBAAoB;"}

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

@@ -1,21 +1,26 @@
-import { jsxs as t, jsx as n } from "react/jsx-runtime";
-import { useTranslation as c } from "react-i18next";
-import { useBankAccount as i } from "./context.js";
-import { useComponentContext as d } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function s() {
-  const { bankAccount: r } = i(), { t: o } = c("Company.BankAccount"), e = d();
-  return /* @__PURE__ */ t("dl", { children: [
-    /* @__PURE__ */ t("div", { children: [
-      /* @__PURE__ */ n("dt", { children: /* @__PURE__ */ n(e.Text, { children: o("routingNumberLabel") }) }),
-      /* @__PURE__ */ n("dd", { children: /* @__PURE__ */ n(e.Text, { children: r?.routingNumber }) })
-    ] }),
-    /* @__PURE__ */ t("div", { children: [
-      /* @__PURE__ */ n("dt", { children: /* @__PURE__ */ n(e.Text, { children: o("accountNumberLabel") }) }),
-      /* @__PURE__ */ n("dd", { children: /* @__PURE__ */ n(e.Text, { children: r?.hiddenAccountNumber }) })
-    ] })
-  ] });
+import { jsx as n } from "react/jsx-runtime";
+import { useTranslation as r } from "react-i18next";
+import { useBankAccount as c } from "./context.js";
+import { useComponentContext as i } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function a() {
+  const { bankAccount: o } = c(), { t: e } = r("Company.BankAccount"), t = i();
+  return /* @__PURE__ */ n(
+    t.DescriptionList,
+    {
+      items: [
+        {
+          term: /* @__PURE__ */ n(t.Text, { children: e("routingNumberLabel") }),
+          description: /* @__PURE__ */ n(t.Text, { children: o?.routingNumber })
+        },
+        {
+          term: /* @__PURE__ */ n(t.Text, { children: e("accountNumberLabel") }),
+          description: /* @__PURE__ */ n(t.Text, { children: o?.hiddenAccountNumber })
+        }
+      ]
+    }
+  );
 }
 export {
-  s as AccountView
+  a as AccountView
 };
 //# sourceMappingURL=AccountView.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccountView.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/AccountView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccount } from './context'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function AccountView() {\n  const { bankAccount } = useBankAccount()\n  const { t } = useTranslation('Company.BankAccount')\n  const Components = useComponentContext()\n\n  return (\n    <dl>\n      <div>\n        <dt>\n          <Components.Text>{t('routingNumberLabel')}</Components.Text>\n        </dt>\n        <dd>\n          <Components.Text>{bankAccount?.routingNumber}</Components.Text>\n        </dd>\n      </div>\n      <div>\n        <dt>\n          <Components.Text>{t('accountNumberLabel')}</Components.Text>\n        </dt>\n        <dd>\n          <Components.Text>{bankAccount?.hiddenAccountNumber}</Components.Text>\n        </dd>\n      </div>\n    </dl>\n  )\n}\n"],"names":["AccountView","bankAccount","useBankAccount","t","useTranslation","Components","useComponentContext","jsxs","jsx"],"mappings":";;;;AAIO,SAASA,IAAc;AAC5B,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAClB,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,2BACG,MAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EACC,4BAACH,EAAW,MAAX,EAAiB,UAAAF,EAAE,oBAAoB,GAAE,EAAA,CAC5C;AAAA,MACA,gBAAAK,EAAC,QACC,UAAA,gBAAAA,EAACH,EAAW,MAAX,EAAiB,UAAAJ,GAAa,eAAc,EAAA,CAC/C;AAAA,IAAA,GACF;AAAA,sBACC,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAO,EAAC,MAAA,EACC,4BAACH,EAAW,MAAX,EAAiB,UAAAF,EAAE,oBAAoB,GAAE,EAAA,CAC5C;AAAA,MACA,gBAAAK,EAAC,QACC,UAAA,gBAAAA,EAACH,EAAW,MAAX,EAAiB,UAAAJ,GAAa,qBAAoB,EAAA,CACrD;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"AccountView.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/AccountView.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccount } from './context'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function AccountView() {\n  const { bankAccount } = useBankAccount()\n  const { t } = useTranslation('Company.BankAccount')\n  const Components = useComponentContext()\n\n  return (\n    <Components.DescriptionList\n      items={[\n        {\n          term: <Components.Text>{t('routingNumberLabel')}</Components.Text>,\n          description: <Components.Text>{bankAccount?.routingNumber}</Components.Text>,\n        },\n        {\n          term: <Components.Text>{t('accountNumberLabel')}</Components.Text>,\n          description: <Components.Text>{bankAccount?.hiddenAccountNumber}</Components.Text>,\n        },\n      ]}\n    />\n  )\n}\n"],"names":["AccountView","bankAccount","useBankAccount","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;;AAIO,SAASA,IAAc;AAC5B,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAClB,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAC;AAAA,IAACF,EAAW;AAAA,IAAX;AAAA,MACC,OAAO;AAAA,QACL;AAAA,UACE,MAAM,gBAAAE,EAACF,EAAW,MAAX,EAAiB,UAAAF,EAAE,oBAAoB,GAAE;AAAA,UAChD,aAAa,gBAAAI,EAACF,EAAW,MAAX,EAAiB,aAAa,cAAA,CAAc;AAAA,QAAA;AAAA,QAE5D;AAAA,UACE,MAAM,gBAAAE,EAACF,EAAW,MAAX,EAAiB,UAAAF,EAAE,oBAAoB,GAAE;AAAA,UAChD,aAAa,gBAAAI,EAACF,EAAW,MAAX,EAAiB,aAAa,oBAAA,CAAoB;AAAA,QAAA;AAAA,MAClE;AAAA,IACF;AAAA,EAAA;AAGN;"}

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

@@ -1,17 +1,16 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
 import { useTranslation as i } from "react-i18next";
 import { useBankAccount as a } from "./context.js";
-import "classnames";
-import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as s } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function f() {
-  const { handleContinue: c, handleChange: r } = a(), { t: n } = i("Company.BankAccount"), o = s();
-  return /* @__PURE__ */ e(m, { children: [
+import { ActionsLayout as s } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as m } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function d() {
+  const { handleContinue: c, handleChange: r } = a(), { t: n } = i("Company.BankAccount"), o = m();
+  return /* @__PURE__ */ e(s, { children: [
     /* @__PURE__ */ t(o.Button, { variant: "secondary", onClick: r, children: n("changeBankAccountCta") }),
     /* @__PURE__ */ t(o.Button, { onClick: c, children: n("continueCta") })
   ] });
 }
 export {
-  f as Actions
+  d as Actions
 };
 //# sourceMappingURL=Actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccount } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { handleContinue, handleChange } = useBankAccount()\n  const { t } = useTranslation('Company.BankAccount')\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"secondary\" onClick={handleChange}>\n        {t('changeBankAccountCta')}\n      </Components.Button>\n      <Components.Button onClick={handleContinue}>{t('continueCta')}</Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","handleContinue","handleChange","useBankAccount","t","useTranslation","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,gBAAAC,GAAgB,cAAAC,EAAA,IAAiBC,EAAA,GACnC,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASJ,GAC7C,UAAAE,EAAE,sBAAsB,EAAA,CAC3B;AAAA,IACA,gBAAAK,EAACH,EAAW,QAAX,EAAkB,SAASL,GAAiB,UAAAG,EAAE,aAAa,EAAA,CAAE;AAAA,EAAA,GAChE;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountList/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccount } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { handleContinue, handleChange } = useBankAccount()\n  const { t } = useTranslation('Company.BankAccount')\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button variant=\"secondary\" onClick={handleChange}>\n        {t('changeBankAccountCta')}\n      </Components.Button>\n      <Components.Button onClick={handleContinue}>{t('continueCta')}</Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","handleContinue","handleChange","useBankAccount","t","useTranslation","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,gBAAAC,GAAgB,cAAAC,EAAA,IAAiBC,EAAA,GACnC,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASJ,GAC7C,UAAAE,EAAE,sBAAsB,EAAA,CAC3B;AAAA,IACA,gBAAAK,EAACH,EAAW,QAAX,EAAkB,SAASL,GAAiB,UAAAG,EAAE,aAAa,EAAA,CAAE;AAAA,EAAA,GAChE;AAEJ;"}

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

@@ -1,34 +1,33 @@
 import { jsxs as c, jsx as i } from "react/jsx-runtime";
 import { useTranslation as e } from "react-i18next";
 import { useBankAccountVerify as r } from "./context.js";
-import "classnames";
 import { ActionsLayout as s } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as m } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function C() {
-  const { t } = e("Company.BankAccount"), { isPending: n, handleCancel: a } = r(), o = m();
+function y() {
+  const { t: n } = e("Company.BankAccount"), { isPending: t, handleCancel: a } = r(), o = m();
   return /* @__PURE__ */ c(s, { children: [
     /* @__PURE__ */ i(
       o.Button,
       {
         variant: "secondary",
-        isLoading: n,
+        isLoading: t,
         onClick: a,
         "data-testid": "bank-account-verify-cancel",
-        children: t("cancelCta")
+        children: n("cancelCta")
       }
     ),
     /* @__PURE__ */ i(
       o.Button,
       {
         type: "submit",
-        isLoading: n,
+        isLoading: t,
         "data-testid": "bank-account-verify-submit",
-        children: t("verifyCta")
+        children: n("verifyCta")
       }
     )
   ] });
 }
 export {
-  C as Actions
+  y as Actions
 };
 //# sourceMappingURL=Actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccountVerify } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Company.BankAccount')\n  const { isPending, handleCancel } = useBankAccountVerify()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button\n        variant=\"secondary\"\n        isLoading={isPending}\n        onClick={handleCancel}\n        data-testid=\"bank-account-verify-cancel\"\n      >\n        {t('cancelCta')}\n      </Components.Button>\n      <Components.Button\n        type=\"submit\"\n        isLoading={isPending}\n        data-testid=\"bank-account-verify-submit\"\n      >\n        {t('verifyCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","handleCancel","useBankAccountVerify","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,WAAAC,GAAW,cAAAC,EAAA,IAAiBC,EAAA,GAC9BC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,WAAWH;AAAA,QACX,SAASC;AAAA,QACT,eAAY;AAAA,QAEX,YAAE,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAEhB,gBAAAK;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QACC,MAAK;AAAA,QACL,WAAWH;AAAA,QACX,eAAY;AAAA,QAEX,YAAE,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useBankAccountVerify } from './context'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Actions() {\n  const { t } = useTranslation('Company.BankAccount')\n  const { isPending, handleCancel } = useBankAccountVerify()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button\n        variant=\"secondary\"\n        isLoading={isPending}\n        onClick={handleCancel}\n        data-testid=\"bank-account-verify-cancel\"\n      >\n        {t('cancelCta')}\n      </Components.Button>\n      <Components.Button\n        type=\"submit\"\n        isLoading={isPending}\n        data-testid=\"bank-account-verify-submit\"\n      >\n        {t('verifyCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","t","useTranslation","isPending","handleCancel","useBankAccountVerify","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;AAKO,SAASA,IAAU;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,WAAAC,GAAW,cAAAC,EAAA,IAAiBC,EAAA,GAC9BC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QACC,SAAQ;AAAA,QACR,WAAWH;AAAA,QACX,SAASC;AAAA,QACT,eAAY;AAAA,QAEX,YAAE,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAEhB,gBAAAK;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QACC,MAAK;AAAA,QACL,WAAWH;AAAA,QACX,eAAY;AAAA,QAEX,YAAE,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}

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

@@ -2,13 +2,12 @@ import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import { z as o } from "zod";
 import { useTranslation as n } from "react-i18next";
 import { Flex as s } from "../../../Common/Flex/Flex.js";
-import "classnames";
 import { NumberInputField as i } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
-const l = o.object({
+const u = o.object({
   deposit1: o.number().min(0),
   deposit2: o.number().min(0)
 });
-function f() {
+function l() {
   const { t: e } = n("Company.BankAccount");
   return /* @__PURE__ */ t(s, { flexDirection: "column", gap: 20, children: [
     /* @__PURE__ */ r(
@@ -36,7 +35,7 @@ function f() {
   ] });
 }
 export {
-  l as BankAccountVerifySchema,
-  f as Form
+  u as BankAccountVerifySchema,
+  l as Form
 };
 //# sourceMappingURL=Form.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/Form.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { Flex, NumberInputField } from '@/components/Common'\n\nexport const BankAccountVerifySchema = z.object({\n  deposit1: z.number().min(0),\n  deposit2: z.number().min(0),\n})\n\nexport type BankAccountVerifyInputs = z.infer<typeof BankAccountVerifySchema>\n\nexport function Form() {\n  const { t } = useTranslation('Company.BankAccount')\n\n  return (\n    <Flex flexDirection=\"column\" gap={20}>\n      <NumberInputField\n        name=\"deposit1\"\n        format=\"currency\"\n        isRequired\n        label={t('deposit1Label')}\n        description={t('deposit1Description')}\n        errorMessage={t('validations.deposit1')}\n      />\n      <NumberInputField\n        name=\"deposit2\"\n        format=\"currency\"\n        label={t('deposit2Label')}\n        description={t('deposit2Description')}\n        isRequired\n        errorMessage={t('validations.deposit2')}\n      />\n    </Flex>\n  )\n}\n"],"names":["BankAccountVerifySchema","z","Form","t","useTranslation","jsxs","Flex","jsx","NumberInputField"],"mappings":";;;;;;AAIO,MAAMA,IAA0BC,EAAE,OAAO;AAAA,EAC9C,UAAUA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC1B,UAAUA,EAAE,OAAA,EAAS,IAAI,CAAC;AAC5B,CAAC;AAIM,SAASC,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAElD,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,YAAU;AAAA,QACV,OAAOL,EAAE,eAAe;AAAA,QACxB,aAAaA,EAAE,qBAAqB;AAAA,QACpC,cAAcA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,IAExC,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAOL,EAAE,eAAe;AAAA,QACxB,aAAaA,EAAE,qBAAqB;AAAA,QACpC,YAAU;AAAA,QACV,cAAcA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACxC,GACF;AAEJ;"}
+{"version":3,"file":"Form.js","sources":["../../../../../src/components/Company/BankAccount/BankAccountVerify/Form.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useTranslation } from 'react-i18next'\nimport { Flex, NumberInputField } from '@/components/Common'\n\nexport const BankAccountVerifySchema = z.object({\n  deposit1: z.number().min(0),\n  deposit2: z.number().min(0),\n})\n\nexport type BankAccountVerifyInputs = z.infer<typeof BankAccountVerifySchema>\n\nexport function Form() {\n  const { t } = useTranslation('Company.BankAccount')\n\n  return (\n    <Flex flexDirection=\"column\" gap={20}>\n      <NumberInputField\n        name=\"deposit1\"\n        format=\"currency\"\n        isRequired\n        label={t('deposit1Label')}\n        description={t('deposit1Description')}\n        errorMessage={t('validations.deposit1')}\n      />\n      <NumberInputField\n        name=\"deposit2\"\n        format=\"currency\"\n        label={t('deposit2Label')}\n        description={t('deposit2Description')}\n        isRequired\n        errorMessage={t('validations.deposit2')}\n      />\n    </Flex>\n  )\n}\n"],"names":["BankAccountVerifySchema","z","Form","t","useTranslation","jsxs","Flex","jsx","NumberInputField"],"mappings":";;;;;AAIO,MAAMA,IAA0BC,EAAE,OAAO;AAAA,EAC9C,UAAUA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC1B,UAAUA,EAAE,OAAA,EAAS,IAAI,CAAC;AAC5B,CAAC;AAIM,SAASC,IAAO;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAElD,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,YAAU;AAAA,QACV,OAAOL,EAAE,eAAe;AAAA,QACxB,aAAaA,EAAE,qBAAqB;AAAA,QACpC,cAAcA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,IAExC,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAOL,EAAE,eAAe;AAAA,QACxB,aAAaA,EAAE,qBAAqB;AAAA,QACpC,YAAU;AAAA,QACV,cAAcA,EAAE,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACxC,GACF;AAEJ;"}