@axos-web-dev/shared-components 1.0.99-dev-2 → 1.0.99-dev-6

package/dist/Forms/ContactCompanyTitle.js

@@ -46,6 +46,7 @@ const ContactCompanyTitle = ({
   description,
   callToAction,
   validateEmail,
+  onValidate,
   id
 }) => {
   const schema = z.object({
@@ -115,112 +116,123 @@ const ContactCompanyTitle = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
-      /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
-        /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "first_name",
-            ...register("first_name", { required: true }),
-            label: "First Name",
-            sizes: "medium",
-            placeholder: "First Name",
-            required: true,
-            error: !!errors.first_name,
-            helperText: errors.first_name?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "last_name",
-            ...register("last_name", { required: true }),
-            label: "Last Name",
-            sizes: "medium",
-            placeholder: "Last Name",
-            required: true,
-            error: !!errors.last_name,
-            helperText: errors.last_name?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "email",
-            ...register("email", {
-              required: true,
-              validate: {
-                isValid: associatedEmail
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        className: form,
+        onSubmit: async (e) => {
+          onValidate && onValidate(e);
+          await handleSubmit(submitForm)(e);
+          e.preventDefault();
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
+            /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "first_name",
+                ...register("first_name", { required: true }),
+                label: "First Name",
+                sizes: "medium",
+                placeholder: "First Name",
+                required: true,
+                error: !!errors.first_name,
+                helperText: errors.first_name?.message,
+                variant
               }
-            }),
-            label: "Email",
-            sizes: "medium",
-            placeholder: "Email",
-            required: true,
-            error: !!errors.email,
-            helperText: errors.email?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          InputPhone,
-          {
-            id: "phone",
-            ...register("phone", { required: true, maxLength: 12 }),
-            label: "Phone",
-            sizes: "medium",
-            placeholder: "Phone",
-            required: true,
-            error: !!errors.phone,
-            helperText: errors.phone?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "company",
-            ...register("company", { required: true }),
-            label: "Company",
-            sizes: "medium",
-            placeholder: "Company",
-            required: true,
-            error: !!errors.company,
-            helperText: errors.company?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "title",
-            ...register("title", { required: true }),
-            label: "Title",
-            sizes: "medium",
-            placeholder: "Title",
-            required: true,
-            error: !!errors.title,
-            helperText: errors.title?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
-      ] }),
-      children,
-      /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
-      /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          color: getVariant(callToAction?.variant),
-          as: "button",
-          type: "submit",
-          disabled: !isValid || isSubmitting,
-          children: callToAction?.displayText
-        }
-      ) })
-    ] })
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "last_name",
+                ...register("last_name", { required: true }),
+                label: "Last Name",
+                sizes: "medium",
+                placeholder: "Last Name",
+                required: true,
+                error: !!errors.last_name,
+                helperText: errors.last_name?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "email",
+                ...register("email", {
+                  required: true,
+                  validate: {
+                    isValid: associatedEmail
+                  }
+                }),
+                label: "Email",
+                sizes: "medium",
+                placeholder: "Email",
+                required: true,
+                error: !!errors.email,
+                helperText: errors.email?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputPhone,
+              {
+                id: "phone",
+                ...register("phone", { required: true, maxLength: 12 }),
+                label: "Phone",
+                sizes: "medium",
+                placeholder: "Phone",
+                required: true,
+                error: !!errors.phone,
+                helperText: errors.phone?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "company",
+                ...register("company", { required: true }),
+                label: "Company",
+                sizes: "medium",
+                placeholder: "Company",
+                required: true,
+                error: !!errors.company,
+                helperText: errors.company?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "title",
+                ...register("title", { required: true }),
+                label: "Title",
+                sizes: "medium",
+                placeholder: "Title",
+                required: true,
+                error: !!errors.title,
+                helperText: errors.title?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
+          ] }),
+          children,
+          /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+          /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: getVariant(callToAction?.variant),
+              as: "button",
+              type: "submit",
+              disabled: !isValid || isSubmitting,
+              children: callToAction?.displayText
+            }
+          ) })
+        ]
+      }
+    )
   ] }) }) }, id);
 };
 export {

package/dist/Forms/ContactUs.js

@@ -92,7 +92,7 @@ const ContactUs = ({
   const {
     handleSubmit,
     register,
-    formState: { errors }
+    formState: { errors, isValid, isSubmitting }
   } = methods;
   const submitForm = async (data) => {
     await onSubmit(data);
@@ -192,6 +192,7 @@ const ContactUs = ({
               color: getVariant(callToAction?.variant),
               as: "button",
               type: "submit",
+              disabled: !isValid || isSubmitting,
               children: callToAction?.displayText
             }
           ) })

package/dist/Forms/ContactUsAAS.d.ts

@@ -10,4 +10,4 @@ export type ContactUsAASInputs = {
     Role__c: string;
     description: string;
 };
-export declare const ContactUsAAS: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContactUsAAS: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/ContactUsAAS.js

@@ -47,6 +47,7 @@ const ContactUsAAS = ({
   description,
   callToAction,
   validateEmail,
+  onValidate,
   id
 }) => {
   const schema = z.object({
@@ -125,164 +126,175 @@ const ContactUsAAS = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
-      /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
-        /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "first_name",
-            ...register("first_name", { required: true }),
-            label: "First Name*",
-            sizes: "medium",
-            placeholder: "",
-            required: true,
-            error: !!errors.first_name,
-            helperText: errors.first_name?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "last_name",
-            ...register("last_name", { required: true }),
-            label: "Last Name*",
-            sizes: "medium",
-            placeholder: "",
-            required: true,
-            error: !!errors.last_name,
-            helperText: errors.last_name?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "email",
-            ...register("email", {
-              required: true
-            }),
-            type: "email",
-            label: "Email*",
-            sizes: "medium",
-            placeholder: "",
-            required: true,
-            error: !!errors.email,
-            helperText: errors.email?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          InputPhone,
-          {
-            id: "phone",
-            ...register("phone", {
-              required: true,
-              maxLength: 12
-            }),
-            label: "Phone*",
-            sizes: "medium",
-            placeholder: "",
-            type: "tel",
-            required: true,
-            error: !!errors.phone,
-            helperText: errors.phone?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "company",
-            ...register("company"),
-            label: "Company",
-            sizes: "medium",
-            placeholder: "",
-            error: !!errors.company,
-            helperText: errors.company?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-          Dropdown,
-          {
-            id: "Current_Assets_Under_Management__c",
-            ...register("Current_Assets_Under_Management__c"),
-            label: "Current AUM",
-            sizes: "medium",
-            error: !!errors.Current_Assets_Under_Management__c,
-            helperText: errors.Current_Assets_Under_Management__c?.message,
-            variant,
-            defaultValue: "",
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
-              /* @__PURE__ */ jsx("option", { value: "$0 - $25M", children: "$0 — $25M" }),
-              /* @__PURE__ */ jsx("option", { value: "$26M - $150M", children: "$26M — $150M" }),
-              /* @__PURE__ */ jsx("option", { value: "$151M - $500M", children: "$151M — $500M" }),
-              /* @__PURE__ */ jsx("option", { value: "$501M - $1B", children: "$501M — $1B" }),
-              /* @__PURE__ */ jsx("option", { value: "$1B+", children: "$1B+" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-          Dropdown,
-          {
-            id: "Role__c",
-            ...register("Role__c", {
-              required: true
-            }),
-            label: "What best describes your role?*",
-            sizes: "medium",
-            required: true,
-            error: !!errors.Role__c,
-            helperText: errors.Role__c?.message,
-            variant,
-            defaultValue: "Select option",
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "Select option", disabled: true, children: "Select Option" }),
-              /* @__PURE__ */ jsx("option", { value: "RIA Principal", children: "RIA Principal" }),
-              /* @__PURE__ */ jsx("option", { value: "Advisor (IAR)", children: "Advisor (IAR)" }),
-              /* @__PURE__ */ jsx("option", { value: "Broker-Dealer Affiliated Advisor", children: "Broker-Dealer Affiliated Advisor" }),
-              /* @__PURE__ */ jsx("option", { value: "I am not a Financial Advisor", children: "I am not a Financial Advisor" }),
-              /* @__PURE__ */ jsx("option", { value: "Other", children: "Other" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          InputTextArea,
-          {
-            id: "description",
-            ...register("description"),
-            label: "Comments",
-            sizes: "medium",
-            placeholder: "",
-            error: !!errors.description,
-            helperText: errors.description?.message,
-            variant,
-            rows: 1
-          }
-        ) }),
-        /* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
-      ] }),
-      children,
-      /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
-      /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
-        LoadingIndicator,
-        {
-          style: { marginInline: "auto" },
-          variant
-        }
-      ) : /* @__PURE__ */ jsx(
-        Button,
-        {
-          color: getVariant(callToAction?.variant),
-          as: "button",
-          type: "submit",
-          disabled: !isValid || isSubmitting,
-          children: callToAction?.displayText
-        }
-      ) }) })
-    ] })
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        className: form,
+        onSubmit: async (e) => {
+          onValidate && onValidate(e);
+          await handleSubmit(submitForm)(e);
+          e.preventDefault();
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
+            /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "first_name",
+                ...register("first_name", { required: true }),
+                label: "First Name*",
+                sizes: "medium",
+                placeholder: "",
+                required: true,
+                error: !!errors.first_name,
+                helperText: errors.first_name?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "last_name",
+                ...register("last_name", { required: true }),
+                label: "Last Name*",
+                sizes: "medium",
+                placeholder: "",
+                required: true,
+                error: !!errors.last_name,
+                helperText: errors.last_name?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "email",
+                ...register("email", {
+                  required: true
+                }),
+                type: "email",
+                label: "Email*",
+                sizes: "medium",
+                placeholder: "",
+                required: true,
+                error: !!errors.email,
+                helperText: errors.email?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputPhone,
+              {
+                id: "phone",
+                ...register("phone", {
+                  required: true,
+                  maxLength: 12
+                }),
+                label: "Phone*",
+                sizes: "medium",
+                placeholder: "",
+                type: "tel",
+                required: true,
+                error: !!errors.phone,
+                helperText: errors.phone?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "company",
+                ...register("company"),
+                label: "Company",
+                sizes: "medium",
+                placeholder: "",
+                error: !!errors.company,
+                helperText: errors.company?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Current_Assets_Under_Management__c",
+                ...register("Current_Assets_Under_Management__c"),
+                label: "Current AUM",
+                sizes: "medium",
+                error: !!errors.Current_Assets_Under_Management__c,
+                helperText: errors.Current_Assets_Under_Management__c?.message,
+                variant,
+                defaultValue: "",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
+                  /* @__PURE__ */ jsx("option", { value: "$0 - $25M", children: "$0 — $25M" }),
+                  /* @__PURE__ */ jsx("option", { value: "$26M - $150M", children: "$26M — $150M" }),
+                  /* @__PURE__ */ jsx("option", { value: "$151M - $500M", children: "$151M — $500M" }),
+                  /* @__PURE__ */ jsx("option", { value: "$501M - $1B", children: "$501M — $1B" }),
+                  /* @__PURE__ */ jsx("option", { value: "$1B+", children: "$1B+" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Role__c",
+                ...register("Role__c", {
+                  required: true
+                }),
+                label: "What best describes your role?*",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Role__c,
+                helperText: errors.Role__c?.message,
+                variant,
+                defaultValue: "Select option",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "Select option", disabled: true, children: "Select Option" }),
+                  /* @__PURE__ */ jsx("option", { value: "RIA Principal", children: "RIA Principal" }),
+                  /* @__PURE__ */ jsx("option", { value: "Advisor (IAR)", children: "Advisor (IAR)" }),
+                  /* @__PURE__ */ jsx("option", { value: "Broker-Dealer Affiliated Advisor", children: "Broker-Dealer Affiliated Advisor" }),
+                  /* @__PURE__ */ jsx("option", { value: "I am not a Financial Advisor", children: "I am not a Financial Advisor" }),
+                  /* @__PURE__ */ jsx("option", { value: "Other", children: "Other" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputTextArea,
+              {
+                id: "description",
+                ...register("description"),
+                label: "Comments",
+                sizes: "medium",
+                placeholder: "",
+                error: !!errors.description,
+                helperText: errors.description?.message,
+                variant,
+                rows: 1
+              }
+            ) }),
+            /* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
+          ] }),
+          children,
+          /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+          /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
+            LoadingIndicator,
+            {
+              style: { marginInline: "auto" },
+              variant
+            }
+          ) : /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: getVariant(callToAction?.variant),
+              as: "button",
+              type: "submit",
+              disabled: !isValid || isSubmitting,
+              children: callToAction?.displayText
+            }
+          ) }) })
+        ]
+      }
+    )
   ] }) }) }, id);
 };
 export {

package/dist/Forms/ContactUsBusiness.d.ts

@@ -8,4 +8,4 @@ export type ContactUsBusinessNmlsIdInputs = {
     phone: string;
     Company_NMLS_ID__c: string;
 };
-export declare const ContactUsBusiness: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContactUsBusiness: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;