@axos-web-dev/shared-components 2.2.32-sn → 2.2.33

package/dist/NavigationMenu/ServerNavigation/MobileMenu/MobileMenu.js

@@ -1,637 +0,0 @@
-"use client";
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { AnimatePresence, motion } from "framer-motion";
-import Link from "next/link.js";
-import { usePathname } from "next/navigation.js";
-import { useRef, useState, useReducer, useEffect } from "react";
-import { useClickAway } from "react-use";
-import styles from "./MobileMenu.module.js";
-import { mobileData } from "./MobileNavData.js";
-import { MenuActions, reducer } from "./mobileReducer.js";
-import "../../../Chevron/Chevron.css.js";
-import "../../../Accordion/Accordion.js";
-import "../../../Accordion/Accordion.css.js";
-import "../../../icons/ArrowIcon/ArrowIcon.css.js";
-import "../../../icons/CheckIcon/CheckIcon.css.js";
-import '../../../assets/Modal/Modal.css';import '../../../assets/VideoWrapper/VideoWrapper.css';import '../../../assets/TopicalNavSet/TopicalNavSet.css';import '../../../assets/TopicalNavItem/TopicalNavItem.css';import '../../../assets/Topic/Topic.css';import '../../../assets/TextBlock/TextBlock.css';import '../../../assets/SocialMediaBar/SocialMediaBar.css';import '../../../assets/SecondaryFooter/SecondaryFooter.css';import '../../../assets/Pagination/Pagination.css';import '../../../assets/PageNavSet/PageNavigationSet.css';import '../../../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../../../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../../../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../../assets/NavigationMenu/ServerNavigation/NavigationBar.css';import '../../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../../assets/NavigationMenu/AxosBank/NavBar2.css';import '../../../assets/Insight/Featured/Header.css';import '../../../assets/Insight/Featured/CategorySelector.css';import '../../../assets/Insight/Featured/Featured.css';import '../../../assets/ImageLink/ImageLink.css';import '../../../assets/VideoTile/VideoTile.css';import '../../../assets/HelpArticle/HelpArticle.css';import '../../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../../assets/DownloadTile/DownloadTile.css';import '../../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../../assets/Chatbot/ChatWindow.css';import '../../../assets/Chatbot/Bubble.css';import '../../../assets/Chatbot/AnimatedGradientBorder.css';import '../../../assets/CallToActionBar/CallToActionBar.css';import '../../../assets/Insight/Insight.css';import '../../../assets/AwardsItem/AwardsItem.css';import '../../../assets/AwardsBanner/AwardsBanner.css';import '../../../assets/Auth/SignIn.css';import '../../../assets/Auth/ErrorAlert.css';import '../../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../../assets/Forms/QuickPricer/UserInformation.css';import '../../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../../assets/ImageToast/ImageToast.css';import '../../../assets/BulletItem/BulletItem.css';import '../../../assets/Typography/Typography.css';import '../../../assets/icons/FollowIcon/FollowIcon.css';import '../../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../../assets/themes/victorie.css';import '../../../assets/themes/ufb.css';import '../../../assets/themes/premier.css';import '../../../assets/themes/axos.css';/* empty css                                      */
-/* empty css                                         */
-/* empty css                                     */
-/* empty css                                          */
-/* empty css                                                          */
-/* empty css                                                      */
-import "clsx";
-import "../../../AlertBanner/AlertBanner.css.js";
-import "../../../Article/Article.css.js";
-import "../../../IconBillboard/IconBillboard.css.js";
-/* empty css                                                */
-/* empty css                                                */
-import "../../../Interstitial/Interstitial-variants.css.js";
-import "../../../Button/Button.css.js";
-import "../../../ArticlesSet/ArticlesSet.css.js";
-import "../../../Calculators/calculator.css.js";
-import "../../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import { useGlobalContext } from "../../../Modal/contextApi/store.js";
-import "next/image.js";
-import "../../../Calculators/ApyCalculator/ApyCalculator.css.js";
-import "../../../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
-import "../../../HeroBanner/LargeBanner.css.js";
-import "../../../HeroBanner/HeroBanner.css.js";
-import "../../../HeroBanner/SelectionBanner.css.js";
-/* empty css                                                */
-import "../../../SetContainer/SetContainer.css.js";
-import "../../../Table/Table.css.js";
-import "../../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
-import "../../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
-import "@hookform/resolvers/zod";
-import "../../../Input/Checkbox.js";
-import "../../../Input/CurrencyInput.js";
-import "../../../Input/Dropdown.js";
-import "../../../Input/Dropdown.css.js";
-import "../../../Input/Input.js";
-import "../../../Input/Input.css.js";
-import "../../../Input/InputAmount.js";
-import "../../../Input/InputPhone.js";
-import "../../../Input/InputTextArea.js";
-import "../../../Input/DownPaymentInput.js";
-import "../../../Input/RadioButton.js";
-import "../../../Input/PercentageInput.js";
-import "react-hook-form";
-import "../../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
-import "../../../Forms/Forms.css.js";
-import "../../../Forms/HoneyPot/index.js";
-import "../../../Forms/SalesforceFieldsForm.js";
-import "../../../Input/RadioButton.css.js";
-import "../../../Input/Checkbox.css.js";
-import "../../../LoadingIndicator/LoadingIndicator.css.js";
-import "../../../Inputs/Input.css.js";
-/* empty css                                                               */
-import "../../../Hyperlink/Hyperlink.css.js";
-/* empty css                                                            */
-import "iframe-resizer";
-/* empty css                                                                                      */
-import "../../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
-import "../../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
-/* empty css                                          */
-import "react-dom";
-/* empty css                                      */
-import "../../../Auth/SignInPassword.js";
-/* empty css                                                    */
-/* empty css                                                */
-/* empty css                                          */
-/* empty css                                                          */
-import "../../../Carousel/index.js";
-/* empty css                                                         */
-import "../../../Chatbot/Chatbot.css.ts.vanilla.css.js";
-/* empty css                                         */
-import "../../../Chatbot/store/chat.js";
-import "../../../Chatbot/Chatbot.js";
-/* empty css                                             */
-import "../../../Chatbot/store/messages.js";
-/* empty css                                                                          */
-import "../../../Comparison/Comparison.css.js";
-import "../../../Tab/Tab.css.js";
-import "../../../icons/Star/Star.css.js";
-import "../../../ContentBanner/ContentBanner.css.js";
-/* empty css                                                    */
-import "../../../ExecutiveBio/ExecutiveBio.css.js";
-import "../../../FaqAccordion/index.js";
-import "../../../FooterDisclosure/FooterDisclosure.css.js";
-/* empty css                                                                */
-/* empty css                                                               */
-/* empty css                                                  */
-import "../../../ImageBillboard/ImageBillboard.css.js";
-import "next/script.js";
-/* empty css                                              */
-/* empty css                                              */
-/* empty css                                                    */
-/* empty css                                                            */
-/* empty css                                                  */
-import "../../../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                       */
-/* empty css                                          */
-/* empty css                                             */
-/* empty css                                                  */
-/* empty css                                                     */
-/* empty css                                  */
-import "../Menu.js";
-import "../SubNavbar.css.js";
-/* empty css                                          */
-/* empty css                                           */
-/* empty css                                       */
-/* empty css                                         */
-import "../../../PageNavItem/PageNavItem.css.js";
-import "react-slick";
-/* empty css                                                       */
-/* empty css                                                */
-/* empty css                                                          */
-/* empty css                                                        */
-import "../../../StepItem/StepItem.css.js";
-import "../../../StepItemSet/StepItemSet.css.js";
-/* empty css                                              */
-/* empty css                                      */
-/* empty css                                                        */
-/* empty css                                                      */
-/* empty css                                                    */
-/* empty css                                      */
-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 initialState = {
-  direction: "forward",
-  isMobileMenuOpen: false,
-  hasOpenedOnce: false,
-  prevLevel: [],
-  currentMenuData: null,
-  stack: [],
-  loginDrawer: false,
-  loginData: {}
-};
-const MobileDrawerMenu = ({ menu }) => {
-  const { resolveUrl } = useGlobalContext();
-  const pathname = usePathname();
-  const drawerRef = useRef(null);
-  const loginRef = useRef(null);
-  useClickAway(drawerRef, () => {
-    dispatch({ type: MenuActions.SET_MOBILE_MENU_CLOSED, payload: {} });
-  });
-  useClickAway(loginRef, () => {
-    dispatch({ type: MenuActions.SET_LOGIN_MENU_CLOSED, payload: {} });
-  });
-  const [queryString, setQueryString] = useState("");
-  const [stack, dispatch] = useReducer(reducer, initialState);
-  useEffect(() => {
-    const menuProcessed = mobileData(menu, resolveUrl);
-    dispatch({
-      type: MenuActions.INIT,
-      payload: {
-        currentMenuData: menuProcessed,
-        stack: [{ title: "Menu", items: menuProcessed }],
-        quickLinks: menu?.quickLinks
-      }
-    });
-  }, [menu, resolveUrl]);
-  useEffect(() => {
-    if (!pathname) return;
-  }, [pathname]);
-  useEffect(() => {
-    if (typeof window !== "undefined") {
-      const search = window.location.search;
-      if (search.startsWith("?")) {
-        setQueryString(search.slice(1));
-      }
-    }
-  }, []);
-  const handleClick = (key) => {
-    dispatch({ type: MenuActions.ADD_TO_STACK, payload: key });
-  };
-  const handleBack = () => {
-    if (stack.stack.length > 1) {
-      dispatch({ type: MenuActions.REMOVE_FROM_STACK, payload: {} });
-    }
-  };
-  const handleToggle = () => {
-    dispatch({ type: MenuActions.SET_HAS_OPENED_ONCE, payload: {} });
-    dispatch({ type: MenuActions.SET_MOBILE_MENU_OPEN, payload: {} });
-  };
-  const handleLoginDrawerOpen = () => {
-    dispatch({ type: MenuActions.SET_LOGIN_MENU_OPEN, payload: {} });
-  };
-  const handleLoginDrawerClose = () => {
-    dispatch({ type: MenuActions.SET_LOGIN_MENU_CLOSED, payload: {} });
-  };
-  useEffect(() => {
-    const onEsc = (e) => {
-      if (e.key === "Escape")
-        dispatch({ type: MenuActions.SET_MOBILE_MENU_CLOSED, payload: {} });
-    };
-    if (stack.isMobileMenuOpen) {
-      document.addEventListener("keydown", onEsc);
-    }
-    return () => document.removeEventListener("keydown", onEsc);
-  }, [stack.isMobileMenuOpen]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: styles.mobileNavRow, children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: handleLoginDrawerOpen,
-          className: styles.loginTrigger,
-          "aria-label": "Open login options",
-          children: "Log in"
-        }
-      ),
-      /* @__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: "#14263D"
-                }
-              )
-            }
-          )
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(AnimatePresence, { children: stack.isMobileMenuOpen && /* @__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.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: stack.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: "#14263D"
-                          }
-                        )
-                      }
-                    )
-                  }
-                )
-              ] }),
-              /* @__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: stack.currentMenuData?.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: stack.direction,
-                    mode: "sync",
-                    initial: false,
-                    children: /* @__PURE__ */ jsxs(
-                      motion.ul,
-                      {
-                        className: styles.menu,
-                        custom: stack.direction,
-                        variants: slideVariants,
-                        initial: "enter",
-                        animate: "center",
-                        exit: "exit",
-                        transition: { duration: 0.3, ease: "linear" },
-                        children: [
-                          stack.stack.length > 1 && !stack.currentMenuData?.dropdown && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                            Link,
-                            {
-                              href: stack.currentMenuData.url + (queryString && !stack.currentMenuData.url.includes("?") ? `?${queryString}` : ""),
-                              className: styles.menuItem,
-                              children: /* @__PURE__ */ jsxs("span", { children: [
-                                stack.currentMenuData.title,
-                                " Home"
-                              ] })
-                            }
-                          ) }),
-                          stack?.currentMenuData?.items?.map((item) => {
-                            const hasChildren = item.items && item.items.length > 0;
-                            return hasChildren ? /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-                              "button",
-                              {
-                                className: styles.menuItem,
-                                onClick: () => handleClick(item),
-                                children: [
-                                  /* @__PURE__ */ jsx("span", { children: item.label }),
-                                  /* @__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"
-                                        }
-                                      )
-                                    }
-                                  ) })
-                                ]
-                              }
-                            ) }, item.id + "1") : /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Link,
-                              {
-                                href: item?.url + (queryString && !item?.url?.includes("?") ? `?${queryString}` : ""),
-                                className: styles.menuItem,
-                                children: /* @__PURE__ */ jsx("span", { children: item.label })
-                              }
-                            ) }, item.id);
-                          })
-                        ]
-                      },
-                      stack.currentMenuData?.title
-                    )
-                  }
-                ) }),
-                /* @__PURE__ */ jsx("div", { className: `${styles.quickLinks} flex middle between`, children: stack.quickLinks?.map((link) => /* @__PURE__ */ jsxs(
-                  "a",
-                  {
-                    href: resolveUrl(link.url) + (queryString && !link.url.includes("?") ? `?${queryString}` : ""),
-                    className: `${styles.quickLink} flex_col middle`,
-                    "aria-label": link.ariaLabel,
-                    children: [
-                      /* @__PURE__ */ jsx(
-                        "img",
-                        {
-                          src: link.icon,
-                          alt: "",
-                          height: 20,
-                          width: 20,
-                          loading: "lazy"
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("span", { children: link.label })
-                    ]
-                  },
-                  link.id
-                )) })
-              ] }) })
-            ]
-          }
-        )
-      }
-    ) }),
-    /* @__PURE__ */ jsx(AnimatePresence, { children: stack.loginDrawer && /* @__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: loginRef,
-            initial: { x: "100%" },
-            animate: { x: 0 },
-            exit: { x: "100%" },
-            transition: { type: "tween", duration: 0.3 },
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-label": "Login options",
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
-                /* @__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("span", { className: styles.loginDrawerTitle, children: "Log in" }),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: `${styles.close} flex_col`,
-                    "aria-label": "Close login options",
-                    onClick: handleLoginDrawerClose,
-                    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: "#14263D"
-                          }
-                        )
-                      }
-                    )
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: styles.loginDrawerContent, children: /* @__PURE__ */ jsx("div", { className: styles.loginAccordion, children: /* @__PURE__ */ jsxs(
-                "ul",
-                {
-                  className: styles.loginAccordionList,
-                  "aria-label": "Login options",
-                  children: [
-                    stack.loginData?.items?.filter((item) => item.items)?.map((group) => {
-                      return /* @__PURE__ */ jsxs(
-                        "li",
-                        {
-                          className: styles.loginAccordionGroup,
-                          "aria-label": `${group?.label} login options`,
-                          children: [
-                            /* @__PURE__ */ jsx("span", { className: styles.loginAccordionHeading, children: group.label }),
-                            /* @__PURE__ */ jsx("ul", { className: styles.loginAccordionGroupList, children: group.items?.map((item) => /* @__PURE__ */ jsx(
-                              "li",
-                              {
-                                "aria-label": `access ${item.label}`,
-                                children: /* @__PURE__ */ jsx(
-                                  "a",
-                                  {
-                                    href: item.url + (queryString && !item.url.includes("?") ? `?${queryString}` : ""),
-                                    className: styles.menuItem,
-                                    children: /* @__PURE__ */ jsx("span", { children: item.label })
-                                  }
-                                )
-                              },
-                              item.id
-                            )) })
-                          ]
-                        },
-                        group?.id
-                      );
-                    }),
-                    /* @__PURE__ */ jsxs(
-                      "li",
-                      {
-                        className: styles.loginAccordionGroup,
-                        children: [
-                          /* @__PURE__ */ jsx("span", { className: styles.loginAccordionHeading }),
-                          stack.loginData?.items.filter((item) => !item.items).map((group) => {
-                            return /* @__PURE__ */ jsx(
-                              "ul",
-                              {
-                                className: styles.loginAccordionGroupList,
-                                children: /* @__PURE__ */ jsx(
-                                  "li",
-                                  {
-                                    "aria-label": `access ${group.label}`,
-                                    children: /* @__PURE__ */ jsx(
-                                      "a",
-                                      {
-                                        href: group.url + (queryString && !group.url.includes("?") ? `?${queryString}` : ""),
-                                        className: styles.menuItem,
-                                        children: /* @__PURE__ */ jsx("span", { children: group.label })
-                                      }
-                                    )
-                                  },
-                                  group.id
-                                )
-                              },
-                              group.id
-                            );
-                          })
-                        ]
-                      }
-                    )
-                  ]
-                }
-              ) }) })
-            ]
-          }
-        )
-      }
-    ) })
-  ] });
-};
-export {
-  MobileDrawerMenu as default
-};