@axos-web-dev/shared-components 1.0.100-dev.43 → 1.0.100-dev.43-executive.3

package/dist/Forms/CraPublicFile.js

@@ -35,8 +35,6 @@ 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";
@@ -45,6 +43,7 @@ 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 { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
@@ -81,6 +80,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
@@ -149,11 +149,10 @@ const CraPublicFile = ({
   onValidate,
   id
 }) => {
-  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
   const schema = z.object({
     First_Name__c: z.string({ message: "Invalid first name." }).regex(/^[a-zA-Z]*(?:[a-zA-Z][a-zA-Z'-]*\s{0,1}){2,}$/g).trim().min(1, { message: "First Name is required." }).optional().or(z.literal("")),
     Last_Name__c: z.string({ message: "Invalid last name." }).regex(/^[a-zA-Z]*(?:[a-zA-Z][a-zA-Z'-]*\s{0,1}){2,}$/g).trim().min(1, { message: "Last Name is required." }).optional().or(z.literal("")),
-    Customer_Email__c: z.string({ message: "Invalid email." }).email({ message: "Email is required." }).refine(cachedEmailValidator, { message: "Invalid email address." }).optional().or(z.literal("")),
+    Customer_Email__c: z.string({ message: "Invalid email." }).email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)).optional().or(z.literal("")),
     Customer_Phone__c: 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/DealerServices.js

@@ -26,12 +26,11 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 /* 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 { 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";
@@ -50,11 +49,10 @@ const DealerServices = ({
   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(cachedEmailValidator, { message: "Invalid email address." }),
+    email: z.string().email({ message: "Email is required." }),
     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/EmailOnly.js

@@ -35,9 +35,7 @@ import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
 import "../utils/allowedAxosDomains.js";
-import { z } from "zod";
 import { associatedEmail } from "../utils/EverestValidity.js";
-import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -46,6 +44,7 @@ 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 { iconForm, headerContainer, headerForm, email_only_h2, form, descriptionField, actions, email_only_btn, formWrapper, disclosureForm, formContainer, email_only_padding } from "./Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
@@ -82,6 +81,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
@@ -150,9 +150,8 @@ const EmailOnly = ({
   onValidate,
   id
 }) => {
-  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
   const schema = z.object({
-    email: z.string().email({ message: "Email is required." }).refine(cachedEmailValidator, { message: "Invalid email address." })
+    email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val))
   });
   const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
     if (!isValidHoneyPot(data)) {

package/dist/Forms/EmailUs.js

@@ -18,13 +18,12 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 /* 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 { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
+import * as z from "zod";
+import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 const EmailUs = ({
   icon = false,
@@ -41,9 +40,8 @@ const EmailUs = ({
   description,
   id
 }) => {
-  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
   const schema = z.object({
-    email: z.string().email({ message: "Email is required." }).refine(cachedEmailValidator, { message: "Invalid email address." }),
+    email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
     message: z.string().min(2, "Message is required")
   });
   const gen_schema = schema.merge(honeyPotSchema).superRefine((data, ctx) => {
@@ -100,7 +98,7 @@ const EmailUs = ({
         },
         children: [
           /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant, formType: "email" })), children: [
-            /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               Input,
               {
                 id: "email",
@@ -118,7 +116,7 @@ const EmailUs = ({
                 variant
               }
             ) }),
-            /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               InputTextArea,
               {
                 id: "message",

package/dist/Forms/HoneyPot/index.js

@@ -11,9 +11,8 @@ import "../../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 "react";
+import { z } from "zod";
 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

@@ -12,10 +12,8 @@ import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/Topical
 /* 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                                             */
@@ -45,6 +43,7 @@ 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 { iconForm, headerForm, form, descriptionField, headerContainer, fullRowSelect, formWrapper, centerSelect, mt2rem, fullRowForm, disclosureForm, actions, formBtns, na_cursor, formContainer } from "../Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "../HoneyPot/index.js";
@@ -82,6 +81,7 @@ import "../../Chatbot/authenticate.js";
 import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";
@@ -160,7 +160,6 @@ 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."
@@ -168,7 +167,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(cachedEmailValidator, { message: "Invalid email address." }),
+    email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
     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) {
@@ -207,7 +206,7 @@ const MortgageRate = ({
       }
     ),
     creditScore: z.number({ message: "Credit Score is required." }).positive({ message: "Credit Score is required." }),
-    zipCode: z.string().trim().min(1, { message: "Zip Code is required." }).regex(/^\d{5}$/, { message: "ZIP code must be exactly 5 digits" }),
+    zipCode: z.number({ message: "Zip Code is required." }).positive({ message: "Zip Code is required." }),
     appraisedValue: z.number({ message: "Home Price is required." }).optional().refine(
       (val) => {
         if (loanPurpose === 2 && val == null) {

package/dist/Forms/MortgageRate/MortgageRateWatch.js

@@ -77,6 +77,7 @@ import "../../Chatbot/authenticate.js";
 import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Forms/MortgageWarehouseLending.js

@@ -35,8 +35,6 @@ 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";
@@ -45,6 +43,7 @@ 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 { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
@@ -81,6 +80,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
@@ -149,11 +149,10 @@ 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(cachedEmailValidator, { message: "Invalid email address." }),
+    email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
     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/QuickPricer/QuickPricerForm.js

@@ -26,13 +26,12 @@ import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons
 /* 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 { 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";
@@ -61,8 +60,6 @@ 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"
@@ -172,8 +169,11 @@ 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(cachedNMLSValidator, "NMLS ID is not valid"),
-    Email_Address__c: z.string().email({ message: "Email is required." }).refine(cachedEmailValidator, { message: "Invalid email address." }),
+    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)),
     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,14 +216,10 @@ const QuickPricer = ({
     }
   });
   const methods = useForm({
-    resolver: zodResolver(
-      gen_schema,
-      {
-        async: true
-      },
-      { mode: "async" }
-    ),
-    mode: "onChange",
+    resolver: zodResolver(gen_schema, {
+      async: true
+    }),
+    mode: "all",
     reValidateMode: "onChange",
     defaultValues: {
       Cash_Out_Amount__c: format(0),
@@ -240,7 +236,7 @@ const QuickPricer = ({
   const {
     handleSubmit,
     register,
-    formState: { errors, isValid, isValidating },
+    formState: { errors, isValid },
     setValue
   } = methods;
   const submitForm = async (data) => {
@@ -879,7 +875,7 @@ const QuickPricer = ({
                   color: getVariant(callToAction?.variant),
                   as: "button",
                   type: "submit",
-                  disabled: !isValid || isValidating,
+                  disabled: !isValid,
                   children: callToAction?.displayText
                 }
               ) })

package/dist/Forms/ScheduleCall.js

@@ -26,12 +26,11 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 /* 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 { 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";
@@ -50,11 +49,10 @@ 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(cachedEmailValidator, { message: "Invalid email address." }),
+    email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
     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/ScheduleCallPremier.js

@@ -27,12 +27,11 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 /* 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 { 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";
@@ -51,11 +50,10 @@ 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(cachedEmailValidator, { message: "Invalid email address." }),
+    email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
     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,7 +1,6 @@
 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";
@@ -17,6 +16,7 @@ import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms
 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";
@@ -65,6 +65,7 @@ import "react-use";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Forms/VendorQuestionnaire.js

@@ -17,11 +17,10 @@ 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 { form, form_row, descriptionField, formWrapper, actions, formContainer } from "./Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
 const VendorQuestionnaire = ({
@@ -35,7 +34,6 @@ 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(),
@@ -89,9 +87,7 @@ 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(cachedEmailValidator, {
-      message: "Invalid email address."
-    })
+    "email/0-1": z.string().email({ message: "Please complete this required field." }).refine(async (val) => await validateEmail(val))
   });
   const gen_schema = schema.merge(honeyPotSchema).superRefine((data, ctx) => {
     if (!isValidHoneyPot(data)) {

package/dist/Forms/index.js

@@ -26,7 +26,6 @@ import { MortgageRate } from "./MortgageRate/MortgageRateForm.js";
 import "react/jsx-runtime";
 import { RateWatchForm } from "./MortgageRate/MortgageRateWatch.js";
 import "../utils/allowedAxosDomains.js";
-import "react";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Interstitial/Interstitial-variants.css.js";
 import { MortgageRateFilters } from "./MortgageRate/MortgageRateQuoteFilters.js";

package/dist/Hyperlink/index.js

@@ -73,6 +73,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/ImageLink/ImageLink.js

@@ -9,13 +9,13 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                                    */
 /* empty css                                                */
 import "../utils/allowedAxosDomains.js";
-import { isValidElement } from "react";
 import "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
+import { isValidElement } from "react";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../Calculators/calculator.css.js";
@@ -72,6 +72,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "../Tab/Tab.css.js";

package/dist/ImageLink/ImageLinkSet.js

@@ -79,6 +79,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "../Tab/Tab.css.js";

package/dist/ImageLink/index.js

@@ -71,6 +71,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Insight/Featured/CategorySelector.js

@@ -75,6 +75,7 @@ import "../../Chatbot/authenticate.js";
 import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Insight/Featured/Featured.js

@@ -76,6 +76,7 @@ import "../../Chatbot/authenticate.js";
 import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import Image from "next/image.js";

package/dist/Insight/Featured/Header.js

@@ -74,6 +74,7 @@ import "../../Chatbot/authenticate.js";
 import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/LoadingIndicator/index.js

@@ -1,7 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
-import "react";
 import { loader } from "./LoadingIndicator.css.js";
 const LoadingIndicator = ({
   width = 50,

package/dist/Modal/Modal.js

@@ -74,6 +74,7 @@ import "../Chatbot/authenticate.js";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/Modal/contextApi/store.js

@@ -2,8 +2,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Modal } from "../Modal.js";
 import "../../utils/allowedAxosDomains.js";
-import { createContext, useContext, useState } from "react";
 import { shortUrl } from "../../utils/validateExternalLinks.js";
+import { createContext, useContext, useState } from "react";
 const GlobalContext = createContext({
   targetLinkUrl: "",
   setTargetLinkUrl: () => "",

package/dist/NavigationMenu/AxosALTS/NavData.js

@@ -74,6 +74,7 @@ import "../../Chatbot/authenticate.js";
 import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/NavigationMenu/AxosALTS/index.js

@@ -75,6 +75,7 @@ import "../../Chatbot/authenticate.js";
 import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/NavigationMenu/AxosAdvisor/index.js

@@ -40,7 +40,7 @@ function NavBar() {
   }, [lastNavItem]);
   useEffect(() => {
     setLastNavItem(navItems[navItems.length - 1]);
-  }, [navItems]);
+  }, []);
   useClickAway(ref, (e) => {
     if (e?.target?.tagName !== "A") {
       setisOpenSignIn(false);

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js

@@ -74,6 +74,7 @@ import "../../../Chatbot/authenticate.js";
 import "../../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                             */
 import "../../../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                          */
 import "../../../Comparison/Comparison.css.js";
 import "next/image.js";

package/dist/NavigationMenu/AxosBank/NavData.js

@@ -74,6 +74,7 @@ import "../../Chatbot/authenticate.js";
 import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
+import "@ujet/websdk-headless";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "next/image.js";