@axos-web-dev/shared-components 1.0.77-patch.50 → 1.0.77-patch.51

package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js

@@ -16,12 +16,12 @@ 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 { headerForm, headerContainer, form, fullRowForm, formWrapper, actions, formContainer } from "../Forms.css.js";
 import { SalesforceSchema } from "../SalesforceFieldsForm.js";
-import { LoadingIndicator } from "../../LoadingIndicator/index.js";
 const MortgageRateFilters = ({
   formData,
   onSubmit
@@ -62,7 +62,7 @@ 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." }),
+    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) {
@@ -390,10 +390,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 +402,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/MortgageWarehouseLending.js

@@ -35,6 +35,7 @@ import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
 import "../utils/allowedAxosDomains.js";
+import { z } from "zod";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -43,7 +44,6 @@ 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";

package/dist/Forms/QuickPricer/QuickPricerForm.js

@@ -26,12 +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 { 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";

package/dist/Forms/ScheduleCall.js

@@ -26,11 +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 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";

package/dist/Forms/ScheduleCallPremier.js

@@ -27,11 +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 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";

package/dist/Forms/SuccesForm.js

@@ -1,6 +1,7 @@
 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";
@@ -16,7 +17,6 @@ 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";

package/dist/Forms/VendorQuestionnaire.js

@@ -17,10 +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 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 = ({

package/dist/Forms/index.js

@@ -26,6 +26,7 @@ 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/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";

package/dist/LoadingIndicator/index.js

@@ -1,6 +1,7 @@
 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/contextApi/store.js

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

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts

@@ -18,7 +18,6 @@ export declare const menuData: {
                 "Summit Savings": string;
                 "First Savings": string;
             };
-            "Certificates of Deposits": string;
             Premier: {
                 "Premier Home": string;
                 "Private Client": string;

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

@@ -168,9 +168,6 @@ const menuData = {
           "{AXOSBANK}/personal/bank/savings-accounts/first-savings"
         )
       },
-      "Certificates of Deposits": findMoreAxosDomains(
-        "{AXOSBANK}/personal/bank/savings-accounts/certificates-of-deposit"
-      ),
       Premier: {
         "Premier Home": findMoreAxosDomains("{AXOSBANK}/personal/bank/premier"),
         "Private Client": findMoreAxosDomains(

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -938,27 +938,6 @@ function SubNavBar() {
                         ) })
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/6HFMuiXSvCndJhrPrt4JYk/0a8b9411818a8116943487f946867fe7/nav-submenu-cds-icon.svg`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("ul", { className: `${styles.ml_8} list_unstyled`, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                        Link,
-                        {
-                          href: findMoreAxosDomains(
-                            "{AXOSBANK}/personal/bank/savings-accounts/certificates-of-deposit"
-                          ),
-                          role: "heading",
-                          children: "Certificates of Deposit"
-                        }
-                      ) }) })
-                    ] }),
                     /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
                       /* @__PURE__ */ jsx(
                         Image,

package/dist/SetContainer/SetContainer.js

@@ -11,6 +11,7 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
+import "react";
 import { columnValues } from "../utils/variant.types.js";
 import clsx from "clsx";
 /* empty css                                          */
@@ -18,7 +19,6 @@ import clsx from "clsx";
 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";

package/dist/Tab/Tab.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
+import "react";
 import clsx from "clsx";
 import { tab } from "./Tab.css.js";
 const Tab = ({

package/dist/assets/Blockquote/Blockquote.css.css

@@ -1,68 +1,68 @@
-._quote_spacer_168r9_1 {
-  line-height: 1.35;
-  margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
-  margin-inline: auto;
-}
-
-._author_168r9_13,
-._quote_168r9_1 {
-  color: #1f1f1f;
-}
-
-._author_168r9_13 {
-  text-align: right;
-  margin-top: 18px;
-}
-
-._author_168r9_13 cite {
-  font-style: normal;
-}
-
-._quote_spacer_168r9_1 .img_fluid {
-  margin-right: 24px;
-  transform: rotateY(180deg) scaleY(-1);
-}
-
-._quote_spacer_168r9_1 .flex_row {
-  align-items: flex-start;
-}
-
-._quote_168r9_1 p {
-  font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
-  font-style: italic;
-  line-height: 1.2;
-}
-
-@media (max-width: 768px) {
-  ._quote_spacer_168r9_1 .img_fluid {
-    max-width: 30px;
-    margin-right: 12px;
-  }
-  ._author_168r9_13 {
-    margin-top: 14px;
-  }
-  ._quote_168r9_1 p {
-    font-size: 18px;
-  }
-  ._author_168r9_13 cite {
-    font-size: 14px;
-  }
-}
-
-@media (max-width: 500px) {
-  ._author_168r9_13 {
-    margin-top: 12px;
-  }
-}
-
-@media (min-width: 604px) {
-  ._quote_spacer_168r9_1 {
-    width: min(calc(100% - 2rem), 792px);
-  }
-}
-
-@media (min-width: 1023px) {
-  ._quote_168r9_1 p {
-    font-weight: 700;
-  }
-}
+._quote_spacer_53yiw_1 {
+  line-height: 1.35;
+  margin-block: clamp(1.88rem, 1.99vw + 1.41rem, 3rem);
+  margin-inline: auto;
+}
+
+._author_53yiw_7,
+._quote_53yiw_1 {
+  color: #1f1f1f;
+}
+
+._author_53yiw_7 {
+  text-align: right;
+  margin-top: 18px;
+}
+
+._author_53yiw_7 cite {
+  font-style: normal;
+}
+
+._quote_spacer_53yiw_1 .img_fluid {
+  margin-right: 24px;
+  transform: rotateY(180deg) scaleY(-1);
+}
+
+._quote_spacer_53yiw_1 .flex_row {
+  align-items: flex-start;
+}
+
+._quote_53yiw_1 p {
+  font-size: clamp(1.22rem, 0.92vw + 1rem, 1.74rem);
+  font-style: italic;
+  line-height: 1.2;
+}
+
+@media (max-width: 768px) {
+  ._quote_spacer_53yiw_1 .img_fluid {
+    max-width: 30px;
+    margin-right: 12px;
+  }
+  ._author_53yiw_7 {
+    margin-top: 14px;
+  }
+  ._quote_53yiw_1 p {
+    font-size: 18px;
+  }
+  ._author_53yiw_7 cite {
+    font-size: 14px;
+  }
+}
+
+@media (max-width: 500px) {
+  ._author_53yiw_7 {
+    margin-top: 12px;
+  }
+}
+
+@media (min-width: 604px) {
+  ._quote_spacer_53yiw_1 {
+    width: min(calc(100% - 2rem), 792px);
+  }
+}
+
+@media (min-width: 1023px) {
+  ._quote_53yiw_1 p {
+    font-weight: 700;
+  }
+}

package/dist/main.js

@@ -205,11 +205,14 @@ import { VideoWrapper } from "./VideoWrapper/index.js";
 import { Tab } from "./Tab/Tab.js";
 import { TabContainer } from "./Tab/TabContainer.js";
 import { findMoreAxosDomains, isAllowedUrl } from "./utils/allowedAxosDomains.js";
+import { appendQueryParams } from "./utils/appendQueryParams.js";
+import { createCachedEmailValidator } from "./utils/emailValidation.js";
 import { associatedEmail } from "./utils/EverestValidity.js";
 import { getVariant, getVariantWithRegex } from "./utils/getVariant.js";
+import { createCachedNMLSValidator } from "./utils/nmlsValidation.js";
+import { useCachedEmailValidator, useCachedNMLSValidator } from "./utils/useCachedValidators.js";
 import { isAbsoluteUrl, isEmailLink, isPhoneLink, shortUrl, validateLink } from "./utils/validateExternalLinks.js";
 import { columnValues } from "./utils/variant.types.js";
-import { appendQueryParams } from "./utils/appendQueryParams.js";
 import { padding_in_footer, smb_section, smb_wrapper } from "./SocialMediaBar/SocialMediaBar.css.js";
 export {
   default20 as AASLogo,
@@ -502,6 +505,8 @@ export {
   containerIconBillboard,
   content,
   copy,
+  createCachedEmailValidator,
+  createCachedNMLSValidator,
   description,
   descriptionField,
   details,
@@ -782,6 +787,8 @@ export {
   ul,
   up_to,
   url_row,
+  useCachedEmailValidator,
+  useCachedNMLSValidator,
   useGlobalContext,
   useMessages,
   useOpenChat,

package/dist/utils/emailValidation.d.ts

@@ -0,0 +1 @@
+export declare function createCachedEmailValidator(validateEmail: (email: string) => Promise<boolean>): (val: string) => Promise<boolean>;

package/dist/utils/emailValidation.js

@@ -0,0 +1,31 @@
+import * as z from "zod";
+function createCachedEmailValidator(validateEmail) {
+  const emailValidationCache = /* @__PURE__ */ new Map();
+  const validatingEmails = /* @__PURE__ */ new Set();
+  return async (val) => {
+    if (!val || !z.string().email().safeParse(val).success) {
+      return true;
+    }
+    if (emailValidationCache.has(val)) {
+      return emailValidationCache.get(val) ?? false;
+    }
+    if (validatingEmails.has(val)) {
+      await new Promise((resolve) => setTimeout(resolve, 100));
+      if (emailValidationCache.has(val)) {
+        return emailValidationCache.get(val) ?? false;
+      }
+      return true;
+    }
+    validatingEmails.add(val);
+    try {
+      const isValid = await validateEmail(val);
+      emailValidationCache.set(val, isValid);
+      return isValid;
+    } finally {
+      validatingEmails.delete(val);
+    }
+  };
+}
+export {
+  createCachedEmailValidator
+};

package/dist/utils/index.d.ts

@@ -1,6 +1,9 @@
 export * from './allowedAxosDomains';
+export * from './appendQueryParams';
+export * from './emailValidation';
 export * from './EverestValidity';
 export * from './getVariant';
+export * from './nmlsValidation';
+export * from './useCachedValidators';
 export * from './validateExternalLinks';
 export * from './variant.types';
-export * from './appendQueryParams';

package/dist/utils/index.js

@@ -1,13 +1,19 @@
+"use client";
 import { findMoreAxosDomains, isAllowedUrl } from "./allowedAxosDomains.js";
+import { appendQueryParams } from "./appendQueryParams.js";
+import { createCachedEmailValidator } from "./emailValidation.js";
 import { associatedEmail } from "./EverestValidity.js";
 import { getVariant, getVariantWithRegex } from "./getVariant.js";
+import { createCachedNMLSValidator } from "./nmlsValidation.js";
+import { useCachedEmailValidator, useCachedNMLSValidator } from "./useCachedValidators.js";
 import { isAbsoluteUrl, isEmailLink, isPhoneLink, shortUrl, validateLink } from "./validateExternalLinks.js";
 import { columnValues } from "./variant.types.js";
-import { appendQueryParams } from "./appendQueryParams.js";
 export {
   appendQueryParams,
   associatedEmail,
   columnValues,
+  createCachedEmailValidator,
+  createCachedNMLSValidator,
   findMoreAxosDomains,
   getVariant,
   getVariantWithRegex,
@@ -16,5 +22,7 @@ export {
   isEmailLink,
   isPhoneLink,
   shortUrl,
+  useCachedEmailValidator,
+  useCachedNMLSValidator,
   validateLink
 };

package/dist/utils/nmlsValidation.d.ts

@@ -0,0 +1 @@
+export declare function createCachedNMLSValidator(validateNMLS: (nmls_id: string) => Promise<any>): (val: string) => Promise<boolean>;

package/dist/utils/nmlsValidation.js

@@ -0,0 +1,34 @@
+function createCachedNMLSValidator(validateNMLS) {
+  const nmlsValidationCache = /* @__PURE__ */ new Map();
+  const validatingNMLS = /* @__PURE__ */ new Set();
+  return async (val) => {
+    if (!val || val.trim().length === 0 || val.trim().length < 4) {
+      return true;
+    }
+    if (nmlsValidationCache.has(val)) {
+      return nmlsValidationCache.get(val) ?? false;
+    }
+    if (validatingNMLS.has(val)) {
+      await new Promise((resolve) => setTimeout(resolve, 100));
+      if (nmlsValidationCache.has(val)) {
+        return nmlsValidationCache.get(val) ?? false;
+      }
+      return true;
+    }
+    validatingNMLS.add(val);
+    try {
+      const res = await validateNMLS(val);
+      const isValid = Boolean(res?.body?.data?.records?.length > 0);
+      nmlsValidationCache.set(val, isValid);
+      return isValid;
+    } catch (error) {
+      nmlsValidationCache.set(val, false);
+      return false;
+    } finally {
+      validatingNMLS.delete(val);
+    }
+  };
+}
+export {
+  createCachedNMLSValidator
+};

package/dist/utils/useCachedValidators.d.ts

@@ -0,0 +1,2 @@
+export declare function useCachedEmailValidator(validateEmail: (email: string) => Promise<boolean>): (val: string) => Promise<boolean>;
+export declare function useCachedNMLSValidator(validateNMLS: (nmls_id: string) => Promise<any>): (val: string) => Promise<boolean>;

package/dist/utils/useCachedValidators.js

@@ -0,0 +1,22 @@
+"use client";
+import { useRef } from "react";
+import { createCachedEmailValidator } from "./emailValidation.js";
+import { createCachedNMLSValidator } from "./nmlsValidation.js";
+function useCachedEmailValidator(validateEmail) {
+  const validatorRef = useRef();
+  if (!validatorRef.current) {
+    validatorRef.current = createCachedEmailValidator(validateEmail);
+  }
+  return validatorRef.current;
+}
+function useCachedNMLSValidator(validateNMLS) {
+  const validatorRef = useRef();
+  if (!validatorRef.current) {
+    validatorRef.current = createCachedNMLSValidator(validateNMLS);
+  }
+  return validatorRef.current;
+}
+export {
+  useCachedEmailValidator,
+  useCachedNMLSValidator
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.77-patch.50",
+  "version": "1.0.77-patch.51",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",