@axos-web-dev/shared-components 2.0.0-dev.27-evo.1 → 2.0.0-dev.29

package/dist/Chatbot/ChatWindow.js

@@ -6,9 +6,9 @@ import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import
 /* empty css                               */
 /* empty css                                    */
 import clsx from "clsx";
-import React, { useRef, useEffect } from "react";
+import React, { useRef, useState, useEffect } from "react";
 import { useNetworkState, useMount } from "react-use";
-import { gradientFocus } from "./AnimatedGradientBorder.css.js";
+import { focusAnimation, gradientFocus } from "./AnimatedGradientBorder.css.js";
 import { ChatbotMessage } from "./ChatbotMessage.js";
 import { windowBarStyle, left_bar_section, chat_title, button_bar, chatbotMenuItem, chatbotMenu, chatEndDialogOverlay, chatFinishDialog, chatEndCircle, endChatButtonStyle, noAnswerButton, arrowFill, button_reset, buttonss_section, chatNetworkStatus, shimmerText, messagesContainerStyle, inputStyle, autoResize, sendButtonStyle, windowStyle, windowOpenStyle } from "./ChatWindow.css.js";
 import { EllipsisIcon } from "./EllipsisIcon.js";
@@ -53,6 +53,7 @@ const ChatWindow = ({
   const [input, setInput] = React.useState("");
   const messagesEndRef = useRef(null);
   const inputRef = useRef(null);
+  const [focused, setFocused] = useState(false);
   useEffect(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages]);
@@ -459,71 +460,89 @@ const ChatWindow = ({
       ),
       /* @__PURE__ */ jsx("div", { ref: messagesEndRef })
     ] }),
-    /* @__PURE__ */ jsx("div", { style: { padding: "16px 16px 24px 16px" }, children: /* @__PURE__ */ jsx("form", { onSubmit: handleSend, className: clsx(gradientFocus), children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        style: {
-          display: "flex",
-          padding: "12px 16px",
-          background: isBlockedInput || inputDisabled || status !== "connected" || messages.length == 0 || escalationDeflected ? "light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3))" : "#ffffff",
-          borderRadius: 12
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            "textarea",
-            {
-              ref: inputRef,
-              value: input,
-              onChange: (e) => setInput(e.target.value),
-              onKeyDown: (e) => {
-                if (hasEscalated) {
-                  previewTyping(e.target?.value);
-                }
-                if (e.key === "Enter" && !e.shiftKey) {
-                  handleSend(e);
-                }
-              },
-              placeholder: "Ask anything...",
-              className: clsx(inputStyle, autoResize),
-              autoFocus: true,
-              disabled: isBlockedInput || inputDisabled || status !== "connected" || messages.length == 0 || escalationDeflected,
-              rows: 1
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: clsx(
-                sendButtonStyle,
-                input.trim().length > 0 && "active"
-              ),
-              type: "submit",
-              title: "Send message",
-              disabled: isBlockedInput || inputDisabled || status !== "connected" || !input.trim() || messages.length == 0 || escalationDeflected,
-              children: /* @__PURE__ */ jsx(
-                "svg",
-                {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  width: "16",
-                  height: "16",
-                  viewBox: "0 0 16 16",
-                  fill: "none",
-                  children: /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      fillRule: "evenodd",
-                      clipRule: "evenodd",
-                      d: "M0.0030533 5.42479C0.0273417 5.1795 0.193529 4.9714 0.427369 4.89345L15.0114 0.0320896C15.236 -0.0427712 15.4836 0.0156801 15.651 0.183075C15.8184 0.35047 15.8769 0.598075 15.802 0.822659L10.9407 15.4067C10.8627 15.6406 10.6546 15.8068 10.4093 15.8311C10.164 15.8553 9.92737 15.7332 9.80508 15.5192L6.35411 9.47999L0.314925 6.02903C0.100912 5.90673 -0.0212351 5.67008 0.0030533 5.42479ZM7.59169 9.1263L9.64202 12.7144C9.85645 13.0896 10.4138 13.0344 10.5505 12.6244L13.9046 2.56191C14.0349 2.17103 13.6631 1.79916 13.2722 1.92946L3.20969 5.28362C2.79967 5.4203 2.74448 5.97766 3.11973 6.19209L6.70781 8.24242L9.90579 5.04443C10.1499 4.80036 10.5456 4.80036 10.7897 5.04443C11.0337 5.28851 11.0337 5.68424 10.7897 5.92832L7.59169 9.1263Z",
-                      fill: "#435164"
-                    }
-                  )
-                }
-              )
-            }
-          )
-        ]
-      }
-    ) }) })
+    /* @__PURE__ */ jsx("div", { style: { padding: "16px 16px 24px 16px" }, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSend, className: clsx(gradientFocus), children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clsx(focused ? focusAnimation : ""),
+          style: {
+            position: "absolute",
+            // border: "1px solid red",
+            left: "10%",
+            width: "80%",
+            height: "40px",
+            zIndex: "-1"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            padding: "12px 16px",
+            background: isBlockedInput || inputDisabled || status !== "connected" || messages.length == 0 || escalationDeflected ? "light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3))" : "#ffffff",
+            borderRadius: 12
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                ref: inputRef,
+                value: input,
+                onChange: (e) => setInput(e.target.value),
+                onKeyDown: (e) => {
+                  if (hasEscalated) {
+                    previewTyping(e.target?.value);
+                  }
+                  if (e.key === "Enter" && !e.shiftKey) {
+                    handleSend(e);
+                  }
+                },
+                onFocus: () => setFocused(true),
+                onBlur: () => setFocused(false),
+                placeholder: "Ask anything...",
+                className: clsx(inputStyle, autoResize),
+                autoFocus: true,
+                disabled: isBlockedInput || inputDisabled || status !== "connected" || messages.length == 0 || escalationDeflected,
+                rows: 1
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: clsx(
+                  sendButtonStyle,
+                  input.trim().length > 0 && "active"
+                ),
+                type: "submit",
+                title: "Send message",
+                disabled: isBlockedInput || inputDisabled || status !== "connected" || !input.trim() || messages.length == 0 || escalationDeflected,
+                children: /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 16 16",
+                    fill: "none",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M0.0030533 5.42479C0.0273417 5.1795 0.193529 4.9714 0.427369 4.89345L15.0114 0.0320896C15.236 -0.0427712 15.4836 0.0156801 15.651 0.183075C15.8184 0.35047 15.8769 0.598075 15.802 0.822659L10.9407 15.4067C10.8627 15.6406 10.6546 15.8068 10.4093 15.8311C10.164 15.8553 9.92737 15.7332 9.80508 15.5192L6.35411 9.47999L0.314925 6.02903C0.100912 5.90673 -0.0212351 5.67008 0.0030533 5.42479ZM7.59169 9.1263L9.64202 12.7144C9.85645 13.0896 10.4138 13.0344 10.5505 12.6244L13.9046 2.56191C14.0349 2.17103 13.6631 1.79916 13.2722 1.92946L3.20969 5.28362C2.79967 5.4203 2.74448 5.97766 3.11973 6.19209L6.70781 8.24242L9.90579 5.04443C10.1499 4.80036 10.5456 4.80036 10.7897 5.04443C11.0337 5.28851 11.0337 5.68424 10.7897 5.92832L7.59169 9.1263Z",
+                        fill: "#435164"
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    ] }) })
   ] });
 };
 export {

package/dist/Chatbot/Chatbot.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
-import { useMount, useUnmount } from "react-use";
+import { useLocation, useMount, useUnmount } from "react-use";
 import notificationSound from "../assets/notification.mp3.js";
 import { Bubble } from "./Bubble.js";
 import { chatbotAXB, chatbotUFB } from "./Chatbot.css.js";
@@ -34,6 +34,7 @@ const Chatbot = ({
     unblockInput,
     blockInput
   } = useOpenChat();
+  const location = useLocation();
   const { addMessage, addMessages, clearMessages, messages } = useMessages();
   const clientRef = useRef(null);
   const menuRef = useRef(null);
@@ -89,6 +90,10 @@ const Chatbot = ({
       env: {
         label: "env",
         value: projectEnv === "uat" ? "dev" : projectEnv
+      },
+      url: {
+        label: "url",
+        value: location.href
       }
     }
   };
@@ -333,7 +338,14 @@ const Chatbot = ({
   const onSendMessage = async (msg) => {
     const clientChatId = clientRef.current?.chat?.id;
     const refChatId = chatRef.current?.id;
-    console.log("Sending message:", msg, "| client.chat.id:", clientChatId, "| chatRef.id:", refChatId);
+    console.log(
+      "Sending message:",
+      msg,
+      "| client.chat.id:",
+      clientChatId,
+      "| chatRef.id:",
+      refChatId
+    );
     try {
       await clientRef.current?.sendTextMessage(msg);
     } catch (error) {

package/dist/FdicCallout/FdicCallout.module.js

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

package/dist/Forms/ApplyNow.js

@@ -29,6 +29,7 @@ import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Modal/contextApi/store.js";
 import "next/image.js";
+import "../Button/Button.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -62,7 +63,6 @@ import "../Hyperlink/Hyperlink.css.js";
 /* empty css                                               */
 import "iframe-resizer";
 /* empty css                                                                                */
-import "../Button/Button.css.js";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";

package/dist/Forms/MortgageRate/MortgageRateForm.js

@@ -29,6 +29,7 @@ import "../../Calculators/calculator.css.js";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../../Modal/contextApi/store.js";
 import "next/image.js";
+import { button } from "../../Button/Button.css.js";
 import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../../Table/Table.css.js";
 import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -64,7 +65,6 @@ import "../../Hyperlink/Hyperlink.css.js";
 /* empty css                                                */
 import "iframe-resizer";
 /* empty css                                                                                   */
-import { button } from "../../Button/Button.css.js";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";

package/dist/Forms/MortgageRate/MortgageRateWatch.js

@@ -41,6 +41,7 @@ import "../../Calculators/calculator.css.js";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../../Modal/contextApi/store.js";
 import "next/image.js";
+import { button } from "../../Button/Button.css.js";
 import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../../Table/Table.css.js";
 import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -59,7 +60,6 @@ import "../../Hyperlink/Hyperlink.css.js";
 import { SuccesFormWrapper } from "../SuccesForm.js";
 import "iframe-resizer";
 /* empty css                                                                                   */
-import { button } from "../../Button/Button.css.js";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";

package/dist/Forms/SuccesForm.js

@@ -23,6 +23,7 @@ import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Modal/contextApi/store.js";
 import "next/image.js";
+import "../Button/Button.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -45,7 +46,6 @@ import "iframe-resizer";
 /* empty css                                                                                */
 import "../Chevron/Chevron.css.js";
 /* empty css                                */
-import "../Button/Button.css.js";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";

package/dist/ImageLink/ImageLink.js

@@ -22,6 +22,7 @@ import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Modal/contextApi/store.js";
 import "next/image.js";
+import "../Button/Button.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -56,7 +57,6 @@ import "../Inputs/Input.css.js";
 /* empty css                                                      */
 import "iframe-resizer";
 /* empty css                                                                                */
-import "../Button/Button.css.js";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";

package/dist/Insight/Featured/CategorySelector.js

@@ -26,6 +26,7 @@ import "../../Calculators/calculator.css.js";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../../Modal/contextApi/store.js";
 import "next/image.js";
+import "../../Button/Button.css.js";
 import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../../Table/Table.css.js";
 import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -58,7 +59,6 @@ import "../../Hyperlink/Hyperlink.css.js";
 /* empty css                                                         */
 import "iframe-resizer";
 /* empty css                                                                                   */
-import "../../Button/Button.css.js";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";

package/dist/Insight/Featured/Featured.js

@@ -23,6 +23,7 @@ import "../../Calculators/calculator.css.js";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../../Modal/contextApi/store.js";
 import Image from "next/image.js";
+import "../../Button/Button.css.js";
 import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../../Table/Table.css.js";
 import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -58,7 +59,6 @@ import "../../Hyperlink/Hyperlink.css.js";
 /* empty css                                                         */
 import "iframe-resizer";
 /* empty css                                                                                   */
-import "../../Button/Button.css.js";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";

package/dist/Insight/Featured/Header.js

@@ -21,6 +21,7 @@ import "../../Calculators/calculator.css.js";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../../Modal/contextApi/store.js";
 import "next/image.js";
+import "../../Button/Button.css.js";
 import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../../Table/Table.css.js";
 import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -56,7 +57,6 @@ import "../../Hyperlink/Hyperlink.css.js";
 /* empty css                                                         */
 import "iframe-resizer";
 /* empty css                                                                                   */
-import "../../Button/Button.css.js";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";

package/dist/Interstitial/Interstitial.module.js

@@ -1,13 +1,13 @@
-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";
+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";
 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_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";
+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";
 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_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";
+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";
 const styles = {
   header,
   wrapper,