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

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, 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/Forms.css.d.ts

@@ -20,6 +20,23 @@ export declare const formContainer: import('@vanilla-extract/recipes').RuntimeFn
 }>;
 export declare const iconForm: string;
 export declare const headerContainer: string;
+export declare const axosHeader: string;
+export declare const headerF: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})`;
+        };
+        secondary: {
+            color: `var(--${string})`;
+        };
+        tertiary: {
+            color: `var(--${string})`;
+        };
+        quaternary: {
+            color: `var(--${string})`;
+        };
+    };
+}>;
 export declare const headerForm: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
@@ -111,6 +128,7 @@ export declare const disclosureForm: import('@vanilla-extract/recipes').RuntimeF
     };
 }>;
 export declare const form: string;
+export declare const apply_now_form: string;
 export declare const success_wrap: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {

package/dist/Forms/Forms.css.js

@@ -11,46 +11,51 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var formContainer = createRuntimeFn({ defaultClassName: "tfms6a0", variantClassNames: { variant: { primary: "tfms6a1", secondary: "tfms6a2", tertiary: "tfms6a3", quaternary: "tfms6a4" } }, defaultVariants: {}, compoundVariants: [] });
 var iconForm = "tfms6a5";
 var headerContainer = "tfms6a6";
-var headerForm = createRuntimeFn({ defaultClassName: "tfms6a7", variantClassNames: { variant: { primary: "tfms6a8", secondary: "tfms6a9", tertiary: "tfms6aa", quaternary: "tfms6ab" } }, defaultVariants: {}, compoundVariants: [] });
-var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ac", variantClassNames: { variant: { primary: "tfms6ad", secondary: "tfms6ae", tertiary: "tfms6af", quaternary: "tfms6ag" }, formType: { email: "tfms6ah", questionnaire: "tfms6ai", "default": "tfms6aj" } }, defaultVariants: {}, compoundVariants: [] });
-var form_row = "tfms6ak";
-var actions = "tfms6al";
-var disclosureForm = createRuntimeFn({ defaultClassName: "tfms6am", variantClassNames: { variant: { primary: "tfms6an", secondary: "tfms6ao", tertiary: "tfms6ap", quaternary: "tfms6aq" } }, defaultVariants: {}, compoundVariants: [] });
-var form = "tfms6ar";
-var success_wrap = createRuntimeFn({ defaultClassName: "tfms6au", variantClassNames: { variant: { primary: "tfms6av", secondary: "tfms6aw", tertiary: "tfms6ax", quaternary: "tfms6ay" } }, defaultVariants: {}, compoundVariants: [] });
-var success_icon = "tfms6az";
-var succes_check_mark = "tfms6a10";
-var success_circle = createRuntimeFn({ defaultClassName: "tfms6a11", variantClassNames: { variant: { primary: "tfms6a12", secondary: "tfms6a13", tertiary: "tfms6a14", quaternary: "tfms6a15" } }, defaultVariants: {}, compoundVariants: [] });
-var descriptionField = createRuntimeFn({ defaultClassName: "tfms6a16", variantClassNames: { variant: { primary: "tfms6a17", secondary: "tfms6a18", tertiary: "tfms6a19", quaternary: "tfms6a1a" }, formType: { questionnaire: "tfms6a1b" } }, defaultVariants: {}, compoundVariants: [] });
-var fullRowForm = "tfms6a1c";
-var one_row = "tfms6a1d";
-var section_title = createRuntimeFn({ defaultClassName: "tfms6a1e", variantClassNames: { variant: { primary: "tfms6a1f", secondary: "tfms6a1g", tertiary: "tfms6a1h", quaternary: "tfms6a1i" } }, defaultVariants: {}, compoundVariants: [] });
-var checkbox_group = "tfms6a1j";
-var ro_input = "tfms6a1k";
-var pl_label = "tfms6a1l";
-var x_input = "tfms6a1m";
-var xc_input = "tfms6a1n";
-var fullRowSelect = "tfms6a1o";
-var mt2rem = "tfms6a1p";
-var centerSelect = "tfms6a1q";
-var formBtns = "tfms6a1r";
-var modalCheckboxContainer = "tfms6a1s";
-var threeColRow = "tfms6a1t";
-var mt1Rem = "tfms6a1u";
-var mw24 = "tfms6a1v";
-var modalMobile = "tfms6a1w";
-var resposiveLabel = "tfms6a1x";
-var dropdown = "tfms6a1y";
-var dynPH = "tfms6a1z";
-var na_cursor = "tfms6a20";
-var show_options = "tfms6a21";
-var hide_options = "tfms6a22";
-var back_btn_apply_now = "tfms6a23";
-var iconbillboards_option_apply_now = "tfms6a24";
-var form_nav_apply_now = "tfms6a25";
-var step_title_apply_now = "tfms6a26";
+var axosHeader = "tfms6a7";
+var headerF = createRuntimeFn({ defaultClassName: "tfms6a8", variantClassNames: { variant: { primary: "tfms6a9", secondary: "tfms6aa", tertiary: "tfms6ab", quaternary: "tfms6ac" } }, defaultVariants: {}, compoundVariants: [] });
+var headerForm = createRuntimeFn({ defaultClassName: "tfms6ad", variantClassNames: { variant: { primary: "tfms6ae", secondary: "tfms6af", tertiary: "tfms6ag", quaternary: "tfms6ah" } }, defaultVariants: {}, compoundVariants: [] });
+var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ai", variantClassNames: { variant: { primary: "tfms6aj", secondary: "tfms6ak", tertiary: "tfms6al", quaternary: "tfms6am" }, formType: { email: "tfms6an", questionnaire: "tfms6ao", "default": "tfms6ap" } }, defaultVariants: {}, compoundVariants: [] });
+var form_row = "tfms6aq";
+var actions = "tfms6ar";
+var disclosureForm = createRuntimeFn({ defaultClassName: "tfms6as", variantClassNames: { variant: { primary: "tfms6at", secondary: "tfms6au", tertiary: "tfms6av", quaternary: "tfms6aw" } }, defaultVariants: {}, compoundVariants: [] });
+var form = "tfms6ax";
+var apply_now_form = "tfms6ay";
+var success_wrap = createRuntimeFn({ defaultClassName: "tfms6a11", variantClassNames: { variant: { primary: "tfms6a12", secondary: "tfms6a13", tertiary: "tfms6a14", quaternary: "tfms6a15" } }, defaultVariants: {}, compoundVariants: [] });
+var success_icon = "tfms6a16";
+var succes_check_mark = "tfms6a17";
+var success_circle = createRuntimeFn({ defaultClassName: "tfms6a18", variantClassNames: { variant: { primary: "tfms6a19", secondary: "tfms6a1a", tertiary: "tfms6a1b", quaternary: "tfms6a1c" } }, defaultVariants: {}, compoundVariants: [] });
+var descriptionField = createRuntimeFn({ defaultClassName: "tfms6a1d", variantClassNames: { variant: { primary: "tfms6a1e", secondary: "tfms6a1f", tertiary: "tfms6a1g", quaternary: "tfms6a1h" }, formType: { questionnaire: "tfms6a1i" } }, defaultVariants: {}, compoundVariants: [] });
+var fullRowForm = "tfms6a1j";
+var one_row = "tfms6a1k";
+var section_title = createRuntimeFn({ defaultClassName: "tfms6a1l", variantClassNames: { variant: { primary: "tfms6a1m", secondary: "tfms6a1n", tertiary: "tfms6a1o", quaternary: "tfms6a1p" } }, defaultVariants: {}, compoundVariants: [] });
+var checkbox_group = "tfms6a1q";
+var ro_input = "tfms6a1r";
+var pl_label = "tfms6a1s";
+var x_input = "tfms6a1t";
+var xc_input = "tfms6a1u";
+var fullRowSelect = "tfms6a1v";
+var mt2rem = "tfms6a1w";
+var centerSelect = "tfms6a1x";
+var formBtns = "tfms6a1y";
+var modalCheckboxContainer = "tfms6a1z";
+var threeColRow = "tfms6a20";
+var mt1Rem = "tfms6a21";
+var mw24 = "tfms6a22";
+var modalMobile = "tfms6a23";
+var resposiveLabel = "tfms6a24";
+var dropdown = "tfms6a25";
+var dynPH = "tfms6a26";
+var na_cursor = "tfms6a27";
+var show_options = "tfms6a28";
+var hide_options = "tfms6a29";
+var back_btn_apply_now = "tfms6a2a";
+var iconbillboards_option_apply_now = "tfms6a2b";
+var form_nav_apply_now = "tfms6a2c";
+var step_title_apply_now = "tfms6a2d";
 export {
   actions,
+  apply_now_form,
+  axosHeader,
   back_btn_apply_now,
   centerSelect,
   checkbox_group,
@@ -67,6 +72,7 @@ export {
   fullRowForm,
   fullRowSelect,
   headerContainer,
+  headerF,
   headerForm,
   hide_options,
   iconForm,

package/dist/Forms/HoneyPot/HoneyPot.css.d.ts

@@ -1 +1 @@
-export declare const h_container_position: string;
+export declare const form_field_container: string;

package/dist/Forms/HoneyPot/HoneyPot.css.js

@@ -1,5 +1,5 @@
 import '../../assets/Forms/HoneyPot/HoneyPot.css';/* empty css                            */
-var h_container_position = "_1f7d89m0";
+var form_field_container = "_1f7d89m0";
 export {
-  h_container_position
+  form_field_container
 };

package/dist/Forms/HoneyPot/index.d.ts

@@ -1,24 +1,23 @@
-import { FieldErrors, UseFormRegister } from 'react-hook-form';
+import { UseFormRegister } from 'react-hook-form';
 import { z } from 'zod';
 import { FormProps } from '../FormProps';
 
 export type HoneyPotInterface = {
-    Alternative_Phone?: string;
-    Alternative_Email?: string;
+    AlternativePhone?: string;
+    AlternativeEmail?: string;
 };
 export declare const honeyPotSchema: z.ZodObject<{
-    Alternative_Email: z.ZodOptional<z.ZodString>;
-    Alternative_Phone: z.ZodOptional<z.ZodString>;
+    AlternativeEmail: z.ZodEffects<z.ZodString, "bestbank@axos.com", string>;
+    AlternativePhone: z.ZodEffects<z.ZodString, string, string>;
 }, "strip", z.ZodTypeAny, {
-    Alternative_Email?: string | undefined;
-    Alternative_Phone?: string | undefined;
+    AlternativeEmail: "bestbank@axos.com";
+    AlternativePhone: string;
 }, {
-    Alternative_Email?: string | undefined;
-    Alternative_Phone?: string | undefined;
+    AlternativeEmail: string;
+    AlternativePhone: string;
 }>;
 export declare const isValidHoneyPot: (data: HoneyPotInterface) => boolean;
-export declare const HoneyPot: ({ variant: fullVariant, register, errors, }: {
+export declare const HoneyPot: ({ variant: fullVariant, register, }: {
     variant?: FormProps["variant"];
     register: UseFormRegister<any>;
-    errors: FieldErrors<HoneyPotInterface>;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/HoneyPot/index.js

@@ -13,54 +13,51 @@ import "../../Input/RadioButton.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import { z } from "zod";
-import { h_container_position } from "./HoneyPot.css.js";
+import { form_field_container } from "./HoneyPot.css.js";
 const honeyPotSchema = z.object({
-  Alternative_Email: z.string().optional(),
-  Alternative_Phone: z.string().optional()
+  AlternativeEmail: z.string().refine((val) => val === "bestbank@axos.com"),
+  AlternativePhone: z.string().refine((val) => !val || val.trim() === "")
 });
 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;
+  return data.AlternativeEmail === "bestbank@axos.com" && (!data.AlternativePhone || data.AlternativePhone.trim() === "");
 };
 const HoneyPot = ({
   variant: fullVariant = "primary",
-  register,
-  errors
+  register
 }) => {
   const variant = getVariant(fullVariant);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: h_container_position, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: form_field_container, children: /* @__PURE__ */ jsx(
       Input,
       {
-        id: "Alternative_Email",
-        ...register("Alternative_Email"),
+        id: "AlternativeEmail",
+        ...register("AlternativeEmail"),
         label: "Alternative Email",
         sizes: "medium",
-        error: !!errors.Alternative_Email,
-        helperText: errors.Alternative_Email?.message,
         variant,
         tabIndex: -1,
         defaultValue: "bestbank@axos.com",
-        autoComplete: "off"
+        autoComplete: "off",
+        "aria-autocomplete": "none",
+        name: "AlternativeEmail",
+        "aria-label": "Alternative Email",
+        type: "text"
       }
     ) }),
-    /* @__PURE__ */ jsx("div", { className: h_container_position, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: form_field_container, children: /* @__PURE__ */ jsx(
       InputPhone,
       {
-        id: "Alternative_Phone",
-        ...register("Alternative_Phone", {
-          maxLength: 12
-        }),
+        id: "AlternativePhone",
+        ...register("AlternativePhone"),
         label: "Alternative Phone",
         sizes: "medium",
-        error: !!errors.Alternative_Phone,
-        helperText: errors.Alternative_Phone?.message,
         variant,
         tabIndex: -1,
-        autoComplete: "off"
+        defaultValue: "",
+        autoComplete: "off",
+        "aria-autocomplete": "none",
+        name: "AlternativePhone",
+        "aria-label": "Alternative Phone"
       }
     ) })
   ] });

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