@axos-web-dev/shared-components 2.2.30 → 2.2.32-sn
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.
- package/dist/ATMLocator/ATMLocator.js +5 -2
- package/dist/Auth/ErrorAlert.js +5 -2
- package/dist/Button/Button.js +5 -2
- package/dist/Calculators/Calculator.js +5 -2
- package/dist/Calculators/MarginTradingCalculator/index.js +5 -2
- package/dist/Carousel/index.js +5 -2
- package/dist/Chatbot/Bubble.css.js +1 -0
- package/dist/Chatbot/Chatbot.css.js +0 -1
- package/dist/Chevron/Chevron.interface.d.ts +1 -0
- package/dist/Chevron/index.js +7 -3
- package/dist/Comparison/Comparison.js +5 -2
- package/dist/ExecutiveBio/ExecutiveBio.js +5 -2
- package/dist/FaqAccordion/index.js +5 -2
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +5 -2
- package/dist/Forms/ApplyNow.js +5 -2
- package/dist/Forms/ContactUsBusiness.js +5 -2
- package/dist/Forms/ContactUsBusinessNameEmail.js +5 -2
- package/dist/Forms/ContactUsNMLSId.js +5 -2
- package/dist/Forms/CpraRequest.js +5 -2
- package/dist/Forms/CraPublicFile.js +5 -2
- package/dist/Forms/EmailOnly.js +5 -2
- package/dist/Forms/MortgageRate/MortgageRateForm.js +31 -10
- package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js +34 -13
- package/dist/Forms/MortgageRate/MortgageRateWatch.d.ts +1 -1
- package/dist/Forms/MortgageRate/MortgageRateWatch.js +95 -19
- package/dist/Forms/MortgageWarehouseLending.js +5 -2
- package/dist/Forms/SuccesForm.js +5 -2
- package/dist/Hyperlink/index.js +5 -2
- package/dist/ImageLink/ImageLink.js +5 -2
- package/dist/ImageLink/ImageLinkSet.js +5 -2
- package/dist/ImageLink/index.js +5 -2
- package/dist/ImageToast/index.js +5 -2
- package/dist/Input/DownPaymentInput.js +1 -0
- package/dist/Insight/Featured/CategorySelector.js +5 -2
- package/dist/Insight/Featured/Featured.js +5 -2
- package/dist/Insight/Featured/Header.js +5 -2
- package/dist/LandingPageHeader/WithLogin.js +5 -2
- package/dist/Modal/Modal.js +5 -2
- package/dist/Modal/contextApi/store.d.ts +5 -1
- package/dist/Modal/contextApi/store.js +27 -8
- package/dist/NavigationMenu/AxosALTS/index.js +5 -2
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +5 -2
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +1 -1
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +5 -2
- package/dist/NavigationMenu/AxosBank/index.js +5 -2
- package/dist/NavigationMenu/LaVictoire/index.js +5 -2
- package/dist/NavigationMenu/Navbar.js +5 -2
- package/dist/NavigationMenu/ServerNavigation/DropwdownButton.d.ts +8 -0
- package/dist/NavigationMenu/ServerNavigation/DropwdownButton.js +248 -0
- package/dist/NavigationMenu/ServerNavigation/Menu.d.ts +40 -0
- package/dist/NavigationMenu/ServerNavigation/Menu.js +268 -0
- package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.d.ts +13 -0
- package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.js +637 -0
- package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.module.js +86 -0
- package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileNavData.d.ts +51 -0
- package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileNavData.js +96 -0
- package/dist/NavigationMenu/ServerNavigation/MobileMenu/mobileReducer.d.ts +36 -0
- package/dist/NavigationMenu/ServerNavigation/MobileMenu/mobileReducer.js +105 -0
- package/dist/NavigationMenu/ServerNavigation/NavBar.module.js +125 -0
- package/dist/NavigationMenu/ServerNavigation/NavigationBar.css.d.ts +7 -0
- package/dist/NavigationMenu/ServerNavigation/NavigationBar.css.js +22 -0
- package/dist/NavigationMenu/ServerNavigation/SubNavBar.d.ts +6 -0
- package/dist/NavigationMenu/ServerNavigation/SubNavBar.js +281 -0
- package/dist/NavigationMenu/ServerNavigation/SubNavItem.d.ts +1 -0
- package/dist/NavigationMenu/ServerNavigation/SubNavItem.js +317 -0
- package/dist/NavigationMenu/ServerNavigation/SubNavbar.css.d.ts +60 -0
- package/dist/NavigationMenu/ServerNavigation/SubNavbar.css.js +22 -0
- package/dist/NavigationMenu/ServerNavigation/index.d.ts +7 -0
- package/dist/NavigationMenu/ServerNavigation/index.js +297 -0
- package/dist/NavigationMenu/SignInNavButton.js +5 -2
- package/dist/NavigationMenu/index.d.ts +2 -0
- package/dist/NavigationMenu/index.js +19 -10
- package/dist/NavigationMenu/utils.d.ts +480 -0
- package/dist/NavigationMenu/utils.js +128 -0
- package/dist/SetContainer/SetContainer.js +5 -2
- package/dist/SocialMediaBar/iconsRepository.js +5 -2
- package/dist/VideoTile/VideoTile.js +5 -2
- package/dist/VideoWrapper/index.js +5 -2
- package/dist/assets/NavigationMenu/ServerNavigation/NavBar.css +483 -0
- package/dist/assets/NavigationMenu/ServerNavigation/NavigationBar.css +40 -0
- package/dist/assets/NavigationMenu/ServerNavigation/SubNavbar.css +87 -0
- package/dist/assets/TextBlock/TextBlock.css +0 -1
- package/dist/main.js +19 -10
- package/dist/utils/allowedAxosDomains.js +7 -15
- package/package.json +1 -1
- /package/dist/assets/NavigationMenu/{AxosBank → ServerNavigation}/MobileMenu/MobileMenu.css +0 -0
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
export declare const sub_nav: string;
|
|
2
|
+
export declare const dd_media: string;
|
|
3
|
+
export declare const dd_media_cta_actions: string;
|
|
4
|
+
export declare const dd_media_banner_button: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
5
|
+
variant: {
|
|
6
|
+
primary: {
|
|
7
|
+
selectors: {
|
|
8
|
+
"&&": {
|
|
9
|
+
backgroundColor: `var(--${string})`;
|
|
10
|
+
color: `var(--${string})`;
|
|
11
|
+
};
|
|
12
|
+
"&&:hover": {
|
|
13
|
+
backgroundColor: "transparent";
|
|
14
|
+
borderColor: `var(--${string})`;
|
|
15
|
+
color: `var(--${string})`;
|
|
16
|
+
};
|
|
17
|
+
"&&:active": {
|
|
18
|
+
backgroundColor: `var(--${string})`;
|
|
19
|
+
borderColor: "transparent";
|
|
20
|
+
color: `var(--${string})`;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
secondary: {
|
|
25
|
+
selectors: {
|
|
26
|
+
"&&": {
|
|
27
|
+
backgroundColor: `var(--${string})`;
|
|
28
|
+
color: `var(--${string})`;
|
|
29
|
+
};
|
|
30
|
+
"&&:hover": {
|
|
31
|
+
backgroundColor: "transparent";
|
|
32
|
+
borderColor: `var(--${string})`;
|
|
33
|
+
color: `var(--${string})`;
|
|
34
|
+
};
|
|
35
|
+
"&&:active": {
|
|
36
|
+
backgroundColor: `var(--${string})`;
|
|
37
|
+
borderColor: "transparent";
|
|
38
|
+
color: `var(--${string})`;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
tertiary: {
|
|
43
|
+
selectors: {
|
|
44
|
+
"&&": {
|
|
45
|
+
backgroundColor: "transparent";
|
|
46
|
+
borderColor: `var(--${string})`;
|
|
47
|
+
color: `var(--${string})`;
|
|
48
|
+
};
|
|
49
|
+
"&&:hover": {
|
|
50
|
+
backgroundColor: "transparent";
|
|
51
|
+
borderColor: `var(--${string})`;
|
|
52
|
+
color: `var(--${string})`;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
}>;
|
|
58
|
+
export declare const dd_media_banner_chevron_wrapper: string;
|
|
59
|
+
export declare const dd_main_btn: string;
|
|
60
|
+
export declare const dd_cta_link: string;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import '../../assets/NavigationMenu/ServerNavigation/SubNavbar.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
|
|
2
|
+
/* empty css */
|
|
3
|
+
/* empty css */
|
|
4
|
+
/* empty css */
|
|
5
|
+
/* empty css */
|
|
6
|
+
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
7
|
+
var sub_nav = "ff9a9z0";
|
|
8
|
+
var dd_media = "ff9a9z1";
|
|
9
|
+
var dd_media_cta_actions = "ff9a9z2";
|
|
10
|
+
var dd_media_banner_button = createRuntimeFn({ defaultClassName: "ff9a9z3", variantClassNames: { variant: { primary: "ff9a9z4", secondary: "ff9a9z5", tertiary: "ff9a9z6" } }, defaultVariants: {}, compoundVariants: [] });
|
|
11
|
+
var dd_media_banner_chevron_wrapper = "ff9a9z7";
|
|
12
|
+
var dd_main_btn = "ff9a9z3 ff9a9z5";
|
|
13
|
+
var dd_cta_link = "ff9a9z7";
|
|
14
|
+
export {
|
|
15
|
+
dd_cta_link,
|
|
16
|
+
dd_main_btn,
|
|
17
|
+
dd_media,
|
|
18
|
+
dd_media_banner_button,
|
|
19
|
+
dd_media_banner_chevron_wrapper,
|
|
20
|
+
dd_media_cta_actions,
|
|
21
|
+
sub_nav
|
|
22
|
+
};
|
|
@@ -0,0 +1,297 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import "../../Accordion/Accordion.js";
|
|
4
|
+
import "../../Accordion/Accordion.css.js";
|
|
5
|
+
import "../../icons/ArrowIcon/ArrowIcon.css.js";
|
|
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/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 */
|
|
8
|
+
/* empty css */
|
|
9
|
+
/* empty css */
|
|
10
|
+
/* empty css */
|
|
11
|
+
/* empty css */
|
|
12
|
+
/* empty css */
|
|
13
|
+
import { appendQueryParams } from "../../utils/appendQueryParams.js";
|
|
14
|
+
import { useState, useRef, useMemo, useEffect, useCallback } from "react";
|
|
15
|
+
import "clsx";
|
|
16
|
+
import "../../Chevron/Chevron.css.js";
|
|
17
|
+
import "../../AlertBanner/AlertBanner.css.js";
|
|
18
|
+
import "../../Article/Article.css.js";
|
|
19
|
+
import "../../IconBillboard/IconBillboard.css.js";
|
|
20
|
+
/* empty css */
|
|
21
|
+
/* empty css */
|
|
22
|
+
import "../../Interstitial/Interstitial-variants.css.js";
|
|
23
|
+
/* empty css */
|
|
24
|
+
import { useGlobalContext } from "../../Modal/contextApi/store.js";
|
|
25
|
+
import "../../Button/Button.css.js";
|
|
26
|
+
import { useClickAway } from "react-use";
|
|
27
|
+
import "../../ArticlesSet/ArticlesSet.css.js";
|
|
28
|
+
import "../../Calculators/calculator.css.js";
|
|
29
|
+
import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
30
|
+
import "next/image.js";
|
|
31
|
+
import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
32
|
+
import "../../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
|
|
33
|
+
import "../../HeroBanner/LargeBanner.css.js";
|
|
34
|
+
import "../../HeroBanner/HeroBanner.css.js";
|
|
35
|
+
import "../../HeroBanner/SelectionBanner.css.js";
|
|
36
|
+
/* empty css */
|
|
37
|
+
import "../../SetContainer/SetContainer.css.js";
|
|
38
|
+
import "../../Table/Table.css.js";
|
|
39
|
+
import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
40
|
+
import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
41
|
+
import "@hookform/resolvers/zod";
|
|
42
|
+
import "../../Input/Checkbox.js";
|
|
43
|
+
import "../../Input/CurrencyInput.js";
|
|
44
|
+
import "../../Input/Dropdown.js";
|
|
45
|
+
import "../../Input/Dropdown.css.js";
|
|
46
|
+
import "../../Input/Input.js";
|
|
47
|
+
import "../../Input/Input.css.js";
|
|
48
|
+
import "../../Input/InputAmount.js";
|
|
49
|
+
import "../../Input/InputPhone.js";
|
|
50
|
+
import "../../Input/InputTextArea.js";
|
|
51
|
+
import "../../Input/DownPaymentInput.js";
|
|
52
|
+
import "../../Input/RadioButton.js";
|
|
53
|
+
import "../../Input/PercentageInput.js";
|
|
54
|
+
import "react-hook-form";
|
|
55
|
+
import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
56
|
+
import "../../Forms/Forms.css.js";
|
|
57
|
+
import "../../Forms/HoneyPot/index.js";
|
|
58
|
+
import "../../Forms/SalesforceFieldsForm.js";
|
|
59
|
+
import "../../Input/RadioButton.css.js";
|
|
60
|
+
import "../../Input/Checkbox.css.js";
|
|
61
|
+
import "../../LoadingIndicator/LoadingIndicator.css.js";
|
|
62
|
+
import "../../Inputs/Input.css.js";
|
|
63
|
+
/* empty css */
|
|
64
|
+
import "../../Hyperlink/Hyperlink.css.js";
|
|
65
|
+
/* empty css */
|
|
66
|
+
import "iframe-resizer";
|
|
67
|
+
/* empty css */
|
|
68
|
+
import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
69
|
+
import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
|
|
70
|
+
import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
|
|
71
|
+
/* empty css */
|
|
72
|
+
import "react-dom";
|
|
73
|
+
/* empty css */
|
|
74
|
+
import "../../Auth/SignInPassword.js";
|
|
75
|
+
/* empty css */
|
|
76
|
+
/* empty css */
|
|
77
|
+
/* empty css */
|
|
78
|
+
/* empty css */
|
|
79
|
+
import "../../Carousel/index.js";
|
|
80
|
+
/* empty css */
|
|
81
|
+
import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
|
|
82
|
+
/* empty css */
|
|
83
|
+
import "../../Chatbot/store/chat.js";
|
|
84
|
+
import "../../Chatbot/Chatbot.js";
|
|
85
|
+
/* empty css */
|
|
86
|
+
import "../../Chatbot/store/messages.js";
|
|
87
|
+
/* empty css */
|
|
88
|
+
import "../../Comparison/Comparison.css.js";
|
|
89
|
+
import "../../Tab/Tab.css.js";
|
|
90
|
+
import "../../icons/Star/Star.css.js";
|
|
91
|
+
import "../../ContentBanner/ContentBanner.css.js";
|
|
92
|
+
/* empty css */
|
|
93
|
+
import "../../ExecutiveBio/ExecutiveBio.css.js";
|
|
94
|
+
import "../../FaqAccordion/index.js";
|
|
95
|
+
import "../../FooterDisclosure/FooterDisclosure.css.js";
|
|
96
|
+
/* empty css */
|
|
97
|
+
/* empty css */
|
|
98
|
+
/* empty css */
|
|
99
|
+
import "../../ImageBillboard/ImageBillboard.css.js";
|
|
100
|
+
import "next/script.js";
|
|
101
|
+
/* empty css */
|
|
102
|
+
/* empty css */
|
|
103
|
+
/* empty css */
|
|
104
|
+
/* empty css */
|
|
105
|
+
/* empty css */
|
|
106
|
+
import "../../LandingPageHeader/LandingPageHeader.css.js";
|
|
107
|
+
import "next/link.js";
|
|
108
|
+
/* empty css */
|
|
109
|
+
import { NavItem } from "../NavItem/index.js";
|
|
110
|
+
/* empty css */
|
|
111
|
+
import { usePathname } from "next/navigation.js";
|
|
112
|
+
/* empty css */
|
|
113
|
+
/* empty css */
|
|
114
|
+
/* empty css */
|
|
115
|
+
/* empty css */
|
|
116
|
+
/* empty css */
|
|
117
|
+
/* empty css */
|
|
118
|
+
/* empty css */
|
|
119
|
+
import { getPathFromNavUrl } from "../utils.js";
|
|
120
|
+
import "../../PageNavItem/PageNavItem.css.js";
|
|
121
|
+
import "react-slick";
|
|
122
|
+
/* empty css */
|
|
123
|
+
/* empty css */
|
|
124
|
+
/* empty css */
|
|
125
|
+
/* empty css */
|
|
126
|
+
import "../../StepItem/StepItem.css.js";
|
|
127
|
+
import "../../StepItemSet/StepItemSet.css.js";
|
|
128
|
+
/* empty css */
|
|
129
|
+
/* empty css */
|
|
130
|
+
/* empty css */
|
|
131
|
+
/* empty css */
|
|
132
|
+
/* empty css */
|
|
133
|
+
import { DropwdownButton } from "./DropwdownButton.js";
|
|
134
|
+
import MobileDrawerMenu from "./MobileMenu/MobileMenu.js";
|
|
135
|
+
import styles from "./NavBar.module.js";
|
|
136
|
+
import { main_nav_link, highlight } from "./NavigationBar.css.js";
|
|
137
|
+
import SubNavBar from "./SubNavBar.js";
|
|
138
|
+
function NavBar({
|
|
139
|
+
project = "AXB",
|
|
140
|
+
items
|
|
141
|
+
}) {
|
|
142
|
+
const pathname = usePathname();
|
|
143
|
+
const { resolveUrl } = useGlobalContext();
|
|
144
|
+
const [isOpenSignIn, setisOpenSignIn] = useState(false);
|
|
145
|
+
const ref = useRef(null);
|
|
146
|
+
const toggle = () => setisOpenSignIn(!isOpenSignIn);
|
|
147
|
+
const [isClient, setIsClient] = useState(false);
|
|
148
|
+
const normalizeNavPath = (path) => path.replace(/\/$/, "") || "/";
|
|
149
|
+
const isNavPathActive = (navPath, currentPath) => {
|
|
150
|
+
if (!navPath) return false;
|
|
151
|
+
const normalizedNavPath = normalizeNavPath(navPath);
|
|
152
|
+
if (currentPath === "/" || currentPath.includes("/tools")) {
|
|
153
|
+
return normalizedNavPath === "/personal";
|
|
154
|
+
}
|
|
155
|
+
if (currentPath.includes("/commercial")) {
|
|
156
|
+
return normalizedNavPath === "/business";
|
|
157
|
+
}
|
|
158
|
+
return currentPath === normalizedNavPath || currentPath.startsWith(`${normalizedNavPath}/`);
|
|
159
|
+
};
|
|
160
|
+
const activeIndex = useMemo(() => {
|
|
161
|
+
if (!items?.subNavBar) return -1;
|
|
162
|
+
if (pathname === "/" || pathname.includes("/tools")) {
|
|
163
|
+
return items.subNavBar.findIndex((item) => {
|
|
164
|
+
const navPath = getPathFromNavUrl(item.url, resolveUrl);
|
|
165
|
+
return normalizeNavPath(navPath) === "/personal";
|
|
166
|
+
});
|
|
167
|
+
}
|
|
168
|
+
if (pathname === "/commercial") return 1;
|
|
169
|
+
return items.subNavBar.findIndex(
|
|
170
|
+
(item) => isNavPathActive(getPathFromNavUrl(item.url, resolveUrl), pathname)
|
|
171
|
+
);
|
|
172
|
+
}, [items?.subNavBar, pathname, resolveUrl]);
|
|
173
|
+
useClickAway(ref, (e) => {
|
|
174
|
+
if (e?.target?.tagName !== "A") {
|
|
175
|
+
setisOpenSignIn(false);
|
|
176
|
+
}
|
|
177
|
+
});
|
|
178
|
+
useEffect(() => {
|
|
179
|
+
appendQueryParams();
|
|
180
|
+
}, [pathname]);
|
|
181
|
+
useEffect(() => {
|
|
182
|
+
setIsClient(true);
|
|
183
|
+
}, []);
|
|
184
|
+
const handleKeyDownContainer = (e) => {
|
|
185
|
+
if (e.key === "Tab") {
|
|
186
|
+
const focusableElements = ref.current?.querySelectorAll(
|
|
187
|
+
'button, [href], a, [tabindex]:not([tabindex="-1"])'
|
|
188
|
+
);
|
|
189
|
+
if (focusableElements && isClient) {
|
|
190
|
+
const lastElement = focusableElements[focusableElements.length - 1];
|
|
191
|
+
const isShiftPressed = e.shiftKey;
|
|
192
|
+
if (!isShiftPressed && document.activeElement === lastElement) {
|
|
193
|
+
e.preventDefault();
|
|
194
|
+
toggle();
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
};
|
|
199
|
+
const mainItems = useCallback(
|
|
200
|
+
() => items?.subNavBar?.map((item, i) => {
|
|
201
|
+
return !item.rightSide && !!item.displayInNavigation ? /* @__PURE__ */ jsx(
|
|
202
|
+
NavItem,
|
|
203
|
+
{
|
|
204
|
+
className: `${styles.main_nav_link} ${main_nav_link}`,
|
|
205
|
+
index: i,
|
|
206
|
+
name: item?.label,
|
|
207
|
+
url: item?.url,
|
|
208
|
+
isActive: activeIndex === i
|
|
209
|
+
},
|
|
210
|
+
item.id
|
|
211
|
+
) : null;
|
|
212
|
+
}),
|
|
213
|
+
[items, activeIndex]
|
|
214
|
+
);
|
|
215
|
+
const rightSideItems = useCallback(
|
|
216
|
+
() => items?.subNavBar?.map((item, i) => {
|
|
217
|
+
if (item.rightSide && item.dropdown)
|
|
218
|
+
return /* @__PURE__ */ jsx(DropwdownButton, { item }, item.id);
|
|
219
|
+
return item.rightSide ? /* @__PURE__ */ jsx(
|
|
220
|
+
NavItem,
|
|
221
|
+
{
|
|
222
|
+
className: `link list_unstyled ${styles.main_nav_link} ${main_nav_link} ${styles.highlight} ${highlight}`,
|
|
223
|
+
index: i,
|
|
224
|
+
name: item?.label,
|
|
225
|
+
url: resolveUrl(item?.url),
|
|
226
|
+
isActive: activeIndex === i
|
|
227
|
+
},
|
|
228
|
+
item.id
|
|
229
|
+
) : null;
|
|
230
|
+
}),
|
|
231
|
+
[items?.subNavBar, activeIndex]
|
|
232
|
+
);
|
|
233
|
+
const subNavBarItems = items?.subNavBar?.find(
|
|
234
|
+
(item) => isNavPathActive(getPathFromNavUrl(item.url, resolveUrl), pathname)
|
|
235
|
+
);
|
|
236
|
+
if (!items) {
|
|
237
|
+
return null;
|
|
238
|
+
}
|
|
239
|
+
return /* @__PURE__ */ jsxs("header", { id: "header", children: [
|
|
240
|
+
/* @__PURE__ */ jsx("div", { className: `${styles.header} bg_white`, children: /* @__PURE__ */ jsxs("div", { className: styles.wrapper, children: [
|
|
241
|
+
/* @__PURE__ */ jsx("a", { href: "#main-body", id: "skip_content", className: styles.skip_btn, children: "Skip to main content" }),
|
|
242
|
+
/* @__PURE__ */ jsxs("div", { className: `${styles.header_main_row} flex_row between middle`, children: [
|
|
243
|
+
/* @__PURE__ */ jsx("div", { className: `${styles.desktop_only} flex_row middle`, children: /* @__PURE__ */ jsxs("div", { className: `${styles.main_nav} flex_row middle`, children: [
|
|
244
|
+
/* @__PURE__ */ jsx("div", { className: styles.logo_wrap, children: /* @__PURE__ */ jsx(
|
|
245
|
+
"a",
|
|
246
|
+
{
|
|
247
|
+
href: project === "AXI" ? "/invest" : "/",
|
|
248
|
+
"aria-label": "return to homepage",
|
|
249
|
+
children: /* @__PURE__ */ jsx(
|
|
250
|
+
"img",
|
|
251
|
+
{
|
|
252
|
+
src: items.logo?.url,
|
|
253
|
+
alt: items.logo?.alt,
|
|
254
|
+
height: 30
|
|
255
|
+
}
|
|
256
|
+
)
|
|
257
|
+
}
|
|
258
|
+
) }),
|
|
259
|
+
/* @__PURE__ */ jsx("nav", { className: styles.primary_links, children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", role: "menubar", children: mainItems() }) })
|
|
260
|
+
] }) }),
|
|
261
|
+
/* @__PURE__ */ jsxs("div", { className: `${styles.mobile_only} ${styles.mobile_logo}`, children: [
|
|
262
|
+
/* @__PURE__ */ jsx(
|
|
263
|
+
"a",
|
|
264
|
+
{
|
|
265
|
+
href: project === "AXI" ? "/invest" : "/",
|
|
266
|
+
"aria-label": "return to homepage",
|
|
267
|
+
children: /* @__PURE__ */ jsx(
|
|
268
|
+
"img",
|
|
269
|
+
{
|
|
270
|
+
src: items.logo?.url,
|
|
271
|
+
alt: items.logo?.alt,
|
|
272
|
+
width: 137,
|
|
273
|
+
height: 30
|
|
274
|
+
}
|
|
275
|
+
)
|
|
276
|
+
}
|
|
277
|
+
),
|
|
278
|
+
/* @__PURE__ */ jsx(MobileDrawerMenu, { menu: items })
|
|
279
|
+
] }),
|
|
280
|
+
/* @__PURE__ */ jsx("div", { className: styles.signin_wrap, children: /* @__PURE__ */ jsx(
|
|
281
|
+
"div",
|
|
282
|
+
{
|
|
283
|
+
className: `${styles.desktop_only} flex_row middle relative`,
|
|
284
|
+
ref,
|
|
285
|
+
onKeyDown: handleKeyDownContainer,
|
|
286
|
+
role: "menubar",
|
|
287
|
+
children: rightSideItems()
|
|
288
|
+
}
|
|
289
|
+
) })
|
|
290
|
+
] })
|
|
291
|
+
] }) }),
|
|
292
|
+
subNavBarItems && /* @__PURE__ */ jsx(SubNavBar, { items: subNavBarItems })
|
|
293
|
+
] });
|
|
294
|
+
}
|
|
295
|
+
export {
|
|
296
|
+
NavBar as default
|
|
297
|
+
};
|
|
@@ -4,7 +4,7 @@ import "../Accordion/Accordion.js";
|
|
|
4
4
|
import "../Accordion/Accordion.css.js";
|
|
5
5
|
import "../icons/ArrowIcon/ArrowIcon.css.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/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 */
|
|
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/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/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 */
|
|
8
8
|
/* empty css */
|
|
9
9
|
/* empty css */
|
|
10
10
|
/* empty css */
|
|
@@ -79,10 +79,10 @@ import "../Auth/SignInPassword.js";
|
|
|
79
79
|
/* empty css */
|
|
80
80
|
import "../Carousel/index.js";
|
|
81
81
|
/* empty css */
|
|
82
|
+
import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
|
|
82
83
|
/* empty css */
|
|
83
84
|
import "../Chatbot/store/chat.js";
|
|
84
85
|
import "../Chatbot/Chatbot.js";
|
|
85
|
-
import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
|
|
86
86
|
/* empty css */
|
|
87
87
|
import "../Chatbot/store/messages.js";
|
|
88
88
|
/* empty css */
|
|
@@ -114,6 +114,9 @@ import "next/navigation.js";
|
|
|
114
114
|
/* empty css */
|
|
115
115
|
/* empty css */
|
|
116
116
|
/* empty css */
|
|
117
|
+
/* empty css */
|
|
118
|
+
import "./ServerNavigation/Menu.js";
|
|
119
|
+
import "./ServerNavigation/SubNavbar.css.js";
|
|
117
120
|
import { getNavItems } from "./AxosBank/NavData.js";
|
|
118
121
|
/* empty css */
|
|
119
122
|
/* empty css */
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
export { default as NavBarAXA } from './AxosAdvisor';
|
|
2
2
|
export { default as NavBarAAS } from './AxosAdvisorServices';
|
|
3
|
+
export { default as NavBar } from './ServerNavigation';
|
|
3
4
|
export { default as NavBarAXB } from './AxosBank';
|
|
4
5
|
export { default as NavBarAXC } from './AxosClearing';
|
|
5
6
|
export { default as NavBarAFS } from './AxosFiduciary';
|
|
6
7
|
export { default as NavBarALT } from './AxosALTS';
|
|
7
8
|
export { default as NavBarLVF } from './LaVictoire';
|
|
9
|
+
export * from './utils';
|
|
@@ -1,16 +1,25 @@
|
|
|
1
1
|
import { default as default2 } from "./AxosAdvisor/index.js";
|
|
2
2
|
import { default as default3 } from "./AxosAdvisorServices/index.js";
|
|
3
|
-
import { default as default4 } from "./
|
|
4
|
-
import { default as default5 } from "./
|
|
5
|
-
import { default as default6 } from "./
|
|
6
|
-
import { default as default7 } from "./
|
|
7
|
-
import { default as default8 } from "./
|
|
3
|
+
import { default as default4 } from "./ServerNavigation/index.js";
|
|
4
|
+
import { default as default5 } from "./AxosBank/index.js";
|
|
5
|
+
import { default as default6 } from "./AxosClearing/index.js";
|
|
6
|
+
import { default as default7 } from "./AxosFiduciary/index.js";
|
|
7
|
+
import { default as default8 } from "./AxosALTS/index.js";
|
|
8
|
+
import { default as default9 } from "./LaVictoire/index.js";
|
|
9
|
+
import { extractChildrenTargets, getFirstLevelMenuItems, getLogo, getNavMenuItems, getPathFromNavUrl, getQuickLinks } from "./utils.js";
|
|
8
10
|
export {
|
|
11
|
+
default4 as NavBar,
|
|
9
12
|
default3 as NavBarAAS,
|
|
10
|
-
|
|
11
|
-
|
|
13
|
+
default7 as NavBarAFS,
|
|
14
|
+
default8 as NavBarALT,
|
|
12
15
|
default2 as NavBarAXA,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
+
default5 as NavBarAXB,
|
|
17
|
+
default6 as NavBarAXC,
|
|
18
|
+
default9 as NavBarLVF,
|
|
19
|
+
extractChildrenTargets,
|
|
20
|
+
getFirstLevelMenuItems,
|
|
21
|
+
getLogo,
|
|
22
|
+
getNavMenuItems,
|
|
23
|
+
getPathFromNavUrl,
|
|
24
|
+
getQuickLinks
|
|
16
25
|
};
|