@axos-web-dev/shared-components 1.0.77-patch.54 → 1.0.77-patch.56

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