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

package/dist/assets/WalnutIframe/wrapper.css

@@ -1,48 +1,48 @@
-@keyframes _shimmer_f1tr5_1 {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-
-._wrapper_f1tr5_10 {
-  background: #1e3860;
-  border-radius: 8px;
-  height: 555px;
-  isolation: isolate;
-  margin-block: 48px;
-}
-
-section > ._wrapper_f1tr5_10:first-child {
-  margin-top: 0 !important;
-}
-
-._wrapper_f1tr5_10::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 190%;
-  height: 100%;
-  background: linear-gradient(
-    65deg,
-    rgba(255, 255, 255, 0) 20%,
-    rgba(255, 255, 255, 0.5) 50%,
-    rgba(255, 255, 255, 0) 80%
-  );
-  animation: _shimmer_f1tr5_1 1.3s infinite linear;
-  z-index: -1;
-}
-
-._wrapper_control_f1tr5_39 {
-  height: 100%;
-  width: 100%;
-}
-
-@media (max-width: 1023px) {
-  ._wrapper_f1tr5_10 {
-    display: none;
-  }
-}
+@keyframes _shimmer_1wqdl_1 {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+
+._wrapper_1wqdl_19 {
+  background: #1e3860;
+  border-radius: 8px;
+  height: 555px;
+  isolation: isolate;
+  margin-block: 48px;
+}
+
+section > ._wrapper_1wqdl_19:first-child {
+  margin-top: 0 !important;
+}
+
+._wrapper_1wqdl_19::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 190%;
+  height: 100%;
+  background: linear-gradient(
+    65deg,
+    rgba(255, 255, 255, 0) 20%,
+    rgba(255, 255, 255, 0.5) 50%,
+    rgba(255, 255, 255, 0) 80%
+  );
+  animation: _shimmer_1wqdl_1 1.3s infinite linear;
+  z-index: -1;
+}
+
+._wrapper_control_1wqdl_77 {
+  height: 100%;
+  width: 100%;
+}
+
+@media (max-width: 1023px) {
+  ._wrapper_1wqdl_19 {
+    display: none;
+  }
+}

package/dist/assets/utils/optimizeImage/optimizeImage.css

@@ -1,47 +1,47 @@
-@keyframes _shimmer_pwl74_1 {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-
-._loader_pwl74_10 {
-  height: 100%;
-  width: 100%;
-  inset: 0;
-}
-
-._loading_pwl74_16 {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background: #1e3860;
-}
-
-._1es6o1h0 ._loading_pwl74_16 {
-  background-color: var(--_1073cm8f);
-}
-
-.fl2fv50 ._loading_pwl74_16 {
-  background-color: #28587d;
-}
-
-._loading_pwl74_16::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 190%;
-  height: 100%;
-  background: linear-gradient(
-    65deg,
-    rgba(255, 255, 255, 0) 20%,
-    rgba(255, 255, 255, 0.5) 50%,
-    rgba(255, 255, 255, 0) 80%
-  );
-  animation: _shimmer_pwl74_1 1.3s infinite linear;
-  z-index: 1;
-}
+@keyframes _shimmer_1cu2x_1 {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+
+._loader_1cu2x_19 {
+  height: 100%;
+  width: 100%;
+  inset: 0;
+}
+
+._loading_1cu2x_31 {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background: #1e3860;
+}
+
+._1es6o1h0 ._loading_1cu2x_31 {
+  background-color: var(--_1073cm8f);
+}
+
+.fl2fv50 ._loading_1cu2x_31 {
+  background-color: #28587d;
+}
+
+._loading_1cu2x_31::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 190%;
+  height: 100%;
+  background: linear-gradient(
+    65deg,
+    rgba(255, 255, 255, 0) 20%,
+    rgba(255, 255, 255, 0.5) 50%,
+    rgba(255, 255, 255, 0) 80%
+  );
+  animation: _shimmer_1cu2x_1 1.3s infinite linear;
+  z-index: 1;
+}

package/dist/main.js

@@ -209,6 +209,7 @@ 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 { isInternalSamePathHref, isSkippableAnchorHref, mergeHrefWithCurrentSearch, performSamePageQueryParamNavigation } from "./utils/samePageQueryParamsNavigation.js";
 import { createCachedEmailValidator } from "./utils/emailValidation.js";
 import { associatedEmail } from "./utils/EverestValidity.js";
 import { getVariant, getVariantWithRegex } from "./utils/getVariant.js";
@@ -676,7 +677,9 @@ export {
   isAbsoluteUrl,
   isAllowedUrl,
   isEmailLink,
+  isInternalSamePathHref,
   isPhoneLink,
+  isSkippableAnchorHref,
   isValidHoneyPot,
   is_bg_img,
   isolate_container,
@@ -702,6 +705,7 @@ export {
   mb_8,
   mb_form,
   media,
+  mergeHrefWithCurrentSearch,
   messageStyle,
   messagesContainerStyle,
   mh_330,
@@ -723,6 +727,7 @@ export {
   padding,
   padding_in_footer,
   paragraph,
+  performSamePageQueryParamNavigation,
   person,
   picker_arrow,
   picker_container,

package/dist/utils/appendQueryParams.js

@@ -1,72 +1,35 @@
+import { isSkippableAnchorHref, mergeHrefWithCurrentSearch, performSamePageQueryParamNavigation } from "./samePageQueryParamsNavigation.js";
+let samePageQueryClickListenerAttached = false;
 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));
-      }
-      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;
-    }
-  };
+  if (typeof window === "undefined") return;
   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;
+    if (isSkippableAnchorHref(href)) 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)
+    if (url.origin !== window.location.origin || url.pathname !== window.location.pathname)
       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 merged = mergeHrefWithCurrentSearch(href, window.location.search);
+    performSamePageQueryParamNavigation(merged);
   };
-  document.addEventListener("click", handleSamePageClick, true);
+  if (!samePageQueryClickListenerAttached) {
+    samePageQueryClickListenerAttached = true;
+    window.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());
+      if (!isSkippableAnchorHref(href)) {
+        anchor.href = mergeHrefWithCurrentSearch(
+          href,
+          searchParams.toString()
+        );
       }
     });
   }

package/dist/utils/index.d.ts

@@ -1,5 +1,6 @@
 export * from './allowedAxosDomains';
 export * from './appendQueryParams';
+export * from './samePageQueryParamsNavigation';
 export * from './emailValidation';
 export * from './EverestValidity';
 export * from './getVariant';

package/dist/utils/index.js

@@ -1,6 +1,7 @@
 "use client";
 import { findMoreAxosDomains, getMoreDomains, isAllowedUrl } from "./allowedAxosDomains.js";
 import { appendQueryParams } from "./appendQueryParams.js";
+import { isInternalSamePathHref, isSkippableAnchorHref, mergeHrefWithCurrentSearch, performSamePageQueryParamNavigation } from "./samePageQueryParamsNavigation.js";
 import { createCachedEmailValidator } from "./emailValidation.js";
 import { associatedEmail } from "./EverestValidity.js";
 import { getVariant, getVariantWithRegex } from "./getVariant.js";
@@ -21,7 +22,11 @@ export {
   isAbsoluteUrl,
   isAllowedUrl,
   isEmailLink,
+  isInternalSamePathHref,
   isPhoneLink,
+  isSkippableAnchorHref,
+  mergeHrefWithCurrentSearch,
+  performSamePageQueryParamNavigation,
   shortUrl,
   useCachedEmailValidator,
   useCachedNMLSValidator,

package/dist/utils/optimizeImage/optimizeImage.module.js

@@ -1,6 +1,6 @@
-import '../../assets/utils/optimizeImage/optimizeImage.css';const loader = "_loader_pwl74_10";
-const loading = "_loading_pwl74_16";
-const shimmer = "_shimmer_pwl74_1";
+import '../../assets/utils/optimizeImage/optimizeImage.css';const loader = "_loader_1cu2x_19";
+const loading = "_loading_1cu2x_31";
+const shimmer = "_shimmer_1cu2x_1";
 const css = {
   loader,
   loading,

package/dist/utils/samePageNavigation.d.ts

@@ -0,0 +1,3 @@
+export declare const isSamePageSameQueryUrl: (href: string) => boolean;
+export declare const handleSamePageNavigation: (e: React.MouseEvent) => void;
+export declare const shouldIgnoreClick: (href: string) => boolean;

package/dist/utils/samePageNavigation.js

@@ -0,0 +1,23 @@
+const isSamePageSameQueryUrl = (href) => {
+  const base = window.location.origin + window.location.pathname + window.location.search;
+  const target = new URL(href, base);
+  return target.origin === window.location.origin && target.pathname === window.location.pathname && target.search === window.location.search;
+};
+const handleSamePageNavigation = (e) => {
+  e.preventDefault();
+  e.nativeEvent.stopImmediatePropagation();
+  window.dispatchEvent(
+    new PopStateEvent("popstate", { state: window.history.state })
+  );
+};
+const shouldIgnoreClick = (href) => {
+  if (href.startsWith("#")) return true;
+  const base = window.location.origin + window.location.pathname + window.location.search;
+  const target = new URL(href, base);
+  return target.origin === window.location.origin && target.pathname === window.location.pathname && target.search === window.location.search && target.hash !== "";
+};
+export {
+  handleSamePageNavigation,
+  isSamePageSameQueryUrl,
+  shouldIgnoreClick
+};

package/dist/utils/samePageQueryParamsNavigation.d.ts

@@ -0,0 +1,4 @@
+export declare function mergeHrefWithCurrentSearch(href: string, currentSearch?: string): string;
+export declare function isSkippableAnchorHref(href: string | undefined | null): boolean;
+export declare function isInternalSamePathHref(href: string): boolean;
+export declare function performSamePageQueryParamNavigation(mergedHref: string): void;

package/dist/utils/samePageQueryParamsNavigation.js

@@ -0,0 +1,63 @@
+function mergeHrefWithCurrentSearch(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.trim(), 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));
+    }
+    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;
+  }
+}
+function isSkippableAnchorHref(href) {
+  if (!href) return true;
+  const h = href.trim();
+  return !h || h.startsWith("tel:") || h.startsWith("mailto:") || h === "#" || h === "" || h.startsWith("#");
+}
+function isInternalSamePathHref(href) {
+  if (isSkippableAnchorHref(href)) return false;
+  const base = window.location.origin + window.location.pathname + window.location.search;
+  const url = new URL(href.trim(), base);
+  return url.origin === window.location.origin && url.pathname === window.location.pathname;
+}
+function performSamePageQueryParamNavigation(mergedHref) {
+  const mergedUrl = new URL(mergedHref, 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" });
+  }
+}
+export {
+  isInternalSamePathHref,
+  isSkippableAnchorHref,
+  mergeHrefWithCurrentSearch,
+  performSamePageQueryParamNavigation
+};