@axos-web-dev/shared-components 1.0.100-dev.56 → 1.0.100-dev.57

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 (183) hide show
  1. package/dist/ATMLocator/ATMLocator.js +2 -4
  2. package/dist/Accordion/Accordion.css.js +1 -2
  3. package/dist/Accordion/Accordion.js +1 -2
  4. package/dist/AlertBanner/index.js +1 -2
  5. package/dist/Article/Article.css.js +1 -2
  6. package/dist/ArticlesSet/ArticlesSet.css.js +1 -2
  7. package/dist/Auth/ErrorAlert.js +2 -4
  8. package/dist/Auth/SignIn.css.js +1 -2
  9. package/dist/AwardsBanner/AwardsBanner.css.js +1 -2
  10. package/dist/Blockquote/Blockquote.module.js +3 -3
  11. package/dist/BulletItem/BulletItem.js +1 -2
  12. package/dist/Button/Button.css.js +1 -2
  13. package/dist/Button/Button.js +2 -4
  14. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +1 -2
  15. package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +1 -2
  16. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.d.ts +2 -0
  17. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +7 -3
  18. package/dist/Calculators/AxosOneCalculator/index.js +72 -66
  19. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js +1 -2
  20. package/dist/Calculators/BalanceAPYCalculator/index.js +1 -2
  21. package/dist/Calculators/BuyDownCalculator/BuyDownCalculator.css.js +1 -2
  22. package/dist/Calculators/Calculator.js +2 -4
  23. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +1 -2
  24. package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js +1 -2
  25. package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js +1 -2
  26. package/dist/Calculators/SummitApyCalculator/index.js +1 -2
  27. package/dist/Calculators/calculator.css.js +1 -2
  28. package/dist/CallToActionBar/CallToActionBar.css.js +1 -2
  29. package/dist/Carousel/Carousel.css.js +1 -2
  30. package/dist/Carousel/index.js +2 -4
  31. package/dist/Chatbot/Bubble.css.d.ts +0 -4
  32. package/dist/Chatbot/Bubble.css.js +3 -15
  33. package/dist/Chatbot/Bubble.js +19 -26
  34. package/dist/Chatbot/ChatWindow.css.d.ts +0 -17
  35. package/dist/Chatbot/ChatWindow.css.js +17 -46
  36. package/dist/Chatbot/ChatWindow.d.ts +1 -4
  37. package/dist/Chatbot/ChatWindow.js +283 -322
  38. package/dist/Chatbot/Chatbot.css.js +1 -1
  39. package/dist/Chatbot/Chatbot.css.ts.vanilla.css.js +1 -0
  40. package/dist/Chatbot/Chatbot.js +5 -32
  41. package/dist/Chatbot/index.js +2 -18
  42. package/dist/Chatbot/store/chat.d.ts +0 -3
  43. package/dist/Chatbot/store/chat.js +1 -4
  44. package/dist/Chatbot/store/messages.d.ts +1 -1
  45. package/dist/Chatbot/store/messages.js +2 -7
  46. package/dist/Chevron/Chevron.css.js +1 -2
  47. package/dist/Chevron/index.js +2 -4
  48. package/dist/CollectInformationAlert/CollectInformationAlert.css.js +1 -2
  49. package/dist/CollectInformationAlert/index.js +1 -2
  50. package/dist/Comparison/Comparison.css.js +1 -2
  51. package/dist/Comparison/Comparison.js +2 -4
  52. package/dist/ContentBanner/ContentBanner.css.js +1 -2
  53. package/dist/DownloadTile/DownloadTile.css.js +1 -2
  54. package/dist/ExecutiveBio/ExecutiveBio.css.js +1 -2
  55. package/dist/ExecutiveBio/ExecutiveBio.js +2 -4
  56. package/dist/FaqAccordion/FaqAccordion.css.js +1 -2
  57. package/dist/FaqAccordion/index.js +2 -4
  58. package/dist/FooterDisclosure/LVF/LaVictorieFooter.css.js +1 -2
  59. package/dist/FooterDisclosure/LVF/LaVictorieFooter.js +1 -2
  60. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +1 -2
  61. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +21 -5
  62. package/dist/Forms/ApplicationStart.js +1 -2
  63. package/dist/Forms/ApplyNow.js +2 -4
  64. package/dist/Forms/ClearingForm.js +1 -2
  65. package/dist/Forms/CommercialDeposits.js +1 -2
  66. package/dist/Forms/CommercialDepositsNoLendingOption.js +1 -2
  67. package/dist/Forms/CommercialLending.js +1 -2
  68. package/dist/Forms/CommercialPremiumFinance.js +1 -2
  69. package/dist/Forms/ContactCompany.js +1 -2
  70. package/dist/Forms/ContactCompanyTitle.js +1 -2
  71. package/dist/Forms/ContactUs.js +1 -2
  72. package/dist/Forms/ContactUsAAS.js +1 -2
  73. package/dist/Forms/ContactUsBusiness.js +2 -4
  74. package/dist/Forms/ContactUsBusinessNameEmail.js +2 -4
  75. package/dist/Forms/ContactUsLVF.js +1 -2
  76. package/dist/Forms/ContactUsNMLSId.js +2 -4
  77. package/dist/Forms/CpraRequest.js +1 -2
  78. package/dist/Forms/CraPublicFile.js +2 -4
  79. package/dist/Forms/DealerServices.js +1 -2
  80. package/dist/Forms/EmailOnly.js +2 -4
  81. package/dist/Forms/EmailUs.js +1 -2
  82. package/dist/Forms/Forms.css.js +1 -2
  83. package/dist/Forms/MortgageRate/MortgageRateForm.js +2 -4
  84. package/dist/Forms/MortgageRate/MortgageRateWatch.js +2 -4
  85. package/dist/Forms/MortgageWarehouseLending.js +2 -4
  86. package/dist/Forms/QuickPricer/QuickPricerForm.js +1 -2
  87. package/dist/Forms/QuickPricer/UserInformation.css.js +1 -2
  88. package/dist/Forms/ScheduleCall.js +1 -2
  89. package/dist/Forms/ScheduleCallPremier.js +1 -2
  90. package/dist/Forms/SuccesForm.js +2 -4
  91. package/dist/Forms/WcplSurvey.js +1 -2
  92. package/dist/HeroBanner/HeroBanner.css.js +1 -2
  93. package/dist/HeroBanner/HeroBanner.js +1 -2
  94. package/dist/HeroBanner/LargeBanner.css.js +1 -2
  95. package/dist/HeroBanner/SelectionBanner.css.js +1 -2
  96. package/dist/Hyperlink/Hyperlink.css.js +1 -2
  97. package/dist/Hyperlink/index.js +2 -4
  98. package/dist/IconBillboard/IconBillboard.css.js +1 -2
  99. package/dist/ImageBillboard/ImageBillboard.css.js +1 -2
  100. package/dist/ImageBillboard/ImageBillboard.js +1 -2
  101. package/dist/ImageBillboard/ImageBillboardSet.js +1 -2
  102. package/dist/ImageLink/ImageLink.js +2 -4
  103. package/dist/ImageLink/ImageLinkSet.js +2 -4
  104. package/dist/ImageLink/index.js +2 -4
  105. package/dist/Input/Input.css.js +1 -2
  106. package/dist/Inputs/Input.css.js +1 -2
  107. package/dist/Insight/Featured/CategorySelector.css.js +1 -2
  108. package/dist/Insight/Featured/CategorySelector.js +2 -4
  109. package/dist/Insight/Featured/Featured.js +2 -4
  110. package/dist/Insight/Featured/Header.js +2 -4
  111. package/dist/Interstitial/Interstitial-variants.css.js +1 -2
  112. package/dist/LandingPageHeader/LandingPageHeader.css.js +1 -2
  113. package/dist/LandingPageHeader/LandingPageHeader.js +1 -2
  114. package/dist/MainHTML/index.d.ts +1 -1
  115. package/dist/MainHTML/index.js +1 -3
  116. package/dist/Modal/Modal.css.js +1 -2
  117. package/dist/Modal/Modal.js +2 -4
  118. package/dist/Modal/contextApi/store.js +1 -1
  119. package/dist/NavigationMenu/AxosALTS/NavBar.css.js +1 -2
  120. package/dist/NavigationMenu/AxosALTS/NavData.js +2 -4
  121. package/dist/NavigationMenu/AxosALTS/index.js +2 -4
  122. package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +1 -2
  123. package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +1 -2
  124. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +1 -2
  125. package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +1 -2
  126. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +2 -4
  127. package/dist/NavigationMenu/AxosBank/NavBar.css.js +1 -2
  128. package/dist/NavigationMenu/AxosBank/NavData.js +2 -4
  129. package/dist/NavigationMenu/AxosBank/SubNavBar.js +2 -4
  130. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +1 -2
  131. package/dist/NavigationMenu/AxosBank/index.js +2 -4
  132. package/dist/NavigationMenu/LaVictoire/NavData.js +2 -4
  133. package/dist/NavigationMenu/LaVictoire/index.js +2 -4
  134. package/dist/NavigationMenu/NavDataJson.js +2 -4
  135. package/dist/NavigationMenu/Navbar.js +2 -4
  136. package/dist/NavigationMenu/SignInNavButton.js +2 -4
  137. package/dist/PageNavItem/PageNavItem.css.js +1 -2
  138. package/dist/Pagination/Pagination.js +1 -2
  139. package/dist/SecondaryFooter/SecondaryFooter.css.js +1 -2
  140. package/dist/SetContainer/SetContainer.css.js +1 -2
  141. package/dist/SetContainer/SetContainer.js +2 -4
  142. package/dist/SocialMediaBar/iconsRepository.js +2 -4
  143. package/dist/StepItem/StepItem.css.js +1 -2
  144. package/dist/StepItemSet/StepItemSet.css.js +1 -2
  145. package/dist/StepItemSet/StepItemSet.js +1 -2
  146. package/dist/Tab/Tab.css.js +1 -2
  147. package/dist/Table/Table.css.js +1 -2
  148. package/dist/Table/Table.d.ts +1 -1
  149. package/dist/Table/Table.js +1 -2
  150. package/dist/TextBlock/TextBlock.css.js +1 -2
  151. package/dist/VideoTile/VideoTile.css.js +1 -2
  152. package/dist/VideoTile/VideoTile.js +2 -4
  153. package/dist/VideoWrapper/index.js +2 -4
  154. package/dist/assets/Blockquote/Blockquote.css.css +72 -72
  155. package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css +40 -2
  156. package/dist/assets/Chatbot/Bubble.css +21 -58
  157. package/dist/assets/Chatbot/ChatWindow.css +83 -208
  158. package/dist/assets/DownloadTile/DownloadTile.css +1 -1
  159. package/dist/assets/Insight/Insight.css +2 -2
  160. package/dist/assets/themes/axos.css +0 -11
  161. package/dist/assets/themes/premier.css +0 -11
  162. package/dist/assets/themes/victorie.css +0 -11
  163. package/dist/icons/ArrowIcon/ArrowIcon.css.js +1 -2
  164. package/dist/icons/CheckIcon/CheckIcon.css.js +1 -2
  165. package/dist/icons/DownloadIcon/DownloadIcon.css.js +1 -2
  166. package/dist/icons/FollowIcon/FollowIcon.css.js +1 -2
  167. package/dist/main.js +2 -20
  168. package/dist/themes/axos.css.d.ts +0 -17
  169. package/dist/themes/axos.css.js +1 -1
  170. package/dist/themes/index.d.ts +0 -1
  171. package/dist/themes/index.js +0 -2
  172. package/package.json +136 -136
  173. package/dist/Chatbot/AnimatedGradientBorder.css.d.ts +0 -3
  174. package/dist/Chatbot/AnimatedGradientBorder.css.js +0 -13
  175. package/dist/Chatbot/ChatbotMessage.d.ts +0 -16
  176. package/dist/Chatbot/ChatbotMessage.js +0 -215
  177. package/dist/Chatbot/ThankYouMessage.d.ts +0 -9
  178. package/dist/Chatbot/ThankYouMessage.js +0 -510
  179. package/dist/assets/Chatbot/AnimatedGradientBorder.css +0 -37
  180. package/dist/assets/Chatbot/Chatbot.css +0 -3
  181. package/dist/assets/themes/ufb.css +0 -51
  182. package/dist/themes/ufb.css.d.ts +0 -1
  183. package/dist/themes/ufb.css.js +0 -6
@@ -4,9 +4,8 @@ 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/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.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/Modal/Modal.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 */
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/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.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/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/Modal/Modal.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/premier.css';import '../assets/themes/axos.css';/* empty css */
8
8
  /* empty css */
9
- /* empty css */
10
9
  /* empty css */
11
10
  /* empty css */
12
11
  /* empty css */
@@ -68,11 +67,10 @@ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js"
68
67
  /* empty css */
69
68
  /* empty css */
70
69
  import "../Carousel/index.js";
71
- /* empty css */
72
70
  /* empty css */
73
71
  import "../Chatbot/store/chat.js";
74
72
  import "../Chatbot/authenticate.js";
75
- /* empty css */
73
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
76
74
  /* empty css */
77
75
  import "../Chatbot/store/messages.js";
78
76
  /* empty css */
@@ -1,7 +1,6 @@
1
- import '../assets/Accordion/Accordion.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css */
1
+ import '../assets/Accordion/Accordion.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
- /* empty css */
5
4
  /* empty css */
6
5
  /* empty css */
7
6
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
@@ -6,9 +6,8 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
6
6
  import "../icons/CheckIcon/CheckIcon.css.js";
7
7
  import SvgChevronDown from "../icons/ChevronDown.js";
8
8
  import SvgChevronUp from "../icons/ChevronUp.js";
9
- 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 */
9
+ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
10
10
  /* empty css */
11
- /* empty css */
12
11
  /* empty css */
13
12
  /* empty css */
14
13
  /* empty css */
@@ -2,9 +2,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { Chevron } from "../Chevron/index.js";
3
3
  import "../icons/ArrowIcon/ArrowIcon.css.js";
4
4
  import "../icons/CheckIcon/CheckIcon.css.js";
5
- 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 */
5
+ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
6
6
  /* empty css */
7
- /* empty css */
8
7
  /* empty css */
9
8
  /* empty css */
10
9
  /* empty css */
@@ -1,7 +1,6 @@
1
- import '../assets/Article/Article.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css */
1
+ import '../assets/Article/Article.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
- /* empty css */
5
4
  /* empty css */
6
5
  /* empty css */
7
6
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
@@ -1,7 +1,6 @@
1
- import '../assets/ArticlesSet/ArticlesSet.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css */
1
+ import '../assets/ArticlesSet/ArticlesSet.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
- /* empty css */
5
4
  /* empty css */
6
5
  /* empty css */
7
6
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
@@ -17,9 +17,8 @@ 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/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Modal/Modal.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/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/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/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Modal/Modal.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/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/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/premier.css';import '../assets/themes/axos.css';/* empty css */
21
21
  /* empty css */
22
- /* empty css */
23
22
  /* empty css */
24
23
  /* empty css */
25
24
  /* empty css */
@@ -60,11 +59,10 @@ import "./SignInPassword.js";
60
59
  /* empty css */
61
60
  /* empty css */
62
61
  import "../Carousel/index.js";
63
- /* empty css */
64
62
  /* empty css */
65
63
  import "../Chatbot/store/chat.js";
66
64
  import "../Chatbot/authenticate.js";
67
- /* empty css */
65
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
68
66
  /* empty css */
69
67
  import "../Chatbot/store/messages.js";
70
68
  import { Hyperlink } from "../Hyperlink/index.js";
@@ -1,6 +1,5 @@
1
- import '../assets/Auth/SignIn.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
1
+ import '../assets/Auth/SignIn.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
- /* empty css */
4
3
  /* empty css */
5
4
  /* empty css */
6
5
  var fadeInUp = "_1c7jj80";
@@ -1,6 +1,5 @@
1
- import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
1
+ import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
- /* empty css */
4
3
  /* empty css */
5
4
  /* empty css */
6
5
  var awards_section = "_1amgyqo0";
@@ -1,6 +1,6 @@
1
- import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_ovx4r_1";
2
- const author = "_author_ovx4r_7";
3
- const quote = "_quote_ovx4r_1";
1
+ import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_lqs2u_1";
2
+ const author = "_author_lqs2u_13";
3
+ const quote = "_quote_lqs2u_1";
4
4
  const css = {
5
5
  quote_spacer,
6
6
  author,
@@ -3,9 +3,8 @@ import { listItem } from "../IconBillboard/IconBillboard.css.js";
3
3
  import "../icons/ArrowIcon/ArrowIcon.css.js";
4
4
  import SvgCheckCircle from "../icons/CheckCircle.js";
5
5
  import "../icons/CheckIcon/CheckIcon.css.js";
6
- 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 */
6
+ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
7
7
  /* empty css */
8
- /* empty css */
9
8
  /* empty css */
10
9
  /* empty css */
11
10
  /* empty css */
@@ -1,7 +1,6 @@
1
- import '../assets/Button/Button.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css */
1
+ import '../assets/Button/Button.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
- /* empty css */
5
4
  /* empty css */
6
5
  /* empty css */
7
6
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
@@ -6,9 +6,8 @@ import "../Accordion/Accordion.js";
6
6
  import "../Accordion/Accordion.css.js";
7
7
  import "../icons/ArrowIcon/ArrowIcon.css.js";
8
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/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.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 */
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/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.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/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/premier.css';import '../assets/themes/axos.css';/* empty css */
10
10
  /* empty css */
11
- /* empty css */
12
11
  /* empty css */
13
12
  /* empty css */
14
13
  /* empty css */
@@ -71,11 +70,10 @@ import "../Auth/SignInPassword.js";
71
70
  /* empty css */
72
71
  /* empty css */
73
72
  import "../Carousel/index.js";
74
- /* empty css */
75
73
  /* empty css */
76
74
  import "../Chatbot/store/chat.js";
77
75
  import "../Chatbot/authenticate.js";
78
- /* empty css */
76
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
79
77
  /* empty css */
80
78
  import "../Chatbot/store/messages.js";
81
79
  /* empty css */
@@ -1,6 +1,5 @@
1
- import '../../assets/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
1
+ import '../../assets/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
- /* empty css */
4
3
  /* empty css */
5
4
  /* empty css */
6
5
  /* empty css */
@@ -1,6 +1,5 @@
1
- import '../../assets/Calculators/ApyCalculator/ApyCalculator.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
1
+ import '../../assets/Calculators/ApyCalculator/ApyCalculator.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
- /* empty css */
4
3
  /* empty css */
5
4
  /* empty css */
6
5
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
@@ -44,3 +44,5 @@ export declare const ax1_calc_disclosure: import('@vanilla-extract/recipes').Run
44
44
  };
45
45
  }>;
46
46
  export declare const call_to_action_row: string;
47
+ export declare const tieredRowAnimation: string;
48
+ export declare const tieredRowAnimationDelayed: string;
@@ -1,8 +1,8 @@
1
- import '../../assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
1
+ import '../../assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css';import '../../assets/Table/Table.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
- /* empty css */
4
3
  /* empty css */
5
4
  /* empty css */
5
+ /* empty css */
6
6
  /* empty css */
7
7
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
8
8
  var ax1_container = "_11b2y8z0";
@@ -21,6 +21,8 @@ var ax1_calc_text = "_11b2y8zc";
21
21
  var ax1_description_text = createRuntimeFn({ defaultClassName: "_11b2y8zd", variantClassNames: { variant: { primary: "_11b2y8ze", secondary: "_11b2y8zf", tertiary: "_11b2y8zg", quaternary: "_11b2y8zh" } }, defaultVariants: {}, compoundVariants: [] });
22
22
  var ax1_calc_disclosure = createRuntimeFn({ defaultClassName: "_11b2y8zi", variantClassNames: { variant: { primary: "_11b2y8zj", secondary: "_11b2y8zk", tertiary: "_11b2y8zl", quaternary: "_11b2y8zm" } }, defaultVariants: {}, compoundVariants: [] });
23
23
  var call_to_action_row = "_11b2y8zn";
24
+ var tieredRowAnimation = "_11b2y8zp";
25
+ var tieredRowAnimationDelayed = "_11b2y8zq";
24
26
  export {
25
27
  ax1_calc_disclosure,
26
28
  ax1_calc_icon,
@@ -37,5 +39,7 @@ export {
37
39
  ax1_input_label,
38
40
  ax1_m_label,
39
41
  ax1_table_container,
40
- call_to_action_row
42
+ call_to_action_row,
43
+ tieredRowAnimation,
44
+ tieredRowAnimationDelayed
41
45
  };
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { jsx, jsxs } from "react/jsx-runtime";
2
+ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
3
3
  import { Button } from "../../Button/Button.js";
4
4
  import "../../Button/Button.css.js";
5
5
  import { useState } from "react";
@@ -8,9 +8,8 @@ import "../../icons/ArrowIcon/ArrowIcon.css.js";
8
8
  import SvgAxosX from "../../icons/AxosX/index.js";
9
9
  import SvgComponent from "../../icons/AxosX/Blue.js";
10
10
  import "../../icons/CheckIcon/CheckIcon.css.js";
11
- 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
+ import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
12
12
  /* empty css */
13
- /* empty css */
14
13
  /* empty css */
15
14
  /* empty css */
16
15
  /* empty css */
@@ -19,7 +18,7 @@ import { headerCell } from "../../Table/Table.css.js";
19
18
  import "../../utils/allowedAxosDomains.js";
20
19
  import { getVariant } from "../../utils/getVariant.js";
21
20
  import clsx from "clsx";
22
- import { ax1_calc_icon, ax1_header_container, ax1_header_calc, ax1_calc_text, ax1_description_text, ax1_calculator_wrapper, ax1_input_container, ax1_input_label, ax1_calculator_input, ax1_calculator_button, ax1_d_label, ax1_m_label, ax1_table_container, call_to_action_row, ax1_calc_disclosure, ax1_container } from "./BalanceAPYCalculator.css.js";
21
+ import { ax1_calc_icon, ax1_header_container, ax1_header_calc, ax1_calc_text, ax1_description_text, ax1_calculator_wrapper, ax1_input_container, ax1_input_label, ax1_calculator_input, ax1_calculator_button, ax1_d_label, ax1_m_label, tieredRowAnimation, tieredRowAnimationDelayed, ax1_table_container, call_to_action_row, ax1_calc_disclosure, ax1_container } from "./BalanceAPYCalculator.css.js";
23
22
  const AxosOneCalculator = ({
24
23
  headline,
25
24
  bodyCopy,
@@ -30,25 +29,18 @@ const AxosOneCalculator = ({
30
29
  callToActionRow
31
30
  }) => {
32
31
  const calc_variant = getVariant(variant);
33
- const AXOS_ONE_APY = +process.env.NEXT_PUBLIC_AXOS_ONE_APY;
32
+ const AXOS_ONE_APY = 4.31;
33
+ const AXOS_ONE_APY_TIERED = 4.01;
34
34
  const startingBalance = Number.isFinite(Number(initialBalance)) && Number(initialBalance) >= 0 ? Number(initialBalance) : 1e4;
35
35
  const [balance, setBalance] = useState(startingBalance);
36
- const [axbAPY, _setAxbAPY] = useState(AXOS_ONE_APY);
36
+ const [calculatedBalance, setCalculatedBalance] = useState(startingBalance);
37
+ const [axbAPY, setAxbAPY] = useState(AXOS_ONE_APY);
37
38
  const [axbEarning, setAxbEarning] = useState(
38
39
  AXOS_ONE_APY / 100 * startingBalance
39
40
  );
40
- const [chaseAPY, _setChaseAPY] = useState(0.01);
41
- const [chaseEarning, setChaseEarning] = useState(
42
- 0.01 / 100 * startingBalance
43
- );
44
- const [bofaAPY, _setBofaAPY] = useState(0.01);
45
- const [bofaEarning, setBofaEarning] = useState(
46
- 0.01 / 100 * startingBalance
47
- );
48
- const [fargoAPY, _setFargoAPY] = useState(0.05);
49
- const [fargoEarning, setFargoEarning] = useState(
50
- 0.05 / 100 * startingBalance
51
- );
41
+ const [tier1Earning, setTier1Earning] = useState(0);
42
+ const [tier2Earning, setTier2Earning] = useState(0);
43
+ const [showTieredRows, setShowTieredRows] = useState(false);
52
44
  const removeNonNumeric = (value) => {
53
45
  if (value === "") {
54
46
  value = "0";
@@ -59,10 +51,27 @@ const AxosOneCalculator = ({
59
51
  return newValue;
60
52
  };
61
53
  const calculateBalance = (amount) => {
62
- setAxbEarning(axbAPY / 100 * amount);
63
- setChaseEarning(chaseAPY / 100 * amount);
64
- setBofaEarning(bofaAPY / 100 * amount);
65
- setFargoEarning(fargoAPY / 100 * amount);
54
+ setCalculatedBalance(amount);
55
+ const TIER_THRESHOLD = 499999.99;
56
+ if (amount > TIER_THRESHOLD) {
57
+ const tier1Amount = TIER_THRESHOLD;
58
+ const tier2Amount = amount - TIER_THRESHOLD;
59
+ const tier1Earn = AXOS_ONE_APY / 100 * tier1Amount;
60
+ const tier2Earn = AXOS_ONE_APY_TIERED / 100 * tier2Amount;
61
+ setTier1Earning(tier1Earn);
62
+ setTier2Earning(tier2Earn);
63
+ const totalEarning = tier1Earn + tier2Earn;
64
+ setAxbEarning(totalEarning);
65
+ const effectiveAPY = totalEarning / amount * 100;
66
+ setAxbAPY(effectiveAPY);
67
+ setShowTieredRows(true);
68
+ } else {
69
+ setAxbEarning(AXOS_ONE_APY / 100 * amount);
70
+ setAxbAPY(AXOS_ONE_APY);
71
+ setTier1Earning(0);
72
+ setTier2Earning(0);
73
+ setShowTieredRows(false);
74
+ }
66
75
  };
67
76
  const onUpdateBalance = (e) => {
68
77
  const text = e.target.value;
@@ -83,6 +92,12 @@ const AxosOneCalculator = ({
83
92
  maximumFractionDigits: 2
84
93
  });
85
94
  };
95
+ const formatEarnings = (value) => {
96
+ return Math.round(value).toLocaleString(void 0, {
97
+ minimumFractionDigits: 0,
98
+ maximumFractionDigits: 0
99
+ });
100
+ };
86
101
  return /* @__PURE__ */ jsx("section", { className: clsx(ax1_container), id: "axoapycalc", children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
87
102
  icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", ax1_calc_icon), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
88
103
  (headline || bodyCopy) && /* @__PURE__ */ jsxs("div", { className: `${ax1_header_container} text_center`, children: [
@@ -137,8 +152,8 @@ const AxosOneCalculator = ({
137
152
  children: [
138
153
  /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
139
154
  /* @__PURE__ */ jsxs(TableCell, { as: "th", variant: "primary", children: [
140
- /* @__PURE__ */ jsx("div", { className: clsx(headerCell, ax1_d_label), children: "Bank" }),
141
- /* @__PURE__ */ jsx("div", { className: clsx(headerCell, ax1_m_label), children: "Bank" })
155
+ /* @__PURE__ */ jsx("div", { className: clsx(headerCell, ax1_d_label), children: "Balance" }),
156
+ /* @__PURE__ */ jsx("div", { className: clsx(headerCell, ax1_m_label), children: "Balance" })
142
157
  ] }),
143
158
  /* @__PURE__ */ jsxs(TableCell, { as: "th", variant: "primary", children: [
144
159
  /* @__PURE__ */ jsx("div", { className: clsx(headerCell, ax1_d_label), children: "Annual Percentage Yield*" }),
@@ -151,56 +166,47 @@ const AxosOneCalculator = ({
151
166
  ] }) }),
152
167
  /* @__PURE__ */ jsxs(TableBody, { children: [
153
168
  /* @__PURE__ */ jsxs(TableRow, { children: [
154
- /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsx("b", { children: "Axos Bank" }) }),
169
+ /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsxs("b", { children: [
170
+ "$",
171
+ formatUSD(calculatedBalance)
172
+ ] }) }),
155
173
  /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsxs("b", { children: [
156
174
  axbAPY.toFixed(2),
157
175
  "%"
158
176
  ] }) }),
159
177
  /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsxs("b", { children: [
160
178
  "$",
161
- formatUSD(axbEarning)
179
+ formatEarnings(axbEarning)
162
180
  ] }) })
163
181
  ] }),
164
- /* @__PURE__ */ jsxs(TableRow, { children: [
165
- /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
166
- "Wells Fargo",
167
- /* @__PURE__ */ jsx("sup", { children: "2" })
182
+ showTieredRows && /* @__PURE__ */ jsxs(Fragment, { children: [
183
+ /* @__PURE__ */ jsxs(TableRow, { className: clsx(tieredRowAnimation), children: [
184
+ /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
185
+ "$",
186
+ formatUSD(499999.99)
187
+ ] }),
188
+ /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
189
+ AXOS_ONE_APY.toFixed(2),
190
+ "%"
191
+ ] }),
192
+ /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
193
+ "$",
194
+ formatEarnings(tier1Earning)
195
+ ] })
168
196
  ] }),
169
- /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
170
- fargoAPY.toFixed(2),
171
- "%"
172
- ] }),
173
- /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
174
- "$",
175
- formatUSD(fargoEarning)
176
- ] })
177
- ] }),
178
- /* @__PURE__ */ jsxs(TableRow, { children: [
179
- /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
180
- "Bank of America",
181
- /* @__PURE__ */ jsx("sup", { children: "3" })
182
- ] }),
183
- /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
184
- bofaAPY.toFixed(2),
185
- "%"
186
- ] }),
187
- /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
188
- "$",
189
- formatUSD(bofaEarning)
190
- ] })
191
- ] }),
192
- /* @__PURE__ */ jsxs(TableRow, { children: [
193
- /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
194
- "Chase",
195
- /* @__PURE__ */ jsx("sup", { children: "4" })
196
- ] }),
197
- /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
198
- chaseAPY.toFixed(2),
199
- "%"
200
- ] }),
201
- /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
202
- "$",
203
- formatUSD(chaseEarning)
197
+ /* @__PURE__ */ jsxs(TableRow, { className: clsx(tieredRowAnimationDelayed), children: [
198
+ /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
199
+ "$",
200
+ formatUSD(calculatedBalance - 499999.99)
201
+ ] }),
202
+ /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
203
+ AXOS_ONE_APY_TIERED.toFixed(2),
204
+ "%"
205
+ ] }),
206
+ /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
207
+ "$",
208
+ formatEarnings(tier2Earning)
209
+ ] })
204
210
  ] })
205
211
  ] })
206
212
  ] })
@@ -221,7 +227,7 @@ const AxosOneCalculator = ({
221
227
  id
222
228
  )
223
229
  ) }),
224
- disclosure && /* @__PURE__ */ jsx("div", { className: ax1_calc_disclosure({ variant: calc_variant }), children: disclosure })
230
+ showTieredRows && disclosure && /* @__PURE__ */ jsx("div", { className: ax1_calc_disclosure({ variant: calc_variant }), children: disclosure })
225
231
  ] }) });
226
232
  };
227
233
  export {
@@ -1,6 +1,5 @@
1
- import '../../assets/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
1
+ import '../../assets/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
- /* empty css */
4
3
  /* empty css */
5
4
  /* empty css */
6
5
  /* empty css */
@@ -8,9 +8,8 @@ import "../../icons/ArrowIcon/ArrowIcon.css.js";
8
8
  import SvgAxosX from "../../icons/AxosX/index.js";
9
9
  import SvgComponent from "../../icons/AxosX/Blue.js";
10
10
  import "../../icons/CheckIcon/CheckIcon.css.js";
11
- 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
+ import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
12
12
  /* empty css */
13
- /* empty css */
14
13
  /* empty css */
15
14
  /* empty css */
16
15
  /* empty css */
@@ -1,7 +1,6 @@
1
- import '../../assets/Calculators/BuyDownCalculator/BuyDownCalculator.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';import '../../assets/Typography/Typography.css';/* empty css */
1
+ import '../../assets/Calculators/BuyDownCalculator/BuyDownCalculator.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';import '../../assets/Typography/Typography.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
- /* empty css */
5
4
  /* empty css */
6
5
  /* empty css */
7
6
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
@@ -7,9 +7,8 @@ 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/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.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/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/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.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/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/premier.css';import '../assets/themes/axos.css';/* empty css */
11
11
  /* empty css */
12
- /* empty css */
13
12
  /* empty css */
14
13
  /* empty css */
15
14
  /* empty css */
@@ -50,11 +49,10 @@ import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
50
49
  /* empty css */
51
50
  /* empty css */
52
51
  import "../Carousel/index.js";
53
- /* empty css */
54
52
  /* empty css */
55
53
  import "../Chatbot/store/chat.js";
56
54
  import "../Chatbot/authenticate.js";
57
- /* empty css */
55
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
58
56
  import "react-use";
59
57
  /* empty css */
60
58
  import "../Chatbot/store/messages.js";
@@ -1,6 +1,5 @@
1
- import '../../assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
1
+ import '../../assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
- /* empty css */
4
3
  /* empty css */
5
4
  /* empty css */
6
5
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
@@ -1,6 +1,5 @@
1
- import '../../assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
1
+ import '../../assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
- /* empty css */
4
3
  /* empty css */
5
4
  /* empty css */
6
5
  /* empty css */