@axos-web-dev/shared-components 2.0.0-dev.enableCTA2 → 2.0.0-dev.insights.11

package/dist/ExecutiveBio/ExecutiveBio.js

@@ -82,10 +82,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/FaqAccordion/index.js

@@ -82,10 +82,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/FdicCallout/index.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import css from "./FdicCallout.module.js";
 const FdicBanner = () => {
-  return /* @__PURE__ */ jsx("div", { className: css.fdic_callout, children: /* @__PURE__ */ jsx("div", { className: css.inner_container, children: /* @__PURE__ */ jsx("div", { className: "flex middle", children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx("div", { className: css.fdic_callout, "aria-label": "FDIC Notice banner", children: /* @__PURE__ */ jsx("div", { className: css.inner_container, children: /* @__PURE__ */ jsx("div", { className: "flex middle", children: /* @__PURE__ */ jsxs(
     "svg",
     {
       width: "430",

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -78,10 +78,10 @@ import "../../Auth/SignInPassword.js";
 /* empty css                                                       */
 import "../../Carousel/index.js";
 /* empty css                                                      */
-import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                      */
 import "../../Chatbot/store/chat.js";
 import "../../Chatbot/Chatbot.js";
+import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */

package/dist/Forms/ApplyNow.js

@@ -83,10 +83,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/Forms/ContactUsBusiness.js

@@ -83,10 +83,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/Forms/ContactUsBusinessNameEmail.js

@@ -83,10 +83,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/Forms/ContactUsNMLSId.js

@@ -83,10 +83,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/Forms/CpraRequest.js

@@ -83,10 +83,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/Forms/CraPublicFile.js

@@ -83,10 +83,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/Forms/EmailOnly.js

@@ -84,10 +84,10 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
@@ -197,17 +197,7 @@ const EmailOnly = ({
       children: /* @__PURE__ */ jsx("div", { style: { width: "100%" }, children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
         icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
         /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
-          /* @__PURE__ */ jsx(
-            "h2",
-            {
-              className: clsx(
-                "header_2",
-                headerForm({ variant }),
-                email_only_h2
-              ),
-              children: headline
-            }
-          ),
+          /* @__PURE__ */ jsx("h2", { className: clsx(headerForm({ variant }), email_only_h2), children: headline }),
           description && /* @__PURE__ */ jsx(
             "div",
             {

package/dist/Forms/FormEnums.d.ts

@@ -11,22 +11,10 @@ export declare const Purposes: {
     value: string;
     text: string;
 }[];
-export declare const LoanPurposes: {
-    value: string;
-    text: string;
-}[];
-export declare const LoanTypeDetails: {
-    value: string;
-    text: string;
-}[];
 export declare const RepresentativesFico: {
     value: string;
     text: string;
 }[];
-export declare const CreditScore: {
-    value: string;
-    text: string;
-}[];
 export declare const DocType: {
     value: string;
     text: string;
@@ -63,10 +51,6 @@ export declare const PropertyType: {
     value: string;
     text: string;
 }[];
-export declare const PropertyIntendedUse: {
-    value: string;
-    text: string;
-}[];
 export declare const Occupancy: {
     value: string;
     text: string;

package/dist/Forms/FormEnums.js

@@ -50,14 +50,6 @@ const Purposes = [
   { value: "RefiCashout", text: "Refi Cashout" },
   { value: "RefiRateTermLimitedCO", text: "Refi Rate-Term/Limited C.O." }
 ];
-const LoanPurposes = [
-  { value: "Purchase", text: "Purchase" },
-  { value: "Refinance", text: "Refinance" }
-];
-const LoanTypeDetails = [
-  { value: "DSCR", text: "DSCR" },
-  { value: "Bank Statement Loan", text: "Bank Statement Loan" }
-];
 const RepresentativesFico = [
   { value: "780", text: "780+" },
   { value: "760", text: "779 - 760" },
@@ -70,16 +62,6 @@ const RepresentativesFico = [
   { value: "620", text: "639 - 620" },
   { value: "600", text: "Below 620" }
 ];
-const CreditScore = [
-  { value: "740+", text: "740+" },
-  { value: "720", text: "739 - 720" },
-  { value: "700", text: "719 - 700" },
-  { value: "680", text: "699 - 680" },
-  { value: "660", text: "679 - 660" },
-  { value: "640", text: "659 - 640" },
-  { value: "620", text: "639 - 620" },
-  { value: "Below 620 ", text: "Below 620" }
-];
 const DocType = [
   { value: "FullDoc", text: "Full Doc" },
   // { value: "AssetDepletion", text: "Asset Depletion" },
@@ -151,11 +133,6 @@ const PropertyType = [
   { value: "Coop", text: "Co-op" },
   { value: "Condotel", text: "Condotel" }
 ];
-const PropertyIntendedUse = [
-  { value: "Primary Residence", text: "Primary Residence" },
-  { value: "Second / Vacation Home", text: "Vacation Home" },
-  { value: "Investment", text: "Investment" }
-];
 const Occupancy = [
   { value: "PrimaryResidence", text: "Principal Residence" },
   { value: "SecondHome", text: "Second Home" },
@@ -479,23 +456,19 @@ export {
   BuydownRate,
   BuydownTerm,
   Citizenship,
-  CreditScore,
   CurrentAssets,
   DocType,
   Fico,
   HousingEventHistory,
   HousingEventType,
   LeadType,
-  LoanPurposes,
   LoanRates,
-  LoanTypeDetails,
   MortgageLates12,
   MortgageLates24,
   NumberOfUnits,
   Occupancy,
   PrepaymentPenalty,
   Program,
-  PropertyIntendedUse,
   PropertyType,
   PurposeOfLoan,
   Purposes,

package/dist/Forms/MortgageRate/MortgageRateForm.js

@@ -22,7 +22,7 @@ import clsx from "clsx";
 import "../../Accordion/Accordion.js";
 import "../../Accordion/Accordion.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
-import { useState, useRef, useEffect, useLayoutEffect } from "react";
+import { useState, useEffect } from "react";
 import "../../Article/Article.css.js";
 import "../../ArticlesSet/ArticlesSet.css.js";
 import "../../Calculators/calculator.css.js";
@@ -84,10 +84,10 @@ import "../../Auth/SignInPassword.js";
 /* empty css                                                       */
 import "../../Carousel/index.js";
 /* empty css                                                      */
-import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                      */
 import "../../Chatbot/store/chat.js";
 import "../../Chatbot/Chatbot.js";
+import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
@@ -138,7 +138,6 @@ import "../../StepItemSet/StepItemSet.css.js";
 /* empty css                                                   */
 /* empty css                                                 */
 import { honeyPotSchema, isValidHoneyPot } from "../HoneyPot/honeyPotValidation.js";
-const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 const MortgageRate = ({
   icon = false,
   children,
@@ -164,8 +163,6 @@ const MortgageRate = ({
   const [_downPayment, setDownPayment] = useState(0);
   const [isTypingDownPayment, setIsTypingDownPayment] = useState(false);
   const [salesPriceVal, setSalesPriceVal] = useState(0);
-  const containerRef = useRef(null);
-  const restoreScrollOnNextRender = useRef(false);
   const cachedEmailValidator = useCachedEmailValidator(validateEmail);
   const schema = z.object({
     firstName: z.string({ message: "First Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
@@ -302,17 +299,6 @@ const MortgageRate = ({
       methods.setValue("downPayment", calculatedDownPayment);
     }
   }, [salesPrice, downPaymentPercentage]);
-  useIsomorphicLayoutEffect(() => {
-    if (!restoreScrollOnNextRender.current) return;
-    restoreScrollOnNextRender.current = false;
-    const anchorViewport = () => {
-      const target = showingTables && containerRef.current?.nextElementSibling || containerRef.current;
-      target?.scrollIntoView({ block: "start" });
-    };
-    anchorViewport();
-    const raf = requestAnimationFrame(anchorViewport);
-    return () => cancelAnimationFrame(raf);
-  }, [hideModal, showingTables]);
   const submitForm = async (data) => {
     const processData = {
       ...data
@@ -321,7 +307,6 @@ const MortgageRate = ({
     if (setRateWatchSubmitted) {
       setRateWatchSubmitted(false);
     }
-    restoreScrollOnNextRender.current = true;
     setHideModal(true);
   };
   const variant = getVariant(fullVariant);
@@ -385,7 +370,7 @@ const MortgageRate = ({
     }
     return value;
   };
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     hideModal && !showingTables && /* @__PURE__ */ jsx(
       "section",
       {
@@ -461,9 +446,9 @@ const MortgageRate = ({
             {
               className: form,
               onSubmit: async (e) => {
-                e.preventDefault();
                 onValidate && onValidate(e);
                 await handleSubmit(submitForm)(e);
+                e.preventDefault();
               },
               children: [
                 /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
@@ -813,15 +798,12 @@ const MortgageRate = ({
                       {
                         id,
                         className: `${chevron({ variant })} ${!isValid ? na_cursor : ""}`,
-                        onClick: (e) => {
+                        onClick: isValid ? handleSubmit(async (data) => {
+                          await onSubmit(data);
+                          toggleModal();
+                          setHideModal(false);
+                        }) : (e) => {
                           e.preventDefault();
-                          if (!isValid) return;
-                          handleSubmit(async (data) => {
-                            await onSubmit(data);
-                            restoreScrollOnNextRender.current = true;
-                            toggleModal();
-                            setHideModal(false);
-                          })(e);
                         },
                         children: "Sign Up For Ratewatch"
                       }

package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js

@@ -36,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) => {
@@ -47,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) => {
@@ -61,8 +61,8 @@ const MortgageRateFilters = ({
       }
     ),
     creditScore: z.number({ message: "Credit Score is required." }).positive({ message: "Credit Score is required." }),
-    zipCode: z.number({ message: "Zip Code is required." }).int({ message: "Zip Code must be a valid 5-digit zip code." }).gte(1e4, { message: "Zip Code must be a valid 5-digit zip code." }).lte(99999, { message: "Zip Code must be a valid 5-digit zip code." }),
-    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;
@@ -71,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;
@@ -80,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,19 +92,7 @@ const MortgageRateFilters = ({
   });
   const methods = useForm({
     resolver: zodResolver(schema),
-    mode: "all",
-    defaultValues: {
-      loanPurpose: formData.loanPurpose,
-      propertyType: formData.propertyType,
-      occupancy: formData.occupancy,
-      salesPrice: formData.salesPrice,
-      downPayment: formData.downPayment,
-      creditScore: formData.creditScore,
-      zipCode: formData.zipCode,
-      appraisedValue: formData.appraisedValue,
-      mortgageBalance: formData.mortgageBalance,
-      cashOut: formData.cashOut
-    }
+    mode: "all"
   });
   const {
     handleSubmit,
@@ -114,10 +102,10 @@ const MortgageRateFilters = ({
   } = methods;
   const salesPrice = watch("salesPrice");
   useEffect(() => {
-    setSalesPriceVal(salesPrice ?? 0);
+    setSalesPriceVal(salesPrice);
   });
   useEffect(() => {
-    if (salesPrice != null && salesPrice > 0 && !isTypingDownPayment) {
+    if (salesPrice > 0 && !isTypingDownPayment) {
       const calculatedDownPayment = Math.round(
         salesPrice * downPaymentPercentage / 100
       );
@@ -127,16 +115,7 @@ const MortgageRateFilters = ({
   }, [salesPrice, downPaymentPercentage]);
   const submitForm = async (data) => {
     const processData = {
-      loanPurpose: data.loanPurpose,
-      propertyType: data.propertyType,
-      occupancy: data.occupancy,
-      creditScore: data.creditScore,
-      zipCode: data.zipCode,
-      salesPrice: data.salesPrice ?? 0,
-      downPayment: data.downPayment ?? 0,
-      appraisedValue: data.appraisedValue ?? 0,
-      mortgageBalance: data.mortgageBalance ?? 0,
-      cashOut: data.cashOut ?? 0
+      ...data
     };
     await onSubmit(processData);
   };
@@ -412,8 +391,7 @@ const MortgageRateFilters = ({
                 inputMode: "numeric",
                 ...register("zipCode", {
                   required: true,
-                  pattern: /^\d{5}$/,
-                  setValueAs: (value) => Number(value)
+                  pattern: /^\d{5}$/
                 }),
                 label: "Zip Code",
                 sizes: "medium",

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

@@ -1,6 +1,6 @@
 export type RateWatchInputs = {
     updateType: string;
-    updateCadence?: string;
+    updateCadence: string;
     loanTerms?: string;
     hasSmsConsent: boolean;
     tR1DesiredRate?: string;