@axos-web-dev/shared-components 1.0.99-dev.2 → 1.0.99-dev.21

package/dist/NavigationMenu/NavDataJson.js

@@ -0,0 +1,309 @@
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import "react/jsx-runtime";
+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/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/Insight.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/CallToActionBar/CallToActionBar.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/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                                    */
+/* empty css                                                    */
+/* empty css                                                */
+import "clsx";
+import "react";
+import "../Chevron/Chevron.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+import "../Article/Article.css.js";
+import "../IconBillboard/IconBillboard.css.js";
+import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
+/* empty css                                          */
+/* empty css                                          */
+import "../Interstitial/Interstitial-variants.css.js";
+/* empty css                                */
+import "../Modal/contextApi/store.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                                                    */
+import "../Carousel/index.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                                            */
+/* 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/MobileMenu/MobileNavData.js";
+/* empty css                                   */
+import "./AxosBank/NavData.js";
+/* empty css                                      */
+/* empty css                                       */
+import "./AxosALTS/NavData.js";
+/* empty css                                   */
+/* empty css                                     */
+import "./LaVictoire/NavData.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                                              */
+const navItemsRaw = [
+  {
+    domain: "/personal",
+    name: "Personal",
+    url: findMoreAxosDomains("{AXOSBANK}/personal"),
+    subNavItems: [
+      {
+        name: "Bank",
+        url: findMoreAxosDomains("{AXOSBANK}/personal"),
+        id: "ps_1"
+      },
+      {
+        name: "Borrow",
+        url: findMoreAxosDomains("{AXOSBANK}/personal/borrow"),
+        id: "ps_2"
+      },
+      {
+        name: "Invest",
+        url: findMoreAxosDomains("{AXOS}"),
+        id: "ps_3"
+      },
+      {
+        name: "Plan",
+        url: findMoreAxosDomains("{AXOSBANK}/personal/plan"),
+        id: "ps_4"
+      }
+    ]
+  },
+  {
+    domain: "/business",
+    name: "Business",
+    url: findMoreAxosDomains("{AXOSBANK}/business"),
+    subNavItems: [
+      {
+        name: "Small Business Banking",
+        url: findMoreAxosDomains("{AXOSBANK}/business"),
+        id: "b_1"
+      },
+      {
+        name: "Commercial Banking",
+        url: findMoreAxosDomains("{AXOSBANK}/commercial"),
+        id: "b_2"
+      },
+      {
+        name: "Commercial Lending",
+        url: findMoreAxosDomains("{AXOSBANK}/commercial/lending"),
+        id: "b_3"
+      }
+    ]
+  },
+  {
+    domain: "/partners",
+    name: "Partners",
+    url: findMoreAxosDomains("{AXOSBANK}/partners"),
+    subNavItems: [
+      {
+        name: "Marine Dealer Floorplan Finance",
+        url: "https://lavictoirefinance.com/dealers",
+        id: "pt_1"
+      },
+      {
+        name: "Wholesale Lending",
+        url: findMoreAxosDomains(
+          "{AXOSBANK}/partners/wholesale-correspondent-portfolio-lending"
+        ),
+        id: "pt_2"
+      },
+      {
+        name: "Small Balance Commercial",
+        url: findMoreAxosDomains(
+          "{AXOSBANK}/business/small-balance-commercial"
+        ),
+        id: "pt_3"
+      },
+      {
+        name: "Financial Advisors",
+        url: "https://www.axosadvisor.com",
+        id: "pt_4"
+      },
+      {
+        name: "Dealer Services",
+        url: findMoreAxosDomains("{AXOSBANK}/partners/dealer-services"),
+        id: "pt_5"
+      },
+      {
+        name: "Strategic Partnerships",
+        url: findMoreAxosDomains("{AXOSBANK}/partners/strategic-partnerships"),
+        id: "pt_6"
+      }
+    ]
+  },
+  {
+    domain: "/customer-support",
+    name: "Support",
+    url: findMoreAxosDomains("{AXOSBANK}/customer-support"),
+    subNavItems: [
+      {
+        name: "Personal Support",
+        url: findMoreAxosDomains("{AXOSBANK}/personal/support"),
+        id: "b_1"
+      },
+      {
+        name: "Business Support",
+        url: findMoreAxosDomains("{AXOSBANK}/business/support"),
+        id: "b_2"
+      },
+      {
+        name: "Partner Support",
+        url: findMoreAxosDomains("{AXOSBANK}/partners/support"),
+        id: "b_3"
+      }
+    ]
+  }
+];
+const subNavItemsRaw = {
+  about: [
+    {
+      name: "Axos Financial",
+      url: "https://investors.axosfinancial.com/corporate-profile/default.aspx",
+      id: "a_1"
+    },
+    {
+      name: "History",
+      url: findMoreAxosDomains("{AXOSBANK}/about-us/history-of-axos"),
+      id: "a_2"
+    },
+    {
+      name: "Awards and Recognitions",
+      url: findMoreAxosDomains("{AXOSBANK}/about-us/awards-and-recognitions"),
+      id: "a_4"
+    },
+    {
+      name: "Executive Team",
+      url: findMoreAxosDomains("{AXOSBANK}/about-us/executive-team"),
+      id: "a_5"
+    },
+    {
+      name: "Press and News",
+      url: findMoreAxosDomains("{AXOSBANK}/about-us/press-and-news"),
+      id: "a_6"
+    }
+  ],
+  legal: [
+    {
+      name: "Business Disclosures",
+      url: findMoreAxosDomains("{AXOSBANK}/legal/disclosures"),
+      id: "l_1"
+    },
+    {
+      name: "HELOC Disclosures",
+      url: findMoreAxosDomains("{AXOSBANK}/legal/heloc-disclosures"),
+      id: "l_2"
+    },
+    {
+      name: "Home Equity Loan Disclosures",
+      url: findMoreAxosDomains("{AXOSBANK}/legal/home-equity-loan-disclosures"),
+      id: "l_3"
+    },
+    {
+      name: "Privacy Policy",
+      url: findMoreAxosDomains("{AXOSBANK}/legal/privacy"),
+      id: "l_4"
+    },
+    {
+      name: "FDIC Notice",
+      url: findMoreAxosDomains("{AXOSBANK}/legal/fdic-notice"),
+      id: "l_5"
+    },
+    {
+      name: "EHL Notice",
+      url: findMoreAxosDomains("{AXOSBANK}/legal/ehl-notice"),
+      id: "l_6"
+    },
+    {
+      name: "SAFE Act",
+      url: findMoreAxosDomains("{AXOSBANK}/legal/safe-act"),
+      id: "l_7"
+    }
+  ]
+};
+const navItems = JSON.parse(JSON.stringify(navItemsRaw));
+const subNavItems = JSON.parse(JSON.stringify(subNavItemsRaw));
+export {
+  navItems,
+  subNavItems
+};

package/dist/NavigationMenu/Navbar.d.ts

@@ -0,0 +1,5 @@
+declare function NavBar({ project, withSession, }: {
+    project?: string;
+    withSession?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export default NavBar;

package/dist/NavigationMenu/Navbar.js

@@ -0,0 +1,195 @@
+"use client";
+import { jsxs, jsx } 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/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/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/Insight.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/CallToActionBar/CallToActionBar.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/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                                    */
+/* empty css                                                    */
+/* empty css                                                */
+import "clsx";
+import { useState, useEffect } from "react";
+import "../Chevron/Chevron.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+import "../Article/Article.css.js";
+import "../IconBillboard/IconBillboard.css.js";
+import "../utils/allowedAxosDomains.js";
+import { appendQueryParams } from "../utils/appendQueryParams.js";
+/* empty css                                          */
+/* empty css                                          */
+import "../Interstitial/Interstitial-variants.css.js";
+/* empty css                                */
+import "../Modal/contextApi/store.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                                                    */
+import "../Carousel/index.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                                            */
+/* 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 MobileDrawerMenu from "./AxosBank/MobileMenu/MobileMenu.js";
+import { main_nav_link } from "./AxosBank/NavBar.css.js";
+import styles from "./AxosBank/NavBar.module.js";
+import { navItems } from "./AxosBank/NavData.js";
+import SubNavBar from "./AxosBank/SubNavBar.js";
+/* empty css                                       */
+import "./AxosALTS/NavData.js";
+/* empty css                                   */
+/* empty css                                     */
+import "./LaVictoire/NavData.js";
+import "next/link.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                                              */
+function NavBar({
+  project = "AXB",
+  withSession = false
+}) {
+  const [activeIndex, setActiveIndex] = useState();
+  const lastNavItem = navItems[navItems.length - 1];
+  const handleClick = (index) => setActiveIndex(index);
+  const getActiveIndex = () => {
+    const pathname = "/" + location.pathname.split("/")[1];
+    const index = navItems.findIndex(
+      (path) => path.domain === pathname
+    );
+    pathname == "/commercial" ? setActiveIndex(1) : setActiveIndex(index);
+  };
+  useEffect(() => {
+    getActiveIndex();
+  }, [activeIndex]);
+  useEffect(() => {
+    appendQueryParams();
+  }, [lastNavItem]);
+  if (withSession) {
+    console.log("withSession");
+  }
+  return /* @__PURE__ */ jsxs("header", { id: "header", children: [
+    /* @__PURE__ */ jsx("div", { className: `${styles.header} bg_white`, children: /* @__PURE__ */ jsxs("div", { className: styles.wrapper, children: [
+      /* @__PURE__ */ jsx("a", { href: "#main-body", id: "skip_content", className: styles.skip_btn, children: "Skip to main content" }),
+      /* @__PURE__ */ jsxs("div", { className: `${styles.header_main_row} flex_row between middle`, children: [
+        /* @__PURE__ */ jsx("div", { className: `${styles.desktop_only} flex_row middle`, children: /* @__PURE__ */ jsxs("div", { className: `${styles.main_nav} flex_row middle`, children: [
+          /* @__PURE__ */ jsx("div", { className: styles.logo_wrap, children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: project === "AXB" ? "/" : "/invest",
+              "aria-label": "return to homepage"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("nav", { className: styles.primary_links, children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", role: "menubar", children: navItems.map(
+            (item, i, arr) => arr.length - 1 !== i && /* @__PURE__ */ jsx(
+              NavItem,
+              {
+                className: `${styles.main_nav_link} ${main_nav_link}`,
+                onClick: handleClick,
+                index: i,
+                name: item.name,
+                url: item.url,
+                isActive: activeIndex == i
+              },
+              i
+            )
+          ) }) })
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: `${styles.mobile_only} ${styles.mobile_logo}`, children: [
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: project === "AXB" ? "/" : "/invest",
+              "aria-label": "return to homepage"
+            }
+          ),
+          /* @__PURE__ */ jsx(MobileDrawerMenu, {})
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(SubNavBar, {})
+  ] });
+}
+export {
+  NavBar as default
+};

package/dist/NavigationMenu/SignInNavButton.d.ts

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