@axos-web-dev/shared-components 2.0.0-dev.2-nav-0 → 2.0.0-dev.2-bwaTest
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 +1 -2
- package/dist/Auth/ErrorAlert.js +1 -2
- package/dist/Button/Button.js +1 -2
- package/dist/Calculators/Calculator.js +1 -2
- package/dist/Calculators/MarginTradingCalculator/index.js +1 -2
- package/dist/Carousel/index.js +1 -2
- package/dist/Chevron/index.js +1 -2
- package/dist/Comparison/Comparison.js +1 -2
- package/dist/ExecutiveBio/ExecutiveBio.js +1 -2
- package/dist/FaqAccordion/index.js +1 -2
- package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -2
- package/dist/Forms/ApplyNow.js +1 -2
- package/dist/Forms/ContactUsBusiness.js +1 -2
- package/dist/Forms/ContactUsBusinessNameEmail.js +1 -2
- package/dist/Forms/ContactUsNMLSId.js +1 -2
- package/dist/Forms/CpraRequest.js +1 -2
- package/dist/Forms/CraPublicFile.js +1 -2
- package/dist/Forms/EmailOnly.js +1 -2
- package/dist/Forms/EmailUs.js +40 -34
- package/dist/Forms/Forms.css.d.ts +3 -0
- package/dist/Forms/Forms.css.js +39 -39
- package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -2
- package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -2
- package/dist/Forms/MortgageWarehouseLending.js +1 -2
- package/dist/Forms/SuccesForm.js +1 -2
- package/dist/Hyperlink/index.js +1 -2
- package/dist/ImageLink/ImageLink.js +1 -2
- package/dist/ImageLink/ImageLinkSet.js +1 -2
- package/dist/ImageLink/index.js +1 -2
- package/dist/Insight/Featured/CategorySelector.js +1 -2
- package/dist/Insight/Featured/Featured.js +1 -2
- package/dist/Insight/Featured/Header.js +1 -2
- package/dist/Modal/Modal.js +1 -2
- package/dist/NavigationMenu/AxosALTS/index.js +1 -2
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.d.ts +1 -12
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +160 -180
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +268 -37
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +492 -63
- package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -42
- package/dist/NavigationMenu/AxosBank/SubNavBar.d.ts +1 -6
- package/dist/NavigationMenu/AxosBank/SubNavBar.js +3081 -117
- package/dist/NavigationMenu/AxosBank/index.d.ts +4 -6
- package/dist/NavigationMenu/AxosBank/index.js +355 -85
- package/dist/NavigationMenu/LaVictoire/index.js +1 -2
- package/dist/NavigationMenu/Navbar.d.ts +1 -4
- package/dist/NavigationMenu/Navbar.js +8 -9
- package/dist/NavigationMenu/SignInNavButton.js +2 -3
- package/dist/SetContainer/SetContainer.js +1 -2
- package/dist/SocialMediaBar/iconsRepository.js +1 -2
- package/dist/VideoTile/VideoTile.js +1 -2
- package/dist/VideoWrapper/index.js +1 -2
- package/dist/assets/Forms/Forms.css +94 -91
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css +87 -125
- package/package.json +1 -1
- package/dist/NavigationMenu/AxosBank/DropwdownButton.d.ts +0 -7
- package/dist/NavigationMenu/AxosBank/DropwdownButton.js +0 -239
- package/dist/NavigationMenu/AxosBank/Menu.d.ts +0 -37
- package/dist/NavigationMenu/AxosBank/Menu.js +0 -254
- package/dist/NavigationMenu/AxosBank/MobileMenu/mobileReducer.d.ts +0 -36
- package/dist/NavigationMenu/AxosBank/MobileMenu/mobileReducer.js +0 -105
- package/dist/NavigationMenu/AxosBank/SubNavItem.d.ts +0 -1
- package/dist/NavigationMenu/AxosBank/SubNavItem.js +0 -313
- package/dist/NavigationMenu/utils.d.ts +0 -465
- package/dist/NavigationMenu/utils.js +0 -112
|
@@ -1,239 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
3
|
-
import { Button } from "../../Button/Button.js";
|
|
4
|
-
import "../../Button/Button.css.js";
|
|
5
|
-
import React from "react";
|
|
6
|
-
import "react-use";
|
|
7
|
-
import "../../Chevron/Chevron.css.js";
|
|
8
|
-
import "../../Accordion/Accordion.js";
|
|
9
|
-
import "../../Accordion/Accordion.css.js";
|
|
10
|
-
import "../../icons/ArrowIcon/ArrowIcon.css.js";
|
|
11
|
-
import "../../icons/CheckIcon/CheckIcon.css.js";
|
|
12
|
-
import '../../assets/Modal/Modal.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/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/Chatbot.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/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 */
|
|
13
|
-
/* empty css */
|
|
14
|
-
/* empty css */
|
|
15
|
-
/* empty css */
|
|
16
|
-
/* empty css */
|
|
17
|
-
/* empty css */
|
|
18
|
-
import clsx from "clsx";
|
|
19
|
-
import "../../AlertBanner/AlertBanner.css.js";
|
|
20
|
-
import "../../Article/Article.css.js";
|
|
21
|
-
import "../../ArticlesSet/ArticlesSet.css.js";
|
|
22
|
-
import "../../IconBillboard/IconBillboard.css.js";
|
|
23
|
-
import "../../Calculators/calculator.css.js";
|
|
24
|
-
import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
25
|
-
import { useGlobalContext } from "../../Modal/contextApi/store.js";
|
|
26
|
-
import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
27
|
-
import "../../Table/Table.css.js";
|
|
28
|
-
import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
29
|
-
import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
30
|
-
import "@hookform/resolvers/zod";
|
|
31
|
-
import "../../Input/Checkbox.js";
|
|
32
|
-
import "../../Input/CurrencyInput.js";
|
|
33
|
-
import "../../Input/Dropdown.js";
|
|
34
|
-
import "../../Input/Dropdown.css.js";
|
|
35
|
-
import "../../Input/Input.js";
|
|
36
|
-
import "../../Input/Input.css.js";
|
|
37
|
-
import "../../Input/InputAmount.js";
|
|
38
|
-
import "../../Input/InputPhone.js";
|
|
39
|
-
import "../../Input/InputTextArea.js";
|
|
40
|
-
import "../../Input/DownPaymentInput.js";
|
|
41
|
-
import "../../Input/RadioButton.js";
|
|
42
|
-
import "../../Input/PercentageInput.js";
|
|
43
|
-
import "react-hook-form";
|
|
44
|
-
import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
45
|
-
import "../../Forms/Forms.css.js";
|
|
46
|
-
import "../../Forms/HoneyPot/index.js";
|
|
47
|
-
import "../../Forms/SalesforceFieldsForm.js";
|
|
48
|
-
/* empty css */
|
|
49
|
-
/* empty css */
|
|
50
|
-
import "../../Input/RadioButton.css.js";
|
|
51
|
-
import "../../Input/Checkbox.css.js";
|
|
52
|
-
import "../../LoadingIndicator/LoadingIndicator.css.js";
|
|
53
|
-
import "../../Interstitial/Interstitial-variants.css.js";
|
|
54
|
-
import "../../Inputs/Input.css.js";
|
|
55
|
-
/* empty css */
|
|
56
|
-
import "../../Hyperlink/Hyperlink.css.js";
|
|
57
|
-
/* empty css */
|
|
58
|
-
import "iframe-resizer";
|
|
59
|
-
/* empty css */
|
|
60
|
-
import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
61
|
-
import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
|
|
62
|
-
import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
|
|
63
|
-
/* empty css */
|
|
64
|
-
import "react-dom";
|
|
65
|
-
/* empty css */
|
|
66
|
-
import "../../Auth/SignInPassword.js";
|
|
67
|
-
/* empty css */
|
|
68
|
-
/* empty css */
|
|
69
|
-
/* empty css */
|
|
70
|
-
/* empty css */
|
|
71
|
-
import "../../Carousel/index.js";
|
|
72
|
-
/* empty css */
|
|
73
|
-
/* empty css */
|
|
74
|
-
import "../../Chatbot/store/chat.js";
|
|
75
|
-
import "../../Chatbot/authenticate.js";
|
|
76
|
-
/* empty css */
|
|
77
|
-
/* empty css */
|
|
78
|
-
import "../../Chatbot/store/messages.js";
|
|
79
|
-
/* empty css */
|
|
80
|
-
import "../../Comparison/Comparison.css.js";
|
|
81
|
-
import "next/image.js";
|
|
82
|
-
import "../../HeroBanner/HeroBanner.css.js";
|
|
83
|
-
import "../../HeroBanner/LargeBanner.css.js";
|
|
84
|
-
import "../../HeroBanner/SelectionBanner.css.js";
|
|
85
|
-
import "../../SetContainer/SetContainer.css.js";
|
|
86
|
-
import "../../Tab/Tab.css.js";
|
|
87
|
-
import "../../icons/Star/Star.css.js";
|
|
88
|
-
import "../../ContentBanner/ContentBanner.css.js";
|
|
89
|
-
/* empty css */
|
|
90
|
-
import "../../ExecutiveBio/ExecutiveBio.css.js";
|
|
91
|
-
import "../../FaqAccordion/index.js";
|
|
92
|
-
import "../../FooterDisclosure/FooterDisclosure.css.js";
|
|
93
|
-
/* empty css */
|
|
94
|
-
/* empty css */
|
|
95
|
-
/* empty css */
|
|
96
|
-
import "../../ImageBillboard/ImageBillboard.css.js";
|
|
97
|
-
import "next/script.js";
|
|
98
|
-
/* empty css */
|
|
99
|
-
/* empty css */
|
|
100
|
-
/* empty css */
|
|
101
|
-
/* empty css */
|
|
102
|
-
/* empty css */
|
|
103
|
-
import "../../LandingPageHeader/LandingPageHeader.css.js";
|
|
104
|
-
/* empty css */
|
|
105
|
-
import "next/navigation.js";
|
|
106
|
-
/* empty css */
|
|
107
|
-
/* empty css */
|
|
108
|
-
/* empty css */
|
|
109
|
-
import "next/link.js";
|
|
110
|
-
import { Sign_in_btn, signin_subheader } from "./NavBar.css.js";
|
|
111
|
-
import styles from "./NavBar.module.js";
|
|
112
|
-
import "./Menu.js";
|
|
113
|
-
/* empty css */
|
|
114
|
-
/* empty css */
|
|
115
|
-
/* empty css */
|
|
116
|
-
/* empty css */
|
|
117
|
-
import "../../PageNavItem/PageNavItem.css.js";
|
|
118
|
-
import "react-slick";
|
|
119
|
-
/* empty css */
|
|
120
|
-
/* empty css */
|
|
121
|
-
/* empty css */
|
|
122
|
-
/* empty css */
|
|
123
|
-
import "../../StepItem/StepItem.css.js";
|
|
124
|
-
import "../../StepItemSet/StepItemSet.css.js";
|
|
125
|
-
/* empty css */
|
|
126
|
-
/* empty css */
|
|
127
|
-
/* empty css */
|
|
128
|
-
/* empty css */
|
|
129
|
-
/* empty css */
|
|
130
|
-
/* empty css */
|
|
131
|
-
const DropwdownButton = ({ item }) => {
|
|
132
|
-
const { resolveUrl } = useGlobalContext();
|
|
133
|
-
const [isOpenSignIn, setIsOpenSignIn] = React.useState(false);
|
|
134
|
-
const toggle = () => {
|
|
135
|
-
setIsOpenSignIn(!isOpenSignIn);
|
|
136
|
-
};
|
|
137
|
-
const withItems = item.subItems.filter((item2) => item2 && "menuItems" in item2);
|
|
138
|
-
const footerItems = item.subItems.filter(
|
|
139
|
-
(item2) => item2 && !("menuItems" in item2)
|
|
140
|
-
);
|
|
141
|
-
console.log(withItems, footerItems);
|
|
142
|
-
const renderSubItems = () => {
|
|
143
|
-
return [
|
|
144
|
-
withItems.map((subItem) => {
|
|
145
|
-
return subItem && /* @__PURE__ */ jsxs("li", { role: "heading", children: [
|
|
146
|
-
/* @__PURE__ */ jsx(
|
|
147
|
-
"a",
|
|
148
|
-
{
|
|
149
|
-
className: styles.signin_header,
|
|
150
|
-
href: resolveUrl(subItem?.url),
|
|
151
|
-
children: subItem?.label
|
|
152
|
-
}
|
|
153
|
-
),
|
|
154
|
-
/* @__PURE__ */ jsx("ul", { className: "list_unstyled", children: "menuItems" in subItem && subItem?.menuItems?.subItems?.map(
|
|
155
|
-
(subSubItem) => subSubItem && /* @__PURE__ */ jsx(
|
|
156
|
-
"li",
|
|
157
|
-
{
|
|
158
|
-
className: `${styles.signin_subheader} ${signin_subheader}`,
|
|
159
|
-
children: /* @__PURE__ */ jsx("a", { href: resolveUrl(subSubItem?.url), children: subSubItem?.label })
|
|
160
|
-
},
|
|
161
|
-
subSubItem?.id
|
|
162
|
-
)
|
|
163
|
-
) })
|
|
164
|
-
] }, subItem?.id);
|
|
165
|
-
}),
|
|
166
|
-
/* @__PURE__ */ jsx(
|
|
167
|
-
"li",
|
|
168
|
-
{
|
|
169
|
-
className: `${styles.signin_subheader} ${signin_subheader} ${styles.signin_footer} relative`,
|
|
170
|
-
children: footerItems.map(
|
|
171
|
-
(subItem) => subItem && /* @__PURE__ */ jsx("a", { href: resolveUrl(subItem?.url), children: subItem?.label }, subItem.id)
|
|
172
|
-
)
|
|
173
|
-
},
|
|
174
|
-
"footer-item-nav"
|
|
175
|
-
)
|
|
176
|
-
];
|
|
177
|
-
};
|
|
178
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
179
|
-
/* @__PURE__ */ jsxs(
|
|
180
|
-
Button,
|
|
181
|
-
{
|
|
182
|
-
className: clsx(
|
|
183
|
-
styles.signin_btn,
|
|
184
|
-
"flex_row",
|
|
185
|
-
"center",
|
|
186
|
-
"middle",
|
|
187
|
-
isOpenSignIn ? styles.open : "",
|
|
188
|
-
Sign_in_btn
|
|
189
|
-
),
|
|
190
|
-
as: "button",
|
|
191
|
-
type: "button",
|
|
192
|
-
color: "primary",
|
|
193
|
-
id: "signIn",
|
|
194
|
-
action: toggle,
|
|
195
|
-
size: "small",
|
|
196
|
-
"aria-controls": "signin-drop-menu",
|
|
197
|
-
role: "menuitem",
|
|
198
|
-
children: [
|
|
199
|
-
/* @__PURE__ */ jsx("span", { children: item.label }),
|
|
200
|
-
/* @__PURE__ */ jsx(
|
|
201
|
-
"svg",
|
|
202
|
-
{
|
|
203
|
-
width: "20",
|
|
204
|
-
height: "12",
|
|
205
|
-
viewBox: "0 0 20 12",
|
|
206
|
-
fill: "none",
|
|
207
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
208
|
-
children: /* @__PURE__ */ jsx(
|
|
209
|
-
"path",
|
|
210
|
-
{
|
|
211
|
-
d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
|
|
212
|
-
fill: "white"
|
|
213
|
-
}
|
|
214
|
-
)
|
|
215
|
-
}
|
|
216
|
-
)
|
|
217
|
-
]
|
|
218
|
-
}
|
|
219
|
-
),
|
|
220
|
-
/* @__PURE__ */ jsx(
|
|
221
|
-
"div",
|
|
222
|
-
{
|
|
223
|
-
className: `${styles.signin_dropdown} ${styles.shadow} rounded bg_white`,
|
|
224
|
-
children: /* @__PURE__ */ jsx("div", { className: styles.opacity, children: /* @__PURE__ */ jsx(
|
|
225
|
-
"ul",
|
|
226
|
-
{
|
|
227
|
-
className: "list_unstyled",
|
|
228
|
-
"aria-expanded": isOpenSignIn,
|
|
229
|
-
id: "signin-drop-menu",
|
|
230
|
-
children: renderSubItems()
|
|
231
|
-
}
|
|
232
|
-
) })
|
|
233
|
-
}
|
|
234
|
-
)
|
|
235
|
-
] });
|
|
236
|
-
};
|
|
237
|
-
export {
|
|
238
|
-
DropwdownButton
|
|
239
|
-
};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
|
|
3
|
-
export interface MenuProps {
|
|
4
|
-
id?: string;
|
|
5
|
-
header: ReactNode;
|
|
6
|
-
headerOnHover: ReactNode;
|
|
7
|
-
description: ReactNode;
|
|
8
|
-
image: {
|
|
9
|
-
src: string;
|
|
10
|
-
alt: string;
|
|
11
|
-
width: number;
|
|
12
|
-
height: number;
|
|
13
|
-
};
|
|
14
|
-
bannerCta?: {
|
|
15
|
-
id: string;
|
|
16
|
-
label: string;
|
|
17
|
-
url: string;
|
|
18
|
-
ariaLabel?: string;
|
|
19
|
-
};
|
|
20
|
-
subNavItems?: SubNavItemProps[];
|
|
21
|
-
helpUrl?: string;
|
|
22
|
-
onDownKeyContainer: (event: React.KeyboardEvent<HTMLDivElement>, id: string) => void;
|
|
23
|
-
onMouseLeave: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
24
|
-
}
|
|
25
|
-
export declare const Menu: import('react').ForwardRefExoticComponent<MenuProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
26
|
-
export interface SubNavItemProps {
|
|
27
|
-
id: string;
|
|
28
|
-
icon: string;
|
|
29
|
-
label: string;
|
|
30
|
-
url: string;
|
|
31
|
-
items: {
|
|
32
|
-
id: string;
|
|
33
|
-
label: string;
|
|
34
|
-
url: string;
|
|
35
|
-
}[];
|
|
36
|
-
}
|
|
37
|
-
export declare const SubNavItem: ({ icon, label, url, items }: SubNavItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,254 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import "../../Chevron/Chevron.css.js";
|
|
4
|
-
import "../../Accordion/Accordion.js";
|
|
5
|
-
import "../../Accordion/Accordion.css.js";
|
|
6
|
-
import "../../icons/ArrowIcon/ArrowIcon.css.js";
|
|
7
|
-
import "../../icons/CheckIcon/CheckIcon.css.js";
|
|
8
|
-
import '../../assets/Modal/Modal.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/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/Chatbot.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/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 */
|
|
9
|
-
/* empty css */
|
|
10
|
-
/* empty css */
|
|
11
|
-
/* empty css */
|
|
12
|
-
/* empty css */
|
|
13
|
-
/* empty css */
|
|
14
|
-
import clsx from "clsx";
|
|
15
|
-
import { forwardRef } from "react";
|
|
16
|
-
import "../../AlertBanner/AlertBanner.css.js";
|
|
17
|
-
import "../../Article/Article.css.js";
|
|
18
|
-
import "../../IconBillboard/IconBillboard.css.js";
|
|
19
|
-
/* empty css */
|
|
20
|
-
/* empty css */
|
|
21
|
-
import "../../Interstitial/Interstitial-variants.css.js";
|
|
22
|
-
import "../../Button/Button.css.js";
|
|
23
|
-
import "react-use";
|
|
24
|
-
import "../../ArticlesSet/ArticlesSet.css.js";
|
|
25
|
-
import "../../Calculators/calculator.css.js";
|
|
26
|
-
import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
|
|
27
|
-
import { useGlobalContext } from "../../Modal/contextApi/store.js";
|
|
28
|
-
import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
|
|
29
|
-
import "../../Table/Table.css.js";
|
|
30
|
-
import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
|
|
31
|
-
import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
|
|
32
|
-
import "@hookform/resolvers/zod";
|
|
33
|
-
import "../../Input/Checkbox.js";
|
|
34
|
-
import "../../Input/CurrencyInput.js";
|
|
35
|
-
import "../../Input/Dropdown.js";
|
|
36
|
-
import "../../Input/Dropdown.css.js";
|
|
37
|
-
import "../../Input/Input.js";
|
|
38
|
-
import "../../Input/Input.css.js";
|
|
39
|
-
import "../../Input/InputAmount.js";
|
|
40
|
-
import "../../Input/InputPhone.js";
|
|
41
|
-
import "../../Input/InputTextArea.js";
|
|
42
|
-
import "../../Input/DownPaymentInput.js";
|
|
43
|
-
import "../../Input/RadioButton.js";
|
|
44
|
-
import "../../Input/PercentageInput.js";
|
|
45
|
-
import "react-hook-form";
|
|
46
|
-
import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
|
|
47
|
-
import "../../Forms/Forms.css.js";
|
|
48
|
-
import "../../Forms/HoneyPot/index.js";
|
|
49
|
-
import "../../Forms/SalesforceFieldsForm.js";
|
|
50
|
-
import "../../Input/RadioButton.css.js";
|
|
51
|
-
import "../../Input/Checkbox.css.js";
|
|
52
|
-
import "../../LoadingIndicator/LoadingIndicator.css.js";
|
|
53
|
-
import "../../Inputs/Input.css.js";
|
|
54
|
-
/* empty css */
|
|
55
|
-
import "../../Hyperlink/Hyperlink.css.js";
|
|
56
|
-
/* empty css */
|
|
57
|
-
import "iframe-resizer";
|
|
58
|
-
/* empty css */
|
|
59
|
-
import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
|
|
60
|
-
import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
|
|
61
|
-
import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
|
|
62
|
-
/* empty css */
|
|
63
|
-
import "react-dom";
|
|
64
|
-
/* empty css */
|
|
65
|
-
import "../../Auth/SignInPassword.js";
|
|
66
|
-
/* empty css */
|
|
67
|
-
/* empty css */
|
|
68
|
-
/* empty css */
|
|
69
|
-
/* empty css */
|
|
70
|
-
import "../../Carousel/index.js";
|
|
71
|
-
/* empty css */
|
|
72
|
-
/* empty css */
|
|
73
|
-
import "../../Chatbot/store/chat.js";
|
|
74
|
-
import "../../Chatbot/authenticate.js";
|
|
75
|
-
/* empty css */
|
|
76
|
-
/* empty css */
|
|
77
|
-
import "../../Chatbot/store/messages.js";
|
|
78
|
-
/* empty css */
|
|
79
|
-
import "../../Comparison/Comparison.css.js";
|
|
80
|
-
import "next/image.js";
|
|
81
|
-
import "../../HeroBanner/HeroBanner.css.js";
|
|
82
|
-
import "../../HeroBanner/LargeBanner.css.js";
|
|
83
|
-
import "../../HeroBanner/SelectionBanner.css.js";
|
|
84
|
-
import "../../SetContainer/SetContainer.css.js";
|
|
85
|
-
import "../../Tab/Tab.css.js";
|
|
86
|
-
import "../../icons/Star/Star.css.js";
|
|
87
|
-
import "../../ContentBanner/ContentBanner.css.js";
|
|
88
|
-
/* empty css */
|
|
89
|
-
import "../../ExecutiveBio/ExecutiveBio.css.js";
|
|
90
|
-
import "../../FaqAccordion/index.js";
|
|
91
|
-
import "../../FooterDisclosure/FooterDisclosure.css.js";
|
|
92
|
-
/* empty css */
|
|
93
|
-
/* empty css */
|
|
94
|
-
/* empty css */
|
|
95
|
-
import "../../ImageBillboard/ImageBillboard.css.js";
|
|
96
|
-
import "next/script.js";
|
|
97
|
-
/* empty css */
|
|
98
|
-
/* empty css */
|
|
99
|
-
/* empty css */
|
|
100
|
-
/* empty css */
|
|
101
|
-
/* empty css */
|
|
102
|
-
import "../../LandingPageHeader/LandingPageHeader.css.js";
|
|
103
|
-
/* empty css */
|
|
104
|
-
import "next/navigation.js";
|
|
105
|
-
/* empty css */
|
|
106
|
-
/* empty css */
|
|
107
|
-
/* empty css */
|
|
108
|
-
/* empty css */
|
|
109
|
-
import styles from "./NavBar.module.js";
|
|
110
|
-
import Link from "next/link.js";
|
|
111
|
-
import { dd_media, dd_main_btn } from "./SubNavbar.css.js";
|
|
112
|
-
/* empty css */
|
|
113
|
-
/* empty css */
|
|
114
|
-
/* empty css */
|
|
115
|
-
import "../../PageNavItem/PageNavItem.css.js";
|
|
116
|
-
import "react-slick";
|
|
117
|
-
/* empty css */
|
|
118
|
-
/* empty css */
|
|
119
|
-
/* empty css */
|
|
120
|
-
/* empty css */
|
|
121
|
-
import "../../StepItem/StepItem.css.js";
|
|
122
|
-
import "../../StepItemSet/StepItemSet.css.js";
|
|
123
|
-
/* empty css */
|
|
124
|
-
/* empty css */
|
|
125
|
-
/* empty css */
|
|
126
|
-
/* empty css */
|
|
127
|
-
/* empty css */
|
|
128
|
-
/* empty css */
|
|
129
|
-
const Menu = forwardRef(
|
|
130
|
-
({
|
|
131
|
-
id,
|
|
132
|
-
header,
|
|
133
|
-
headerOnHover,
|
|
134
|
-
description,
|
|
135
|
-
image,
|
|
136
|
-
bannerCta,
|
|
137
|
-
subNavItems,
|
|
138
|
-
helpUrl,
|
|
139
|
-
onDownKeyContainer: handleKeyDownContainer,
|
|
140
|
-
onMouseLeave: handleMouseLeave
|
|
141
|
-
}, containerRef) => {
|
|
142
|
-
const { resolveUrl } = useGlobalContext();
|
|
143
|
-
const renderNavItems = Array.isArray(subNavItems) ? subNavItems.map((item) => /* @__PURE__ */ jsx(SubNavItem, { ...item }, item.id)) : [];
|
|
144
|
-
return /* @__PURE__ */ jsx(
|
|
145
|
-
"div",
|
|
146
|
-
{
|
|
147
|
-
className: clsx(`${styles.dd_wrapper} ${styles.desktop_only}`),
|
|
148
|
-
role: "menu",
|
|
149
|
-
onMouseLeave: handleMouseLeave,
|
|
150
|
-
ref: containerRef,
|
|
151
|
-
tabIndex: 0,
|
|
152
|
-
onKeyDown: (event) => handleKeyDownContainer(event, id ?? ""),
|
|
153
|
-
children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
|
|
154
|
-
/* @__PURE__ */ jsxs(
|
|
155
|
-
"div",
|
|
156
|
-
{
|
|
157
|
-
className: `${styles.dd_media} ${styles.opacity} ${dd_media} text_center`,
|
|
158
|
-
children: [
|
|
159
|
-
/* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
|
|
160
|
-
/* @__PURE__ */ jsx("p", { role: "heading", children: header }),
|
|
161
|
-
/* @__PURE__ */ jsx("p", { className: styles.mt_8, children: description })
|
|
162
|
-
] }),
|
|
163
|
-
/* @__PURE__ */ jsx("div", { className: `${styles.mt_8} ${styles.dd_media_img}`, children: /* @__PURE__ */ jsx(
|
|
164
|
-
"img",
|
|
165
|
-
{
|
|
166
|
-
src: resolveUrl(image.src),
|
|
167
|
-
alt: image.alt,
|
|
168
|
-
width: image.width,
|
|
169
|
-
height: image.height
|
|
170
|
-
}
|
|
171
|
-
) }),
|
|
172
|
-
/* @__PURE__ */ jsx("div", { className: `${styles.mt_8} ${styles.dd_media_cta}`, children: Array.isArray(bannerCta) && bannerCta?.map(
|
|
173
|
-
(cta) => /* @__PURE__ */ jsx(
|
|
174
|
-
Link,
|
|
175
|
-
{
|
|
176
|
-
href: resolveUrl(cta.url ?? ""),
|
|
177
|
-
"aria-label": cta.ariaLabel,
|
|
178
|
-
className: clsx(
|
|
179
|
-
dd_main_btn,
|
|
180
|
-
"text_center"
|
|
181
|
-
// index === 0 && "bg_white"
|
|
182
|
-
),
|
|
183
|
-
children: cta.label
|
|
184
|
-
},
|
|
185
|
-
cta.id
|
|
186
|
-
)
|
|
187
|
-
// null
|
|
188
|
-
) })
|
|
189
|
-
]
|
|
190
|
-
}
|
|
191
|
-
),
|
|
192
|
-
/* @__PURE__ */ jsxs(
|
|
193
|
-
"div",
|
|
194
|
-
{
|
|
195
|
-
className: `${styles.dd_site_navs} ${styles.opacity} bg_white`,
|
|
196
|
-
children: [
|
|
197
|
-
/* @__PURE__ */ jsxs("div", { className: `${styles.headline} flex_row middle between`, children: [
|
|
198
|
-
/* @__PURE__ */ jsx("span", { role: "heading", children: headerOnHover }),
|
|
199
|
-
/* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24", children: [
|
|
200
|
-
/* @__PURE__ */ jsx(
|
|
201
|
-
"img",
|
|
202
|
-
{
|
|
203
|
-
src: `https://images.axos.com/o9ov1v03uwqk/jK8YfsETu8QGn7Vpb7x10/3e07dd61bacd8cacb4d62650e88a5e0b/nav-submenu-help-icon.svg`,
|
|
204
|
-
alt: "",
|
|
205
|
-
width: 20,
|
|
206
|
-
height: 20
|
|
207
|
-
}
|
|
208
|
-
),
|
|
209
|
-
/* @__PURE__ */ jsx("div", { className: `${styles.headline_cta} ${styles.ml_8}`, children: /* @__PURE__ */ jsx(
|
|
210
|
-
Link,
|
|
211
|
-
{
|
|
212
|
-
href: resolveUrl(
|
|
213
|
-
helpUrl ?? "{AXOSBANK}/partners/wholesale-correspondent-portfolio-lending/support"
|
|
214
|
-
),
|
|
215
|
-
children: "Help & Support"
|
|
216
|
-
}
|
|
217
|
-
) })
|
|
218
|
-
] })
|
|
219
|
-
] }),
|
|
220
|
-
/* @__PURE__ */ jsx("hr", {}),
|
|
221
|
-
/* @__PURE__ */ jsx("div", { className: `${styles.site_lists}`, children: renderNavItems })
|
|
222
|
-
]
|
|
223
|
-
}
|
|
224
|
-
)
|
|
225
|
-
] }) })
|
|
226
|
-
}
|
|
227
|
-
);
|
|
228
|
-
}
|
|
229
|
-
);
|
|
230
|
-
const SubNavItem = ({ icon, label, url, items }) => {
|
|
231
|
-
const { resolveUrl } = useGlobalContext();
|
|
232
|
-
const renderItems = items?.map((item) => {
|
|
233
|
-
return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: resolveUrl(item.url), children: item.label }) }, item.id);
|
|
234
|
-
});
|
|
235
|
-
return /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
|
|
236
|
-
/* @__PURE__ */ jsx(
|
|
237
|
-
"img",
|
|
238
|
-
{
|
|
239
|
-
src: icon,
|
|
240
|
-
alt: "",
|
|
241
|
-
width: 20,
|
|
242
|
-
height: 20
|
|
243
|
-
}
|
|
244
|
-
),
|
|
245
|
-
/* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
|
|
246
|
-
/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: resolveUrl(url ?? ""), role: "heading", children: label }) }),
|
|
247
|
-
renderItems
|
|
248
|
-
] })
|
|
249
|
-
] });
|
|
250
|
-
};
|
|
251
|
-
export {
|
|
252
|
-
Menu,
|
|
253
|
-
SubNavItem
|
|
254
|
-
};
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
export type MobileMenuState = {
|
|
2
|
-
direction: "forward" | "backward";
|
|
3
|
-
isMobileMenuOpen: boolean;
|
|
4
|
-
hasOpenedOnce: boolean;
|
|
5
|
-
loginDrawer: boolean;
|
|
6
|
-
prevLevel: any;
|
|
7
|
-
currentMenuData: any;
|
|
8
|
-
stack: any[];
|
|
9
|
-
quickLinks?: {
|
|
10
|
-
id: string;
|
|
11
|
-
icon: string;
|
|
12
|
-
label: string;
|
|
13
|
-
url: string;
|
|
14
|
-
ariaLabel: string;
|
|
15
|
-
}[];
|
|
16
|
-
loginData: any;
|
|
17
|
-
};
|
|
18
|
-
export declare enum MenuActions {
|
|
19
|
-
INIT = "INIT",
|
|
20
|
-
BACKWARD = "BACKWARD",
|
|
21
|
-
FORWARD = "FORWARD",
|
|
22
|
-
OPENMENU = "OPENMENU",
|
|
23
|
-
SET_HAS_OPENED_ONCE = "SET_HAS_OPENED_ONCE",
|
|
24
|
-
SET_MOBILE_MENU_OPEN = "SET_MOBILE_MENU_OPEN",
|
|
25
|
-
SET_MOBILE_MENU_CLOSED = "SET_MOBILE_MENU_CLOSED",
|
|
26
|
-
ADD_TO_STACK = "ADD_TO_STACK",
|
|
27
|
-
REMOVE_FROM_STACK = "REMOVE_FROM_STACK",
|
|
28
|
-
SET_QUICK_LINKS = "SET_QUICK_LINKS",
|
|
29
|
-
SET_LOGIN_MENU_OPEN = "SET_LOGIN_MENU_OPEN",
|
|
30
|
-
SET_LOGIN_MENU_CLOSED = "SET_LOGIN_MENU_CLOSED"
|
|
31
|
-
}
|
|
32
|
-
export interface MenuAction {
|
|
33
|
-
type: MenuActions;
|
|
34
|
-
payload: Record<string, unknown>;
|
|
35
|
-
}
|
|
36
|
-
export declare const reducer: (state: MobileMenuState, action: MenuAction) => MobileMenuState;
|