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

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 (115) hide show
  1. package/dist/ATMLocator/ATMLocator.js +21 -89
  2. package/dist/Auth/ErrorAlert.js +6 -93
  3. package/dist/Button/Button.js +6 -126
  4. package/dist/Calculators/ApyCalculator/index.js +88 -6
  5. package/dist/Calculators/Calculator.d.ts +1 -1
  6. package/dist/Calculators/Calculator.js +19 -94
  7. package/dist/Calculators/MarginTradingCalculator/index.js +2 -118
  8. package/dist/Calculators/SummitApyCalculator/index.js +11 -5
  9. package/dist/Carousel/index.js +4 -115
  10. package/dist/Chatbot/ChatWindow.css.js +1 -0
  11. package/dist/Chatbot/Chatbot.css.js +0 -1
  12. package/dist/Chevron/index.js +5 -121
  13. package/dist/Comparison/Comparison.js +5 -127
  14. package/dist/ExecutiveBio/ExecutiveBio.interface.d.ts +3 -2
  15. package/dist/ExecutiveBio/ExecutiveBio.js +4 -132
  16. package/dist/FaqAccordion/index.js +5 -113
  17. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +4 -115
  18. package/dist/FooterSiteMap/AxosBank/ServerFooterSiteMap.d.ts +10 -0
  19. package/dist/FooterSiteMap/AxosBank/ServerFooterSiteMap.js +151 -0
  20. package/dist/FooterSiteMap/AxosBank/index.d.ts +1 -0
  21. package/dist/FooterSiteMap/AxosBank/index.js +2 -0
  22. package/dist/FooterSiteMap/index.js +2 -0
  23. package/dist/Forms/ApplyNow.js +3 -114
  24. package/dist/Forms/ContactCompany.d.ts +1 -1
  25. package/dist/Forms/ContactCompanyTitle.d.ts +1 -1
  26. package/dist/Forms/ContactUsBusiness.js +5 -107
  27. package/dist/Forms/ContactUsBusinessNameEmail.js +6 -107
  28. package/dist/Forms/ContactUsNMLSId.js +5 -107
  29. package/dist/Forms/CpraRequest.js +2 -101
  30. package/dist/Forms/CraPublicFile.js +5 -107
  31. package/dist/Forms/DealerServices.d.ts +1 -1
  32. package/dist/Forms/EmailOnly.js +6 -118
  33. package/dist/Forms/FormEnums.d.ts +16 -0
  34. package/dist/Forms/FormEnums.js +27 -0
  35. package/dist/Forms/MortgageRate/MortgageRateForm.js +33 -108
  36. package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js +34 -13
  37. package/dist/Forms/MortgageRate/MortgageRateWatch.d.ts +1 -1
  38. package/dist/Forms/MortgageRate/MortgageRateWatch.js +94 -115
  39. package/dist/Forms/MortgageWarehouseLending.js +5 -107
  40. package/dist/Forms/NameAndEmail.d.ts +8 -0
  41. package/dist/Forms/NameAndEmail.js +165 -0
  42. package/dist/Forms/NonQMLoans.d.ts +16 -0
  43. package/dist/Forms/NonQMLoans.js +369 -0
  44. package/dist/Forms/SuccesForm.js +7 -95
  45. package/dist/Forms/index.d.ts +2 -0
  46. package/dist/Forms/index.js +4 -0
  47. package/dist/Hyperlink/index.js +4 -115
  48. package/dist/ImageLink/ImageLink.js +8 -113
  49. package/dist/ImageLink/ImageLinkSet.js +6 -120
  50. package/dist/ImageLink/index.js +5 -109
  51. package/dist/ImageToast/index.js +2 -113
  52. package/dist/Input/DownPaymentInput.js +1 -0
  53. package/dist/Insight/Featured/CategorySelector.css.d.ts +5 -3
  54. package/dist/Insight/Featured/CategorySelector.css.js +12 -8
  55. package/dist/Insight/Featured/CategorySelector.d.ts +2 -1
  56. package/dist/Insight/Featured/CategorySelector.js +76 -145
  57. package/dist/Insight/Featured/Featured.css.d.ts +13 -4
  58. package/dist/Insight/Featured/Featured.css.js +37 -18
  59. package/dist/Insight/Featured/Featured.d.ts +1 -0
  60. package/dist/Insight/Featured/Featured.js +131 -205
  61. package/dist/Insight/Featured/Header.css.d.ts +1 -0
  62. package/dist/Insight/Featured/Header.css.js +9 -6
  63. package/dist/Insight/Featured/Header.js +14 -132
  64. package/dist/Insight/Featured/index.js +13 -4
  65. package/dist/Insight/index.js +13 -4
  66. package/dist/LandingPageHeader/LandingPageHeader.d.ts +1 -1
  67. package/dist/LandingPageHeader/WithLogin.js +7 -124
  68. package/dist/Modal/Modal.js +2 -128
  69. package/dist/NavigationMenu/AxosALTS/index.js +6 -117
  70. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
  71. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +4 -114
  72. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +1 -1
  73. package/dist/NavigationMenu/AxosBank/SubNavBar.js +7 -115
  74. package/dist/NavigationMenu/AxosBank/index.js +6 -124
  75. package/dist/NavigationMenu/LaVictoire/index.js +4 -123
  76. package/dist/NavigationMenu/NavItem/index.js +4 -116
  77. package/dist/NavigationMenu/ServerNavigation/DropwdownButton.js +4 -123
  78. package/dist/NavigationMenu/ServerNavigation/Menu.js +4 -121
  79. package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.js +17 -125
  80. package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileNavData.d.ts +1 -1
  81. package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileNavData.js +3 -3
  82. package/dist/NavigationMenu/ServerNavigation/SubNavBar.js +5 -115
  83. package/dist/NavigationMenu/ServerNavigation/SubNavItem.js +4 -116
  84. package/dist/NavigationMenu/ServerNavigation/index.js +15 -116
  85. package/dist/NavigationMenu/getPathFromNavUrl.d.ts +3 -0
  86. package/dist/NavigationMenu/getPathFromNavUrl.js +15 -0
  87. package/dist/NavigationMenu/index.d.ts +3 -2
  88. package/dist/NavigationMenu/index.js +8 -7
  89. package/dist/NavigationMenu/utils.d.ts +0 -3
  90. package/dist/NavigationMenu/utils.js +0 -13
  91. package/dist/SetContainer/SetContainer.js +9 -115
  92. package/dist/SocialMediaBar/iconsRepository.js +0 -130
  93. package/dist/VideoTile/VideoTile.js +2 -112
  94. package/dist/VideoWrapper/index.js +7 -116
  95. package/dist/assets/CallToActionBar/CallToActionBar.css +2 -1
  96. package/dist/assets/Forms/Forms.css +2 -1
  97. package/dist/assets/ImageBillboard/ImageBillboard.css +1 -1
  98. package/dist/assets/Input/Input.css +1 -0
  99. package/dist/assets/Insight/Featured/CategorySelector.css +60 -38
  100. package/dist/assets/Insight/Featured/Featured.css +126 -65
  101. package/dist/assets/Insight/Featured/Header.css +22 -13
  102. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css +609 -609
  103. package/dist/assets/SetContainer/SetContainer.css +6 -6
  104. package/dist/assets/TextBlock/TextBlock.css +0 -1
  105. package/dist/icons/Clock/index.js +1 -0
  106. package/dist/main.js +28 -10
  107. package/dist/utils/allowedAxosDomains.d.ts +1 -1
  108. package/dist/utils/allowedAxosDomains.js +33 -20
  109. package/dist/utils/createUrlResolver.d.ts +3 -0
  110. package/dist/utils/createUrlResolver.js +7 -0
  111. package/dist/utils/index.d.ts +1 -0
  112. package/dist/utils/index.js +2 -0
  113. package/dist/utils/insightsData.d.ts +1 -1
  114. package/dist/utils/insightsData.js +1 -6
  115. package/package.json +1 -1
package/dist/ATMLocator/ATMLocator.js CHANGED
@@ -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/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/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/ImageToast/ImageToast.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/Forms/HoneyPot/HoneyPot.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/Forms/HoneyPot/HoneyPot.css';import '../assets/ImageToast/ImageToast.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,23 @@ 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 "next/image.js";
27
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
28
+ import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
29
+ import "../HeroBanner/LargeBanner.css.js";
30
+ import "../HeroBanner/HeroBanner.css.js";
31
+ import "../HeroBanner/SelectionBanner.css.js";
32
+ /* empty css */
33
+ import "../SetContainer/SetContainer.css.js";
34
+ import "../Table/Table.css.js";
35
+ import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
36
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
25
37
  import "@hookform/resolvers/zod";
26
38
  import "../Input/Checkbox.js";
27
39
  import "../Input/CurrencyInput.js";
@@ -34,7 +46,9 @@ import "../Input/InputPhone.js";
34
46
  import "../Input/InputTextArea.js";
35
47
  import "../Input/DownPaymentInput.js";
36
48
  import "../Input/RadioButton.js";
49
+ import "../Input/PercentageInput.js";
37
50
  import "react-hook-form";
51
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
38
52
  import { iconForm } from "../Forms/Forms.css.js";
39
53
  /* empty css */
40
54
  import "../Forms/HoneyPot/honeyPotValidation.js";
@@ -42,95 +56,13 @@ import "../Forms/SalesforceFieldsForm.js";
42
56
  import "../Input/RadioButton.css.js";
43
57
  import "../Input/Checkbox.css.js";
44
58
  import "../LoadingIndicator/LoadingIndicator.css.js";
45
- import "../Chevron/Chevron.css.js";
46
- /* empty css */
47
- import "../Modal/contextApi/store.js";
48
- import "../Interstitial/Interstitial-variants.css.js";
49
59
  import "../Inputs/Input.css.js";
50
60
  /* empty css */
51
61
  import "../Hyperlink/Hyperlink.css.js";
52
62
  /* empty css */
53
- /* empty css */
54
- import "react-dom";
55
- /* empty css */
56
- import "../Auth/SignInPassword.js";
57
- /* empty css */
58
- /* empty css */
59
- import "next/image.js";
60
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
61
- import "../HeroBanner/LargeBanner.css.js";
62
- import "../HeroBanner/HeroBanner.css.js";
63
- import "../HeroBanner/SelectionBanner.css.js";
64
- /* empty css */
65
- import "../SetContainer/SetContainer.css.js";
66
- import "../Table/Table.css.js";
67
- import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
68
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
69
- import "../Input/PercentageInput.js";
70
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
71
- import { calculator_headline, calculator_description } from "../Calculators/calculator.css.js";
63
+ import "iframe-resizer";
72
64
  /* empty css */
73
65
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
74
- /* empty css */
75
- /* empty css */
76
- import "../Carousel/index.js";
77
- /* empty css */
78
- /* empty css */
79
- import "../Chatbot/store/chat.js";
80
- import "../Chatbot/Chatbot.js";
81
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
82
- /* empty css */
83
- import "../Chatbot/store/messages.js";
84
- /* empty css */
85
- import "../Comparison/Comparison.css.js";
86
- import "../Tab/Tab.css.js";
87
- import "../icons/Star/Star.css.js";
88
- import "../ContentBanner/ContentBanner.css.js";
89
- /* empty css */
90
- import "../ExecutiveBio/ExecutiveBio.css.js";
91
- import "../FaqAccordion/index.js";
92
- import "../FooterDisclosure/FooterDisclosure.css.js";
93
- /* empty css */
94
- /* empty css */
95
- /* empty css */
96
- import "../ImageBillboard/ImageBillboard.css.js";
97
- import "next/script.js";
98
- /* empty css */
99
- /* empty css */
100
- /* empty css */
101
- /* empty css */
102
- /* empty css */
103
- import "../LandingPageHeader/LandingPageHeader.css.js";
104
- import "next/link.js";
105
- /* empty css */
106
- /* empty css */
107
- import "next/navigation.js";
108
- /* empty css */
109
- /* empty css */
110
- /* empty css */
111
- /* empty css */
112
- import "../NavigationMenu/ServerNavigation/Menu.js";
113
- import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
114
- /* empty css */
115
- /* empty css */
116
- /* empty css */
117
- /* empty css */
118
- import "../PageNavItem/PageNavItem.css.js";
119
- import "react-slick";
120
- /* empty css */
121
- /* empty css */
122
- /* empty css */
123
- /* empty css */
124
- import "../StepItem/StepItem.css.js";
125
- import "../StepItemSet/StepItemSet.css.js";
126
- /* empty css */
127
- /* empty css */
128
- /* empty css */
129
- /* empty css */
130
- /* empty css */
131
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
132
- import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
133
- import "iframe-resizer";
134
66
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
135
67
  import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
136
68
  const ATMLocator = (props) => {
package/dist/Auth/ErrorAlert.js CHANGED
@@ -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/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/Modal/Modal.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/ImageToast/ImageToast.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/Forms/HoneyPot/HoneyPot.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/Forms/HoneyPot/HoneyPot.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 */
@@ -33,105 +33,18 @@ import "../Forms/SalesforceFieldsForm.js";
33
33
  import "../IconBillboard/IconBillboard.css.js";
34
34
  /* empty css */
35
35
  /* empty css */
36
- import "../Accordion/Accordion.js";
37
- import "../Accordion/Accordion.css.js";
38
- import "../AlertBanner/AlertBanner.css.js";
39
- import "../Article/Article.css.js";
40
- import "../ArticlesSet/ArticlesSet.css.js";
41
- import "../Calculators/calculator.css.js";
42
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
43
- import "../Modal/contextApi/store.js";
44
- import "next/image.js";
45
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
46
- import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
47
- import "../HeroBanner/LargeBanner.css.js";
48
- import "../HeroBanner/HeroBanner.css.js";
49
- import "../HeroBanner/SelectionBanner.css.js";
50
- /* empty css */
51
- import "../SetContainer/SetContainer.css.js";
52
- import "../Table/Table.css.js";
53
- import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
54
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
55
- import "../Input/PercentageInput.js";
56
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
57
- import "iframe-resizer";
58
- /* empty css */
59
- import "../Chevron/Chevron.css.js";
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
- import { error_close_button, separator, error_alert_content, error_alert } from "./ErrorAlert.css.js";
65
- import "react-dom";
66
- /* empty css */
67
- import "./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/Chatbot.js";
77
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
78
- import "../LoadingIndicator/LoadingIndicator.css.js";
79
- /* empty css */
80
- import "../Chatbot/store/messages.js";
81
- import { Hyperlink } from "../Hyperlink/index.js";
82
- /* empty css */
83
- import "../Comparison/Comparison.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
36
  import "../Interstitial/Interstitial-variants.css.js";
102
- import "../LandingPageHeader/LandingPageHeader.css.js";
103
- import "next/link.js";
104
- /* empty css */
105
- /* empty css */
106
- import "next/navigation.js";
107
- /* empty css */
108
- /* empty css */
109
- /* empty css */
110
- /* empty css */
111
- import "../NavigationMenu/ServerNavigation/Menu.js";
112
- import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
113
- /* empty css */
114
- /* empty css */
115
- /* empty css */
116
- /* empty css */
117
- import "../PageNavItem/PageNavItem.css.js";
118
- import "react-slick";
119
- /* empty css */
120
- /* empty css */
121
- /* empty css */
122
- /* empty css */
123
- import "../StepItem/StepItem.css.js";
124
- import "../StepItemSet/StepItemSet.css.js";
125
- /* empty css */
37
+ import "../Chevron/Chevron.css.js";
126
38
  /* empty css */
127
- /* empty css */
128
- /* empty css */
129
- /* empty css */
39
+ import "../Modal/contextApi/store.js";
130
40
  import "../Input/RadioButton.css.js";
131
41
  import "../Input/Checkbox.css.js";
42
+ import "../LoadingIndicator/LoadingIndicator.css.js";
132
43
  import "../Inputs/Input.css.js";
133
44
  /* empty css */
45
+ import { Hyperlink } from "../Hyperlink/index.js";
134
46
  /* empty css */
47
+ import { error_close_button, separator, error_alert_content, error_alert } from "./ErrorAlert.css.js";
135
48
  const ErrorAlert = ({
136
49
  variant: fullVariant = "primary",
137
50
  modalRef,
package/dist/Button/Button.js CHANGED
@@ -1,139 +1,19 @@
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/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/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 */
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 { handleAnchorClick } from "../utils/appendQueryParams.js";
16
15
  import { getVariant } from "../utils/getVariant.js";
17
- import { useState, createElement } from "react";
18
16
  import clsx from "clsx";
19
- import "../AlertBanner/AlertBanner.css.js";
20
- import "../Article/Article.css.js";
21
- import { button } from "./Button.css.js";
22
- import "react-use";
23
- import "../ArticlesSet/ArticlesSet.css.js";
24
- import "../IconBillboard/IconBillboard.css.js";
25
- import "../Calculators/calculator.css.js";
26
- import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
27
- import { useGlobalContext } from "../Modal/contextApi/store.js";
28
- import "next/image.js";
29
- import "../Calculators/ApyCalculator/ApyCalculator.css.js";
30
- import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
31
- import "../HeroBanner/LargeBanner.css.js";
32
- import "../HeroBanner/HeroBanner.css.js";
33
- import "../HeroBanner/SelectionBanner.css.js";
34
- /* empty css */
35
- /* empty css */
36
- /* empty css */
37
- import "../SetContainer/SetContainer.css.js";
38
- import "../Table/Table.css.js";
39
- import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
40
- import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
41
- import "@hookform/resolvers/zod";
42
- import "../Input/Checkbox.js";
43
- import "../Input/CurrencyInput.js";
44
- import "../Input/Dropdown.js";
45
- import "../Input/Dropdown.css.js";
46
- import "../Input/Input.js";
47
- import "../Input/Input.css.js";
48
- import "../Input/InputAmount.js";
49
- import "../Input/InputPhone.js";
50
- import "../Input/InputTextArea.js";
51
- import "../Input/DownPaymentInput.js";
52
- import "../Input/RadioButton.js";
53
- import "../Input/PercentageInput.js";
54
- import "react-hook-form";
55
- import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
56
- import "../Forms/Forms.css.js";
57
- /* empty css */
58
- import "../Forms/HoneyPot/honeyPotValidation.js";
59
- import "../Forms/SalesforceFieldsForm.js";
60
- import "../Input/RadioButton.css.js";
61
- import "../Input/Checkbox.css.js";
62
- import "../LoadingIndicator/LoadingIndicator.css.js";
63
- import "../Interstitial/Interstitial-variants.css.js";
64
- import "../Inputs/Input.css.js";
65
- /* empty css */
66
- import "../Hyperlink/Hyperlink.css.js";
67
- /* empty css */
68
- import "iframe-resizer";
69
- /* empty css */
70
- import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
71
- import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
72
- import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
73
- /* empty css */
74
- import "react-dom";
75
- /* empty css */
76
- import "../Auth/SignInPassword.js";
77
- /* empty css */
78
- /* empty css */
79
- /* empty css */
80
- /* empty css */
81
- import "../Carousel/index.js";
82
- /* empty css */
83
- /* empty css */
84
- import "../Chatbot/store/chat.js";
85
- import "../Chatbot/Chatbot.js";
86
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
87
- /* empty css */
88
- import "../Chatbot/store/messages.js";
89
- /* empty css */
90
- import "../Comparison/Comparison.css.js";
91
- import "../Tab/Tab.css.js";
92
- import "../icons/Star/Star.css.js";
93
- import "../ContentBanner/ContentBanner.css.js";
94
- /* empty css */
95
- import "../ExecutiveBio/ExecutiveBio.css.js";
96
- import "../FaqAccordion/index.js";
97
- import "../FooterDisclosure/FooterDisclosure.css.js";
98
- /* empty css */
99
- /* empty css */
100
- /* empty css */
101
- import "../ImageBillboard/ImageBillboard.css.js";
102
- import "next/script.js";
103
- /* empty css */
104
- /* empty css */
105
- /* empty css */
106
- /* empty css */
107
- /* empty css */
108
- import "../LandingPageHeader/LandingPageHeader.css.js";
109
- import "next/link.js";
110
- /* empty css */
111
- /* empty css */
112
- import "next/navigation.js";
113
- /* empty css */
114
- /* empty css */
115
- /* empty css */
116
- /* empty css */
117
- import "../NavigationMenu/ServerNavigation/Menu.js";
118
- import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
119
- /* empty css */
120
- /* empty css */
121
- /* empty css */
122
- /* empty css */
123
- import "../PageNavItem/PageNavItem.css.js";
124
- import "react-slick";
125
- /* empty css */
126
- /* empty css */
127
- /* empty css */
128
- /* empty css */
129
- import "../StepItem/StepItem.css.js";
130
- import "../StepItemSet/StepItemSet.css.js";
131
- /* empty css */
132
- /* empty css */
133
- /* empty css */
134
- /* empty css */
135
- /* empty css */
136
- /* empty css */
137
17
  const Button = ({
138
18
  as = "a",
139
19
  children,
package/dist/Calculators/ApyCalculator/index.js CHANGED
@@ -24,6 +24,10 @@ const CALCULATOR_DEFINITIONS = [
24
24
  term: "APY (Annual Percentage Yield)",
25
25
  description: "The rate your money earns in a year, with compounding included."
26
26
  },
27
+ {
28
+ term: "APR (Annual Percentage Rate)",
29
+ description: "The rate your money earns in a year, without compounding."
30
+ },
27
31
  {
28
32
  term: "Months",
29
33
  description: "How long you plan to keep your money in the account."
@@ -143,13 +147,33 @@ const ApyCalculator = ({
143
147
  },
144
148
  [compounding]
145
149
  );
146
- const AXOS_ONE_APY = Number(domains.AXOS_ONE_APY) || 4.21;
150
+ const getAPY = useCallback(
151
+ (apr) => {
152
+ return Number.parseFloat(
153
+ (((1 + apr / 100 / compounding) ** compounding - 1) * 100).toFixed(2)
154
+ );
155
+ },
156
+ [compounding]
157
+ );
158
+ const AXOS_ONE_APY = Number(domains.AXOS_ONE_APY) || 5;
147
159
  const [initialDeposit, setInitialDeposit] = useState(1e4);
148
160
  const [initialDepositDisplay, setInitialDepositDisplay] = useState(
149
161
  formatWithCommas(1e4)
150
162
  );
151
163
  const [APY, setAPY] = useState(AXOS_ONE_APY);
152
- const [APYDisplay, setAPYDisplay] = useState(APY.toString());
164
+ const [APYDisplay, setAPYDisplay] = useState(
165
+ APY.toLocaleString("en-US", {
166
+ minimumFractionDigits: 2,
167
+ maximumFractionDigits: 2
168
+ })
169
+ );
170
+ const [APR, setAPR] = useState(() => getAPR(AXOS_ONE_APY));
171
+ const [APRDisplay, setAPRDisplay] = useState(
172
+ APR.toLocaleString("en-US", {
173
+ minimumFractionDigits: 2,
174
+ maximumFractionDigits: 2
175
+ })
176
+ );
153
177
  const [months, setMonths] = useState(12);
154
178
  const [monthsDisplay, setMonthsDisplay] = useState(months.toString());
155
179
  const [monthlyDeposits, setMonthlyDeposits] = useState(100);
@@ -182,10 +206,29 @@ const ApyCalculator = ({
182
206
  };
183
207
  const handleAPYChange = (e) => {
184
208
  const raw = e.target.value;
185
- const num = parseFloat(raw.replace(/[^0-9.]/g, ""));
209
+ const cleaned = raw.replace(/[^0-9.]/g, "");
210
+ const num = parseFloat(cleaned);
186
211
  setAPY(num);
187
- setAPYDisplay(raw.replace(/[^0-9.]/g, ""));
212
+ setAPYDisplay(cleaned);
213
+ const newAPR = Number.isNaN(num) ? NaN : getAPR(num);
214
+ setAPR(newAPR);
215
+ setAPRDisplay(Number.isNaN(newAPR) ? "" : newAPR.toString());
216
+ };
217
+ const handleAPRChange = (e) => {
218
+ const raw = e.target.value;
219
+ const cleaned = raw.replace(/[^0-9.]/g, "");
220
+ const num = parseFloat(cleaned);
221
+ setAPR(num);
222
+ setAPRDisplay(cleaned);
223
+ const newAPY = Number.isNaN(num) ? NaN : getAPY(num);
224
+ setAPY(newAPY);
225
+ setAPYDisplay(Number.isNaN(newAPY) ? "" : newAPY.toString());
188
226
  };
227
+ useEffect(() => {
228
+ const newAPR = Number.isNaN(APY) ? NaN : getAPR(APY);
229
+ setAPR(newAPR);
230
+ setAPRDisplay(Number.isNaN(newAPR) ? "" : newAPR.toString());
231
+ }, [compounding]);
189
232
  const [endingBalanceRaw, setEndingBalanceRaw] = useState(0);
190
233
  const [totalDepositsRaw, setTotalDepositsRaw] = useState(0);
191
234
  const [interestEarnedRaw, setInterestEarnedRaw] = useState(0);
@@ -215,9 +258,11 @@ const ApyCalculator = ({
215
258
  if (!APY || APY <= 0 || Number.isNaN(APY)) {
216
259
  newErrors.APY = "Please enter a valid APY greater than 0.";
217
260
  }
261
+ if (!APR || APR <= 0 || Number.isNaN(APR)) {
262
+ newErrors.APR = "Please enter a valid APR greater than 0.";
263
+ }
218
264
  setFieldErrors(newErrors);
219
265
  if (Object.keys(newErrors).length > 0) return false;
220
- const APR = getAPR(APY);
221
266
  const interestRate = 0.01 * APR;
222
267
  let total;
223
268
  if (compounding === 360) {
@@ -243,7 +288,7 @@ const ApyCalculator = ({
243
288
  setTotalDepositsRaw(deposits);
244
289
  setInterestEarnedRaw(interest > 0 ? interest : 0);
245
290
  return true;
246
- }, [initialDeposit, APY, months, monthlyDeposits, compounding, getAPR]);
291
+ }, [initialDeposit, APY, APR, months, monthlyDeposits, compounding]);
247
292
  const handleCalculateClick = useCallback(() => {
248
293
  const didCalculate = calculate();
249
294
  if (!didCalculate || !isStackedLayout) return;
@@ -347,6 +392,43 @@ const ApyCalculator = ({
347
392
  }
348
393
  )
349
394
  ] }),
395
+ /* @__PURE__ */ jsxs(Field, { className: `${field_row} ${relative} flex flex_col`, children: [
396
+ /* @__PURE__ */ jsx(Label, { className: field_label, children: "APR (Annual Percentage Rate)" }),
397
+ /* @__PURE__ */ jsx(
398
+ "span",
399
+ {
400
+ className: `${label_symbol} ${percent}`,
401
+ "aria-hidden": "true",
402
+ children: "%"
403
+ }
404
+ ),
405
+ /* @__PURE__ */ jsx(
406
+ Input,
407
+ {
408
+ className: `${field_row_input} ${fieldErrors.APR ? ` ${field_row_input_error}` : ""}`,
409
+ id: "apr",
410
+ type: "text",
411
+ inputMode: "decimal",
412
+ pattern: "[0-9.]*",
413
+ name: "apr",
414
+ value: APRDisplay,
415
+ onChange: handleAPRChange,
416
+ onWheel: (e) => e.currentTarget.blur(),
417
+ "aria-invalid": !!fieldErrors.APR,
418
+ "aria-describedby": fieldErrors.APR ? "apr-error" : void 0
419
+ }
420
+ ),
421
+ fieldErrors.APR && /* @__PURE__ */ jsx(
422
+ Description,
423
+ {
424
+ as: "span",
425
+ id: "apr-error",
426
+ className: field_error,
427
+ role: "alert",
428
+ children: fieldErrors.APR
429
+ }
430
+ )
431
+ ] }),
350
432
  /* @__PURE__ */ jsxs(Field, { className: `${field_row} ${relative} flex flex_col`, children: [
351
433
  /* @__PURE__ */ jsx(Label, { className: field_label, children: "Months" }),
352
434
  /* @__PURE__ */ jsx(
package/dist/Calculators/Calculator.d.ts CHANGED
@@ -1,6 +1,6 @@
1
+ import { ChevronProps } from '../Chevron/Chevron.interface';
1
2
  import { IconBillboardProps } from '../IconBillboard/IconBillboard.interface';
2
3
  import { default as React } from 'react';
3
- import { ChevronProps } from '../Chevron/Chevron.interface';
4
4
 
5
5
  export interface CalculatorProps {
6
6
  id?: string;