@axos-web-dev/shared-components 2.2.24 → 2.2.25

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 (105) hide show
  1. package/dist/ATMLocator/ATMLocator.js +9 -9
  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 +8 -8
  7. package/dist/Auth/SignInPassword.js +1 -1
  8. package/dist/Button/Button.js +10 -10
  9. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +2 -1
  10. package/dist/Calculators/Calculator.js +4 -4
  11. package/dist/Calculators/MarginTradingCalculator/index.js +10 -10
  12. package/dist/Carousel/index.js +8 -8
  13. package/dist/Chatbot/Bubble.css.js +0 -1
  14. package/dist/Chatbot/Chatbot.css.js +1 -0
  15. package/dist/Chatbot/Chatbot.js +9 -3
  16. package/dist/Chevron/index.js +10 -10
  17. package/dist/Comparison/Comparison.css.d.ts +1 -0
  18. package/dist/Comparison/Comparison.css.js +16 -17
  19. package/dist/Comparison/Comparison.js +8 -8
  20. package/dist/Comparison/ComparisonSet.js +2 -1
  21. package/dist/Comparison/index.js +2 -1
  22. package/dist/ExecutiveBio/ExecutiveBio.js +8 -8
  23. package/dist/FaqAccordion/index.js +10 -10
  24. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +8 -8
  25. package/dist/Forms/ApplyNow.js +8 -8
  26. package/dist/Forms/ContactUsBusiness.js +10 -10
  27. package/dist/Forms/ContactUsBusinessNameEmail.js +10 -10
  28. package/dist/Forms/ContactUsNMLSId.js +10 -10
  29. package/dist/Forms/CpraRequest.js +10 -10
  30. package/dist/Forms/CraPublicFile.js +10 -10
  31. package/dist/Forms/EmailOnly.js +10 -10
  32. package/dist/Forms/Forms.css.d.ts +3 -0
  33. package/dist/Forms/MortgageRate/MortgageRateForm.js +8 -8
  34. package/dist/Forms/MortgageRate/MortgageRateWatch.js +8 -8
  35. package/dist/Forms/MortgageWarehouseLending.js +10 -10
  36. package/dist/Forms/SuccesForm.js +8 -8
  37. package/dist/Hyperlink/index.js +8 -8
  38. package/dist/IconBillboard/IconBillboard.css.d.ts +16 -0
  39. package/dist/IconBillboard/IconBillboard.css.js +5 -3
  40. package/dist/IconBillboard/IconBillboardSet.js +68 -62
  41. package/dist/IconBillboard/index.js +2 -1
  42. package/dist/ImageLink/ImageLink.js +4 -4
  43. package/dist/ImageLink/ImageLinkSet.js +4 -4
  44. package/dist/ImageLink/index.js +8 -8
  45. package/dist/Insight/Featured/CategorySelector.js +8 -8
  46. package/dist/Insight/Featured/Featured.js +8 -8
  47. package/dist/Insight/Featured/Header.js +8 -8
  48. package/dist/LandingPageHeader/LandingPageHeader.css.d.ts +5 -0
  49. package/dist/LandingPageHeader/LandingPageHeader.css.js +10 -0
  50. package/dist/LandingPageHeader/LandingPageHeader.d.ts +2 -1
  51. package/dist/LandingPageHeader/LandingPageHeader.js +35 -21
  52. package/dist/LandingPageHeader/WithLogin.d.ts +4 -0
  53. package/dist/LandingPageHeader/WithLogin.js +458 -0
  54. package/dist/LandingPageHeader/index.js +6 -1
  55. package/dist/Modal/Modal.js +10 -10
  56. package/dist/Modal/contextApi/store.d.ts +4 -0
  57. package/dist/NavigationMenu/AxosALTS/index.js +8 -8
  58. package/dist/NavigationMenu/AxosAdvisorServices/index.js +20 -20
  59. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +7 -7
  60. package/dist/NavigationMenu/AxosBank/SubNavBar.js +9 -9
  61. package/dist/NavigationMenu/AxosBank/index.js +10 -10
  62. package/dist/NavigationMenu/LaVictoire/index.js +10 -10
  63. package/dist/NavigationMenu/Navbar.js +8 -8
  64. package/dist/NavigationMenu/SignInNavButton.js +10 -10
  65. package/dist/SecondaryFooter/index.js +8 -1
  66. package/dist/SetContainer/SetContainer.css.d.ts +3 -0
  67. package/dist/SetContainer/SetContainer.js +5 -5
  68. package/dist/SocialMediaBar/iconsRepository.js +8 -8
  69. package/dist/StepItemSet/StepItemSet.css.d.ts +3 -0
  70. package/dist/Table/Table.css.d.ts +3 -0
  71. package/dist/Table/Table.css.js +22 -17
  72. package/dist/Table/Table.d.ts +1 -1
  73. package/dist/Table/Table.interface.d.ts +5 -8
  74. package/dist/Table/Table.js +29 -39
  75. package/dist/Table/index.js +3 -1
  76. package/dist/TopicalNavItem/TopicalNavItem.css.d.ts +0 -1
  77. package/dist/TopicalNavItem/TopicalNavItem.css.js +2 -4
  78. package/dist/TopicalNavItem/TopicalNavItem.js +11 -33
  79. package/dist/TopicalNavItem/index.js +1 -2
  80. package/dist/VideoTile/VideoTile.js +8 -8
  81. package/dist/VideoWrapper/index.js +8 -8
  82. package/dist/assets/Article/Article.css +8 -4
  83. package/dist/assets/ArticlesSet/ArticlesSet.css +54 -39
  84. package/dist/assets/Auth/SignIn.css +2 -1
  85. package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css +2 -2
  86. package/dist/assets/CallToActionBar/CallToActionBar.css +2 -0
  87. package/dist/assets/Comparison/Comparison.css +32 -29
  88. package/dist/assets/DownloadTile/DownloadTile.css +0 -5
  89. package/dist/assets/FaqAccordion/FaqAccordion.css +1 -1
  90. package/dist/assets/FooterSiteMap/AxosBank/FooterSiteMap.css +2 -2
  91. package/dist/assets/Forms/Forms.css +3 -2
  92. package/dist/assets/IconBillboard/IconBillboard.css +27 -12
  93. package/dist/assets/ImageBillboard/ImageBillboard.css +0 -12
  94. package/dist/assets/LandingPageHeader/LandingPageHeader.css +68 -0
  95. package/dist/assets/SetContainer/SetContainer.css +7 -10
  96. package/dist/assets/StepItemSet/StepItemSet.css +3 -3
  97. package/dist/assets/Table/Table.css +103 -78
  98. package/dist/assets/TopicalNavItem/TopicalNavItem.css +25 -52
  99. package/dist/assets/TopicalNavSet/TopicalNavSet.css +28 -6
  100. package/dist/assets/VideoTile/VideoTile.css +0 -3
  101. package/dist/assets/globals.css +46 -2
  102. package/dist/globals.css.js +8 -1
  103. package/dist/index.css.js +8 -1
  104. package/dist/main.js +14 -6
  105. package/package.json +1 -1
@@ -0,0 +1,458 @@
1
+ "use client";
2
+ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
3
+ import { useState, useRef, useMemo, useEffect } from "react";
4
+ import { AnimatePresence, motion } from "framer-motion";
5
+ import Link from "next/link.js";
6
+ import { getLoginGroups } from "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
7
+ import { desktop_only, btn_primary, btn_secondary, mobile_only, lp_login_button } from "./LandingPageHeader.css.js";
8
+ import styles$1 from "../NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js";
9
+ import "../Chevron/Chevron.css.js";
10
+ import "../Accordion/Accordion.js";
11
+ import "../Accordion/Accordion.css.js";
12
+ import "../icons/ArrowIcon/ArrowIcon.css.js";
13
+ import "../icons/CheckIcon/CheckIcon.css.js";
14
+ 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/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 */
15
+ /* empty css */
16
+ /* empty css */
17
+ /* empty css */
18
+ /* empty css */
19
+ /* empty css */
20
+ import clsx from "clsx";
21
+ import "../AlertBanner/AlertBanner.css.js";
22
+ import "../Article/Article.css.js";
23
+ import { Button } from "../Button/Button.js";
24
+ import "../Button/Button.css.js";
25
+ import { useClickAway } from "react-use";
26
+ import "../ArticlesSet/ArticlesSet.css.js";
27
+ import "../IconBillboard/IconBillboard.css.js";
28
+ import "../Calculators/calculator.css.js";
29
+ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
30
+ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
31
+ import { useGlobalContext } from "../Modal/contextApi/store.js";
32
+ import "next/image.js";
33
+ import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
34
+ import "../HeroBanner/LargeBanner.css.js";
35
+ import "../HeroBanner/HeroBanner.css.js";
36
+ import "../HeroBanner/SelectionBanner.css.js";
37
+ /* empty css */
38
+ /* empty css */
39
+ import "../SetContainer/SetContainer.css.js";
40
+ import "../Table/Table.css.js";
41
+ import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
42
+ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
43
+ import "@hookform/resolvers/zod";
44
+ import "../Input/Checkbox.js";
45
+ import "../Input/CurrencyInput.js";
46
+ import "../Input/Dropdown.js";
47
+ import "../Input/Dropdown.css.js";
48
+ import "../Input/Input.js";
49
+ import "../Input/Input.css.js";
50
+ import "../Input/InputAmount.js";
51
+ import "../Input/InputPhone.js";
52
+ import "../Input/InputTextArea.js";
53
+ import "../Input/DownPaymentInput.js";
54
+ import "../Input/RadioButton.js";
55
+ import "../Input/PercentageInput.js";
56
+ import "react-hook-form";
57
+ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
58
+ import "../Forms/Forms.css.js";
59
+ import "../Forms/HoneyPot/index.js";
60
+ import "../Forms/SalesforceFieldsForm.js";
61
+ import "../Input/RadioButton.css.js";
62
+ import "../Input/Checkbox.css.js";
63
+ import "../LoadingIndicator/LoadingIndicator.css.js";
64
+ import "../Interstitial/Interstitial-variants.css.js";
65
+ import "../Inputs/Input.css.js";
66
+ /* empty css */
67
+ import "../Hyperlink/Hyperlink.css.js";
68
+ /* empty css */
69
+ import "iframe-resizer";
70
+ /* empty css */
71
+ import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
72
+ import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
73
+ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
74
+ /* empty css */
75
+ import "react-dom";
76
+ /* empty css */
77
+ import "../Auth/SignInPassword.js";
78
+ /* empty css */
79
+ /* empty css */
80
+ /* empty css */
81
+ /* empty css */
82
+ import "../Carousel/index.js";
83
+ /* empty css */
84
+ /* empty css */
85
+ import "../Chatbot/store/chat.js";
86
+ import "../Chatbot/Chatbot.js";
87
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
88
+ /* empty css */
89
+ import "../Chatbot/store/messages.js";
90
+ /* empty css */
91
+ import "../Comparison/Comparison.css.js";
92
+ import "../Tab/Tab.css.js";
93
+ import "../icons/Star/Star.css.js";
94
+ import "../ContentBanner/ContentBanner.css.js";
95
+ /* empty css */
96
+ import "../ExecutiveBio/ExecutiveBio.css.js";
97
+ import "../FaqAccordion/index.js";
98
+ import "../FooterDisclosure/FooterDisclosure.css.js";
99
+ /* empty css */
100
+ /* empty css */
101
+ /* empty css */
102
+ import "../ImageBillboard/ImageBillboard.css.js";
103
+ import "next/script.js";
104
+ /* empty css */
105
+ /* empty css */
106
+ /* empty css */
107
+ /* empty css */
108
+ /* empty css */
109
+ /* empty css */
110
+ import "next/navigation.js";
111
+ /* empty css */
112
+ /* empty css */
113
+ /* empty css */
114
+ import { signin_subheader } from "../NavigationMenu/AxosBank/NavBar.css.js";
115
+ import styles from "../NavigationMenu/AxosBank/NavBar.module.js";
116
+ /* empty css */
117
+ /* empty css */
118
+ /* empty css */
119
+ /* empty css */
120
+ import "../PageNavItem/PageNavItem.css.js";
121
+ import "react-slick";
122
+ /* empty css */
123
+ /* empty css */
124
+ /* empty css */
125
+ /* empty css */
126
+ import "../StepItem/StepItem.css.js";
127
+ import "../StepItemSet/StepItemSet.css.js";
128
+ /* empty css */
129
+ /* empty css */
130
+ /* empty css */
131
+ /* empty css */
132
+ /* empty css */
133
+ /* empty css */
134
+ const WithLogin = ({ variant }) => {
135
+ const [open, setOpen] = useState(false);
136
+ const { resolveUrl } = useGlobalContext();
137
+ const [queryString, setQueryString] = useState("");
138
+ const [isOpenSignIn, setisOpenSignIn] = useState(false);
139
+ const [loginDrawerOpen, setLoginDrawerOpen] = useState(false);
140
+ const ref = useRef(null);
141
+ const toggle = () => setisOpenSignIn(!isOpenSignIn);
142
+ const [isClient, setIsClient] = useState(false);
143
+ const drawerRef = useRef(null);
144
+ const loginDrawerRef = useRef(null);
145
+ const loginGroups = useMemo(() => getLoginGroups(resolveUrl), [resolveUrl]);
146
+ const handleLoginDrawerOpen = () => setLoginDrawerOpen(true);
147
+ const handleLoginDrawerClose = () => setLoginDrawerOpen(false);
148
+ const handleLoginDrawerOutsideClick = (e) => {
149
+ if (loginDrawerRef.current && !loginDrawerRef.current.contains(e.target)) {
150
+ setLoginDrawerOpen(false);
151
+ }
152
+ };
153
+ const handleOutsideClick = (e) => {
154
+ if (drawerRef.current && !drawerRef.current.contains(e.target)) {
155
+ setOpen(false);
156
+ }
157
+ };
158
+ useEffect(() => {
159
+ if (typeof window !== "undefined") {
160
+ const search = window.location.search;
161
+ if (search.startsWith("?")) {
162
+ setQueryString(search.slice(1));
163
+ }
164
+ }
165
+ }, []);
166
+ useEffect(() => {
167
+ if (open) {
168
+ document.addEventListener("mousedown", handleOutsideClick);
169
+ } else {
170
+ document.removeEventListener("mousedown", handleOutsideClick);
171
+ }
172
+ return () => document.removeEventListener("mousedown", handleOutsideClick);
173
+ }, [open]);
174
+ useClickAway(ref, (e) => {
175
+ if (e?.target?.tagName !== "A") {
176
+ setisOpenSignIn(false);
177
+ }
178
+ });
179
+ useEffect(() => {
180
+ setIsClient(true);
181
+ }, []);
182
+ const handleKeyDownContainer = (e) => {
183
+ if (e.key === "Tab") {
184
+ const focusableElements = ref.current?.querySelectorAll(
185
+ 'button, [href], a, [tabindex]:not([tabindex="-1"])'
186
+ );
187
+ if (focusableElements && isClient) {
188
+ const lastElement = focusableElements[focusableElements.length - 1];
189
+ const isShiftPressed = e.shiftKey;
190
+ if (!isShiftPressed && document.activeElement === lastElement) {
191
+ e.preventDefault();
192
+ toggle();
193
+ }
194
+ }
195
+ }
196
+ };
197
+ useEffect(() => {
198
+ const onEsc = (e) => {
199
+ if (e.key === "Escape") setOpen(false);
200
+ };
201
+ if (open) {
202
+ document.addEventListener("keydown", onEsc);
203
+ }
204
+ return () => document.removeEventListener("keydown", onEsc);
205
+ }, [open]);
206
+ useEffect(() => {
207
+ if (!loginDrawerOpen) return;
208
+ document.addEventListener("mousedown", handleLoginDrawerOutsideClick);
209
+ return () => document.removeEventListener("mousedown", handleLoginDrawerOutsideClick);
210
+ }, [loginDrawerOpen]);
211
+ useEffect(() => {
212
+ const onEsc = (e) => {
213
+ if (e.key === "Escape") setLoginDrawerOpen(false);
214
+ };
215
+ if (loginDrawerOpen) {
216
+ document.addEventListener("keydown", onEsc);
217
+ }
218
+ return () => document.removeEventListener("keydown", onEsc);
219
+ }, [loginDrawerOpen]);
220
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
221
+ /* @__PURE__ */ jsxs(
222
+ "div",
223
+ {
224
+ className: `${desktop_only} ${styles.signin_wrap} flex_row middle relative`,
225
+ ref,
226
+ onKeyDown: handleKeyDownContainer,
227
+ children: [
228
+ /* @__PURE__ */ jsxs(
229
+ Button,
230
+ {
231
+ className: clsx(
232
+ styles.signin_btn,
233
+ "flex_row",
234
+ "center",
235
+ "middle",
236
+ isOpenSignIn ? styles.open : "",
237
+ variant === "primary" || variant === "secondary" ? btn_primary : btn_secondary
238
+ ),
239
+ as: "button",
240
+ type: "button",
241
+ color: "primary",
242
+ id: "signIn",
243
+ action: toggle,
244
+ size: "small",
245
+ "aria-controls": "signin-drop-menu",
246
+ children: [
247
+ /* @__PURE__ */ jsx("span", { children: "Log in" }),
248
+ /* @__PURE__ */ jsx(
249
+ "svg",
250
+ {
251
+ width: "20",
252
+ height: "12",
253
+ viewBox: "0 0 20 12",
254
+ fill: "none",
255
+ xmlns: "http://www.w3.org/2000/svg",
256
+ "aria-hidden": true,
257
+ children: /* @__PURE__ */ jsx(
258
+ "path",
259
+ {
260
+ d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
261
+ fill: "white"
262
+ }
263
+ )
264
+ }
265
+ )
266
+ ]
267
+ }
268
+ ),
269
+ /* @__PURE__ */ jsx(
270
+ "div",
271
+ {
272
+ className: `${styles.signin_dropdown} ${styles.shadow} rounded bg_white`,
273
+ children: /* @__PURE__ */ jsx("div", { className: styles.opacity, children: /* @__PURE__ */ jsx(
274
+ "ul",
275
+ {
276
+ className: "list_unstyled",
277
+ "aria-expanded": isOpenSignIn,
278
+ id: "signin-drop-menu",
279
+ children: loginGroups.map((group) => /* @__PURE__ */ jsxs(
280
+ "li",
281
+ {
282
+ "aria-label": `${group.heading} login options`,
283
+ role: "heading",
284
+ className: styles$1.loginAccordionGroup,
285
+ children: [
286
+ /* @__PURE__ */ jsx("span", { className: styles.signin_header, children: group.heading }),
287
+ /* @__PURE__ */ jsx("ul", { className: "list_unstyled", children: group.items.map((item) => /* @__PURE__ */ jsx(
288
+ "li",
289
+ {
290
+ className: `${styles.signin_subheader} ${signin_subheader}`,
291
+ "aria-label": `access ${item.title}`,
292
+ children: /* @__PURE__ */ jsx(
293
+ Link,
294
+ {
295
+ href: item.url + (queryString && !item.url.includes("?") ? `?${queryString}` : ""),
296
+ children: /* @__PURE__ */ jsx("span", { children: item.title })
297
+ }
298
+ )
299
+ },
300
+ item.title
301
+ )) })
302
+ ]
303
+ },
304
+ group.heading
305
+ ))
306
+ }
307
+ ) })
308
+ }
309
+ )
310
+ ]
311
+ }
312
+ ),
313
+ /* @__PURE__ */ jsxs("div", { className: mobile_only, children: [
314
+ /* @__PURE__ */ jsxs(
315
+ "button",
316
+ {
317
+ type: "button",
318
+ className: `${lp_login_button} flex`,
319
+ onClick: handleLoginDrawerOpen,
320
+ "aria-label": "Open login options",
321
+ style: {
322
+ color: variant === "primary" || variant === "secondary" ? "#14263D" : "#FFF"
323
+ },
324
+ children: [
325
+ /* @__PURE__ */ jsx("span", { children: "Log in" }),
326
+ /* @__PURE__ */ jsx(
327
+ "svg",
328
+ {
329
+ width: 24,
330
+ height: 24,
331
+ viewBox: "0 0 24 24",
332
+ fill: "none",
333
+ xmlns: "http://www.w3.org/2000/svg",
334
+ "aria-hidden": "true",
335
+ children: /* @__PURE__ */ jsx(
336
+ "path",
337
+ {
338
+ fillRule: "evenodd",
339
+ clipRule: "evenodd",
340
+ d: "M22.5 15.75V17.25H1.5V15.75H22.5ZM22.5 11.25V12.75H1.5V11.25H22.5ZM22.5 6.75V8.25H1.5V6.75H22.5Z",
341
+ fill: variant === "primary" || variant === "secondary" ? "#14263D" : "#FFF"
342
+ }
343
+ )
344
+ }
345
+ )
346
+ ]
347
+ }
348
+ ),
349
+ /* @__PURE__ */ jsx(AnimatePresence, { children: loginDrawerOpen && /* @__PURE__ */ jsx(
350
+ motion.div,
351
+ {
352
+ className: styles$1.overlay,
353
+ initial: { opacity: 0 },
354
+ animate: { opacity: 1 },
355
+ exit: { opacity: 0 },
356
+ children: /* @__PURE__ */ jsxs(
357
+ motion.div,
358
+ {
359
+ className: `${styles$1.drawer} flex_col`,
360
+ ref: loginDrawerRef,
361
+ initial: { x: "100%" },
362
+ animate: { x: 0 },
363
+ exit: { x: "30%" },
364
+ transition: { type: "tween", duration: 0.3 },
365
+ role: "dialog",
366
+ "aria-modal": "true",
367
+ "aria-label": "Login options",
368
+ children: [
369
+ /* @__PURE__ */ jsxs("div", { className: styles$1.header, children: [
370
+ /* @__PURE__ */ jsx(
371
+ "a",
372
+ {
373
+ href: window.location.href.split("/")[3] === "invest" ? "/invest" : "/",
374
+ "aria-label": "return to home page",
375
+ children: /* @__PURE__ */ jsx(
376
+ "img",
377
+ {
378
+ src: "https://www.axos.com/images/1sBwCIn5mqOg5DK2uXDJPc/axb_mobile_logo.png",
379
+ alt: "",
380
+ width: 86,
381
+ height: 19
382
+ }
383
+ )
384
+ }
385
+ ),
386
+ /* @__PURE__ */ jsx("span", { className: styles$1.loginDrawerTitle, children: "Log in" }),
387
+ /* @__PURE__ */ jsx(
388
+ "button",
389
+ {
390
+ type: "button",
391
+ className: `${styles$1.close} flex_col`,
392
+ "aria-label": "Close login options",
393
+ onClick: handleLoginDrawerClose,
394
+ children: /* @__PURE__ */ jsx(
395
+ "svg",
396
+ {
397
+ xmlns: "http://www.w3.org/2000/svg",
398
+ width: "24",
399
+ height: "24",
400
+ viewBox: "0 0 24 24",
401
+ fill: "none",
402
+ "aria-hidden": "true",
403
+ children: /* @__PURE__ */ jsx(
404
+ "path",
405
+ {
406
+ d: "M20.2812 2.65625L21.3419 3.71691L13.0602 11.9982L21.3419 20.2812L20.2812 21.3419L11.9982 13.0602L3.71691 21.3419L2.65625 20.2812L10.9377 11.9982L2.65625 3.71691L3.71691 2.65625L11.9982 10.9377L20.2812 2.65625Z",
407
+ fill: "#14263D"
408
+ }
409
+ )
410
+ }
411
+ )
412
+ }
413
+ )
414
+ ] }),
415
+ /* @__PURE__ */ jsx("div", { className: styles$1.loginDrawerContent, children: /* @__PURE__ */ jsx("div", { className: styles$1.loginAccordion, children: /* @__PURE__ */ jsx(
416
+ "ul",
417
+ {
418
+ className: styles$1.loginAccordionList,
419
+ "aria-label": "Login options",
420
+ children: loginGroups.map((group) => /* @__PURE__ */ jsxs(
421
+ "li",
422
+ {
423
+ className: styles$1.loginAccordionGroup,
424
+ "aria-label": `${group.heading} login options`,
425
+ children: [
426
+ /* @__PURE__ */ jsx("span", { className: styles$1.loginAccordionHeading, children: group.heading }),
427
+ /* @__PURE__ */ jsx("ul", { className: styles$1.loginAccordionGroupList, children: group.items.map((item) => /* @__PURE__ */ jsx(
428
+ "li",
429
+ {
430
+ "aria-label": `access ${item.title}`,
431
+ children: /* @__PURE__ */ jsx(
432
+ Link,
433
+ {
434
+ href: item.url + (queryString && !item.url.includes("?") ? `?${queryString}` : ""),
435
+ className: styles$1.menuItem,
436
+ children: /* @__PURE__ */ jsx("span", { children: item.title })
437
+ }
438
+ )
439
+ },
440
+ item.title
441
+ )) })
442
+ ]
443
+ },
444
+ group.heading
445
+ ))
446
+ }
447
+ ) }) })
448
+ ]
449
+ }
450
+ )
451
+ }
452
+ ) })
453
+ ] })
454
+ ] });
455
+ };
456
+ export {
457
+ WithLogin
458
+ };
@@ -1,10 +1,15 @@
1
1
  import { LandingPageHeader } from "./LandingPageHeader.js";
2
- import { lp_container, lp_hover, lp_theme, spb_container, spb_hover, svg_fill } from "./LandingPageHeader.css.js";
2
+ import { btn_primary, btn_secondary, desktop_only, lp_container, lp_hover, lp_login_button, lp_theme, mobile_only, spb_container, spb_hover, svg_fill } from "./LandingPageHeader.css.js";
3
3
  export {
4
4
  LandingPageHeader,
5
+ btn_primary,
6
+ btn_secondary,
7
+ desktop_only,
5
8
  lp_container,
6
9
  lp_hover,
10
+ lp_login_button,
7
11
  lp_theme,
12
+ mobile_only,
8
13
  spb_container,
9
14
  spb_hover,
10
15
  svg_fill
@@ -4,7 +4,7 @@ import "../Accordion/Accordion.js";
4
4
  import "../Accordion/Accordion.css.js";
5
5
  import "../icons/ArrowIcon/ArrowIcon.css.js";
6
6
  import "../icons/CheckIcon/CheckIcon.css.js";
7
- import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/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/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 */
7
+ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../assets/NavigationMenu/AxosBank/NavBar2.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/Chatbot/ChatWindow.css';import '../assets/Chatbot/Bubble.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
@@ -25,6 +25,12 @@ import "../Calculators/ApyCalculator/ApyCalculator.css.js";
25
25
  import "./contextApi/store.js";
26
26
  import "next/image.js";
27
27
  import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
28
+ import "../HeroBanner/LargeBanner.css.js";
29
+ import "../HeroBanner/HeroBanner.css.js";
30
+ import "../HeroBanner/SelectionBanner.css.js";
31
+ /* empty css */
32
+ /* empty css */
33
+ import "../SetContainer/SetContainer.css.js";
28
34
  import "../Table/Table.css.js";
29
35
  import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
30
36
  import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -46,8 +52,6 @@ import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
46
52
  import "../Forms/Forms.css.js";
47
53
  import "../Forms/HoneyPot/index.js";
48
54
  import "../Forms/SalesforceFieldsForm.js";
49
- /* empty css */
50
- /* empty css */
51
55
  import "../Input/RadioButton.css.js";
52
56
  import "../Input/Checkbox.css.js";
53
57
  import "../LoadingIndicator/LoadingIndicator.css.js";
@@ -71,18 +75,14 @@ import "../Auth/SignInPassword.js";
71
75
  /* empty css */
72
76
  import "../Carousel/index.js";
73
77
  /* empty css */
74
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
75
78
  /* empty css */
76
79
  import "../Chatbot/store/chat.js";
77
80
  import "../Chatbot/Chatbot.js";
81
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
78
82
  /* empty css */
79
83
  import "../Chatbot/store/messages.js";
80
84
  /* empty css */
81
85
  import "../Comparison/Comparison.css.js";
82
- import "../HeroBanner/LargeBanner.css.js";
83
- import "../HeroBanner/HeroBanner.css.js";
84
- import "../HeroBanner/SelectionBanner.css.js";
85
- import "../SetContainer/SetContainer.css.js";
86
86
  import "../Tab/Tab.css.js";
87
87
  import "../icons/Star/Star.css.js";
88
88
  import "../ContentBanner/ContentBanner.css.js";
@@ -101,13 +101,13 @@ import "next/script.js";
101
101
  /* empty css */
102
102
  /* empty css */
103
103
  import "../LandingPageHeader/LandingPageHeader.css.js";
104
+ import "next/link.js";
105
+ /* empty css */
104
106
  /* empty css */
105
107
  import "next/navigation.js";
106
108
  /* empty css */
107
109
  /* empty css */
108
110
  /* empty css */
109
- import "next/link.js";
110
- /* empty css */
111
111
  /* empty css */
112
112
  /* empty css */
113
113
  /* empty css */
@@ -1,6 +1,10 @@
1
1
  import { UrlResolver } from '../../utils/allowedAxosDomains';
2
2
  import { Dispatch, SetStateAction } from 'react';
3
3
 
4
+ export interface DomainOverrideConfig {
5
+ envKey: string;
6
+ token: string;
7
+ }
4
8
  export interface GlobalContextProviderProps {
5
9
  children: React.ReactNode;
6
10
  domains?: Record<string, string>;
@@ -5,7 +5,7 @@ import "../../Accordion/Accordion.js";
5
5
  import "../../Accordion/Accordion.css.js";
6
6
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
7
7
  import "../../icons/CheckIcon/CheckIcon.css.js";
8
- 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/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.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/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
+ 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/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/NavBar2.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/Chatbot/ChatWindow.css';import '../../assets/Chatbot/Bubble.css';import '../../assets/Chatbot/AnimatedGradientBorder.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/Insight/Insight.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/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 */
9
9
  /* empty css */
10
10
  /* empty css */
11
11
  /* empty css */
@@ -29,6 +29,10 @@ import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
29
29
  import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
30
30
  import "next/image.js";
31
31
  import "../../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
32
+ import "../../HeroBanner/LargeBanner.css.js";
33
+ import "../../HeroBanner/HeroBanner.css.js";
34
+ import "../../HeroBanner/SelectionBanner.css.js";
35
+ import "../../SetContainer/SetContainer.css.js";
32
36
  import "../../Table/Table.css.js";
33
37
  import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
34
38
  import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -72,18 +76,14 @@ import "../../Auth/SignInPassword.js";
72
76
  /* empty css */
73
77
  import "../../Carousel/index.js";
74
78
  /* empty css */
75
- import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
76
79
  /* empty css */
77
80
  import "../../Chatbot/store/chat.js";
78
81
  import "../../Chatbot/Chatbot.js";
82
+ import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
79
83
  /* empty css */
80
84
  import "../../Chatbot/store/messages.js";
81
85
  /* empty css */
82
86
  import "../../Comparison/Comparison.css.js";
83
- import "../../HeroBanner/LargeBanner.css.js";
84
- import "../../HeroBanner/HeroBanner.css.js";
85
- import "../../HeroBanner/SelectionBanner.css.js";
86
- import "../../SetContainer/SetContainer.css.js";
87
87
  import "../../Tab/Tab.css.js";
88
88
  import "../../icons/Star/Star.css.js";
89
89
  import "../../ContentBanner/ContentBanner.css.js";
@@ -102,14 +102,14 @@ import "next/script.js";
102
102
  /* empty css */
103
103
  /* empty css */
104
104
  import "../../LandingPageHeader/LandingPageHeader.css.js";
105
+ import "next/link.js";
106
+ /* empty css */
105
107
  import { NavItem } from "../NavItem/index.js";
106
108
  /* empty css */
107
109
  import "next/navigation.js";
108
110
  /* empty css */
109
111
  /* empty css */
110
112
  /* empty css */
111
- import "next/link.js";
112
- /* empty css */
113
113
  /* empty css */
114
114
  /* empty css */
115
115
  /* empty css */