@axos-web-dev/shared-components 2.0.0-dev.22 → 2.0.0-dev.22-nav-3

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 (105) hide show
  1. package/dist/ATMLocator/ATMLocator.js +4 -3
  2. package/dist/Accordion/Accordion.js +3 -1
  3. package/dist/AlertBanner/index.js +3 -1
  4. package/dist/Auth/ErrorAlert.js +4 -3
  5. package/dist/BulletItem/BulletItem.js +3 -1
  6. package/dist/Button/Button.js +4 -3
  7. package/dist/Calculators/AxosOneCalculator/index.js +3 -1
  8. package/dist/Calculators/BalanceAPYCalculator/index.js +3 -1
  9. package/dist/Calculators/Calculator.js +4 -3
  10. package/dist/Calculators/MarginTradingCalculator/index.js +4 -3
  11. package/dist/Calculators/SummitApyCalculator/index.js +3 -1
  12. package/dist/Carousel/index.js +3 -2
  13. package/dist/Chat/Chat.d.ts +4 -0
  14. package/dist/Chat/Chat.js +13 -0
  15. package/dist/Chat/index.d.ts +1 -0
  16. package/dist/Chat/index.js +5 -0
  17. package/dist/Chevron/index.js +4 -3
  18. package/dist/CollectInformationAlert/index.js +3 -1
  19. package/dist/Comparison/Comparison.css.js +3 -2
  20. package/dist/Comparison/Comparison.js +4 -3
  21. package/dist/DownloadTile/index.js +6 -0
  22. package/dist/ExecutiveBio/ExecutiveBio.js +4 -3
  23. package/dist/FaqAccordion/index.js +4 -3
  24. package/dist/FooterDisclosure/LVF/LaVictorieFooter.js +3 -1
  25. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +4 -3
  26. package/dist/Forms/ApplicationStart.js +3 -1
  27. package/dist/Forms/ApplyNow.js +4 -3
  28. package/dist/Forms/BoatMooringLocation.js +3 -1
  29. package/dist/Forms/ClearingForm.js +3 -1
  30. package/dist/Forms/CommercialDeposits.js +3 -1
  31. package/dist/Forms/CommercialDepositsNoLendingOption.js +3 -1
  32. package/dist/Forms/CommercialLending.js +3 -1
  33. package/dist/Forms/CommercialPremiumFinance.js +3 -1
  34. package/dist/Forms/ConstructionLendingDynamic.js +3 -1
  35. package/dist/Forms/ContactCompany.js +3 -1
  36. package/dist/Forms/ContactCompanyTitle.js +3 -1
  37. package/dist/Forms/ContactUs.js +3 -1
  38. package/dist/Forms/ContactUsAAS.js +3 -1
  39. package/dist/Forms/ContactUsBusiness.js +4 -3
  40. package/dist/Forms/ContactUsBusinessNameEmail.js +4 -3
  41. package/dist/Forms/ContactUsLVF.js +3 -1
  42. package/dist/Forms/ContactUsNMLSId.js +4 -3
  43. package/dist/Forms/CpraRequest.js +4 -3
  44. package/dist/Forms/CraPublicFile.js +4 -3
  45. package/dist/Forms/DealerServices.js +3 -1
  46. package/dist/Forms/EmailOnly.js +4 -3
  47. package/dist/Forms/EmailUs.js +3 -1
  48. package/dist/Forms/MortgageRate/MortgageRateForm.js +4 -3
  49. package/dist/Forms/MortgageRate/MortgageRateWatch.js +3 -2
  50. package/dist/Forms/MortgageWarehouseLending.js +4 -3
  51. package/dist/Forms/QuickPricer/QuickPricerForm.js +3 -1
  52. package/dist/Forms/ScheduleCall.js +3 -1
  53. package/dist/Forms/ScheduleCallPremier.js +3 -1
  54. package/dist/Forms/SuccesForm.js +3 -2
  55. package/dist/Forms/WcplSurvey.js +3 -1
  56. package/dist/HeroBanner/HeroBanner.js +4 -2
  57. package/dist/HeroBanner/LargeHeroBanner.js +3 -1
  58. package/dist/Hyperlink/index.js +4 -3
  59. package/dist/ImageBillboard/ImageBillboard.js +3 -1
  60. package/dist/ImageBillboard/ImageBillboardSet.js +3 -2
  61. package/dist/ImageLink/ImageLink.js +4 -3
  62. package/dist/ImageLink/ImageLinkSet.js +3 -2
  63. package/dist/ImageLink/index.js +4 -3
  64. package/dist/Insight/Featured/CategorySelector.js +3 -2
  65. package/dist/Insight/Featured/Featured.js +3 -2
  66. package/dist/Insight/Featured/Header.js +3 -2
  67. package/dist/Modal/Modal.js +4 -3
  68. package/dist/Modal/contextApi/store.js +1 -1
  69. package/dist/NavigationMenu/AxosALTS/index.js +4 -3
  70. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
  71. package/dist/NavigationMenu/AxosBank/DropwdownButton.d.ts +7 -0
  72. package/dist/NavigationMenu/AxosBank/DropwdownButton.js +238 -0
  73. package/dist/NavigationMenu/AxosBank/Menu.d.ts +37 -0
  74. package/dist/NavigationMenu/AxosBank/Menu.js +253 -0
  75. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.d.ts +12 -1
  76. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +180 -160
  77. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +36 -269
  78. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +54 -484
  79. package/dist/NavigationMenu/AxosBank/MobileMenu/mobileReducer.d.ts +36 -0
  80. package/dist/NavigationMenu/AxosBank/MobileMenu/mobileReducer.js +105 -0
  81. package/dist/NavigationMenu/AxosBank/NavBar.module.js +42 -39
  82. package/dist/NavigationMenu/AxosBank/SubNavBar.d.ts +6 -1
  83. package/dist/NavigationMenu/AxosBank/SubNavBar.js +116 -3085
  84. package/dist/NavigationMenu/AxosBank/SubNavItem.d.ts +1 -0
  85. package/dist/NavigationMenu/AxosBank/SubNavItem.js +313 -0
  86. package/dist/NavigationMenu/AxosBank/index.d.ts +6 -4
  87. package/dist/NavigationMenu/AxosBank/index.js +85 -362
  88. package/dist/NavigationMenu/LaVictoire/index.js +4 -3
  89. package/dist/NavigationMenu/NavItem/index.js +137 -1
  90. package/dist/NavigationMenu/Navbar.d.ts +4 -1
  91. package/dist/NavigationMenu/Navbar.js +5 -4
  92. package/dist/NavigationMenu/SignInNavButton.js +3 -2
  93. package/dist/NavigationMenu/utils.d.ts +465 -0
  94. package/dist/NavigationMenu/utils.js +112 -0
  95. package/dist/Pagination/Pagination.js +3 -1
  96. package/dist/SetContainer/SetContainer.js +4 -3
  97. package/dist/SocialMediaBar/iconsRepository.js +4 -3
  98. package/dist/Table/Table.js +3 -1
  99. package/dist/VideoTile/VideoTile.js +4 -3
  100. package/dist/VideoWrapper/index.js +4 -3
  101. package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css +116 -116
  102. package/dist/assets/NavigationMenu/AxosBank/NavBar.css +125 -87
  103. package/dist/icons/Logos/AXOS.js +49 -7
  104. package/dist/utils/allowedAxosDomains.js +0 -12
  105. package/package.json +1 -1
@@ -0,0 +1,112 @@
1
+ const getFirstLevelMenuItems = (menuData) => {
2
+ if (!menuData.fields?.children) return [];
3
+ return menuData.fields?.children?.map(
4
+ ({ fields, sys }) => fields?.target !== void 0 ? {
5
+ id: sys.id || sys.id,
6
+ label: fields.target.fields.displayText,
7
+ url: fields.target.fields.targetUrl,
8
+ descriptiveTextAriaLabel: fields?.target.fields.descriptiveTextAriaLabel,
9
+ rightSide: !!fields.rightSide,
10
+ dropdown: fields?.dropdown
11
+ } : {}
12
+ );
13
+ };
14
+ const getLogo = (menuData) => {
15
+ const { fields } = menuData;
16
+ return {
17
+ id: fields?.logo?.sys?.id,
18
+ url: fields?.logo?.fields?.image?.fields?.file?.url,
19
+ alt: fields?.logo?.fields?.title
20
+ };
21
+ };
22
+ const transformPrimaryNavigation = (item) => {
23
+ const { sys, fields } = item;
24
+ return {
25
+ id: sys.id,
26
+ label: fields.display,
27
+ url: fields?.target?.fields?.targetUrl,
28
+ hasMenu: fields.children && fields.children.length > 0,
29
+ descriptiveTextAriaLabel: fields.target?.fields.descriptiveTextAriaLabel,
30
+ menuItems: {
31
+ target: { id: fields.target?.sys?.id, ...fields?.target?.fields },
32
+ heading: fields.heading,
33
+ bannerHeading: fields.bannerHeading,
34
+ bannerDescription: fields.bannerDescription,
35
+ helpAndSupportLink: fields.helpAndSupportLink,
36
+ bannerImage: fields?.bannerImage,
37
+ bannerCta: fields?.bannerCtaLinks?.map(({ sys: sys2, fields: fields2 }) => ({
38
+ id: sys2.id,
39
+ label: fields2.displayText,
40
+ url: fields2.targetUrl,
41
+ ariaLabel: fields2.descriptiveTextAriaLabel
42
+ })),
43
+ subItems: fields?.children?.length > 0 ? fields.children?.map(({ fields: menuFields, sys: menuSys }) => {
44
+ const target = {
45
+ id: menuSys.id,
46
+ label: menuFields?.target?.fields?.displayText ?? menuFields?.displayText,
47
+ icon: menuFields?.icon?.fields?.file?.url,
48
+ descrictiveTextAriaLabel: menuFields?.target?.fields?.descriptiveTextAriaLabel ?? menuFields.descriptiveTextAriaLabel,
49
+ url: menuFields?.target?.fields?.targetUrl ?? menuFields.targetUrl
50
+ };
51
+ const items = menuFields?.children?.map((item2) => {
52
+ return {
53
+ id: item2.sys.id,
54
+ label: item2.fields.displayText,
55
+ descriptiveTextAriaLabel: item2.fields.descriptiveTextAriaLabel,
56
+ url: item2.fields.targetUrl,
57
+ icon: menuFields?.icon?.fields?.file?.url
58
+ };
59
+ });
60
+ return {
61
+ ...target,
62
+ items
63
+ };
64
+ }) : []
65
+ }
66
+ };
67
+ };
68
+ const getQuickLinks = (menuData) => {
69
+ return menuData?.fields?.quickLinks?.map(({ fields, sys }) => ({
70
+ id: sys.id,
71
+ label: fields?.displayText,
72
+ url: fields?.targetUrl,
73
+ ariaLabel: fields?.descriptiveTextAriaLabel ?? "",
74
+ icon: fields?.icon?.fields?.image?.fields?.file?.url
75
+ }));
76
+ };
77
+ const extractChildrenTargets = (children) => {
78
+ if (!children) return [];
79
+ return children?.map((child) => {
80
+ if (child?.sys?.contentType?.sys?.id === "secondaryNavigation") {
81
+ return transformPrimaryNavigation(child);
82
+ }
83
+ if (child?.sys?.contentType?.sys?.id === "hyperlink") {
84
+ const { fields, sys } = child;
85
+ return {
86
+ id: sys.id,
87
+ label: fields?.displayText,
88
+ url: fields?.targetUrl,
89
+ descriptiveTextAriaLabel: fields?.descriptiveTextAriaLabel
90
+ };
91
+ }
92
+ });
93
+ };
94
+ const getNavMenuItems = (menuData) => {
95
+ return menuData?.fields?.children?.map(({ fields, sys }) => ({
96
+ id: sys.id,
97
+ label: fields.target?.fields?.displayText,
98
+ url: fields.target?.fields?.targetUrl,
99
+ descriptiveTextAriaLabel: fields.target?.fields?.descriptiveTextAriaLabel ?? "",
100
+ dropdown: fields?.dropdown,
101
+ rightSide: fields?.rightSide ?? false,
102
+ displayInNavigation: fields?.displayInNavigation,
103
+ subItems: extractChildrenTargets(fields.children)
104
+ }));
105
+ };
106
+ export {
107
+ extractChildrenTargets,
108
+ getFirstLevelMenuItems,
109
+ getLogo,
110
+ getNavMenuItems,
111
+ getQuickLinks
112
+ };
@@ -3,12 +3,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import "../icons/ArrowIcon/ArrowIcon.css.js";
4
4
  import "../icons/CheckIcon/CheckIcon.css.js";
5
5
  import SvgChevronDown from "../icons/ChevronDown.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/NavigationMenu/AxosBank/NavBar2.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
7
  /* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
11
11
  /* empty css */
12
+ /* empty css */
13
+ /* empty css */
12
14
  import clsx from "clsx";
13
15
  import Link from "next/link.js";
14
16
  import { useSearchParams } from "next/navigation.js";
@@ -4,18 +4,19 @@ 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/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/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/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/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
11
11
  /* empty css */
12
12
  /* empty css */
13
+ /* empty css */
14
+ /* empty css */
13
15
  import { getVariant } from "../utils/getVariant.js";
14
16
  import "react";
15
17
  import { columnValues } from "../utils/variant.types.js";
16
18
  import clsx from "clsx";
17
19
  /* empty css */
18
- /* empty css */
19
20
  import "../Accordion/Accordion.js";
20
21
  import "../Accordion/Accordion.css.js";
21
22
  import "../AlertBanner/AlertBanner.css.js";
@@ -109,7 +110,7 @@ import "next/navigation.js";
109
110
  /* empty css */
110
111
  /* empty css */
111
112
  import "next/link.js";
112
- /* empty css */
113
+ import "../NavigationMenu/AxosBank/Menu.js";
113
114
  /* empty css */
114
115
  /* empty css */
115
116
  /* empty css */
@@ -3,12 +3,14 @@ import "../Accordion/Accordion.js";
3
3
  import "../Accordion/Accordion.css.js";
4
4
  import "../icons/ArrowIcon/ArrowIcon.css.js";
5
5
  import "../icons/CheckIcon/CheckIcon.css.js";
6
- 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/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 */
6
+ 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/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/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/NavigationMenu/AxosBank/NavBar2.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
7
  /* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
11
11
  /* empty css */
12
+ /* empty css */
13
+ /* empty css */
12
14
  import "clsx";
13
15
  import "react";
14
16
  import "../Chevron/Chevron.css.js";
@@ -16,7 +18,6 @@ import "../AlertBanner/AlertBanner.css.js";
16
18
  import "../Article/Article.css.js";
17
19
  import "../IconBillboard/IconBillboard.css.js";
18
20
  /* empty css */
19
- /* empty css */
20
21
  import "../Interstitial/Interstitial-variants.css.js";
21
22
  /* empty css */
22
23
  import "../Modal/contextApi/store.js";
@@ -106,7 +107,7 @@ import "next/navigation.js";
106
107
  /* empty css */
107
108
  /* empty css */
108
109
  import "next/link.js";
109
- /* empty css */
110
+ import "../NavigationMenu/AxosBank/Menu.js";
110
111
  /* empty css */
111
112
  /* empty css */
112
113
  /* empty css */
@@ -3,12 +3,14 @@ import clsx from "clsx";
3
3
  import "../icons/ArrowIcon/ArrowIcon.css.js";
4
4
  import SvgComponent from "../icons/AxosX/Blue.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/NavigationMenu/AxosBank/NavBar2.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
7
  /* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
11
11
  /* empty css */
12
+ /* empty css */
13
+ /* empty css */
12
14
  import { getVariant } from "../utils/getVariant.js";
13
15
  import { createElement } from "react";
14
16
  import { table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, tableWrapper, td, th, table_section, table_container_text, table_headline, table_description_text, table_container } from "./Table.css.js";
@@ -4,12 +4,14 @@ import SvgArrowIcon from "../icons/ArrowIcon/index.js";
4
4
  import "../icons/CheckIcon/CheckIcon.css.js";
5
5
  import SvgChevronDown from "../icons/ChevronDown.js";
6
6
  import SvgChevronUp from "../icons/ChevronUp.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/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/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/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/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/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
11
11
  /* empty css */
12
12
  /* empty css */
13
+ /* empty css */
14
+ /* empty css */
13
15
  import ReactMarkdown from "react-markdown";
14
16
  import { useToggle } from "react-use";
15
17
  import { VideoInit } from "./VideoInit.js";
@@ -20,7 +22,6 @@ import { IconBillboard } from "../IconBillboard/IconBillboard.js";
20
22
  import "../IconBillboard/IconBillboard.css.js";
21
23
  import "clsx";
22
24
  /* empty css */
23
- /* empty css */
24
25
  import "../Accordion/Accordion.js";
25
26
  import "../Accordion/Accordion.css.js";
26
27
  import "../AlertBanner/AlertBanner.css.js";
@@ -112,7 +113,7 @@ import "next/navigation.js";
112
113
  /* empty css */
113
114
  /* empty css */
114
115
  import "next/link.js";
115
- /* empty css */
116
+ import "../NavigationMenu/AxosBank/Menu.js";
116
117
  /* empty css */
117
118
  /* empty css */
118
119
  /* empty css */
@@ -3,12 +3,14 @@ import "../Accordion/Accordion.js";
3
3
  import "../Accordion/Accordion.css.js";
4
4
  import "../icons/ArrowIcon/ArrowIcon.css.js";
5
5
  import "../icons/CheckIcon/CheckIcon.css.js";
6
- 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/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 */
6
+ 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/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/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/NavigationMenu/AxosBank/NavBar2.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
7
  /* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
11
11
  /* empty css */
12
+ /* empty css */
13
+ /* empty css */
12
14
  import { getVariant } from "../utils/getVariant.js";
13
15
  import clsx from "clsx";
14
16
  import "react";
@@ -17,7 +19,6 @@ import "../AlertBanner/AlertBanner.css.js";
17
19
  import "../Article/Article.css.js";
18
20
  import { header_section } from "../IconBillboard/IconBillboard.css.js";
19
21
  /* empty css */
20
- /* empty css */
21
22
  import "../Interstitial/Interstitial-variants.css.js";
22
23
  /* empty css */
23
24
  import "../Modal/contextApi/store.js";
@@ -108,7 +109,7 @@ import "next/navigation.js";
108
109
  /* empty css */
109
110
  /* empty css */
110
111
  import "next/link.js";
111
- /* empty css */
112
+ import "../NavigationMenu/AxosBank/Menu.js";
112
113
  /* empty css */
113
114
  /* empty css */
114
115
  /* empty css */