aesirx-analytics 2.2.20 → 2.2.21

package/dist/{chunk-HGACFQLI.js → chunk-NTEWP6UQ.js}

@@ -1690,20 +1690,331 @@ var AnalyticsContextProvider = ({ children }) => {
 };
 var AnalyticsContextProvider_default = AnalyticsContextProvider;
 
+// 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 (e2) {
+      return true;
+    }
+  }
+  // Is Session Storage.  Check if session storage is enabled.
+  isSessionStorage() {
+    try {
+      return !!sessionStorage;
+    } catch (e2) {
+      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 (e2) {
+      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/consent.ts
 import { stringMessage } from "@concordium/react-components";
 import axios from "axios";
-var agreeConsents = async (endpoint, level, uuid, consent, wallet, signature, web3id, jwt, network = "concordium", gtagId, gtmId, layout) => {
+import Bowser from "bowser";
+var agreeConsents = async (endpoint, level, uuid, consent, wallet, signature, web3id, jwt, network = "concordium", gtagId, gtmId) => {
   const url = `${endpoint}/consent/v1/level${level}/${uuid}`;
   const urlV2 = `${endpoint}/consent/v2/level${level}/${uuid}`;
   if (sessionStorage.getItem("consentGranted") !== "true") {
-    gtagId && consentModeGrant(true, gtagId, layout);
-    gtmId && consentModeGrant(false, gtmId, layout);
+    gtagId && consentModeGrant(true, gtagId);
+    gtmId && consentModeGrant(false, gtmId);
   }
+  const fingerprint = fingerprint_default();
+  const { location, document: document2 } = window;
+  const { pathname, search, origin } = location;
+  const currentUrl = `${origin}${pathname}${search}`;
+  const referer = document2.referrer ? document2.referrer : window["referer"] ? window["referer"] === "/" ? location.protocol + "//" + location.host : location.protocol + "//" + location.host + window["referer"] : "";
+  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 dataPayload = {
+    fingerprint,
+    url: currentUrl?.replace(/^(https?:\/\/)?(www\.)?/, "$1"),
+    ...referer && (referer !== currentUrl || document2.referrer) && {
+      referer: referer !== currentUrl ? 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
+  };
   try {
     switch (level) {
       case 1:
-        await axios.post(`${url}/${consent}`);
+        await axios.post(`${url}/${consent}`, { ...dataPayload });
         break;
       case 2:
         await axios.post(
@@ -1720,7 +2031,8 @@ var agreeConsents = async (endpoint, level, uuid, consent, wallet, signature, we
       case 3:
         await axios.post(`${url}/${network}/${wallet}`, {
           signature,
-          consent
+          consent,
+          ...dataPayload
         });
         break;
       case 4:
@@ -1728,7 +2040,8 @@ var agreeConsents = async (endpoint, level, uuid, consent, wallet, signature, we
           `${urlV2}/${network}/${wallet}`,
           {
             signature,
-            consent
+            consent,
+            ...dataPayload
           },
           {
             headers: {
@@ -1745,19 +2058,17 @@ var agreeConsents = async (endpoint, level, uuid, consent, wallet, signature, we
     throw error;
   }
 };
-var consentModeGrant = async (isGtag, id, layout) => {
+var consentModeGrant = async (isGtag, id) => {
   async function gtag(p0, p1, p2) {
     dataLayer.push(arguments);
   }
-  if (layout === "simple-consent-mode") {
-    if (isGtag && !document.querySelector(`script[src="https://www.googletagmanager.com/gtag/js?id=${id}"]`)) {
-      await loadGtagScript(id);
-      gtag("js", /* @__PURE__ */ new Date());
-      gtag("config", `${id}`);
-    } else if (!isGtag && !document.querySelector(`script[src="https://www.googletagmanager.com/gtm.js?id=${id}"]`)) {
-      await loadGtmScript(id);
-      dataLayer.push({ "gtm.start": (/* @__PURE__ */ new Date()).getTime(), event: "gtm.js" });
-    }
+  if (isGtag && !document.querySelector(`script[src="https://www.googletagmanager.com/gtag/js?id=${id}"]`)) {
+    await loadGtagScript(id);
+    gtag("js", /* @__PURE__ */ new Date());
+    gtag("config", `${id}`);
+  } else if (!isGtag && !document.querySelector(`script[src="https://www.googletagmanager.com/gtm.js?id=${id}"]`)) {
+    await loadGtmScript(id);
+    dataLayer.push({ "gtm.start": (/* @__PURE__ */ new Date()).getTime(), event: "gtm.js" });
   }
   sessionStorage.setItem("consentGranted", "true");
   gtag("consent", "update", {
@@ -1970,6 +2281,7 @@ export {
   useTranslation,
   AnalyticsContext,
   AnalyticsContextProvider_default,
+  fingerprint_default,
   agreeConsents,
   loadGtagScript,
   loadGtmScript,

package/dist/chunk-YOHHSMUP.js

@@ -0,0 +1,182 @@
+import {
+  fingerprint_default
+} from "./chunk-NTEWP6UQ.js";
+
+// 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";
+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");
+  const reject = sessionStorage.getItem("aesirx-analytics-rejected");
+  if (allow === "0" || reject === "true") {
+    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");
+  const reject = sessionStorage.getItem("aesirx-analytics-rejected");
+  if (allow === "0" || reject === "true") {
+    return null;
+  }
+  const { location, document: document2 } = window;
+  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"] : "";
+  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["attributes"]);
+      window["event_uuid"] = response?.event_uuid;
+    }
+  });
+  window.addEventListener(
+    "pagehide",
+    (event) => {
+      if (event.persisted) {
+        endTracker(endPoint, window["event_uuid"], window["visitor_uuid"]);
+      }
+    },
+    false
+  );
+};
+
+export {
+  startTracker,
+  trackEvent,
+  endTracker,
+  endTrackerVisibilityState
+};