@axos-web-dev/shared-components 2.0.0-dev.28 → 2.0.0-dev.29-toasts

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -4,19 +4,19 @@ 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/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                                   */
+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/ServerNavigation/NavigationBar.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/ImageToast/ImageToast.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                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */
 /* empty css                                                       */
 /* empty css                                                   */
-import "clsx";
+import { appendQueryParams } from "../../utils/appendQueryParams.js";
 import { useState, useRef, useEffect } from "react";
+import "clsx";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
 import "../../Article/Article.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
-import { appendQueryParams } from "../../utils/appendQueryParams.js";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Interstitial/Interstitial-variants.css.js";
@@ -29,6 +29,7 @@ import "../../Calculators/calculator.css.js";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import Image from "next/image.js";
 import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
 import "../../Table/Table.css.js";
 import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -72,7 +73,7 @@ import "../../Auth/SignInPassword.js";
 /* empty css                                                       */
 import "../../Carousel/index.js";
 /* empty css                                                      */
-/* empty css                                       */
+import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                      */
 import "../../Chatbot/store/chat.js";
 import "../../Chatbot/Chatbot.js";
@@ -83,6 +84,7 @@ import "../../Comparison/Comparison.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 "../../Tab/Tab.css.js";
 import "../../icons/Star/Star.css.js";
@@ -107,7 +109,10 @@ import { usePathname } from "next/navigation.js";
 /* empty css                                          */
 /* empty css                                               */
 /* empty css                                                  */
+/* empty css                                                   */
 import Link from "next/link.js";
+import "../ServerNavigation/Menu.js";
+import "../ServerNavigation/SubNavbar.css.js";
 /* empty css                          */
 import styles from "./NavBar.module.js";
 import { getSubNavItems } from "./NavData.js";
@@ -187,21 +192,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"
                 }
@@ -226,6 +229,7 @@ function SubNavBar() {
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg",
                       style: { marginLeft: "8px" },
+                      "aria-hidden": true,
                       children: /* @__PURE__ */ jsx(
                         "path",
                         {
@@ -245,13 +249,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"
                 }
@@ -276,6 +278,7 @@ function SubNavBar() {
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg",
                       style: { marginLeft: "8px" },
+                      "aria-hidden": true,
                       children: /* @__PURE__ */ jsx(
                         "path",
                         {
@@ -295,13 +298,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"
                 }
@@ -326,6 +327,7 @@ function SubNavBar() {
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg",
                       style: { marginLeft: "8px" },
+                      "aria-hidden": true,
                       children: /* @__PURE__ */ jsx(
                         "path",
                         {
@@ -345,13 +347,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"
                 }
@@ -376,6 +376,7 @@ function SubNavBar() {
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg",
                       style: { marginLeft: "8px" },
+                      "aria-hidden": true,
                       children: /* @__PURE__ */ jsx(
                         "path",
                         {
@@ -397,13 +398,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"
                 }
@@ -428,6 +427,7 @@ function SubNavBar() {
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg",
                       style: { marginLeft: "8px" },
+                      "aria-hidden": true,
                       children: /* @__PURE__ */ jsx(
                         "path",
                         {
@@ -447,13 +447,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"
                 }
@@ -478,6 +476,7 @@ function SubNavBar() {
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg",
                       style: { marginLeft: "8px" },
+                      "aria-hidden": true,
                       children: /* @__PURE__ */ jsx(
                         "path",
                         {
@@ -497,13 +496,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"
                 }
@@ -528,6 +525,7 @@ function SubNavBar() {
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg",
                       style: { marginLeft: "8px" },
+                      "aria-hidden": true,
                       children: /* @__PURE__ */ jsx(
                         "path",
                         {
@@ -549,7 +547,6 @@ function SubNavBar() {
           {
             className: styles.sub_nav_link,
             onMouseEnter: () => handleMouseEnter("wholelending"),
-            role: "menuitem",
             children: [
               /* @__PURE__ */ jsx(
                 "a",
@@ -557,7 +554,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"
                 }
@@ -582,6 +578,7 @@ function SubNavBar() {
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg",
                       style: { marginLeft: "8px" },
+                      "aria-hidden": true,
                       children: /* @__PURE__ */ jsx(
                         "path",
                         {
@@ -601,13 +598,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"
                 }
@@ -632,6 +627,7 @@ function SubNavBar() {
                       fill: "none",
                       xmlns: "http://www.w3.org/2000/svg",
                       style: { marginLeft: "8px" },
+                      "aria-hidden": true,
                       children: /* @__PURE__ */ jsx(
                         "path",
                         {
@@ -651,7 +647,6 @@ function SubNavBar() {
           {
             className: styles.sub_nav_link,
             onMouseEnter: handleMouseLeave,
-            role: "menuitem",
             children: /* @__PURE__ */ jsx(
               Link,
               {
@@ -667,34 +662,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(
@@ -900,7 +871,7 @@ function SubNavBar() {
                           Link,
                           {
                             href: resolveUrl(
-                              "{AXOSBANK}/personal/bank/savings-accounts/first-savings"
+                              "{AXOSBANK}/personal/bank/teen-bank-account/first-savings"
                             ),
                             role: "heading",
                             children: "Teen Accounts"
@@ -910,7 +881,7 @@ function SubNavBar() {
                           Link,
                           {
                             href: resolveUrl(
-                              "{AXOSBANK}/personal/bank/checking-accounts/first-checking"
+                              "{AXOSBANK}/personal/bank/teen-bank-account/first-checking"
                             ),
                             children: "First Checking"
                           }
@@ -919,7 +890,7 @@ function SubNavBar() {
                           Link,
                           {
                             href: resolveUrl(
-                              "{AXOSBANK}/personal/bank/savings-accounts/first-savings"
+                              "{AXOSBANK}/personal/bank/teen-bank-account/first-savings"
                             ),
                             children: "First Savings"
                           }
@@ -1310,65 +1281,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,
@@ -2932,9 +2844,9 @@ function SubNavBar() {
                           Link,
                           {
                             href: resolveUrl(
-                              "{AXOSBANK}/pages/axos-capital-solutions"
+                              "{AXOSBANK}/commercial/lending/floorplan-finance"
                             ),
-                            children: "Dealer Floorplan Finance"
+                            children: "Floorplan Financing"
                           }
                         ) }),
                         /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
@@ -3123,6 +3035,15 @@ function SubNavBar() {
                           children: "Wholesale & Correspondent Lending"
                         }
                       ) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                        Link,
+                        {
+                          href: resolveUrl(
+                            "{AXOSBANK}/personal/borrow/mortgages/construction-lending"
+                          ),
+                          children: "Construction Lending"
+                        }
+                      ) }),
                       /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
                         Link,
                         {