@axos-web-dev/shared-components 1.0.40 → 1.0.41

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 (46) hide show
  1. package/dist/ATMLocator/ATMLocator.js +0 -1
  2. package/dist/Button/Button.js +0 -1
  3. package/dist/Calculators/Calculator.js +0 -1
  4. package/dist/Carousel/index.js +0 -1
  5. package/dist/Chevron/index.js +0 -1
  6. package/dist/Comparison/Comparison.js +0 -1
  7. package/dist/ExecutiveBio/ExecutiveBio.js +0 -1
  8. package/dist/FaqAccordion/index.js +0 -1
  9. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +0 -1
  10. package/dist/Forms/ApplyNow.js +0 -1
  11. package/dist/Forms/ContactUsBusiness.js +0 -1
  12. package/dist/Forms/ContactUsNMLSId.js +0 -1
  13. package/dist/Forms/CraPublicFile.js +0 -1
  14. package/dist/Forms/EmailOnly.js +0 -1
  15. package/dist/Forms/MortgageRate/MortgageRateForm.js +0 -1
  16. package/dist/Forms/MortgageRate/MortgageRateWatch.js +0 -1
  17. package/dist/Forms/SuccesForm.js +0 -1
  18. package/dist/Hyperlink/index.js +0 -1
  19. package/dist/ImageLink/ImageLink.js +0 -1
  20. package/dist/ImageLink/ImageLinkSet.js +0 -1
  21. package/dist/ImageLink/index.js +0 -1
  22. package/dist/Insight/Featured/CategorySelector.js +0 -1
  23. package/dist/Insight/Featured/Featured.js +0 -1
  24. package/dist/Insight/Featured/Header.js +0 -1
  25. package/dist/Modal/Modal.js +0 -1
  26. package/dist/NavigationMenu/AxosALTS/NavData.js +0 -1
  27. package/dist/NavigationMenu/AxosALTS/index.js +0 -1
  28. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.d.ts +0 -2
  29. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +1 -346
  30. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +2 -48
  31. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +0 -250
  32. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +1 -627
  33. package/dist/NavigationMenu/AxosBank/NavBar.module.js +81 -39
  34. package/dist/NavigationMenu/AxosBank/NavData.js +0 -1
  35. package/dist/NavigationMenu/AxosBank/SubNavBar.js +1 -2
  36. package/dist/NavigationMenu/AxosBank/index.js +521 -80
  37. package/dist/NavigationMenu/LaVictoire/NavData.js +0 -1
  38. package/dist/NavigationMenu/LaVictoire/index.js +0 -1
  39. package/dist/SetContainer/SetContainer.js +0 -1
  40. package/dist/SocialMediaBar/iconsRepository.js +0 -1
  41. package/dist/VideoWrapper/index.js +0 -1
  42. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +166 -166
  43. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +689 -473
  44. package/dist/utils/allowedAxosDomains.js +12 -0
  45. package/dist/utils/appendQueryParams.js +3 -6
  46. package/package.json +131 -131
package/dist/ATMLocator/ATMLocator.js CHANGED
@@ -96,7 +96,6 @@ import "next/navigation.js";
96
96
  import "../NavigationMenu/AxosBank/NavData.js";
97
97
  import "next/link.js";
98
98
  /* empty css */
99
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
100
99
  /* empty css */
101
100
  import "../NavigationMenu/AxosALTS/NavData.js";
102
101
  /* empty css */
package/dist/Button/Button.js CHANGED
@@ -99,7 +99,6 @@ import "next/navigation.js";
99
99
  import "../NavigationMenu/AxosBank/NavData.js";
100
100
  import "next/link.js";
101
101
  /* empty css */
102
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
103
102
  /* empty css */
104
103
  import "../NavigationMenu/AxosALTS/NavData.js";
105
104
  /* empty css */
package/dist/Calculators/Calculator.js CHANGED
@@ -91,7 +91,6 @@ import "next/navigation.js";
91
91
  import "../NavigationMenu/AxosBank/NavData.js";
92
92
  import "next/link.js";
93
93
  /* empty css */
94
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
95
94
  /* empty css */
96
95
  import "../NavigationMenu/AxosALTS/NavData.js";
97
96
  /* empty css */
package/dist/Carousel/index.js CHANGED
@@ -101,7 +101,6 @@ import "next/navigation.js";
101
101
  import "../NavigationMenu/AxosBank/NavData.js";
102
102
  import "next/link.js";
103
103
  /* empty css */
104
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
105
104
  /* empty css */
106
105
  import "../NavigationMenu/AxosALTS/NavData.js";
107
106
  /* empty css */
package/dist/Chevron/index.js CHANGED
@@ -101,7 +101,6 @@ import "next/navigation.js";
101
101
  import "../NavigationMenu/AxosBank/NavData.js";
102
102
  import "next/link.js";
103
103
  /* empty css */
104
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
105
104
  /* empty css */
106
105
  import "../NavigationMenu/AxosALTS/NavData.js";
107
106
  /* empty css */
package/dist/Comparison/Comparison.js CHANGED
@@ -100,7 +100,6 @@ import "next/navigation.js";
100
100
  import "../NavigationMenu/AxosBank/NavData.js";
101
101
  import "next/link.js";
102
102
  /* empty css */
103
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
104
103
  /* empty css */
105
104
  import "../NavigationMenu/AxosALTS/NavData.js";
106
105
  /* empty css */
package/dist/ExecutiveBio/ExecutiveBio.js CHANGED
@@ -100,7 +100,6 @@ import "next/navigation.js";
100
100
  import "../NavigationMenu/AxosBank/NavData.js";
101
101
  import "next/link.js";
102
102
  /* empty css */
103
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
104
103
  /* empty css */
105
104
  import "../NavigationMenu/AxosALTS/NavData.js";
106
105
  /* empty css */
package/dist/FaqAccordion/index.js CHANGED
@@ -101,7 +101,6 @@ import "next/navigation.js";
101
101
  import "../NavigationMenu/AxosBank/NavData.js";
102
102
  import "next/link.js";
103
103
  /* empty css */
104
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
105
104
  /* empty css */
106
105
  import "../NavigationMenu/AxosALTS/NavData.js";
107
106
  /* empty css */
package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js CHANGED
@@ -97,7 +97,6 @@ import "next/navigation.js";
97
97
  import "../../NavigationMenu/AxosBank/NavData.js";
98
98
  import "next/link.js";
99
99
  /* empty css */
100
- import "../../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
101
100
  /* empty css */
102
101
  import "../../NavigationMenu/AxosALTS/NavData.js";
103
102
  /* empty css */
package/dist/Forms/ApplyNow.js CHANGED
@@ -101,7 +101,6 @@ import "next/navigation.js";
101
101
  import "../NavigationMenu/AxosBank/NavData.js";
102
102
  import "next/link.js";
103
103
  /* empty css */
104
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
105
104
  /* empty css */
106
105
  import "../NavigationMenu/AxosALTS/NavData.js";
107
106
  /* empty css */
package/dist/Forms/ContactUsBusiness.js CHANGED
@@ -103,7 +103,6 @@ import "next/navigation.js";
103
103
  import "../NavigationMenu/AxosBank/NavData.js";
104
104
  import "next/link.js";
105
105
  /* empty css */
106
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
107
106
  /* empty css */
108
107
  import "../NavigationMenu/AxosALTS/NavData.js";
109
108
  /* empty css */
package/dist/Forms/ContactUsNMLSId.js CHANGED
@@ -103,7 +103,6 @@ import "next/navigation.js";
103
103
  import "../NavigationMenu/AxosBank/NavData.js";
104
104
  import "next/link.js";
105
105
  /* empty css */
106
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
107
106
  /* empty css */
108
107
  import "../NavigationMenu/AxosALTS/NavData.js";
109
108
  /* empty css */
package/dist/Forms/CraPublicFile.js CHANGED
@@ -103,7 +103,6 @@ import "next/navigation.js";
103
103
  import "../NavigationMenu/AxosBank/NavData.js";
104
104
  import "next/link.js";
105
105
  /* empty css */
106
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
107
106
  /* empty css */
108
107
  import "../NavigationMenu/AxosALTS/NavData.js";
109
108
  /* empty css */
package/dist/Forms/EmailOnly.js CHANGED
@@ -104,7 +104,6 @@ import "next/navigation.js";
104
104
  import "../NavigationMenu/AxosBank/NavData.js";
105
105
  import "next/link.js";
106
106
  /* empty css */
107
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
108
107
  /* empty css */
109
108
  import "../NavigationMenu/AxosALTS/NavData.js";
110
109
  /* empty css */
package/dist/Forms/MortgageRate/MortgageRateForm.js CHANGED
@@ -104,7 +104,6 @@ import "next/navigation.js";
104
104
  import "../../NavigationMenu/AxosBank/NavData.js";
105
105
  import "next/link.js";
106
106
  /* empty css */
107
- import "../../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
108
107
  /* empty css */
109
108
  import "../../NavigationMenu/AxosALTS/NavData.js";
110
109
  /* empty css */
package/dist/Forms/MortgageRate/MortgageRateWatch.js CHANGED
@@ -100,7 +100,6 @@ import "next/navigation.js";
100
100
  import "../../NavigationMenu/AxosBank/NavData.js";
101
101
  import "next/link.js";
102
102
  /* empty css */
103
- import "../../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
104
103
  /* empty css */
105
104
  import "../../NavigationMenu/AxosALTS/NavData.js";
106
105
  /* empty css */
package/dist/Forms/SuccesForm.js CHANGED
@@ -90,7 +90,6 @@ import "next/navigation.js";
90
90
  import "../NavigationMenu/AxosBank/NavData.js";
91
91
  import "next/link.js";
92
92
  /* empty css */
93
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
94
93
  /* empty css */
95
94
  import "../NavigationMenu/AxosALTS/NavData.js";
96
95
  /* empty css */
package/dist/Hyperlink/index.js CHANGED
@@ -98,7 +98,6 @@ import "next/navigation.js";
98
98
  import "../NavigationMenu/AxosBank/NavData.js";
99
99
  import "next/link.js";
100
100
  /* empty css */
101
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
102
101
  /* empty css */
103
102
  import "../NavigationMenu/AxosALTS/NavData.js";
104
103
  /* empty css */
package/dist/ImageLink/ImageLink.js CHANGED
@@ -95,7 +95,6 @@ import "next/navigation.js";
95
95
  import "../NavigationMenu/AxosBank/NavData.js";
96
96
  import "next/link.js";
97
97
  /* empty css */
98
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
99
98
  /* empty css */
100
99
  import "../NavigationMenu/AxosALTS/NavData.js";
101
100
  /* empty css */
package/dist/ImageLink/ImageLinkSet.js CHANGED
@@ -101,7 +101,6 @@ import "next/navigation.js";
101
101
  import "../NavigationMenu/AxosBank/NavData.js";
102
102
  import "next/link.js";
103
103
  /* empty css */
104
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
105
104
  /* empty css */
106
105
  import "../NavigationMenu/AxosALTS/NavData.js";
107
106
  /* empty css */
package/dist/ImageLink/index.js CHANGED
@@ -96,7 +96,6 @@ import "next/navigation.js";
96
96
  import "../NavigationMenu/AxosBank/NavData.js";
97
97
  import "next/link.js";
98
98
  /* empty css */
99
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
100
99
  /* empty css */
101
100
  import "../NavigationMenu/AxosALTS/NavData.js";
102
101
  /* empty css */
package/dist/Insight/Featured/CategorySelector.js CHANGED
@@ -97,7 +97,6 @@ import "next/navigation.js";
97
97
  import "../../NavigationMenu/AxosBank/NavData.js";
98
98
  import "next/link.js";
99
99
  /* empty css */
100
- import "../../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
101
100
  /* empty css */
102
101
  import "../../NavigationMenu/AxosALTS/NavData.js";
103
102
  /* empty css */
package/dist/Insight/Featured/Featured.js CHANGED
@@ -100,7 +100,6 @@ import "next/navigation.js";
100
100
  import "../../NavigationMenu/AxosBank/NavData.js";
101
101
  import "next/link.js";
102
102
  /* empty css */
103
- import "../../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
104
103
  /* empty css */
105
104
  import "../../NavigationMenu/AxosALTS/NavData.js";
106
105
  /* empty css */
package/dist/Insight/Featured/Header.js CHANGED
@@ -96,7 +96,6 @@ import "next/navigation.js";
96
96
  import "../../NavigationMenu/AxosBank/NavData.js";
97
97
  import "next/link.js";
98
98
  /* empty css */
99
- import "../../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
100
99
  /* empty css */
101
100
  import "../../NavigationMenu/AxosALTS/NavData.js";
102
101
  /* empty css */
package/dist/Modal/Modal.js CHANGED
@@ -97,7 +97,6 @@ import "next/navigation.js";
97
97
  import "../NavigationMenu/AxosBank/NavData.js";
98
98
  import "next/link.js";
99
99
  /* empty css */
100
- import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
101
100
  /* empty css */
102
101
  import "../NavigationMenu/AxosALTS/NavData.js";
103
102
  /* empty css */
package/dist/NavigationMenu/AxosALTS/NavData.js CHANGED
@@ -97,7 +97,6 @@ import "next/navigation.js";
97
97
  import "../AxosBank/NavData.js";
98
98
  import "next/link.js";
99
99
  /* empty css */
100
- import "../AxosBank/MobileMenu/MobileNavData.js";
101
100
  /* empty css */
102
101
  /* empty css */
103
102
  /* empty css */
package/dist/NavigationMenu/AxosALTS/index.js CHANGED
@@ -99,7 +99,6 @@ import "next/navigation.js";
99
99
  import "../AxosBank/NavData.js";
100
100
  import "next/link.js";
101
101
  /* empty css */
102
- import "../AxosBank/MobileMenu/MobileNavData.js";
103
102
  /* empty css */
104
103
  /* empty css */
105
104
  import "../LaVictoire/NavData.js";
package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.d.ts CHANGED
@@ -1,2 +0,0 @@
1
- declare const MobileDrawerMenu: () => import("react/jsx-runtime").JSX.Element;
2
- export default MobileDrawerMenu;
package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js CHANGED
@@ -1,346 +1 @@
1
- "use client";
2
- import { jsxs, Fragment, jsx } from "react/jsx-runtime";
3
- import { useState, useRef, useEffect } from "react";
4
- import { AnimatePresence, motion } from "framer-motion";
5
- import { usePathname } from "next/navigation.js";
6
- import Link from "next/link.js";
7
- import { menuData, getQuickLinks } from "./MobileNavData.js";
8
- import styles from "./MobileMenu.module.js";
9
- const slideVariants = {
10
- enter: (direction) => ({
11
- x: direction === "forward" ? "100%" : "-100%",
12
- opacity: 0,
13
- position: "absolute"
14
- }),
15
- center: {
16
- x: 0,
17
- opacity: 1,
18
- position: "relative",
19
- transition: { duration: 0.3, ease: "easeInOut" }
20
- },
21
- exit: (direction) => ({
22
- x: direction === "forward" ? "-100%" : "100%",
23
- opacity: 0,
24
- position: "absolute"
25
- })
26
- };
27
- const MobileDrawerMenu = () => {
28
- const currentSearch = typeof window !== "undefined" ? window.location.search : "";
29
- const pathname = usePathname();
30
- const [open, setOpen] = useState(false);
31
- const [stack, setStack] = useState([
32
- { title: "Main Menu", items: menuData }
33
- ]);
34
- const [hasOpenedOnce, setHasOpenedOnce] = useState(false);
35
- const [direction, setDirection] = useState("forward");
36
- const [quickLinks, setQuickLinks] = useState([]);
37
- const drawerRef = useRef(null);
38
- const currentLevel = stack[stack.length - 1];
39
- const prevLevel = stack[stack.length - 2];
40
- useEffect(() => {
41
- if (!pathname) return;
42
- const pathnameParts = "/" + pathname.split("/")[1];
43
- const links = getQuickLinks(pathnameParts);
44
- setQuickLinks(links);
45
- }, [pathname]);
46
- const handleClick = (key) => {
47
- const item = currentLevel.items[key];
48
- if (typeof item === "object") {
49
- setDirection("forward");
50
- setStack((prev) => [...prev, { title: key, items: item }]);
51
- }
52
- };
53
- const handleBack = () => {
54
- if (stack.length > 1) {
55
- setDirection("backward");
56
- setStack((prev) => prev.slice(0, -1));
57
- }
58
- };
59
- const handleToggle = () => {
60
- setOpen((prev) => {
61
- const isOpening = !prev;
62
- if (isOpening && !hasOpenedOnce) {
63
- setHasOpenedOnce(true);
64
- setStack([{ title: "Menu", items: menuData }]);
65
- }
66
- return isOpening;
67
- });
68
- };
69
- const handleOutsideClick = (e) => {
70
- if (drawerRef.current && !drawerRef.current.contains(e.target)) {
71
- setOpen(false);
72
- }
73
- };
74
- const handleParams = (link, currentSearch2) => {
75
- try {
76
- if (typeof window === "undefined") return link;
77
- const url = new URL(link, window.location.origin);
78
- const currentParams = new URLSearchParams(currentSearch2);
79
- currentParams.forEach((value, key) => {
80
- if (!url.searchParams.has(key)) {
81
- url.searchParams.append(key, value);
82
- }
83
- });
84
- return url.pathname + url.search + url.hash;
85
- } catch {
86
- return link;
87
- }
88
- };
89
- useEffect(() => {
90
- if (open) {
91
- document.addEventListener("mousedown", handleOutsideClick);
92
- } else {
93
- document.removeEventListener("mousedown", handleOutsideClick);
94
- }
95
- return () => document.removeEventListener("mousedown", handleOutsideClick);
96
- }, [open]);
97
- useEffect(() => {
98
- const onEsc = (e) => {
99
- if (e.key === "Escape") setOpen(false);
100
- };
101
- if (open) {
102
- document.addEventListener("keydown", onEsc);
103
- }
104
- return () => document.removeEventListener("keydown", onEsc);
105
- }, [open]);
106
- return /* @__PURE__ */ jsxs(Fragment, { children: [
107
- /* @__PURE__ */ jsx(
108
- "button",
109
- {
110
- onClick: handleToggle,
111
- className: `${styles.hamburger} flex_col`,
112
- "aria-label": "open navigation menu",
113
- children: /* @__PURE__ */ jsx(
114
- "svg",
115
- {
116
- width: 24,
117
- height: 24,
118
- viewBox: "0 0 24 24",
119
- fill: "none",
120
- xmlns: "http://www.w3.org/2000/svg",
121
- "aria-hidden": "true",
122
- children: /* @__PURE__ */ jsx(
123
- "path",
124
- {
125
- fillRule: "evenodd",
126
- clipRule: "evenodd",
127
- d: "M22.5 15.75V17.25H1.5V15.75H22.5ZM22.5 11.25V12.75H1.5V11.25H22.5ZM22.5 6.75V8.25H1.5V6.75H22.5Z",
128
- fill: "#4A5560"
129
- }
130
- )
131
- }
132
- )
133
- }
134
- ),
135
- /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(
136
- motion.div,
137
- {
138
- className: styles.overlay,
139
- initial: { opacity: 0 },
140
- animate: { opacity: 1 },
141
- exit: { opacity: 0 },
142
- children: /* @__PURE__ */ jsxs(
143
- motion.div,
144
- {
145
- className: `${styles.drawer} flex_col`,
146
- ref: drawerRef,
147
- initial: { x: "100%" },
148
- animate: { x: 0 },
149
- exit: { x: "100%" },
150
- transition: { type: "tween", duration: 0.3 },
151
- role: "dialog",
152
- "aria-modal": "true",
153
- "aria-labelledby": "menu-level",
154
- children: [
155
- /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
156
- stack.length > 1 ? /* @__PURE__ */ jsxs(
157
- "button",
158
- {
159
- onClick: handleBack,
160
- className: styles.back,
161
- "aria-label": "return to previous menu",
162
- children: [
163
- /* @__PURE__ */ jsx(
164
- "svg",
165
- {
166
- width: 15,
167
- height: 12,
168
- viewBox: "0 0 20 12",
169
- fill: "none",
170
- xmlns: "http://www.w3.org/2000/svg",
171
- style: { marginRight: 8, transform: "rotate(90deg)" },
172
- children: /* @__PURE__ */ jsx(
173
- "path",
174
- {
175
- d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
176
- fill: "#2F5B88"
177
- }
178
- )
179
- }
180
- ),
181
- /* @__PURE__ */ jsx("span", { className: styles.prevlevel, children: prevLevel.title === "Small Business Banking" ? "Small Business" : prevLevel.title })
182
- ]
183
- }
184
- ) : /* @__PURE__ */ jsx(
185
- "img",
186
- {
187
- src: "https://images.axos.com/o9ov1v03uwqk/1sBwCIn5mqOg5DK2uXDJPc/f8527abea284ef9e66826809761eca6d/axb_mobile_logo.png",
188
- alt: "",
189
- width: 86,
190
- height: 19
191
- }
192
- ),
193
- /* @__PURE__ */ jsx(
194
- "button",
195
- {
196
- className: `${styles.close} flex_col`,
197
- "aria-label": "close navigation menu",
198
- onClick: handleToggle,
199
- children: /* @__PURE__ */ jsx(
200
- "svg",
201
- {
202
- xmlns: "http://www.w3.org/2000/svg",
203
- width: "24",
204
- height: "24",
205
- viewBox: "0 0 24 24",
206
- fill: "none",
207
- "aria-hidden": "true",
208
- children: /* @__PURE__ */ jsx(
209
- "path",
210
- {
211
- 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",
212
- fill: "#4A5560"
213
- }
214
- )
215
- }
216
- )
217
- }
218
- )
219
- ] }),
220
- /* @__PURE__ */ jsx("div", { className: styles.levelContainer, children: /* @__PURE__ */ jsxs("div", { className: "bg_white", children: [
221
- /* @__PURE__ */ jsxs(
222
- "span",
223
- {
224
- className: `${styles.level} flex middle`,
225
- "aria-label": "current menu level",
226
- children: [
227
- /* @__PURE__ */ jsx("h2", { className: styles.levelTitle, id: "menu-level", children: currentLevel.title }),
228
- /* @__PURE__ */ jsx(
229
- "svg",
230
- {
231
- width: 15,
232
- height: 12,
233
- viewBox: "0 0 20 12",
234
- fill: "none",
235
- xmlns: "http://www.w3.org/2000/svg",
236
- style: { marginLeft: 12 },
237
- children: /* @__PURE__ */ jsx(
238
- "path",
239
- {
240
- d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
241
- fill: "white"
242
- }
243
- )
244
- }
245
- )
246
- ]
247
- }
248
- ),
249
- /* @__PURE__ */ jsx(
250
- AnimatePresence,
251
- {
252
- custom: direction,
253
- mode: "sync",
254
- initial: false,
255
- children: /* @__PURE__ */ jsx(
256
- motion.ul,
257
- {
258
- className: styles.menu,
259
- custom: direction,
260
- variants: slideVariants,
261
- initial: "enter",
262
- animate: "center",
263
- exit: "exit",
264
- transition: { duration: 0.3, ease: "linear" },
265
- children: Object.entries(currentLevel.items).map(
266
- ([key, value]) => {
267
- const hasChildren = typeof value === "object";
268
- return /* @__PURE__ */ jsx("li", { children: hasChildren ? /* @__PURE__ */ jsxs(
269
- "button",
270
- {
271
- className: styles.menuItem,
272
- onClick: () => handleClick(key),
273
- "aria-label": `navigate to submenu for more ${key} options`,
274
- children: [
275
- /* @__PURE__ */ jsx("span", { children: key }),
276
- /* @__PURE__ */ jsx("span", { className: styles.chevron, children: /* @__PURE__ */ jsx(
277
- "svg",
278
- {
279
- className: styles.chevronIcon,
280
- width: 12,
281
- height: 20,
282
- viewBox: "0 0 12 20",
283
- fill: "none",
284
- xmlns: "http://www.w3.org/2000/svg",
285
- children: /* @__PURE__ */ jsx(
286
- "path",
287
- {
288
- d: "M1.76378 0.46875L11.2941 9.99908L1.76378 19.5294L0.703125 18.4687L9.17295 9.99908L0.703125 1.52941L1.76378 0.46875Z",
289
- fill: "#4A5560"
290
- }
291
- )
292
- }
293
- ) })
294
- ]
295
- }
296
- ) : /* @__PURE__ */ jsx(
297
- Link,
298
- {
299
- href: handleParams(
300
- value,
301
- currentSearch
302
- ),
303
- className: styles.menuItem,
304
- children: /* @__PURE__ */ jsx("span", { children: key })
305
- }
306
- ) }, key);
307
- }
308
- )
309
- },
310
- currentLevel.title
311
- )
312
- }
313
- ),
314
- /* @__PURE__ */ jsx("div", { className: `${styles.quickLinks} flex middle between`, children: quickLinks.map((link) => /* @__PURE__ */ jsxs(
315
- "a",
316
- {
317
- href: handleParams(link.url, currentSearch),
318
- className: `${styles.quickLink} flex_col middle`,
319
- "aria-labelledby": `id_${link.title.toLowerCase()}`,
320
- children: [
321
- /* @__PURE__ */ jsx(
322
- "img",
323
- {
324
- src: link.icon,
325
- alt: "",
326
- height: 20,
327
- width: 20,
328
- loading: "lazy"
329
- }
330
- ),
331
- /* @__PURE__ */ jsx("span", { id: `id_${link.title.toLowerCase()}`, children: link.title })
332
- ]
333
- },
334
- link.title
335
- )) })
336
- ] }) })
337
- ]
338
- }
339
- )
340
- }
341
- ) })
342
- ] });
343
- };
344
- export {
345
- MobileDrawerMenu as default
346
- };
1
+
package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js CHANGED
@@ -1,50 +1,4 @@
1
- const overlay = "_overlay_1bxir_1";
2
- const drawer = "_drawer_1bxir_9";
3
- const hamburger = "_hamburger_1bxir_23";
4
- const header = "_header_1bxir_34";
5
- const back = "_back_1bxir_42";
6
- const close = "_close_1bxir_53";
7
- const levelContainer = "_levelContainer_1bxir_60";
8
- const level = "_level_1bxir_60";
9
- const levelTitle = "_levelTitle_1bxir_74";
10
- const menu = "_menu_1bxir_79";
11
- const menuItem = "_menuItem_1bxir_99";
12
- const chevron = "_chevron_1bxir_115";
13
- const chevronIcon = "_chevronIcon_1bxir_120";
14
- const quickLinks = "_quickLinks_1bxir_131";
15
- const quickLink = "_quickLink_1bxir_131";
16
- const styles = {
17
- overlay,
18
- drawer,
19
- hamburger,
20
- header,
21
- back,
22
- close,
23
- levelContainer,
24
- level,
25
- levelTitle,
26
- menu,
27
- menuItem,
28
- chevron,
29
- chevronIcon,
30
- quickLinks,
31
- quickLink
32
- };
1
+ const MobileMenu_module = {};
33
2
  export {
34
- back,
35
- chevron,
36
- chevronIcon,
37
- close,
38
- styles as default,
39
- drawer,
40
- hamburger,
41
- header,
42
- level,
43
- levelContainer,
44
- levelTitle,
45
- menu,
46
- menuItem,
47
- overlay,
48
- quickLink,
49
- quickLinks
3
+ MobileMenu_module as default
50
4
  };