@axos-web-dev/shared-components 1.0.99-honeypot.1 → 1.0.99-sectionSpacerRemoved

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/FormProps.d.ts

@@ -7,6 +7,9 @@ export interface FormProps extends PropsWithChildren {
     onSubmit?: (values: {
         [index: string]: string | boolean | number | Date | any;
     }) => void;
+    onValidate?: (values: {
+        [index: string]: string | boolean | number | Date | any;
+    }) => void;
     icon?: boolean;
     headline?: ReactNode | string;
     description?: ReactNode | string;

package/dist/Forms/HoneyPot/index.js

@@ -20,7 +20,6 @@ const honeyPotSchema = z.object({
 });
 const isValidHoneyPot = (data) => {
   if (data.Alternative_Email !== "bestbank@axos.com" || data.Alternative_Phone !== "") {
-    console.log(console.log("[FORM] Form Submission rejected. BOT Detected!"));
     return false;
   }
   return true;
@@ -44,7 +43,7 @@ const HoneyPot = ({
         variant,
         tabIndex: -1,
         defaultValue: "bestbank@axos.com",
-        autoComplete: "off"
+        autoComplete: "false"
       }
     ) }),
     /* @__PURE__ */ jsx("div", { className: h_container_position, children: /* @__PURE__ */ jsx(
@@ -60,7 +59,7 @@ const HoneyPot = ({
         helperText: errors.Alternative_Phone?.message,
         variant,
         tabIndex: -1,
-        autoComplete: "off"
+        autoComplete: "autocomplete_off_randString"
       }
     ) })
   ] });

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>;