@axos-web-dev/shared-components 2.0.0-dev.22 → 2.0.0-dev.22-nav-3

package/dist/NavigationMenu/NavItem/index.js

@@ -1,4 +1,131 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
+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/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/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/Chatbot.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/BulletItem/BulletItem.css';import '../../assets/NavigationMenu/AxosBank/NavBar2.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                                                   */
+/* empty css                                             */
+/* empty css                                    */
+import "clsx";
+import "react";
+import "../../AlertBanner/AlertBanner.css.js";
+import "../../Article/Article.css.js";
+import "../../IconBillboard/IconBillboard.css.js";
+/* 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 { useGlobalContext } from "../../Modal/contextApi/store.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                                                      */
+/* empty css                                       */
+/* 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 "next/image.js";
+import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/HeroBanner.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                                       */
+import "next/navigation.js";
+/* empty css                                          */
+/* empty css                                               */
+/* empty css                                                  */
+import "next/link.js";
+import "../AxosBank/Menu.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 NavItem = ({
   className,
   url,
@@ -7,8 +134,17 @@ const NavItem = ({
   onClick,
   isActive
 }) => {
+  const { resolveUrl } = useGlobalContext();
   const handleClick = () => onClick && onClick(index);
-  return /* @__PURE__ */ jsx("li", { className, role: "menuitem", children: /* @__PURE__ */ jsx("a", { href: url, className: isActive ? "active" : "", onClick: handleClick, children: name }) });
+  return /* @__PURE__ */ jsx("li", { className, role: "menuitem", children: /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: resolveUrl(url),
+      className: isActive ? "active" : "",
+      onClick: handleClick,
+      children: name
+    }
+  ) });
 };
 export {
   NavItem,

package/dist/NavigationMenu/Navbar.d.ts

@@ -1,5 +1,8 @@
-declare function NavBar({ project, withSession, }: {
+import { Navigation } from './utils';
+
+declare function NavBar({ project, withSession, items, }: {
     project?: string;
     withSession?: boolean;
+    items?: Navigation | null;
 }): import("react/jsx-runtime").JSX.Element;
 export default NavBar;

package/dist/NavigationMenu/Navbar.js

@@ -10,6 +10,7 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
+import { main_nav_link } from "./AxosBank/NavBar.css.js";
 import "clsx";
 import { useState, useEffect } from "react";
 import "../Chevron/Chevron.css.js";
@@ -108,9 +109,8 @@ import "next/navigation.js";
 /* empty css                                         */
 /* empty css                                              */
 /* empty css                                                 */
-import MobileDrawerMenu from "./AxosBank/MobileMenu/MobileMenu.js";
-import { main_nav_link } from "./AxosBank/NavBar.css.js";
 import styles from "./AxosBank/NavBar.module.js";
+import MobileDrawerMenu from "./AxosBank/MobileMenu/MobileMenu.js";
 import { getNavItems } from "./AxosBank/NavData.js";
 import SubNavBar from "./AxosBank/SubNavBar.js";
 /* empty css                                       */
@@ -132,7 +132,8 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                              */
 function NavBar({
   project = "AXB",
-  withSession = false
+  withSession = false,
+  items
 }) {
   const { resolveUrl } = useGlobalContext();
   const navItems = getNavItems(resolveUrl);
@@ -190,7 +191,7 @@ function NavBar({
               "aria-label": "return to homepage"
             }
           ),
-          /* @__PURE__ */ jsx(MobileDrawerMenu, {})
+          items && /* @__PURE__ */ jsx(MobileDrawerMenu, { menu: items })
         ] })
       ] })
     ] }) }),

package/dist/NavigationMenu/SignInNavButton.js

@@ -10,6 +10,7 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
+import { main_nav_link, highlight, Sign_in_btn, signin_subheader } from "./AxosBank/NavBar.css.js";
 import clsx from "clsx";
 import { useRef, useState, useEffect } from "react";
 import "../Chevron/Chevron.css.js";
@@ -109,10 +110,10 @@ import "next/navigation.js";
 /* empty css                                         */
 /* empty css                                              */
 /* empty css                                                 */
-import "next/link.js";
-import { main_nav_link, highlight, Sign_in_btn, signin_subheader } from "./AxosBank/NavBar.css.js";
 import styles from "./AxosBank/NavBar.module.js";
+import "next/link.js";
 import { getNavItems } from "./AxosBank/NavData.js";
+import "./AxosBank/Menu.js";
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                   */

package/dist/NavigationMenu/utils.d.ts

@@ -0,0 +1,465 @@
+export interface Logo {
+    id: string;
+    url: string;
+    alt: string;
+}
+export interface NavItem {
+    id: string;
+    url: string;
+    label: string;
+    descriptiveTextAriaLabel?: string;
+    icon?: string | undefined;
+    ariaLabel?: string | undefined;
+    target?: any;
+}
+export interface NavItems extends NavItem {
+    items?: NavItems[];
+    subItems?: NavItems[];
+    menuItems?: Menu;
+    hasMenu?: boolean;
+    rightSide?: boolean | undefined;
+    dropdown?: boolean | undefined;
+    displayInNavigation?: boolean | undefined;
+}
+export interface SubNavItems extends NavItem {
+    subItems: (NavItems | NavItem | undefined)[];
+    menuItems?: Menu;
+    hasMenu?: boolean;
+    dropdown: boolean | undefined;
+    rightSide?: boolean | undefined;
+    displayInNavigation?: boolean | undefined;
+}
+export interface Navigation {
+    subNavBar?: SubNavItems[];
+    logo?: Logo;
+    quickLinks: NavItem[];
+}
+export interface Menu {
+    target: Record<string, unknown>;
+    heading: string;
+    bannerHeading: string;
+    bannerDescription: string;
+    helpAndSupportLink?: string;
+    bannerImage: {
+        fields: {
+            title: string;
+            file: {
+                url: string;
+                details: {
+                    size: number;
+                    image: {
+                        width: number;
+                        height: number;
+                    };
+                };
+                fileName: string;
+                contentType: string;
+            };
+        };
+    };
+    bannerCta: {
+        id: string;
+        label: string;
+        url: string;
+        ariaLabel: string;
+    };
+    subItems?: NavItems[];
+}
+export interface PrimaryMenu {
+    sys: {
+        id: string;
+        contentType: {
+            sys: {
+                id: "primaryNavigation";
+            };
+        };
+    };
+    fields: {
+        display: string;
+        displayInNavigation: boolean;
+        rightSide: boolean;
+        dropdown: boolean;
+        target: {
+            sys: {
+                id: string;
+                contentType: {
+                    sys: {
+                        id: string;
+                    };
+                };
+            };
+            fields: {
+                displayText: string;
+                targetUrl: string;
+                descriptiveTextAriaLabel: string;
+                icon: {
+                    fields: {
+                        image: {
+                            fields: {
+                                file: {
+                                    url: string;
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+        };
+        children: Array<PrimaryChildrens>;
+    };
+}
+export interface QuickLink {
+    sys: {
+        id: string;
+        contentType: {
+            sys: {
+                id: string;
+            };
+        };
+    };
+    fields: {
+        displayText: string;
+        targetUrl: string;
+        descriptiveTextAriaLabel: string;
+        icon: {
+            fields: {
+                image: {
+                    fields: {
+                        file: {
+                            url: string;
+                        };
+                    };
+                };
+            };
+        };
+    };
+}
+export interface HyperLinkType {
+    sys: {
+        id: string;
+        contentType: {
+            sys: {
+                id: "hyperlink";
+            };
+        };
+    };
+    fields: {
+        displayText: string;
+        targetUrl: string;
+        descriptiveTextAriaLabel: string;
+    };
+}
+export interface CallToActionType {
+    sys: {
+        id: string;
+        contentType: {
+            sys: {
+                id: "hyperlink";
+            };
+        };
+    };
+    fields: {
+        displayText: string;
+        targetUrl: string;
+        descriptiveTextAriaLabel: string;
+        icon: {
+            fields: {
+                image: {
+                    fields: {
+                        file: {
+                            url: string;
+                        };
+                    };
+                };
+            };
+        };
+    };
+}
+export interface TertiaryMenu {
+    sys: {
+        id: string;
+        contentType: {
+            sys: {
+                id: "tertiaryNavigation";
+            };
+        };
+    };
+    fields: {
+        displayText?: string;
+        target: CallToActionType;
+        descriptiveTextAriaLabel?: string;
+        children: Array<HyperLinkType>;
+        targetUrl?: string;
+        icon: {
+            fields: {
+                file: {
+                    url: string;
+                };
+            };
+        };
+    };
+}
+export interface SecondaryMenu {
+    sys: {
+        id: string;
+        contentType: {
+            sys: {
+                id: "secondaryNavigation";
+            };
+        };
+    };
+    fields: {
+        display: string;
+        target: HyperLinkType;
+        children: Array<TertiaryMenu>;
+        heading: string;
+        bannerHeading: string;
+        bannerDescription: string;
+        helpAndSupportLink?: string;
+        bannerImage: {
+            fields: {
+                title: string;
+                file: {
+                    url: string;
+                    details: {
+                        size: number;
+                        image: {
+                            width: number;
+                            height: number;
+                        };
+                    };
+                    fileName: string;
+                    contentType: string;
+                };
+            };
+        };
+        bannerCtaLinks?: Array<{
+            sys: {
+                id: string;
+                type: string;
+            };
+            fields: {
+                displayText: string;
+                targetUrl: string;
+                descriptiveTextAriaLabel: string;
+            };
+        }>;
+    };
+}
+type PrimaryChildrens = SecondaryMenu | HyperLinkType;
+export interface MenuObject {
+    sys: {
+        id: string;
+        contentType: {
+            sys: {
+                id: string;
+            };
+        };
+    };
+    fields: {
+        label: string;
+        description: string;
+        display: string;
+        target: Array<{
+            sys: {
+                id: string;
+                contentType: {
+                    sys: {
+                        id: string;
+                    };
+                };
+            };
+            fields: {
+                displayText: string;
+                targetUrl: string;
+                descriptiveTextAriaLabel: string;
+            };
+        }>;
+        logo: {
+            sys: {
+                id: string;
+                type: string;
+            };
+            fields: {
+                title: string;
+                image: {
+                    fields: {
+                        file: {
+                            url: string;
+                        };
+                    };
+                };
+            };
+        };
+        quickLinks: Array<{
+            sys: {
+                id: string;
+                contentType: {
+                    sys: {
+                        id: string;
+                    };
+                };
+            };
+            fields: {
+                displayText: string;
+                targetUrl: string;
+                descriptiveTextAriaLabel: string;
+                icon: {
+                    fields: {
+                        image: {
+                            fields: {
+                                file: {
+                                    url: string;
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+        }>;
+        children: PrimaryMenu[];
+    };
+}
+export declare const getFirstLevelMenuItems: (menuData: MenuObject) => ({
+    id: string;
+    label: string;
+    url: string;
+    descriptiveTextAriaLabel: string;
+    rightSide: boolean;
+    dropdown: boolean;
+} | {
+    id?: undefined;
+    label?: undefined;
+    url?: undefined;
+    descriptiveTextAriaLabel?: undefined;
+    rightSide?: undefined;
+    dropdown?: undefined;
+})[];
+export declare const getLogo: (menuData: MenuObject) => {
+    id: string;
+    url: string;
+    alt: string;
+};
+export declare const getQuickLinks: (menuData: MenuObject) => NavItem[];
+export declare const extractChildrenTargets: (children: PrimaryChildrens[]) => (NavItem | {
+    id: string;
+    label: string;
+    url: string;
+    hasMenu: boolean;
+    descriptiveTextAriaLabel: string;
+    menuItems: {
+        target: {
+            displayText: string;
+            targetUrl: string;
+            descriptiveTextAriaLabel: string;
+            id: string;
+        };
+        heading: string;
+        bannerHeading: string;
+        bannerDescription: string;
+        helpAndSupportLink: string | undefined;
+        bannerImage: {
+            fields: {
+                title: string;
+                file: {
+                    url: string;
+                    details: {
+                        size: number;
+                        image: {
+                            width: number;
+                            height: number;
+                        };
+                    };
+                    fileName: string;
+                    contentType: string;
+                };
+            };
+        };
+        bannerCta: {
+            id: string;
+            label: string;
+            url: string;
+            ariaLabel: string;
+        }[] | undefined;
+        subItems: {
+            items: {
+                id: string;
+                label: string;
+                descriptiveTextAriaLabel: string;
+                url: string;
+                icon: string;
+            }[];
+            id: string;
+            label: string;
+            icon: string;
+            descrictiveTextAriaLabel: string;
+            url: string;
+        }[];
+    };
+} | undefined)[];
+export declare const getNavMenuItems: (menuData: MenuObject) => {
+    id: string;
+    label: string;
+    url: string;
+    descriptiveTextAriaLabel: string;
+    dropdown: boolean;
+    rightSide: boolean;
+    displayInNavigation: boolean;
+    subItems: (NavItem | {
+        id: string;
+        label: string;
+        url: string;
+        hasMenu: boolean;
+        descriptiveTextAriaLabel: string;
+        menuItems: {
+            target: {
+                displayText: string;
+                targetUrl: string;
+                descriptiveTextAriaLabel: string;
+                id: string;
+            };
+            heading: string;
+            bannerHeading: string;
+            bannerDescription: string;
+            helpAndSupportLink: string | undefined;
+            bannerImage: {
+                fields: {
+                    title: string;
+                    file: {
+                        url: string;
+                        details: {
+                            size: number;
+                            image: {
+                                width: number;
+                                height: number;
+                            };
+                        };
+                        fileName: string;
+                        contentType: string;
+                    };
+                };
+            };
+            bannerCta: {
+                id: string;
+                label: string;
+                url: string;
+                ariaLabel: string;
+            }[] | undefined;
+            subItems: {
+                items: {
+                    id: string;
+                    label: string;
+                    descriptiveTextAriaLabel: string;
+                    url: string;
+                    icon: string;
+                }[];
+                id: string;
+                label: string;
+                icon: string;
+                descrictiveTextAriaLabel: string;
+                url: string;
+            }[];
+        };
+    } | undefined)[];
+}[];
+export {};