@axos-web-dev/shared-components 2.0.0-dev.17 → 2.0.0-dev.17-nav-1

package/dist/NavigationMenu/SignInNavButton.js

@@ -1,135 +1,22 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../Accordion/Accordion.js";
-import "../Accordion/Accordion.css.js";
-import "../icons/ArrowIcon/ArrowIcon.css.js";
-import "../icons/CheckIcon/CheckIcon.css.js";
-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/Modal/Modal.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 styles from "./AxosBank/NavBar.module.js";
+import { NavItem } from "./NavItem/index.js";
 import clsx from "clsx";
 import { useRef, useState, useEffect } from "react";
-import "../Chevron/Chevron.css.js";
-import "../AlertBanner/AlertBanner.css.js";
-import "../Article/Article.css.js";
+import { useClickAway } from "react-use";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
-import { useClickAway } from "react-use";
-import "../ArticlesSet/ArticlesSet.css.js";
-import "../IconBillboard/IconBillboard.css.js";
-import { appendQueryParams } from "../utils/appendQueryParams.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";
-/* empty css                                          */
-/* empty css                                          */
-import "../Input/RadioButton.css.js";
-import "../Input/Checkbox.css.js";
-import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Chevron/Chevron.css.js";
 /* empty css                                */
-import "../Interstitial/Interstitial-variants.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                                   */
+/* empty css                               */
 /* 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";
-import { NavItem } from "./NavItem/index.js";
-/* empty css                                      */
-import "next/navigation.js";
-/* empty css                                         */
-/* empty css                                              */
-/* empty css                                                 */
-import "next/link.js";
+import { useGlobalContext } from "../Modal/contextApi/store.js";
+import { appendQueryParams } from "../utils/appendQueryParams.js";
 import { main_nav_link, highlight, Sign_in_btn, signin_subheader } from "./AxosBank/NavBar.css.js";
-import styles from "./AxosBank/NavBar.module.js";
 import { getNavItems } from "./AxosBank/NavData.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                                              */
 const SignInNavButton = () => {
   const { resolveUrl } = useGlobalContext();
   const navItems = getNavItems(resolveUrl);

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 {};