@axos-web-dev/shared-components 1.0.100-dev.42-enhancementvalidationcalls.2 → 1.0.100-dev.42-chatbot-reset-fix.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Avatar/Avatar.module.js +7 -7
- package/dist/Blockquote/Blockquote.module.js +3 -3
- package/dist/Chatbot/Chatbot.js +37 -5
- package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +52 -52
- package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +53 -53
- package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +16 -16
- package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -39
- package/dist/NavigationMenu/AxosClearing/NavBar.module.js +37 -37
- package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +41 -41
- package/dist/Table/Table.d.ts +1 -1
- package/dist/assets/Avatar/Avatar.css.css +59 -59
- package/dist/assets/Blockquote/Blockquote.css.css +72 -72
- package/dist/assets/NavigationMenu/AxosAdvisor/NavBar.css.css +609 -609
- package/dist/assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css +630 -630
- package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +192 -192
- package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +445 -445
- package/dist/assets/NavigationMenu/AxosClearing/NavBar.css.css +484 -484
- package/dist/assets/NavigationMenu/AxosFiduciary/NavBar.css.css +427 -427
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import '../assets/Avatar/Avatar.css.css';const avatar_sec = "
|
|
2
|
-
const container = "
|
|
3
|
-
const image = "
|
|
4
|
-
const text = "
|
|
5
|
-
const name = "
|
|
6
|
-
const title = "
|
|
7
|
-
const description = "
|
|
1
|
+
import '../assets/Avatar/Avatar.css.css';const avatar_sec = "_avatar_sec_q4a8z_1";
|
|
2
|
+
const container = "_container_q4a8z_9";
|
|
3
|
+
const image = "_image_q4a8z_27";
|
|
4
|
+
const text = "_text_q4a8z_45";
|
|
5
|
+
const name = "_name_q4a8z_57";
|
|
6
|
+
const title = "_title_q4a8z_73";
|
|
7
|
+
const description = "_description_q4a8z_87";
|
|
8
8
|
const css = {
|
|
9
9
|
avatar_sec,
|
|
10
10
|
container,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "
|
|
2
|
-
const author = "
|
|
3
|
-
const quote = "
|
|
1
|
+
import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_lqs2u_1";
|
|
2
|
+
const author = "_author_lqs2u_13";
|
|
3
|
+
const quote = "_quote_lqs2u_1";
|
|
4
4
|
const css = {
|
|
5
5
|
quote_spacer,
|
|
6
6
|
author,
|
package/dist/Chatbot/Chatbot.js
CHANGED
|
@@ -6,7 +6,7 @@ import { chatbotUFB, chatbotAXB } from "./Chatbot.css.js";
|
|
|
6
6
|
import { ChatWindow } from "./ChatWindow.js";
|
|
7
7
|
import { useOpenChat } from "./store/chat.js";
|
|
8
8
|
import { useMessages } from "./store/messages.js";
|
|
9
|
-
import { useRef, useState } from "react";
|
|
9
|
+
import { useRef, useState, useEffect } from "react";
|
|
10
10
|
import { useMount, useUnmount } from "react-use";
|
|
11
11
|
const Chatbot = ({
|
|
12
12
|
project = "axos",
|
|
@@ -24,6 +24,8 @@ const Chatbot = ({
|
|
|
24
24
|
const agent_virtual = useRef(null);
|
|
25
25
|
const [status, setStatus] = useState("idle");
|
|
26
26
|
const [hasStarted, setHasStarted] = useState(false);
|
|
27
|
+
const [menusLoaded, setMenusLoaded] = useState(false);
|
|
28
|
+
const [pendingStart, setPendingStart] = useState(false);
|
|
27
29
|
const brandMap = /* @__PURE__ */ new Map([
|
|
28
30
|
["axos", 1],
|
|
29
31
|
["ufb", 3]
|
|
@@ -50,6 +52,11 @@ const Chatbot = ({
|
|
|
50
52
|
};
|
|
51
53
|
const onReadyHandler = async () => {
|
|
52
54
|
console.log("Chat client is ready");
|
|
55
|
+
if (clientRef.current) {
|
|
56
|
+
menuRef.current = await clientRef.current.getMenus();
|
|
57
|
+
setMenusLoaded(true);
|
|
58
|
+
console.log("menus:", menuRef.current);
|
|
59
|
+
}
|
|
53
60
|
};
|
|
54
61
|
const onAuthenticatedHandler = async () => {
|
|
55
62
|
console.log("Chat client is authenticated");
|
|
@@ -93,8 +100,6 @@ const Chatbot = ({
|
|
|
93
100
|
}
|
|
94
101
|
};
|
|
95
102
|
const registerEventHandlers = () => {
|
|
96
|
-
clientRef.current?.on("ready", onReadyHandler);
|
|
97
|
-
clientRef.current?.on("authenticated", onAuthenticatedHandler);
|
|
98
103
|
clientRef.current?.on("chat.ongoing", onChatOngoingHandler);
|
|
99
104
|
clientRef.current?.on("chat.message", onChatMessageHandler);
|
|
100
105
|
clientRef.current?.on("chat.typingStarted", onChatTypingStartedHandler);
|
|
@@ -133,10 +138,10 @@ const Chatbot = ({
|
|
|
133
138
|
// or your region
|
|
134
139
|
authenticate
|
|
135
140
|
});
|
|
141
|
+
client?.on("ready", onReadyHandler);
|
|
142
|
+
client?.on("authenticated", onAuthenticatedHandler);
|
|
136
143
|
isMountedRef.current = true;
|
|
137
144
|
clientRef.current = client;
|
|
138
|
-
menuRef.current = await client.getMenus();
|
|
139
|
-
console.log("menus:", menuRef.current);
|
|
140
145
|
registerEventHandlers();
|
|
141
146
|
return;
|
|
142
147
|
};
|
|
@@ -144,6 +149,17 @@ const Chatbot = ({
|
|
|
144
149
|
console.log("Starting chat");
|
|
145
150
|
const client = clientRef.current;
|
|
146
151
|
if (!client) return;
|
|
152
|
+
if (!menuRef.current || !menuRef.current.menus) {
|
|
153
|
+
let waited = 0;
|
|
154
|
+
while ((!menuRef.current || !menuRef.current.menus) && waited < 5e3) {
|
|
155
|
+
await new Promise((res) => setTimeout(res, 100));
|
|
156
|
+
waited += 100;
|
|
157
|
+
}
|
|
158
|
+
if (!menuRef.current || !menuRef.current.menus) {
|
|
159
|
+
console.error("Menu not loaded, cannot start chat");
|
|
160
|
+
return;
|
|
161
|
+
}
|
|
162
|
+
}
|
|
147
163
|
try {
|
|
148
164
|
const ongoingChat = await client.loadOngoingChat();
|
|
149
165
|
if (ongoingChat) {
|
|
@@ -161,6 +177,7 @@ const Chatbot = ({
|
|
|
161
177
|
const newChat = await client.createChat(menuId, { custom_data });
|
|
162
178
|
if (newChat !== null) {
|
|
163
179
|
chatRef.current = newChat;
|
|
180
|
+
agent_virtual.current = newChat.agent;
|
|
164
181
|
console.log("Chat created id:", newChat.id);
|
|
165
182
|
}
|
|
166
183
|
} catch (err) {
|
|
@@ -170,6 +187,10 @@ const Chatbot = ({
|
|
|
170
187
|
const handleClick = async () => {
|
|
171
188
|
toggle();
|
|
172
189
|
if (hasStarted) return;
|
|
190
|
+
if (!menusLoaded) {
|
|
191
|
+
setPendingStart(true);
|
|
192
|
+
return;
|
|
193
|
+
}
|
|
173
194
|
if (!hasOpenedOnce) {
|
|
174
195
|
await startChat();
|
|
175
196
|
setHasStarted(true);
|
|
@@ -202,7 +223,18 @@ const Chatbot = ({
|
|
|
202
223
|
deregisterEventHandlers();
|
|
203
224
|
isMountedRef.current = false;
|
|
204
225
|
hasLoadedBefore.current = true;
|
|
226
|
+
reset();
|
|
227
|
+
setHasStarted(false);
|
|
228
|
+
setStatus("idle");
|
|
229
|
+
clearMessages();
|
|
205
230
|
});
|
|
231
|
+
useEffect(() => {
|
|
232
|
+
if (menusLoaded && pendingStart && !hasStarted) {
|
|
233
|
+
startChat();
|
|
234
|
+
setHasStarted(true);
|
|
235
|
+
setPendingStart(false);
|
|
236
|
+
}
|
|
237
|
+
}, [menusLoaded, pendingStart, hasStarted]);
|
|
206
238
|
return /* @__PURE__ */ jsxs("div", { className: project === "ufb" ? chatbotUFB : chatbotAXB, children: [
|
|
207
239
|
/* @__PURE__ */ jsx(Bubble, { onClick: handleClick }),
|
|
208
240
|
/* @__PURE__ */ jsx(
|
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css.css';const header = "
|
|
2
|
-
const wrapper = "
|
|
3
|
-
const header_main_row = "
|
|
4
|
-
const mobile_header = "
|
|
5
|
-
const logo_wrap = "
|
|
6
|
-
const primary_links = "
|
|
7
|
-
const main_nav_link = "
|
|
8
|
-
const sub_nav_link = "
|
|
9
|
-
const signin_wrap = "
|
|
10
|
-
const signin_btn = "
|
|
11
|
-
const header_sub_row = "
|
|
12
|
-
const signin_dropdown = "
|
|
13
|
-
const shadow = "
|
|
14
|
-
const signin_header = "
|
|
15
|
-
const signin_subheader = "
|
|
16
|
-
const opacity = "
|
|
17
|
-
const fadeInDown = "
|
|
18
|
-
const footer = "
|
|
19
|
-
const open = "
|
|
20
|
-
const dd_wrapper = "
|
|
21
|
-
const dd_media = "
|
|
22
|
-
const dd_media_img = "
|
|
23
|
-
const dd_site_navs = "
|
|
24
|
-
const dd_media_header = "
|
|
25
|
-
const mt_8 = "
|
|
26
|
-
const mt_16 = "
|
|
27
|
-
const ml_8 = "
|
|
28
|
-
const dd_media_cta = "
|
|
29
|
-
const reversed_row = "
|
|
30
|
-
const headline = "
|
|
31
|
-
const nav_anchor = "
|
|
32
|
-
const headline_cta = "
|
|
33
|
-
const site_lists = "
|
|
34
|
-
const hamburger = "
|
|
35
|
-
const mobile_only = "
|
|
36
|
-
const mobile_logo = "
|
|
37
|
-
const highlight = "
|
|
38
|
-
const mobile_nav = "
|
|
39
|
-
const mobile_opened = "
|
|
40
|
-
const mobile_nav_item = "
|
|
41
|
-
const has_dropdown = "
|
|
42
|
-
const icon_wrap = "
|
|
43
|
-
const mobile_footer = "
|
|
44
|
-
const mobile_footer_content = "
|
|
45
|
-
const mobile_footer_media = "
|
|
46
|
-
const footer_cta = "
|
|
47
|
-
const inner_wrapper = "
|
|
48
|
-
const btn = "
|
|
49
|
-
const sub_menu = "
|
|
50
|
-
const main = "
|
|
51
|
-
const dd_footer = "
|
|
52
|
-
const desktop_only = "
|
|
1
|
+
import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css.css';const header = "_header_epxpu_1";
|
|
2
|
+
const wrapper = "_wrapper_epxpu_9";
|
|
3
|
+
const header_main_row = "_header_main_row_epxpu_19";
|
|
4
|
+
const mobile_header = "_mobile_header_epxpu_21";
|
|
5
|
+
const logo_wrap = "_logo_wrap_epxpu_33";
|
|
6
|
+
const primary_links = "_primary_links_epxpu_41";
|
|
7
|
+
const main_nav_link = "_main_nav_link_epxpu_49";
|
|
8
|
+
const sub_nav_link = "_sub_nav_link_epxpu_113";
|
|
9
|
+
const signin_wrap = "_signin_wrap_epxpu_117";
|
|
10
|
+
const signin_btn = "_signin_btn_epxpu_119";
|
|
11
|
+
const header_sub_row = "_header_sub_row_epxpu_195";
|
|
12
|
+
const signin_dropdown = "_signin_dropdown_epxpu_235";
|
|
13
|
+
const shadow = "_shadow_epxpu_255";
|
|
14
|
+
const signin_header = "_signin_header_epxpu_271";
|
|
15
|
+
const signin_subheader = "_signin_subheader_epxpu_285";
|
|
16
|
+
const opacity = "_opacity_epxpu_329";
|
|
17
|
+
const fadeInDown = "_fadeInDown_epxpu_1";
|
|
18
|
+
const footer = "_footer_epxpu_341";
|
|
19
|
+
const open = "_open_epxpu_373";
|
|
20
|
+
const dd_wrapper = "_dd_wrapper_epxpu_397";
|
|
21
|
+
const dd_media = "_dd_media_epxpu_407";
|
|
22
|
+
const dd_media_img = "_dd_media_img_epxpu_417";
|
|
23
|
+
const dd_site_navs = "_dd_site_navs_epxpu_425";
|
|
24
|
+
const dd_media_header = "_dd_media_header_epxpu_439";
|
|
25
|
+
const mt_8 = "_mt_8_epxpu_457";
|
|
26
|
+
const mt_16 = "_mt_16_epxpu_465";
|
|
27
|
+
const ml_8 = "_ml_8_epxpu_473";
|
|
28
|
+
const dd_media_cta = "_dd_media_cta_epxpu_481";
|
|
29
|
+
const reversed_row = "_reversed_row_epxpu_509";
|
|
30
|
+
const headline = "_headline_epxpu_541";
|
|
31
|
+
const nav_anchor = "_nav_anchor_epxpu_553";
|
|
32
|
+
const headline_cta = "_headline_cta_epxpu_569";
|
|
33
|
+
const site_lists = "_site_lists_epxpu_599";
|
|
34
|
+
const hamburger = "_hamburger_epxpu_669";
|
|
35
|
+
const mobile_only = "_mobile_only_epxpu_697";
|
|
36
|
+
const mobile_logo = "_mobile_logo_epxpu_709";
|
|
37
|
+
const highlight = "_highlight_epxpu_719";
|
|
38
|
+
const mobile_nav = "_mobile_nav_epxpu_791";
|
|
39
|
+
const mobile_opened = "_mobile_opened_epxpu_813";
|
|
40
|
+
const mobile_nav_item = "_mobile_nav_item_epxpu_829";
|
|
41
|
+
const has_dropdown = "_has_dropdown_epxpu_859";
|
|
42
|
+
const icon_wrap = "_icon_wrap_epxpu_901";
|
|
43
|
+
const mobile_footer = "_mobile_footer_epxpu_911";
|
|
44
|
+
const mobile_footer_content = "_mobile_footer_content_epxpu_921";
|
|
45
|
+
const mobile_footer_media = "_mobile_footer_media_epxpu_951";
|
|
46
|
+
const footer_cta = "_footer_cta_epxpu_963";
|
|
47
|
+
const inner_wrapper = "_inner_wrapper_epxpu_1019";
|
|
48
|
+
const btn = "_btn_epxpu_1029";
|
|
49
|
+
const sub_menu = "_sub_menu_epxpu_1039";
|
|
50
|
+
const main = "_main_epxpu_49";
|
|
51
|
+
const dd_footer = "_dd_footer_epxpu_1089";
|
|
52
|
+
const desktop_only = "_desktop_only_epxpu_1127";
|
|
53
53
|
const styles = {
|
|
54
54
|
header,
|
|
55
55
|
wrapper,
|
|
@@ -1,56 +1,56 @@
|
|
|
1
|
-
import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css';const header = "
|
|
2
|
-
const wrapper = "
|
|
3
|
-
const main_nav = "
|
|
4
|
-
const header_main_row = "
|
|
5
|
-
const mobile_header = "
|
|
6
|
-
const logo_wrap = "
|
|
7
|
-
const primary_links = "
|
|
8
|
-
const main_nav_link = "
|
|
9
|
-
const sub_nav_link = "
|
|
10
|
-
const signin_wrap = "
|
|
11
|
-
const signin_btn = "
|
|
12
|
-
const header_sub_row = "
|
|
13
|
-
const signin_dropdown = "
|
|
14
|
-
const shadow = "
|
|
15
|
-
const signin_header = "
|
|
16
|
-
const signin_subheader = "
|
|
17
|
-
const opacity = "
|
|
18
|
-
const fadeInDown = "
|
|
19
|
-
const footer = "
|
|
20
|
-
const open = "
|
|
21
|
-
const dd_wrapper = "
|
|
22
|
-
const dd_media = "
|
|
23
|
-
const dd_media_img = "
|
|
24
|
-
const dd_site_navs = "
|
|
25
|
-
const dd_media_header = "
|
|
26
|
-
const mt_8 = "
|
|
27
|
-
const mt_16 = "
|
|
28
|
-
const ml_8 = "
|
|
29
|
-
const dd_media_cta = "
|
|
30
|
-
const reversed_row = "
|
|
31
|
-
const headline = "
|
|
32
|
-
const nav_anchor = "
|
|
33
|
-
const headline_cta = "
|
|
34
|
-
const site_lists = "
|
|
35
|
-
const hamburger = "
|
|
36
|
-
const mobile_only = "
|
|
37
|
-
const mobile_logo = "
|
|
38
|
-
const highlight = "
|
|
39
|
-
const mobile_nav = "
|
|
40
|
-
const mobile_opened = "
|
|
41
|
-
const mobile_nav_item = "
|
|
42
|
-
const has_dropdown = "
|
|
43
|
-
const icon_wrap = "
|
|
44
|
-
const mobile_footer = "
|
|
45
|
-
const mobile_footer_content = "
|
|
46
|
-
const mobile_footer_media = "
|
|
47
|
-
const footer_cta = "
|
|
48
|
-
const inner_wrapper = "
|
|
49
|
-
const btn = "
|
|
50
|
-
const sub_menu = "
|
|
51
|
-
const main = "
|
|
52
|
-
const dd_footer = "
|
|
53
|
-
const desktop_only = "
|
|
1
|
+
import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css';const header = "_header_1rlwu_1";
|
|
2
|
+
const wrapper = "_wrapper_1rlwu_9";
|
|
3
|
+
const main_nav = "_main_nav_1rlwu_19";
|
|
4
|
+
const header_main_row = "_header_main_row_1rlwu_33";
|
|
5
|
+
const mobile_header = "_mobile_header_1rlwu_35";
|
|
6
|
+
const logo_wrap = "_logo_wrap_1rlwu_59";
|
|
7
|
+
const primary_links = "_primary_links_1rlwu_67";
|
|
8
|
+
const main_nav_link = "_main_nav_link_1rlwu_75";
|
|
9
|
+
const sub_nav_link = "_sub_nav_link_1rlwu_139";
|
|
10
|
+
const signin_wrap = "_signin_wrap_1rlwu_143";
|
|
11
|
+
const signin_btn = "_signin_btn_1rlwu_145";
|
|
12
|
+
const header_sub_row = "_header_sub_row_1rlwu_219";
|
|
13
|
+
const signin_dropdown = "_signin_dropdown_1rlwu_259";
|
|
14
|
+
const shadow = "_shadow_1rlwu_279";
|
|
15
|
+
const signin_header = "_signin_header_1rlwu_295";
|
|
16
|
+
const signin_subheader = "_signin_subheader_1rlwu_309";
|
|
17
|
+
const opacity = "_opacity_1rlwu_353";
|
|
18
|
+
const fadeInDown = "_fadeInDown_1rlwu_1";
|
|
19
|
+
const footer = "_footer_1rlwu_365";
|
|
20
|
+
const open = "_open_1rlwu_397";
|
|
21
|
+
const dd_wrapper = "_dd_wrapper_1rlwu_421";
|
|
22
|
+
const dd_media = "_dd_media_1rlwu_431";
|
|
23
|
+
const dd_media_img = "_dd_media_img_1rlwu_441";
|
|
24
|
+
const dd_site_navs = "_dd_site_navs_1rlwu_449";
|
|
25
|
+
const dd_media_header = "_dd_media_header_1rlwu_463";
|
|
26
|
+
const mt_8 = "_mt_8_1rlwu_481";
|
|
27
|
+
const mt_16 = "_mt_16_1rlwu_489";
|
|
28
|
+
const ml_8 = "_ml_8_1rlwu_497";
|
|
29
|
+
const dd_media_cta = "_dd_media_cta_1rlwu_505";
|
|
30
|
+
const reversed_row = "_reversed_row_1rlwu_533";
|
|
31
|
+
const headline = "_headline_1rlwu_565";
|
|
32
|
+
const nav_anchor = "_nav_anchor_1rlwu_577";
|
|
33
|
+
const headline_cta = "_headline_cta_1rlwu_593";
|
|
34
|
+
const site_lists = "_site_lists_1rlwu_623";
|
|
35
|
+
const hamburger = "_hamburger_1rlwu_693";
|
|
36
|
+
const mobile_only = "_mobile_only_1rlwu_721";
|
|
37
|
+
const mobile_logo = "_mobile_logo_1rlwu_733";
|
|
38
|
+
const highlight = "_highlight_1rlwu_743";
|
|
39
|
+
const mobile_nav = "_mobile_nav_1rlwu_815";
|
|
40
|
+
const mobile_opened = "_mobile_opened_1rlwu_837";
|
|
41
|
+
const mobile_nav_item = "_mobile_nav_item_1rlwu_853";
|
|
42
|
+
const has_dropdown = "_has_dropdown_1rlwu_883";
|
|
43
|
+
const icon_wrap = "_icon_wrap_1rlwu_925";
|
|
44
|
+
const mobile_footer = "_mobile_footer_1rlwu_935";
|
|
45
|
+
const mobile_footer_content = "_mobile_footer_content_1rlwu_945";
|
|
46
|
+
const mobile_footer_media = "_mobile_footer_media_1rlwu_975";
|
|
47
|
+
const footer_cta = "_footer_cta_1rlwu_987";
|
|
48
|
+
const inner_wrapper = "_inner_wrapper_1rlwu_1045";
|
|
49
|
+
const btn = "_btn_1rlwu_1055";
|
|
50
|
+
const sub_menu = "_sub_menu_1rlwu_1067";
|
|
51
|
+
const main = "_main_1rlwu_19";
|
|
52
|
+
const dd_footer = "_dd_footer_1rlwu_1117";
|
|
53
|
+
const desktop_only = "_desktop_only_1rlwu_1157";
|
|
54
54
|
const styles = {
|
|
55
55
|
header,
|
|
56
56
|
wrapper,
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "
|
|
2
|
-
const drawer = "
|
|
3
|
-
const hamburger = "
|
|
4
|
-
const header = "
|
|
5
|
-
const back = "
|
|
6
|
-
const close = "
|
|
7
|
-
const levelContainer = "
|
|
8
|
-
const level = "
|
|
9
|
-
const levelTitle = "
|
|
10
|
-
const menu = "
|
|
11
|
-
const menuItem = "
|
|
12
|
-
const chevron = "
|
|
13
|
-
const chevronIcon = "
|
|
14
|
-
const quickLinks = "
|
|
15
|
-
const quickLink = "
|
|
16
|
-
const sr_only = "
|
|
1
|
+
import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_9wof4_1";
|
|
2
|
+
const drawer = "_drawer_9wof4_17";
|
|
3
|
+
const hamburger = "_hamburger_9wof4_57";
|
|
4
|
+
const header = "_header_9wof4_79";
|
|
5
|
+
const back = "_back_9wof4_101";
|
|
6
|
+
const close = "_close_9wof4_117";
|
|
7
|
+
const levelContainer = "_levelContainer_9wof4_139";
|
|
8
|
+
const level = "_level_9wof4_139";
|
|
9
|
+
const levelTitle = "_levelTitle_9wof4_171";
|
|
10
|
+
const menu = "_menu_9wof4_181";
|
|
11
|
+
const menuItem = "_menuItem_9wof4_221";
|
|
12
|
+
const chevron = "_chevron_9wof4_253";
|
|
13
|
+
const chevronIcon = "_chevronIcon_9wof4_263";
|
|
14
|
+
const quickLinks = "_quickLinks_9wof4_285";
|
|
15
|
+
const quickLink = "_quickLink_9wof4_285";
|
|
16
|
+
const sr_only = "_sr_only_9wof4_333";
|
|
17
17
|
const styles = {
|
|
18
18
|
overlay,
|
|
19
19
|
drawer,
|
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "
|
|
2
|
-
const wrapper = "
|
|
3
|
-
const header_main_row = "
|
|
4
|
-
const logo_wrap = "
|
|
5
|
-
const primary_links = "
|
|
6
|
-
const main_nav_link = "
|
|
7
|
-
const sub_nav_link = "
|
|
8
|
-
const signin_wrap = "
|
|
9
|
-
const signin_btn = "
|
|
10
|
-
const header_sub_row = "
|
|
11
|
-
const signin_dropdown = "
|
|
12
|
-
const shadow = "
|
|
13
|
-
const signin_header = "
|
|
14
|
-
const signin_subheader = "
|
|
15
|
-
const opacity = "
|
|
16
|
-
const fadeInDown = "
|
|
17
|
-
const signin_footer = "
|
|
18
|
-
const open = "
|
|
19
|
-
const dd_wrapper = "
|
|
20
|
-
const dd_media = "
|
|
21
|
-
const dd_media_img = "
|
|
22
|
-
const dd_site_navs = "
|
|
23
|
-
const dd_media_header = "
|
|
24
|
-
const mt_8 = "
|
|
25
|
-
const mt_16 = "
|
|
26
|
-
const ml_8 = "
|
|
27
|
-
const reversed_row = "
|
|
28
|
-
const headline = "
|
|
29
|
-
const nav_anchor = "
|
|
30
|
-
const headline_cta = "
|
|
31
|
-
const site_lists = "
|
|
32
|
-
const modify_fit = "
|
|
33
|
-
const mobile_only = "
|
|
34
|
-
const mobile_logo = "
|
|
35
|
-
const highlight = "
|
|
36
|
-
const mobile_opened = "
|
|
37
|
-
const dd_footer = "
|
|
38
|
-
const skip_btn = "
|
|
39
|
-
const desktop_only = "
|
|
1
|
+
import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_yjw9r_1";
|
|
2
|
+
const wrapper = "_wrapper_yjw9r_9";
|
|
3
|
+
const header_main_row = "_header_main_row_yjw9r_21";
|
|
4
|
+
const logo_wrap = "_logo_wrap_yjw9r_33";
|
|
5
|
+
const primary_links = "_primary_links_yjw9r_41";
|
|
6
|
+
const main_nav_link = "_main_nav_link_yjw9r_49";
|
|
7
|
+
const sub_nav_link = "_sub_nav_link_yjw9r_113";
|
|
8
|
+
const signin_wrap = "_signin_wrap_yjw9r_117";
|
|
9
|
+
const signin_btn = "_signin_btn_yjw9r_119";
|
|
10
|
+
const header_sub_row = "_header_sub_row_yjw9r_195";
|
|
11
|
+
const signin_dropdown = "_signin_dropdown_yjw9r_261";
|
|
12
|
+
const shadow = "_shadow_yjw9r_281";
|
|
13
|
+
const signin_header = "_signin_header_yjw9r_301";
|
|
14
|
+
const signin_subheader = "_signin_subheader_yjw9r_315";
|
|
15
|
+
const opacity = "_opacity_yjw9r_357";
|
|
16
|
+
const fadeInDown = "_fadeInDown_yjw9r_1";
|
|
17
|
+
const signin_footer = "_signin_footer_yjw9r_369";
|
|
18
|
+
const open = "_open_yjw9r_411";
|
|
19
|
+
const dd_wrapper = "_dd_wrapper_yjw9r_435";
|
|
20
|
+
const dd_media = "_dd_media_yjw9r_453";
|
|
21
|
+
const dd_media_img = "_dd_media_img_yjw9r_463";
|
|
22
|
+
const dd_site_navs = "_dd_site_navs_yjw9r_471";
|
|
23
|
+
const dd_media_header = "_dd_media_header_yjw9r_485";
|
|
24
|
+
const mt_8 = "_mt_8_yjw9r_507";
|
|
25
|
+
const mt_16 = "_mt_16_yjw9r_515";
|
|
26
|
+
const ml_8 = "_ml_8_yjw9r_523";
|
|
27
|
+
const reversed_row = "_reversed_row_yjw9r_531";
|
|
28
|
+
const headline = "_headline_yjw9r_539";
|
|
29
|
+
const nav_anchor = "_nav_anchor_yjw9r_555";
|
|
30
|
+
const headline_cta = "_headline_cta_yjw9r_571";
|
|
31
|
+
const site_lists = "_site_lists_yjw9r_603";
|
|
32
|
+
const modify_fit = "_modify_fit_yjw9r_643";
|
|
33
|
+
const mobile_only = "_mobile_only_yjw9r_693";
|
|
34
|
+
const mobile_logo = "_mobile_logo_yjw9r_705";
|
|
35
|
+
const highlight = "_highlight_yjw9r_719";
|
|
36
|
+
const mobile_opened = "_mobile_opened_yjw9r_731";
|
|
37
|
+
const dd_footer = "_dd_footer_yjw9r_747";
|
|
38
|
+
const skip_btn = "_skip_btn_yjw9r_763";
|
|
39
|
+
const desktop_only = "_desktop_only_yjw9r_835";
|
|
40
40
|
const styles = {
|
|
41
41
|
header,
|
|
42
42
|
wrapper,
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import '../../assets/NavigationMenu/AxosClearing/NavBar.css.css';const header = "
|
|
2
|
-
const wrapper = "
|
|
3
|
-
const header_main_row = "
|
|
4
|
-
const mobile_header = "
|
|
5
|
-
const logo_wrap = "
|
|
6
|
-
const primary_links = "
|
|
7
|
-
const main_nav_link = "
|
|
8
|
-
const sub_nav_link = "
|
|
9
|
-
const signin_wrap = "
|
|
10
|
-
const signin_btn = "
|
|
11
|
-
const sub_nav = "
|
|
12
|
-
const header_sub_row = "
|
|
13
|
-
const signin_dropdown = "
|
|
14
|
-
const shadow = "
|
|
15
|
-
const signin_subheader = "
|
|
16
|
-
const opacity = "
|
|
17
|
-
const fadeInDown = "
|
|
18
|
-
const open = "
|
|
19
|
-
const hamburger = "
|
|
20
|
-
const mobile_only = "
|
|
21
|
-
const mobile_logo = "
|
|
22
|
-
const highlight = "
|
|
23
|
-
const mobile_nav = "
|
|
24
|
-
const mobile_opened = "
|
|
25
|
-
const mobile_nav_item = "
|
|
26
|
-
const has_dropdown = "
|
|
27
|
-
const icon_wrap = "
|
|
28
|
-
const mobile_footer = "
|
|
29
|
-
const mobile_footer_content = "
|
|
30
|
-
const mobile_footer_media = "
|
|
31
|
-
const footer_cta = "
|
|
32
|
-
const inner_wrapper = "
|
|
33
|
-
const btn = "
|
|
34
|
-
const sub_menu = "
|
|
35
|
-
const main = "
|
|
36
|
-
const dd_footer = "
|
|
37
|
-
const desktop_only = "
|
|
1
|
+
import '../../assets/NavigationMenu/AxosClearing/NavBar.css.css';const header = "_header_5ho04_1";
|
|
2
|
+
const wrapper = "_wrapper_5ho04_9";
|
|
3
|
+
const header_main_row = "_header_main_row_5ho04_21";
|
|
4
|
+
const mobile_header = "_mobile_header_5ho04_23";
|
|
5
|
+
const logo_wrap = "_logo_wrap_5ho04_35";
|
|
6
|
+
const primary_links = "_primary_links_5ho04_43";
|
|
7
|
+
const main_nav_link = "_main_nav_link_5ho04_51";
|
|
8
|
+
const sub_nav_link = "_sub_nav_link_5ho04_115";
|
|
9
|
+
const signin_wrap = "_signin_wrap_5ho04_119";
|
|
10
|
+
const signin_btn = "_signin_btn_5ho04_121";
|
|
11
|
+
const sub_nav = "_sub_nav_5ho04_115";
|
|
12
|
+
const header_sub_row = "_header_sub_row_5ho04_239";
|
|
13
|
+
const signin_dropdown = "_signin_dropdown_5ho04_287";
|
|
14
|
+
const shadow = "_shadow_5ho04_307";
|
|
15
|
+
const signin_subheader = "_signin_subheader_5ho04_319";
|
|
16
|
+
const opacity = "_opacity_5ho04_361";
|
|
17
|
+
const fadeInDown = "_fadeInDown_5ho04_1";
|
|
18
|
+
const open = "_open_5ho04_373";
|
|
19
|
+
const hamburger = "_hamburger_5ho04_409";
|
|
20
|
+
const mobile_only = "_mobile_only_5ho04_437";
|
|
21
|
+
const mobile_logo = "_mobile_logo_5ho04_449";
|
|
22
|
+
const highlight = "_highlight_5ho04_459";
|
|
23
|
+
const mobile_nav = "_mobile_nav_5ho04_513";
|
|
24
|
+
const mobile_opened = "_mobile_opened_5ho04_535";
|
|
25
|
+
const mobile_nav_item = "_mobile_nav_item_5ho04_551";
|
|
26
|
+
const has_dropdown = "_has_dropdown_5ho04_581";
|
|
27
|
+
const icon_wrap = "_icon_wrap_5ho04_623";
|
|
28
|
+
const mobile_footer = "_mobile_footer_5ho04_633";
|
|
29
|
+
const mobile_footer_content = "_mobile_footer_content_5ho04_643";
|
|
30
|
+
const mobile_footer_media = "_mobile_footer_media_5ho04_673";
|
|
31
|
+
const footer_cta = "_footer_cta_5ho04_685";
|
|
32
|
+
const inner_wrapper = "_inner_wrapper_5ho04_743";
|
|
33
|
+
const btn = "_btn_5ho04_755";
|
|
34
|
+
const sub_menu = "_sub_menu_5ho04_765";
|
|
35
|
+
const main = "_main_5ho04_51";
|
|
36
|
+
const dd_footer = "_dd_footer_5ho04_815";
|
|
37
|
+
const desktop_only = "_desktop_only_5ho04_865";
|
|
38
38
|
const styles = {
|
|
39
39
|
header,
|
|
40
40
|
wrapper,
|