@axos-web-dev/shared-components 2.0.0-dev.3-evo-ui.2 → 2.0.0-dev.30-toasts

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

@@ -0,0 +1 @@
+export declare const getPosition: (text: string | undefined) => "default" | "top left" | "top right" | "bottom left" | "bottom right";

package/dist/utils/getPosition.js

@@ -0,0 +1,17 @@
+const getPosition = (text) => {
+  switch (text) {
+    case "top left":
+      return "top left";
+    case "top right":
+      return "top right";
+    case "bottom left":
+      return "bottom left";
+    case "bottom right":
+      return "bottom right";
+    default:
+      return "default";
+  }
+};
+export {
+  getPosition
+};

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/dist/utils/useVisibility.d.ts

@@ -0,0 +1 @@
+export declare function usePageVisibility(): boolean;

package/dist/utils/useVisibility.js

@@ -0,0 +1,18 @@
+"use client";
+import { useState, useEffect } from "react";
+function usePageVisibility() {
+  const [isVisible, setIsVisible] = useState(!document.hidden);
+  useEffect(() => {
+    const handleVisibilityChange = () => {
+      setIsVisible(!document.hidden);
+    };
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => {
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+  }, []);
+  return isVisible;
+}
+export {
+  usePageVisibility
+};

package/dist/utils/variant.types.d.ts

@@ -6,3 +6,4 @@ export type SideProps = "left" | "right";
 export type StarIconTypes = "gold" | "gray";
 export declare const columnValues: readonly [1, 2, 3, 4, undefined];
 export type ColumnTypes = (typeof columnValues)[number];
+export type AnchorPointTypes = "default" | "top left" | "top right" | "bottom left" | "bottom right";

package/dist/vite-env.d.js

@@ -0,0 +1 @@
+

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.3-evo-ui.2",
+  "version": "2.0.0-dev.30-toasts",
   "type": "module",
   "main": "index.js",
   "module": "dist/main.js",
@@ -34,7 +34,7 @@
     "check-lint": "eslint .",
     "format": "prettier --write .",
     "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
-    "prepare": "husky",
+    "prepare": "npm run build",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "npm:link": "npm run build && npm link"
@@ -49,7 +49,7 @@
     "@storybook/preview-api": "^8.4.7",
     "@ts-stack/markdown": "^1.5.0",
     "@types/iframe-resizer": "3.5.13",
-    "@ujet/websdk-headless": "^3.41.4",
+    "@ujet/websdk-headless": "^4.22.0",
     "@vanilla-extract/css": "^1.16.1",
     "@vanilla-extract/recipes": "^0.5.1 || ^0.5.5",
     "antd": "^5.22.5",

package/dist/Chatbot/authenticate.d.ts

@@ -1,3 +0,0 @@
-export declare const authenticate: () => Promise<{
-    token: any;
-}>;

package/dist/Chatbot/authenticate.js

@@ -1,16 +0,0 @@
-const AUTH_URL = process.env.AUTH_CHAT_URL || "http://localhost:3000/api/auth/token";
-const authenticate = async () => {
-  const res = await fetch(AUTH_URL, {
-    method: "GET",
-    headers: {
-      "Content-Type": "application/json"
-    }
-  });
-  const data = await res.json();
-  return {
-    token: data.token
-  };
-};
-export {
-  authenticate
-};

package/dist/assets/Chatbot/Chatbot.css

@@ -1,3 +0,0 @@
-._1hpv6vm0 *, ._1hpv6vm1 * {
-  font-family: var(--chat-font-family);
-}