@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.
Files changed (86) hide show
  1. package/dist/ATMLocator/ATMLocator.js +5 -2
  2. package/dist/Auth/ErrorAlert.js +5 -2
  3. package/dist/Button/Button.js +5 -2
  4. package/dist/Calculators/Calculator.js +5 -2
  5. package/dist/Calculators/MarginTradingCalculator/index.js +5 -2
  6. package/dist/Carousel/index.js +5 -2
  7. package/dist/Chatbot/Bubble.css.js +1 -0
  8. package/dist/Chatbot/Chatbot.css.js +0 -1
  9. package/dist/Chevron/Chevron.interface.d.ts +1 -0
  10. package/dist/Chevron/index.js +7 -3
  11. package/dist/Comparison/Comparison.js +5 -2
  12. package/dist/ExecutiveBio/ExecutiveBio.js +5 -2
  13. package/dist/FaqAccordion/index.js +5 -2
  14. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +5 -2
  15. package/dist/Forms/ApplyNow.js +5 -2
  16. package/dist/Forms/ContactUsBusiness.js +5 -2
  17. package/dist/Forms/ContactUsBusinessNameEmail.js +5 -2
  18. package/dist/Forms/ContactUsNMLSId.js +5 -2
  19. package/dist/Forms/CpraRequest.js +5 -2
  20. package/dist/Forms/CraPublicFile.js +5 -2
  21. package/dist/Forms/EmailOnly.js +5 -2
  22. package/dist/Forms/MortgageRate/MortgageRateForm.js +31 -10
  23. package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js +34 -13
  24. package/dist/Forms/MortgageRate/MortgageRateWatch.d.ts +1 -1
  25. package/dist/Forms/MortgageRate/MortgageRateWatch.js +95 -19
  26. package/dist/Forms/MortgageWarehouseLending.js +5 -2
  27. package/dist/Forms/SuccesForm.js +5 -2
  28. package/dist/Hyperlink/index.js +5 -2
  29. package/dist/ImageLink/ImageLink.js +5 -2
  30. package/dist/ImageLink/ImageLinkSet.js +5 -2
  31. package/dist/ImageLink/index.js +5 -2
  32. package/dist/ImageToast/index.js +5 -2
  33. package/dist/Input/DownPaymentInput.js +1 -0
  34. package/dist/Insight/Featured/CategorySelector.js +5 -2
  35. package/dist/Insight/Featured/Featured.js +5 -2
  36. package/dist/Insight/Featured/Header.js +5 -2
  37. package/dist/LandingPageHeader/WithLogin.js +5 -2
  38. package/dist/Modal/Modal.js +5 -2
  39. package/dist/Modal/contextApi/store.d.ts +5 -1
  40. package/dist/Modal/contextApi/store.js +27 -8
  41. package/dist/NavigationMenu/AxosALTS/index.js +5 -2
  42. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +5 -2
  43. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +1 -1
  44. package/dist/NavigationMenu/AxosBank/SubNavBar.js +5 -2
  45. package/dist/NavigationMenu/AxosBank/index.js +5 -2
  46. package/dist/NavigationMenu/LaVictoire/index.js +5 -2
  47. package/dist/NavigationMenu/Navbar.js +5 -2
  48. package/dist/NavigationMenu/ServerNavigation/DropwdownButton.d.ts +8 -0
  49. package/dist/NavigationMenu/ServerNavigation/DropwdownButton.js +248 -0
  50. package/dist/NavigationMenu/ServerNavigation/Menu.d.ts +40 -0
  51. package/dist/NavigationMenu/ServerNavigation/Menu.js +268 -0
  52. package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.d.ts +13 -0
  53. package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.js +637 -0
  54. package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.module.js +86 -0
  55. package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileNavData.d.ts +51 -0
  56. package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileNavData.js +96 -0
  57. package/dist/NavigationMenu/ServerNavigation/MobileMenu/mobileReducer.d.ts +36 -0
  58. package/dist/NavigationMenu/ServerNavigation/MobileMenu/mobileReducer.js +105 -0
  59. package/dist/NavigationMenu/ServerNavigation/NavBar.module.js +125 -0
  60. package/dist/NavigationMenu/ServerNavigation/NavigationBar.css.d.ts +7 -0
  61. package/dist/NavigationMenu/ServerNavigation/NavigationBar.css.js +22 -0
  62. package/dist/NavigationMenu/ServerNavigation/SubNavBar.d.ts +6 -0
  63. package/dist/NavigationMenu/ServerNavigation/SubNavBar.js +281 -0
  64. package/dist/NavigationMenu/ServerNavigation/SubNavItem.d.ts +1 -0
  65. package/dist/NavigationMenu/ServerNavigation/SubNavItem.js +317 -0
  66. package/dist/NavigationMenu/ServerNavigation/SubNavbar.css.d.ts +60 -0
  67. package/dist/NavigationMenu/ServerNavigation/SubNavbar.css.js +22 -0
  68. package/dist/NavigationMenu/ServerNavigation/index.d.ts +7 -0
  69. package/dist/NavigationMenu/ServerNavigation/index.js +297 -0
  70. package/dist/NavigationMenu/SignInNavButton.js +5 -2
  71. package/dist/NavigationMenu/index.d.ts +2 -0
  72. package/dist/NavigationMenu/index.js +19 -10
  73. package/dist/NavigationMenu/utils.d.ts +480 -0
  74. package/dist/NavigationMenu/utils.js +128 -0
  75. package/dist/SetContainer/SetContainer.js +5 -2
  76. package/dist/SocialMediaBar/iconsRepository.js +5 -2
  77. package/dist/VideoTile/VideoTile.js +5 -2
  78. package/dist/VideoWrapper/index.js +5 -2
  79. package/dist/assets/NavigationMenu/ServerNavigation/NavBar.css +483 -0
  80. package/dist/assets/NavigationMenu/ServerNavigation/NavigationBar.css +40 -0
  81. package/dist/assets/NavigationMenu/ServerNavigation/SubNavbar.css +87 -0
  82. package/dist/assets/TextBlock/TextBlock.css +0 -1
  83. package/dist/main.js +19 -10
  84. package/dist/utils/allowedAxosDomains.js +7 -15
  85. package/package.json +1 -1
  86. /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,7 @@
1
+ import { Navigation } from '../utils';
2
+
3
+ declare function NavBar({ project, items, }: {
4
+ project?: string | null;
5
+ items?: Navigation;
6
+ }): import("react").JSX.Element | null;
7
+ export default NavBar;
@@ -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 "./AxosBank/index.js";
4
- import { default as default5 } from "./AxosClearing/index.js";
5
- import { default as default6 } from "./AxosFiduciary/index.js";
6
- import { default as default7 } from "./AxosALTS/index.js";
7
- import { default as default8 } from "./LaVictoire/index.js";
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
- default6 as NavBarAFS,
11
- default7 as NavBarALT,
13
+ default7 as NavBarAFS,
14
+ default8 as NavBarALT,
12
15
  default2 as NavBarAXA,
13
- default4 as NavBarAXB,
14
- default5 as NavBarAXC,
15
- default8 as NavBarLVF
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
  };