@axos-web-dev/shared-components 1.0.100 → 2.0.0-dev.1

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

@@ -1,20 +1,22 @@
+export declare const email_only_padding: string;
+export declare const email_only_h2: string;
 export declare const formContainer: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
     };
 }>;
@@ -24,81 +26,55 @@ export declare const axosHeader: string;
 export declare const headerF: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 }>;
 export declare const headerForm: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            readonly selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: string;
-                    backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    WebkitTextFillColor: string;
-                    textShadow: string;
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         secondary: {
-            selectors: {
-                [x: string]: {
-                    WebkitBackgroundClip: "text";
-                    backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    WebkitTextFillColor: "transparent";
-                    textShadow: "0px 0px #00000000";
-                    color?: undefined;
-                } | {
-                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                    WebkitBackgroundClip?: undefined;
-                    backgroundImage?: undefined;
-                    WebkitTextFillColor?: undefined;
-                    textShadow?: undefined;
-                };
-            };
+            color: `var(--${string})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 }>;
 export declare const formWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
     formType: {
         email: {
-            gridTemplateColumns: "1fr";
+            alignItems: "flex-start";
+            gap: number;
+            gridTemplateColumns: "1fr auto !important";
         };
         questionnaire: {
             display: "flex";
@@ -114,16 +90,16 @@ export declare const actions: string;
 export declare const disclosureForm: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 }>;
@@ -132,20 +108,20 @@ export declare const apply_now_form: string;
 export declare const success_wrap: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
+            background: `var(--${string})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
+            background: `var(--${string})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
+            background: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
+            background: `var(--${string})`;
         };
     };
 }>;
@@ -154,32 +130,32 @@ export declare const succes_check_mark: string;
 export declare const success_circle: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            stroke: `var(--${string})`;
         };
         secondary: {
-            stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            stroke: `var(--${string})`;
         };
         tertiary: {
-            stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            stroke: `var(--${string})`;
         };
         quaternary: {
-            stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            stroke: `var(--${string})`;
         };
     };
 }>;
 export declare const descriptionField: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
     formType: {
@@ -193,16 +169,16 @@ export declare const one_row: string;
 export declare const section_title: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
+            borderBottom: `1px solid var(--${string})`;
         };
         secondary: {
-            borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
+            borderBottom: `1px solid var(--${string})`;
         };
         tertiary: {
-            borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
+            borderBottom: `1px solid var(--${string})`;
         };
         quaternary: {
-            borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
+            borderBottom: `1px solid var(--${string})`;
         };
     };
 }>;
@@ -230,3 +206,4 @@ export declare const back_btn_apply_now: string;
 export declare const iconbillboards_option_apply_now: string;
 export declare const form_nav_apply_now: string;
 export declare const step_title_apply_now: string;
+export declare const email_only_btn: string;

package/dist/Forms/Forms.css.js

@@ -1,6 +1,7 @@
-/* empty css                                   */
+import '../assets/Forms/Forms.css';import '../assets/Input/RadioButton.css';import '../assets/Input/Dropdown.css';import '../assets/Typography/Typography.css';import '../assets/Input/Input.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Input/Checkbox.css';/* empty css                                   */
 /* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                */
 /* empty css                                          */
@@ -8,50 +9,53 @@
 /* empty css                                      */
 /* empty css                         */
 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 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";
+var email_only_padding = "tfms6a0";
+var email_only_h2 = "tfms6a1";
+var formContainer = createRuntimeFn({ defaultClassName: "tfms6a2", variantClassNames: { variant: { primary: "tfms6a3", secondary: "tfms6a4", tertiary: "tfms6a5", quaternary: "tfms6a6" } }, defaultVariants: {}, compoundVariants: [] });
+var iconForm = "tfms6a7";
+var headerContainer = "tfms6a8";
+var axosHeader = "tfms6a9";
+var headerF = createRuntimeFn({ defaultClassName: "tfms6aa", variantClassNames: { variant: { primary: "tfms6ab", secondary: "tfms6ac", tertiary: "tfms6ad", quaternary: "tfms6ae" } }, defaultVariants: {}, compoundVariants: [] });
+var headerForm = createRuntimeFn({ defaultClassName: "tfms6af", variantClassNames: { variant: { primary: "tfms6ag", secondary: "tfms6ah", tertiary: "tfms6ai", quaternary: "tfms6aj" } }, defaultVariants: {}, compoundVariants: [] });
+var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ak", variantClassNames: { variant: { primary: "tfms6al", secondary: "tfms6am", tertiary: "tfms6an", quaternary: "tfms6ao" }, formType: { email: "tfms6ap", questionnaire: "tfms6aq", "default": "tfms6ar" } }, defaultVariants: {}, compoundVariants: [] });
+var form_row = "tfms6as";
+var actions = "tfms6at";
+var disclosureForm = createRuntimeFn({ defaultClassName: "tfms6au", variantClassNames: { variant: { primary: "tfms6av", secondary: "tfms6aw", tertiary: "tfms6ax", quaternary: "tfms6ay" } }, defaultVariants: {}, compoundVariants: [] });
+var form = "tfms6az";
+var apply_now_form = "tfms6a10";
+var success_wrap = createRuntimeFn({ defaultClassName: "tfms6a13", variantClassNames: { variant: { primary: "tfms6a14", secondary: "tfms6a15", tertiary: "tfms6a16", quaternary: "tfms6a17" } }, defaultVariants: {}, compoundVariants: [] });
+var success_icon = "tfms6a18";
+var succes_check_mark = "tfms6a19";
+var success_circle = createRuntimeFn({ defaultClassName: "tfms6a1a", variantClassNames: { variant: { primary: "tfms6a1b", secondary: "tfms6a1c", tertiary: "tfms6a1d", quaternary: "tfms6a1e" } }, defaultVariants: {}, compoundVariants: [] });
+var descriptionField = createRuntimeFn({ defaultClassName: "tfms6a1f", variantClassNames: { variant: { primary: "tfms6a1g", secondary: "tfms6a1h", tertiary: "tfms6a1i", quaternary: "tfms6a1j" }, formType: { questionnaire: "tfms6a1k" } }, defaultVariants: {}, compoundVariants: [] });
+var fullRowForm = "tfms6a1l";
+var one_row = "tfms6a1m";
+var section_title = createRuntimeFn({ defaultClassName: "tfms6a1n", variantClassNames: { variant: { primary: "tfms6a1o", secondary: "tfms6a1p", tertiary: "tfms6a1q", quaternary: "tfms6a1r" } }, defaultVariants: {}, compoundVariants: [] });
+var checkbox_group = "tfms6a1s";
+var ro_input = "tfms6a1t";
+var pl_label = "tfms6a1u";
+var x_input = "tfms6a1v";
+var xc_input = "tfms6a1w";
+var fullRowSelect = "tfms6a1x";
+var mt2rem = "tfms6a1y";
+var centerSelect = "tfms6a1z";
+var formBtns = "tfms6a20";
+var modalCheckboxContainer = "tfms6a21";
+var threeColRow = "tfms6a22";
+var mt1Rem = "tfms6a23";
+var mw24 = "tfms6a24";
+var modalMobile = "tfms6a25";
+var resposiveLabel = "tfms6a26";
+var dropdown = "tfms6a27";
+var dynPH = "tfms6a28";
+var na_cursor = "tfms6a29";
+var show_options = "tfms6a2a";
+var hide_options = "tfms6a2b";
+var back_btn_apply_now = "tfms6a2c";
+var iconbillboards_option_apply_now = "tfms6a2d";
+var form_nav_apply_now = "tfms6a2e";
+var step_title_apply_now = "tfms6a2f";
+var email_only_btn = "tfms6a2g";
 export {
   actions,
   apply_now_form,
@@ -63,6 +67,9 @@ export {
   disclosureForm,
   dropdown,
   dynPH,
+  email_only_btn,
+  email_only_h2,
+  email_only_padding,
   form,
   formBtns,
   formContainer,

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

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

package/dist/Forms/HoneyPot/index.js

@@ -11,8 +11,9 @@ import "../../Input/InputTextArea.js";
 import "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
 import "../../utils/allowedAxosDomains.js";
-import { getVariant } from "../../utils/getVariant.js";
 import { z } from "zod";
+import { getVariant } from "../../utils/getVariant.js";
+import "react";
 import { form_field_container } from "./HoneyPot.css.js";
 const honeyPotSchema = z.object({
   AlternativeEmail: z.string().refine((val) => val === "bestbank@axos.com"),

package/dist/Forms/MortgageRate/MortgageRateForm.js

@@ -6,14 +6,17 @@ import SvgArrowIcon from "../../icons/ArrowIcon/index.js";
 import SvgAxosX from "../../icons/AxosX/index.js";
 import SvgComponent from "../../icons/AxosX/Blue.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                   */
+import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/Chatbot/ChatWindow.css';import '../../assets/Chatbot/Chatbot.css';import '../../assets/Chatbot/Bubble.css';import '../../assets/Chatbot/AnimatedGradientBorder.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/Insight/Insight.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Modal/Modal.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
+/* empty css                                  */
 /* empty css                                       */
 /* empty css                                                       */
 /* empty css                                                   */
 import "../../utils/allowedAxosDomains.js";
+import * as z from "zod";
 import { associatedEmail } from "../../utils/EverestValidity.js";
 import { getVariant } from "../../utils/getVariant.js";
+import { useCachedEmailValidator } from "../../utils/useCachedValidators.js";
 import clsx from "clsx";
 /* empty css                                             */
 /* empty css                                             */
@@ -43,9 +46,8 @@ import { DownPaymentInput } from "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
 import "../../Input/PercentageInput.js";
 import { useForm, FormProvider } from "react-hook-form";
-import * as z from "zod";
 import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
-import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, fullRowSelect, formWrapper, centerSelect, mt2rem, fullRowForm, disclosureForm, actions, formBtns, na_cursor } from "../Forms.css.js";
+import { iconForm, headerForm, form, descriptionField, headerContainer, fullRowSelect, centerSelect, formWrapper, mt2rem, fullRowForm, disclosureForm, actions, formBtns, na_cursor, formContainer } from "../Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "../HoneyPot/index.js";
 import { SalesforceSchema } from "../SalesforceFieldsForm.js";
 import "../../Input/RadioButton.css.js";
@@ -72,12 +74,14 @@ import "react-dom";
 import "../../Auth/SignInPassword.js";
 /* empty css                                                 */
 /* empty css                                             */
+/* empty css                                       */
 /* empty css                                                       */
 import "../../Carousel/index.js";
+/* empty css                                                      */
 /* empty css                                      */
 import "../../Chatbot/store/chat.js";
 import "../../Chatbot/authenticate.js";
-import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
+/* empty css                                       */
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
@@ -104,7 +108,6 @@ import "next/script.js";
 /* empty css                                                 */
 /* empty css                                                         */
 /* empty css                                               */
-/* empty css                                       */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                         */
 import "next/navigation.js";
@@ -159,6 +162,7 @@ const MortgageRate = ({
   const [_downPayment, setDownPayment] = useState(0);
   const [isTypingDownPayment, setIsTypingDownPayment] = useState(false);
   const [salesPriceVal, setSalesPriceVal] = useState(0);
+  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
   const schema = z.object({
     firstName: z.string({ message: "First Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
       message: "First Name is required."
@@ -166,7 +170,7 @@ const MortgageRate = ({
     lastName: z.string({ message: "Last Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
       message: "Last Name is required."
     }).trim().min(1, { message: "Last Name is required." }),
-    email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
+    email: z.string().email({ message: "Email is required." }).refine(cachedEmailValidator, { message: "Invalid email address." }),
     phone: z.string({ message: "Phone is required." }).regex(/[\d-]{10}/, { message: "Phone is required." }).min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
       const removeDashes = val.replace(/-/gi, "");
       if (removeDashes.length !== 10) {
@@ -180,7 +184,7 @@ const MortgageRate = ({
     }),
     propertyType: z.number({ message: "Property Type is required." }).positive({ message: "Property Type is required." }),
     occupancy: z.number({ message: "Property Usage is required." }).positive({ message: "Property Usage is required." }),
-    salesPrice: z.number({ message: "Purchase Price is required." }).optional().refine((val) => loanPurpose === 1 ? val != null : true, {
+    salesPrice: z.number({ message: "Purchase Price is required." }).refine((val) => loanPurpose === 1 ? val != null : true, {
       message: "Sales Price is required."
     }).refine(
       (val) => {
@@ -205,7 +209,7 @@ const MortgageRate = ({
       }
     ),
     creditScore: z.number({ message: "Credit Score is required." }).positive({ message: "Credit Score is required." }),
-    zipCode: z.number({ message: "Zip Code is required." }).positive({ message: "Zip Code is required." }),
+    zipCode: z.string().trim().min(1, { message: "Zip Code is required." }).regex(/^\d{5}$/, { message: "ZIP code must be 5 digits." }),
     appraisedValue: z.number({ message: "Home Price is required." }).optional().refine(
       (val) => {
         if (loanPurpose === 2 && val == null) {
@@ -213,7 +217,7 @@ const MortgageRate = ({
         }
         return true;
       },
-      { message: "Appraised Value is required for refinance" }
+      { message: "Appraised Value is required for refinance." }
     ),
     mortgageBalance: z.number({ message: "Mortgage Balance is required." }).optional().refine(
       (val) => {
@@ -222,7 +226,7 @@ const MortgageRate = ({
         }
         return true;
       },
-      { message: "Mortgage Balance is required for refinance" }
+      { message: "Mortgage Balance is required for refinance." }
     ),
     cashOut: z.number({ message: "Cash Out is required." }).optional(),
     loanPurpose: z.number({ message: "Loan Purpose is required." })
@@ -236,20 +240,34 @@ const MortgageRate = ({
     }
   });
   const methods = useForm({
-    resolver: zodResolver(gen_schema, {
-      async: true
-    }),
-    mode: "all"
+    resolver: zodResolver(gen_schema),
+    mode: "all",
+    defaultValues: {
+      loanPurpose: 1,
+      AlternativeEmail: "bestbank@axos.com",
+      AlternativePhone: ""
+    }
   });
+  const setHoneypotDefaults = () => {
+    const { AlternativeEmail, AlternativePhone } = methods.getValues();
+    methods.setValue(
+      "AlternativeEmail",
+      AlternativeEmail || "bestbank@axos.com"
+    );
+    methods.setValue("AlternativePhone", AlternativePhone || "");
+  };
   useEffect(() => {
     if (loanPurpose === 1) {
       methods.reset();
       methods.setValue("appraisedValue", 0);
       methods.setValue("mortgageBalance", 0);
+      setHoneypotDefaults();
     } else if (loanPurpose === 2) {
       methods.reset();
+      methods.setValue("loanPurpose", 2);
       methods.setValue("salesPrice", 0);
       methods.setValue("downPayment", 0);
+      setHoneypotDefaults();
     }
   }, [loanPurpose, methods]);
   useEffect(() => {
@@ -395,7 +413,6 @@ const MortgageRate = ({
                   error: !!errors.loanPurpose,
                   helperText: errors.loanPurpose?.message,
                   variant,
-                  defaultValue: "Select Loan Type",
                   onChange: (e) => {
                     const selectedValue = Number(e.target.value);
                     setLoanPurpose(selectedValue);
@@ -635,17 +652,23 @@ const MortgageRate = ({
                     Input,
                     {
                       id: "zipCode",
-                      type: "number",
+                      type: "text",
+                      inputMode: "numeric",
                       ...register("zipCode", {
                         required: true,
-                        setValueAs: (value) => Number(value)
+                        pattern: /^\d{5}$/
                       }),
                       label: "Zip Code",
                       sizes: "medium",
                       required: true,
                       error: !!errors.zipCode,
                       helperText: errors.zipCode?.message,
-                      variant
+                      variant,
+                      maxLength: 5,
+                      onInput: (e) => {
+                        const target = e.target;
+                        target.value = target.value.replace(/\D/g, "");
+                      }
                     }
                   ) }),
                   loanPurpose === 2 ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
@@ -742,7 +765,8 @@ const MortgageRate = ({
                       helperText: errors.phone?.message,
                       variant
                     }
-                  ) })
+                  ) }),
+                  /* @__PURE__ */ jsx(HoneyPot, { variant, register })
                 ] }),
                 children,
                 /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
@@ -785,8 +809,7 @@ const MortgageRate = ({
                     ),
                     /* @__PURE__ */ jsx(SvgArrowIcon, { className: "arrow", variant: "tertiary" })
                   ] })
-                ] }) }),
-                /* @__PURE__ */ jsx(HoneyPot, { register, variant })
+                ] }) })
               ]
             }
           )

package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.d.ts

@@ -1,10 +1,10 @@
 export type MortgageRateFilterInputs = {
     loanPurpose: number;
-    propertyType: string;
-    occupancy: string;
+    propertyType: number;
+    occupancy: number;
     salesPrice: number;
     downPayment: number;
-    creditScore: string;
+    creditScore: number;
     zipCode: number;
     appraisedValue: number;
     mortgageBalance: number;
@@ -13,11 +13,11 @@ export type MortgageRateFilterInputs = {
 interface MortgageRateFiltersProps {
     formData: {
         loanPurpose: number;
-        propertyType: string;
-        occupancy: string;
+        propertyType: number;
+        occupancy: number;
         salesPrice: number;
         downPayment: number;
-        creditScore: string;
+        creditScore: number;
         zipCode: number;
         appraisedValue: number;
         mortgageBalance: number;