@axos-web-dev/shared-components 1.0.77-patch.30 → 1.0.77-patch.31

package/dist/Chatbot/useHeadlessChat.js

@@ -0,0 +1,240 @@
+"use client";
+import { useState, useRef, useCallback, useEffect } from "react";
+import { useLocation } from "react-use";
+import { useMessages } from "./store/messages.js";
+const brandMap = /* @__PURE__ */ new Map([
+  ["axos", 1],
+  ["", 2],
+  ["ufb", 3]
+]);
+function useHeadlessChat({
+  companyId,
+  tenant,
+  host,
+  getToken,
+  projectId = "axos",
+  debug = false,
+  menuOption = "Support Virtual Agent"
+}) {
+  const { hostname } = useLocation();
+  const addMessage = useMessages((state) => state.addMessage);
+  const addMessages = useMessages((state) => state.addMessages);
+  const clearMessages = useMessages((state) => state.clearMessages);
+  const [showReconnect, setShowReconnect] = useState(false);
+  const [status, setStatus] = useState("idle");
+  const chatRef = useRef(null);
+  const clientRef = useRef(null);
+  const isMountedRef = useRef(true);
+  const hasLoadedBefore = useRef(true);
+  const menuRef = useRef({ menus: [] });
+  const sendMessage = useCallback(async (body) => {
+    if (chatRef.current) {
+      await clientRef.current?.sendTextMessage(body);
+    }
+  }, []);
+  const endChat = useCallback(async () => {
+    if (chatRef.current) {
+      await clientRef.current?.finishChat();
+      clearMessages();
+      clientRef.current?.createChat(
+        menuRef.current.menus.find((menu) => menu.name === menuOption)?.id,
+        {
+          custom_data: {
+            unsigned: {
+              facingBrandId: {
+                label: "facingBrandId",
+                value: `${brandMap.get(projectId) || 1}`
+              },
+              channel: {
+                label: "channel",
+                value: "in_web"
+              },
+              user_auth: {
+                label: "user_auth",
+                value: "false"
+              },
+              env: {
+                label: "env",
+                value: hostname?.includes("www") ? "prod" : hostname?.split(".")[1] ? hostname?.split(".")[1] : ""
+              }
+            }
+          }
+        }
+      );
+    }
+  }, [clearMessages, hostname, menuOption, projectId]);
+  useEffect(() => {
+    let messageHandler;
+    let chatReadyHandler;
+    let chatEndedHandler;
+    let chatConnectedHandler;
+    let chatDisconnectedHandler;
+    let memberLeftHandler;
+    let memberJoinedHandler;
+    let startTypingHandler;
+    let stopTypingHandler;
+    let chatTimeoutHandler;
+    async function init() {
+      setStatus("connecting");
+      const { Client, Logger, consoleLoggerHandler } = await import("@ujet/websdk-headless");
+      if (debug) Logger.addHandler(consoleLoggerHandler);
+      try {
+        clientRef.current = new Client({
+          companyId,
+          tenant,
+          host,
+          authenticate: getToken
+        });
+        if (debug) console.log("clientRef:", clientRef.current);
+      } catch (e) {
+        console.error("Error creating client:", e);
+        if (isMountedRef.current) setStatus("error");
+        return;
+      }
+      menuRef.current = await clientRef.current?.getMenus();
+      if (debug) console.log("channelId:", menuRef.current);
+      if (debug)
+        console.log(
+          "channelId:",
+          menuRef.current?.menus.find((menu) => menu.name === menuOption)?.id
+        );
+      const custom_data = {
+        unsigned: {
+          facingBrandId: {
+            label: "facingBrandId",
+            value: `${brandMap.get(projectId) || 1}`
+          },
+          channel: {
+            label: "channel",
+            value: "in_web"
+          },
+          user_auth: {
+            label: "user_auth",
+            value: "false"
+          },
+          env: {
+            label: "env",
+            value: hostname?.includes("www") ? "prod" : hostname?.split(".")[1] ? hostname?.split(".")[1] : ""
+          }
+        }
+      };
+      try {
+        chatRef.current = await clientRef.current?.loadOngoingChat();
+        if (chatRef.current != null) {
+          chatRef.current = await clientRef.current?.resumeChat(
+            chatRef.current?.state?.id
+          );
+          if (debug) console.log("Resumed chatRef:", chatRef.current);
+        } else {
+          chatRef.current = await clientRef.current?.createChat(
+            menuRef.current.menus.find((menu) => menu.name === menuOption)?.id,
+            {
+              custom_data
+            }
+          );
+          if (debug) console.log("chatRef:", chatRef.current);
+        }
+      } catch (error) {
+        console.error("Error creating chat:", error);
+      }
+      messageHandler = (msg) => {
+        if (debug) console.log("Received message:", msg);
+        addMessage(msg);
+      };
+      chatReadyHandler = () => {
+        console.log("Chat is ready");
+      };
+      chatEndedHandler = () => {
+        console.log("Chat has ended");
+        setStatus("finished");
+      };
+      chatConnectedHandler = async () => {
+        console.log("Chat connected");
+        setStatus("connected");
+        try {
+          const messagesFetched = await chatRef.current?.fetchMessages();
+          if (debug) console.log("[messages]:", messagesFetched);
+          addMessages(messagesFetched || []);
+        } catch (error) {
+          console.error("Error fetching messages:", error);
+        }
+      };
+      startTypingHandler = (identity) => {
+        console.log("start typing: ", identity);
+      };
+      stopTypingHandler = (identity) => {
+        console.log("stop typing: ", identity);
+      };
+      memberLeftHandler = (identity) => {
+        console.log("Member has left the chat:  ", identity);
+      };
+      memberJoinedHandler = (identity) => {
+        console.log("Member has joined the chat: ", identity);
+      };
+      chatDisconnectedHandler = () => {
+        console.log("Chat disconnected");
+        setStatus("idle");
+      };
+      chatTimeoutHandler = () => {
+        console.log("Chat timeout");
+      };
+      clientRef.current?.on("ready", chatReadyHandler);
+      clientRef.current?.on("chat.connected", chatConnectedHandler);
+      clientRef.current?.on("chat.message", messageHandler);
+      clientRef.current?.on("chat.memberLeft", memberLeftHandler);
+      clientRef.current?.on("chat.memberJoined", memberJoinedHandler);
+      clientRef.current?.on("chat.typingStarted", startTypingHandler);
+      clientRef.current?.on("chat.typingEnded", stopTypingHandler);
+      clientRef.current?.on("chat.disconnected", chatDisconnectedHandler);
+      clientRef.current?.on("chat.ended", chatEndedHandler);
+      clientRef.current?.on("chat.timeout", chatTimeoutHandler);
+    }
+    if (hasLoadedBefore.current) {
+      if (debug) console.log("Initializing chat...");
+      init();
+      hasLoadedBefore.current = false;
+    }
+    return () => {
+      isMountedRef.current = false;
+      if (debug)
+        console.log(
+          "Component unmounted. Cancelling pending async operations."
+        );
+      chatRef.current = null;
+      clientRef.current?.off("ready", chatReadyHandler);
+      clientRef.current?.off("chat.message", messageHandler);
+      clientRef.current?.off("chat.connected", chatConnectedHandler);
+      clientRef.current?.off("chat.ended", chatEndedHandler);
+      clientRef.current?.off("chat.memberLeft", memberLeftHandler);
+      clientRef.current?.off("chat.memberJoined", memberJoinedHandler);
+      clientRef.current?.off("chat.typingStarted", startTypingHandler);
+      clientRef.current?.off("chat.typingEnded", stopTypingHandler);
+      clientRef.current?.off("chat.disconnected", chatDisconnectedHandler);
+      clientRef.current?.off("chat.timeout", chatTimeoutHandler);
+      clientRef.current?.destroyChat();
+      clientRef.current = null;
+    };
+  }, [
+    companyId,
+    tenant,
+    host,
+    getToken,
+    addMessage,
+    addMessages,
+    debug,
+    projectId,
+    menuOption,
+    hostname
+  ]);
+  return {
+    status,
+    sendMessage,
+    showReconnect,
+    setShowReconnect,
+    endChat,
+    virtualAgent: chatRef.current?.state.virtual_agent
+  };
+}
+export {
+  useHeadlessChat
+};

package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js

@@ -1,55 +1,55 @@
-import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css.css';const header = "_header_6da2u_1";
-const wrapper = "_wrapper_6da2u_5";
-const header_main_row = "_header_main_row_6da2u_10";
-const mobile_header = "_mobile_header_6da2u_11";
-const logo_wrap = "_logo_wrap_6da2u_17";
-const primary_links = "_primary_links_6da2u_21";
-const main_nav_link = "_main_nav_link_6da2u_25";
-const sub_nav_link = "_sub_nav_link_6da2u_47";
-const signin_wrap = "_signin_wrap_6da2u_49";
-const signin_btn = "_signin_btn_6da2u_50";
-const header_sub_row = "_header_sub_row_6da2u_88";
-const signin_dropdown = "_signin_dropdown_6da2u_107";
-const shadow = "_shadow_6da2u_117";
-const signin_header = "_signin_header_6da2u_125";
-const signin_subheader = "_signin_subheader_6da2u_132";
-const opacity = "_opacity_6da2u_154";
-const fadeInDown = "_fadeInDown_6da2u_1";
-const footer = "_footer_6da2u_160";
-const open = "_open_6da2u_176";
-const dd_wrapper = "_dd_wrapper_6da2u_188";
-const dd_media = "_dd_media_6da2u_193";
-const dd_media_img = "_dd_media_img_6da2u_198";
-const dd_site_navs = "_dd_site_navs_6da2u_202";
-const dd_media_header = "_dd_media_header_6da2u_209";
-const mt_8 = "_mt_8_6da2u_218";
-const mt_16 = "_mt_16_6da2u_222";
-const ml_8 = "_ml_8_6da2u_226";
-const dd_media_cta = "_dd_media_cta_6da2u_230";
-const reversed_row = "_reversed_row_6da2u_244";
-const headline = "_headline_6da2u_260";
-const nav_anchor = "_nav_anchor_6da2u_266";
-const headline_cta = "_headline_cta_6da2u_274";
-const site_lists = "_site_lists_6da2u_289";
-const hamburger = "_hamburger_6da2u_324";
-const mobile_only = "_mobile_only_6da2u_338";
-const mobile_logo = "_mobile_logo_6da2u_344";
-const highlight = "_highlight_6da2u_349";
-const mobile_nav = "_mobile_nav_6da2u_385";
-const mobile_opened = "_mobile_opened_6da2u_396";
-const mobile_nav_item = "_mobile_nav_item_6da2u_404";
-const has_dropdown = "_has_dropdown_6da2u_419";
-const icon_wrap = "_icon_wrap_6da2u_440";
-const mobile_footer = "_mobile_footer_6da2u_445";
-const mobile_footer_content = "_mobile_footer_content_6da2u_450";
-const mobile_footer_media = "_mobile_footer_media_6da2u_464";
-const footer_cta = "_footer_cta_6da2u_470";
-const inner_wrapper = "_inner_wrapper_6da2u_498";
-const btn = "_btn_6da2u_503";
-const sub_menu = "_sub_menu_6da2u_508";
-const main = "_main_6da2u_25";
-const dd_footer = "_dd_footer_6da2u_533";
-const desktop_only = "_desktop_only_6da2u_552";
+import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css.css';const header = "_header_18tu3_1";
+const wrapper = "_wrapper_18tu3_9";
+const header_main_row = "_header_main_row_18tu3_19";
+const mobile_header = "_mobile_header_18tu3_21";
+const logo_wrap = "_logo_wrap_18tu3_33";
+const primary_links = "_primary_links_18tu3_41";
+const main_nav_link = "_main_nav_link_18tu3_49";
+const sub_nav_link = "_sub_nav_link_18tu3_93";
+const signin_wrap = "_signin_wrap_18tu3_97";
+const signin_btn = "_signin_btn_18tu3_99";
+const header_sub_row = "_header_sub_row_18tu3_175";
+const signin_dropdown = "_signin_dropdown_18tu3_213";
+const shadow = "_shadow_18tu3_233";
+const signin_header = "_signin_header_18tu3_249";
+const signin_subheader = "_signin_subheader_18tu3_263";
+const opacity = "_opacity_18tu3_307";
+const fadeInDown = "_fadeInDown_18tu3_1";
+const footer = "_footer_18tu3_319";
+const open = "_open_18tu3_351";
+const dd_wrapper = "_dd_wrapper_18tu3_375";
+const dd_media = "_dd_media_18tu3_385";
+const dd_media_img = "_dd_media_img_18tu3_395";
+const dd_site_navs = "_dd_site_navs_18tu3_403";
+const dd_media_header = "_dd_media_header_18tu3_417";
+const mt_8 = "_mt_8_18tu3_435";
+const mt_16 = "_mt_16_18tu3_443";
+const ml_8 = "_ml_8_18tu3_451";
+const dd_media_cta = "_dd_media_cta_18tu3_459";
+const reversed_row = "_reversed_row_18tu3_487";
+const headline = "_headline_18tu3_519";
+const nav_anchor = "_nav_anchor_18tu3_531";
+const headline_cta = "_headline_cta_18tu3_547";
+const site_lists = "_site_lists_18tu3_577";
+const hamburger = "_hamburger_18tu3_647";
+const mobile_only = "_mobile_only_18tu3_675";
+const mobile_logo = "_mobile_logo_18tu3_687";
+const highlight = "_highlight_18tu3_697";
+const mobile_nav = "_mobile_nav_18tu3_769";
+const mobile_opened = "_mobile_opened_18tu3_791";
+const mobile_nav_item = "_mobile_nav_item_18tu3_807";
+const has_dropdown = "_has_dropdown_18tu3_837";
+const icon_wrap = "_icon_wrap_18tu3_879";
+const mobile_footer = "_mobile_footer_18tu3_889";
+const mobile_footer_content = "_mobile_footer_content_18tu3_899";
+const mobile_footer_media = "_mobile_footer_media_18tu3_927";
+const footer_cta = "_footer_cta_18tu3_939";
+const inner_wrapper = "_inner_wrapper_18tu3_995";
+const btn = "_btn_18tu3_1005";
+const sub_menu = "_sub_menu_18tu3_1015";
+const main = "_main_18tu3_49";
+const dd_footer = "_dd_footer_18tu3_1065";
+const desktop_only = "_desktop_only_18tu3_1103";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js

@@ -1,56 +1,56 @@
-import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css';const header = "_header_ztj5i_1";
-const wrapper = "_wrapper_ztj5i_5";
-const main_nav = "_main_nav_ztj5i_10";
-const header_main_row = "_header_main_row_ztj5i_17";
-const mobile_header = "_mobile_header_ztj5i_18";
-const logo_wrap = "_logo_wrap_ztj5i_30";
-const primary_links = "_primary_links_ztj5i_34";
-const main_nav_link = "_main_nav_link_ztj5i_38";
-const sub_nav_link = "_sub_nav_link_ztj5i_60";
-const signin_wrap = "_signin_wrap_ztj5i_62";
-const signin_btn = "_signin_btn_ztj5i_63";
-const header_sub_row = "_header_sub_row_ztj5i_100";
-const signin_dropdown = "_signin_dropdown_ztj5i_119";
-const shadow = "_shadow_ztj5i_129";
-const signin_header = "_signin_header_ztj5i_137";
-const signin_subheader = "_signin_subheader_ztj5i_144";
-const opacity = "_opacity_ztj5i_166";
-const fadeInDown = "_fadeInDown_ztj5i_1";
-const footer = "_footer_ztj5i_172";
-const open = "_open_ztj5i_188";
-const dd_wrapper = "_dd_wrapper_ztj5i_200";
-const dd_media = "_dd_media_ztj5i_205";
-const dd_media_img = "_dd_media_img_ztj5i_210";
-const dd_site_navs = "_dd_site_navs_ztj5i_214";
-const dd_media_header = "_dd_media_header_ztj5i_221";
-const mt_8 = "_mt_8_ztj5i_230";
-const mt_16 = "_mt_16_ztj5i_234";
-const ml_8 = "_ml_8_ztj5i_238";
-const dd_media_cta = "_dd_media_cta_ztj5i_242";
-const reversed_row = "_reversed_row_ztj5i_256";
-const headline = "_headline_ztj5i_272";
-const nav_anchor = "_nav_anchor_ztj5i_278";
-const headline_cta = "_headline_cta_ztj5i_286";
-const site_lists = "_site_lists_ztj5i_301";
-const hamburger = "_hamburger_ztj5i_336";
-const mobile_only = "_mobile_only_ztj5i_350";
-const mobile_logo = "_mobile_logo_ztj5i_356";
-const highlight = "_highlight_ztj5i_361";
-const mobile_nav = "_mobile_nav_ztj5i_397";
-const mobile_opened = "_mobile_opened_ztj5i_408";
-const mobile_nav_item = "_mobile_nav_item_ztj5i_416";
-const has_dropdown = "_has_dropdown_ztj5i_431";
-const icon_wrap = "_icon_wrap_ztj5i_452";
-const mobile_footer = "_mobile_footer_ztj5i_457";
-const mobile_footer_content = "_mobile_footer_content_ztj5i_462";
-const mobile_footer_media = "_mobile_footer_media_ztj5i_477";
-const footer_cta = "_footer_cta_ztj5i_483";
-const inner_wrapper = "_inner_wrapper_ztj5i_511";
-const btn = "_btn_ztj5i_516";
-const sub_menu = "_sub_menu_ztj5i_522";
-const main = "_main_ztj5i_10";
-const dd_footer = "_dd_footer_ztj5i_547";
-const desktop_only = "_desktop_only_ztj5i_567";
+import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css';const header = "_header_1pmyy_1";
+const wrapper = "_wrapper_1pmyy_9";
+const main_nav = "_main_nav_1pmyy_19";
+const header_main_row = "_header_main_row_1pmyy_33";
+const mobile_header = "_mobile_header_1pmyy_35";
+const logo_wrap = "_logo_wrap_1pmyy_59";
+const primary_links = "_primary_links_1pmyy_67";
+const main_nav_link = "_main_nav_link_1pmyy_75";
+const sub_nav_link = "_sub_nav_link_1pmyy_119";
+const signin_wrap = "_signin_wrap_1pmyy_123";
+const signin_btn = "_signin_btn_1pmyy_125";
+const header_sub_row = "_header_sub_row_1pmyy_199";
+const signin_dropdown = "_signin_dropdown_1pmyy_237";
+const shadow = "_shadow_1pmyy_257";
+const signin_header = "_signin_header_1pmyy_273";
+const signin_subheader = "_signin_subheader_1pmyy_287";
+const opacity = "_opacity_1pmyy_331";
+const fadeInDown = "_fadeInDown_1pmyy_1";
+const footer = "_footer_1pmyy_343";
+const open = "_open_1pmyy_375";
+const dd_wrapper = "_dd_wrapper_1pmyy_399";
+const dd_media = "_dd_media_1pmyy_409";
+const dd_media_img = "_dd_media_img_1pmyy_419";
+const dd_site_navs = "_dd_site_navs_1pmyy_427";
+const dd_media_header = "_dd_media_header_1pmyy_441";
+const mt_8 = "_mt_8_1pmyy_459";
+const mt_16 = "_mt_16_1pmyy_467";
+const ml_8 = "_ml_8_1pmyy_475";
+const dd_media_cta = "_dd_media_cta_1pmyy_483";
+const reversed_row = "_reversed_row_1pmyy_511";
+const headline = "_headline_1pmyy_543";
+const nav_anchor = "_nav_anchor_1pmyy_555";
+const headline_cta = "_headline_cta_1pmyy_571";
+const site_lists = "_site_lists_1pmyy_601";
+const hamburger = "_hamburger_1pmyy_671";
+const mobile_only = "_mobile_only_1pmyy_699";
+const mobile_logo = "_mobile_logo_1pmyy_711";
+const highlight = "_highlight_1pmyy_721";
+const mobile_nav = "_mobile_nav_1pmyy_793";
+const mobile_opened = "_mobile_opened_1pmyy_815";
+const mobile_nav_item = "_mobile_nav_item_1pmyy_831";
+const has_dropdown = "_has_dropdown_1pmyy_861";
+const icon_wrap = "_icon_wrap_1pmyy_903";
+const mobile_footer = "_mobile_footer_1pmyy_913";
+const mobile_footer_content = "_mobile_footer_content_1pmyy_923";
+const mobile_footer_media = "_mobile_footer_media_1pmyy_953";
+const footer_cta = "_footer_cta_1pmyy_965";
+const inner_wrapper = "_inner_wrapper_1pmyy_1021";
+const btn = "_btn_1pmyy_1031";
+const sub_menu = "_sub_menu_1pmyy_1043";
+const main = "_main_1pmyy_19";
+const dd_footer = "_dd_footer_1pmyy_1093";
+const desktop_only = "_desktop_only_1pmyy_1133";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js

@@ -1,19 +1,19 @@
-import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_1s2qa_1";
-const drawer = "_drawer_1s2qa_9";
-const hamburger = "_hamburger_1s2qa_29";
-const header = "_header_1s2qa_40";
-const back = "_back_1s2qa_51";
-const close = "_close_1s2qa_62";
-const levelContainer = "_levelContainer_1s2qa_69";
-const level = "_level_1s2qa_69";
-const levelTitle = "_levelTitle_1s2qa_85";
-const menu = "_menu_1s2qa_90";
-const menuItem = "_menuItem_1s2qa_110";
-const chevron = "_chevron_1s2qa_126";
-const chevronIcon = "_chevronIcon_1s2qa_131";
-const quickLinks = "_quickLinks_1s2qa_142";
-const quickLink = "_quickLink_1s2qa_142";
-const sr_only = "_sr_only_1s2qa_166";
+import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_1rjre_1";
+const drawer = "_drawer_1rjre_17";
+const hamburger = "_hamburger_1rjre_57";
+const header = "_header_1rjre_79";
+const back = "_back_1rjre_101";
+const close = "_close_1rjre_123";
+const levelContainer = "_levelContainer_1rjre_137";
+const level = "_level_1rjre_137";
+const levelTitle = "_levelTitle_1rjre_169";
+const menu = "_menu_1rjre_179";
+const menuItem = "_menuItem_1rjre_219";
+const chevron = "_chevron_1rjre_251";
+const chevronIcon = "_chevronIcon_1rjre_261";
+const quickLinks = "_quickLinks_1rjre_283";
+const quickLink = "_quickLink_1rjre_283";
+const sr_only = "_sr_only_1rjre_331";
 const styles = {
   overlay,
   drawer,

package/dist/NavigationMenu/AxosBank/NavBar.module.js

@@ -1,42 +1,42 @@
-import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_68bu0_1";
-const wrapper = "_wrapper_68bu0_5";
-const header_main_row = "_header_main_row_68bu0_11";
-const logo_wrap = "_logo_wrap_68bu0_17";
-const primary_links = "_primary_links_68bu0_21";
-const main_nav_link = "_main_nav_link_68bu0_25";
-const sub_nav_link = "_sub_nav_link_68bu0_57";
-const signin_wrap = "_signin_wrap_68bu0_59";
-const signin_btn = "_signin_btn_68bu0_60";
-const header_sub_row = "_header_sub_row_68bu0_97";
-const signin_dropdown = "_signin_dropdown_68bu0_129";
-const shadow = "_shadow_68bu0_139";
-const signin_header = "_signin_header_68bu0_149";
-const signin_subheader = "_signin_subheader_68bu0_156";
-const opacity = "_opacity_68bu0_178";
-const fadeInDown = "_fadeInDown_68bu0_1";
-const signin_footer = "_signin_footer_68bu0_184";
-const open = "_open_68bu0_205";
-const dd_wrapper = "_dd_wrapper_68bu0_217";
-const dd_media = "_dd_media_68bu0_226";
-const dd_media_img = "_dd_media_img_68bu0_231";
-const dd_site_navs = "_dd_site_navs_68bu0_235";
-const dd_media_header = "_dd_media_header_68bu0_242";
-const mt_8 = "_mt_8_68bu0_252";
-const mt_16 = "_mt_16_68bu0_256";
-const ml_8 = "_ml_8_68bu0_260";
-const dd_media_cta = "_dd_media_cta_68bu0_264";
-const reversed_row = "_reversed_row_68bu0_296";
-const headline = "_headline_68bu0_306";
-const nav_anchor = "_nav_anchor_68bu0_314";
-const headline_cta = "_headline_cta_68bu0_322";
-const site_lists = "_site_lists_68bu0_337";
-const mobile_only = "_mobile_only_68bu0_375";
-const mobile_logo = "_mobile_logo_68bu0_381";
-const highlight = "_highlight_68bu0_388";
-const mobile_opened = "_mobile_opened_68bu0_394";
-const dd_footer = "_dd_footer_68bu0_402";
-const skip_btn = "_skip_btn_68bu0_410";
-const desktop_only = "_desktop_only_68bu0_446";
+import '../../assets/NavigationMenu/AxosBank/NavBar.css.css';const header = "_header_nom5w_1";
+const wrapper = "_wrapper_nom5w_9";
+const header_main_row = "_header_main_row_nom5w_21";
+const logo_wrap = "_logo_wrap_nom5w_33";
+const primary_links = "_primary_links_nom5w_41";
+const main_nav_link = "_main_nav_link_nom5w_49";
+const sub_nav_link = "_sub_nav_link_nom5w_113";
+const signin_wrap = "_signin_wrap_nom5w_117";
+const signin_btn = "_signin_btn_nom5w_119";
+const header_sub_row = "_header_sub_row_nom5w_193";
+const signin_dropdown = "_signin_dropdown_nom5w_257";
+const shadow = "_shadow_nom5w_277";
+const signin_header = "_signin_header_nom5w_297";
+const signin_subheader = "_signin_subheader_nom5w_311";
+const opacity = "_opacity_nom5w_355";
+const fadeInDown = "_fadeInDown_nom5w_1";
+const signin_footer = "_signin_footer_nom5w_367";
+const open = "_open_nom5w_409";
+const dd_wrapper = "_dd_wrapper_nom5w_433";
+const dd_media = "_dd_media_nom5w_451";
+const dd_media_img = "_dd_media_img_nom5w_461";
+const dd_site_navs = "_dd_site_navs_nom5w_469";
+const dd_media_header = "_dd_media_header_nom5w_483";
+const mt_8 = "_mt_8_nom5w_503";
+const mt_16 = "_mt_16_nom5w_511";
+const ml_8 = "_ml_8_nom5w_519";
+const dd_media_cta = "_dd_media_cta_nom5w_527";
+const reversed_row = "_reversed_row_nom5w_591";
+const headline = "_headline_nom5w_611";
+const nav_anchor = "_nav_anchor_nom5w_627";
+const headline_cta = "_headline_cta_nom5w_643";
+const site_lists = "_site_lists_nom5w_673";
+const mobile_only = "_mobile_only_nom5w_749";
+const mobile_logo = "_mobile_logo_nom5w_761";
+const highlight = "_highlight_nom5w_775";
+const mobile_opened = "_mobile_opened_nom5w_787";
+const dd_footer = "_dd_footer_nom5w_803";
+const skip_btn = "_skip_btn_nom5w_819";
+const desktop_only = "_desktop_only_nom5w_891";
 const styles = {
   header,
   wrapper,