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

package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js

@@ -16,12 +16,11 @@ import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
 import { DownPaymentInput } from "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
+import { LoadingIndicator } from "../../LoadingIndicator/index.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
-import { formContainer, headerContainer, headerForm, form, formWrapper, fullRowForm, actions } from "../Forms.css.js";
-import { SalesforceSchema } from "../SalesforceFieldsForm.js";
-import { LoadingIndicator } from "../../LoadingIndicator/index.js";
+import { headerForm, headerContainer, form, fullRowForm, formWrapper, actions, formContainer } from "../Forms.css.js";
 const MortgageRateFilters = ({
   formData,
   onSubmit
@@ -37,7 +36,7 @@ const MortgageRateFilters = ({
     loanPurpose: z.number({ message: "Loan Purpose is required." }),
     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) => {
@@ -48,7 +47,7 @@ const MortgageRateFilters = ({
       },
       { message: "Value must be between $50,000 and $25,000,000." }
     ),
-    downPayment: z.number({ message: "Down Payment is required." }).optional().refine((val) => loanPurpose === 1 ? val != null : true, {
+    downPayment: z.number({ message: "Down Payment is required." }).refine((val) => loanPurpose === 1 ? val != null : true, {
       message: "Down Payment is required."
     }).refine(
       (val) => {
@@ -62,8 +61,8 @@ const MortgageRateFilters = ({
       }
     ),
     creditScore: z.number({ message: "Credit Score is required." }).positive({ message: "Credit Score is required." }),
-    zipCode: z.number().positive({ message: "Zip Code is required." }),
-    appraisedValue: z.number({ message: "Home Price is required." }).optional().refine(
+    zipCode: z.number({ message: "Zip Code is required." }),
+    appraisedValue: z.number({ message: "Home Price is required." }).refine(
       (val) => {
         if (loanPurpose === 2) {
           return val != null && val >= 5e4 && val <= 25e6;
@@ -72,7 +71,7 @@ const MortgageRateFilters = ({
       },
       { message: "Value must be between $50,000 and $25,000,000." }
     ),
-    mortgageBalance: z.number({ message: "Mortgage Balance is required." }).optional().refine(
+    mortgageBalance: z.number({ message: "Mortgage Balance is required." }).refine(
       (val) => {
         if (loanPurpose === 2) {
           return val != null && val >= 5e4 && val <= 25e6;
@@ -81,7 +80,7 @@ const MortgageRateFilters = ({
       },
       { message: "Value must be between $50,000 and $25,000,000." }
     ),
-    cashOut: z.number({ message: "Cash Out is required." }).optional().refine(
+    cashOut: z.number({ message: "Cash Out is required." }).refine(
       (val) => {
         if (loanPurpose === 2 && val == null) {
           return false;
@@ -92,9 +91,7 @@ const MortgageRateFilters = ({
     )
   });
   const methods = useForm({
-    resolver: zodResolver(schema.merge(SalesforceSchema), {
-      async: true
-    }),
+    resolver: zodResolver(schema),
     mode: "all"
   });
   const {
@@ -390,10 +387,11 @@ const MortgageRateFilters = ({
               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",
@@ -401,7 +399,12 @@ const MortgageRateFilters = ({
                 error: !!errors.zipCode,
                 helperText: errors.zipCode?.message,
                 variant: "tertiary",
-                defaultValue: formData.zipCode
+                defaultValue: formData.zipCode,
+                maxLength: 5,
+                onInput: (e) => {
+                  const target = e.target;
+                  target.value = target.value.replace(/\D/g, "");
+                }
               }
             ) }),
             loanPurpose === 2 ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(

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

@@ -1,6 +1,6 @@
 export type RateWatchInputs = {
-    updateType: "Target Rate" | "Frequency";
-    updateCadence: "Daily" | "Weekly" | "Monthly";
+    updateType: string;
+    updateCadence: string;
     loanTerms?: string;
     hasSmsConsent: boolean;
     tR1DesiredRate?: string;

package/dist/Forms/MortgageRate/MortgageRateWatch.js

@@ -24,8 +24,9 @@ import { checkbox } from "../../Input/Checkbox.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.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                                                   */
@@ -68,12 +69,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                                                                       */
@@ -100,7 +103,6 @@ import "next/script.js";
 /* empty css                                                 */
 /* empty css                                                         */
 /* empty css                                               */
-/* empty css                                       */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                         */
 import "next/navigation.js";
@@ -142,7 +144,7 @@ const RateWatchForm = ({
   );
   const schema = z.object({
     updateType: z.string().min(1, { message: "Update type is required." }),
-    updateCadence: z.string().optional().refine((val) => !(updateType === "Frequency" && !val), {
+    updateCadence: z.string().refine((val) => !(updateType === "Frequency" && !val), {
       message: "Frequency is required."
     }),
     loanTerms: z.string().optional().refine((val) => !(updateType === "Frequency" && !val), {
@@ -190,14 +192,11 @@ const RateWatchForm = ({
       { message: "Desired Rate must be between 2 and 10." }
     ),
     tR3DiscountPoints: z.string().optional(),
-    tR3LoanTerm: z.string().optional()
+    tR3LoanTerm: z.string().optional(),
+    email: z.string()
   });
   const methods = useForm({
-    resolver: zodResolver(schema),
-    mode: "onChange",
-    defaultValues: {
-      email
-    }
+    resolver: zodResolver(schema)
   });
   const {
     handleSubmit,

package/dist/Forms/MortgageWarehouseLending.js

@@ -16,8 +16,9 @@ import "../icons/ArrowIcon/ArrowIcon.css.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                                                */
@@ -35,6 +36,8 @@ import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
 import "../utils/allowedAxosDomains.js";
+import { z } from "zod";
+import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -43,9 +46,8 @@ import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "../Input/PercentageInput.js";
 import { useForm, FormProvider } from "react-hook-form";
-import { z } from "zod";
 import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
-import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
+import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 /* empty css                                          */
@@ -71,12 +73,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                                                                    */
@@ -103,7 +107,6 @@ import "next/script.js";
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                            */
-/* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                      */
 import "next/navigation.js";
@@ -148,10 +151,11 @@ const MortgageWarehouseLending = ({
   onValidate,
   id
 }) => {
+  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
   const schema = z.object({
     first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
     last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).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}/, "Invalid phone number.").min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
       const removeDashes = val.replace(/-/gi, "");
       if (removeDashes.length !== 10) {
@@ -182,13 +186,7 @@ const MortgageWarehouseLending = ({
     }
   });
   const methods = useForm({
-    resolver: zodResolver(
-      gen_schema,
-      {
-        async: true
-      },
-      { mode: "async" }
-    ),
+    resolver: zodResolver(gen_schema),
     mode: "onChange",
     defaultValues: {
       email: ""

package/dist/Forms/QuickPricer/QuickPricerForm.js

@@ -20,20 +20,22 @@ import "../../icons/ArrowIcon/ArrowIcon.css.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/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, useCachedNMLSValidator } from "../../utils/useCachedValidators.js";
 import { format } from "@react-input/number-format";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
-import * as z from "zod";
-import { Purposes, RepresentativesFico, DocType, Citizenship, MortgageLates12, MortgageLates24, HousingEventType, HousingEventHistory, BankruptcyType, BankruptcySeasoning, PropertyType, Occupancy, NumberOfUnits, PrepaymentPenalty, BrokerConpensation } from "../FormEnums.js";
-import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, one_row, section_title, checkbox_group, disclosureForm, actions } from "../Forms.css.js";
+import { BrokerConpensation, PrepaymentPenalty, NumberOfUnits, Occupancy, PropertyType, BankruptcySeasoning, BankruptcyType, HousingEventHistory, HousingEventType, MortgageLates24, MortgageLates12, Citizenship, DocType, RepresentativesFico, Purposes } from "../FormEnums.js";
+import { iconForm, headerContainer, headerForm, form, descriptionField, one_row, section_title, checkbox_group, formWrapper, disclosureForm, actions, formContainer } from "../Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "../HoneyPot/index.js";
 import { SalesforceSchema } from "../SalesforceFieldsForm.js";
 const QuickPricer = ({
@@ -60,6 +62,8 @@ const QuickPricer = ({
   const [bankruptcySeasoning, setBankruptcySeasoning] = useState(false);
   const [numberOfUnits, setNumberOfUnits] = useState(false);
   const [prepaymentPenalty, setPrepaymentPenalty] = useState(false);
+  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
+  const cachedNMLSValidator = useCachedNMLSValidator(validateNMLS);
   const schema = z.object({
     Base_Loan_Amount__c: z.string({
       message: "Please provide a valid base loan amount"
@@ -169,11 +173,8 @@ const QuickPricer = ({
         message: "Broker compensation is required"
       }
     ),
-    NMLS__c: z.string().min(4, "Valid NMLS should have at least 4 characters").max(15, "Valid NMLS should have at most 15 characters").refine(async (val) => {
-      const res = await validateNMLS(val);
-      return res?.body?.data?.records?.length > 0;
-    }, "NMLS ID is not valid"),
-    Email_Address__c: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
+    NMLS__c: z.string().min(4, "Valid NMLS should have at least 4 characters").max(15, "Valid NMLS should have at most 15 characters").refine(cachedNMLSValidator, "NMLS ID is not valid"),
+    Email_Address__c: z.string().email({ message: "Email is required." }).refine(cachedEmailValidator, { message: "Invalid email address." }),
     Cell_Phone__c: z.string().regex(/[\d-]{10}/).min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
       const removeDashes = val.replace(/-/gi, "");
       if (removeDashes.length !== 10) {
@@ -216,10 +217,8 @@ const QuickPricer = ({
     }
   });
   const methods = useForm({
-    resolver: zodResolver(gen_schema, {
-      async: true
-    }),
-    mode: "all",
+    resolver: zodResolver(gen_schema),
+    mode: "onChange",
     reValidateMode: "onChange",
     defaultValues: {
       Cash_Out_Amount__c: format(0),
@@ -230,13 +229,15 @@ const QuickPricer = ({
       Units__c: "OneUnit",
       Prepayment_Penalty__c: "None",
       Months_Reserves__c: 0,
-      HousingEventType__c: "None"
+      HousingEventType__c: "None",
+      AlternativeEmail: "bestbank@axos.com",
+      AlternativePhone: ""
     }
   });
   const {
     handleSubmit,
     register,
-    formState: { errors, isValid },
+    formState: { errors, isValid, isValidating },
     setValue
   } = methods;
   const submitForm = async (data) => {
@@ -875,7 +876,7 @@ const QuickPricer = ({
                   color: getVariant(callToAction?.variant),
                   as: "button",
                   type: "submit",
-                  disabled: !isValid,
+                  disabled: !isValid || isValidating,
                   children: callToAction?.displayText
                 }
               ) })

package/dist/Forms/QuickPricer/QuickPricerResults.css.js

@@ -1,4 +1,4 @@
-/* empty css                                      */
+import '../../assets/Forms/QuickPricer/QuickPricerResults.css';/* empty css                                      */
 var results_container = "_1eisah00";
 var rate_table_title = "_1eisah01";
 export {

package/dist/Forms/QuickPricer/UserInformation.css.js

@@ -1,5 +1,6 @@
-/* empty css                                   */
+import '../../assets/Forms/QuickPricer/UserInformation.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                                   */
 var user_container = "uw98ur0";

package/dist/Forms/ScheduleCall.js

@@ -20,18 +20,20 @@ import "../icons/ArrowIcon/ArrowIcon.css.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/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";
 import { useForm, FormProvider } from "react-hook-form";
-import * as z from "zod";
-import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
+import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const ScheduleCall = ({
@@ -49,10 +51,11 @@ const ScheduleCall = ({
   id,
   description
 }) => {
+  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
   const schema = z.object({
     first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
     last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).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}/, "Invalid phone number.").min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
       const removeDashes = val.replace(/-/gi, "");
       if (removeDashes.length !== 10) {
@@ -83,9 +86,7 @@ const ScheduleCall = ({
     }
   });
   const methods = useForm({
-    resolver: zodResolver(gen_schema, {
-      async: true
-    }),
+    resolver: zodResolver(gen_schema),
     mode: "all",
     defaultValues: {
       email: ""

package/dist/Forms/ScheduleCallPremier.js

@@ -21,18 +21,20 @@ import "../icons/ArrowIcon/ArrowIcon.css.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/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";
 import { useForm, FormProvider } from "react-hook-form";
-import * as z from "zod";
-import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, fullRowForm, disclosureForm, actions } from "./Forms.css.js";
+import { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const ScheduleCallPremier = ({
@@ -50,10 +52,11 @@ const ScheduleCallPremier = ({
   onValidate,
   id
 }) => {
+  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
   const schema = z.object({
     first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
     last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).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}/, "Invalid phone number.").min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
       const removeDashes = val.replace(/-/gi, "");
       if (removeDashes.length !== 10) {

package/dist/Forms/SuccesForm.js

@@ -1,13 +1,15 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
+import "react";
 import clsx from "clsx";
 import "@hookform/resolvers/zod";
 import "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
+import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.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/Modal/Modal.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.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                                                */
@@ -16,7 +18,6 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
-import "react";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
@@ -55,13 +56,15 @@ 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";
+/* empty css                                    */
 import "react-use";
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
@@ -88,7 +91,6 @@ import "next/script.js";
 /* empty css                                              */
 /* empty css                                                      */
 /* empty css                                            */
-/* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 /* empty css                                                      */
@@ -120,7 +122,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                                */
 /* empty css                                              */
 import "../Interstitial/Interstitial-variants.css.js";
-import { success_wrap, success_icon, success_circle, succes_check_mark } from "./Forms.css.js";
+import { success_icon, success_circle, succes_check_mark, success_wrap } from "./Forms.css.js";
 import "./HoneyPot/index.js";
 import "./SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";

package/dist/Forms/VendorQuestionnaire.js

@@ -17,11 +17,12 @@ import { InputTextArea } from "../Input/InputTextArea.js";
 import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "../utils/allowedAxosDomains.js";
+import { z } from "zod";
 import { getVariant } from "../utils/getVariant.js";
+import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
-import { z } from "zod";
-import { formContainer, form, formWrapper, form_row, descriptionField, actions } from "./Forms.css.js";
+import { form, form_row, descriptionField, formWrapper, actions, formContainer } from "./Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 const VendorQuestionnaire = ({
   children,
@@ -34,6 +35,7 @@ const VendorQuestionnaire = ({
   callToAction,
   id
 }) => {
+  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
   const schema = z.object({
     "name/0-2": z.string().min(1, { message: "Please complete this required field." }),
     "dba/0-2": z.string(),
@@ -87,7 +89,9 @@ const VendorQuestionnaire = ({
     "firstname/0-1": z.string().regex(/^[a-zA-Z]*(?:[a-zA-Z][a-zA-Z'-]*\s{0,1}){2,}$/g).min(1, { message: "Please complete this required field." }),
     "lastname/0-1": z.string().regex(/^[a-zA-Z]*(?:[a-zA-Z][a-zA-Z'-]*\s{0,1}){2,}$/g).min(1, { message: "Please complete this required field." }),
     "jobtitle/0-1": z.string().min(1, { message: "Please complete this required field." }),
-    "email/0-1": z.string().email({ message: "Please complete this required field." }).refine(async (val) => await validateEmail(val))
+    "email/0-1": z.string().email({ message: "Please complete this required field." }).refine(cachedEmailValidator, {
+      message: "Invalid email address."
+    })
   });
   const gen_schema = schema.merge(honeyPotSchema).superRefine((data, ctx) => {
     if (!isValidHoneyPot(data)) {
@@ -98,9 +102,7 @@ const VendorQuestionnaire = ({
     }
   });
   const methods = useForm({
-    resolver: zodResolver(gen_schema, {
-      async: true
-    }),
+    resolver: zodResolver(gen_schema),
     mode: "all"
   });
   const {

package/dist/Forms/WcplSurvey.js

@@ -21,8 +21,9 @@ import "../icons/ArrowIcon/ArrowIcon.css.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/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                                                */
@@ -30,7 +31,7 @@ import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
-import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
+import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const WCPLSurvey = ({
@@ -79,9 +80,7 @@ const WCPLSurvey = ({
     }
   });
   const methods = useForm({
-    resolver: zodResolver(gen_schema, {
-      async: true
-    }),
+    resolver: zodResolver(gen_schema),
     mode: "all",
     defaultValues: {
       Description_of_Deal_Details: ""

package/dist/Forms/index.d.ts

@@ -34,3 +34,4 @@ export * from './ScheduleCallPremier';
 export * from './SuccesForm';
 export * from './VendorQuestionnaire';
 export * from './WcplSurvey';
+export * from './BoatMooringLocation';