@axos-web-dev/shared-components 2.0.0-dev.26 → 2.0.0-dev.27-nav.1

package/README.md

@@ -1,111 +1,111 @@
-# Installation
-
-Using npm:
-
-```shell
-$ npm install @axos-web-dev/shared-components
-```
-
-To import components
-In Node.js:
-
-```js
-// Import Components
-import {
-  AlertBanner,
-  CallToActionBar,
-  DownloadTile,
-  ImageBillboard,
-  SecondaryFooter,
-} from "@axos-web-dev/shared-components";
-
-// Import Types/Interfaces
-
-import { AlertBannerInterface } from "@axos-web-dev/shared-components/dist/AlertBanner/AlertBanner.interface";
-```
-
-In css files:
-
-```css
-/*** Import styles ***/
-
-@import "@axos-web-dev/shared-components/dist/assets/AlertBanner/AlertBanner.css";
-```
-
-# Shared components
-
-This project is develop using `React + TypeScript + Vite + Storybook + Vanilla-extract` to building custom components for internal use.
-
-## How to add new component
-
-For add a new component use the `src/lib` folder and create a folder for the component. After that you should register an export in `src/lib/main.ts` file.
-
-Also you need create a storie for the new component. Go to `src/stories` and create a new file or folder.
-
-```shell
-git clone bofaz@vs-ssh.visualstudio.com:v3/bofaz/Axos%20Marketing%20Cloud/Shared%20Components shared-components
-
-cd shared-components
-
-npm install
-
-# for using storybook
-npm run storybook
-
-# for build
-npm run build
-
-# for testing in other projects
-npm run build
-
-npm link
-
-```
-
-For publishing we need to udpate the version we are using [semantic versioning](https://semver.org/)
-
-```
-Given a version number MAJOR.MINOR.PATCH, increment the:
-
-    MAJOR version when you make incompatible API changes
-    MINOR version when you add functionality in a backward compatible manner
-    PATCH version when you make backward compatible bug fixes
-
-Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
-```
-
-we can update the version with the following commands:
-
-```shell
-# bumps the patch number like 0.0.0 -> 0.0.1
-npm version patch
-
-# bumps the patch number like 0.0.0 -> 0.1.0
-npm version minor
-
-# bumps the patch number like 0.0.0 -> 1.0.0
-npm version major
-
-
-
-```
-
-## How to publish new library version to npm
-
-First update the version as previously described
-
-```shell
-npm version [...]
-```
-
-Then you will need to login into npm to do that write:
-
-```shell
-npm login --scope=@my-org
-```
-
-Last you to publish the new version:
-
-```shell
-npm publish
-```
+# Installation
+
+Using npm:
+
+```shell
+$ npm install @axos-web-dev/shared-components
+```
+
+To import components
+In Node.js:
+
+```js
+// Import Components
+import {
+  AlertBanner,
+  CallToActionBar,
+  DownloadTile,
+  ImageBillboard,
+  SecondaryFooter,
+} from "@axos-web-dev/shared-components";
+
+// Import Types/Interfaces
+
+import { AlertBannerInterface } from "@axos-web-dev/shared-components/dist/AlertBanner/AlertBanner.interface";
+```
+
+In css files:
+
+```css
+/*** Import styles ***/
+
+@import "@axos-web-dev/shared-components/dist/assets/AlertBanner/AlertBanner.css";
+```
+
+# Shared components
+
+This project is develop using `React + TypeScript + Vite + Storybook + Vanilla-extract` to building custom components for internal use.
+
+## How to add new component
+
+For add a new component use the `src/lib` folder and create a folder for the component. After that you should register an export in `src/lib/main.ts` file.
+
+Also you need create a storie for the new component. Go to `src/stories` and create a new file or folder.
+
+```shell
+git clone bofaz@vs-ssh.visualstudio.com:v3/bofaz/Axos%20Marketing%20Cloud/Shared%20Components shared-components
+
+cd shared-components
+
+npm install
+
+# for using storybook
+npm run storybook
+
+# for build
+npm run build
+
+# for testing in other projects
+npm run build
+
+npm link
+
+```
+
+For publishing we need to udpate the version we are using [semantic versioning](https://semver.org/)
+
+```
+Given a version number MAJOR.MINOR.PATCH, increment the:
+
+    MAJOR version when you make incompatible API changes
+    MINOR version when you add functionality in a backward compatible manner
+    PATCH version when you make backward compatible bug fixes
+
+Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
+```
+
+we can update the version with the following commands:
+
+```shell
+# bumps the patch number like 0.0.0 -> 0.0.1
+npm version patch
+
+# bumps the patch number like 0.0.0 -> 0.1.0
+npm version minor
+
+# bumps the patch number like 0.0.0 -> 1.0.0
+npm version major
+
+
+
+```
+
+## How to publish new library version to npm
+
+First update the version as previously described
+
+```shell
+npm version [...]
+```
+
+Then you will need to login into npm to do that write:
+
+```shell
+npm login --scope=@my-org
+```
+
+Last you to publish the new version:
+
+```shell
+npm publish
+```

package/dist/Avatar/Avatar.module.js

@@ -1,10 +1,10 @@
-import '../assets/Avatar/Avatar.css';const avatar_sec = "_avatar_sec_1clr6_1";
-const container = "_container_1clr6_5";
-const image = "_image_1clr6_14";
-const text = "_text_1clr6_23";
-const name = "_name_1clr6_29";
-const title = "_title_1clr6_37";
-const description = "_description_1clr6_44";
+import '../assets/Avatar/Avatar.css';const avatar_sec = "_avatar_sec_q4a8z_1";
+const container = "_container_q4a8z_9";
+const image = "_image_q4a8z_27";
+const text = "_text_q4a8z_45";
+const name = "_name_q4a8z_57";
+const title = "_title_q4a8z_73";
+const description = "_description_q4a8z_87";
 const css = {
   avatar_sec,
   container,

package/dist/Blockquote/Blockquote.module.js

@@ -1,6 +1,6 @@
-import '../assets/Blockquote/Blockquote.css';const quote_spacer = "_quote_spacer_ovx4r_1";
-const author = "_author_ovx4r_7";
-const quote = "_quote_ovx4r_1";
+import '../assets/Blockquote/Blockquote.css';const quote_spacer = "_quote_spacer_lqs2u_1";
+const author = "_author_lqs2u_13";
+const quote = "_quote_lqs2u_1";
 const css = {
   quote_spacer,
   author,

package/dist/Chatbot/Chatbot.js

@@ -39,6 +39,7 @@ const Chatbot = ({
   const menuRef = useRef(null);
   const isMountedRef = useRef(false);
   const chatRef = useRef(null);
+  const chatLoading = useRef(false);
   const agent_virtual = useRef(null);
   const [status, setStatus] = useState("idle");
   const [hasStarted, setHasStarted] = useState(false);
@@ -98,7 +99,7 @@ const Chatbot = ({
       setMenusLoaded(true);
       console.log("menus:", menuRef.current);
       if (menuRef.current !== null) {
-        await startChat();
+        await startChat("onReady");
       }
     }
   };
@@ -256,23 +257,28 @@ const Chatbot = ({
     registerEventHandlers();
     return;
   };
-  const startChat = async () => {
-    console.log("Starting chat", chatRef.current);
+  const startChat = async (source) => {
     const client = clientRef.current;
     if (!client) return;
     if (hasStarted) return;
-    if (!menuRef.current || !menuRef.current.menus) {
-      let waited = 0;
-      while ((!menuRef.current || !menuRef.current.menus) && waited < 5e3) {
-        await new Promise((res) => setTimeout(res, 100));
-        waited += 100;
-      }
-      if (!menuRef.current || !menuRef.current.menus) {
-        console.error("Menu not loaded, cannot start chat");
-        return;
-      }
+    if (chatLoading.current) {
+      console.log(`startChat skipped [${source}] — already in progress`);
+      return;
     }
     try {
+      console.log(`Starting chat [${source}]`, chatRef.current);
+      chatLoading.current = true;
+      if (!menuRef.current || !menuRef.current.menus) {
+        let waited = 0;
+        while ((!menuRef.current || !menuRef.current.menus) && waited < 5e3) {
+          await new Promise((res) => setTimeout(res, 100));
+          waited += 100;
+        }
+        if (!menuRef.current || !menuRef.current.menus) {
+          console.error("Menu not loaded, cannot start chat");
+          return;
+        }
+      }
       console.log("menus: ->", menuRef.current);
       const ongoingChat = await client.loadOngoingChat();
       console.log("theres a ongoing chat?: -->", ongoingChat);
@@ -302,6 +308,7 @@ const Chatbot = ({
     } catch (err) {
       console.error("Error creating chat:", err);
     } finally {
+      chatLoading.current = false;
       setHasStarted(true);
       if (clientRef?.current?.chat?.state?.status == "va_assigned") {
         const OriginalAudio = window.Audio;
@@ -319,12 +326,14 @@ const Chatbot = ({
     toggle();
     if (hasStarted) return;
     if (!hasOpenedOnce) {
-      await startChat();
+      await startChat("bubbleClick");
       setHasStarted(true);
     }
   };
   const onSendMessage = async (msg) => {
-    console.log("Sending message:", msg);
+    const clientChatId = clientRef.current?.chat?.id;
+    const refChatId = chatRef.current?.id;
+    console.log("Sending message:", msg, "| client.chat.id:", clientChatId, "| chatRef.id:", refChatId);
     try {
       await clientRef.current?.sendTextMessage(msg);
     } catch (error) {
@@ -350,7 +359,7 @@ const Chatbot = ({
   const onEndAndStartNewChat = async () => {
     console.log("Ending current chat and starting a new one");
     await onEndChat();
-    await startChat();
+    await startChat("endAndStartNew");
   };
   useMount(async () => {
     console.log("Chatbot mounted");
@@ -361,6 +370,7 @@ const Chatbot = ({
   useUnmount(() => {
     console.log("Chatbot unmounted");
     deregisterEventHandlers();
+    chatLoading.current = false;
     reset();
     setHasStarted(false);
     setStatus("idle");

package/dist/FdicCallout/FdicCallout.module.js

@@ -1,5 +1,5 @@
-import '../assets/FdicCallout/FdicCallout.css';const fdic_callout = "_fdic_callout_1f6md_1";
-const inner_container = "_inner_container_1f6md_6";
+import '../assets/FdicCallout/FdicCallout.css';const fdic_callout = "_fdic_callout_eqzgp_1";
+const inner_container = "_inner_container_eqzgp_11";
 const css = {
   fdic_callout,
   inner_container

package/dist/Interstitial/Interstitial.module.js

@@ -1,13 +1,13 @@
-import '../assets/Interstitial/Interstitial.css';const overlay = "_overlay_e4cra_24";
-const modal = "_modal_e4cra_40";
-const vanish = "_vanish_e4cra_1";
-const appear = "_appear_e4cra_1";
-const close_button = "_close_button_e4cra_55";
-const modal_content = "_modal_content_e4cra_70";
-const img_area = "_img_area_e4cra_74";
-const body_copy = "_body_copy_e4cra_84";
-const btns = "_btns_e4cra_98";
-const white_modal = "_white_modal_e4cra_139";
+import '../assets/Interstitial/Interstitial.css';const overlay = "_overlay_1ep5z_47";
+const modal = "_modal_1ep5z_79";
+const vanish = "_vanish_1ep5z_1";
+const appear = "_appear_1ep5z_1";
+const close_button = "_close_button_1ep5z_109";
+const modal_content = "_modal_content_1ep5z_139";
+const img_area = "_img_area_1ep5z_147";
+const body_copy = "_body_copy_1ep5z_167";
+const btns = "_btns_1ep5z_195";
+const white_modal = "_white_modal_1ep5z_277";
 const css = {
   overlay,
   modal,

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

@@ -1,26 +1,26 @@
-import '../../assets/NavigationMenu/AxosALTS/NavBar.css';const alts_header = "_alts_header_1s4n2_1";
-const alts_wrapper = "_alts_wrapper_1s4n2_5";
-const alts_header_main_row = "_alts_header_main_row_1s4n2_11";
-const alts_mobile_header = "_alts_mobile_header_1s4n2_12";
-const alts_logo_wrap = "_alts_logo_wrap_1s4n2_18";
-const alts_primary_links = "_alts_primary_links_1s4n2_22";
-const alts_main_nav_link = "_alts_main_nav_link_1s4n2_27";
-const alts_hamburger = "_alts_hamburger_1s4n2_63";
-const alts_mobile_logo = "_alts_mobile_logo_1s4n2_77";
-const alts_mobile_nav = "_alts_mobile_nav_1s4n2_102";
-const alts_mobile_opened = "_alts_mobile_opened_1s4n2_113";
-const alts_mobile_nav_item = "_alts_mobile_nav_item_1s4n2_121";
-const alts_icon_wrap = "_alts_icon_wrap_1s4n2_136";
-const alts_mobile_footer = "_alts_mobile_footer_1s4n2_141";
-const alts_mobile_footer_content = "_alts_mobile_footer_content_1s4n2_146";
-const alts_mobile_footer_media = "_alts_mobile_footer_media_1s4n2_157";
-const alts_inner_wrapper = "_alts_inner_wrapper_1s4n2_167";
-const alts_btn = "_alts_btn_1s4n2_172";
-const alts_sub_menu = "_alts_sub_menu_1s4n2_177";
-const alts_skip_btn = "_alts_skip_btn_1s4n2_185";
-const alts_desktop_only = "_alts_desktop_only_1s4n2_209";
-const alts_main_nav = "_alts_main_nav_1s4n2_27";
-const alts_mobile_only = "_alts_mobile_only_1s4n2_261";
+import '../../assets/NavigationMenu/AxosALTS/NavBar.css';const alts_header = "_alts_header_19h22_1";
+const alts_wrapper = "_alts_wrapper_19h22_9";
+const alts_header_main_row = "_alts_header_main_row_19h22_21";
+const alts_mobile_header = "_alts_mobile_header_19h22_23";
+const alts_logo_wrap = "_alts_logo_wrap_19h22_35";
+const alts_primary_links = "_alts_primary_links_19h22_43";
+const alts_main_nav_link = "_alts_main_nav_link_19h22_53";
+const alts_hamburger = "_alts_hamburger_19h22_125";
+const alts_mobile_logo = "_alts_mobile_logo_19h22_153";
+const alts_mobile_nav = "_alts_mobile_nav_19h22_203";
+const alts_mobile_opened = "_alts_mobile_opened_19h22_225";
+const alts_mobile_nav_item = "_alts_mobile_nav_item_19h22_241";
+const alts_icon_wrap = "_alts_icon_wrap_19h22_271";
+const alts_mobile_footer = "_alts_mobile_footer_19h22_281";
+const alts_mobile_footer_content = "_alts_mobile_footer_content_19h22_291";
+const alts_mobile_footer_media = "_alts_mobile_footer_media_19h22_313";
+const alts_inner_wrapper = "_alts_inner_wrapper_19h22_333";
+const alts_btn = "_alts_btn_19h22_343";
+const alts_sub_menu = "_alts_sub_menu_19h22_353";
+const alts_skip_btn = "_alts_skip_btn_19h22_369";
+const alts_desktop_only = "_alts_desktop_only_19h22_417";
+const alts_main_nav = "_alts_main_nav_19h22_53";
+const alts_mobile_only = "_alts_mobile_only_19h22_521";
 const styles = {
   alts_header,
   alts_wrapper,

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

@@ -1,55 +1,55 @@
-import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';const header = "_header_9w33l_1";
-const wrapper = "_wrapper_9w33l_5";
-const header_main_row = "_header_main_row_9w33l_10";
-const mobile_header = "_mobile_header_9w33l_11";
-const logo_wrap = "_logo_wrap_9w33l_17";
-const primary_links = "_primary_links_9w33l_21";
-const main_nav_link = "_main_nav_link_9w33l_25";
-const sub_nav_link = "_sub_nav_link_9w33l_57";
-const signin_wrap = "_signin_wrap_9w33l_59";
-const signin_btn = "_signin_btn_9w33l_60";
-const header_sub_row = "_header_sub_row_9w33l_98";
-const signin_dropdown = "_signin_dropdown_9w33l_118";
-const shadow = "_shadow_9w33l_128";
-const signin_header = "_signin_header_9w33l_136";
-const signin_subheader = "_signin_subheader_9w33l_143";
-const opacity = "_opacity_9w33l_165";
-const fadeInDown = "_fadeInDown_9w33l_1";
-const footer = "_footer_9w33l_171";
-const open = "_open_9w33l_187";
-const dd_wrapper = "_dd_wrapper_9w33l_199";
-const dd_media = "_dd_media_9w33l_204";
-const dd_media_img = "_dd_media_img_9w33l_209";
-const dd_site_navs = "_dd_site_navs_9w33l_213";
-const dd_media_header = "_dd_media_header_9w33l_220";
-const mt_8 = "_mt_8_9w33l_229";
-const mt_16 = "_mt_16_9w33l_233";
-const ml_8 = "_ml_8_9w33l_237";
-const dd_media_cta = "_dd_media_cta_9w33l_241";
-const reversed_row = "_reversed_row_9w33l_255";
-const headline = "_headline_9w33l_271";
-const nav_anchor = "_nav_anchor_9w33l_277";
-const headline_cta = "_headline_cta_9w33l_285";
-const site_lists = "_site_lists_9w33l_300";
-const hamburger = "_hamburger_9w33l_335";
-const mobile_only = "_mobile_only_9w33l_349";
-const mobile_logo = "_mobile_logo_9w33l_355";
-const highlight = "_highlight_9w33l_360";
-const mobile_nav = "_mobile_nav_9w33l_396";
-const mobile_opened = "_mobile_opened_9w33l_407";
-const mobile_nav_item = "_mobile_nav_item_9w33l_415";
-const has_dropdown = "_has_dropdown_9w33l_430";
-const icon_wrap = "_icon_wrap_9w33l_451";
-const mobile_footer = "_mobile_footer_9w33l_456";
-const mobile_footer_content = "_mobile_footer_content_9w33l_461";
-const mobile_footer_media = "_mobile_footer_media_9w33l_476";
-const footer_cta = "_footer_cta_9w33l_482";
-const inner_wrapper = "_inner_wrapper_9w33l_510";
-const btn = "_btn_9w33l_515";
-const sub_menu = "_sub_menu_9w33l_520";
-const main = "_main_9w33l_25";
-const dd_footer = "_dd_footer_9w33l_545";
-const desktop_only = "_desktop_only_9w33l_564";
+import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';const header = "_header_epxpu_1";
+const wrapper = "_wrapper_epxpu_9";
+const header_main_row = "_header_main_row_epxpu_19";
+const mobile_header = "_mobile_header_epxpu_21";
+const logo_wrap = "_logo_wrap_epxpu_33";
+const primary_links = "_primary_links_epxpu_41";
+const main_nav_link = "_main_nav_link_epxpu_49";
+const sub_nav_link = "_sub_nav_link_epxpu_113";
+const signin_wrap = "_signin_wrap_epxpu_117";
+const signin_btn = "_signin_btn_epxpu_119";
+const header_sub_row = "_header_sub_row_epxpu_195";
+const signin_dropdown = "_signin_dropdown_epxpu_235";
+const shadow = "_shadow_epxpu_255";
+const signin_header = "_signin_header_epxpu_271";
+const signin_subheader = "_signin_subheader_epxpu_285";
+const opacity = "_opacity_epxpu_329";
+const fadeInDown = "_fadeInDown_epxpu_1";
+const footer = "_footer_epxpu_341";
+const open = "_open_epxpu_373";
+const dd_wrapper = "_dd_wrapper_epxpu_397";
+const dd_media = "_dd_media_epxpu_407";
+const dd_media_img = "_dd_media_img_epxpu_417";
+const dd_site_navs = "_dd_site_navs_epxpu_425";
+const dd_media_header = "_dd_media_header_epxpu_439";
+const mt_8 = "_mt_8_epxpu_457";
+const mt_16 = "_mt_16_epxpu_465";
+const ml_8 = "_ml_8_epxpu_473";
+const dd_media_cta = "_dd_media_cta_epxpu_481";
+const reversed_row = "_reversed_row_epxpu_509";
+const headline = "_headline_epxpu_541";
+const nav_anchor = "_nav_anchor_epxpu_553";
+const headline_cta = "_headline_cta_epxpu_569";
+const site_lists = "_site_lists_epxpu_599";
+const hamburger = "_hamburger_epxpu_669";
+const mobile_only = "_mobile_only_epxpu_697";
+const mobile_logo = "_mobile_logo_epxpu_709";
+const highlight = "_highlight_epxpu_719";
+const mobile_nav = "_mobile_nav_epxpu_791";
+const mobile_opened = "_mobile_opened_epxpu_813";
+const mobile_nav_item = "_mobile_nav_item_epxpu_829";
+const has_dropdown = "_has_dropdown_epxpu_859";
+const icon_wrap = "_icon_wrap_epxpu_901";
+const mobile_footer = "_mobile_footer_epxpu_911";
+const mobile_footer_content = "_mobile_footer_content_epxpu_921";
+const mobile_footer_media = "_mobile_footer_media_epxpu_951";
+const footer_cta = "_footer_cta_epxpu_963";
+const inner_wrapper = "_inner_wrapper_epxpu_1019";
+const btn = "_btn_epxpu_1029";
+const sub_menu = "_sub_menu_epxpu_1039";
+const main = "_main_epxpu_49";
+const dd_footer = "_dd_footer_epxpu_1089";
+const desktop_only = "_desktop_only_epxpu_1127";
 const styles = {
   header,
   wrapper,

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

@@ -1,56 +1,56 @@
-import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';const header = "_header_yenuk_1";
-const wrapper = "_wrapper_yenuk_5";
-const main_nav = "_main_nav_yenuk_10";
-const header_main_row = "_header_main_row_yenuk_17";
-const mobile_header = "_mobile_header_yenuk_18";
-const logo_wrap = "_logo_wrap_yenuk_30";
-const primary_links = "_primary_links_yenuk_34";
-const main_nav_link = "_main_nav_link_yenuk_38";
-const sub_nav_link = "_sub_nav_link_yenuk_70";
-const signin_wrap = "_signin_wrap_yenuk_72";
-const signin_btn = "_signin_btn_yenuk_73";
-const header_sub_row = "_header_sub_row_yenuk_110";
-const signin_dropdown = "_signin_dropdown_yenuk_130";
-const shadow = "_shadow_yenuk_140";
-const signin_header = "_signin_header_yenuk_148";
-const signin_subheader = "_signin_subheader_yenuk_155";
-const opacity = "_opacity_yenuk_177";
-const fadeInDown = "_fadeInDown_yenuk_1";
-const footer = "_footer_yenuk_183";
-const open = "_open_yenuk_199";
-const dd_wrapper = "_dd_wrapper_yenuk_211";
-const dd_media = "_dd_media_yenuk_216";
-const dd_media_img = "_dd_media_img_yenuk_221";
-const dd_site_navs = "_dd_site_navs_yenuk_225";
-const dd_media_header = "_dd_media_header_yenuk_232";
-const mt_8 = "_mt_8_yenuk_241";
-const mt_16 = "_mt_16_yenuk_245";
-const ml_8 = "_ml_8_yenuk_249";
-const dd_media_cta = "_dd_media_cta_yenuk_253";
-const reversed_row = "_reversed_row_yenuk_267";
-const headline = "_headline_yenuk_283";
-const nav_anchor = "_nav_anchor_yenuk_289";
-const headline_cta = "_headline_cta_yenuk_297";
-const site_lists = "_site_lists_yenuk_312";
-const hamburger = "_hamburger_yenuk_347";
-const mobile_only = "_mobile_only_yenuk_361";
-const mobile_logo = "_mobile_logo_yenuk_367";
-const highlight = "_highlight_yenuk_372";
-const mobile_nav = "_mobile_nav_yenuk_408";
-const mobile_opened = "_mobile_opened_yenuk_419";
-const mobile_nav_item = "_mobile_nav_item_yenuk_427";
-const has_dropdown = "_has_dropdown_yenuk_442";
-const icon_wrap = "_icon_wrap_yenuk_463";
-const mobile_footer = "_mobile_footer_yenuk_468";
-const mobile_footer_content = "_mobile_footer_content_yenuk_473";
-const mobile_footer_media = "_mobile_footer_media_yenuk_488";
-const footer_cta = "_footer_cta_yenuk_494";
-const inner_wrapper = "_inner_wrapper_yenuk_523";
-const btn = "_btn_yenuk_528";
-const sub_menu = "_sub_menu_yenuk_534";
-const main = "_main_yenuk_10";
-const dd_footer = "_dd_footer_yenuk_559";
-const desktop_only = "_desktop_only_yenuk_579";
+import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';const header = "_header_1rlwu_1";
+const wrapper = "_wrapper_1rlwu_9";
+const main_nav = "_main_nav_1rlwu_19";
+const header_main_row = "_header_main_row_1rlwu_33";
+const mobile_header = "_mobile_header_1rlwu_35";
+const logo_wrap = "_logo_wrap_1rlwu_59";
+const primary_links = "_primary_links_1rlwu_67";
+const main_nav_link = "_main_nav_link_1rlwu_75";
+const sub_nav_link = "_sub_nav_link_1rlwu_139";
+const signin_wrap = "_signin_wrap_1rlwu_143";
+const signin_btn = "_signin_btn_1rlwu_145";
+const header_sub_row = "_header_sub_row_1rlwu_219";
+const signin_dropdown = "_signin_dropdown_1rlwu_259";
+const shadow = "_shadow_1rlwu_279";
+const signin_header = "_signin_header_1rlwu_295";
+const signin_subheader = "_signin_subheader_1rlwu_309";
+const opacity = "_opacity_1rlwu_353";
+const fadeInDown = "_fadeInDown_1rlwu_1";
+const footer = "_footer_1rlwu_365";
+const open = "_open_1rlwu_397";
+const dd_wrapper = "_dd_wrapper_1rlwu_421";
+const dd_media = "_dd_media_1rlwu_431";
+const dd_media_img = "_dd_media_img_1rlwu_441";
+const dd_site_navs = "_dd_site_navs_1rlwu_449";
+const dd_media_header = "_dd_media_header_1rlwu_463";
+const mt_8 = "_mt_8_1rlwu_481";
+const mt_16 = "_mt_16_1rlwu_489";
+const ml_8 = "_ml_8_1rlwu_497";
+const dd_media_cta = "_dd_media_cta_1rlwu_505";
+const reversed_row = "_reversed_row_1rlwu_533";
+const headline = "_headline_1rlwu_565";
+const nav_anchor = "_nav_anchor_1rlwu_577";
+const headline_cta = "_headline_cta_1rlwu_593";
+const site_lists = "_site_lists_1rlwu_623";
+const hamburger = "_hamburger_1rlwu_693";
+const mobile_only = "_mobile_only_1rlwu_721";
+const mobile_logo = "_mobile_logo_1rlwu_733";
+const highlight = "_highlight_1rlwu_743";
+const mobile_nav = "_mobile_nav_1rlwu_815";
+const mobile_opened = "_mobile_opened_1rlwu_837";
+const mobile_nav_item = "_mobile_nav_item_1rlwu_853";
+const has_dropdown = "_has_dropdown_1rlwu_883";
+const icon_wrap = "_icon_wrap_1rlwu_925";
+const mobile_footer = "_mobile_footer_1rlwu_935";
+const mobile_footer_content = "_mobile_footer_content_1rlwu_945";
+const mobile_footer_media = "_mobile_footer_media_1rlwu_975";
+const footer_cta = "_footer_cta_1rlwu_987";
+const inner_wrapper = "_inner_wrapper_1rlwu_1045";
+const btn = "_btn_1rlwu_1055";
+const sub_menu = "_sub_menu_1rlwu_1067";
+const main = "_main_1rlwu_19";
+const dd_footer = "_dd_footer_1rlwu_1117";
+const desktop_only = "_desktop_only_1rlwu_1157";
 const styles = {
   header,
   wrapper,