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

package/dist/Forms/EmailUs.js

@@ -36,6 +36,7 @@ const EmailUs = ({
   headline,
   callToAction,
   validateEmail,
+  onValidate,
   description,
   id
 }) => {
@@ -86,60 +87,71 @@ const EmailUs = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
-      /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant, formType: "email" })), children: [
-        /* @__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, formType: "email" })), children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "email",
+                ...register("email", {
+                  required: true,
+                  validate: {
+                    isValid: associatedEmail
+                  }
+                }),
+                label: "Email",
+                sizes: "medium",
+                required: true,
+                error: !!errors.email,
+                helperText: errors.email?.message,
+                variant
               }
-            }),
-            label: "Email",
-            sizes: "medium",
-            required: true,
-            error: !!errors.email,
-            helperText: errors.email?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          InputTextArea,
-          {
-            id: "message",
-            ...register("message", { required: true }),
-            label: "Write Your Message",
-            sizes: "medium",
-            required: true,
-            error: !!errors.message,
-            helperText: errors.message?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
-      ] }),
-      children,
-      /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
-      /* @__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__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputTextArea,
+              {
+                id: "message",
+                ...register("message", { required: true }),
+                label: "Write Your Message",
+                sizes: "medium",
+                required: true,
+                error: !!errors.message,
+                helperText: errors.message?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx(HoneyPot, { register, errors, variant })
+          ] }),
+          children,
+          /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+          /* @__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/MortgageRate/MortgageRateForm.d.ts

@@ -19,7 +19,7 @@ export type MortgageRateInputs = {
     loanPurpose: number;
     [key: string]: string | number;
 };
-export declare const MortgageRate: ({ icon, children, onSubmit, disclosure, variant: fullVariant, validateEmail, id, rateWatchOnSubmit, setRateWatchSubmitted, hideModalValue, showingTables, }: FormProps & {
+export declare const MortgageRate: ({ icon, children, onSubmit, disclosure, variant: fullVariant, validateEmail, id, rateWatchOnSubmit, setRateWatchSubmitted, hideModalValue, showingTables, onValidate, }: FormProps & {
     rateWatchOnSubmit: (values: RateWatchInputs & {
         email: string;
     }) => Promise<void>;