aesirx-analytics 2.2.10 → 2.2.12

package/dist/index.js

@@ -1,473 +1,21 @@
+import {
+  endTracker,
+  endTrackerVisibilityState,
+  fingerprint_default,
+  startTracker,
+  trackEvent
+} from "./chunk-UJTYOAT7.js";
 import {
   AnalyticsContext,
   AnalyticsContextProvider_default,
   getConsentTemplate
-} from "./chunk-N36VEWSG.js";
+} from "./chunk-R4T7FUMB.js";
 
 // src/AnalyticsNext/index.tsx
 import React2, { useEffect as useEffect2, useState as useState2 } from "react";
 
 // src/AnalyticsNext/handle.tsx
 import React, { useCallback, useEffect, useState } from "react";
-
-// src/utils/services.ts
-var cache;
-var assign = (a, b) => {
-  Object.keys(b).forEach((key) => {
-    if (b[key] !== void 0)
-      a[key] = b[key];
-  });
-  return a;
-};
-var trackerService = async (endpoint, payload) => {
-  const fetchData = await fetch(endpoint, {
-    method: "POST",
-    body: JSON.stringify(payload),
-    headers: assign({ "Content-Type": "application/json" }, { ["x-tracker-cache"]: cache })
-  });
-  const response = await fetchData.json();
-  if (response.error) {
-    throw response.error;
-  } else {
-    return response;
-  }
-};
-
-// src/utils/index.ts
-import Bowser from "bowser";
-
-// src/lib/envHelper.ts
-var getHashKey = () => {
-  let value = null;
-  try {
-    if (typeof process.env != "undefined") {
-      value = process.env.SECURE_LOCAL_STORAGE_HASH_KEY || process.env.REACT_APP_SECURE_LOCAL_STORAGE_HASH_KEY || process.env.NEXT_PUBLIC_SECURE_LOCAL_STORAGE_HASH_KEY || process.env.VITE_SECURE_LOCAL_STORAGE_HASH_KEY;
-    } else {
-      console.warn(`react-secure-storage : process is not defined! Just a warning!`);
-    }
-  } catch (ex) {
-    return null;
-  }
-  return value;
-};
-var getStoragePrefix = () => {
-  let value = null;
-  try {
-    if (typeof process.env != "undefined") {
-      value = process.env.SECURE_LOCAL_STORAGE_PREFIX || process.env.REACT_APP_SECURE_LOCAL_STORAGE_PREFIX || process.env.NEXT_PUBLIC_SECURE_LOCAL_STORAGE_PREFIX || process.env.VITE_SECURE_LOCAL_STORAGE_PREFIX;
-    } else {
-      console.warn(`react-secure-storage : process is not defined! Just a warning!`);
-    }
-  } catch (ex) {
-    return null;
-  }
-  return value;
-};
-var getDisabledKeys = () => {
-  let value = null;
-  try {
-    if (typeof process.env != "undefined") {
-      value = process.env.SECURE_LOCAL_STORAGE_DISABLED_KEYS || process.env.REACT_APP_SECURE_LOCAL_STORAGE_DISABLED_KEYS || process.env.NEXT_PUBLIC_SECURE_LOCAL_STORAGE_DISABLED_KEYS || process.env.VITE_SECURE_LOCAL_STORAGE_DISABLED_KEYS;
-    } else {
-      console.warn(`react-secure-storage : process is not defined! Just a warning!`);
-    }
-  } catch (ex) {
-    return null;
-  }
-  return value;
-};
-var envHelper = {
-  getHashKey,
-  getStoragePrefix,
-  getDisabledKeys
-};
-var envHelper_default = envHelper;
-
-// src/lib/fingerpint.lib.ts
-import murmurhash3_32_gc from "murmurhash-js/murmurhash3_gc";
-
-// src/lib/utils.ts
-var FINGERPRINT_KEYS = {
-  USERAGENT: "UserAgent",
-  SCREEN_PRINT: "ScreenPrint",
-  PLUGINS: "Plugins",
-  FONTS: "Fonts",
-  LOCAL_STORAGE: "LocalStorage",
-  SESSION_STORAGE: "SessionStorage",
-  TIMEZONE: "TimeZone",
-  LANGUAGE: "Language",
-  SYSTEM_LANGUAGE: "SystemLanguage",
-  COOKIE: "Cookie",
-  CANVAS: "Canvas",
-  HOSTNAME: "Hostname"
-};
-var getDisabledKeys2 = () => {
-  const DISABLED_KEYS = envHelper_default.getDisabledKeys() || "";
-  if (DISABLED_KEYS === "")
-    return [];
-  const allOptions = [
-    FINGERPRINT_KEYS.USERAGENT,
-    FINGERPRINT_KEYS.SCREEN_PRINT,
-    FINGERPRINT_KEYS.PLUGINS,
-    FINGERPRINT_KEYS.FONTS,
-    FINGERPRINT_KEYS.LOCAL_STORAGE,
-    FINGERPRINT_KEYS.SESSION_STORAGE,
-    FINGERPRINT_KEYS.TIMEZONE,
-    FINGERPRINT_KEYS.LANGUAGE,
-    FINGERPRINT_KEYS.SYSTEM_LANGUAGE,
-    FINGERPRINT_KEYS.COOKIE,
-    FINGERPRINT_KEYS.CANVAS,
-    FINGERPRINT_KEYS.HOSTNAME
-  ];
-  const response = [];
-  DISABLED_KEYS.split("|").forEach((key) => {
-    if (key === "") {
-      console.log("test");
-    } else if (allOptions.includes(key))
-      response.push(key);
-    else
-      console.warn(
-        `react-secure-storage : ${key} is not present in the available disabled keys options! Please go through the documentation`
-      );
-  });
-  return response;
-};
-
-// src/lib/fingerpint.lib.ts
-var ClientJS = class {
-  //
-  // MAIN METHODS
-  //
-  // Get Fingerprint.  Return a 32-bit integer representing the browsers fingerprint.
-  getFingerprint() {
-    const bar = "|";
-    const disabledKeys = getDisabledKeys2();
-    let key = "";
-    if (!disabledKeys.includes(FINGERPRINT_KEYS.USERAGENT)) {
-      key += navigator.userAgent + bar;
-    }
-    if (!disabledKeys.includes(FINGERPRINT_KEYS.HOSTNAME)) {
-      key += window.location.hostname + bar;
-    }
-    if (!disabledKeys.includes(FINGERPRINT_KEYS.SCREEN_PRINT)) {
-      key += this.getScreenPrint() + bar;
-    }
-    if (!disabledKeys.includes(FINGERPRINT_KEYS.PLUGINS)) {
-      key += this.getPlugins() + bar;
-    }
-    if (!disabledKeys.includes(FINGERPRINT_KEYS.FONTS)) {
-      key += this.getFonts() + bar;
-    }
-    if (!disabledKeys.includes(FINGERPRINT_KEYS.LOCAL_STORAGE)) {
-      key += this.isLocalStorage() + bar;
-    }
-    if (!disabledKeys.includes(FINGERPRINT_KEYS.SESSION_STORAGE)) {
-      key += this.isSessionStorage() + bar;
-    }
-    if (!disabledKeys.includes(FINGERPRINT_KEYS.TIMEZONE)) {
-      key += this.getTimeZone() + bar;
-    }
-    if (!disabledKeys.includes(FINGERPRINT_KEYS.LANGUAGE)) {
-      key += this.getLanguage() + bar;
-    }
-    if (!disabledKeys.includes(FINGERPRINT_KEYS.SYSTEM_LANGUAGE)) {
-      key += this.getSystemLanguage() + bar;
-    }
-    if (!disabledKeys.includes(FINGERPRINT_KEYS.COOKIE)) {
-      key += this.isCookie() + bar;
-    }
-    if (!disabledKeys.includes(FINGERPRINT_KEYS.CANVAS)) {
-      key += this.getCanvasPrint();
-    }
-    if (key.endsWith(bar))
-      key = key.substring(0, key.length - 1);
-    const seed = 256;
-    return murmurhash3_32_gc(key, seed);
-  }
-  //
-  // SCREEN METHODS
-  //
-  // Get Screen Print.  Return a string containing screen information.
-  getScreenPrint() {
-    return "Color Depth: " + this.getColorDepth() + ", Device XDPI: " + this.getDeviceXDPI() + ", Device YDPI: " + this.getDeviceYDPI();
-  }
-  // Get Color Depth.  Return a string containing the color depth.
-  getColorDepth() {
-    return window.screen.colorDepth;
-  }
-  // Get Current Resolution.  Return a string containing the current resolution.
-  getCurrentResolution() {
-    return window.screen.width + "x" + window.screen.height;
-  }
-  // Get Available Resolution.  Return a string containing the available resolution.
-  getAvailableResolution() {
-    return window.screen.availWidth + "x" + window.screen.availHeight;
-  }
-  // Get Device XPDI.  Return a string containing the device XPDI.
-  getDeviceXDPI() {
-    return "";
-  }
-  // Get Device YDPI.  Return a string containing the device YDPI.
-  getDeviceYDPI() {
-    return "";
-  }
-  //
-  // PLUGIN METHODS
-  //
-  // Get Plugins.  Return a string containing a list of installed plugins.
-  getPlugins() {
-    let pluginsList = "";
-    for (let i = 0; i < navigator.plugins.length; i++) {
-      if (i === navigator.plugins.length - 1) {
-        pluginsList += navigator.plugins[i].name;
-      } else {
-        pluginsList += navigator.plugins[i].name + ", ";
-      }
-    }
-    return pluginsList;
-  }
-  //
-  // FONT METHODS
-  //
-  // Get Fonts.  Return a string containing a list of installed fonts.
-  getFonts() {
-    const fontString = "";
-    return fontString;
-  }
-  //
-  // STORAGE METHODS
-  //
-  // Is Local Storage.  Check if local storage is enabled.
-  isLocalStorage() {
-    try {
-      return !!localStorage;
-    } catch (e) {
-      return true;
-    }
-  }
-  // Is Session Storage.  Check if session storage is enabled.
-  isSessionStorage() {
-    try {
-      return !!sessionStorage;
-    } catch (e) {
-      return true;
-    }
-  }
-  // Is Cookie.  Check if cookies are enabled.
-  isCookie() {
-    return navigator.cookieEnabled;
-  }
-  //
-  // TIME METHODS
-  //
-  // Get Time Zone.  Return a string containing the time zone.
-  getTimeZone() {
-    const rightNow = /* @__PURE__ */ new Date();
-    let myNumber, formattedNumber, result;
-    myNumber = String(-(rightNow.getTimezoneOffset() / 60));
-    if (myNumber < 0) {
-      myNumber = myNumber * -1;
-      formattedNumber = ("0" + myNumber).slice(-2);
-      result = "-" + formattedNumber;
-    } else {
-      formattedNumber = ("0" + myNumber).slice(-2);
-      result = "+" + formattedNumber;
-    }
-    return result;
-  }
-  //
-  // LANGUAGE METHODS
-  //
-  // Get Language.  Return a string containing the user language.
-  getLanguage() {
-    return navigator.language;
-  }
-  // Get System Language.  Return a string containing the system language.
-  getSystemLanguage() {
-    return navigator.language || window.navigator.language;
-  }
-  // Get Canvas Print.  Return a string containing the canvas URI data.
-  getCanvasPrint() {
-    const canvas = document.createElement("canvas");
-    let ctx;
-    try {
-      ctx = canvas.getContext("2d");
-    } catch (e) {
-      return "";
-    }
-    const txt = "ClientJS,org <canvas> 1.0";
-    ctx.textBaseline = "top";
-    ctx.font = "14px 'Arial'";
-    ctx.textBaseline = "alphabetic";
-    ctx.fillStyle = "#f60";
-    ctx.fillRect(125, 1, 62, 20);
-    ctx.fillStyle = "#069";
-    ctx.fillText(txt, 2, 15);
-    ctx.fillStyle = "rgba(102, 204, 0, 0.7)";
-    ctx.fillText(txt, 4, 17);
-    return canvas.toDataURL();
-  }
-};
-var clientJS = new ClientJS();
-var fingerpint_lib_default = clientJS;
-
-// src/lib/fingerprint.ts
-var HASH_KEY = "E86E2612010258B35137";
-var getFingerprint = () => {
-  const HASH_KEY_CUSTOM = envHelper_default.getHashKey() || HASH_KEY;
-  if (typeof window === "undefined")
-    return HASH_KEY_CUSTOM;
-  return fingerpint_lib_default.getFingerprint() + HASH_KEY_CUSTOM;
-};
-var fingerprint_default = getFingerprint;
-
-// src/utils/index.ts
-var createRequest = (endpoint, task) => {
-  return `${endpoint}/visitor/v1/${task}`;
-};
-var createRequestV2 = (endpoint, task) => {
-  return `${endpoint}/visitor/v2/${task}`;
-};
-var rememberFlow = (endpoint, flow) => {
-  return `${endpoint}/remember_flow/${flow}`;
-};
-var startTracker = async (endpoint, url, referer, user_agent, attributesVisit) => {
-  const allow = sessionStorage.getItem("aesirx-analytics-allow");
-  if (allow === "0") {
-    return null;
-  }
-  const { location, document: document2 } = window;
-  const { pathname, search, origin } = location;
-  url = `${origin}${pathname}${search}`;
-  referer = referer ? location.protocol + "//" + location.host + referer : document2.referrer ? document2.referrer : window["referer"] ? window["referer"] === "/" ? location.protocol + "//" + location.host : location.protocol + "//" + location.host + window["referer"] : "";
-  user_agent = window.navigator.userAgent;
-  const browser = Bowser.parse(window.navigator.userAgent);
-  const browser_name = browser?.browser?.name;
-  const browser_version = browser?.browser?.version ?? "0";
-  const lang = window.navigator["userLanguage"] || window.navigator.language;
-  const device = browser?.platform?.model ?? browser?.platform?.type;
-  const queryString = window.location.search;
-  const urlParams = new URLSearchParams(queryString);
-  const ip = "";
-  try {
-    const fingerprint = fingerprint_default();
-    const attributes = [];
-    for (const key of urlParams.keys()) {
-      if (key.startsWith("utm_")) {
-        urlParams.get(key) && attributes.push({ name: key, value: urlParams.get(key) });
-      }
-    }
-    if (attributesVisit?.length) {
-      attributesVisit?.forEach((element) => {
-        element?.name && attributes.push({ name: element?.name, value: element?.value });
-      });
-    }
-    const responseStart = await trackerService(createRequestV2(endpoint, "start"), {
-      fingerprint,
-      url: url?.replace(/^(https?:\/\/)?(www\.)?/, "$1"),
-      ...referer && (referer !== url || document2.referrer) && {
-        referer: referer !== url ? referer?.replace(/^(https?:\/\/)?(www\.)?/, "$1") : document2.referrer?.replace(/^(https?:\/\/)?(www\.)?/, "$1")
-      },
-      user_agent,
-      ip,
-      browser_name,
-      browser_version,
-      lang,
-      device: device?.includes("iPhone") ? "mobile" : device?.includes("iPad") ? "tablet" : device,
-      ...attributes?.length && {
-        event_name: "visit",
-        event_type: "action",
-        attributes
-      }
-    });
-    if (window["aesirxTrackEcommerce"] === "true" && sessionStorage.getItem("aesirx-analytics-flow") !== (await responseStart)?.flow_uuid) {
-      sessionStorage.setItem("aesirx-analytics-flow", (await responseStart)?.flow_uuid);
-      try {
-        await trackerService(
-          rememberFlow(window.location.origin, (await responseStart)?.flow_uuid),
-          {}
-        );
-      } catch (error) {
-        console.log("Remember Flow Error", error);
-      }
-    }
-    return responseStart;
-  } catch (error) {
-    console.error("Analytics Error: ", error);
-  }
-};
-var trackEvent = async (endpoint, referer, data) => {
-  const allow = sessionStorage.getItem("aesirx-analytics-allow");
-  if (allow === "0") {
-    return null;
-  }
-  const { location, document: document2 } = window;
-  referer = referer ? location.protocol + "//" + location.host + referer : document2.referrer.split("?")[0];
-  const url = location.protocol + "//" + location.host + location.pathname;
-  const user_agent = window.navigator.userAgent;
-  const browser = Bowser.parse(window.navigator.userAgent);
-  const browser_name = browser?.browser?.name;
-  const browser_version = browser?.browser?.version ?? "0";
-  const lang = window.navigator["userLanguage"] || window.navigator.language;
-  const device = browser?.platform?.model ?? browser?.platform?.type;
-  const ip = "";
-  const fingerprint = fingerprint_default();
-  const headers = { type: "application/json" };
-  const blobData = new Blob(
-    [
-      JSON.stringify({
-        fingerprint,
-        url: url?.replace(/^(https?:\/\/)?(www\.)?/, "$1"),
-        ...referer !== "/" && referer && {
-          referer: referer?.replace(/^(https?:\/\/)?(www\.)?/, "$1")
-        },
-        user_agent,
-        ip,
-        browser_name,
-        browser_version,
-        lang,
-        device: device?.includes("iPhone") ? "mobile" : device?.includes("iPad") ? "tablet" : device,
-        ...data
-      })
-    ],
-    headers
-  );
-  const responseStart = navigator.sendBeacon(createRequestV2(endpoint, "start"), blobData);
-  return responseStart;
-};
-var endTracker = (endPoint, event_uuid, visitor_uuid) => {
-  if (event_uuid && visitor_uuid) {
-    const body = {
-      event_uuid,
-      visitor_uuid
-    };
-    const headers = { type: "application/json" };
-    const blob = new Blob([JSON.stringify(body)], headers);
-    navigator.sendBeacon(createRequest(endPoint, "end"), blob);
-  }
-};
-var endTrackerVisibilityState = (endPoint) => {
-  document.addEventListener("visibilitychange", async () => {
-    if (document.visibilityState === "hidden") {
-      endTracker(endPoint, window["event_uuid"], window["visitor_uuid"]);
-    }
-    if (document.visibilityState === "visible") {
-      const response = await startTracker(endPoint);
-      window["event_uuid"] = response?.event_uuid;
-    }
-  });
-  window.addEventListener(
-    "pagehide",
-    (event) => {
-      if (event.persisted) {
-        endTracker(endPoint, window["event_uuid"], window["visitor_uuid"]);
-      }
-    },
-    false
-  );
-};
-
-// src/AnalyticsNext/handle.tsx
 var AnalyticsHandle = ({ router, attributes, children }) => {
   const AnalyticsStore = React.useContext(AnalyticsContext);
   const endPoint = process.env.NEXT_PUBLIC_ENDPOINT_ANALYTICS_URL;
@@ -476,6 +24,7 @@ var AnalyticsHandle = ({ router, attributes, children }) => {
     async (prevRoute2, attributes2) => {
       const referer = prevRoute2 ? prevRoute2 : "";
       window["referer"] = referer;
+      window["attributes"] = attributes2;
       const responseStart = await startTracker(endPoint, "", referer, "", attributes2);
       responseStart?.event_uuid && AnalyticsStore.setEventID(responseStart.event_uuid);
       responseStart?.visitor_uuid && AnalyticsStore.setUUID(responseStart.visitor_uuid);
@@ -523,8 +72,8 @@ var handle_default = AnalyticsHandle;
 
 // src/AnalyticsNext/index.tsx
 import dynamic from "next/dynamic";
-var ConsentComponent = dynamic(() => import("./Consent-57MTI7TD.js"), { ssr: false });
-var ConsentComponentCustom = dynamic(() => import("./ConsentCustom-EZS7JI2G.js"), { ssr: false });
+var ConsentComponent = dynamic(() => import("./Consent-QTHZTQUK.js"), { ssr: false });
+var ConsentComponentCustom = dynamic(() => import("./ConsentCustom-HQ6RMLQ6.js"), { ssr: false });
 var AnalyticsNext = ({
   router,
   attributes,
@@ -533,12 +82,15 @@ var AnalyticsNext = ({
   isLoggedApp,
   children
 }) => {
-  const [layout, setLayout] = useState2(process.env.NEXT_PUBLIC_CONSENT_LAYOUT);
+  const [layout, setLayout] = useState2(process.env.NEXT_PUBLIC_CONSENT_LAYOUT ?? "simple-web-2");
   const [gtagId, setGtagId] = useState2(process.env.NEXT_PUBLIC_ANALYTICS_GTAG_ID);
   const [gtmId, setGtmId] = useState2(process.env.NEXT_PUBLIC_ANALYTICS_GTM_ID);
   useEffect2(() => {
     const init = async () => {
-      const data = await getConsentTemplate(window.location.host);
+      const data = await getConsentTemplate(
+        process.env.NEXT_PUBLIC_ENDPOINT_ANALYTICS_URL,
+        window.location.host
+      );
       setLayout(data?.data?.template ?? process.env.NEXT_PUBLIC_CONSENT_LAYOUT);
       setGtagId(data?.data?.gtag_id ?? process.env.NEXT_PUBLIC_ANALYTICS_GTAG_ID);
       setGtmId(data?.data?.gtm_id ?? process.env.NEXT_PUBLIC_ANALYTICS_GTM_ID);
@@ -586,8 +138,8 @@ var AnalyticsHandle2 = ({ location, history, children }) => {
         const referer = location.pathname ? location.pathname : "";
         window["referer"] = referer;
         const responseStart = await startTracker(endPoint, "", referer);
-        responseStart.event_uuid && AnalyticsStore.setEventID(responseStart.event_uuid);
-        responseStart.visitor_uuid && AnalyticsStore.setUUID(responseStart.visitor_uuid);
+        responseStart?.event_uuid && AnalyticsStore.setEventID(responseStart.event_uuid);
+        responseStart?.visitor_uuid && AnalyticsStore.setUUID(responseStart.visitor_uuid);
       } else {
         endTracker(endPoint, window["event_uuid"], AnalyticsStore.visitor_uuid);
       }
@@ -612,15 +164,18 @@ var AnalyticsHandle2 = ({ location, history, children }) => {
 var handle_default2 = AnalyticsHandle2;
 
 // src/AnalyticsReact/index.tsx
-var ConsentComponent2 = React4.lazy(() => import("./Consent-57MTI7TD.js"));
-var ConsentComponentCustom2 = React4.lazy(() => import("./ConsentCustom-EZS7JI2G.js"));
+var ConsentComponent2 = React4.lazy(() => import("./Consent-QTHZTQUK.js"));
+var ConsentComponentCustom2 = React4.lazy(() => import("./ConsentCustom-HQ6RMLQ6.js"));
 var AnalyticsReact = ({ location, history, oldLayout = false, children }) => {
-  const [layout, setLayout] = useState3(process.env.REACT_APP_CONSENT_LAYOUT);
+  const [layout, setLayout] = useState3(process.env.REACT_APP_CONSENT_LAYOUT ?? "simple-web-2");
   const [gtagId, setGtagId] = useState3(process.env.REACT_APP_ANALYTICS_GTAG_ID);
   const [gtmId, setGtmId] = useState3(process.env.REACT_APP_ANALYTICS_GTM_ID);
   useEffect4(() => {
     const init = async () => {
-      const data = await getConsentTemplate(window.location.host);
+      const data = await getConsentTemplate(
+        process.env.REACT_APP_ENDPOINT_ANALYTICS_URL,
+        window.location.host
+      );
       setLayout(data?.data?.template ?? process.env.REACT_APP_CONSENT_LAYOUT);
       setGtagId(data?.data?.gtag_id ?? process.env.REACT_APP_ANALYTICS_GTAG_ID);
       setGtmId(data?.data?.gtm_id ?? process.env.REACT_APP_ANALYTICS_GTM_ID);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aesirx-analytics",
-  "version": "2.2.10",
+  "version": "2.2.12",
   "license": "GPL-3.0-only",
   "author": "AesirX",
   "repository": "https://gitlab.redweb.dk/aesirx/analytics",
@@ -14,7 +14,7 @@
     "@concordium/web-sdk": "^7.0.4-rc.3",
     "@web3modal/ethereum": "^2.7.0",
     "@web3modal/react": "^2.7.0",
-    "aesirx-sso": "^1.4.9",
+    "aesirx-sso": "^1.4.12",
     "axios": "^1.6.0",
     "bootstrap": "^5.3.2",
     "bowser": "^2.11.0",