@gusto/embedded-react-sdk 0.35.0-rc.3 → 0.36.0-rc.1

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

@@ -1,43 +1,41 @@
-import { jsx as o, jsxs as F, Fragment as Y } from "react/jsx-runtime";
-import { useForm as q, FormProvider as w } from "react-hook-form";
-import { zodResolver as x } from "@hookform/resolvers/zod";
-import z from "classnames";
-import { useSignatoriesListSuspense as B } from "@gusto/embedded-api/react-query/signatoriesList";
-import { useSignatoriesCreateMutation as k } from "@gusto/embedded-api/react-query/signatoriesCreate";
-import { useSignatoriesUpdateMutation as G } from "@gusto/embedded-api/react-query/signatoriesUpdate";
-import { useSignatoriesDeleteMutation as j } from "@gusto/embedded-api/react-query/signatoriesDelete";
-import { CreateSignatoryForm as L } from "./CreateSignatoryForm.js";
-import { Actions as H } from "./Actions.js";
-import I from "./CreateSignatory.module.scss.js";
-import { CreateSignatoryProvider as J } from "./useCreateSignatory.js";
-import { generateCreateSignatorySchema as K } from "./Schema.js";
-import { Form as Q } from "../../../Common/Form/Form.js";
-import { useI18n as W } from "../../../../i18n/I18n.js";
-import { BaseComponent as X } from "../../../Base/Base.js";
-import { useBase as Z } from "../../../Base/useBase.js";
-import { Flex as $ } from "../../../Common/Flex/Flex.js";
+import { jsx as r, jsxs as w, Fragment as Y } from "react/jsx-runtime";
+import { useForm as q, FormProvider as x } from "react-hook-form";
+import { zodResolver as z } from "@hookform/resolvers/zod";
+import k from "classnames";
+import { RFCDate as B } from "@gusto/embedded-api/types/rfcdate";
+import { useSignatoriesListSuspense as G } from "@gusto/embedded-api/react-query/signatoriesList";
+import { useSignatoriesCreateMutation as j } from "@gusto/embedded-api/react-query/signatoriesCreate";
+import { useSignatoriesUpdateMutation as L } from "@gusto/embedded-api/react-query/signatoriesUpdate";
+import { useSignatoriesDeleteMutation as H } from "@gusto/embedded-api/react-query/signatoriesDelete";
+import { CreateSignatoryForm as I } from "./CreateSignatoryForm.js";
+import { Actions as J } from "./Actions.js";
+import K from "./CreateSignatory.module.scss.js";
+import { CreateSignatoryProvider as Q } from "./useCreateSignatory.js";
+import { generateCreateSignatorySchema as W } from "./Schema.js";
+import { Form as X } from "../../../Common/Form/Form.js";
+import { useI18n as Z } from "../../../../i18n/I18n.js";
+import { BaseComponent as $ } from "../../../Base/Base.js";
+import { useBase as V } from "../../../Base/useBase.js";
+import { Flex as tt } from "../../../Common/Flex/Flex.js";
 import { companyEvents as c } from "../../../../shared/constants.js";
-import "react-i18next";
-import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { formatDateToStringDate as V } from "../../../../helpers/dateFormatting.js";
-import { useMaskedTransform as tt, commonMasks as et } from "../../../../helpers/mask.js";
-function Rt(r) {
-  return /* @__PURE__ */ o(X, { ...r, children: /* @__PURE__ */ o(ot, { ...r, children: r.children }) });
+import { formatDateToStringDate as et } from "../../../../helpers/dateFormatting.js";
+import { useMaskedTransform as rt, commonMasks as ot } from "../../../../helpers/mask.js";
+function vt(o) {
+  return /* @__PURE__ */ r($, { ...o, children: /* @__PURE__ */ r(it, { ...o, children: o.children }) });
 }
-function ot({
-  companyId: r,
+function it({
+  companyId: o,
   signatoryId: f,
   defaultValues: e,
   className: A,
   children: d
 }) {
-  W("Company.AssignSignatory");
-  const { onEvent: i, baseSubmitHandler: l } = Z(), N = tt(et.phoneMask), {
-    data: { signatoryList: M }
-  } = B({
-    companyUuid: r
-  }), s = M, t = s.find((n) => n.uuid === f), p = k(), y = G(), u = j(), g = t?.birthday ?? e?.birthday, C = {
+  Z("Company.AssignSignatory");
+  const { onEvent: i, baseSubmitHandler: l } = V(), N = rt(ot.phoneMask), {
+    data: { signatories: C }
+  } = G({
+    companyUuid: o
+  }), n = C, t = n.find((s) => s.uuid === f), y = j(), p = L(), g = H(), u = t?.birthday ?? e?.birthday, D = {
     firstName: t?.firstName ?? e?.firstName ?? "",
     lastName: t?.lastName ?? e?.lastName ?? "",
     email: t?.email ?? e?.email ?? "",
@@ -49,29 +47,29 @@ function ot({
     city: t?.homeAddress?.city ?? e?.city,
     state: t?.homeAddress?.state ?? e?.state,
     zip: t?.homeAddress?.zip ?? e?.zip,
-    ...g ? { birthday: new Date(g) } : {}
+    ...u ? { birthday: new Date(u) } : {}
   }, h = q({
-    resolver: x(K(t?.hasSsn)),
-    defaultValues: C
-  }), D = async (n) => {
-    await l(n, async (P) => {
-      const { street1: b, street2: v, city: R, state: E, zip: T, birthday: U, email: O, ssn: a, ..._ } = P, S = {
-        ..._,
-        birthday: V(U) || "",
+    resolver: z(W(t?.hasSsn)),
+    defaultValues: D
+  }), M = async (s) => {
+    await l(s, async (R) => {
+      const { street1: b, street2: P, city: v, state: U, zip: E, birthday: T, email: F, ssn: a, ...O } = R, _ = et(T) || "", S = {
+        ...O,
+        birthday: new B(_),
         homeAddress: {
           street1: b,
-          street2: v,
-          city: R,
-          state: E,
-          zip: T
+          street2: P,
+          city: v,
+          state: U,
+          zip: E
         }
       };
       if (t) {
-        const m = await y.mutateAsync({
+        const m = await p.mutateAsync({
           request: {
-            companyUuid: r,
+            companyUuid: o,
             signatoryUuid: t.uuid,
-            requestBody: {
+            signatoryUpdateRequest: {
               version: t.version,
               ...a ? { ssn: a } : {},
               ...S
@@ -80,17 +78,17 @@ function ot({
         });
         i(c.COMPANY_SIGNATORY_UPDATED, m.signatory);
       } else {
-        s[0]?.uuid && await u.mutateAsync({
+        n[0]?.uuid && await g.mutateAsync({
           request: {
-            companyUuid: r,
-            signatoryUuid: s[0].uuid
+            companyUuid: o,
+            signatoryUuid: n[0].uuid
           }
         });
-        const m = await p.mutateAsync({
+        const m = await y.mutateAsync({
           request: {
-            companyUuid: r,
-            requestBody: {
-              email: O,
+            companyUuid: o,
+            signatoryCreateRequest: {
+              email: F,
               ssn: a || "",
               ...S
             }
@@ -101,21 +99,21 @@ function ot({
       i(c.COMPANY_CREATE_SIGNATORY_DONE);
     });
   };
-  return /* @__PURE__ */ o("section", { className: z(I.container, A), children: /* @__PURE__ */ o(
-    J,
+  return /* @__PURE__ */ r("section", { className: k(K.container, A), children: /* @__PURE__ */ r(
+    Q,
     {
       value: {
-        isPending: p.isPending || u.isPending || y.isPending,
+        isPending: y.isPending || g.isPending || p.isPending,
         currentSignatory: t
       },
-      children: /* @__PURE__ */ o(w, { ...h, children: /* @__PURE__ */ o(Q, { onSubmit: h.handleSubmit(D), children: /* @__PURE__ */ o($, { flexDirection: "column", gap: 32, children: d || /* @__PURE__ */ F(Y, { children: [
-        /* @__PURE__ */ o(L, {}),
-        /* @__PURE__ */ o(H, {})
+      children: /* @__PURE__ */ r(x, { ...h, children: /* @__PURE__ */ r(X, { onSubmit: h.handleSubmit(M), children: /* @__PURE__ */ r(tt, { flexDirection: "column", gap: 32, children: d || /* @__PURE__ */ w(Y, { children: [
+        /* @__PURE__ */ r(I, {}),
+        /* @__PURE__ */ r(J, {})
       ] }) }) }) })
     }
   ) });
 }
 export {
-  Rt as CreateSignatory
+  vt as CreateSignatory
 };
 //# sourceMappingURL=CreateSignatory.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreateSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatory.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 { useSignatoriesCreateMutation } from '@gusto/embedded-api/react-query/signatoriesCreate'\nimport { useSignatoriesUpdateMutation } from '@gusto/embedded-api/react-query/signatoriesUpdate'\nimport { useSignatoriesDeleteMutation } from '@gusto/embedded-api/react-query/signatoriesDelete'\nimport { type CreateSignatoryInputs } from './CreateSignatoryForm'\nimport { CreateSignatoryForm } from './CreateSignatoryForm'\nimport { Actions } from './Actions'\nimport styles from './CreateSignatory.module.scss'\nimport type { CreateSignatoryDefaultValues } from './useCreateSignatory'\nimport { CreateSignatoryProvider } from './useCreateSignatory'\nimport { generateCreateSignatorySchema } from './Schema'\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'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\n\ninterface CreateSignatoryProps extends CommonComponentInterface {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: CreateSignatoryDefaultValues\n}\n\nexport function CreateSignatory(props: CreateSignatoryProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  companyId,\n  signatoryId,\n  defaultValues,\n  className,\n  children,\n}: CreateSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const transformPhone = useMaskedTransform(commonMasks.phoneMask)\n\n  const {\n    data: { signatoryList },\n  } = useSignatoriesListSuspense({\n    companyUuid: companyId,\n  })\n  const signatories = signatoryList!\n\n  const currentSignatory = signatories.find(signatory => signatory.uuid === signatoryId)\n\n  const createSignatoryMutation = useSignatoriesCreateMutation()\n  const updateSignatoryMutation = useSignatoriesUpdateMutation()\n  const deleteSignatoryMutation = useSignatoriesDeleteMutation()\n\n  const defaultBirthday = currentSignatory?.birthday ?? defaultValues?.birthday\n\n  const createSignatoryDefaultValues = {\n    firstName: currentSignatory?.firstName ?? defaultValues?.firstName ?? '',\n    lastName: currentSignatory?.lastName ?? defaultValues?.lastName ?? '',\n    email: currentSignatory?.email ?? defaultValues?.email ?? '',\n    title: currentSignatory?.title ?? defaultValues?.title ?? '',\n    phone: transformPhone(currentSignatory?.phone ?? defaultValues?.phone ?? ''),\n    ssn: currentSignatory?.hasSsn ? '' : defaultValues?.ssn,\n    street1: currentSignatory?.homeAddress?.street1 ?? defaultValues?.street1,\n    street2: currentSignatory?.homeAddress?.street2 ?? defaultValues?.street2,\n    city: currentSignatory?.homeAddress?.city ?? defaultValues?.city,\n    state: currentSignatory?.homeAddress?.state ?? defaultValues?.state,\n    zip: currentSignatory?.homeAddress?.zip ?? defaultValues?.zip,\n    ...(defaultBirthday ? { birthday: new Date(defaultBirthday) } : {}),\n  }\n\n  const formMethods = useForm<CreateSignatoryInputs>({\n    resolver: zodResolver(generateCreateSignatorySchema(currentSignatory?.hasSsn)),\n    defaultValues: createSignatoryDefaultValues,\n  })\n\n  const onSubmit = async (data: CreateSignatoryInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const { street1, street2, city, state, zip, birthday, email, ssn, ...signatoryData } = payload\n\n      const commonData = {\n        ...signatoryData,\n        birthday: formatDateToStringDate(birthday) || '',\n        homeAddress: {\n          street1,\n          street2,\n          city,\n          state,\n          zip,\n        },\n      }\n\n      if (currentSignatory) {\n        const updateSignatoryResponse = await updateSignatoryMutation.mutateAsync({\n          request: {\n            companyUuid: companyId,\n            signatoryUuid: currentSignatory.uuid,\n            requestBody: {\n              version: currentSignatory.version,\n              ...(ssn ? { ssn } : {}),\n              ...commonData,\n            },\n          },\n        })\n\n        onEvent(companyEvents.COMPANY_SIGNATORY_UPDATED, updateSignatoryResponse.signatory)\n      } else {\n        if (signatories[0]?.uuid) {\n          await deleteSignatoryMutation.mutateAsync({\n            request: {\n              companyUuid: companyId,\n              signatoryUuid: signatories[0].uuid,\n            },\n          })\n        }\n        const createSignatoryResponse = await createSignatoryMutation.mutateAsync({\n          request: {\n            companyUuid: companyId,\n            requestBody: {\n              email,\n              ssn: ssn || '',\n              ...commonData,\n            },\n          },\n        })\n        onEvent(companyEvents.COMPANY_SIGNATORY_CREATED, createSignatoryResponse.signatory)\n      }\n      onEvent(companyEvents.COMPANY_CREATE_SIGNATORY_DONE)\n    })\n  }\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <CreateSignatoryProvider\n        value={{\n          isPending:\n            createSignatoryMutation.isPending ||\n            deleteSignatoryMutation.isPending ||\n            updateSignatoryMutation.isPending,\n          currentSignatory,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <CreateSignatoryForm />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </Form>\n        </FormProvider>\n      </CreateSignatoryProvider>\n    </section>\n  )\n}\n"],"names":["CreateSignatory","props","jsx","BaseComponent","Root","companyId","signatoryId","defaultValues","className","children","useI18n","onEvent","baseSubmitHandler","useBase","transformPhone","useMaskedTransform","commonMasks","signatoryList","useSignatoriesListSuspense","signatories","currentSignatory","signatory","createSignatoryMutation","useSignatoriesCreateMutation","updateSignatoryMutation","useSignatoriesUpdateMutation","deleteSignatoryMutation","useSignatoriesDeleteMutation","defaultBirthday","createSignatoryDefaultValues","formMethods","useForm","zodResolver","generateCreateSignatorySchema","onSubmit","data","payload","street1","street2","city","state","zip","birthday","email","ssn","signatoryData","commonData","formatDateToStringDate","updateSignatoryResponse","companyEvents","createSignatoryResponse","classNames","styles","CreateSignatoryProvider","FormProvider","Form","Flex","jsxs","Fragment","CreateSignatoryForm","Actions"],"mappings":"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"}
+{"version":3,"file":"CreateSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatory.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport classNames from 'classnames'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useSignatoriesListSuspense } from '@gusto/embedded-api/react-query/signatoriesList'\nimport { useSignatoriesCreateMutation } from '@gusto/embedded-api/react-query/signatoriesCreate'\nimport { useSignatoriesUpdateMutation } from '@gusto/embedded-api/react-query/signatoriesUpdate'\nimport { useSignatoriesDeleteMutation } from '@gusto/embedded-api/react-query/signatoriesDelete'\nimport { type CreateSignatoryInputs } from './CreateSignatoryForm'\nimport { CreateSignatoryForm } from './CreateSignatoryForm'\nimport { Actions } from './Actions'\nimport styles from './CreateSignatory.module.scss'\nimport type { CreateSignatoryDefaultValues } from './useCreateSignatory'\nimport { CreateSignatoryProvider } from './useCreateSignatory'\nimport { generateCreateSignatorySchema } from './Schema'\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'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\n\ninterface CreateSignatoryProps extends CommonComponentInterface {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: CreateSignatoryDefaultValues\n}\n\nexport function CreateSignatory(props: CreateSignatoryProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  companyId,\n  signatoryId,\n  defaultValues,\n  className,\n  children,\n}: CreateSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const transformPhone = useMaskedTransform(commonMasks.phoneMask)\n\n  const {\n    data: { signatories: signatoryList },\n  } = useSignatoriesListSuspense({\n    companyUuid: companyId,\n  })\n  const signatories = signatoryList!\n\n  const currentSignatory = signatories.find(signatory => signatory.uuid === signatoryId)\n\n  const createSignatoryMutation = useSignatoriesCreateMutation()\n  const updateSignatoryMutation = useSignatoriesUpdateMutation()\n  const deleteSignatoryMutation = useSignatoriesDeleteMutation()\n\n  const defaultBirthday = currentSignatory?.birthday ?? defaultValues?.birthday\n\n  const createSignatoryDefaultValues = {\n    firstName: currentSignatory?.firstName ?? defaultValues?.firstName ?? '',\n    lastName: currentSignatory?.lastName ?? defaultValues?.lastName ?? '',\n    email: currentSignatory?.email ?? defaultValues?.email ?? '',\n    title: currentSignatory?.title ?? defaultValues?.title ?? '',\n    phone: transformPhone(currentSignatory?.phone ?? defaultValues?.phone ?? ''),\n    ssn: currentSignatory?.hasSsn ? '' : defaultValues?.ssn,\n    street1: currentSignatory?.homeAddress?.street1 ?? defaultValues?.street1,\n    street2: currentSignatory?.homeAddress?.street2 ?? defaultValues?.street2,\n    city: currentSignatory?.homeAddress?.city ?? defaultValues?.city,\n    state: currentSignatory?.homeAddress?.state ?? defaultValues?.state,\n    zip: currentSignatory?.homeAddress?.zip ?? defaultValues?.zip,\n    ...(defaultBirthday ? { birthday: new Date(defaultBirthday) } : {}),\n  }\n\n  const formMethods = useForm<CreateSignatoryInputs>({\n    resolver: zodResolver(generateCreateSignatorySchema(currentSignatory?.hasSsn)),\n    defaultValues: createSignatoryDefaultValues,\n  })\n\n  const onSubmit = async (data: CreateSignatoryInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const { street1, street2, city, state, zip, birthday, email, ssn, ...signatoryData } = payload\n\n      const birthdayString = formatDateToStringDate(birthday) || ''\n      const commonData = {\n        ...signatoryData,\n        birthday: new RFCDate(birthdayString),\n        homeAddress: {\n          street1,\n          street2,\n          city,\n          state,\n          zip,\n        },\n      }\n\n      if (currentSignatory) {\n        const updateSignatoryResponse = await updateSignatoryMutation.mutateAsync({\n          request: {\n            companyUuid: companyId,\n            signatoryUuid: currentSignatory.uuid,\n            signatoryUpdateRequest: {\n              version: currentSignatory.version!,\n              ...(ssn ? { ssn } : {}),\n              ...commonData,\n            },\n          },\n        })\n\n        onEvent(companyEvents.COMPANY_SIGNATORY_UPDATED, updateSignatoryResponse.signatory)\n      } else {\n        if (signatories[0]?.uuid) {\n          await deleteSignatoryMutation.mutateAsync({\n            request: {\n              companyUuid: companyId,\n              signatoryUuid: signatories[0].uuid,\n            },\n          })\n        }\n        const createSignatoryResponse = await createSignatoryMutation.mutateAsync({\n          request: {\n            companyUuid: companyId,\n            signatoryCreateRequest: {\n              email,\n              ssn: ssn || '',\n              ...commonData,\n            },\n          },\n        })\n        onEvent(companyEvents.COMPANY_SIGNATORY_CREATED, createSignatoryResponse.signatory)\n      }\n      onEvent(companyEvents.COMPANY_CREATE_SIGNATORY_DONE)\n    })\n  }\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <CreateSignatoryProvider\n        value={{\n          isPending:\n            createSignatoryMutation.isPending ||\n            deleteSignatoryMutation.isPending ||\n            updateSignatoryMutation.isPending,\n          currentSignatory,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <CreateSignatoryForm />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </Form>\n        </FormProvider>\n      </CreateSignatoryProvider>\n    </section>\n  )\n}\n"],"names":["CreateSignatory","props","jsx","BaseComponent","Root","companyId","signatoryId","defaultValues","className","children","useI18n","onEvent","baseSubmitHandler","useBase","transformPhone","useMaskedTransform","commonMasks","signatoryList","useSignatoriesListSuspense","signatories","currentSignatory","signatory","createSignatoryMutation","useSignatoriesCreateMutation","updateSignatoryMutation","useSignatoriesUpdateMutation","deleteSignatoryMutation","useSignatoriesDeleteMutation","defaultBirthday","createSignatoryDefaultValues","formMethods","useForm","zodResolver","generateCreateSignatorySchema","onSubmit","data","payload","street1","street2","city","state","zip","birthday","email","ssn","signatoryData","birthdayString","formatDateToStringDate","commonData","RFCDate","updateSignatoryResponse","companyEvents","createSignatoryResponse","classNames","styles","CreateSignatoryProvider","FormProvider","Form","Flex","jsxs","Fragment","CreateSignatoryForm","Actions"],"mappings":"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"}

package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.js

@@ -3,17 +3,16 @@ import { useTranslation as c } from "react-i18next";
 import { useCreateSignatory as p } from "./useCreateSignatory.js";
 import { Flex as o } from "../../../Common/Flex/Flex.js";
 import { Grid as n } from "../../../Common/Grid/Grid.js";
+import { STATES_ABBR as u } from "../../../../shared/constants.js";
+import { usePlaceholderSSN as g, normalizeSSN as h } from "../../../../helpers/ssn.js";
+import { TitleSelect as f } from "../TitleSelect.js";
+import { useMaskedTransform as y, commonMasks as b } from "../../../../helpers/mask.js";
+import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { TextInputField as s } from "../../../Common/Fields/TextInputField/TextInputField.js";
-import { DatePickerField as u } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
-import { useComponentContext as g } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { STATES_ABBR as h } from "../../../../shared/constants.js";
-import { usePlaceholderSSN as f, normalizeSSN as y } from "../../../../helpers/ssn.js";
-import { TitleSelect as b } from "../TitleSelect.js";
-import { useMaskedTransform as S, commonMasks as D } from "../../../../helpers/mask.js";
+import { DatePickerField as D } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
 import { SelectField as M } from "../../../Common/Fields/SelectField/SelectField.js";
-const A = () => {
-  const i = g(), { currentSignatory: t } = p(), { t: e } = c("Company.AssignSignatory"), d = f(t?.hasSsn), m = S(D.phoneMask);
+const j = () => {
+  const i = S(), { currentSignatory: t } = p(), { t: e } = c("Company.AssignSignatory"), d = g(t?.hasSsn), m = y(b.phoneMask);
   return /* @__PURE__ */ a(o, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ a(o, { flexDirection: "column", gap: 12, children: [
       /* @__PURE__ */ a("header", { children: [
@@ -49,7 +48,7 @@ const A = () => {
             isDisabled: !!t
           }
         ),
-        /* @__PURE__ */ r(b, {}),
+        /* @__PURE__ */ r(f, {}),
         /* @__PURE__ */ r(
           s,
           {
@@ -67,12 +66,12 @@ const A = () => {
             label: e("signatoryDetails.ssn"),
             errorMessage: e("validations.ssn", { ns: "common" }),
             isRequired: !t?.hasSsn,
-            transform: y,
+            transform: h,
             placeholder: d
           }
         ),
         /* @__PURE__ */ r(
-          u,
+          D,
           {
             name: "birthday",
             label: e("signatoryDetails.birthday"),
@@ -111,7 +110,7 @@ const A = () => {
           M,
           {
             name: "state",
-            options: h.map((l) => ({
+            options: u.map((l) => ({
               label: e(`statesHash.${l}`, { ns: "common" }),
               value: l
             })),
@@ -135,6 +134,6 @@ const A = () => {
   ] });
 };
 export {
-  A as CreateSignatoryForm
+  j as CreateSignatoryForm
 };
 //# sourceMappingURL=CreateSignatoryForm.js.map

package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateSignatoryForm.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { z } from 'zod'\nimport { useCreateSignatory } from './useCreateSignatory'\nimport type { generateCreateSignatorySchema } from './Schema'\nimport { TextInputField, Grid, Flex, SelectField, DatePickerField } from '@/components/Common'\nimport { STATES_ABBR } from '@/shared/constants'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { TitleSelect } from '@/components/Company/AssignSignatory/TitleSelect'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type CreateSignatoryInputs = z.infer<ReturnType<typeof generateCreateSignatorySchema>>\n\nexport const CreateSignatoryForm = () => {\n  const Components = useComponentContext()\n  const { currentSignatory } = useCreateSignatory()\n  const { t } = useTranslation('Company.AssignSignatory')\n  const placeholderSSN = usePlaceholderSSN(currentSignatory?.hasSsn)\n  const transformPhone = useMaskedTransform(commonMasks.phoneMask)\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={12}>\n        <header>\n          <Components.Heading as=\"h2\">{t('signatoryDetails.title')}</Components.Heading>\n          <Components.Text>{t('signatoryDetails.description')}</Components.Text>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"firstName\"\n            label={t('signatoryDetails.firstName')}\n            isRequired\n            errorMessage={t('validations.firstName')}\n          />\n          <TextInputField\n            name=\"lastName\"\n            label={t('signatoryDetails.lastName')}\n            isRequired\n            errorMessage={t('validations.lastName')}\n          />\n          <TextInputField\n            name=\"email\"\n            label={t('signatoryDetails.email')}\n            isRequired\n            errorMessage={t('validations.email')}\n            isDisabled={Boolean(currentSignatory)}\n          />\n          <TitleSelect />\n          <TextInputField\n            name=\"phone\"\n            label={t('signatoryDetails.phone')}\n            isRequired\n            errorMessage={t('validations.phone')}\n            transform={transformPhone}\n          />\n          <TextInputField\n            name=\"ssn\"\n            label={t('signatoryDetails.ssn')}\n            errorMessage={t('validations.ssn', { ns: 'common' })}\n            isRequired={!currentSignatory?.hasSsn}\n            transform={normalizeSSN}\n            placeholder={placeholderSSN}\n          />\n          <DatePickerField\n            name=\"birthday\"\n            label={t('signatoryDetails.birthday')}\n            errorMessage={t('validations.dob')}\n            isRequired\n          />\n        </Grid>\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <header>\n          <Components.Heading as=\"h2\">{t('address.title')}</Components.Heading>\n          <Components.Text>{t('address.description')}</Components.Text>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"street1\"\n            label={t('address.street1')}\n            isRequired\n            errorMessage={t('validations.address.street1')}\n          />\n          <TextInputField name=\"street2\" label={t('address.street2')} />\n          <TextInputField\n            name=\"city\"\n            label={t('address.city')}\n            isRequired\n            errorMessage={t('validations.address.city')}\n          />\n          <SelectField\n            name=\"state\"\n            options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n              label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n              value: stateAbbr,\n            }))}\n            label={t('address.state')}\n            placeholder={t('address.statePlaceholder')}\n            errorMessage={t('validations.address.state')}\n            isRequired\n          />\n          <TextInputField\n            name=\"zip\"\n            label={t('address.zip')}\n            isRequired\n            errorMessage={t('validations.address.zip')}\n          />\n        </Grid>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["CreateSignatoryForm","Components","useComponentContext","currentSignatory","useCreateSignatory","t","useTranslation","placeholderSSN","usePlaceholderSSN","transformPhone","useMaskedTransform","commonMasks","jsxs","Flex","jsx","Grid","TextInputField","TitleSelect","normalizeSSN","DatePickerField","SelectField","STATES_ABBR","stateAbbr"],"mappings":"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"}
+{"version":3,"file":"CreateSignatoryForm.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { z } from 'zod'\nimport { useCreateSignatory } from './useCreateSignatory'\nimport type { generateCreateSignatorySchema } from './Schema'\nimport { TextInputField, Grid, Flex, SelectField, DatePickerField } from '@/components/Common'\nimport { STATES_ABBR } from '@/shared/constants'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { TitleSelect } from '@/components/Company/AssignSignatory/TitleSelect'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type CreateSignatoryInputs = z.infer<ReturnType<typeof generateCreateSignatorySchema>>\n\nexport const CreateSignatoryForm = () => {\n  const Components = useComponentContext()\n  const { currentSignatory } = useCreateSignatory()\n  const { t } = useTranslation('Company.AssignSignatory')\n  const placeholderSSN = usePlaceholderSSN(currentSignatory?.hasSsn)\n  const transformPhone = useMaskedTransform(commonMasks.phoneMask)\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={12}>\n        <header>\n          <Components.Heading as=\"h2\">{t('signatoryDetails.title')}</Components.Heading>\n          <Components.Text>{t('signatoryDetails.description')}</Components.Text>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"firstName\"\n            label={t('signatoryDetails.firstName')}\n            isRequired\n            errorMessage={t('validations.firstName')}\n          />\n          <TextInputField\n            name=\"lastName\"\n            label={t('signatoryDetails.lastName')}\n            isRequired\n            errorMessage={t('validations.lastName')}\n          />\n          <TextInputField\n            name=\"email\"\n            label={t('signatoryDetails.email')}\n            isRequired\n            errorMessage={t('validations.email')}\n            isDisabled={Boolean(currentSignatory)}\n          />\n          <TitleSelect />\n          <TextInputField\n            name=\"phone\"\n            label={t('signatoryDetails.phone')}\n            isRequired\n            errorMessage={t('validations.phone')}\n            transform={transformPhone}\n          />\n          <TextInputField\n            name=\"ssn\"\n            label={t('signatoryDetails.ssn')}\n            errorMessage={t('validations.ssn', { ns: 'common' })}\n            isRequired={!currentSignatory?.hasSsn}\n            transform={normalizeSSN}\n            placeholder={placeholderSSN}\n          />\n          <DatePickerField\n            name=\"birthday\"\n            label={t('signatoryDetails.birthday')}\n            errorMessage={t('validations.dob')}\n            isRequired\n          />\n        </Grid>\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <header>\n          <Components.Heading as=\"h2\">{t('address.title')}</Components.Heading>\n          <Components.Text>{t('address.description')}</Components.Text>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"street1\"\n            label={t('address.street1')}\n            isRequired\n            errorMessage={t('validations.address.street1')}\n          />\n          <TextInputField name=\"street2\" label={t('address.street2')} />\n          <TextInputField\n            name=\"city\"\n            label={t('address.city')}\n            isRequired\n            errorMessage={t('validations.address.city')}\n          />\n          <SelectField\n            name=\"state\"\n            options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n              label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n              value: stateAbbr,\n            }))}\n            label={t('address.state')}\n            placeholder={t('address.statePlaceholder')}\n            errorMessage={t('validations.address.state')}\n            isRequired\n          />\n          <TextInputField\n            name=\"zip\"\n            label={t('address.zip')}\n            isRequired\n            errorMessage={t('validations.address.zip')}\n          />\n        </Grid>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["CreateSignatoryForm","Components","useComponentContext","currentSignatory","useCreateSignatory","t","useTranslation","placeholderSSN","usePlaceholderSSN","transformPhone","useMaskedTransform","commonMasks","jsxs","Flex","jsx","Grid","TextInputField","TitleSelect","normalizeSSN","DatePickerField","SelectField","STATES_ABBR","stateAbbr"],"mappings":";;;;;;;;;;;;;AAaO,MAAMA,IAAsB,MAAM;AACvC,QAAMC,IAAaC,EAAA,GACb,EAAE,kBAAAC,EAAA,IAAqBC,EAAA,GACvB,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChDC,IAAiBC,EAAkBL,GAAkB,MAAM,GAC3DM,IAAiBC,EAAmBC,EAAY,SAAS;AAE/D,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAD,EAAC,UAAA,EACC,UAAA;AAAA,QAAA,gBAAAE,EAACb,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAI,EAAE,wBAAwB,GAAE;AAAA,0BACxDJ,EAAW,MAAX,EAAiB,UAAAI,EAAE,8BAA8B,EAAA,CAAE;AAAA,MAAA,GACtD;AAAA,MAEA,gBAAAO,EAACG,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,KAAK,EAAA,GAAK,KAAK,IACtE,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOX,EAAE,4BAA4B;AAAA,YACrC,YAAU;AAAA,YACV,cAAcA,EAAE,uBAAuB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEzC,gBAAAS;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOX,EAAE,2BAA2B;AAAA,YACpC,YAAU;AAAA,YACV,cAAcA,EAAE,sBAAsB;AAAA,UAAA;AAAA,QAAA;AAAA,QAExC,gBAAAS;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOX,EAAE,wBAAwB;AAAA,YACjC,YAAU;AAAA,YACV,cAAcA,EAAE,mBAAmB;AAAA,YACnC,YAAY,EAAQF;AAAA,UAAgB;AAAA,QAAA;AAAA,0BAErCc,GAAA,EAAY;AAAA,QACb,gBAAAH;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOX,EAAE,wBAAwB;AAAA,YACjC,YAAU;AAAA,YACV,cAAcA,EAAE,mBAAmB;AAAA,YACnC,WAAWI;AAAA,UAAA;AAAA,QAAA;AAAA,QAEb,gBAAAK;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOX,EAAE,sBAAsB;AAAA,YAC/B,cAAcA,EAAE,mBAAmB,EAAE,IAAI,UAAU;AAAA,YACnD,YAAY,CAACF,GAAkB;AAAA,YAC/B,WAAWe;AAAA,YACX,aAAaX;AAAA,UAAA;AAAA,QAAA;AAAA,QAEf,gBAAAO;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOd,EAAE,2BAA2B;AAAA,YACpC,cAAcA,EAAE,iBAAiB;AAAA,YACjC,YAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAO,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAD,EAAC,UAAA,EACC,UAAA;AAAA,QAAA,gBAAAE,EAACb,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAI,EAAE,eAAe,GAAE;AAAA,0BAC/CJ,EAAW,MAAX,EAAiB,UAAAI,EAAE,qBAAqB,EAAA,CAAE;AAAA,MAAA,GAC7C;AAAA,MAEA,gBAAAO,EAACG,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,KAAK,EAAA,GAAK,KAAK,IACtE,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOX,EAAE,iBAAiB;AAAA,YAC1B,YAAU;AAAA,YACV,cAAcA,EAAE,6BAA6B;AAAA,UAAA;AAAA,QAAA;AAAA,0BAE9CW,GAAA,EAAe,MAAK,WAAU,OAAOX,EAAE,iBAAiB,GAAG;AAAA,QAC5D,gBAAAS;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOX,EAAE,cAAc;AAAA,YACvB,YAAU;AAAA,YACV,cAAcA,EAAE,0BAA0B;AAAA,UAAA;AAAA,QAAA;AAAA,QAE5C,gBAAAS;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAASC,EAAY,IAAI,CAACC,OAA6C;AAAA,cACrE,OAAOjB,EAAE,cAAciB,CAAS,IAAI,EAAE,IAAI,UAAU;AAAA,cACpD,OAAOA;AAAA,YAAA,EACP;AAAA,YACF,OAAOjB,EAAE,eAAe;AAAA,YACxB,aAAaA,EAAE,0BAA0B;AAAA,YACzC,cAAcA,EAAE,2BAA2B;AAAA,YAC3C,YAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,gBAAAS;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOX,EAAE,aAAa;AAAA,YACtB,YAAU;AAAA,YACV,cAAcA,EAAE,yBAAyB;AAAA,UAAA;AAAA,QAAA;AAAA,MAC3C,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Company/AssignSignatory/CreateSignatory/useCreateSignatory.js

@@ -2,16 +2,16 @@ import "react/jsx-runtime";
 import "react";
 import "react-error-boundary";
 import "react-i18next";
-import "@gusto/embedded-api/models/errors/gustoembeddederror";
-import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@tanstack/react-query";
 import "../../../Base/useBase.js";
+import "@gusto/embedded-api/models/errors/apierror";
+import "@gusto/embedded-api/models/errors/gustoembeddederror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../../shared/constants.js";
-import "classnames";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import "dompurify";
-import "../../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
 const [s, u] = t("CreateSignatoryContext");
 export {

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

@@ -1,16 +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 "../../../../shared/constants.js";
-import "classnames";
-import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as e } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-const C = () => {
-  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 {
-  C 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

@@ -5,9 +5,9 @@ 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 { InviteSignatorySchema as R, InviteSignatoryForm as b } from "./InviteSignatoryForm.js";
+import { Actions as x } from "./Actions.js";
+import O 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";
@@ -15,30 +15,27 @@ 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";
-import "react-i18next";
-import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-function mi(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: r }) {
+function w({ companyId: t, defaultValues: o, className: c, children: n }) {
   T("Company.AssignSignatory");
-  const { onEvent: n, baseSubmitHandler: u } = Y(), {
-    data: { signatoryList: l }
+  const { onEvent: r, baseSubmitHandler: u } = Y(), {
+    data: { signatories: l }
   } = D({
     companyUuid: t
-  }), e = l, m = F(), f = P(), p = {
+  }), e = l, m = F(), f = P(), g = {
     firstName: o?.firstName ?? "",
     lastName: o?.lastName ?? "",
     email: o?.email,
     confirmEmail: o?.confirmEmail,
     title: o?.title ?? ""
   }, s = I({
-    resolver: E(b),
-    defaultValues: p
-  }), g = async (y) => {
-    await u(y, async (d) => {
-      const { confirmEmail: B, ...S } = d;
+    resolver: E(R),
+    defaultValues: g
+  }), y = async (p) => {
+    await u(p, async (S) => {
+      const { confirmEmail: j, ...d } = S;
       e[0]?.uuid && await f.mutateAsync({
         request: {
           companyUuid: t,
@@ -48,26 +45,26 @@ function w({ companyId: t, defaultValues: o, className: c, children: r }) {
       const v = await m.mutateAsync({
         request: {
           companyUuid: t,
-          requestBody: S
+          signatoryInviteRequest: d
         }
       });
-      n(a.COMPANY_SIGNATORY_INVITED, v.signatory), n(a.COMPANY_INVITE_SIGNATORY_DONE);
+      r(a.COMPANY_SIGNATORY_INVITED, v.signatory), r(a.COMPANY_INVITE_SIGNATORY_DONE);
     });
   };
-  return /* @__PURE__ */ i("section", { className: M(R.container, c), children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ i("section", { className: M(O.container, c), children: /* @__PURE__ */ i(
     _,
     {
       value: {
         isPending: m.isPending
       },
-      children: /* @__PURE__ */ i(A, { ...s, children: /* @__PURE__ */ i(C, { onSubmit: s.handleSubmit(g), children: /* @__PURE__ */ i(q, { flexDirection: "column", gap: 32, children: r || /* @__PURE__ */ N(h, { children: [
-        /* @__PURE__ */ i(x, {}),
-        /* @__PURE__ */ i(O, {})
+      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(b, {}),
+        /* @__PURE__ */ i(x, {})
       ] }) }) }) })
     }
   ) });
 }
 export {
-  mi 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: { signatories: 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          signatoryInviteRequest: 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,aAAaC,EAAA;AAAA,EAAc,IACjCC,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,wBAAwBwB;AAAA,QAAA;AAAA,MAC1B,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 { TextInputField as a } from "../../../Common/Fields/TextInputField/TextInputField.js";
-import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 import { nameValidation as l } from "../../../../helpers/validations.js";
-import { TitleSelect as x } from "../TitleSelect.js";
-const m = "email_mismatch", z = r.object({
+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", 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 = y(), {
+}), 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(
@@ -70,12 +69,12 @@ const m = "email_mismatch", z = r.object({
           errorMessage: i("validations.lastName")
         }
       ),
-      /* @__PURE__ */ e(x, {})
+      /* @__PURE__ */ e(y, {})
     ] })
   ] });
 };
 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;"}