@axos-web-dev/shared-components 1.0.100-dev.9-patch.1 → 1.0.100-envVars-0.2

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

@@ -4,8 +4,128 @@ 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 { getMenuData, getQuickLinks } from "./MobileNavData.js";
 import styles from "./MobileMenu.module.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/NavBar.css';import '../../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../../assets/NavigationMenu/AxosAdvisor/NavBar.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/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/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/premier.css';import '../../../assets/themes/axos.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 "react-use";
+import "../../../ArticlesSet/ArticlesSet.css.js";
+import "../../../Calculators/calculator.css.js";
+import "../../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../../../Calculators/ApyCalculator/ApyCalculator.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/store/chat.js";
+import "../../../Chatbot/authenticate.js";
+import "../../../Chatbot/Chatbot.css.ts.vanilla.css.js";
+/* empty css                                             */
+import "../../../Chatbot/store/messages.js";
+/* empty css                                                                          */
+import "../../../Comparison/Comparison.css.js";
+import "next/image.js";
+import "../../../HeroBanner/HeroBanner.css.js";
+import "../../../HeroBanner/LargeBanner.css.js";
+import "../../../HeroBanner/SelectionBanner.css.js";
+import "../../../SetContainer/SetContainer.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                              */
+/* empty css                                           */
+/* empty css                                       */
+/* empty css                                         */
+import { useGlobalContext } from "../../../Modal/contextApi/store.js";
+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%",
@@ -26,6 +146,8 @@ const slideVariants = {
 };
 const MobileDrawerMenu = () => {
   const pathname = usePathname();
+  const { domains } = useGlobalContext();
+  const menuData = getMenuData(domains);
   const [queryString, setQueryString] = useState("");
   const [open, setOpen] = useState(false);
   const [stack, setStack] = useState([
@@ -40,9 +162,9 @@ const MobileDrawerMenu = () => {
   useEffect(() => {
     if (!pathname) return;
     const pathnameParts = "/" + pathname.split("/")[1];
-    const links = getQuickLinks(pathnameParts);
+    const links = getQuickLinks(pathnameParts, domains);
     setQuickLinks(links);
-  }, [pathname]);
+  }, [pathname, domains]);
   useEffect(() => {
     if (typeof window !== "undefined") {
       const search = window.location.search;
@@ -118,7 +240,7 @@ const MobileDrawerMenu = () => {
                 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"
+                fill: "#14263D"
               }
             )
           }
@@ -211,7 +333,7 @@ const MobileDrawerMenu = () => {
                           "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"
+                            fill: "#14263D"
                           }
                         )
                       }

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

@@ -1,19 +1,19 @@
-import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_1s2qa_1";
-const drawer = "_drawer_1s2qa_9";
-const hamburger = "_hamburger_1s2qa_29";
-const header = "_header_1s2qa_40";
-const back = "_back_1s2qa_51";
-const close = "_close_1s2qa_62";
-const levelContainer = "_levelContainer_1s2qa_69";
-const level = "_level_1s2qa_69";
-const levelTitle = "_levelTitle_1s2qa_85";
-const menu = "_menu_1s2qa_90";
-const menuItem = "_menuItem_1s2qa_110";
-const chevron = "_chevron_1s2qa_126";
-const chevronIcon = "_chevronIcon_1s2qa_131";
-const quickLinks = "_quickLinks_1s2qa_142";
-const quickLink = "_quickLink_1s2qa_142";
-const sr_only = "_sr_only_1s2qa_166";
+import '../../../assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css';const overlay = "_overlay_pl06n_1";
+const drawer = "_drawer_pl06n_9";
+const hamburger = "_hamburger_pl06n_29";
+const header = "_header_pl06n_40";
+const back = "_back_pl06n_51";
+const close = "_close_pl06n_59";
+const levelContainer = "_levelContainer_pl06n_70";
+const level = "_level_pl06n_70";
+const levelTitle = "_levelTitle_pl06n_86";
+const menu = "_menu_pl06n_91";
+const menuItem = "_menuItem_pl06n_111";
+const chevron = "_chevron_pl06n_127";
+const chevronIcon = "_chevronIcon_pl06n_132";
+const quickLinks = "_quickLinks_pl06n_143";
+const quickLink = "_quickLink_pl06n_143";
+const sr_only = "_sr_only_pl06n_167";
 const styles = {
   overlay,
   drawer,

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

@@ -1,4 +1,4 @@
-export declare const menuData: {
+export declare const getMenuData: (domains: Record<string, string>) => {
     Personal: {
         "Personal Home": string;
         Bank: {
@@ -18,7 +18,6 @@ export declare const menuData: {
                 "Summit Savings": string;
                 "First Savings": string;
             };
-            "Certificates of Deposits": string;
             Premier: {
                 "Premier Home": string;
                 "Private Client": string;
@@ -60,7 +59,6 @@ export declare const menuData: {
             "Marine Loans": {
                 "Marine Loans Home": string;
                 "Find The Right Loan": string;
-                "Apply Now": string;
                 "Contact Us": string;
             };
         };
@@ -70,11 +68,11 @@ export declare const menuData: {
                 "Managed Portfolios Home": string;
                 "Investing Details": string;
             };
-            "Self Directed Trading": {
-                "Self Directed Trading Home": string;
+            "Self-Directed Trading": {
+                "Self-Directed Trading Home": string;
                 "Axos Elite Investing": string;
                 "Stocks & ETFs": string;
-                "Margin Tradings": string;
+                "Margin Trading": string;
                 "Options Trading": string;
             };
             Retirement: string;
@@ -100,7 +98,6 @@ export declare const menuData: {
                 "Education & Insights Home": string;
                 "Banking Insights": string;
                 "Investing Insights": string;
-                "Investing Podcast": string;
             };
         };
     };
@@ -119,7 +116,6 @@ export declare const menuData: {
                 "Business Premium Savings": string;
                 "Business Savings": string;
                 "Non-Profit Money Market": string;
-                "Business CDs": string;
             };
             Bundles: {
                 "Axos Business Bundle": string;
@@ -144,7 +140,7 @@ export declare const menuData: {
                 "ATM Locator": string;
                 Calculators: string;
             };
-            "Refer-a-Friend": string;
+            "Refer-a-Business": string;
             Insights: string;
         };
         "Commercial Banking": {
@@ -191,7 +187,7 @@ export declare const menuData: {
                 "Residential Warehouse Lending": string;
                 "Small Balance Commercial Real Estate": string;
                 "Leveraged Finance": string;
-                "Marine Dealer Floorplan Finance": string;
+                "Dealer Floorplan Finance": string;
                 "Premium Finance": string;
             };
             "Other Resources": {
@@ -203,7 +199,6 @@ export declare const menuData: {
     };
     Partners: {
         "Partners Home": string;
-        "Marine Dealer Floorplan Finance": string;
         "Wholesale Lending": {
             "Wholesale & Correspondent Lending": {
                 "WCPL Home": string;
@@ -213,7 +208,6 @@ export declare const menuData: {
                 "Meet the Team": string;
             };
         };
-        "Financial Advisors": string;
         "Dealer Services": {
             "Dealer Services": {
                 "Dealer Services Home": string;
@@ -266,7 +260,7 @@ export declare const menuData: {
     };
     "Return to Application": string;
 };
-export declare const getQuickLinks: (pathname: string) => {
+export declare const getQuickLinks: (pathname: string, domains: Record<string, string>) => {
     icon: string;
     title: string;
     url: string;