@axos-web-dev/shared-components 2.0.0-dev.13-stepForm.3 → 2.0.0-dev.13-stepForm.5

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 (103) hide show
  1. package/dist/ATMLocator/ATMLocator.js +2 -1
  2. package/dist/Accordion/Accordion.js +2 -1
  3. package/dist/AlertBanner/index.js +2 -1
  4. package/dist/Auth/ErrorAlert.js +2 -1
  5. package/dist/BulletItem/BulletItem.js +2 -1
  6. package/dist/Button/Button.js +2 -1
  7. package/dist/Calculators/AxosOneCalculator/index.js +2 -1
  8. package/dist/Calculators/BalanceAPYCalculator/index.js +2 -1
  9. package/dist/Calculators/Calculator.js +2 -1
  10. package/dist/Calculators/MarginTradingCalculator/index.js +2 -1
  11. package/dist/Calculators/SummitApyCalculator/index.js +2 -1
  12. package/dist/Carousel/index.js +2 -1
  13. package/dist/Chatbot/ChatWindow.js +24 -18
  14. package/dist/Chatbot/Chatbot.js +19 -17
  15. package/dist/Chevron/index.js +2 -1
  16. package/dist/CollectInformationAlert/index.js +2 -1
  17. package/dist/Comparison/Comparison.css.js +2 -1
  18. package/dist/Comparison/Comparison.js +2 -1
  19. package/dist/DownloadTile/index.js +1 -0
  20. package/dist/ExecutiveBio/ExecutiveBio.js +2 -1
  21. package/dist/FaqAccordion/index.js +2 -1
  22. package/dist/FooterDisclosure/LVF/LaVictorieFooter.js +2 -1
  23. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +20 -1
  24. package/dist/Forms/ApplicationStart.js +2 -1
  25. package/dist/Forms/ApplyNow.js +2 -1
  26. package/dist/Forms/BoatMooringLocation.d.ts +4 -1
  27. package/dist/Forms/BoatMooringLocation.js +136 -54
  28. package/dist/Forms/ClearingForm.js +2 -1
  29. package/dist/Forms/CommercialDeposits.js +2 -1
  30. package/dist/Forms/CommercialDepositsNoLendingOption.js +2 -1
  31. package/dist/Forms/CommercialLending.js +2 -1
  32. package/dist/Forms/CommercialPremiumFinance.js +2 -1
  33. package/dist/Forms/ConstructionLendingDynamic.js +2 -1
  34. package/dist/Forms/ContactCompany.js +2 -1
  35. package/dist/Forms/ContactCompanyTitle.js +2 -1
  36. package/dist/Forms/ContactUs.js +2 -1
  37. package/dist/Forms/ContactUsAAS.js +2 -1
  38. package/dist/Forms/ContactUsBusiness.js +2 -1
  39. package/dist/Forms/ContactUsBusinessNameEmail.js +2 -1
  40. package/dist/Forms/ContactUsLVF.js +2 -1
  41. package/dist/Forms/ContactUsNMLSId.js +2 -1
  42. package/dist/Forms/CpraRequest.js +2 -1
  43. package/dist/Forms/CraPublicFile.js +2 -1
  44. package/dist/Forms/DealerServices.js +2 -1
  45. package/dist/Forms/EmailOnly.js +2 -1
  46. package/dist/Forms/EmailUs.js +2 -1
  47. package/dist/Forms/FormEnums.js +2 -2
  48. package/dist/Forms/MortgageRate/MortgageRateForm.js +2 -1
  49. package/dist/Forms/MortgageRate/MortgageRateStep.css.d.ts +12 -0
  50. package/dist/Forms/MortgageRate/MortgageRateStep.css.js +33 -9
  51. package/dist/Forms/MortgageRate/MortgageRateStep.js +801 -356
  52. package/dist/Forms/MortgageRate/MortgageRateWatch.js +2 -1
  53. package/dist/Forms/MortgageRate/mortgageLeadForm.config.d.ts +28 -11
  54. package/dist/Forms/MortgageRate/mortgageLeadForm.config.js +18 -7
  55. package/dist/Forms/MortgageRate/mortgageLeadForm.types.d.ts +6 -2
  56. package/dist/Forms/MortgageWarehouseLending.js +2 -1
  57. package/dist/Forms/QuickPricer/QuickPricerForm.js +2 -1
  58. package/dist/Forms/ScheduleCall.js +2 -1
  59. package/dist/Forms/ScheduleCallPremier.js +2 -1
  60. package/dist/Forms/SuccesForm.js +2 -1
  61. package/dist/Forms/WcplSurvey.js +2 -1
  62. package/dist/HeroBanner/HeroBanner.js +2 -1
  63. package/dist/HeroBanner/LargeHeroBanner.js +2 -1
  64. package/dist/Hyperlink/index.js +2 -1
  65. package/dist/ImageBillboard/ImageBillboard.js +2 -1
  66. package/dist/ImageBillboard/ImageBillboardSet.js +2 -1
  67. package/dist/ImageLink/ImageLink.js +2 -1
  68. package/dist/ImageLink/ImageLinkSet.js +2 -1
  69. package/dist/ImageLink/index.js +2 -1
  70. package/dist/Insight/Featured/CategorySelector.js +2 -1
  71. package/dist/Insight/Featured/Featured.js +2 -1
  72. package/dist/Insight/Featured/Header.js +2 -1
  73. package/dist/LandingPageHeader/LandingPageHeader.js +2 -1
  74. package/dist/Modal/Modal.js +2 -1
  75. package/dist/NavigationMenu/AxosALTS/index.js +2 -1
  76. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +2 -1
  77. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +27 -27
  78. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +5 -2
  79. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +9 -4
  80. package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -39
  81. package/dist/NavigationMenu/AxosBank/SubNavBar.js +11 -1
  82. package/dist/NavigationMenu/AxosBank/index.js +29 -18
  83. package/dist/NavigationMenu/LaVictoire/index.js +2 -1
  84. package/dist/NavigationMenu/Navbar.js +2 -1
  85. package/dist/NavigationMenu/SignInNavButton.js +2 -1
  86. package/dist/Pagination/Pagination.js +2 -1
  87. package/dist/SetContainer/SetContainer.js +2 -1
  88. package/dist/SocialMediaBar/iconsRepository.js +2 -1
  89. package/dist/Table/Table.js +2 -1
  90. package/dist/VideoTile/VideoTile.js +2 -1
  91. package/dist/VideoWrapper/index.js +2 -1
  92. package/dist/assets/Forms/MortgageRate/MortgageRateStep.css +156 -19
  93. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css +49 -49
  94. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +88 -88
  95. package/dist/assets/icons/AlertBell/AlertBellIcon.css +6 -0
  96. package/dist/icons/AlertBell/AlertBellIcon.css.d.ts +1 -0
  97. package/dist/icons/AlertBell/AlertBellIcon.css.js +5 -0
  98. package/dist/icons/AlertBell/index.d.ts +1 -0
  99. package/dist/icons/AlertBell/index.js +57 -0
  100. package/dist/icons/index.d.ts +1 -0
  101. package/dist/icons/index.js +2 -0
  102. package/dist/main.js +2 -0
  103. package/package.json +148 -148
@@ -4,12 +4,13 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
4
4
  import SvgAxosX from "../icons/AxosX/index.js";
5
5
  import SvgComponent from "../icons/AxosX/Blue.js";
6
6
  import "../icons/CheckIcon/CheckIcon.css.js";
7
- import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Forms/MortgageRate/MortgageRateStep.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
7
+ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Forms/MortgageRate/MortgageRateStep.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/AlertBell/AlertBellIcon.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
11
11
  /* empty css */
12
12
  /* empty css */
13
+ /* empty css */
13
14
  import { getVariant } from "../utils/getVariant.js";
14
15
  import "react";
15
16
  import clsx from "clsx";
@@ -6,12 +6,13 @@ 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/AlertBell/AlertBellIcon.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
11
  /* empty css */
12
12
  /* empty css */
13
13
  /* empty css */
14
14
  /* empty css */
15
+ /* empty css */
15
16
  import { bodyAccordion, hide, paragraph, accordion, headerContent, icon, headerAccordion } from "./Accordion.css.js";
16
17
  const AccordionCtx = createContext({
17
18
  isOpen: false,
@@ -2,7 +2,7 @@ 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/AlertBell/AlertBellIcon.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 */
6
6
  /* empty css */
7
7
  /* empty css */
8
8
  /* empty css */
@@ -10,6 +10,7 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
10
10
  /* empty css */
11
11
  import SvgLockIcon from "../icons/LockIcon/index.js";
12
12
  import { SvgWarningIcon } from "../icons/WarningIcon/index.js";
13
+ /* empty css */
13
14
  import { alertBanner_img_section, alertBanner_body, alertBanner_cta, alertBanner } from "./AlertBanner.css.js";
14
15
  const AlertBanner = ({
15
16
  alertType,
@@ -17,12 +17,13 @@ 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/Forms/MortgageRate/MortgageRateStep.css';import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Modal/Modal.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
20
+ import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Forms/MortgageRate/MortgageRateStep.css';import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Modal/Modal.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/AlertBell/AlertBellIcon.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
21
21
  /* empty css */
22
22
  /* empty css */
23
23
  /* empty css */
24
24
  /* empty css */
25
25
  /* empty css */
26
+ /* empty css */
26
27
  import { getVariant } from "../utils/getVariant.js";
27
28
  import clsx from "clsx";
28
29
  import "react-hook-form";
@@ -3,12 +3,13 @@ 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/AlertBell/AlertBellIcon.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
7
  /* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
11
11
  /* empty css */
12
+ /* empty css */
12
13
  import { getVariant } from "../utils/getVariant.js";
13
14
  import "react";
14
15
  import clsx from "clsx";
@@ -6,12 +6,13 @@ 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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Forms/MortgageRate/MortgageRateStep.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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Forms/MortgageRate/MortgageRateStep.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/AlertBell/AlertBellIcon.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
11
  /* empty css */
12
12
  /* empty css */
13
13
  /* empty css */
14
14
  /* empty css */
15
+ /* empty css */
15
16
  import { getVariant } from "../utils/getVariant.js";
16
17
  import clsx from "clsx";
17
18
  import { useState, createElement } from "react";
@@ -8,12 +8,13 @@ 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/AlertBell/AlertBellIcon.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 */
12
12
  /* empty css */
13
13
  /* empty css */
14
14
  /* empty css */
15
15
  /* empty css */
16
16
  /* empty css */
17
+ /* empty css */
17
18
  import { Table, TableHead, TableRow, TableCell, TableBody } from "../../Table/Table.js";
18
19
  import { headerCell } from "../../Table/Table.css.js";
19
20
  import { getVariant } from "../../utils/getVariant.js";
@@ -8,12 +8,13 @@ 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/AlertBell/AlertBellIcon.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 */
12
12
  /* empty css */
13
13
  /* empty css */
14
14
  /* empty css */
15
15
  /* empty css */
16
16
  /* empty css */
17
+ /* empty css */
17
18
  import { Table, TableHead, TableRow, TableCell, TableBody } from "../../Table/Table.js";
18
19
  import { headerCell } from "../../Table/Table.css.js";
19
20
  import { getVariant } from "../../utils/getVariant.js";
@@ -7,12 +7,13 @@ 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/Forms/MortgageRate/MortgageRateStep.css';import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.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/Forms/MortgageRate/MortgageRateStep.css';import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.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/AlertBell/AlertBellIcon.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
11
11
  /* empty css */
12
12
  /* empty css */
13
13
  /* empty css */
14
14
  /* empty css */
15
15
  /* empty css */
16
+ /* empty css */
16
17
  import { getVariant } from "../utils/getVariant.js";
17
18
  import { useRef, useEffect } from "react";
18
19
  import clsx from "clsx";
@@ -16,12 +16,13 @@ import "../../Accordion/Accordion.js";
16
16
  import "../../Accordion/Accordion.css.js";
17
17
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
18
18
  import "../../icons/CheckIcon/CheckIcon.css.js";
19
- import '../../assets/Modal/Modal.css';import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/Chatbot/ChatWindow.css';import '../../assets/Chatbot/Bubble.css';import '../../assets/Chatbot/Chatbot.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/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Forms/MortgageRate/MortgageRateStep.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 */
19
+ import '../../assets/Modal/Modal.css';import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/Chatbot/ChatWindow.css';import '../../assets/Chatbot/Bubble.css';import '../../assets/Chatbot/Chatbot.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/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Forms/MortgageRate/MortgageRateStep.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/AlertBell/AlertBellIcon.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
20
  /* empty css */
21
21
  /* empty css */
22
22
  /* empty css */
23
23
  /* empty css */
24
24
  /* empty css */
25
+ /* empty css */
25
26
  import "../../AlertBanner/AlertBanner.css.js";
26
27
  import "../../Article/Article.css.js";
27
28
  import "../../ArticlesSet/ArticlesSet.css.js";
@@ -8,12 +8,13 @@ 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/AlertBell/AlertBellIcon.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 */
12
12
  /* empty css */
13
13
  /* empty css */
14
14
  /* empty css */
15
15
  /* empty css */
16
16
  /* empty css */
17
+ /* empty css */
17
18
  import { Table, TableHead, TableRow, TableCell, TableBody } from "../../Table/Table.js";
18
19
  import { headerCell } from "../../Table/Table.css.js";
19
20
  import { getVariant } from "../../utils/getVariant.js";
@@ -6,7 +6,7 @@ import { getVariant } from "../utils/getVariant.js";
6
6
  import { section_text } from "../IconBillboard/IconBillboard.css.js";
7
7
  import "../icons/ArrowIcon/ArrowIcon.css.js";
8
8
  import "../icons/CheckIcon/CheckIcon.css.js";
9
- import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Forms/MortgageRate/MortgageRateStep.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 */
9
+ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Forms/MortgageRate/MortgageRateStep.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/AlertBell/AlertBellIcon.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
11
  /* empty css */
12
12
  /* empty css */
@@ -15,6 +15,7 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
15
15
  import SvgQuoteIconGrey from "../icons/QuoteIconGrey.js";
16
16
  import SvgQuoteIconWhite from "../icons/QuoteIconWhite.js";
17
17
  import SvgQuoteIconYellow from "../icons/QuoteIconYellow.js";
18
+ /* empty css */
18
19
  /* empty css */
19
20
  /* empty css */
20
21
  import "../Accordion/Accordion.js";
@@ -43,7 +43,8 @@ const ChatWindow = ({
43
43
  toggleThankyouMessage,
44
44
  hasEscalated,
45
45
  isBlockedInput,
46
- isOpen
46
+ isOpen,
47
+ hasOpenedOnce
47
48
  } = useOpenChat();
48
49
  const [mounted, setMounted] = React.useState(false);
49
50
  const [menuOpen, setMenuOpen] = React.useState(false);
@@ -398,7 +399,7 @@ const ChatWindow = ({
398
399
  }
399
400
  ) }) : null,
400
401
  /* @__PURE__ */ jsxs("div", { className: clsx(messagesContainerStyle), children: [
401
- (status === "idle" || messages.length == 0) && /* @__PURE__ */ jsx(
402
+ (status === "idle" && messages.length == 0 || messages.length == 0) && /* @__PURE__ */ jsx(
402
403
  "div",
403
404
  {
404
405
  className: clsx(),
@@ -425,23 +426,28 @@ const ChatWindow = ({
425
426
  )
426
427
  }
427
428
  ),
428
- messages?.map((msg) => /* @__PURE__ */ jsx(
429
- ChatbotMessage,
430
- {
431
- msg,
432
- onSend,
433
- showAvatar,
434
- showName,
435
- virtualAgent,
436
- onCancelEndChat,
437
- onEndChat: () => {
438
- endChat();
439
- onCloseAfterThankYou();
429
+ messages?.map((msg) => {
430
+ if (!hasOpenedOnce) {
431
+ return null;
432
+ }
433
+ return /* @__PURE__ */ jsx(
434
+ ChatbotMessage,
435
+ {
436
+ msg,
437
+ onSend,
438
+ showAvatar,
439
+ showName,
440
+ virtualAgent,
441
+ onCancelEndChat,
442
+ onEndChat: () => {
443
+ endChat();
444
+ onCloseAfterThankYou();
445
+ },
446
+ inputRef
440
447
  },
441
- inputRef
442
- },
443
- msg?.$index
444
- )),
448
+ msg?.$index
449
+ );
450
+ }),
445
451
  showReconnect && /* @__PURE__ */ jsx(
446
452
  "button",
447
453
  {
@@ -39,13 +39,11 @@ const Chatbot = ({
39
39
  const clientRef = useRef(null);
40
40
  const menuRef = useRef(null);
41
41
  const isMountedRef = useRef(false);
42
- const hasLoadedBefore = useRef(true);
43
42
  const chatRef = useRef(null);
44
43
  const agent_virtual = useRef(null);
45
44
  const [status, setStatus] = useState("idle");
46
45
  const [hasStarted, setHasStarted] = useState(false);
47
46
  const [menusLoaded, setMenusLoaded] = useState(false);
48
- const [pendingStart, setPendingStart] = useState(false);
49
47
  const [isTyping, setIsTyping] = useState(false);
50
48
  const [scalationStarted, setScalationStarted] = useState(false);
51
49
  useEffect(() => {
@@ -100,6 +98,9 @@ const Chatbot = ({
100
98
  menuRef.current = await clientRef.current.getMenus();
101
99
  setMenusLoaded(true);
102
100
  console.log("menus:", menuRef.current);
101
+ if (menuRef.current !== null) {
102
+ await startChat();
103
+ }
103
104
  }
104
105
  };
105
106
  const onAuthenticatedHandler = async () => {
@@ -260,9 +261,10 @@ const Chatbot = ({
260
261
  return;
261
262
  };
262
263
  const startChat = async () => {
263
- console.log("Starting chat");
264
+ console.log("Starting chat", chatRef.current);
264
265
  const client = clientRef.current;
265
266
  if (!client) return;
267
+ if (hasStarted) return;
266
268
  if (!menuRef.current || !menuRef.current.menus) {
267
269
  let waited = 0;
268
270
  while ((!menuRef.current || !menuRef.current.menus) && waited < 5e3) {
@@ -275,19 +277,26 @@ const Chatbot = ({
275
277
  }
276
278
  }
277
279
  try {
280
+ console.log("menus: ->", menuRef.current);
278
281
  const ongoingChat = await client.loadOngoingChat();
282
+ console.log("theres a ongoing chat?: -->", ongoingChat);
279
283
  if (ongoingChat) {
280
284
  console.log("Ongoing chat found:", ongoingChat);
281
285
  console.log("Resuming chat:", ongoingChat.id);
282
- chatRef.current = await client.resumeChat(ongoingChat.id);
286
+ chatRef.current = ongoingChat;
283
287
  agent_virtual.current = ongoingChat.agent;
284
288
  return;
285
289
  }
290
+ console.log("not ongoing chat ");
291
+ console.log(!!ongoingChat);
286
292
  const foundMenu = menuRef.current.menus.find(
287
293
  (menu) => menu.name === menuOption
288
294
  );
289
295
  const menuId = foundMenu && foundMenu.id;
290
296
  console.log("Creating new chat with menu ID:", menuId);
297
+ if (!foundMenu) {
298
+ throw new Error("Menu not found: " + menuOption);
299
+ }
291
300
  const newChat = await client.createChat(menuId, { custom_data });
292
301
  if (newChat !== null) {
293
302
  chatRef.current = newChat;
@@ -297,6 +306,7 @@ const Chatbot = ({
297
306
  } catch (err) {
298
307
  console.error("Error creating chat:", err);
299
308
  } finally {
309
+ setHasStarted(true);
300
310
  if (clientRef?.current?.chat?.state?.status == "va_assigned") {
301
311
  const OriginalAudio = window.Audio;
302
312
  class PatchedAudio extends OriginalAudio {
@@ -312,10 +322,6 @@ const Chatbot = ({
312
322
  const handleClick = async () => {
313
323
  toggle();
314
324
  if (hasStarted) return;
315
- if (!menusLoaded) {
316
- setPendingStart(true);
317
- return;
318
- }
319
325
  if (!hasOpenedOnce) {
320
326
  await startChat();
321
327
  setHasStarted(true);
@@ -356,17 +362,9 @@ const Chatbot = ({
356
362
  isMountedRef.current = true;
357
363
  await createClient();
358
364
  });
359
- useEffect(() => {
360
- if (menusLoaded && pendingStart && !hasStarted) {
361
- startChat();
362
- setPendingStart(false);
363
- }
364
- }, [menusLoaded, pendingStart, hasStarted]);
365
365
  useUnmount(() => {
366
366
  console.log("Chatbot unmounted");
367
367
  deregisterEventHandlers();
368
- isMountedRef.current = false;
369
- hasLoadedBefore.current = true;
370
368
  reset();
371
369
  setHasStarted(false);
372
370
  setStatus("idle");
@@ -379,9 +377,13 @@ const Chatbot = ({
379
377
  const onClose = () => {
380
378
  toggle();
381
379
  };
382
- const onCloseAfterThankYou = () => {
380
+ const newChatSession = async () => {
381
+ console.log("create new session");
382
+ };
383
+ const onCloseAfterThankYou = async () => {
383
384
  reset();
384
385
  setHasStarted(false);
386
+ newChatSession();
385
387
  };
386
388
  const onPreviewTyping = async (msg) => {
387
389
  console.log("Preview typing message:", msg);
@@ -2,12 +2,13 @@
2
2
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
3
3
  import SvgArrowIcon from "../icons/ArrowIcon/index.js";
4
4
  import "../icons/CheckIcon/CheckIcon.css.js";
5
- import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Forms/MortgageRate/MortgageRateStep.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/Modal/Modal.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 */
5
+ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Forms/MortgageRate/MortgageRateStep.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/Modal/Modal.css';import '../assets/icons/AlertBell/AlertBellIcon.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 */
6
6
  /* empty css */
7
7
  /* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
11
+ /* empty css */
11
12
  import "../Accordion/Accordion.js";
12
13
  import "../Accordion/Accordion.css.js";
13
14
  import "../AlertBanner/AlertBanner.css.js";
@@ -7,12 +7,13 @@ import { Hyperlink } from "../Hyperlink/index.js";
7
7
  import "../icons/ArrowIcon/ArrowIcon.css.js";
8
8
  import "../icons/CheckIcon/CheckIcon.css.js";
9
9
  import SvgCloseIcon from "../icons/CloseIcon/index.js";
10
- 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/icons/AlertBell/AlertBellIcon.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
11
11
  /* empty css */
12
12
  /* empty css */
13
13
  /* empty css */
14
14
  /* empty css */
15
15
  /* empty css */
16
+ /* empty css */
16
17
  import { privacy_prompt, privacy_prompt_content, privacy_prompt_btns, close_btn_optin } from "./CollectInformationAlert.css.js";
17
18
  const CollectInformationAlert = () => {
18
19
  return /* @__PURE__ */ jsxs("div", { className: `${privacy_prompt}`, children: [
@@ -1,4 +1,4 @@
1
- import '../assets/Comparison/Comparison.css';import '../assets/Typography/Typography.css';import '../assets/Table/Table.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/icons/CheckIcon/CheckIcon.css';import '../assets/icons/ArrowIcon/ArrowIcon.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/Comparison/Comparison.css';import '../assets/Typography/Typography.css';import '../assets/Table/Table.css';import '../assets/icons/AlertBell/AlertBellIcon.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/icons/CheckIcon/CheckIcon.css';import '../assets/icons/ArrowIcon/ArrowIcon.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
3
  /* empty css */
4
4
  /* empty css */
@@ -6,6 +6,7 @@ import '../assets/Comparison/Comparison.css';import '../assets/Typography/Typogr
6
6
  /* empty css */
7
7
  /* empty css */
8
8
  /* empty css */
9
+ /* empty css */
9
10
  /* empty css */
10
11
  /* empty css */
11
12
  /* empty css */
@@ -13,12 +13,13 @@ import "../Accordion/Accordion.js";
13
13
  import "../Accordion/Accordion.css.js";
14
14
  import "../icons/ArrowIcon/ArrowIcon.css.js";
15
15
  import "../icons/CheckIcon/CheckIcon.css.js";
16
- import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Forms/MortgageRate/MortgageRateStep.css';import '../assets/Typography/Typography.css';import '../assets/Modal/Modal.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 */
16
+ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Forms/MortgageRate/MortgageRateStep.css';import '../assets/Typography/Typography.css';import '../assets/Modal/Modal.css';import '../assets/icons/AlertBell/AlertBellIcon.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 */
17
17
  /* empty css */
18
18
  /* empty css */
19
19
  /* empty css */
20
20
  /* empty css */
21
21
  /* empty css */
22
+ /* empty css */
22
23
  import "../AlertBanner/AlertBanner.css.js";
23
24
  import "../Article/Article.css.js";
24
25
  import "../ArticlesSet/ArticlesSet.css.js";
@@ -4,6 +4,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
4
4
  import "../icons/CheckIcon/CheckIcon.css.js";
5
5
  import SvgDownloadIcon from "../icons/DownloadIcon/index.js";
6
6
  import SvgFollowIcon from "../icons/FollowIcon/index.js";
7
+ import '../assets/icons/AlertBell/AlertBellIcon.css';/* empty css */
7
8
  import { download_tile_set, table_section, table_section_container, table_header, media__table, download, ico, table_footer } from "./DownloadTile.css.js";
8
9
  const DownloadTile = ({
9
10
  id,