@axos-web-dev/shared-components 2.0.0-dev.9-fixdependencies → 2.0.0-dev.enableCTA2

package/dist/Forms/EmailOnly.js

@@ -16,7 +16,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/ServerNavigation/NavigationBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/ImageToast/ImageToast.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                               */
 /* empty css                                    */
@@ -24,7 +24,10 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                                */
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
+import { 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 "react";
 import "../Chevron/Chevron.css.js";
@@ -35,13 +38,19 @@ import "../Button/Button.css.js";
 import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.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 "../Modal/contextApi/store.js";
+import "next/image.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+/* empty css                                          */
+/* empty css                                          */
+/* empty css                                          */
+import "../SetContainer/SetContainer.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -49,10 +58,8 @@ import "../Input/PercentageInput.js";
 import { useForm, FormProvider } from "react-hook-form";
 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";
+import { HoneyPot } from "./HoneyPot/index.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
-/* empty css                                          */
-/* empty css                                          */
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -77,7 +84,7 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-/* empty css                                    */
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
@@ -85,11 +92,6 @@ import "../Chatbot/Chatbot.js";
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import "next/image.js";
-import "../HeroBanner/LargeBanner.css.js";
-import "../HeroBanner/HeroBanner.css.js";
-import "../HeroBanner/SelectionBanner.css.js";
-import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
@@ -108,13 +110,16 @@ import "next/script.js";
 /* empty css                                                      */
 /* empty css                                            */
 import "../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+/* empty css                                                   */
 /* empty css                                                      */
 import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
-import "next/link.js";
-/* empty css                                                   */
+/* empty css                                                                  */
+import "../NavigationMenu/ServerNavigation/Menu.js";
+import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
 /* empty css                                                      */
 /* empty css                                                       */
 /* empty css                                                   */
@@ -132,6 +137,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                                  */
 /* empty css                                                */
 /* empty css                                              */
+import { honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
 const EmailOnly = ({
   icon = false,
   children,

package/dist/Forms/EmailUs.d.ts

@@ -4,4 +4,4 @@ export type EmailUsInputs = {
     email: string;
     message: string;
 };
-export declare const EmailUs: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmailUs: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/EmailUs.js

@@ -25,7 +25,8 @@ import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
-import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { HoneyPot } from "./HoneyPot/index.js";
+import { honeyPotSchema, isValidHoneyPot } from "./HoneyPot/honeyPotValidation.js";
 const EmailUs = ({
   icon = false,
   children,

package/dist/Forms/FormEnums.d.ts

@@ -11,10 +11,22 @@ 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;
@@ -51,6 +63,10 @@ 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,6 +50,14 @@ 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" },
@@ -62,10 +70,20 @@ 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" },
-  { value: "AssetUtilization", text: "Asset Utilization" },
+  // { value: "AssetDepletion", text: "Asset Depletion" },
+  // { value: "AssetUtilization", text: "Asset Utilization" },
   { value: "PersonalBankStmt12Mos", text: "Personal Bank Stmt: 12 Mos" },
   { value: "BusinessBankStmt12Mos", text: "Business Bank Stmt: 12 Mos" },
   { value: "PersonalBankStmt24Mos", text: "Personal Bank Stmt: 24 Mos" },
@@ -133,6 +151,11 @@ 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" },
@@ -456,19 +479,23 @@ 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/Forms.css.d.ts

@@ -8,14 +8,17 @@ export declare const formContainer: import('@vanilla-extract/recipes').RuntimeFn
         secondary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: number;
         };
         tertiary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: number;
         };
         quaternary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: number;
         };
     };
 }>;
@@ -209,4 +212,5 @@ export declare const back_btn_apply_now: string;
 export declare const iconbillboards_option_apply_now: string;
 export declare const form_nav_apply_now: string;
 export declare const step_title_apply_now: string;
+export declare const submitErrorText: string;
 export declare const email_only_btn: string;

package/dist/Forms/Forms.css.js

@@ -55,7 +55,8 @@ var back_btn_apply_now = "tfms6a2d";
 var iconbillboards_option_apply_now = "tfms6a2e";
 var form_nav_apply_now = "tfms6a2f";
 var step_title_apply_now = "tfms6a2g";
-var email_only_btn = "tfms6a2h";
+var submitErrorText = "tfms6a2h";
+var email_only_btn = "tfms6a2i";
 export {
   actions,
   apply_now_form,
@@ -97,6 +98,7 @@ export {
   section_title,
   show_options,
   step_title_apply_now,
+  submitErrorText,
   succes_check_mark,
   success_circle,
   success_icon,

package/dist/Forms/HoneyPot/honeyPotValidation.d.ts

@@ -0,0 +1,27 @@
+import { z } from 'zod';
+
+export type HoneyPotInterface = {
+    AlternativePhone?: string;
+    AlternativeEmail?: string;
+};
+export declare const honeyPotSchema: z.ZodObject<{
+    AlternativeEmail: z.ZodEffects<z.ZodString, "bestbank@axos.com", string>;
+    AlternativePhone: z.ZodEffects<z.ZodDefault<z.ZodString>, string, string | undefined>;
+}, "strip", z.ZodTypeAny, {
+    AlternativeEmail: "bestbank@axos.com";
+    AlternativePhone: string;
+}, {
+    AlternativeEmail: string;
+    AlternativePhone?: string | undefined;
+}>;
+export declare const honeyPotFieldsSchema: z.ZodObject<{
+    AlternativeEmail: z.ZodOptional<z.ZodString>;
+    AlternativePhone: z.ZodDefault<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    AlternativePhone: string;
+    AlternativeEmail?: string | undefined;
+}, {
+    AlternativeEmail?: string | undefined;
+    AlternativePhone?: string | undefined;
+}>;
+export declare const isValidHoneyPot: (data: HoneyPotInterface) => boolean;

package/dist/Forms/HoneyPot/honeyPotValidation.js

@@ -0,0 +1,17 @@
+import { z } from "zod";
+const honeyPotSchema = z.object({
+  AlternativeEmail: z.string().refine((val) => val === "bestbank@axos.com"),
+  AlternativePhone: z.string().default("").refine((val) => val.trim() === "")
+});
+const honeyPotFieldsSchema = z.object({
+  AlternativeEmail: z.string().trim().optional(),
+  AlternativePhone: z.string().trim().default("")
+});
+const isValidHoneyPot = (data) => {
+  return data.AlternativeEmail === "bestbank@axos.com" && data.AlternativePhone != null && data.AlternativePhone.trim() === "";
+};
+export {
+  honeyPotFieldsSchema,
+  honeyPotSchema,
+  isValidHoneyPot
+};

package/dist/Forms/HoneyPot/index.d.ts

@@ -1,23 +1,8 @@
 import { UseFormRegister } from 'react-hook-form';
-import { z } from 'zod';
 import { FormProps } from '../FormProps';
 
-export type HoneyPotInterface = {
-    AlternativePhone?: string;
-    AlternativeEmail?: string;
-};
-export declare const honeyPotSchema: z.ZodObject<{
-    AlternativeEmail: z.ZodEffects<z.ZodString, "bestbank@axos.com", string>;
-    AlternativePhone: z.ZodEffects<z.ZodString, string, string>;
-}, "strip", z.ZodTypeAny, {
-    AlternativeEmail: "bestbank@axos.com";
-    AlternativePhone: string;
-}, {
-    AlternativeEmail: string;
-    AlternativePhone: string;
-}>;
-export declare const isValidHoneyPot: (data: HoneyPotInterface) => boolean;
+export * from './honeyPotValidation';
 export declare const HoneyPot: ({ variant: fullVariant, register, }: {
     variant?: FormProps["variant"];
     register: UseFormRegister<any>;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/dist/Forms/HoneyPot/index.js

@@ -10,17 +10,10 @@ import { InputPhone } from "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
 import "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
-import { z } from "zod";
 import { getVariant } from "../../utils/getVariant.js";
 import "react";
 import { form_field_container } from "./HoneyPot.css.js";
-const honeyPotSchema = z.object({
-  AlternativeEmail: z.string().refine((val) => val === "bestbank@axos.com"),
-  AlternativePhone: z.string().refine((val) => !val || val.trim() === "")
-});
-const isValidHoneyPot = (data) => {
-  return data.AlternativeEmail === "bestbank@axos.com" && (!data.AlternativePhone || data.AlternativePhone.trim() === "");
-};
+import { honeyPotFieldsSchema, honeyPotSchema, isValidHoneyPot } from "./honeyPotValidation.js";
 const HoneyPot = ({
   variant: fullVariant = "primary",
   register
@@ -64,6 +57,7 @@ const HoneyPot = ({
 };
 export {
   HoneyPot,
+  honeyPotFieldsSchema,
   honeyPotSchema,
   isValidHoneyPot
 };

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

@@ -26,4 +26,4 @@ export declare const MortgageRate: ({ icon, children, onSubmit, disclosure, vari
     setRateWatchSubmitted?: React.Dispatch<React.SetStateAction<boolean>>;
     hideModalValue: boolean;
     showingTables: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/dist/Forms/MortgageRate/MortgageRateForm.js

@@ -6,7 +6,7 @@ import SvgArrowIcon from "../../icons/ArrowIcon/index.js";
 import SvgAxosX from "../../icons/AxosX/index.js";
 import SvgComponent from "../../icons/AxosX/Blue.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/Chatbot/ChatWindow.css';import '../../assets/Chatbot/Bubble.css';import '../../assets/Chatbot/Chatbot.css';import '../../assets/Chatbot/AnimatedGradientBorder.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/Insight/Insight.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/ServerNavigation/NavigationBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/NavBar2.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/Chatbot/ChatWindow.css';import '../../assets/Chatbot/Bubble.css';import '../../assets/Chatbot/AnimatedGradientBorder.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/Insight/Insight.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.css';import '../../assets/ImageToast/ImageToast.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */
@@ -22,14 +22,21 @@ import clsx from "clsx";
 import "../../Accordion/Accordion.js";
 import "../../Accordion/Accordion.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
-import { useState, useEffect } from "react";
+import { useState, useRef, useEffect, useLayoutEffect } from "react";
 import "../../Article/Article.css.js";
 import "../../ArticlesSet/ArticlesSet.css.js";
 import "../../Calculators/calculator.css.js";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import { button } from "../../Button/Button.css.js";
 import "../../Modal/contextApi/store.js";
+import "next/image.js";
+import { button } from "../../Button/Button.css.js";
 import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
+import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
+import "../../HeroBanner/SelectionBanner.css.js";
+/* empty css                                             */
+import "../../SetContainer/SetContainer.css.js";
 import "../../Table/Table.css.js";
 import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -48,7 +55,7 @@ import "../../Input/PercentageInput.js";
 import { useForm, FormProvider } from "react-hook-form";
 import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import { iconForm, headerForm, form, descriptionField, headerContainer, fullRowSelect, centerSelect, formWrapper, mt2rem, fullRowForm, disclosureForm, actions, formBtns, na_cursor, formContainer } from "../Forms.css.js";
-import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "../HoneyPot/index.js";
+import { HoneyPot } from "../HoneyPot/index.js";
 import { SalesforceSchema } from "../SalesforceFieldsForm.js";
 import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";
@@ -77,7 +84,7 @@ import "../../Auth/SignInPassword.js";
 /* empty css                                                       */
 import "../../Carousel/index.js";
 /* empty css                                                      */
-/* empty css                                       */
+import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                      */
 import "../../Chatbot/store/chat.js";
 import "../../Chatbot/Chatbot.js";
@@ -85,11 +92,6 @@ import "../../Chatbot/Chatbot.js";
 import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
-import "next/image.js";
-import "../../HeroBanner/LargeBanner.css.js";
-import "../../HeroBanner/HeroBanner.css.js";
-import "../../HeroBanner/SelectionBanner.css.js";
-import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";
 import "../../icons/Star/Star.css.js";
 import "../../ContentBanner/ContentBanner.css.js";
@@ -108,13 +110,16 @@ import "next/script.js";
 /* empty css                                                         */
 /* empty css                                               */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+/* empty css                                                      */
 /* empty css                                                         */
 import "next/navigation.js";
 /* empty css                                                            */
 /* empty css                                                                 */
 /* empty css                                                                    */
-import "next/link.js";
-/* empty css                                                      */
+/* empty css                                                                     */
+import "../../NavigationMenu/ServerNavigation/Menu.js";
+import "../../NavigationMenu/ServerNavigation/SubNavbar.css.js";
 /* empty css                                                         */
 /* empty css                                                          */
 /* empty css                                                      */
@@ -132,6 +137,8 @@ import "../../StepItemSet/StepItemSet.css.js";
 /* empty css                                                     */
 /* empty css                                                   */
 /* empty css                                                 */
+import { honeyPotSchema, isValidHoneyPot } from "../HoneyPot/honeyPotValidation.js";
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 const MortgageRate = ({
   icon = false,
   children,
@@ -157,6 +164,8 @@ 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, {
@@ -293,6 +302,17 @@ 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
@@ -301,6 +321,7 @@ const MortgageRate = ({
     if (setRateWatchSubmitted) {
       setRateWatchSubmitted(false);
     }
+    restoreScrollOnNextRender.current = true;
     setHideModal(true);
   };
   const variant = getVariant(fullVariant);
@@ -364,7 +385,7 @@ const MortgageRate = ({
     }
     return value;
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, children: [
     hideModal && !showingTables && /* @__PURE__ */ jsx(
       "section",
       {
@@ -440,9 +461,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: [
@@ -792,12 +813,15 @@ const MortgageRate = ({
                       {
                         id,
                         className: `${chevron({ variant })} ${!isValid ? na_cursor : ""}`,
-                        onClick: isValid ? handleSubmit(async (data) => {
-                          await onSubmit(data);
-                          toggleModal();
-                          setHideModal(false);
-                        }) : (e) => {
+                        onClick: (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.d.ts

@@ -25,5 +25,5 @@ interface MortgageRateFiltersProps {
     };
     onSubmit: (values: MortgageRateFilterInputs) => void;
 }
-export declare const MortgageRateFilters: ({ formData, onSubmit, }: MortgageRateFiltersProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MortgageRateFilters: ({ formData, onSubmit, }: MortgageRateFiltersProps) => import("react").JSX.Element;
 export {};