@axos-web-dev/shared-components 2.2.24 → 2.2.26

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -4,7 +4,7 @@ import "../../Accordion/Accordion.js";
 import "../../Accordion/Accordion.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-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/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/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                                   */
+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/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/NavBar2.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/Chatbot/ChatWindow.css';import '../../assets/Chatbot/Bubble.css';import '../../assets/Chatbot/AnimatedGradientBorder.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/Insight/Insight.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/ImageToast/ImageToast.css';import '../../assets/Modal/Modal.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */
@@ -27,9 +27,14 @@ import "react-use";
 import "../../ArticlesSet/ArticlesSet.css.js";
 import "../../Calculators/calculator.css.js";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
 import Image from "next/image.js";
+import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
+import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
+import "../../HeroBanner/SelectionBanner.css.js";
+/* empty css                                             */
+import "../../SetContainer/SetContainer.css.js";
 import "../../Table/Table.css.js";
 import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -73,18 +78,14 @@ import "../../Auth/SignInPassword.js";
 /* empty css                                                       */
 import "../../Carousel/index.js";
 /* empty css                                                      */
-import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                      */
 import "../../Chatbot/store/chat.js";
 import "../../Chatbot/Chatbot.js";
+import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
-import "../../HeroBanner/LargeBanner.css.js";
-import "../../HeroBanner/HeroBanner.css.js";
-import "../../HeroBanner/SelectionBanner.css.js";
-import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";
 import "../../icons/Star/Star.css.js";
 import "../../ContentBanner/ContentBanner.css.js";
@@ -103,14 +104,14 @@ import "next/script.js";
 /* empty css                                                         */
 /* empty css                                               */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
+import Link from "next/link.js";
+import styles from "./NavBar.module.js";
+/* empty css                          */
 /* empty css                                       */
 import { usePathname } from "next/navigation.js";
 /* empty css                                          */
 /* empty css                                               */
 /* empty css                                                  */
-import Link from "next/link.js";
-/* empty css                          */
-import styles from "./NavBar.module.js";
 import { getSubNavItems } from "./NavData.js";
 /* empty css                                        */
 /* empty css                                    */
@@ -188,21 +189,19 @@ function SubNavBar() {
   if (!subNavPaths.some((el) => pathname?.includes(el) || isHomepage)) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { className: `${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsxs("nav", { children: [
-    /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", role: "menubar", children: [
+  return /* @__PURE__ */ jsx("div", { className: `${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsxs("nav", { "aria-label": "secondary navigation", children: [
+    /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
       (isHomepage || pathname?.includes("/personal") || pathname?.split("/")[1] == "invest" || pathname?.includes("/tools")) && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs(
           "li",
           {
             className: styles.sub_nav_link,
             onMouseEnter: () => handleMouseEnter("bank"),
-            role: "menuitem",
             children: [
               /* @__PURE__ */ jsx(
                 "a",
                 {
                   href: resolveUrl("{AXOSBANK}/personal/bank"),
-                  id: "personalNav1",
                   "aria-label": "Press Enter to navigate to the Bank section home page, or press Tab again to focus on the down arrow and press Enter to open the Bank section sub-menu.",
                   children: "Bank"
                 }
@@ -227,6 +226,7 @@ function SubNavBar() {
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg",
                       style: { marginLeft: "8px" },
+                      "aria-hidden": true,
                       children: /* @__PURE__ */ jsx(
                         "path",
                         {
@@ -246,13 +246,11 @@ function SubNavBar() {
           {
             className: styles.sub_nav_link,
             onMouseEnter: () => handleMouseEnter("borrow"),
-            role: "menuitem",
             children: [
               /* @__PURE__ */ jsx(
                 "a",
                 {
                   href: resolveUrl("{AXOSBANK}/personal/borrow"),
-                  id: "personalNav2",
                   "aria-label": "Press Enter to navigate to the Borrow section home page, or press Tab again to focus on the down arrow and press Enter to open the Borrow section sub-menu.",
                   children: "Borrow"
                 }
@@ -277,6 +275,7 @@ function SubNavBar() {
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg",
                       style: { marginLeft: "8px" },
+                      "aria-hidden": true,
                       children: /* @__PURE__ */ jsx(
                         "path",
                         {
@@ -296,13 +295,11 @@ function SubNavBar() {
           {
             className: styles.sub_nav_link,
             onMouseEnter: () => handleMouseEnter("invest"),
-            role: "menuitem",
             children: [
               /* @__PURE__ */ jsx(
                 "a",
                 {
                   href: resolveUrl("{AXOS}/invest"),
-                  id: "personalNav3",
                   "aria-label": "Press Enter to navigate to the Invest section home page, or press Tab again to focus on the down arrow and press Enter to open the Invest section sub-menu.",
                   children: "Invest"
                 }
@@ -327,6 +324,7 @@ function SubNavBar() {
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg",
                       style: { marginLeft: "8px" },
+                      "aria-hidden": true,
                       children: /* @__PURE__ */ jsx(
                         "path",
                         {
@@ -346,13 +344,11 @@ function SubNavBar() {
           {
             className: styles.sub_nav_link,
             onMouseEnter: () => handleMouseEnter("plan"),
-            role: "menuitem",
             children: [
               /* @__PURE__ */ jsx(
                 "a",
                 {
                   href: resolveUrl("{AXOSBANK}/personal/plan"),
-                  id: "personalNav4",
                   "aria-label": "Press Enter to navigate to the Plan section home page, or press Tab again to focus on the down arrow and press Enter to open the Plan section sub-menu.",
                   children: "Plan"
                 }
@@ -377,6 +373,7 @@ function SubNavBar() {
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg",
                       style: { marginLeft: "8px" },
+                      "aria-hidden": true,
                       children: /* @__PURE__ */ jsx(
                         "path",
                         {
@@ -398,13 +395,11 @@ function SubNavBar() {
           {
             className: styles.sub_nav_link,
             onMouseEnter: () => handleMouseEnter("sbb"),
-            role: "menuitem",
             children: [
               /* @__PURE__ */ jsx(
                 "a",
                 {
                   href: resolveUrl("{AXOSBANK}/business"),
-                  id: "busNav1",
                   "aria-label": "Press Enter to navigate to the Small Business Banking section home page, or press Tab again to focus on the down arrow and press Enter to open the Small Business Banking section sub-menu.",
                   children: "Small Business Banking"
                 }
@@ -429,6 +424,7 @@ function SubNavBar() {
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg",
                       style: { marginLeft: "8px" },
+                      "aria-hidden": true,
                       children: /* @__PURE__ */ jsx(
                         "path",
                         {
@@ -448,13 +444,11 @@ function SubNavBar() {
           {
             className: styles.sub_nav_link,
             onMouseEnter: () => handleMouseEnter("combank"),
-            role: "menuitem",
             children: [
               /* @__PURE__ */ jsx(
                 "a",
                 {
                   href: resolveUrl("{AXOSBANK}/commercial/banking"),
-                  id: "busNav2",
                   "aria-label": "Press Enter to navigate to the Commercial Banking section home page, or press Tab again to focus on the down arrow and press Enter to open the Commercial Banking section sub-menu.",
                   children: "Commercial Banking"
                 }
@@ -479,6 +473,7 @@ function SubNavBar() {
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg",
                       style: { marginLeft: "8px" },
+                      "aria-hidden": true,
                       children: /* @__PURE__ */ jsx(
                         "path",
                         {
@@ -498,13 +493,11 @@ function SubNavBar() {
           {
             className: styles.sub_nav_link,
             onMouseEnter: () => handleMouseEnter("comlending"),
-            role: "menuitem",
             children: [
               /* @__PURE__ */ jsx(
                 "a",
                 {
                   href: resolveUrl("{AXOSBANK}/commercial/lending"),
-                  id: "busNav3",
                   "aria-label": "Press Enter to navigate to the Commercial Lending section home page, or press Tab again to focus on the down arrow and press Enter to open the Commercial Lending section sub-menu.",
                   children: "Commercial Lending"
                 }
@@ -529,6 +522,7 @@ function SubNavBar() {
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg",
                       style: { marginLeft: "8px" },
+                      "aria-hidden": true,
                       children: /* @__PURE__ */ jsx(
                         "path",
                         {
@@ -550,7 +544,6 @@ function SubNavBar() {
           {
             className: styles.sub_nav_link,
             onMouseEnter: () => handleMouseEnter("wholelending"),
-            role: "menuitem",
             children: [
               /* @__PURE__ */ jsx(
                 "a",
@@ -558,7 +551,6 @@ function SubNavBar() {
                   href: resolveUrl(
                     "{AXOSBANK}/partners/wholesale-correspondent-portfolio-lending"
                   ),
-                  id: "partNav2",
                   "aria-label": "Press Enter to navigate to the Wholesale Lending section home page, or press Tab again to focus on the down arrow and press Enter to open the Wholesale Lending section sub-menu.",
                   children: "Wholesale Lending"
                 }
@@ -583,6 +575,7 @@ function SubNavBar() {
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg",
                       style: { marginLeft: "8px" },
+                      "aria-hidden": true,
                       children: /* @__PURE__ */ jsx(
                         "path",
                         {
@@ -602,13 +595,11 @@ function SubNavBar() {
           {
             className: styles.sub_nav_link,
             onMouseEnter: () => handleMouseEnter("dealerservices"),
-            role: "menuitem",
             children: [
               /* @__PURE__ */ jsx(
                 "a",
                 {
                   href: resolveUrl("{AXOSBANK}/partners/dealer-services"),
-                  id: "partNav5",
                   "aria-label": "Press Enter to navigate to the Dealer Services section home page, or press Tab again to focus on the down arrow and press Enter to open the Dealer Services section sub-menu.",
                   children: "Dealer Services"
                 }
@@ -633,6 +624,7 @@ function SubNavBar() {
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg",
                       style: { marginLeft: "8px" },
+                      "aria-hidden": true,
                       children: /* @__PURE__ */ jsx(
                         "path",
                         {
@@ -652,7 +644,6 @@ function SubNavBar() {
           {
             className: styles.sub_nav_link,
             onMouseEnter: handleMouseLeave,
-            role: "menuitem",
             children: /* @__PURE__ */ jsx(
               Link,
               {
@@ -668,34 +659,10 @@ function SubNavBar() {
         )
       ] }),
       pathname?.includes("/customer-support") && support.map(
-        (item) => /* @__PURE__ */ jsx(
-          "li",
-          {
-            className: styles.sub_nav_link,
-            role: "menuitem",
-            children: /* @__PURE__ */ jsx(Link, { href: item.url, children: item.name })
-          },
-          `snb-${item.id}`
-        )
+        (item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(Link, { href: item.url, children: item.name }) }, `snb-${item.id}`)
       ),
-      pathname?.includes("/about-us") && about.map((item) => /* @__PURE__ */ jsx(
-        "li",
-        {
-          className: styles.sub_nav_link,
-          role: "menuitem",
-          children: /* @__PURE__ */ jsx(Link, { href: item.url, children: item.name })
-        },
-        `snb-${item.id}`
-      )),
-      pathname?.includes("/legal") && legal.map((item) => /* @__PURE__ */ jsx(
-        "li",
-        {
-          className: styles.sub_nav_link,
-          role: "menuitem",
-          children: /* @__PURE__ */ jsx(Link, { href: item.url, children: item.name })
-        },
-        `snb-${item.id}`
-      ))
+      pathname?.includes("/about-us") && about.map((item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(Link, { href: item.url, children: item.name }) }, `snb-${item.id}`)),
+      pathname?.includes("/legal") && legal.map((item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(Link, { href: item.url, children: item.name }) }, `snb-${item.id}`))
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       hoveredLink === "bank" && /* @__PURE__ */ jsx(
@@ -1311,65 +1278,6 @@ function SubNavBar() {
                         ) })
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-                      /* @__PURE__ */ jsx(
-                        Image,
-                        {
-                          src: `https://images.axos.com/o9ov1v03uwqk/jpqd1KnknpG6gVaYg04Bl/a55d179434815dc4029ee413d8d7a703/nav-submenu-auto-icon.webp`,
-                          alt: "",
-                          width: 20,
-                          height: 20
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/auto-loans"
-                            ),
-                            role: "heading",
-                            children: "Auto Loans"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/auto-loans/purchase-a-vehicle"
-                            ),
-                            children: "Auto Purchase Loans"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/borrow/auto-loans/refinance"
-                            ),
-                            children: "Auto Refinance Loans"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/tools/calculators/auto-loan-calculator"
-                            ),
-                            children: "Auto Payment Calculator"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                          Link,
-                          {
-                            href: resolveUrl(
-                              "{AXOSBANK}/personal/support/manage-my-loan"
-                            ),
-                            children: "Manage My Loan"
-                          }
-                        ) })
-                      ] })
-                    ] }),
                     /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
                       /* @__PURE__ */ jsx(
                         Image,

package/dist/NavigationMenu/AxosBank/index.js

@@ -8,7 +8,7 @@ import "../../Accordion/Accordion.js";
 import "../../Accordion/Accordion.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-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/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/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                                   */
+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/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/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/ImageToast/ImageToast.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */
@@ -23,10 +23,17 @@ import "../../ArticlesSet/ArticlesSet.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import "../../Calculators/calculator.css.js";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
 import { useGlobalContext } from "../../Modal/contextApi/store.js";
 import "next/image.js";
+import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
+import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.css.js";
+import "../../HeroBanner/SelectionBanner.css.js";
+/* empty css                                             */
+/* empty css                                             */
+/* empty css                                             */
+import "../../SetContainer/SetContainer.css.js";
 import "../../Table/Table.css.js";
 import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -48,8 +55,6 @@ import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import "../../Forms/Forms.css.js";
 import "../../Forms/HoneyPot/index.js";
 import "../../Forms/SalesforceFieldsForm.js";
-/* empty css                                             */
-/* empty css                                             */
 import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";
 import "../../LoadingIndicator/LoadingIndicator.css.js";
@@ -74,18 +79,14 @@ import "../../Auth/SignInPassword.js";
 /* empty css                                                       */
 import "../../Carousel/index.js";
 /* empty css                                                      */
-import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                      */
 import "../../Chatbot/store/chat.js";
 import "../../Chatbot/Chatbot.js";
+import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
-import "../../HeroBanner/LargeBanner.css.js";
-import "../../HeroBanner/HeroBanner.css.js";
-import "../../HeroBanner/SelectionBanner.css.js";
-import "../../SetContainer/SetContainer.css.js";
 import "../../Tab/Tab.css.js";
 import "../../icons/Star/Star.css.js";
 import "../../ContentBanner/ContentBanner.css.js";
@@ -104,6 +105,9 @@ import "next/script.js";
 /* empty css                                                         */
 /* empty css                                               */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
+import "next/link.js";
+import styles from "./NavBar.module.js";
+import { logo_variant, main_nav_link, highlight, Sign_in_btn, signin_subheader } from "./NavBar.css.js";
 import { NavItem } from "../NavItem/index.js";
 /* empty css                                       */
 import "next/navigation.js";
@@ -113,7 +117,6 @@ import "next/navigation.js";
 /* empty css                                        */
 /* empty css                                    */
 /* empty css                                      */
-import "next/link.js";
 import "../../PageNavItem/PageNavItem.css.js";
 import "react-slick";
 /* empty css                                                    */
@@ -128,8 +131,6 @@ import "../../StepItemSet/StepItemSet.css.js";
 /* empty css                                                   */
 /* empty css                                                 */
 import MobileDrawerMenu from "./MobileMenu/MobileMenu.js";
-import { logo_variant, main_nav_link, highlight, Sign_in_btn, signin_subheader } from "./NavBar.css.js";
-import styles from "./NavBar.module.js";
 import { getNavItems } from "./NavData.js";
 import SubNavBar from "./SubNavBar.js";
 function NavBar({
@@ -184,7 +185,7 @@ function NavBar({
   if (withSession) {
     console.log("withSession");
   }
-  return /* @__PURE__ */ jsxs("header", { id: "header", children: [
+  return /* @__PURE__ */ jsxs("header", { id: "header", "aria-label": "main header", children: [
     /* @__PURE__ */ jsx("div", { className: `${styles.header} bg_white`, children: /* @__PURE__ */ jsxs("div", { className: styles.wrapper, children: [
       /* @__PURE__ */ jsx("a", { href: "#main-body", id: "skip_content", className: styles.skip_btn, children: "Skip to main content" }),
       /* @__PURE__ */ jsxs("div", { className: `${styles.header_main_row} flex_row between middle`, children: [
@@ -202,6 +203,7 @@ function NavBar({
                   viewBox: "0 0 137 30",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
+                  "aria-hidden": "true",
                   children: [
                     /* @__PURE__ */ jsx(
                       "path",
@@ -263,20 +265,27 @@ function NavBar({
               )
             }
           ) }),
-          /* @__PURE__ */ jsx("nav", { className: styles.primary_links, children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", role: "menubar", children: navItems.map(
-            (item, i, arr) => arr.length - 1 !== i && /* @__PURE__ */ jsx(
-              NavItem,
-              {
-                className: `${styles.main_nav_link} ${main_nav_link}`,
-                onClick: handleClick,
-                index: i,
-                name: item.name,
-                url: item.url,
-                isActive: activeIndex == i
-              },
-              i
-            )
-          ) }) })
+          /* @__PURE__ */ jsx(
+            "nav",
+            {
+              className: styles.primary_links,
+              "aria-label": "primary navigation",
+              children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", children: navItems.map(
+                (item, i, arr) => arr.length - 1 !== i && /* @__PURE__ */ jsx(
+                  NavItem,
+                  {
+                    className: `${styles.main_nav_link} ${main_nav_link}`,
+                    onClick: handleClick,
+                    index: i,
+                    name: item.name,
+                    url: item.url,
+                    isActive: activeIndex == i
+                  },
+                  i
+                )
+              ) })
+            }
+          )
         ] }) }),
         /* @__PURE__ */ jsxs("div", { className: `${styles.mobile_only} ${styles.mobile_logo}`, children: [
           /* @__PURE__ */ jsx(
@@ -292,6 +301,7 @@ function NavBar({
                   viewBox: "0 0 137 30",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg",
+                  "aria-hidden": true,
                   children: [
                     /* @__PURE__ */ jsx(
                       "path",
@@ -361,7 +371,6 @@ function NavBar({
             className: `${styles.desktop_only} flex_row middle relative`,
             ref,
             onKeyDown: handleKeyDownContainer,
-            role: "menubar",
             children: [
               lastNavItem && /* @__PURE__ */ jsx(
                 NavItem,
@@ -393,7 +402,6 @@ function NavBar({
                   action: toggle,
                   size: "small",
                   "aria-controls": "signin-drop-menu",
-                  role: "menuitem",
                   children: [
                     /* @__PURE__ */ jsx("span", { children: "Log in" }),
                     /* @__PURE__ */ jsx(