@axos-web-dev/shared-components 2.2.19 → 2.2.20

package/dist/Button/Button.js

@@ -12,9 +12,10 @@ import '../assets/Modal/Modal.css';import '../assets/VideoWrapper/VideoWrapper.c
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
+import { handleAnchorClick } from "../utils/appendQueryParams.js";
 import { getVariant } from "../utils/getVariant.js";
-import clsx from "clsx";
 import { useState, createElement } from "react";
+import clsx from "clsx";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import { button } from "./Button.css.js";
@@ -163,8 +164,9 @@ const Button = ({
         setTargetLinkUrl(targetUrl);
         return;
       }
-      e.preventDefault();
       const resolved = resolveUrl(targetUrl);
+      if (handleAnchorClick(e, resolved)) return;
+      e.preventDefault();
       if (newTab) {
         window.open(resolved, "_blank");
       } else {

package/dist/Chevron/index.js

@@ -18,6 +18,7 @@ import { Interstitial } from "../Interstitial/Interstitial.js";
 import { chevron, chevron_wrapper } from "./Chevron.css.js";
 /* empty css                                */
 import { useGlobalContext } from "../Modal/contextApi/store.js";
+import { handleAnchorClick } from "../utils/appendQueryParams.js";
 import clsx from "clsx";
 import "../Button/Button.css.js";
 import "react-use";
@@ -179,7 +180,9 @@ const Chevron = ({
         e.preventDefault();
         setOpenModal(external_link);
         setTargetLinkUrl(targetUrl);
+        return;
       }
+      handleAnchorClick(e, resolveUrl(targetUrl));
     }
   } : backFunction;
   return /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -10,8 +10,8 @@ import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/Topical
 /* empty css                                       */
 /* empty css                                                       */
 /* empty css                                                   */
-import "clsx";
 import "react";
+import "clsx";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
 import "../../Article/Article.css.js";

package/dist/Forms/ContactUsBusiness.js

@@ -24,7 +24,9 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                                */
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
+import { z } from "zod";
 import { getVariant } from "../utils/getVariant.js";
+import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import "react";
 import "../Chevron/Chevron.css.js";
@@ -35,8 +37,6 @@ import "../Button/Button.css.js";
 import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
-import { z } from "zod";
-import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";

package/dist/Forms/ContactUsBusinessNameEmail.js

@@ -24,7 +24,9 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                                */
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
+import { z } from "zod";
 import { getVariant } from "../utils/getVariant.js";
+import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import "react";
 import "../Chevron/Chevron.css.js";
@@ -35,8 +37,6 @@ import "../Button/Button.css.js";
 import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
-import { z } from "zod";
-import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";

package/dist/Forms/ContactUsNMLSId.js

@@ -24,7 +24,9 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                                */
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
+import { z } from "zod";
 import { getVariant } from "../utils/getVariant.js";
+import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import "react";
 import "../Chevron/Chevron.css.js";
@@ -35,8 +37,6 @@ import "../Button/Button.css.js";
 import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
-import { z } from "zod";
-import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";

package/dist/Forms/CraPublicFile.js

@@ -24,7 +24,9 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                                */
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
+import { z } from "zod";
 import { getVariant } from "../utils/getVariant.js";
+import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import "react";
 import "../Chevron/Chevron.css.js";
@@ -35,8 +37,6 @@ import "../Button/Button.css.js";
 import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
-import { z } from "zod";
-import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";

package/dist/Forms/EmailOnly.js

@@ -24,7 +24,10 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                                */
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
+import { z } from "zod";
+import { associatedEmail } from "../utils/EverestValidity.js";
 import { getVariant } from "../utils/getVariant.js";
+import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import "react";
 import "../Chevron/Chevron.css.js";
@@ -35,9 +38,6 @@ import "../Button/Button.css.js";
 import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
-import { z } from "zod";
-import { associatedEmail } from "../utils/EverestValidity.js";
-import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";

package/dist/Forms/MortgageWarehouseLending.js

@@ -24,7 +24,9 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                                */
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
+import { z } from "zod";
 import { getVariant } from "../utils/getVariant.js";
+import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import clsx from "clsx";
 import "react";
 import "../Chevron/Chevron.css.js";
@@ -35,8 +37,6 @@ import "../Button/Button.css.js";
 import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
-import { z } from "zod";
-import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";

package/dist/Hyperlink/index.js

@@ -11,12 +11,12 @@ import '../assets/Modal/Modal.css';import '../assets/VideoWrapper/VideoWrapper.c
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
-import clsx from "clsx";
 import "react";
+import { isPhoneLink, isEmailLink } from "../utils/validateExternalLinks.js";
+import clsx from "clsx";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../IconBillboard/IconBillboard.css.js";
-import { isPhoneLink, isEmailLink } from "../utils/validateExternalLinks.js";
 /* empty css                                          */
 /* empty css                                          */
 import "../Interstitial/Interstitial-variants.css.js";

package/dist/ImageLink/index.js

@@ -10,8 +10,8 @@ import '../assets/Modal/Modal.css';import '../assets/VideoWrapper/VideoWrapper.c
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
-import "clsx";
 import "react";
+import "clsx";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../IconBillboard/IconBillboard.css.js";

package/dist/Modal/Modal.js

@@ -10,8 +10,8 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
-import "clsx";
 import "react";
+import "clsx";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import { Button } from "../Button/Button.js";

package/dist/Modal/contextApi/store.js

@@ -2,9 +2,22 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Modal } from "../Modal.js";
 import { findMoreAxosDomains, isAllowedUrl } from "../../utils/allowedAxosDomains.js";
-import { createContext, useState, useEffect, useCallback, useContext } from "react";
+import { filterParams, appendQueryParams } from "../../utils/appendQueryParams.js";
+import { createContext, useState, useRef, useEffect, useCallback, useContext } from "react";
 import { validateLink, shortUrl } from "../../utils/validateExternalLinks.js";
+import { hasNoUtms, getTealiumOrganicFallback } from "../../utils/tealiumOrganicFallback.js";
 const noopResolver = (url) => url;
+const ORGANIC_UTM_HOSTNAMES = [/^secure(\.[a-z]+)?\.axosbank\.com$/];
+const isOrganicUtmTarget = (url) => {
+  try {
+    const parsed = new URL(url, window.location.origin);
+    return ORGANIC_UTM_HOSTNAMES.some(
+      (pattern) => pattern.test(parsed.hostname)
+    );
+  } catch {
+    return false;
+  }
+};
 const GlobalContext = createContext({
   targetLinkUrl: "",
   setTargetLinkUrl: () => "",
@@ -26,41 +39,83 @@ const GlobalContextProvider = ({
   const [domains] = useState(initialDomains);
   const [domainsLoading] = useState(false);
   const [domainsError] = useState(null);
-  const [currentSearch, setCurrentSearch] = useState(
-    typeof window !== "undefined" ? window.location.search.slice(1) : ""
+  const persistedSearchRef = useRef(
+    typeof window !== "undefined" ? window.location.search : ""
   );
   useEffect(() => {
+    const originalPush = window.history.pushState.bind(window.history);
     const originalReplace = window.history.replaceState.bind(window.history);
-    window.history.replaceState = (...args) => {
-      originalReplace(...args);
-      setCurrentSearch(window.location.search.slice(1));
+    let rafId;
+    const refreshLinkParams = () => {
+      cancelAnimationFrame(rafId);
+      rafId = requestAnimationFrame(
+        () => appendQueryParams(persistedSearchRef.current)
+      );
+    };
+    const mergePersistedParams = (url) => {
+      if (!persistedSearchRef.current || !url) return url;
+      try {
+        const parsed = new URL(String(url), window.location.href);
+        const persisted = new URLSearchParams(persistedSearchRef.current);
+        for (const [key, value] of persisted.entries()) {
+          if (!parsed.searchParams.has(key)) {
+            parsed.searchParams.set(key, value);
+          }
+        }
+        return parsed.toString();
+      } catch {
+        return url;
+      }
+    };
+    window.history.pushState = (state, unused, url) => {
+      originalPush(state, unused, url);
+      if (window.location.search) {
+        persistedSearchRef.current = window.location.search;
+      }
     };
-    setCurrentSearch(window.location.search.slice(1));
+    window.history.replaceState = (state, unused, url) => {
+      const mergedUrl = mergePersistedParams(url);
+      originalReplace(state, unused, mergedUrl);
+      if (window.location.search) {
+        persistedSearchRef.current = window.location.search;
+      }
+    };
+    const observer = new MutationObserver(refreshLinkParams);
+    observer.observe(document.body, { childList: true, subtree: true });
+    window.addEventListener("popstate", refreshLinkParams);
     return () => {
+      window.history.pushState = originalPush;
       window.history.replaceState = originalReplace;
+      window.removeEventListener("popstate", refreshLinkParams);
+      observer.disconnect();
+      cancelAnimationFrame(rafId);
     };
   }, []);
   const resolveUrl = useCallback(
     (url) => {
+      if (!url) return url;
       const resolved = findMoreAxosDomains(url, domains);
-      if (!currentSearch || !url) return resolved;
       if (resolved.startsWith("#")) return resolved;
       try {
-        const resolvedUrl = new URL(resolved, window.location.origin);
-        const existingParams = new URLSearchParams(resolvedUrl.search);
-        const pageParams = new URLSearchParams(currentSearch);
-        for (const [key, value] of pageParams.entries()) {
-          if (!existingParams.has(key)) {
-            existingParams.append(key, value);
+        const resolvedUrl = new URL(resolved, window.location.href);
+        if (isOrganicUtmTarget(resolved) && hasNoUtms(new URLSearchParams(resolvedUrl.search))) {
+          const fallback = getTealiumOrganicFallback();
+          if (fallback) {
+            resolvedUrl.searchParams.set("utm_source", fallback.utm_source);
+            resolvedUrl.searchParams.set("utm_medium", fallback.utm_medium);
+            resolvedUrl.searchParams.set("utm_campaign", fallback.utm_campaign);
+            return filterParams(
+              resolvedUrl.toString(),
+              persistedSearchRef.current
+            );
           }
         }
-        resolvedUrl.search = existingParams.toString();
-        return resolvedUrl.toString();
       } catch {
         return resolved;
       }
+      return filterParams(resolved, persistedSearchRef.current);
     },
-    [domains, currentSearch]
+    [domains]
   );
   const isAllowedUrl$1 = useCallback(
     (url) => isAllowedUrl(url, domains),

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -10,13 +10,13 @@ import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/Topical
 /* empty css                                       */
 /* empty css                                                       */
 /* empty css                                                   */
-import "clsx";
+import { appendQueryParams } from "../../utils/appendQueryParams.js";
 import { useState, useRef, useEffect } from "react";
+import "clsx";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
 import "../../Article/Article.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
-import { appendQueryParams } from "../../utils/appendQueryParams.js";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Interstitial/Interstitial-variants.css.js";

package/dist/NavigationMenu/AxosBank/index.js

@@ -14,13 +14,13 @@ import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/Topical
 /* empty css                                       */
 /* empty css                                                       */
 /* empty css                                                   */
+import { appendQueryParams } from "../../utils/appendQueryParams.js";
 import clsx from "clsx";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
 import "../../Article/Article.css.js";
 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 "../../Calculators/ApyCalculator/ApyCalculator.css.js";

package/dist/NavigationMenu/LaVictoire/index.js

@@ -14,13 +14,13 @@ import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/Topical
 /* empty css                                       */
 /* empty css                                                       */
 /* empty css                                                   */
+import { appendQueryParams } from "../../utils/appendQueryParams.js";
 import clsx from "clsx";
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
 import "../../Article/Article.css.js";
 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 "../../Calculators/ApyCalculator/ApyCalculator.css.js";

package/dist/NavigationMenu/Navbar.js

@@ -10,13 +10,13 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
-import "clsx";
+import { appendQueryParams } from "../utils/appendQueryParams.js";
 import { useState, useEffect } from "react";
+import "clsx";
 import "../Chevron/Chevron.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../IconBillboard/IconBillboard.css.js";
-import { appendQueryParams } from "../utils/appendQueryParams.js";
 /* empty css                                          */
 /* empty css                                          */
 import "../Interstitial/Interstitial-variants.css.js";

package/dist/NavigationMenu/SignInNavButton.js

@@ -10,8 +10,9 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
-import clsx from "clsx";
+import { appendQueryParams } from "../utils/appendQueryParams.js";
 import { useRef, useState, useEffect } from "react";
+import clsx from "clsx";
 import "../Chevron/Chevron.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
@@ -20,7 +21,6 @@ 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 "../Calculators/ApyCalculator/ApyCalculator.css.js";

package/dist/SocialMediaBar/iconsRepository.js

@@ -9,8 +9,8 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
-import "clsx";
 import "react";
+import "clsx";
 import "../Chevron/Chevron.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";

package/dist/VideoWrapper/index.js

@@ -10,8 +10,8 @@ import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavI
 /* empty css                                                    */
 /* empty css                                                */
 import { getVariant } from "../utils/getVariant.js";
-import clsx from "clsx";
 import "react";
+import clsx from "clsx";
 import "../Chevron/Chevron.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";

package/dist/main.js

@@ -211,7 +211,7 @@ import { VideoWrapper } from "./VideoWrapper/index.js";
 import { Tab } from "./Tab/Tab.js";
 import { TabContainer } from "./Tab/TabContainer.js";
 import { findMoreAxosDomains, getMoreDomains, isAllowedUrl } from "./utils/allowedAxosDomains.js";
-import { appendQueryParams } from "./utils/appendQueryParams.js";
+import { appendQueryParams, filterParams, handleAnchorClick } from "./utils/appendQueryParams.js";
 import { createCachedEmailValidator } from "./utils/emailValidation.js";
 import { associatedEmail } from "./utils/EverestValidity.js";
 import { getVariant, getVariantWithRegex } from "./utils/getVariant.js";
@@ -583,6 +583,7 @@ export {
   featured_subgrid_title,
   featured_supertag,
   featured_title,
+  filterParams,
   findMoreAxosDomains,
   flexColumn,
   footerDisclosure,
@@ -612,6 +613,7 @@ export {
   getMoreDomains,
   getVariant,
   getVariantWithRegex,
+  handleAnchorClick,
   header,
   headerAccordion,
   headerCell,

package/dist/utils/appendQueryParams.d.ts

@@ -1 +1,3 @@
-export declare const appendQueryParams: () => void;
+export declare const filterParams: (href: string, currentSearch?: string) => string;
+export declare const handleAnchorClick: (e: MouseEvent | React.MouseEvent, resolved: string) => boolean;
+export declare const appendQueryParams: (currentSearch?: string) => void;

package/dist/utils/appendQueryParams.js

@@ -1,76 +1,76 @@
-const appendQueryParams = () => {
-  const currentOrigin = window.location.origin;
-  const currentPathname = window.location.pathname;
-  const filterParams = (href, currentSearch) => {
-    try {
-      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();
-      for (const key of existingParams.keys()) {
-        addedKeys.add(decodeURIComponent(key));
-      }
+const filterParams = (href, currentSearch) => {
+  if (typeof window === "undefined") return href;
+  try {
+    if (!href || href.startsWith("tel:") || href.startsWith("mailto:") || href === "#" || href === "") {
+      return href;
+    }
+    const search = currentSearch ?? window.location.search;
+    const searchParams = new URLSearchParams(search);
+    const base = window.location.href;
+    const url = new URL(href, base);
+    if (url.pathname === window.location.pathname && url.hash) {
+      const existingInHash = new URLSearchParams(url.search);
       for (const [key, value] of searchParams.entries()) {
-        const decodedKey = decodeURIComponent(key);
-        const decodedValue = decodeURIComponent(value);
-        const lowerKey = decodedKey.toLowerCase();
-        if (!addedKeys.has(lowerKey) && !decodedKey.includes("[]")) {
-          newParams.append(lowerKey, decodedValue);
-          addedKeys.add(lowerKey);
-        } else if (decodedKey.includes("[]")) {
-          const existingValues = existingParams.getAll(key).map(decodeURIComponent);
-          if (!existingValues.includes(decodedValue)) {
-            newParams.append(decodedKey, decodedValue);
-          }
+        const decodedKey = decodeURIComponent(key).toLowerCase();
+        if (!existingInHash.has(decodedKey) && !decodedKey.includes("[]")) {
+          existingInHash.set(decodedKey, decodeURIComponent(value));
         }
       }
-      const mergedParams = new URLSearchParams(existingParams);
-      newParams.forEach((value, key) => mergedParams.append(key, value));
-      return `${url.origin}${url.pathname}?${mergedParams.toString()}${url.hash}`;
-    } catch (e) {
-      console.error(e);
-      return href;
+      return `?${existingInHash.toString()}${url.hash}`;
     }
-  };
-  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" });
+    const existingParams = new URLSearchParams(url.search);
+    const newParams = new URLSearchParams();
+    const addedKeys = /* @__PURE__ */ new Set();
+    for (const key of existingParams.keys()) {
+      addedKeys.add(decodeURIComponent(key));
     }
-  };
-  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, searchParams.toString());
+    for (const [key, value] of searchParams.entries()) {
+      const decodedKey = decodeURIComponent(key);
+      const decodedValue = decodeURIComponent(value);
+      const lowerKey = decodedKey.toLowerCase();
+      if (!addedKeys.has(lowerKey) && !decodedKey.includes("[]")) {
+        newParams.append(lowerKey, decodedValue);
+        addedKeys.add(lowerKey);
+      } else if (decodedKey.includes("[]")) {
+        const existingValues = existingParams.getAll(key).map(decodeURIComponent);
+        if (!existingValues.includes(decodedValue)) {
+          newParams.append(decodedKey, decodedValue);
+        }
       }
-    });
+    }
+    const mergedParams = new URLSearchParams(existingParams);
+    newParams.forEach((value, key) => mergedParams.append(key, value));
+    return `${url.origin}${url.pathname}?${mergedParams.toString()}${url.hash}`;
+  } catch (e) {
+    console.error(e);
+    return href;
+  }
+};
+const handleAnchorClick = (e, resolved) => {
+  if (resolved.includes("#") && !resolved.startsWith("http")) {
+    e.preventDefault();
+    const hash = resolved.split("#")[1];
+    const fullUrl = new URL(resolved, window.location.href);
+    window.history.pushState(null, "", fullUrl.search + fullUrl.hash);
+    window.dispatchEvent(new PopStateEvent("popstate"));
+    document.getElementById(hash)?.scrollIntoView({ behavior: "smooth" });
+    return true;
   }
+  return false;
+};
+const appendQueryParams = (currentSearch) => {
+  const search = currentSearch ?? window.location.search;
+  if (!search.length) return;
+  const searchParams = new URLSearchParams(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, searchParams.toString());
+    }
+  });
 };
 export {
-  appendQueryParams
+  appendQueryParams,
+  filterParams,
+  handleAnchorClick
 };

package/dist/utils/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { findMoreAxosDomains, getMoreDomains, isAllowedUrl } from "./allowedAxosDomains.js";
-import { appendQueryParams } from "./appendQueryParams.js";
+import { appendQueryParams, filterParams, handleAnchorClick } from "./appendQueryParams.js";
 import { createCachedEmailValidator } from "./emailValidation.js";
 import { associatedEmail } from "./EverestValidity.js";
 import { getVariant, getVariantWithRegex } from "./getVariant.js";
@@ -14,10 +14,12 @@ export {
   columnValues,
   createCachedEmailValidator,
   createCachedNMLSValidator,
+  filterParams,
   findMoreAxosDomains,
   getMoreDomains,
   getVariant,
   getVariantWithRegex,
+  handleAnchorClick,
   isAbsoluteUrl,
   isAllowedUrl,
   isEmailLink,

package/dist/utils/tealiumOrganicFallback.d.ts

@@ -0,0 +1,21 @@
+interface UtagData {
+    traffic_type?: string;
+    traffic_source?: string;
+    [key: string]: unknown;
+}
+declare global {
+    interface Window {
+        utag?: {
+            data: UtagData;
+        };
+        utag_data?: UtagData;
+    }
+}
+export interface OrganicUtms {
+    utm_source: string;
+    utm_medium: string;
+    utm_campaign: string;
+}
+export declare const getTealiumOrganicFallback: () => OrganicUtms | null;
+export declare const hasNoUtms: (params: URLSearchParams) => boolean;
+export {};

package/dist/utils/tealiumOrganicFallback.js

@@ -0,0 +1,26 @@
+const getTealiumOrganicFallback = () => {
+  if (typeof window === "undefined") return null;
+  try {
+    const utagData = window.utag?.data ?? window.utag_data ?? {};
+    const trafficType = utagData.traffic_type ?? "";
+    const trafficSource = utagData.traffic_source ?? "";
+    if (trafficType !== "organic" || !trafficSource) return null;
+    let sourceName = trafficSource;
+    try {
+      sourceName = new URL(trafficSource).hostname.replace(/^www\./, "").split(".")[0];
+    } catch (_) {
+    }
+    return {
+      utm_source: sourceName,
+      utm_medium: "organic",
+      utm_campaign: "organic-search"
+    };
+  } catch {
+    return null;
+  }
+};
+const hasNoUtms = (params) => !params.has("utm_source") && !params.has("utm_medium") && !params.has("utm_campaign") && !params.has("utm_content") && !params.has("utm_term");
+export {
+  getTealiumOrganicFallback,
+  hasNoUtms
+};

package/package.json

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