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

package/dist/utils/appendQueryParams.js

@@ -1,8 +1,12 @@
 const appendQueryParams = () => {
-  const searchParams = new URLSearchParams(window.location.search);
-  const filterParams = (href) => {
+  const currentOrigin = window.location.origin;
+  const currentPathname = window.location.pathname;
+  const filterParams = (href, currentSearch) => {
     try {
-      const url = new URL(href, window.location.origin);
+      const search = currentSearch ?? window.location.search;
+      const searchParams = new URLSearchParams(search);
+      const base = window.location.origin + window.location.pathname + window.location.search;
+      const url = new URL(href, base);
       const existingParams = new URLSearchParams(url.search);
       const newParams = new URLSearchParams();
       const addedKeys = /* @__PURE__ */ new Set();
@@ -25,17 +29,44 @@ const appendQueryParams = () => {
       }
       const mergedParams = new URLSearchParams(existingParams);
       newParams.forEach((value, key) => mergedParams.append(key, value));
-      return `${url.origin}${url.pathname}?${mergedParams.toString()}`;
+      return `${url.origin}${url.pathname}?${mergedParams.toString()}${url.hash}`;
     } catch (e) {
       console.error(e);
       return href;
     }
   };
+  const handleSamePageClick = (e) => {
+    const anchor = e.target?.closest?.("a[href]");
+    if (!anchor || anchor.classList.contains("ext-link"))
+      return;
+    const href = anchor.getAttribute("href")?.trim();
+    if (!href || href.startsWith("tel:") || href.startsWith("mailto:") || href === "#" || href === "" || href.startsWith("#"))
+      return;
+    const base = window.location.origin + window.location.pathname + window.location.search;
+    const url = new URL(href, base);
+    if (url.origin !== currentOrigin || url.pathname !== currentPathname)
+      return;
+    e.preventDefault();
+    e.stopImmediatePropagation();
+    const merged = filterParams(href, window.location.search);
+    const mergedUrl = new URL(merged, window.location.origin);
+    const fullUrl = `${mergedUrl.pathname}${mergedUrl.search}${mergedUrl.hash}`;
+    window.history.replaceState({ ...window.history.state }, "", fullUrl);
+    window.dispatchEvent(
+      new PopStateEvent("popstate", { state: window.history.state })
+    );
+    if (mergedUrl.hash) {
+      const el = document.querySelector(mergedUrl.hash);
+      el?.scrollIntoView({ behavior: "smooth" });
+    }
+  };
+  document.addEventListener("click", handleSamePageClick, true);
   if (window.location.search.length) {
+    const searchParams = new URLSearchParams(window.location.search);
     document.querySelectorAll("a[href]:not(.ext-link)").forEach((anchor) => {
       const href = anchor.getAttribute("href")?.trim();
       if (href && !href.startsWith("tel:") && !href.startsWith("mailto:") && href !== "#" && href !== "" && !href.startsWith("#")) {
-        anchor.href = filterParams(href);
+        anchor.href = filterParams(href, searchParams.toString());
       }
     });
   }

package/dist/utils/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { findMoreAxosDomains, isAllowedUrl } from "./allowedAxosDomains.js";
+import { findMoreAxosDomains, getMoreDomains, isAllowedUrl } from "./allowedAxosDomains.js";
 import { appendQueryParams } from "./appendQueryParams.js";
 import { createCachedEmailValidator } from "./emailValidation.js";
 import { associatedEmail } from "./EverestValidity.js";
@@ -15,6 +15,7 @@ export {
   createCachedEmailValidator,
   createCachedNMLSValidator,
   findMoreAxosDomains,
+  getMoreDomains,
   getVariant,
   getVariantWithRegex,
   isAbsoluteUrl,

package/dist/utils/validateExternalLinks.d.ts

@@ -2,4 +2,4 @@ export declare const isAbsoluteUrl: (url: string) => boolean;
 export declare const shortUrl: (url: string) => string;
 export declare const isEmailLink: (url: string) => boolean;
 export declare const isPhoneLink: (url: string) => boolean;
-export declare const validateLink: (url: string) => boolean;
+export declare const validateLink: (url: string, domains: Record<string, string>) => boolean;

package/dist/utils/validateExternalLinks.js

@@ -8,16 +8,14 @@ const shortUrl = (url) => {
   return uri.hostname;
 };
 const isEmailLink = (url) => {
-  const uri = new URL(url, location.href);
-  return uri.protocol == "mailto:";
+  return typeof url === "string" && url.trim().toLowerCase().startsWith("mailto:");
 };
 const isPhoneLink = (url) => {
-  const uri = new URL(url, location.href);
-  return uri.protocol === "tel:";
+  return typeof url === "string" && url.trim().toLowerCase().startsWith("tel:");
 };
-const validateLink = (url) => {
+const validateLink = (url, domains) => {
   let openModal = false;
-  if (isAbsoluteUrl(url) && !isEmailLink(url) && !isPhoneLink(url) && !isAllowedUrl(url)) {
+  if (isAbsoluteUrl(url) && !isEmailLink(url) && !isPhoneLink(url) && !isAllowedUrl(url, domains)) {
     openModal = true;
   }
   return openModal;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "2.0.0-dev.1",
+  "version": "2.0.0-dev.2",
   "type": "module",
   "main": "index.js",
   "module": "dist/main.js",

package/dist/NavigationMenu/NavDataJson.d.ts

@@ -1,2 +0,0 @@
-export declare const navItems: any;
-export declare const subNavItems: any;

package/dist/NavigationMenu/NavDataJson.js

@@ -1,317 +0,0 @@
-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/NavBar2.css';import '../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar2.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/Chatbot.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/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 "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                                    */
-/* empty css                                                    */
-import "../Carousel/index.js";
-/* empty css                                                   */
-/* empty css                                   */
-import "../Chatbot/store/chat.js";
-import "../Chatbot/authenticate.js";
-/* empty css                                    */
-/* 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                                      */
-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
-};