@axos-web-dev/shared-components 2.0.0-dev.2-bwaTest → 2.0.0-dev.2-nav-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/dist/ATMLocator/ATMLocator.js +14 -84
  2. package/dist/Auth/ErrorAlert.js +6 -88
  3. package/dist/Button/Button.js +6 -120
  4. package/dist/Calculators/Calculator.d.ts +1 -1
  5. package/dist/Calculators/Calculator.js +18 -89
  6. package/dist/Calculators/MarginTradingCalculator/index.js +2 -112
  7. package/dist/Carousel/index.js +4 -109
  8. package/dist/Chatbot/ChatWindow.css.d.ts +4 -0
  9. package/dist/Chatbot/ChatWindow.css.js +8 -0
  10. package/dist/Chatbot/ChatWindow.js +8 -2
  11. package/dist/Chatbot/Chatbot.js +12 -2
  12. package/dist/Chatbot/ChatbotMessage.d.ts +1 -0
  13. package/dist/Chatbot/ChatbotMessage.js +47 -4
  14. package/dist/Chatbot/index.js +5 -1
  15. package/dist/Chevron/index.js +4 -114
  16. package/dist/Comparison/Comparison.js +5 -121
  17. package/dist/ExecutiveBio/ExecutiveBio.interface.d.ts +3 -2
  18. package/dist/ExecutiveBio/ExecutiveBio.js +4 -126
  19. package/dist/FaqAccordion/index.js +7 -110
  20. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +5 -110
  21. package/dist/Forms/ApplyNow.js +4 -109
  22. package/dist/Forms/ContactCompany.d.ts +1 -1
  23. package/dist/Forms/ContactCompanyTitle.d.ts +1 -1
  24. package/dist/Forms/ContactUsBusiness.js +7 -104
  25. package/dist/Forms/ContactUsBusinessNameEmail.js +8 -104
  26. package/dist/Forms/ContactUsNMLSId.js +7 -104
  27. package/dist/Forms/CpraRequest.js +2 -96
  28. package/dist/Forms/CraPublicFile.js +7 -104
  29. package/dist/Forms/DealerServices.d.ts +1 -1
  30. package/dist/Forms/EmailOnly.js +7 -104
  31. package/dist/Forms/EmailUs.js +34 -40
  32. package/dist/Forms/Forms.css.d.ts +0 -3
  33. package/dist/Forms/Forms.css.js +39 -39
  34. package/dist/Forms/MortgageRate/MortgageRateForm.js +8 -96
  35. package/dist/Forms/MortgageRate/MortgageRateWatch.js +4 -92
  36. package/dist/Forms/MortgageWarehouseLending.js +7 -104
  37. package/dist/Forms/SuccesForm.js +8 -91
  38. package/dist/Hyperlink/index.js +5 -110
  39. package/dist/ImageLink/ImageLink.js +6 -106
  40. package/dist/ImageLink/ImageLinkSet.js +6 -114
  41. package/dist/ImageLink/index.js +6 -105
  42. package/dist/Insight/Featured/CategorySelector.d.ts +1 -1
  43. package/dist/Insight/Featured/CategorySelector.js +5 -109
  44. package/dist/Insight/Featured/Featured.js +8 -106
  45. package/dist/Insight/Featured/Header.js +4 -109
  46. package/dist/LandingPageHeader/LandingPageHeader.d.ts +1 -1
  47. package/dist/Modal/Modal.js +2 -122
  48. package/dist/NavigationMenu/AxosALTS/index.js +6 -111
  49. package/dist/NavigationMenu/AxosBank/DropwdownButton.d.ts +7 -0
  50. package/dist/NavigationMenu/AxosBank/DropwdownButton.js +125 -0
  51. package/dist/NavigationMenu/AxosBank/Menu.d.ts +37 -0
  52. package/dist/NavigationMenu/AxosBank/Menu.js +150 -0
  53. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.d.ts +12 -1
  54. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +183 -268
  55. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +37 -268
  56. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +63 -492
  57. package/dist/NavigationMenu/AxosBank/MobileMenu/mobileReducer.d.ts +36 -0
  58. package/dist/NavigationMenu/AxosBank/MobileMenu/mobileReducer.js +105 -0
  59. package/dist/NavigationMenu/AxosBank/NavBar.module.js +42 -39
  60. package/dist/NavigationMenu/AxosBank/SubNavBar.d.ts +6 -1
  61. package/dist/NavigationMenu/AxosBank/SubNavBar.js +118 -3187
  62. package/dist/NavigationMenu/AxosBank/SubNavItem.d.ts +1 -0
  63. package/dist/NavigationMenu/AxosBank/SubNavItem.js +206 -0
  64. package/dist/NavigationMenu/AxosBank/index.d.ts +6 -4
  65. package/dist/NavigationMenu/AxosBank/index.js +83 -457
  66. package/dist/NavigationMenu/LaVictoire/index.js +5 -118
  67. package/dist/NavigationMenu/Navbar.d.ts +4 -1
  68. package/dist/NavigationMenu/Navbar.js +11 -114
  69. package/dist/NavigationMenu/SignInNavButton.js +9 -122
  70. package/dist/NavigationMenu/utils.d.ts +465 -0
  71. package/dist/NavigationMenu/utils.js +112 -0
  72. package/dist/SetContainer/SetContainer.js +7 -108
  73. package/dist/SocialMediaBar/iconsRepository.js +0 -124
  74. package/dist/VideoTile/VideoTile.js +2 -106
  75. package/dist/VideoWrapper/index.js +7 -110
  76. package/dist/assets/Chatbot/ChatWindow.css +26 -0
  77. package/dist/assets/Forms/Forms.css +91 -94
  78. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +125 -87
  79. package/dist/assets/incoming.mp3.js +4 -0
  80. package/dist/main.js +5 -1
  81. package/package.json +5 -3
@@ -4,7 +4,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
4
4
  import SvgAxosX from "../icons/AxosX/index.js";
5
5
  import SvgComponent from "../icons/AxosX/Blue.js";
6
6
  import "../icons/CheckIcon/CheckIcon.css.js";
7
- 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/Chatbot.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.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 */
7
+ 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 */
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
@@ -17,11 +17,16 @@ import clsx from "clsx";
17
17
  /* empty css */
18
18
  import "../Button/Button.css.js";
19
19
  import "react-use";
20
- import "../Accordion/Accordion.js";
21
- import "../Accordion/Accordion.css.js";
22
- import "../AlertBanner/AlertBanner.css.js";
23
- import "../Article/Article.css.js";
24
- import "../ArticlesSet/ArticlesSet.css.js";
20
+ import "../Chevron/Chevron.css.js";
21
+ /* empty css */
22
+ import "../Modal/contextApi/store.js";
23
+ import "../Interstitial/Interstitial-variants.css.js";
24
+ import { calculator_headline, calculator_description } from "../Calculators/calculator.css.js";
25
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
26
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
27
+ import "../Table/Table.css.js";
28
+ import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
29
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
25
30
  import "@hookform/resolvers/zod";
26
31
  import "../Input/Checkbox.js";
27
32
  import "../Input/CurrencyInput.js";
@@ -34,97 +39,22 @@ import "../Input/InputPhone.js";
34
39
  import "../Input/InputTextArea.js";
35
40
  import "../Input/DownPaymentInput.js";
36
41
  import "../Input/RadioButton.js";
42
+ import "../Input/PercentageInput.js";
37
43
  import "react-hook-form";
44
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
38
45
  import { iconForm } from "../Forms/Forms.css.js";
39
46
  import "../Forms/HoneyPot/index.js";
40
47
  import "../Forms/SalesforceFieldsForm.js";
41
48
  import "../Input/RadioButton.css.js";
42
49
  import "../Input/Checkbox.css.js";
43
50
  import "../LoadingIndicator/LoadingIndicator.css.js";
44
- import "../Chevron/Chevron.css.js";
45
- /* empty css */
46
- import "../Modal/contextApi/store.js";
47
- import "../Interstitial/Interstitial-variants.css.js";
48
51
  import "../Inputs/Input.css.js";
49
52
  /* empty css */
50
53
  import "../Hyperlink/Hyperlink.css.js";
51
54
  /* empty css */
52
- /* empty css */
53
- import "react-dom";
54
- /* empty css */
55
- import "../Auth/SignInPassword.js";
56
- /* empty css */
57
- /* empty css */
58
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
59
- import "../Table/Table.css.js";
60
- import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
61
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
62
- import "../Input/PercentageInput.js";
63
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
64
- import { calculator_headline, calculator_description } from "../Calculators/calculator.css.js";
55
+ import "iframe-resizer";
65
56
  /* empty css */
66
57
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
67
- /* empty css */
68
- /* empty css */
69
- import "../Carousel/index.js";
70
- /* empty css */
71
- /* empty css */
72
- import "../Chatbot/store/chat.js";
73
- import "../Chatbot/authenticate.js";
74
- /* empty css */
75
- /* empty css */
76
- import "../Chatbot/store/messages.js";
77
- /* empty css */
78
- import "../Comparison/Comparison.css.js";
79
- import "next/image.js";
80
- import "../HeroBanner/HeroBanner.css.js";
81
- import "../HeroBanner/LargeBanner.css.js";
82
- import "../HeroBanner/SelectionBanner.css.js";
83
- import "../SetContainer/SetContainer.css.js";
84
- import "../Tab/Tab.css.js";
85
- import "../icons/Star/Star.css.js";
86
- import "../ContentBanner/ContentBanner.css.js";
87
- /* empty css */
88
- import "../ExecutiveBio/ExecutiveBio.css.js";
89
- import "../FaqAccordion/index.js";
90
- import "../FooterDisclosure/FooterDisclosure.css.js";
91
- /* empty css */
92
- /* empty css */
93
- /* empty css */
94
- import "../ImageBillboard/ImageBillboard.css.js";
95
- import "next/script.js";
96
- /* empty css */
97
- /* empty css */
98
- /* empty css */
99
- /* empty css */
100
- /* empty css */
101
- import "../LandingPageHeader/LandingPageHeader.css.js";
102
- /* empty css */
103
- import "next/navigation.js";
104
- /* empty css */
105
- /* empty css */
106
- /* empty css */
107
- import "next/link.js";
108
- /* empty css */
109
- /* empty css */
110
- /* empty css */
111
- /* empty css */
112
- /* empty css */
113
- import "../PageNavItem/PageNavItem.css.js";
114
- import "react-slick";
115
- /* empty css */
116
- /* empty css */
117
- /* empty css */
118
- /* empty css */
119
- import "../StepItem/StepItem.css.js";
120
- import "../StepItemSet/StepItemSet.css.js";
121
- /* empty css */
122
- /* empty css */
123
- /* empty css */
124
- /* empty css */
125
- /* empty css */
126
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
127
- import "iframe-resizer";
128
58
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
129
59
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
130
60
  const ATMLocator = (props) => {
@@ -17,7 +17,7 @@ import "../Input/DownPaymentInput.js";
17
17
  import "../Input/RadioButton.js";
18
18
  import "../icons/ArrowIcon/ArrowIcon.css.js";
19
19
  import "../icons/CheckIcon/CheckIcon.css.js";
20
- import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.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/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/Chatbot.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/Modal/Modal.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.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 */
20
+ 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 */
21
21
  /* empty css */
22
22
  /* empty css */
23
23
  /* empty css */
@@ -32,100 +32,18 @@ import "../Forms/SalesforceFieldsForm.js";
32
32
  import "../IconBillboard/IconBillboard.css.js";
33
33
  /* empty css */
34
34
  /* empty css */
35
- import "../Accordion/Accordion.js";
36
- import "../Accordion/Accordion.css.js";
37
- import "../AlertBanner/AlertBanner.css.js";
38
- import "../Article/Article.css.js";
39
- import "../ArticlesSet/ArticlesSet.css.js";
40
- import "../Calculators/calculator.css.js";
41
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
42
- import "../Modal/contextApi/store.js";
43
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
44
- import "../Table/Table.css.js";
45
- import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
46
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
47
- import "../Input/PercentageInput.js";
48
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
49
- import "iframe-resizer";
50
- /* empty css */
51
- import "../Chevron/Chevron.css.js";
52
- /* empty css */
53
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
54
- import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
55
- import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
56
- import { error_close_button, separator, error_alert_content, error_alert } from "./ErrorAlert.css.js";
57
- import "react-dom";
58
- /* empty css */
59
- import "./SignInPassword.js";
60
- /* empty css */
61
- /* empty css */
62
- /* empty css */
63
- /* empty css */
64
- import "../Carousel/index.js";
65
- /* empty css */
66
- /* empty css */
67
- import "../Chatbot/store/chat.js";
68
- import "../Chatbot/authenticate.js";
69
- /* empty css */
70
- /* empty css */
71
- import "../Chatbot/store/messages.js";
72
- import { Hyperlink } from "../Hyperlink/index.js";
73
- /* empty css */
74
- import "../Comparison/Comparison.css.js";
75
- import "next/image.js";
76
- import "../HeroBanner/HeroBanner.css.js";
77
- import "../HeroBanner/LargeBanner.css.js";
78
- import "../HeroBanner/SelectionBanner.css.js";
79
- import "../SetContainer/SetContainer.css.js";
80
- import "../Tab/Tab.css.js";
81
- import "../icons/Star/Star.css.js";
82
- import "../ContentBanner/ContentBanner.css.js";
83
- /* empty css */
84
- import "../ExecutiveBio/ExecutiveBio.css.js";
85
- import "../FaqAccordion/index.js";
86
- import "../FooterDisclosure/FooterDisclosure.css.js";
87
- /* empty css */
88
- /* empty css */
89
- /* empty css */
90
- import "../ImageBillboard/ImageBillboard.css.js";
91
- import "next/script.js";
92
- /* empty css */
93
- /* empty css */
94
- /* empty css */
95
- /* empty css */
96
- /* empty css */
97
35
  import "../Interstitial/Interstitial-variants.css.js";
98
- import "../LandingPageHeader/LandingPageHeader.css.js";
99
- import "../LoadingIndicator/LoadingIndicator.css.js";
100
- /* empty css */
101
- import "next/navigation.js";
102
- /* empty css */
103
- /* empty css */
104
- /* empty css */
105
- import "next/link.js";
106
- /* empty css */
107
- /* empty css */
108
- /* empty css */
109
- /* empty css */
110
- /* empty css */
111
- import "../PageNavItem/PageNavItem.css.js";
112
- import "react-slick";
113
- /* empty css */
114
- /* empty css */
115
- /* empty css */
116
- /* empty css */
117
- import "../StepItem/StepItem.css.js";
118
- import "../StepItemSet/StepItemSet.css.js";
119
- /* empty css */
36
+ import "../Chevron/Chevron.css.js";
120
37
  /* empty css */
121
- /* empty css */
122
- /* empty css */
123
- /* empty css */
38
+ import "../Modal/contextApi/store.js";
124
39
  import "../Input/RadioButton.css.js";
125
40
  import "../Input/Checkbox.css.js";
41
+ import "../LoadingIndicator/LoadingIndicator.css.js";
126
42
  import "../Inputs/Input.css.js";
127
43
  /* empty css */
44
+ import { Hyperlink } from "../Hyperlink/index.js";
128
45
  /* empty css */
46
+ import { error_close_button, separator, error_alert_content, error_alert } from "./ErrorAlert.css.js";
129
47
  const ErrorAlert = ({
130
48
  variant: fullVariant = "primary",
131
49
  modalRef,
@@ -1,132 +1,18 @@
1
1
  "use client";
2
2
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
3
3
  import { Interstitial } from "../Interstitial/Interstitial.js";
4
+ import { button } from "./Button.css.js";
5
+ import { useState, createElement } from "react";
6
+ import "react-use";
4
7
  import "../Chevron/Chevron.css.js";
5
- import "../Accordion/Accordion.js";
6
- import "../Accordion/Accordion.css.js";
7
- import "../icons/ArrowIcon/ArrowIcon.css.js";
8
- import "../icons/CheckIcon/CheckIcon.css.js";
9
- import '../assets/Modal/Modal.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/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/Chatbot.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/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 */
8
+ import '../assets/Modal/Modal.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
10
9
  /* empty css */
11
10
  /* empty css */
12
11
  /* empty css */
13
- /* empty css */
14
- /* empty css */
12
+ /* empty css */
13
+ import { useGlobalContext } from "../Modal/contextApi/store.js";
15
14
  import { getVariant } from "../utils/getVariant.js";
16
15
  import clsx from "clsx";
17
- import { useState, createElement } from "react";
18
- import "../AlertBanner/AlertBanner.css.js";
19
- import "../Article/Article.css.js";
20
- import { button } from "./Button.css.js";
21
- import "react-use";
22
- import "../ArticlesSet/ArticlesSet.css.js";
23
- import "../IconBillboard/IconBillboard.css.js";
24
- import "../Calculators/calculator.css.js";
25
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
26
- import { useGlobalContext } from "../Modal/contextApi/store.js";
27
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
28
- import "../Table/Table.css.js";
29
- import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
30
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
31
- import "@hookform/resolvers/zod";
32
- import "../Input/Checkbox.js";
33
- import "../Input/CurrencyInput.js";
34
- import "../Input/Dropdown.js";
35
- import "../Input/Dropdown.css.js";
36
- import "../Input/Input.js";
37
- import "../Input/Input.css.js";
38
- import "../Input/InputAmount.js";
39
- import "../Input/InputPhone.js";
40
- import "../Input/InputTextArea.js";
41
- import "../Input/DownPaymentInput.js";
42
- import "../Input/RadioButton.js";
43
- import "../Input/PercentageInput.js";
44
- import "react-hook-form";
45
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
46
- import "../Forms/Forms.css.js";
47
- import "../Forms/HoneyPot/index.js";
48
- import "../Forms/SalesforceFieldsForm.js";
49
- /* empty css */
50
- /* empty css */
51
- import "../Input/RadioButton.css.js";
52
- import "../Input/Checkbox.css.js";
53
- import "../LoadingIndicator/LoadingIndicator.css.js";
54
- import "../Interstitial/Interstitial-variants.css.js";
55
- import "../Inputs/Input.css.js";
56
- /* empty css */
57
- import "../Hyperlink/Hyperlink.css.js";
58
- /* empty css */
59
- import "iframe-resizer";
60
- /* empty css */
61
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
62
- import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
63
- import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
64
- /* empty css */
65
- import "react-dom";
66
- /* empty css */
67
- import "../Auth/SignInPassword.js";
68
- /* empty css */
69
- /* empty css */
70
- /* empty css */
71
- /* empty css */
72
- import "../Carousel/index.js";
73
- /* empty css */
74
- /* empty css */
75
- import "../Chatbot/store/chat.js";
76
- import "../Chatbot/authenticate.js";
77
- /* empty css */
78
- /* empty css */
79
- import "../Chatbot/store/messages.js";
80
- /* empty css */
81
- import "../Comparison/Comparison.css.js";
82
- import "next/image.js";
83
- import "../HeroBanner/HeroBanner.css.js";
84
- import "../HeroBanner/LargeBanner.css.js";
85
- import "../HeroBanner/SelectionBanner.css.js";
86
- import "../SetContainer/SetContainer.css.js";
87
- import "../Tab/Tab.css.js";
88
- import "../icons/Star/Star.css.js";
89
- import "../ContentBanner/ContentBanner.css.js";
90
- /* empty css */
91
- import "../ExecutiveBio/ExecutiveBio.css.js";
92
- import "../FaqAccordion/index.js";
93
- import "../FooterDisclosure/FooterDisclosure.css.js";
94
- /* empty css */
95
- /* empty css */
96
- /* empty css */
97
- import "../ImageBillboard/ImageBillboard.css.js";
98
- import "next/script.js";
99
- /* empty css */
100
- /* empty css */
101
- /* empty css */
102
- /* empty css */
103
- /* empty css */
104
- import "../LandingPageHeader/LandingPageHeader.css.js";
105
- /* empty css */
106
- import "next/navigation.js";
107
- /* empty css */
108
- /* empty css */
109
- /* empty css */
110
- import "next/link.js";
111
- /* empty css */
112
- /* empty css */
113
- /* empty css */
114
- /* empty css */
115
- /* empty css */
116
- import "../PageNavItem/PageNavItem.css.js";
117
- import "react-slick";
118
- /* empty css */
119
- /* empty css */
120
- /* empty css */
121
- /* empty css */
122
- import "../StepItem/StepItem.css.js";
123
- import "../StepItemSet/StepItemSet.css.js";
124
- /* empty css */
125
- /* empty css */
126
- /* empty css */
127
- /* empty css */
128
- /* empty css */
129
- /* empty css */
130
16
  const Button = ({
131
17
  as = "a",
132
18
  children,
@@ -1,6 +1,6 @@
1
1
  import { IconBillboardProps } from '../IconBillboard/IconBillboard.interface';
2
- import { default as React } from 'react';
3
2
  import { ChevronProps } from '../Chevron/Chevron.interface';
3
+ import { default as React } from 'react';
4
4
 
5
5
  export interface CalculatorProps {
6
6
  id?: string;
@@ -7,7 +7,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
7
7
  import SvgAxosX from "../icons/AxosX/index.js";
8
8
  import SvgComponent from "../icons/AxosX/Blue.js";
9
9
  import "../icons/CheckIcon/CheckIcon.css.js";
10
- import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.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/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/Chatbot.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/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 */
10
+ 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 */
11
11
  /* empty css */
12
12
  /* empty css */
13
13
  /* empty css */
@@ -18,66 +18,12 @@ import { useRef, useEffect } from "react";
18
18
  import clsx from "clsx";
19
19
  /* empty css */
20
20
  /* empty css */
21
- import "../Accordion/Accordion.js";
22
- import "../Accordion/Accordion.css.js";
23
- import "../AlertBanner/AlertBanner.css.js";
24
- import "../Article/Article.css.js";
25
- import "../ArticlesSet/ArticlesSet.css.js";
26
21
  import "../Chevron/Chevron.css.js";
27
22
  /* empty css */
28
23
  import "../Modal/contextApi/store.js";
29
- import "../Hyperlink/Hyperlink.css.js";
30
- /* empty css */
31
- import "react-dom";
32
- import "react-hook-form";
33
- /* empty css */
34
- import "../Auth/SignInPassword.js";
35
- /* empty css */
36
- /* empty css */
37
- import { AnnualFeeCalculator } from "./AnnualFeeCalculator/index.js";
38
- import { ApyCalculator } from "./ApyCalculator/index.js";
39
- import { AxosOneCalculator } from "./AxosOneCalculator/index.js";
40
- import { BalanceAPYCalculator } from "./BalanceAPYCalculator/index.js";
41
- import { BuyDownCalculator } from "./BuyDownCalculator/index.js";
42
- import { calculator_headline, calculator_description } from "./calculator.css.js";
43
- import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
44
- import { MarineLoanMonthlyPaymentCalculator } from "./MarineLoanMonthlyPaymentCalculator/index.js";
45
- import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
46
- import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
47
- import { MonthlyPaymentLVFCalculator } from "./MonthlyPaymentLVFCalculator/index.js";
48
- import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
49
- /* empty css */
50
- /* empty css */
51
- import "../Carousel/index.js";
52
- /* empty css */
53
- /* empty css */
54
- import "../Chatbot/store/chat.js";
55
- import "../Chatbot/authenticate.js";
56
- /* empty css */
24
+ import "../Interstitial/Interstitial-variants.css.js";
25
+ import "../Button/Button.css.js";
57
26
  import "react-use";
58
- /* empty css */
59
- import "../Chatbot/store/messages.js";
60
- /* empty css */
61
- import "../Comparison/Comparison.css.js";
62
- import "next/image.js";
63
- import "../HeroBanner/HeroBanner.css.js";
64
- import "../HeroBanner/LargeBanner.css.js";
65
- import "../HeroBanner/SelectionBanner.css.js";
66
- import "../SetContainer/SetContainer.css.js";
67
- import "../Tab/Tab.css.js";
68
- import "../icons/Star/Star.css.js";
69
- import "../ContentBanner/ContentBanner.css.js";
70
- /* empty css */
71
- import "../ExecutiveBio/ExecutiveBio.css.js";
72
- import "../FaqAccordion/index.js";
73
- import "../FooterDisclosure/FooterDisclosure.css.js";
74
- /* empty css */
75
- /* empty css */
76
- /* empty css */
77
- import "../ImageBillboard/ImageBillboard.css.js";
78
- import "next/script.js";
79
- /* empty css */
80
- /* empty css */
81
27
  import "../Input/Checkbox.js";
82
28
  import "../Input/CurrencyInput.js";
83
29
  import "../Input/Dropdown.js";
@@ -89,48 +35,31 @@ import "../Input/InputPhone.js";
89
35
  import "../Input/InputTextArea.js";
90
36
  import "../Input/DownPaymentInput.js";
91
37
  import "../Input/RadioButton.js";
92
- /* empty css */
93
- /* empty css */
94
- /* empty css */
95
- import "../LandingPageHeader/LandingPageHeader.css.js";
96
- import "../LoadingIndicator/LoadingIndicator.css.js";
97
- /* empty css */
98
- import "next/navigation.js";
99
- /* empty css */
100
- /* empty css */
101
- /* empty css */
102
- import "next/link.js";
103
- /* empty css */
104
- /* empty css */
105
- /* empty css */
106
- /* empty css */
107
- /* empty css */
108
- import "../PageNavItem/PageNavItem.css.js";
109
- import "react-slick";
110
- /* empty css */
111
- /* empty css */
112
- /* empty css */
113
- /* empty css */
114
- import "../StepItem/StepItem.css.js";
115
- import "../StepItemSet/StepItemSet.css.js";
116
- import "../Table/Table.css.js";
117
- /* empty css */
118
- /* empty css */
119
- /* empty css */
120
- /* empty css */
121
- /* empty css */
122
- import "../Interstitial/Interstitial-variants.css.js";
123
- import "../Button/Button.css.js";
38
+ import "react-hook-form";
124
39
  import { iconForm } from "../Forms/Forms.css.js";
125
40
  import "../Forms/HoneyPot/index.js";
126
41
  import "../Forms/SalesforceFieldsForm.js";
127
42
  import "../Input/RadioButton.css.js";
128
43
  import "../Input/Checkbox.css.js";
44
+ import "../LoadingIndicator/LoadingIndicator.css.js";
129
45
  import "../Inputs/Input.css.js";
130
46
  /* empty css */
47
+ import "../Hyperlink/Hyperlink.css.js";
131
48
  /* empty css */
132
49
  import { iframeResizer } from "iframe-resizer";
50
+ import { AnnualFeeCalculator } from "./AnnualFeeCalculator/index.js";
51
+ import { ApyCalculator } from "./ApyCalculator/index.js";
52
+ import { AxosOneCalculator } from "./AxosOneCalculator/index.js";
53
+ import { BalanceAPYCalculator } from "./BalanceAPYCalculator/index.js";
54
+ import { BuyDownCalculator } from "./BuyDownCalculator/index.js";
55
+ import { calculator_headline, calculator_description } from "./calculator.css.js";
133
56
  import { calculators } from "./calculators.js";
57
+ import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
58
+ import { MarineLoanMonthlyPaymentCalculator } from "./MarineLoanMonthlyPaymentCalculator/index.js";
59
+ import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
60
+ import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
61
+ import { MonthlyPaymentLVFCalculator } from "./MonthlyPaymentLVFCalculator/index.js";
62
+ import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
134
63
  const Calculator = (props) => {
135
64
  const {
136
65
  id,