@axos-web-dev/shared-components 0.0.68 → 0.0.70

package/dist/NavigationMenu/AxosBank/index.js

@@ -0,0 +1,703 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Button } from "../../Button/Button.js";
+import "../../Button/Button.css.js";
+import { useState, useRef, useEffect } from "react";
+import { useClickAway } from "react-use";
+import clsx from "clsx";
+import Image from "next/image.js";
+import Link from "next/link.js";
+import { NavItem } from "../NavItem/index.js";
+import { Sign_in_btn, expand } from "./NavBar.css.js";
+import styles from "./NavBar.module.js";
+import { navItems } from "./NavData.js";
+import SubNavBar from "./SubNavBar.js";
+function NavBar() {
+  const [isOpenSignIn, setisOpenSignIn] = useState(false);
+  const [isOpenSignInToggle, setisOpenSignInToggle] = useState(false);
+  const [isOpenMobile, setisOpenMobile] = useState(false);
+  const [activeIndex, setActiveIndex] = useState();
+  const [lastNavItem, setLastNavItem] = useState();
+  const ref = useRef(null);
+  const toggle = () => setisOpenSignIn(!isOpenSignIn);
+  const signInToggle = () => setisOpenSignInToggle(!isOpenSignInToggle);
+  const mobileToggle = () => setisOpenMobile(!isOpenMobile);
+  const handleClick = (index) => setActiveIndex(index);
+  const [isOpenProducts1, setisOpenProducts1] = useState(false);
+  const [isOpenProducts2, setisOpenProducts2] = useState(false);
+  const [isOpenProducts3, setisOpenProducts3] = useState(false);
+  const toggleProducts1 = () => setisOpenProducts1(!isOpenProducts1);
+  const toggleProducts2 = () => setisOpenProducts2(!isOpenProducts2);
+  const toggleProducts3 = () => setisOpenProducts3(!isOpenProducts3);
+  const getActiveIndex = () => {
+    const pathname = "/" + location.pathname.split("/")[1];
+    const index = navItems.findIndex(
+      (path) => path.url === pathname
+    );
+    setActiveIndex(index);
+  };
+  useEffect(() => {
+    getActiveIndex();
+  }, [activeIndex]);
+  useEffect(() => {
+    setLastNavItem(navItems[navItems.length - 1]);
+  }, []);
+  useClickAway(ref, (e) => {
+    if (e?.target?.tagName !== "A") {
+      setisOpenSignIn(false);
+    }
+  });
+  return /* @__PURE__ */ jsxs("header", { id: "header", children: [
+    /* @__PURE__ */ jsx("div", { className: `${styles.header} bg_white`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.header_main_row} flex_row between middle`, children: [
+      /* @__PURE__ */ jsx("div", { className: `${styles.desktop_only} flex_row middle`, children: /* @__PURE__ */ jsxs("div", { className: `${styles.main_nav} flex_row middle`, children: [
+        /* @__PURE__ */ jsx("div", { className: styles.logo_wrap, children: /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: "/",
+            "aria-label": "return to axos advisor services homepage",
+            children: /* @__PURE__ */ jsx(
+              Image,
+              {
+                src: "https://images.axos.com/o9ov1v03uwqk/5U9tBksbV0cyAlGKCFPOpz/94bb95c035236ce1dc24f376e3909a4b/axos-logo-nav.svg",
+                alt: "",
+                width: 137,
+                height: 30,
+                priority: true
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsx("nav", { className: styles.primary_links, children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", role: "menu", children: navItems.map(
+          (item, i, arr) => arr.length - 1 !== i && /* @__PURE__ */ jsx(
+            NavItem,
+            {
+              className: styles.main_nav_link,
+              onClick: handleClick,
+              index: i,
+              name: item.name,
+              url: item.url,
+              isActive: activeIndex == i
+            },
+            i
+          )
+        ) }) })
+      ] }) }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: clsx(styles.mobile_only, styles.hamburger),
+          onClick: mobileToggle,
+          children: /* @__PURE__ */ jsx(
+            "svg",
+            {
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  fillRule: "evenodd",
+                  clipRule: "evenodd",
+                  d: "M22.5 15.75V17.25H1.5V15.75H22.5ZM22.5 11.25V12.75H1.5V11.25H22.5ZM22.5 6.75V8.25H1.5V6.75H22.5Z",
+                  fill: "#4A5560"
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: `${styles.mobile_only} ${styles.mobile_logo}`, children: /* @__PURE__ */ jsx(Link, { href: "/", "aria-label": "return to axos bank homepage", children: /* @__PURE__ */ jsx(
+        Image,
+        {
+          src: "https://images.axos.com/o9ov1v03uwqk/5U9tBksbV0cyAlGKCFPOpz/94bb95c035236ce1dc24f376e3909a4b/axos-logo-nav.svg",
+          alt: "",
+          width: 130,
+          height: 58
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx("div", { className: styles.signin_wrap, children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `${styles.desktop_only} flex_row middle relative`,
+          ref,
+          children: [
+            lastNavItem && /* @__PURE__ */ jsx(
+              NavItem,
+              {
+                url: lastNavItem.url,
+                name: lastNavItem.name,
+                className: `link list_unstyled ${styles.main_nav_link} ${styles.highlight}`,
+                isActive: activeIndex == navItems.length,
+                onClick: handleClick,
+                index: navItems.length
+              },
+              navItems.length + 1
+            ),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                className: clsx(
+                  styles.signin_btn,
+                  "flex_row",
+                  "center",
+                  "middle",
+                  isOpenSignIn ? styles.open : "",
+                  Sign_in_btn
+                ),
+                as: "button",
+                type: "button",
+                color: "primary",
+                id: "signIn",
+                action: toggle,
+                size: "small",
+                "aria-controls": "signin-drop-menu",
+                children: [
+                  /* @__PURE__ */ jsx("span", { children: "Sign In" }),
+                  /* @__PURE__ */ jsx(
+                    "svg",
+                    {
+                      width: "20",
+                      height: "12",
+                      viewBox: "0 0 20 12",
+                      fill: "none",
+                      xmlns: "http://www.w3.org/2000/svg",
+                      children: /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
+                          fill: "white"
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `${styles.signin_dropdown} ${styles.shadow} rounded bg_white`,
+                children: /* @__PURE__ */ jsx("div", { className: styles.opacity, children: /* @__PURE__ */ jsxs(
+                  "ul",
+                  {
+                    className: "list_unstyled",
+                    role: "menu",
+                    "aria-expanded": isOpenSignIn,
+                    id: "signin-drop-menu",
+                    children: [
+                      /* @__PURE__ */ jsxs("li", { role: "heading", children: [
+                        /* @__PURE__ */ jsx("span", { className: styles.signin_header, children: "Personal" }),
+                        /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
+                          /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
+                            Link,
+                            {
+                              href: `https://onlinebanking.axosbank.com/auth/Login`,
+                              role: "menuitem",
+                              children: "Account Login"
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
+                            Link,
+                            {
+                              href: `https://loanpayment.axosbank.com`,
+                              role: "menuitem",
+                              children: "Make a Payment"
+                            }
+                          ) })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsxs("li", { role: "heading", children: [
+                        /* @__PURE__ */ jsx("span", { className: `${styles.signin_header}`, children: "Business" }),
+                        /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
+                          /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(Link, { href: "/business/login", role: "menuitem", children: "Business Banking Login" }) }),
+                          /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
+                            Link,
+                            {
+                              href: "/business/MWA-business-banking",
+                              role: "menuitem",
+                              children: "MWA Business Banking"
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(Link, { href: "/commercial-portal", role: "menuitem", children: "Commercial Portal" }) })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsxs("li", { role: "heading", children: [
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            role: "menuitem",
+                            className: `${styles.signin_header}`,
+                            children: "Partners"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
+                          /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
+                            Link,
+                            {
+                              href: "https://thirdpartylending.axosbank.com/index",
+                              role: "menuitem",
+                              children: "Wholesale and Correspondent"
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
+                            Link,
+                            {
+                              href: "https://arms.axosadvisor.com/",
+                              role: "menuitem",
+                              children: "Advisor Login"
+                            }
+                          ) })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsxs("li", { role: "heading", children: [
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            role: "menuitem",
+                            className: `${styles.signin_header}`,
+                            children: "Partners"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
+                          /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
+                            Link,
+                            {
+                              href: "https://thirdpartylending.axosbank.com/index",
+                              role: "menuitem",
+                              children: "Wholesale and Correspondent"
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
+                            Link,
+                            {
+                              href: "https://arms.axosadvisor.com/",
+                              role: "menuitem",
+                              children: "Advisor Login"
+                            }
+                          ) })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsxs(
+                        "li",
+                        {
+                          className: `${styles.signin_subheader} ${styles.sigin_footer} relative`,
+                          children: [
+                            /* @__PURE__ */ jsx(Link, { href: "/customer-support", role: "menuitem", children: "Customer Support" }),
+                            /* @__PURE__ */ jsx(Link, { href: "/return-to-application", role: "menuitem", children: "Return to Application" })
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                ) })
+              }
+            )
+          ]
+        }
+      ) })
+    ] }) }) }),
+    /* @__PURE__ */ jsx(SubNavBar, {}),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(
+          styles.mobile_nav,
+          styles.mobile_only,
+          "relative",
+          "bg_white",
+          isOpenMobile ? styles.mobile_opened : ""
+        ),
+        "aria-expanded": isOpenMobile,
+        role: "menu",
+        children: /* @__PURE__ */ jsxs("div", { className: clsx(styles.inner_wrapper, "bg_white"), children: [
+          /* @__PURE__ */ jsxs("div", { className: `${styles.mobile_header} relative text_center`, children: [
+            /* @__PURE__ */ jsx("p", { role: "heading", children: "Welcome" }),
+            /* @__PURE__ */ jsx("button", { onClick: mobileToggle, "aria-label": "close navigation menu", children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M20.2812 2.65625L21.3419 3.71691L13.0602 11.9982L21.3419 20.2812L20.2812 21.3419L11.9982 13.0602L3.71691 21.3419L2.65625 20.2812L10.9377 11.9982L2.65625 3.71691L3.71691 2.65625L11.9982 10.9377L20.2812 2.65625Z",
+                    fill: "#4A5560"
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: styles.mobile_body, children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", "aria-expanded": isOpenMobile, children: [
+            /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: `${styles.mobile_nav_item} ${styles.has_dropdown}`,
+                id: "dd_1",
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "a",
+                    {
+                      href: "#",
+                      onClick: toggleProducts1,
+                      role: "button",
+                      className: clsx("flex_row", "between"),
+                      children: [
+                        "Personal",
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            className: clsx(
+                              styles.icon_wrap,
+                              isOpenProducts1 && styles.open
+                            ),
+                            children: /* @__PURE__ */ jsx(
+                              "svg",
+                              {
+                                xmlns: "http://www.w3.org/2000/svg",
+                                width: "24",
+                                height: "24",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                children: /* @__PURE__ */ jsx(
+                                  "path",
+                                  {
+                                    d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
+                                    fill: "#4A5560"
+                                  }
+                                )
+                              }
+                            )
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: clsx(styles.sub_menu, isOpenProducts1 && expand),
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: "/personal",
+                            className: styles.main,
+                            role: "heading",
+                            children: "Personal Home"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(Link, { href: "/personal", role: "menuitem", children: "Bank" }),
+                        /* @__PURE__ */ jsx(Link, { href: "/personal/borrow", role: "menuitem", children: "Borrow" }),
+                        /* @__PURE__ */ jsx(Link, { href: "https://www.axos.com/invest", role: "menuitem", children: "Invest" }),
+                        /* @__PURE__ */ jsx(Link, { href: "/personal/plan", role: "menuitem", children: "Plan" })
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: `${styles.mobile_nav_item} ${styles.has_dropdown}`,
+                id: "dd_2",
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "a",
+                    {
+                      href: "#",
+                      onClick: toggleProducts2,
+                      role: "button",
+                      className: clsx("flex_row", "between"),
+                      children: [
+                        "Business",
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            className: clsx(
+                              styles.icon_wrap,
+                              isOpenProducts2 && styles.open
+                            ),
+                            children: /* @__PURE__ */ jsx(
+                              "svg",
+                              {
+                                xmlns: "http://www.w3.org/2000/svg",
+                                width: "24",
+                                height: "24",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                children: /* @__PURE__ */ jsx(
+                                  "path",
+                                  {
+                                    d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
+                                    fill: "#4A5560"
+                                  }
+                                )
+                              }
+                            )
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: clsx(styles.sub_menu, isOpenProducts2 && expand),
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: "/business",
+                            className: styles.main,
+                            role: "heading",
+                            children: "Business Home"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: "/business/small-business-banking",
+                            role: "menuitem",
+                            children: "Small Business Banking"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(Link, { href: "/business/commercial-banking", role: "menuitem", children: "Commercial Banking" }),
+                        /* @__PURE__ */ jsx(Link, { href: "/business/commercial-lending", role: "menuitem", children: "Commercial Lending" })
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: `${styles.mobile_nav_item} ${styles.has_dropdown}`,
+                id: "dd_3",
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "a",
+                    {
+                      href: "#",
+                      onClick: toggleProducts3,
+                      role: "button",
+                      className: clsx("flex_row", "between"),
+                      children: [
+                        "Partners",
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            className: clsx(
+                              styles.icon_wrap,
+                              isOpenProducts3 && styles.open
+                            ),
+                            children: /* @__PURE__ */ jsx(
+                              "svg",
+                              {
+                                xmlns: "http://www.w3.org/2000/svg",
+                                width: "24",
+                                height: "24",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                children: /* @__PURE__ */ jsx(
+                                  "path",
+                                  {
+                                    d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
+                                    fill: "#4A5560"
+                                  }
+                                )
+                              }
+                            )
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: clsx(styles.sub_menu, isOpenProducts3 && expand),
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: "/partners",
+                            className: styles.main,
+                            role: "heading",
+                            children: "Partners Home"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: "https://lavictoirefinance.com/dealers",
+                            role: "menuitem",
+                            children: "New! Marine Dealer Floorplan Finance"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: "/partners/wholesale-correspondent-portfolio-lending",
+                            role: "menuitem",
+                            children: "Wholesale Lending"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: "/business/small-balance-commercial",
+                            role: "menuitem",
+                            children: "Small Balance Commercial"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(Link, { href: "https://www.axosadvisor.com/", role: "menuitem", children: "Financial Advisors" }),
+                        /* @__PURE__ */ jsx(Link, { href: "/partners/dealer-services", role: "menuitem", children: "Dealer Services" }),
+                        /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: "/partners/strategic-partnerships",
+                            role: "menuitem",
+                            children: "Strategic Partnerships"
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: `${styles.mobile_nav_item} ${styles.has_dropdown}`,
+                id: "dd_4",
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "a",
+                    {
+                      href: "#",
+                      role: "button",
+                      className: `flex_row between ${styles.btn}`,
+                      onClick: signInToggle,
+                      children: [
+                        "Sign In",
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            className: clsx(
+                              styles.icon_wrap,
+                              isOpenSignInToggle && styles.open
+                            ),
+                            children: /* @__PURE__ */ jsx(
+                              "svg",
+                              {
+                                xmlns: "http://www.w3.org/2000/svg",
+                                width: "24",
+                                height: "24",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                children: /* @__PURE__ */ jsx(
+                                  "path",
+                                  {
+                                    d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
+                                    fill: "#4A5560"
+                                  }
+                                )
+                              }
+                            )
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: clsx(
+                        styles.sub_menu,
+                        isOpenSignInToggle && expand
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: styles.main, role: "heading", children: "Personal" }),
+                        /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: "https://onlinebanking.axosbank.com/auth/Login",
+                            role: "menuitem",
+                            children: "Account Login"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: "https://loanpayment.axosbank.com",
+                            role: "menuitem",
+                            children: "Make a Payment"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("span", { className: styles.main, role: "heading", children: "Business" }),
+                        /* @__PURE__ */ jsx(Link, { href: "/business/login", role: "menuitem", children: "Business Banking Login" }),
+                        /* @__PURE__ */ jsx(Link, { href: "/business/MWA-business-banking", role: "menuitem", children: "MWA Business Banking" }),
+                        /* @__PURE__ */ jsx(Link, { href: "/commercial-portal", role: "menuitem", children: "Commercial Portal" }),
+                        /* @__PURE__ */ jsx("span", { className: styles.main, role: "heading", children: "Partners" }),
+                        /* @__PURE__ */ jsx(Link, { href: "/business/login", role: "menuitem", children: "Business Banking Login" }),
+                        /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: "https://thirdpartylending.axosbank.com/index",
+                            role: "menuitem",
+                            children: "Wholesale and Correspondent"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(Link, { href: "https://arms.axosadvisor.com/", role: "menuitem", children: "Advisor Login" })
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, children: /* @__PURE__ */ jsx(
+              Link,
+              {
+                href: "/return-to-application",
+                role: "button",
+                className: `flex_row between ${styles.btn}`,
+                children: "Return to Application"
+              }
+            ) })
+          ] }) }),
+          /* @__PURE__ */ jsx("div", { className: styles.mobile_footer, children: /* @__PURE__ */ jsxs("div", { className: "flex_row between", children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: `${styles.mobile_footer_content} flex_col between`,
+                children: [
+                  /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("strong", { children: "Customer Support" }) }),
+                  /* @__PURE__ */ jsx("div", { className: styles.footer_cta, children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      color: "primary",
+                      targetUrl: "/customer-support/personal-support/contact-us#",
+                      children: "Contact Us"
+                    }
+                  ) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: styles.mobile_footer_media, children: " " })
+          ] }) })
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  NavBar as default
+};