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

package/dist/SecondaryFooter/index.d.ts

@@ -6,4 +6,4 @@ export interface FooterItem {
 export interface SecondaryFooterProps {
     items: FooterItem[];
 }
-export declare const SecondaryFooter: (props: SecondaryFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SecondaryFooter: (props: SecondaryFooterProps) => import("react").JSX.Element;

package/dist/SetContainer/SetContainer.d.ts

@@ -11,4 +11,4 @@ export interface SetContainerProps extends Omit<ImageBillboardSetProps, "imageBi
     numberOfColumns?: string;
     additionalDetails?: ReactNode | string;
 }
-export declare const SetContainer: ({ id, variant, headline, bodyCopy, additionalDetails, children, internalName, icon, eyebrow, style, isolate, className, numberOfColumns, layout, }: SetContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SetContainer: ({ id, variant, headline, bodyCopy, additionalDetails, children, internalName, icon, eyebrow, style, isolate, className, numberOfColumns, layout, }: SetContainerProps) => import("react").JSX.Element;

package/dist/SocialMediaBar/iconsRepository.d.ts

@@ -2,43 +2,43 @@ import { UrlResolver } from '../utils/allowedAxosDomains';
 
 export declare const BusinessWire: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const Facebook: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const FacebookLVF: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const Glassdoor: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const Indeed: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const Instagram: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const InstagramLVF: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const LinkedIn: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const LinkedInLVF: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const Libsyn: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const Pinterest: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const Spotify: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const Youtube: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const Xtwitter: ({ resolveUrl }: {
     resolveUrl: UrlResolver;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

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/SocialMediaBar/index.d.ts

@@ -4,4 +4,4 @@ export * from './SocialMediaBar.css';
 export declare const SocialMediaBar: ({ className, style, }: {
     className?: string;
     style?: CSSProperties;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/dist/Tab/Tab.d.ts

@@ -7,4 +7,4 @@ export interface TabProps {
     onClick: () => void;
     variant: string;
 }
-export declare const Tab: ({ id, headline, className, onClick, variant, }: TabProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tab: ({ id, headline, className, onClick, variant, }: TabProps) => import("react").JSX.Element;

package/dist/Tab/TabContainer.d.ts

@@ -2,4 +2,4 @@ import { PropsWithChildren } from 'react';
 
 export declare const TabContainer: ({ className, children, }: {
     className?: string;
-} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+} & PropsWithChildren) => import("react").JSX.Element;

package/dist/Table/Table.d.ts

@@ -1,11 +1,11 @@
 import { PropsWithChildren } from 'react';
 import { CellProps, RowProps, TableContainerProps, TableProps } from './Table.interface';
 
-export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, internalName, id, icon, variant, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, style, className, tableAriaLabel, }: TableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TableRow: ({ children, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TableHead: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-export declare const TableBody: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, internalName, id, icon, variant, }: TableContainerProps) => import("react").JSX.Element;
+export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, style, className, tableAriaLabel, }: TableProps) => import("react").JSX.Element;
+export declare const TableRow: ({ children, ...props }: RowProps) => import("react").JSX.Element;
+export declare const TableHead: ({ children }: PropsWithChildren) => import("react").JSX.Element;
+export declare const TableBody: ({ children }: PropsWithChildren) => import("react").JSX.Element;
 export declare const TableCell: ({ children, as, variant, highlighted, colSpan, ...props }: CellProps) => import('react').DetailedReactHTMLElement<{
     colSpan: number | undefined;
     className: string;

package/dist/TextBlock/TextBlock.d.ts

@@ -6,4 +6,4 @@ export interface TextBlockProps {
     id?: string;
     internalName?: string;
 }
-export declare const TextBlock: (props: TextBlockProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextBlock: (props: TextBlockProps) => import("react").JSX.Element;

package/dist/Topic/Topic.d.ts

@@ -1,19 +1,19 @@
 import { default as React, PropsWithChildren } from 'react';
 
 export type Topic = PropsWithChildren;
-export declare const Topic: ({ children }: Topic) => import("react/jsx-runtime").JSX.Element;
+export declare const Topic: ({ children }: Topic) => React.JSX.Element;
 export type TopicHeader = {
     As?: "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "a";
     title?: React.ReactNode;
 } & PropsWithChildren;
-export declare const TopicHeader: (props: TopicHeader) => import("react/jsx-runtime").JSX.Element;
+export declare const TopicHeader: (props: TopicHeader) => React.JSX.Element;
 export declare const TopicContent: (props: {
     url?: string;
     title?: string;
     children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export declare const TopicItem: (props: {
     url?: string;
     title?: string;
     children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;

package/dist/VideoTile/VideoInit.d.ts

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

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/WalnutIframe/index.d.ts

@@ -2,5 +2,5 @@ type WalnutProps = {
     id?: string;
     sourceUrl?: string;
 };
-declare const WalnutIframe: ({ id, sourceUrl }: WalnutProps) => import("react/jsx-runtime").JSX.Element;
+declare const WalnutIframe: ({ id, sourceUrl }: WalnutProps) => import("react").JSX.Element;
 export default WalnutIframe;

package/dist/icons/AxosX/Blue.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/AxosX/index.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgAxosX: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgAxosX: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgAxosX;

package/dist/icons/CheckCircle.d.ts

@@ -1,5 +1,5 @@
 import { SVGProps } from 'react';
 import { CheckColorVariant } from './CheckIcon/CheckIcon.css';
 
-declare const SvgCheckCircle: (props: SVGProps<SVGSVGElement> & CheckColorVariant) => import("react/jsx-runtime").JSX.Element;
+declare const SvgCheckCircle: (props: SVGProps<SVGSVGElement> & CheckColorVariant) => import("react").JSX.Element;
 export default SvgCheckCircle;

package/dist/icons/CheckCircleLight.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgCheckCircleLight: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgCheckCircleLight: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgCheckCircleLight;

package/dist/icons/CheckIcon/index.d.ts

@@ -1,4 +1,4 @@
 import { CheckColorVariant } from './CheckIcon.css';
 
-declare const SvgCheckIcon: (props: CheckColorVariant) => import("react/jsx-runtime").JSX.Element;
+declare const SvgCheckIcon: (props: CheckColorVariant) => import("react").JSX.Element;
 export default SvgCheckIcon;

package/dist/icons/ChevronDown.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgChevronDown: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgChevronDown: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgChevronDown;

package/dist/icons/ChevronUp.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgChevronUp: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgChevronUp: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgChevronUp;

package/dist/icons/Clock/index.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const ClockIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const ClockIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default ClockIcon;

package/dist/icons/EqualHousingLender.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgEqualHousingLender: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgEqualHousingLender: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgEqualHousingLender;

package/dist/icons/Logos/AAS.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AFS.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXA.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXB.d.ts

@@ -4,5 +4,5 @@ declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
     height?: number;
     width?: number;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXC.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXI.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/AXOS.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/GBLVF.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/LVF.d.ts

@@ -2,5 +2,5 @@ import { SVGProps } from 'react';
 
 declare const SvgComponent: (props: SVGProps<SVGSVGElement> & {
     classNameFill?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/LVFText.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/Logos/SPB.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgComponent;

package/dist/icons/MemberFdicLogo.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgMemberFdicLogo: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgMemberFdicLogo: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgMemberFdicLogo;

package/dist/icons/QuoteIconGrey.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgQuoteIconGrey: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgQuoteIconGrey: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgQuoteIconGrey;

package/dist/icons/QuoteIconWhite.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgQuoteIconWhite: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgQuoteIconWhite: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgQuoteIconWhite;

package/dist/icons/QuoteIconYellow.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgQuoteIconYellow: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const SvgQuoteIconYellow: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export default SvgQuoteIconYellow;

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.21",
   "type": "module",
   "main": "dist/main.js",
   "module": "dist/main.js",