@axos-web-dev/shared-components 1.0.43 → 1.0.44

package/dist/assets/WalnutIframe/wrapper.css.css

@@ -1,51 +1,51 @@
-@keyframes _shimmer_s95e7_1 {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-
-._wrapper_s95e7_10 {
-  aspect-ratio: 1.845;
-  background: #1e3860;
-  border-radius: 8px;
-  isolation: isolate;
-  margin-block: 48px;
-  overflow: hidden;
-  position: relative;
-}
-
-section > ._wrapper_s95e7_10:first-child {
-  margin-top: 0 !important;
-}
-
-._wrapper_s95e7_10::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 190%;
-  height: 100%;
-  background: linear-gradient(
-    65deg,
-    rgba(255, 255, 255, 0) 20%,
-    rgba(255, 255, 255, 0.5) 50%,
-    rgba(255, 255, 255, 0) 80%
-  );
-  animation: _shimmer_s95e7_1 1.3s infinite linear;
-  z-index: -1;
-}
-
-@media (max-width: 1023px) {
-  ._wrapper_s95e7_10 {
-    margin-block: 28px;
-  }
-}
-
-@media (max-width: 798px) {
-  ._wrapper_s95e7_10 {
-    display: none;
-  }
-}
+@keyframes _shimmer_gpp1u_1 {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+
+._wrapper_gpp1u_19 {
+  aspect-ratio: 1.845;
+  background: #1e3860;
+  border-radius: 8px;
+  isolation: isolate;
+  margin-block: 48px;
+  overflow: hidden;
+  position: relative;
+}
+
+section > ._wrapper_gpp1u_19:first-child {
+  margin-top: 0 !important;
+}
+
+._wrapper_gpp1u_19::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 190%;
+  height: 100%;
+  background: linear-gradient(
+    65deg,
+    rgba(255, 255, 255, 0) 20%,
+    rgba(255, 255, 255, 0.5) 50%,
+    rgba(255, 255, 255, 0) 80%
+  );
+  animation: _shimmer_gpp1u_1 1.3s infinite linear;
+  z-index: -1;
+}
+
+@media (max-width: 1023px) {
+  ._wrapper_gpp1u_19 {
+    margin-block: 28px;
+  }
+}
+
+@media (max-width: 798px) {
+  ._wrapper_gpp1u_19 {
+    display: none;
+  }
+}

package/dist/assets/utils/optimizeImage/optimizeImage.css.css

@@ -1,48 +1,48 @@
-@keyframes _shimmer_ib32l_1 {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-
-._loader_ib32l_10 {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  inset: 0;
-}
-
-._loading_ib32l_17 {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background: #1e3860;
-}
-
-._1es6o1h0 ._loading_ib32l_17 {
-  background-color: #1e262f;
-}
-
-.fl2fv50 ._loading_ib32l_17 {
-  background-color: #28587d;
-}
-
-._loading_ib32l_17::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 190%;
-  height: 100%;
-  background: linear-gradient(
-    65deg,
-    rgba(255, 255, 255, 0) 20%,
-    rgba(255, 255, 255, 0.5) 50%,
-    rgba(255, 255, 255, 0) 80%
-  );
-  animation: _shimmer_ib32l_1 1.3s infinite linear;
-  z-index: 1;
-}
+@keyframes _shimmer_1vfu4_1 {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+
+._loader_1vfu4_19 {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  inset: 0;
+}
+
+._loading_1vfu4_33 {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background: #1e3860;
+}
+
+._1es6o1h0 ._loading_1vfu4_33 {
+  background-color: #1e262f;
+}
+
+.fl2fv50 ._loading_1vfu4_33 {
+  background-color: #28587d;
+}
+
+._loading_1vfu4_33::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 190%;
+  height: 100%;
+  background: linear-gradient(
+    65deg,
+    rgba(255, 255, 255, 0) 20%,
+    rgba(255, 255, 255, 0.5) 50%,
+    rgba(255, 255, 255, 0) 80%
+  );
+  animation: _shimmer_1vfu4_1 1.3s infinite linear;
+  z-index: 1;
+}

package/dist/utils/allowedAxosDomains.js

@@ -25,7 +25,7 @@ const moreDomains = {
   "{AXSEC}": process.env.AXOS_SECURE_URL || "https://secure.axosbank.com",
   "{SECURE}": process.env.AXOS_SECURE_URL || "https://secure.axosbank.com",
   "{DOWNLOADAXOS}": process.env.AXOS_DOWNLOAD_URL || "https://downloads.axos.com",
-  "{SBEAX}": process.env.SMALL_BUSINESS_ENROLLMENT || "https://small-business-enrollment.axosbank.com",
+  "{SBEAX}": process.env.SBB_ENROLL || "https://small-business-enrollment.axosbank.com",
   "{CPDS}": process.env.CP_DECISIONLENDER || "https://cp.decisionlender.solutions",
   "{JHALOAN}": process.env.JHA_LOANSPQ || "https://jha.loanspq.com",
   "{AXSECURITIES}": process.env.AXOS_SECURITIES_URL ?? "https://www.axossecurities.com",

package/dist/utils/optimizeImage/optimizeImage.module.js

@@ -1,6 +1,6 @@
-import '../../assets/utils/optimizeImage/optimizeImage.css.css';const loader = "_loader_ib32l_10";
-const loading = "_loading_ib32l_17";
-const shimmer = "_shimmer_ib32l_1";
+import '../../assets/utils/optimizeImage/optimizeImage.css.css';const loader = "_loader_1vfu4_19";
+const loading = "_loading_1vfu4_33";
+const shimmer = "_shimmer_1vfu4_1";
 const css = {
   loader,
   loading,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.43",
+  "version": "1.0.44",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.d.ts

@@ -1,2 +0,0 @@
-declare const MobileDrawerMenu: () => import("react/jsx-runtime").JSX.Element;
-export default MobileDrawerMenu;

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

@@ -1,345 +0,0 @@
-"use client";
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
-import { AnimatePresence, motion } from "framer-motion";
-import { usePathname } from "next/navigation.js";
-import Link from "next/link.js";
-import { menuData, getQuickLinks } from "./MobileNavData.js";
-import styles from "./MobileMenu.module.js";
-const slideVariants = {
-  enter: (direction) => ({
-    x: direction === "forward" ? "100%" : "-100%",
-    opacity: 0,
-    position: "absolute"
-  }),
-  center: {
-    x: 0,
-    opacity: 1,
-    position: "relative",
-    transition: { duration: 0.3, ease: "easeInOut" }
-  },
-  exit: (direction) => ({
-    x: direction === "forward" ? "-100%" : "100%",
-    opacity: 0,
-    position: "absolute"
-  })
-};
-const MobileDrawerMenu = () => {
-  const pathname = usePathname();
-  const [queryString, setQueryString] = useState("");
-  const [open, setOpen] = useState(false);
-  const [stack, setStack] = useState([
-    { title: "Main Menu", items: menuData }
-  ]);
-  const [hasOpenedOnce, setHasOpenedOnce] = useState(false);
-  const [direction, setDirection] = useState("forward");
-  const [quickLinks, setQuickLinks] = useState([]);
-  const drawerRef = useRef(null);
-  const currentLevel = stack[stack.length - 1];
-  const prevLevel = stack[stack.length - 2];
-  useEffect(() => {
-    if (!pathname) return;
-    const pathnameParts = "/" + pathname.split("/")[1];
-    const links = getQuickLinks(pathnameParts);
-    setQuickLinks(links);
-  }, [pathname]);
-  useEffect(() => {
-    if (typeof window !== "undefined") {
-      const search = window.location.search;
-      if (search.startsWith("?")) {
-        setQueryString(search.slice(1));
-      }
-    }
-  }, []);
-  const handleClick = (key) => {
-    const item = currentLevel.items[key];
-    if (typeof item === "object") {
-      setDirection("forward");
-      setStack((prev) => [...prev, { title: key, items: item }]);
-    }
-  };
-  const handleBack = () => {
-    if (stack.length > 1) {
-      setDirection("backward");
-      setStack((prev) => prev.slice(0, -1));
-    }
-  };
-  const handleToggle = () => {
-    setOpen((prev) => {
-      const isOpening = !prev;
-      if (isOpening && !hasOpenedOnce) {
-        setHasOpenedOnce(true);
-        setStack([{ title: "Menu", items: menuData }]);
-      }
-      return isOpening;
-    });
-  };
-  const handleOutsideClick = (e) => {
-    if (drawerRef.current && !drawerRef.current.contains(e.target)) {
-      setOpen(false);
-    }
-  };
-  useEffect(() => {
-    if (open) {
-      document.addEventListener("mousedown", handleOutsideClick);
-    } else {
-      document.removeEventListener("mousedown", handleOutsideClick);
-    }
-    return () => document.removeEventListener("mousedown", handleOutsideClick);
-  }, [open]);
-  useEffect(() => {
-    const onEsc = (e) => {
-      if (e.key === "Escape") setOpen(false);
-    };
-    if (open) {
-      document.addEventListener("keydown", onEsc);
-    }
-    return () => document.removeEventListener("keydown", onEsc);
-  }, [open]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        onClick: handleToggle,
-        className: `${styles.hamburger} flex_col`,
-        "aria-label": "open navigation menu",
-        children: /* @__PURE__ */ jsx(
-          "svg",
-          {
-            width: 24,
-            height: 24,
-            viewBox: "0 0 24 24",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg",
-            "aria-hidden": "true",
-            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(AnimatePresence, { children: open && /* @__PURE__ */ jsx(
-      motion.div,
-      {
-        className: styles.overlay,
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        exit: { opacity: 0 },
-        children: /* @__PURE__ */ jsxs(
-          motion.div,
-          {
-            className: `${styles.drawer} flex_col`,
-            ref: drawerRef,
-            initial: { x: "100%" },
-            animate: { x: 0 },
-            exit: { x: "100%" },
-            transition: { type: "tween", duration: 0.3 },
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-labelledby": "menu-level",
-            "aria-describedby": "menu-description",
-            children: [
-              /* @__PURE__ */ jsx("p", { id: "menu-description", className: styles.sr_only, children: "Use tab to navigate this menu. Press Escape to close." }),
-              /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
-                stack.length > 1 ? /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    onClick: handleBack,
-                    className: styles.back,
-                    "aria-label": "return to previous menu",
-                    children: [
-                      /* @__PURE__ */ jsx(
-                        "svg",
-                        {
-                          width: 15,
-                          height: 12,
-                          viewBox: "0 0 20 12",
-                          fill: "none",
-                          xmlns: "http://www.w3.org/2000/svg",
-                          style: { marginRight: 8, transform: "rotate(90deg)" },
-                          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: "#2F5B88"
-                            }
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("span", { className: styles.prevlevel, children: prevLevel.title })
-                    ]
-                  }
-                ) : /* @__PURE__ */ jsx(
-                  "a",
-                  {
-                    href: window.location.href.split("/")[3] === "invest" ? "/invest" : "/",
-                    "aria-label": "return to home page",
-                    children: /* @__PURE__ */ jsx(
-                      "img",
-                      {
-                        src: "https://www.axos.com/images/1sBwCIn5mqOg5DK2uXDJPc/axb_mobile_logo.png",
-                        alt: "",
-                        width: 86,
-                        height: 19
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    className: `${styles.close} flex_col`,
-                    "aria-label": "close navigation menu",
-                    onClick: handleToggle,
-                    children: /* @__PURE__ */ jsx(
-                      "svg",
-                      {
-                        xmlns: "http://www.w3.org/2000/svg",
-                        width: "24",
-                        height: "24",
-                        viewBox: "0 0 24 24",
-                        fill: "none",
-                        "aria-hidden": "true",
-                        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.levelContainer, children: /* @__PURE__ */ jsxs("div", { className: "bg_white", children: [
-                /* @__PURE__ */ jsxs(
-                  "span",
-                  {
-                    className: `${styles.level} flex middle`,
-                    "aria-label": "current menu level",
-                    children: [
-                      /* @__PURE__ */ jsx("h2", { className: styles.levelTitle, id: "menu-level", children: currentLevel.title }),
-                      /* @__PURE__ */ jsx(
-                        "svg",
-                        {
-                          width: 15,
-                          height: 12,
-                          viewBox: "0 0 20 12",
-                          fill: "none",
-                          xmlns: "http://www.w3.org/2000/svg",
-                          style: { marginLeft: 12 },
-                          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("nav", { "aria-label": "main navigation menu", children: /* @__PURE__ */ jsx(
-                  AnimatePresence,
-                  {
-                    custom: direction,
-                    mode: "sync",
-                    initial: false,
-                    children: /* @__PURE__ */ jsx(
-                      motion.ul,
-                      {
-                        className: styles.menu,
-                        custom: direction,
-                        variants: slideVariants,
-                        initial: "enter",
-                        animate: "center",
-                        exit: "exit",
-                        transition: { duration: 0.3, ease: "linear" },
-                        children: Object.entries(currentLevel.items).map(
-                          ([key, value]) => {
-                            const hasChildren = typeof value === "object";
-                            return /* @__PURE__ */ jsx("li", { children: hasChildren ? /* @__PURE__ */ jsxs(
-                              "button",
-                              {
-                                className: styles.menuItem,
-                                onClick: () => handleClick(key),
-                                "aria-label": `open submenu for ${key}`,
-                                children: [
-                                  /* @__PURE__ */ jsx("span", { children: key }),
-                                  /* @__PURE__ */ jsx("span", { className: styles.chevron, children: /* @__PURE__ */ jsx(
-                                    "svg",
-                                    {
-                                      className: styles.chevronIcon,
-                                      width: 12,
-                                      height: 20,
-                                      viewBox: "0 0 12 20",
-                                      fill: "none",
-                                      xmlns: "http://www.w3.org/2000/svg",
-                                      children: /* @__PURE__ */ jsx(
-                                        "path",
-                                        {
-                                          d: "M1.76378 0.46875L11.2941 9.99908L1.76378 19.5294L0.703125 18.4687L9.17295 9.99908L0.703125 1.52941L1.76378 0.46875Z",
-                                          fill: "#4A5560"
-                                        }
-                                      )
-                                    }
-                                  ) })
-                                ]
-                              }
-                            ) : /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: value + (queryString && !value.includes("?") ? `?${queryString}` : ""),
-                                className: styles.menuItem,
-                                children: /* @__PURE__ */ jsx("span", { children: key })
-                              }
-                            ) }, key);
-                          }
-                        )
-                      },
-                      currentLevel.title
-                    )
-                  }
-                ) }),
-                /* @__PURE__ */ jsx("div", { className: `${styles.quickLinks} flex middle between`, children: quickLinks.map((link) => /* @__PURE__ */ jsxs(
-                  "a",
-                  {
-                    href: link.url + (queryString && !link.url.includes("?") ? `?${queryString}` : ""),
-                    className: `${styles.quickLink} flex_col middle`,
-                    "aria-label": `Visit ${link.title} page`,
-                    children: [
-                      /* @__PURE__ */ jsx(
-                        "img",
-                        {
-                          src: link.icon,
-                          alt: "",
-                          height: 20,
-                          width: 20,
-                          loading: "lazy"
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("span", { children: link.title })
-                    ]
-                  },
-                  link.title
-                )) })
-              ] }) })
-            ]
-          }
-        )
-      }
-    ) })
-  ] });
-};
-export {
-  MobileDrawerMenu as default
-};

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

@@ -1,53 +0,0 @@
-import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_5prlm_1";
-const drawer = "_drawer_5prlm_17";
-const hamburger = "_hamburger_5prlm_45";
-const header = "_header_5prlm_67";
-const back = "_back_5prlm_83";
-const close = "_close_5prlm_105";
-const levelContainer = "_levelContainer_5prlm_119";
-const level = "_level_5prlm_119";
-const levelTitle = "_levelTitle_5prlm_147";
-const menu = "_menu_5prlm_157";
-const menuItem = "_menuItem_5prlm_197";
-const chevron = "_chevron_5prlm_229";
-const chevronIcon = "_chevronIcon_5prlm_239";
-const quickLinks = "_quickLinks_5prlm_261";
-const quickLink = "_quickLink_5prlm_261";
-const sr_only = "_sr_only_5prlm_305";
-const styles = {
-  overlay,
-  drawer,
-  hamburger,
-  header,
-  back,
-  close,
-  levelContainer,
-  level,
-  levelTitle,
-  menu,
-  menuItem,
-  chevron,
-  chevronIcon,
-  quickLinks,
-  quickLink,
-  sr_only
-};
-export {
-  back,
-  chevron,
-  chevronIcon,
-  close,
-  styles as default,
-  drawer,
-  hamburger,
-  header,
-  level,
-  levelContainer,
-  levelTitle,
-  menu,
-  menuItem,
-  overlay,
-  quickLink,
-  quickLinks,
-  sr_only
-};