@axos-web-dev/shared-components 0.0.2 → 0.0.4

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

@@ -0,0 +1,161 @@
+const header = "_header_13ij6_1";
+const wrapper = "_wrapper_13ij6_5";
+const header_main_row = "_header_main_row_13ij6_11";
+const mobile_header = "_mobile_header_13ij6_12";
+const logo_wrap = "_logo_wrap_13ij6_18";
+const primary_links = "_primary_links_13ij6_22";
+const main_nav_link = "_main_nav_link_13ij6_26";
+const sub_nav_link = "_sub_nav_link_13ij6_48";
+const signin_wrap = "_signin_wrap_13ij6_50";
+const signin_btn = "_signin_btn_13ij6_51";
+const sub_nav = "_sub_nav_13ij6_48";
+const header_sub_row = "_header_sub_row_13ij6_92";
+const signin_dropdown = "_signin_dropdown_13ij6_108";
+const shadow = "_shadow_13ij6_118";
+const signin_header = "_signin_header_13ij6_126";
+const signin_subheader = "_signin_subheader_13ij6_133";
+const opacity = "_opacity_13ij6_155";
+const fadeInDown = "_fadeInDown_13ij6_1";
+const footer = "_footer_13ij6_161";
+const open = "_open_13ij6_177";
+const dd_wrapper = "_dd_wrapper_13ij6_189";
+const dd_media = "_dd_media_13ij6_195";
+const dd_media_img = "_dd_media_img_13ij6_200";
+const dd_site_navs = "_dd_site_navs_13ij6_204";
+const dd_media_header = "_dd_media_header_13ij6_211";
+const mt_8 = "_mt_8_13ij6_220";
+const mt_16 = "_mt_16_13ij6_224";
+const ml_8 = "_ml_8_13ij6_228";
+const dd_media_cta = "_dd_media_cta_13ij6_232";
+const reversed_row = "_reversed_row_13ij6_246";
+const headline = "_headline_13ij6_262";
+const nav_anchor = "_nav_anchor_13ij6_267";
+const headline_cta = "_headline_cta_13ij6_275";
+const site_lists = "_site_lists_13ij6_289";
+const hamburger = "_hamburger_13ij6_324";
+const mobile_only = "_mobile_only_13ij6_338";
+const mobile_logo = "_mobile_logo_13ij6_344";
+const mobile_nav = "_mobile_nav_13ij6_367";
+const mobile_opened = "_mobile_opened_13ij6_377";
+const mobile_nav_item = "_mobile_nav_item_13ij6_381";
+const has_dropdown = "_has_dropdown_13ij6_396";
+const icon_wrap = "_icon_wrap_13ij6_417";
+const mobile_footer = "_mobile_footer_13ij6_422";
+const mobile_footer_content = "_mobile_footer_content_13ij6_428";
+const mobile_footer_media = "_mobile_footer_media_13ij6_442";
+const footer_cta = "_footer_cta_13ij6_448";
+const inner_wrapper = "_inner_wrapper_13ij6_480";
+const btn = "_btn_13ij6_485";
+const sub_menu = "_sub_menu_13ij6_490";
+const main = "_main_13ij6_26";
+const dd_footer = "_dd_footer_13ij6_515";
+const desktop_only = "_desktop_only_13ij6_534";
+const styles = {
+  header,
+  wrapper,
+  header_main_row,
+  mobile_header,
+  logo_wrap,
+  primary_links,
+  main_nav_link,
+  sub_nav_link,
+  signin_wrap,
+  signin_btn,
+  sub_nav,
+  header_sub_row,
+  signin_dropdown,
+  shadow,
+  signin_header,
+  signin_subheader,
+  opacity,
+  fadeInDown,
+  footer,
+  open,
+  dd_wrapper,
+  dd_media,
+  dd_media_img,
+  dd_site_navs,
+  dd_media_header,
+  mt_8,
+  mt_16,
+  ml_8,
+  dd_media_cta,
+  reversed_row,
+  headline,
+  nav_anchor,
+  headline_cta,
+  site_lists,
+  hamburger,
+  mobile_only,
+  mobile_logo,
+  mobile_nav,
+  mobile_opened,
+  mobile_nav_item,
+  has_dropdown,
+  icon_wrap,
+  mobile_footer,
+  mobile_footer_content,
+  mobile_footer_media,
+  footer_cta,
+  inner_wrapper,
+  btn,
+  sub_menu,
+  main,
+  dd_footer,
+  desktop_only
+};
+export {
+  btn,
+  dd_footer,
+  dd_media,
+  dd_media_cta,
+  dd_media_header,
+  dd_media_img,
+  dd_site_navs,
+  dd_wrapper,
+  styles as default,
+  desktop_only,
+  fadeInDown,
+  footer,
+  footer_cta,
+  hamburger,
+  has_dropdown,
+  header,
+  header_main_row,
+  header_sub_row,
+  headline,
+  headline_cta,
+  icon_wrap,
+  inner_wrapper,
+  logo_wrap,
+  main,
+  main_nav_link,
+  ml_8,
+  mobile_footer,
+  mobile_footer_content,
+  mobile_footer_media,
+  mobile_header,
+  mobile_logo,
+  mobile_nav,
+  mobile_nav_item,
+  mobile_only,
+  mobile_opened,
+  mt_16,
+  mt_8,
+  nav_anchor,
+  opacity,
+  open,
+  primary_links,
+  reversed_row,
+  shadow,
+  signin_btn,
+  signin_dropdown,
+  signin_header,
+  signin_subheader,
+  signin_wrap,
+  site_lists,
+  sub_menu,
+  sub_nav,
+  sub_nav_link,
+  wrapper
+};

package/dist/NavigationMenu/AxosAdvisor/SubNavBar.d.ts

@@ -0,0 +1 @@
+export default function SubNavBar(): import("react/jsx-runtime").JSX.Element | null;

package/dist/NavigationMenu/AxosAdvisor/SubNavBar.js

@@ -0,0 +1,218 @@
+"use client";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useLocation } from "react-use";
+import styles from "./NavBar.module.js";
+function SubNavBar() {
+  const subNav1 = useRef(null);
+  const mouseOver = function(e) {
+    const dataId = e.target.getAttribute("id");
+    const navRef = eval(dataId);
+    document.querySelectorAll("[data-id*='subNav']").forEach((nav) => {
+      nav.style.display = "none";
+    });
+    navRef.current.style.display = "block";
+  };
+  const mouseLeave = function(_e) {
+    document.querySelectorAll("[data-id*='subNav']").forEach((nav) => {
+      nav.style.display = "none";
+    });
+  };
+  const allDropDowns = document.querySelectorAll("[id*='dd_'] > a");
+  allDropDowns.forEach((elem) => {
+    elem.addEventListener("click", function(event) {
+      const node = event.target.parentNode.lastChild.classList.contains(
+        "expand"
+      ) instanceof Element;
+      switch (node) {
+        case true:
+          event.target.parentNode.lastChild.classList.remove("expand");
+          break;
+        case false:
+          const prevRadio = document.querySelector(".expand");
+          if (prevRadio)
+            prevRadio.classList.remove("expand");
+          event.target.parentNode.lastChild.classList.add("expand");
+          break;
+      }
+    });
+  });
+  const { pathname } = useLocation();
+  if (!(pathname == null ? void 0 : pathname.includes("/products"))) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("div", { className: "list_unstyled flex_row middle", children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: "#",
+          id: "subNav1",
+          role: "menuitem",
+          onMouseEnter: mouseOver,
+          children: [
+            "Private Client",
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                width: "15",
+                height: "12",
+                viewBox: "0 0 20 12",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                style: { marginLeft: "8px" },
+                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("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "/Products/Select-High-Yield-Money-Market",
+          id: "subNav2",
+          role: "menuitem",
+          onMouseEnter: mouseOver,
+          children: "Select High Yield Money Market"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: "/Products/Select-CDs", id: "subNav3", role: "menuitem", children: "Select CDs" }) }),
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "/Products/Select-Checking",
+          id: "subNav4",
+          role: "menuitem",
+          children: "Select Checking"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "/Products/Select-Savings",
+          id: "subNav4",
+          role: "menuitem",
+          children: "Select Savings"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "/Products/Business-Banking",
+          id: "subNav4",
+          role: "menuitem",
+          children: "Business Banking"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: "/Products/Mortgage", id: "subNav4", role: "menuitem", children: "Mortgage" }) })
+    ] }) }) }) }) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `${styles.dd_wrapper} ${styles.desktop_only} relative`,
+        role: "menu",
+        "data-id": "subNav1",
+        ref: subNav1,
+        onMouseLeave: mouseLeave,
+        children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `${styles.dd_media} ${styles.opacity} primary_gradient_bg w_auto text_center`,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
+                  /* @__PURE__ */ jsxs("p", { role: "heading", children: [
+                    "Up to 0.40% APY",
+                    /* @__PURE__ */ jsx("sup", { children: "*" })
+                  ] }),
+                  /* @__PURE__ */ jsx("p", { className: styles.mt_8, children: "Higher transaction limits with Private Client Checking." })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: `${styles.mt_8} ${styles.dd_media_img}`, children: /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: "https://images.axos.com/o9ov1v03uwqk/7z2HxgB0SX9YKQa2lxQ8vL/c5bf3f11053844623958e7f86d62d535/dd_img.png",
+                    alt: "",
+                    width: 232,
+                    height: 232
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { className: `${styles.mt_8} ${styles.dd_media_cta}`, children: /* @__PURE__ */ jsx("a", { href: "tel:877-887-3030 ", className: "text_center bg_white ", children: "Call (877)-887-3030" }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `${styles.dd_site_navs} ${styles.opacity} bg_white`,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: `${styles.headline} flex_row middle between`, children: [
+                  /* @__PURE__ */ jsx("p", { role: "heading", children: "Discover the World of Premium Banking" }),
+                  /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
+                    /* @__PURE__ */ jsx(
+                      "svg",
+                      {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "20",
+                        height: "20",
+                        viewBox: "0 0 20 20",
+                        fill: "none",
+                        children: /* @__PURE__ */ jsx(
+                          "path",
+                          {
+                            d: "M10 1.25C14.8325 1.25 18.75 5.16751 18.75 10C18.75 14.8325 14.8325 18.75 10 18.75C5.16751 18.75 1.25 14.8325 1.25 10C1.25 5.16751 5.16751 1.25 10 1.25ZM10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5ZM10 13.125C10.5178 13.125 10.9375 13.5447 10.9375 14.0625C10.9375 14.5803 10.5178 15 10 15C9.48223 15 9.0625 14.5803 9.0625 14.0625C9.0625 13.5447 9.48223 13.125 10 13.125ZM10 5C11.5085 5 12.5 6.11546 12.5 7.5C12.5 8.19375 12.2463 8.61355 11.5601 9.3212L11.3794 9.50444L11.1007 9.79159C10.7846 10.1307 10.6575 10.3327 10.6306 10.5369L10.625 10.625V11.875H9.375V10.625L9.38039 10.4569C9.42029 9.85929 9.68587 9.45248 10.3149 8.80379L10.4956 8.62056L10.7743 8.33341C11.1355 7.94588 11.25 7.73736 11.25 7.5C11.25 6.77517 10.7832 6.25 10 6.25C9.36596 6.25 8.83162 6.86132 8.75852 7.38182L8.75 7.5H7.5L7.50649 7.33864C7.59696 6.20479 8.62337 5 10 5Z",
+                            fill: "#4A5560"
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { className: `${styles.headline_cta} ${styles.ml_8}`, children: /* @__PURE__ */ jsx("a", { href: "{AXOSBANK}/Customer-Support", children: "Help & Support" }) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx("hr", {}),
+                /* @__PURE__ */ jsx("div", { className: `${styles.site_lists} flex_row`, children: /* @__PURE__ */ jsxs("div", { className: "flex_row", 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",
+                        {
+                          d: "M8.25 15.75V20.25H3.75V15.75H8.25ZM14.25 15.75V20.25H9.75V15.75H14.25ZM20.25 15.75V20.25H15.75V15.75H20.25ZM6.75 17.25H5.25V18.75H6.75V17.25ZM12.75 17.25H11.25V18.75H12.75V17.25ZM18.75 17.25H17.25V18.75H18.75V17.25ZM8.25 9.75V14.25H3.75V9.75H8.25ZM14.25 9.75V14.25H9.75V9.75H14.25ZM20.25 9.75V14.25H15.75V9.75H20.25ZM6.75 11.25H5.25V12.75H6.75V11.25ZM12.75 11.25H11.25V12.75H12.75V11.25ZM18.75 11.25H17.25V12.75H18.75V11.25ZM8.25 3.75V8.25H3.75V3.75H8.25ZM14.25 3.75V8.25H9.75V3.75H14.25ZM20.25 3.75V8.25H15.75V3.75H20.25ZM6.75 5.25H5.25V6.75H6.75V5.25ZM12.75 5.25H11.25V6.75H12.75V5.25ZM18.75 5.25H17.25V6.75H18.75V5.25Z",
+                          fill: "#4A5560"
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
+                    /* @__PURE__ */ jsx("li", { role: "heading", children: "Products" }),
+                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "/Products/Premier-Private-Client-Banking", children: "Advisor Private Client Banking" }) }),
+                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "/Products/InsureGuard-for-Advisor", children: "InsureGuard+" }) }),
+                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "/Products/Premier-World-Checking-and-Savings", children: "Advisor World Checking and Savings" }) })
+                  ] })
+                ] }) }),
+                /* @__PURE__ */ jsx("div", { className: `flex_row ${styles.dd_footer}`, children: /* @__PURE__ */ jsxs("p", { children: [
+                  /* @__PURE__ */ jsx("sup", { children: "*" }),
+                  " The Annual Percentage Yield (APY) is accurate as of 3/5/2024."
+                ] }) })
+              ]
+            }
+          )
+        ] }) })
+      }
+    )
+  ] });
+}
+export {
+  SubNavBar as default
+};

package/dist/NavigationMenu/AxosAdvisor/index.d.ts

@@ -0,0 +1,2 @@
+declare function NavBar(): import("react/jsx-runtime").JSX.Element;
+export default NavBar;