@axos-web-dev/shared-components 1.0.95-dev.1 → 1.0.95-dev.2

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 (27) hide show
  1. package/dist/Carousel/index.js +8 -8
  2. package/dist/Comparison/Comparison.js +3 -3
  3. package/dist/IconBillboard/IconBillboard.d.ts +1 -2
  4. package/dist/IconBillboard/IconBillboard.js +27 -109
  5. package/dist/IconBillboard/index.js +1 -2
  6. package/dist/IconBillboard/sections/CallToActionSection.d.ts +12 -0
  7. package/dist/IconBillboard/sections/CallToActionSection.js +99 -0
  8. package/dist/IconBillboard/sections/HeaderSection.d.ts +11 -0
  9. package/dist/IconBillboard/sections/HeaderSection.js +23 -0
  10. package/dist/IconBillboard/sections/IconSection.d.ts +7 -0
  11. package/dist/IconBillboard/sections/IconSection.js +18 -0
  12. package/dist/IconBillboard/sections/ItemsSection.d.ts +11 -0
  13. package/dist/IconBillboard/sections/ItemsSection.js +11 -0
  14. package/dist/IconBillboard/sections/LayoutSection.d.ts +8 -0
  15. package/dist/IconBillboard/sections/LayoutSection.js +6 -0
  16. package/dist/ImageBillboard/ImageBillboardSet.js +1 -1
  17. package/dist/ImageLink/ImageLinkSet.js +2 -2
  18. package/dist/Insight/Featured/Featured.js +8 -8
  19. package/dist/Insight/Featured/Header.js +7 -7
  20. package/dist/main.js +1 -2
  21. package/package.json +1 -1
  22. package/dist/NavigationMenu/NavDataJson.d.ts +0 -2
  23. package/dist/NavigationMenu/NavDataJson.js +0 -308
  24. package/dist/NavigationMenu/Navbar.d.ts +0 -5
  25. package/dist/NavigationMenu/Navbar.js +0 -329
  26. package/dist/NavigationMenu/SignInNavButton.d.ts +0 -1
  27. package/dist/NavigationMenu/SignInNavButton.js +0 -362
package/dist/NavigationMenu/SignInNavButton.js DELETED
@@ -1,362 +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/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
- };