@axos-web-dev/shared-components 2.0.0-dev.34 → 2.0.0-dev.37

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,6 +70,16 @@ 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" },
@@ -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/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/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                                   */
+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                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */
@@ -19,27 +19,14 @@ import { useCachedEmailValidator } from "../../utils/useCachedValidators.js";
 import clsx from "clsx";
 /* empty css                                             */
 /* empty css                                             */
-import "../../Accordion/Accordion.js";
-import "../../Accordion/Accordion.css.js";
-import "../../AlertBanner/AlertBanner.css.js";
-import { useState, useEffect } from "react";
-import "../../Article/Article.css.js";
-import "../../ArticlesSet/ArticlesSet.css.js";
-import "../../Calculators/calculator.css.js";
-import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import { chevron_wrapper, chevron } from "../../Chevron/Chevron.css.js";
+/* empty css                                   */
 import "../../Modal/contextApi/store.js";
-import "next/image.js";
+import { useState, useRef, useEffect, useLayoutEffect } from "react";
+import { marketing_tile } from "../../Interstitial/Interstitial-variants.css.js";
+import css from "../../Interstitial/Interstitial.module.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";
+import "react-use";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
 import { Dropdown } from "../../Input/Dropdown.js";
@@ -51,93 +38,14 @@ import { InputPhone } from "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
 import { DownPaymentInput } from "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
-import "../../Input/PercentageInput.js";
+import { LoadingIndicator } from "../../LoadingIndicator/index.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 { HoneyPot } from "../HoneyPot/index.js";
 import { SalesforceSchema } from "../SalesforceFieldsForm.js";
-import "../../Input/RadioButton.css.js";
-import "../../Input/Checkbox.css.js";
-import { LoadingIndicator } from "../../LoadingIndicator/index.js";
-import "react-use";
-import { chevron_wrapper, chevron } from "../../Chevron/Chevron.css.js";
-/* empty css                                   */
 import { RateWatchForm } from "./MortgageRateWatch.js";
-import { marketing_tile } from "../../Interstitial/Interstitial-variants.css.js";
-import css from "../../Interstitial/Interstitial.module.js";
-/* empty css                                                   */
-import "../../Hyperlink/Hyperlink.css.js";
-/* empty css                                                */
-import "iframe-resizer";
-/* empty css                                                                                   */
-import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
-import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
-/* empty css                                       */
-import "react-dom";
-/* empty css                                   */
-import "../../Auth/SignInPassword.js";
-/* empty css                                                 */
-/* empty css                                             */
-/* empty css                                       */
-/* 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";
-/* empty css                                          */
-import "../../Chatbot/store/messages.js";
-/* empty css                                                                       */
-import "../../Comparison/Comparison.css.js";
-import "../../Tab/Tab.css.js";
-import "../../icons/Star/Star.css.js";
-import "../../ContentBanner/ContentBanner.css.js";
-/* empty css                                                 */
-import "../../ExecutiveBio/ExecutiveBio.css.js";
-import "../../FaqAccordion/index.js";
-import "../../FooterDisclosure/FooterDisclosure.css.js";
-/* empty css                                                             */
-/* empty css                                                            */
-/* empty css                                               */
-import "../../ImageBillboard/ImageBillboard.css.js";
-import "next/script.js";
-/* empty css                                           */
-/* empty css                                           */
-/* empty css                                                 */
-/* 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                                                                    */
-/* empty css                                                                     */
-import "../../NavigationMenu/ServerNavigation/Menu.js";
-import "../../NavigationMenu/ServerNavigation/SubNavbar.css.js";
-/* empty css                                                         */
-/* empty css                                                          */
-/* empty css                                                      */
-/* empty css                                                        */
-import "../../PageNavItem/PageNavItem.css.js";
-import "react-slick";
-/* empty css                                                    */
-/* empty css                                             */
-/* empty css                                                       */
-/* empty css                                                     */
-import "../../StepItem/StepItem.css.js";
-import "../../StepItemSet/StepItemSet.css.js";
-/* empty css                                           */
-/* empty css                                   */
-/* 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,
@@ -163,6 +71,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, {
@@ -299,6 +209,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
@@ -307,6 +228,7 @@ const MortgageRate = ({
     if (setRateWatchSubmitted) {
       setRateWatchSubmitted(false);
     }
+    restoreScrollOnNextRender.current = true;
     setHideModal(true);
   };
   const variant = getVariant(fullVariant);
@@ -370,7 +292,7 @@ const MortgageRate = ({
     }
     return value;
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, children: [
     hideModal && !showingTables && /* @__PURE__ */ jsx(
       "section",
       {
@@ -446,9 +368,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: [
@@ -798,12 +720,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.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." }).refine((val) => loanPurpose === 1 ? val != null : true, {
+    salesPrice: z.number({ message: "Purchase Price is required." }).optional().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." }).refine((val) => loanPurpose === 1 ? val != null : true, {
+    downPayment: z.number({ message: "Down Payment is required." }).optional().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." }),
-    appraisedValue: z.number({ message: "Home Price is required." }).refine(
+    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(
       (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." }).refine(
+    mortgageBalance: z.number({ message: "Mortgage Balance is required." }).optional().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." }).refine(
+    cashOut: z.number({ message: "Cash Out is required." }).optional().refine(
       (val) => {
         if (loanPurpose === 2 && val == null) {
           return false;
@@ -92,7 +92,19 @@ const MortgageRateFilters = ({
   });
   const methods = useForm({
     resolver: zodResolver(schema),
-    mode: "all"
+    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
+    }
   });
   const {
     handleSubmit,
@@ -102,10 +114,10 @@ const MortgageRateFilters = ({
   } = methods;
   const salesPrice = watch("salesPrice");
   useEffect(() => {
-    setSalesPriceVal(salesPrice);
+    setSalesPriceVal(salesPrice ?? 0);
   });
   useEffect(() => {
-    if (salesPrice > 0 && !isTypingDownPayment) {
+    if (salesPrice != null && salesPrice > 0 && !isTypingDownPayment) {
       const calculatedDownPayment = Math.round(
         salesPrice * downPaymentPercentage / 100
       );
@@ -115,7 +127,16 @@ const MortgageRateFilters = ({
   }, [salesPrice, downPaymentPercentage]);
   const submitForm = async (data) => {
     const processData = {
-      ...data
+      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
     };
     await onSubmit(processData);
   };
@@ -391,7 +412,8 @@ const MortgageRateFilters = ({
                 inputMode: "numeric",
                 ...register("zipCode", {
                   required: true,
-                  pattern: /^\d{5}$/
+                  pattern: /^\d{5}$/,
+                  setValueAs: (value) => Number(value)
                 }),
                 label: "Zip Code",
                 sizes: "medium",
@@ -413,12 +435,11 @@ const MortgageRateFilters = ({
                 id: "cashOut",
                 type: "number",
                 ...register("cashOut", {
-                  required: true,
+                  required: false,
                   setValueAs: (value) => Number(value)
                 }),
                 label: "Cash Out (Optional)",
                 sizes: "medium",
-                required: true,
                 error: !!errors.cashOut,
                 helperText: errors.cashOut?.message,
                 variant: "tertiary",

package/dist/Forms/MortgageRate/MortgageRateWatch.js

@@ -24,7 +24,7 @@ import { checkbox } from "../../Input/Checkbox.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.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/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/Forms/HoneyPot/HoneyPot.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                                   */
+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                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */
@@ -32,107 +32,13 @@ import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/Topical
 /* empty css                                                   */
 /* empty css                                             */
 /* empty css                                             */
-import "../../Accordion/Accordion.js";
-import "../../Accordion/Accordion.css.js";
-import "../../AlertBanner/AlertBanner.css.js";
-import "../../Article/Article.css.js";
-import "../../ArticlesSet/ArticlesSet.css.js";
-import "../../Calculators/calculator.css.js";
-import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.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";
-import "../../Input/PercentageInput.js";
-import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
-/* empty css                                      */
-import "../HoneyPot/honeyPotValidation.js";
-import "../SalesforceFieldsForm.js";
-import "react-use";
 import "../../Chevron/Chevron.css.js";
 /* empty css                                   */
+import "../../Modal/contextApi/store.js";
 import "../../Interstitial/Interstitial-variants.css.js";
-/* empty css                                                   */
-import "../../Hyperlink/Hyperlink.css.js";
-/* empty css                                                */
+import { button } from "../../Button/Button.css.js";
+import "react-use";
 import { SuccesFormWrapper } from "../SuccesForm.js";
-import "iframe-resizer";
-/* empty css                                                                                   */
-import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
-import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
-/* empty css                                       */
-import "react-dom";
-/* empty css                                   */
-import "../../Auth/SignInPassword.js";
-/* empty css                                                 */
-/* empty css                                             */
-/* empty css                                       */
-/* 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";
-/* empty css                                          */
-import "../../Chatbot/store/messages.js";
-/* empty css                                                                       */
-import "../../Comparison/Comparison.css.js";
-import "../../Tab/Tab.css.js";
-import "../../icons/Star/Star.css.js";
-import "../../ContentBanner/ContentBanner.css.js";
-/* empty css                                                 */
-import "../../ExecutiveBio/ExecutiveBio.css.js";
-import "../../FaqAccordion/index.js";
-import "../../FooterDisclosure/FooterDisclosure.css.js";
-/* empty css                                                             */
-/* empty css                                                            */
-/* empty css                                               */
-import "../../ImageBillboard/ImageBillboard.css.js";
-import "next/script.js";
-/* empty css                                           */
-/* empty css                                           */
-/* empty css                                                 */
-/* 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                                                                    */
-/* empty css                                                                     */
-import "../../NavigationMenu/ServerNavigation/Menu.js";
-import "../../NavigationMenu/ServerNavigation/SubNavbar.css.js";
-/* empty css                                                         */
-/* empty css                                                          */
-/* empty css                                                      */
-/* empty css                                                        */
-import "../../PageNavItem/PageNavItem.css.js";
-import "react-slick";
-/* empty css                                                    */
-/* empty css                                             */
-/* empty css                                                       */
-/* empty css                                                     */
-import "../../StepItem/StepItem.css.js";
-import "../../StepItemSet/StepItemSet.css.js";
-/* empty css                                           */
-/* empty css                                   */
-/* empty css                                                     */
-/* empty css                                                   */
-/* empty css                                                 */
 const RateWatchForm = ({
   email,
   lastName,