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

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,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,7 +45,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";
@@ -148,10 +149,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) {

package/dist/Forms/QuickPricer/QuickPricerForm.js

@@ -26,12 +26,13 @@ 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";
@@ -60,6 +61,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 +172,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 +216,14 @@ const QuickPricer = ({
     }
   });
   const methods = useForm({
-    resolver: zodResolver(gen_schema, {
-      async: true
-    }),
-    mode: "all",
+    resolver: zodResolver(
+      gen_schema,
+      {
+        async: true
+      },
+      { mode: "async" }
+    ),
+    mode: "onChange",
     reValidateMode: "onChange",
     defaultValues: {
       Cash_Out_Amount__c: format(0),
@@ -236,7 +240,7 @@ const QuickPricer = ({
   const {
     handleSubmit,
     register,
-    formState: { errors, isValid },
+    formState: { errors, isValid, isValidating },
     setValue
   } = methods;
   const submitForm = async (data) => {
@@ -875,7 +879,7 @@ const QuickPricer = ({
                   color: getVariant(callToAction?.variant),
                   as: "button",
                   type: "submit",
-                  disabled: !isValid,
+                  disabled: !isValid || isValidating,
                   children: callToAction?.displayText
                 }
               ) })

package/dist/Forms/ScheduleCall.js

@@ -26,11 +26,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 * 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";
@@ -49,10 +50,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) {

package/dist/Forms/ScheduleCallPremier.js

@@ -27,11 +27,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 * 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";
@@ -50,10 +51,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,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,11 @@ 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 = ({
@@ -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)) {

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;
@@ -99,7 +98,6 @@ export declare const menuData: {
                 "Education & Insights Home": string;
                 "Banking Insights": string;
                 "Investing Insights": string;
-                "Investing Podcast": 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(
@@ -332,10 +329,7 @@ const menuData = {
         "Banking Insights": findMoreAxosDomains(
           "{AXOSBANK}/personal/insights/finance"
         ),
-        "Investing Insights": findMoreAxosDomains("{AXOS}/invest/insights"),
-        "Investing Podcast": findMoreAxosDomains(
-          "https://moneyevolved.libsyn.com/"
-        )
+        "Investing Insights": findMoreAxosDomains("{AXOS}/invest/insights")
       }
     }
   },

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -54,7 +54,7 @@ import "../../Input/Checkbox.css.js";
 import "../../LoadingIndicator/LoadingIndicator.css.js";
 import "../../Inputs/Input.css.js";
 /* empty css                                                            */
-import { Hyperlink } from "../../Hyperlink/index.js";
+import "../../Hyperlink/Hyperlink.css.js";
 /* empty css                                                         */
 import "iframe-resizer";
 /* empty css                                                                                   */
@@ -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,
@@ -1958,15 +1937,6 @@ function SubNavBar() {
                             ),
                             children: "Investing Insights"
                           }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Hyperlink,
-                          {
-                            targetUrl: findMoreAxosDomains(
-                              "https://moneyevolved.libsyn.com/"
-                            ),
-                            children: "Investing Podcast"
-                          }
                         ) })
                       ] })
                     ] })

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/assets/ExecutiveBio/ExecutiveBio.css

@@ -239,7 +239,6 @@ main > div:has(.txcb8d1f) {
 }
 .txcb8d1n {
   aspect-ratio: 344 / 392;
-  background-color: #DAE2E5;
   border-radius: 16px;
   align-self: stretch;
   overflow: hidden;

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