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

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