@axos-web-dev/shared-components 1.0.98 → 1.0.99-dev.1

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 (22) hide show
  1. package/dist/Blockquote/Blockquote.module.js +3 -3
  2. package/dist/Calculators/BuyDownCalculator/index.js +1 -1
  3. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +16 -16
  4. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +1 -0
  5. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +3 -0
  6. package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -39
  7. package/dist/NavigationMenu/AxosBank/SubNavBar.js +9 -0
  8. package/dist/NavigationMenu/NavDataJson.d.ts +2 -0
  9. package/dist/NavigationMenu/NavDataJson.js +308 -0
  10. package/dist/NavigationMenu/Navbar.d.ts +5 -0
  11. package/dist/NavigationMenu/Navbar.js +194 -0
  12. package/dist/NavigationMenu/SignInNavButton.d.ts +1 -0
  13. package/dist/NavigationMenu/SignInNavButton.js +362 -0
  14. package/dist/assets/Blockquote/Blockquote.css.css +68 -68
  15. package/dist/assets/ImageBillboard/ImageBillboard.css +2 -2
  16. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +191 -191
  17. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +473 -473
  18. package/dist/assets/utils/optimizeImage/optimizeImage.css.css +47 -47
  19. package/dist/icons/Logos/AXB.d.ts +8 -0
  20. package/dist/icons/Logos/AXB.js +74 -0
  21. package/dist/utils/optimizeImage/optimizeImage.module.js +3 -3
  22. package/package.json +1 -1
package/dist/NavigationMenu/Navbar.js ADDED
@@ -0,0 +1,194 @@
1
+ "use client";
2
+ import { jsxs, jsx } 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/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.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/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
8
+ /* empty css */
9
+ /* empty css */
10
+ /* empty css */
11
+ /* empty css */
12
+ import "clsx";
13
+ import { useState, useEffect } from "react";
14
+ import "../Chevron/Chevron.css.js";
15
+ import "../AlertBanner/AlertBanner.css.js";
16
+ import "../Article/Article.css.js";
17
+ import "../IconBillboard/IconBillboard.css.js";
18
+ import "../utils/allowedAxosDomains.js";
19
+ import { appendQueryParams } from "../utils/appendQueryParams.js";
20
+ /* empty css */
21
+ /* empty css */
22
+ import "../Interstitial/Interstitial-variants.css.js";
23
+ /* empty css */
24
+ import "../Modal/contextApi/store.js";
25
+ import "../Button/Button.css.js";
26
+ import "react-use";
27
+ import "../ArticlesSet/ArticlesSet.css.js";
28
+ import "../Calculators/calculator.css.js";
29
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
30
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
31
+ import "../Table/Table.css.js";
32
+ import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
33
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
34
+ import "@hookform/resolvers/zod";
35
+ import "../Input/Checkbox.js";
36
+ import "../Input/CurrencyInput.js";
37
+ import "../Input/Dropdown.js";
38
+ import "../Input/Dropdown.css.js";
39
+ import "../Input/Input.js";
40
+ import "../Input/Input.css.js";
41
+ import "../Input/InputAmount.js";
42
+ import "../Input/InputPhone.js";
43
+ import "../Input/InputTextArea.js";
44
+ import "../Input/DownPaymentInput.js";
45
+ import "../Input/RadioButton.js";
46
+ import "react-hook-form";
47
+ import "../Forms/Forms.css.js";
48
+ import "../Forms/SalesforceFieldsForm.js";
49
+ import "../Input/RadioButton.css.js";
50
+ import "../Input/Checkbox.css.js";
51
+ import "../LoadingIndicator/LoadingIndicator.css.js";
52
+ import "../Inputs/Input.css.js";
53
+ /* empty css */
54
+ import "../Hyperlink/Hyperlink.css.js";
55
+ /* empty css */
56
+ import "iframe-resizer";
57
+ /* empty css */
58
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
59
+ import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
60
+ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
61
+ import "../Input/PercentageInput.js";
62
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.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
+ import "../Carousel/index.js";
71
+ /* empty css */
72
+ import "../Comparison/Comparison.css.js";
73
+ import "next/image.js";
74
+ import "../HeroBanner/HeroBanner.css.js";
75
+ import "../HeroBanner/LargeBanner.css.js";
76
+ import "../HeroBanner/SelectionBanner.css.js";
77
+ import "../SetContainer/SetContainer.css.js";
78
+ import "../Tab/Tab.css.js";
79
+ import "../icons/Star/Star.css.js";
80
+ import "../ContentBanner/ContentBanner.css.js";
81
+ /* empty css */
82
+ import "../ExecutiveBio/ExecutiveBio.css.js";
83
+ import "../FaqAccordion/index.js";
84
+ import "../FooterDisclosure/FooterDisclosure.css.js";
85
+ /* empty css */
86
+ /* empty css */
87
+ /* empty css */
88
+ import "../ImageBillboard/ImageBillboard.css.js";
89
+ import "next/script.js";
90
+ /* empty css */
91
+ /* empty css */
92
+ /* empty css */
93
+ /* empty css */
94
+ /* empty css */
95
+ /* empty css */
96
+ import "../LandingPageHeader/LandingPageHeader.css.js";
97
+ import { NavItem } from "./NavItem/index.js";
98
+ /* empty css */
99
+ import "next/navigation.js";
100
+ /* empty css */
101
+ /* empty css */
102
+ /* empty css */
103
+ import MobileDrawerMenu from "./AxosBank/MobileMenu/MobileMenu.js";
104
+ import { main_nav_link } from "./AxosBank/NavBar.css.js";
105
+ import styles from "./AxosBank/NavBar.module.js";
106
+ import { navItems } from "./AxosBank/NavData.js";
107
+ import SubNavBar from "./AxosBank/SubNavBar.js";
108
+ /* empty css */
109
+ import "./AxosALTS/NavData.js";
110
+ /* empty css */
111
+ /* empty css */
112
+ import "./LaVictoire/NavData.js";
113
+ import "next/link.js";
114
+ import "../PageNavItem/PageNavItem.css.js";
115
+ import "react-slick";
116
+ /* empty css */
117
+ /* empty css */
118
+ /* empty css */
119
+ /* empty css */
120
+ import "../StepItem/StepItem.css.js";
121
+ import "../StepItemSet/StepItemSet.css.js";
122
+ /* empty css */
123
+ /* empty css */
124
+ /* empty css */
125
+ /* empty css */
126
+ /* empty css */
127
+ function NavBar({
128
+ project = "AXB",
129
+ withSession = false
130
+ }) {
131
+ const [activeIndex, setActiveIndex] = useState();
132
+ const lastNavItem = navItems[navItems.length - 1];
133
+ const handleClick = (index) => setActiveIndex(index);
134
+ const getActiveIndex = () => {
135
+ const pathname = "/" + location.pathname.split("/")[1];
136
+ const index = navItems.findIndex(
137
+ (path) => path.domain === pathname
138
+ );
139
+ pathname == "/commercial" ? setActiveIndex(1) : setActiveIndex(index);
140
+ };
141
+ useEffect(() => {
142
+ getActiveIndex();
143
+ }, [activeIndex]);
144
+ useEffect(() => {
145
+ appendQueryParams();
146
+ }, [lastNavItem]);
147
+ if (withSession) {
148
+ console.log("withSession");
149
+ }
150
+ return /* @__PURE__ */ jsxs("header", { id: "header", children: [
151
+ /* @__PURE__ */ jsx("div", { className: `${styles.header} bg_white`, children: /* @__PURE__ */ jsxs("div", { className: styles.wrapper, children: [
152
+ /* @__PURE__ */ jsx("a", { href: "#main-body", id: "skip_content", className: styles.skip_btn, children: "Skip to main content" }),
153
+ /* @__PURE__ */ jsxs("div", { className: `${styles.header_main_row} flex_row between middle`, children: [
154
+ /* @__PURE__ */ jsx("div", { className: `${styles.desktop_only} flex_row middle`, children: /* @__PURE__ */ jsxs("div", { className: `${styles.main_nav} flex_row middle`, children: [
155
+ /* @__PURE__ */ jsx("div", { className: styles.logo_wrap, children: /* @__PURE__ */ jsx(
156
+ "a",
157
+ {
158
+ href: project === "AXB" ? "/" : "/invest",
159
+ "aria-label": "return to homepage"
160
+ }
161
+ ) }),
162
+ /* @__PURE__ */ jsx("nav", { className: styles.primary_links, children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", role: "menubar", children: navItems.map(
163
+ (item, i, arr) => arr.length - 1 !== i && /* @__PURE__ */ jsx(
164
+ NavItem,
165
+ {
166
+ className: `${styles.main_nav_link} ${main_nav_link}`,
167
+ onClick: handleClick,
168
+ index: i,
169
+ name: item.name,
170
+ url: item.url,
171
+ isActive: activeIndex == i
172
+ },
173
+ i
174
+ )
175
+ ) }) })
176
+ ] }) }),
177
+ /* @__PURE__ */ jsxs("div", { className: `${styles.mobile_only} ${styles.mobile_logo}`, children: [
178
+ /* @__PURE__ */ jsx(
179
+ "a",
180
+ {
181
+ href: project === "AXB" ? "/" : "/invest",
182
+ "aria-label": "return to homepage"
183
+ }
184
+ ),
185
+ /* @__PURE__ */ jsx(MobileDrawerMenu, {})
186
+ ] })
187
+ ] })
188
+ ] }) }),
189
+ /* @__PURE__ */ jsx(SubNavBar, {})
190
+ ] });
191
+ }
192
+ export {
193
+ NavBar as default
194
+ };
package/dist/NavigationMenu/SignInNavButton.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const SignInNavButton: () => import("react/jsx-runtime").JSX.Element;
package/dist/NavigationMenu/SignInNavButton.js ADDED
@@ -0,0 +1,362 @@
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/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.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/CallToActionBar/CallToActionBar.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/Modal/Modal.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/premier.css';import '../assets/themes/axos.css';/* empty css */
8
+ /* empty css */
9
+ /* empty css */
10
+ /* empty css */
11
+ /* empty css */
12
+ import clsx from "clsx";
13
+ import { useRef, useState, useEffect } from "react";
14
+ import "../Chevron/Chevron.css.js";
15
+ import "../AlertBanner/AlertBanner.css.js";
16
+ import "../Article/Article.css.js";
17
+ import { Button } from "../Button/Button.js";
18
+ import "../Button/Button.css.js";
19
+ import { useClickAway } from "react-use";
20
+ import "../ArticlesSet/ArticlesSet.css.js";
21
+ import "../IconBillboard/IconBillboard.css.js";
22
+ import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
23
+ import { appendQueryParams } from "../utils/appendQueryParams.js";
24
+ import "../Calculators/calculator.css.js";
25
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.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 "react-hook-form";
43
+ import "../Forms/Forms.css.js";
44
+ import "../Forms/SalesforceFieldsForm.js";
45
+ /* empty css */
46
+ /* empty css */
47
+ import "../Input/RadioButton.css.js";
48
+ import "../Input/Checkbox.css.js";
49
+ import "../LoadingIndicator/LoadingIndicator.css.js";
50
+ import "../Interstitial/Interstitial-variants.css.js";
51
+ import "../Inputs/Input.css.js";
52
+ /* empty css */
53
+ /* empty css */
54
+ import "../Modal/contextApi/store.js";
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
+ import "../Input/PercentageInput.js";
63
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
64
+ /* empty css */
65
+ import "react-dom";
66
+ /* empty css */
67
+ import "../Auth/SignInPassword.js";
68
+ /* empty css */
69
+ /* empty css */
70
+ /* empty css */
71
+ import "../Carousel/index.js";
72
+ /* empty css */
73
+ import "../Comparison/Comparison.css.js";
74
+ import "next/image.js";
75
+ import "../HeroBanner/HeroBanner.css.js";
76
+ import "../HeroBanner/LargeBanner.css.js";
77
+ import "../HeroBanner/SelectionBanner.css.js";
78
+ import "../SetContainer/SetContainer.css.js";
79
+ import "../Tab/Tab.css.js";
80
+ import "../icons/Star/Star.css.js";
81
+ import "../ContentBanner/ContentBanner.css.js";
82
+ /* empty css */
83
+ import "../ExecutiveBio/ExecutiveBio.css.js";
84
+ import "../FaqAccordion/index.js";
85
+ import "../FooterDisclosure/FooterDisclosure.css.js";
86
+ /* empty css */
87
+ /* empty css */
88
+ /* empty css */
89
+ import "../ImageBillboard/ImageBillboard.css.js";
90
+ import "next/script.js";
91
+ /* empty css */
92
+ /* empty css */
93
+ /* empty css */
94
+ /* empty css */
95
+ /* empty css */
96
+ /* empty css */
97
+ import "../LandingPageHeader/LandingPageHeader.css.js";
98
+ import { NavItem } from "./NavItem/index.js";
99
+ /* empty css */
100
+ import "next/navigation.js";
101
+ /* empty css */
102
+ /* empty css */
103
+ /* empty css */
104
+ import "next/link.js";
105
+ import "./AxosBank/MobileMenu/MobileNavData.js";
106
+ import { main_nav_link, highlight, Sign_in_btn, signin_subheader } from "./AxosBank/NavBar.css.js";
107
+ import styles from "./AxosBank/NavBar.module.js";
108
+ import { navItems } from "./AxosBank/NavData.js";
109
+ /* empty css */
110
+ /* empty css */
111
+ import "./AxosALTS/NavData.js";
112
+ /* empty css */
113
+ /* empty css */
114
+ import "./LaVictoire/NavData.js";
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
+ const SignInNavButton = () => {
129
+ const ref = useRef(null);
130
+ const [activeIndex, setActiveIndex] = useState();
131
+ const [isOpenSignIn, setisOpenSignIn] = useState(false);
132
+ const toggle = () => setisOpenSignIn(!isOpenSignIn);
133
+ const lastNavItem = navItems[navItems.length - 1];
134
+ const handleClick = (index) => setActiveIndex(index);
135
+ const [isClient, setIsClient] = useState(false);
136
+ const handleKeyDownContainer = (e) => {
137
+ if (e.key === "Tab") {
138
+ const focusableElements = ref.current?.querySelectorAll(
139
+ 'button, [href], a, [tabindex]:not([tabindex="-1"])'
140
+ );
141
+ if (focusableElements && isClient) {
142
+ const lastElement = focusableElements[focusableElements.length - 1];
143
+ const isShiftPressed = e.shiftKey;
144
+ if (!isShiftPressed && document.activeElement === lastElement) {
145
+ e.preventDefault();
146
+ toggle();
147
+ }
148
+ }
149
+ }
150
+ };
151
+ useClickAway(ref, (e) => {
152
+ if (e?.target?.tagName !== "A") {
153
+ setisOpenSignIn(false);
154
+ }
155
+ });
156
+ useEffect(() => {
157
+ appendQueryParams();
158
+ }, [lastNavItem]);
159
+ useEffect(() => {
160
+ setIsClient(true);
161
+ }, []);
162
+ return /* @__PURE__ */ jsx("div", { className: styles.signin_wrap, children: /* @__PURE__ */ jsxs(
163
+ "div",
164
+ {
165
+ className: `${styles.desktop_only} flex_row middle relative`,
166
+ ref,
167
+ onKeyDown: handleKeyDownContainer,
168
+ role: "menubar",
169
+ children: [
170
+ lastNavItem && /* @__PURE__ */ jsx(
171
+ NavItem,
172
+ {
173
+ url: lastNavItem.url,
174
+ name: lastNavItem.name,
175
+ className: `link list_unstyled ${styles.main_nav_link} ${main_nav_link} ${styles.highlight} ${highlight}`,
176
+ isActive: activeIndex == navItems.length,
177
+ onClick: handleClick,
178
+ index: navItems.length
179
+ },
180
+ navItems.length + 1
181
+ ),
182
+ /* @__PURE__ */ jsxs(
183
+ Button,
184
+ {
185
+ className: clsx(
186
+ styles.signin_btn,
187
+ "flex_row",
188
+ "center",
189
+ "middle",
190
+ isOpenSignIn ? styles.open : "",
191
+ Sign_in_btn
192
+ ),
193
+ as: "button",
194
+ type: "button",
195
+ color: "primary",
196
+ id: "signIn",
197
+ action: toggle,
198
+ size: "small",
199
+ "aria-controls": "signin-drop-menu",
200
+ role: "menuitem",
201
+ children: [
202
+ /* @__PURE__ */ jsx("span", { children: "Log in" }),
203
+ /* @__PURE__ */ jsx(
204
+ "svg",
205
+ {
206
+ width: "20",
207
+ height: "12",
208
+ viewBox: "0 0 20 12",
209
+ fill: "none",
210
+ xmlns: "http://www.w3.org/2000/svg",
211
+ children: /* @__PURE__ */ jsx(
212
+ "path",
213
+ {
214
+ d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
215
+ fill: "white"
216
+ }
217
+ )
218
+ }
219
+ )
220
+ ]
221
+ }
222
+ ),
223
+ /* @__PURE__ */ jsx(
224
+ "div",
225
+ {
226
+ className: `${styles.signin_dropdown} ${styles.shadow} rounded bg_white`,
227
+ children: /* @__PURE__ */ jsx("div", { className: styles.opacity, children: /* @__PURE__ */ jsxs(
228
+ "ul",
229
+ {
230
+ className: "list_unstyled",
231
+ "aria-expanded": isOpenSignIn,
232
+ id: "signin-drop-menu",
233
+ children: [
234
+ /* @__PURE__ */ jsxs("li", { role: "heading", children: [
235
+ /* @__PURE__ */ jsx(
236
+ "a",
237
+ {
238
+ className: styles.signin_header,
239
+ href: findMoreAxosDomains("{AXOSBANK}/personal"),
240
+ children: "Personal"
241
+ }
242
+ ),
243
+ /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
244
+ /* @__PURE__ */ jsx(
245
+ "li",
246
+ {
247
+ className: `${styles.signin_subheader} ${signin_subheader}`,
248
+ children: /* @__PURE__ */ jsx("a", { href: findMoreAxosDomains("{ONLINEBANKING}/auth/Login"), children: "Account Login" })
249
+ }
250
+ ),
251
+ /* @__PURE__ */ jsx(
252
+ "li",
253
+ {
254
+ className: `${styles.signin_subheader} ${signin_subheader}`,
255
+ children: /* @__PURE__ */ jsx("a", { href: `https://loanpayment.axosbank.com`, children: "Make a Payment" })
256
+ }
257
+ )
258
+ ] })
259
+ ] }),
260
+ /* @__PURE__ */ jsxs("li", { role: "heading", children: [
261
+ /* @__PURE__ */ jsx(
262
+ "a",
263
+ {
264
+ className: styles.signin_header,
265
+ href: findMoreAxosDomains("{AXOSBANK}/business"),
266
+ children: "Business"
267
+ }
268
+ ),
269
+ /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
270
+ /* @__PURE__ */ jsx(
271
+ "li",
272
+ {
273
+ className: `${styles.signin_subheader} ${signin_subheader}`,
274
+ children: /* @__PURE__ */ jsx("a", { href: findMoreAxosDomains("{AXOSBANK}/business/login"), children: "Business Banking Login" })
275
+ }
276
+ ),
277
+ /* @__PURE__ */ jsx(
278
+ "li",
279
+ {
280
+ className: `${styles.signin_subheader} ${signin_subheader}`,
281
+ children: /* @__PURE__ */ jsx(
282
+ "a",
283
+ {
284
+ href: findMoreAxosDomains(
285
+ "{AXOSBANK}/business/mwa-business-banking"
286
+ ),
287
+ children: "MWA Business Banking"
288
+ }
289
+ )
290
+ }
291
+ ),
292
+ /* @__PURE__ */ jsx(
293
+ "li",
294
+ {
295
+ className: `${styles.signin_subheader} ${signin_subheader}`,
296
+ children: /* @__PURE__ */ jsx(
297
+ "a",
298
+ {
299
+ href: findMoreAxosDomains(
300
+ "{AXOSBANK}/commercial/lending/commercial-portal"
301
+ ),
302
+ children: "Commercial Portal"
303
+ }
304
+ )
305
+ }
306
+ )
307
+ ] })
308
+ ] }),
309
+ /* @__PURE__ */ jsxs("li", { role: "heading", children: [
310
+ /* @__PURE__ */ jsx(
311
+ "a",
312
+ {
313
+ href: findMoreAxosDomains("{AXOSBANK}/partners"),
314
+ className: `${styles.signin_header}`,
315
+ children: "Partners"
316
+ }
317
+ ),
318
+ /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
319
+ /* @__PURE__ */ jsx(
320
+ "li",
321
+ {
322
+ className: `${styles.signin_subheader} ${signin_subheader}`,
323
+ children: /* @__PURE__ */ jsx("a", { href: "https://thirdpartylending.axosbank.com/index", children: "Wholesale and Correspondent" })
324
+ }
325
+ ),
326
+ /* @__PURE__ */ jsx(
327
+ "li",
328
+ {
329
+ className: `${styles.signin_subheader} ${signin_subheader}`,
330
+ children: /* @__PURE__ */ jsx("a", { href: findMoreAxosDomains("{ARMS}"), children: "Advisor Login" })
331
+ }
332
+ )
333
+ ] })
334
+ ] }),
335
+ /* @__PURE__ */ jsxs(
336
+ "li",
337
+ {
338
+ className: `${styles.signin_subheader} ${signin_subheader} ${styles.signin_footer} relative`,
339
+ children: [
340
+ /* @__PURE__ */ jsx("a", { href: findMoreAxosDomains("{AXOSBANK}/customer-support"), children: "Customer Support" }),
341
+ /* @__PURE__ */ jsx(
342
+ "a",
343
+ {
344
+ href: findMoreAxosDomains("{AXOSBANK}/return-to-application"),
345
+ children: "Return to Application"
346
+ }
347
+ )
348
+ ]
349
+ }
350
+ )
351
+ ]
352
+ }
353
+ ) })
354
+ }
355
+ )
356
+ ]
357
+ }
358
+ ) });
359
+ };
360
+ export {
361
+ SignInNavButton
362
+ };