aesirx-analytics 1.2.2 → 2.0.1

package/dist/chunk-JQ6CXYV4.js

@@ -0,0 +1,34 @@
+// src/utils/AnalyticsContextProvider.tsx
+import React, { useState } from "react";
+var AnalyticsContext = React.createContext({
+  event_uuid: void 0,
+  visitor_uuid: void 0,
+  setEventID: void 0,
+  setUUID: void 0
+});
+var AnalyticsContextProvider = ({ children }) => {
+  const [eventID, setEventID] = useState();
+  const [UUID, setUUID] = useState();
+  return /* @__PURE__ */ React.createElement(
+    AnalyticsContext.Provider,
+    {
+      value: {
+        event_uuid: eventID,
+        visitor_uuid: UUID,
+        setEventID,
+        setUUID
+      }
+    },
+    children
+  );
+};
+var AnalyticsContextProvider_default = AnalyticsContextProvider;
+
+export {
+  AnalyticsContext,
+  AnalyticsContextProvider_default
+};
+/*
+ * @copyright   Copyright (C) 2022 AesirX. All rights reserved.
+ * @license     GNU General Public License version 3, see LICENSE.
+ */

package/dist/index.d.ts

@@ -19,15 +19,13 @@ interface AnalyticsReact {
 }
 declare const AnalyticsReact: ({ location, history, children }: AnalyticsReact) => React.JSX.Element;
 
-declare const trackEvent: (endpoint: string, visitor_uuid: string, referer?: string, data?: object) => Promise<boolean>;
+declare const trackEvent: (endpoint: string, referer?: string, data?: object) => Promise<boolean>;
 
 interface AnalyticsContextType {
+    event_uuid: string;
     visitor_uuid: string;
-    event_uuid_start: string;
-    visitor_uuid_start: string;
+    setEventID: Dispatch<SetStateAction<string>>;
     setUUID: Dispatch<SetStateAction<string>>;
-    setEventIDStart: Dispatch<SetStateAction<string>>;
-    setUUIDStart: Dispatch<SetStateAction<string>>;
 }
 declare const AnalyticsContext: React.Context<AnalyticsContextType>;
 

package/dist/index.js

@@ -1 +1,276 @@
-import{AnalyticsContext as t,AnalyticsContextProvider_default as i}from"./chunk-D75AKWUD.js";import e,{Suspense as r}from"react";import o,{useCallback as s,useEffect as n,useState as a}from"react";var u=async(t,i)=>{const e=await fetch(t,{method:"POST",body:JSON.stringify(i),headers:(r={"Content-Type":"application/json"},o={"x-tracker-cache":void 0},Object.keys(o).forEach((t=>{void 0!==o[t]&&(r[t]=o[t])})),r)});var r,o;const s=await e.json();if(s.error)throw s.error;return s};import c from"bowser";var d=(t,i)=>`${t}/visitor/v1/${i}`,_=async(t,i,e,r)=>{const{document:o}=window,{pathname:s,search:n,origin:a}=location;i=`${a}${s}${n}`,e=o.referrer,r=window.navigator.userAgent;const _=c.parse(window.navigator.userAgent),l=_?.browser?.name,v=_?.browser?.version??"0",w=window.navigator.userLanguage||window.navigator.language,m=_?.platform?.model??_?.platform?.type,h=location?.host?.replace(/^www\./,""),p=window.location.search,f=new URLSearchParams(p),g=[];for(const t of f.keys())t.startsWith("utm_")&&f.get(t)&&g.push({name:t,value:f.get(t)});if(!f.get("visitor_uuid")){const o="";try{return await u(d(t,"init"),{url:i,referer:e,user_agent:r,ip:o,domain:h,browser_name:l,browser_version:v,lang:w,device:m,event_name:"visit",event_type:"action",attributes:g})}catch(t){}}},l=async(t,i,e)=>{if("0"===localStorage.getItem("aesirx-analytics-allow"))return null;const{location:r,document:o}=window,{pathname:s,origin:n}=r;e=e?r.protocol+"//"+r.host+e:o.referrer?f("visitor_uuid",o.referrer):`${n}${s}`;const a=r.protocol+"//"+r.host+r.pathname,c=window.location.search,_=new URLSearchParams(c);return await u(d(t,"start"),{..._.get("visitor_uuid")&&{visitor_uuid:_.get("visitor_uuid")},...i&&{visitor_uuid:i},referer:"/"===e?"":e,url:a})},v=async(t,i,e,r)=>{if("0"===localStorage.getItem("aesirx-analytics-allow"))return null;const{location:o,document:s}=window;e=e?o.protocol+"//"+o.host+e:s.referrer.split("?")[0];const n=o.protocol+"//"+o.host+o.pathname,a=window.location.search,u=new URLSearchParams(a),c={...u.get("visitor_uuid")&&{visitor_uuid:u.get("visitor_uuid")},...i&&{visitor_uuid:i},referer:"/"===e?"":e,url:n,...r},_=new Blob([JSON.stringify(c)],{type:"application/json"});return navigator.sendBeacon(d(t,"start"),_)},w=(t,i=window.location.href)=>{if(i){return new URL(i).searchParams.get(t)}},m=t=>{const i=document.getElementsByTagName("a");for(let e=0;e<i.length;e++){const r=w("visitor_uuid",i[e].href);if(i[e].href){const o=new URL(i[e].href);!r&&t&&o.searchParams.append("visitor_uuid",t),i[e].href=o.href}}},h=(t,i,e)=>{if(i&&e){const r={event_uuid:i,visitor_uuid:e},o={type:"application/json"},s=new Blob([JSON.stringify(r)],o);navigator.sendBeacon(d(t,"end"),s)}},p=t=>{document.addEventListener("visibilitychange",(async()=>{if("hidden"===document.visibilityState&&h(t,window.event_uuid_start,window.visitor_uuid_start),"visible"===document.visibilityState){if(new URLSearchParams(window.location.search).get("visitor_uuid")||window.visitor_uuid){const i=await l(t,window.visitor_uuid,window.referer);window.event_uuid_start=i?.event_uuid}}})),window.addEventListener("pagehide",(i=>{i.persisted&&h(t,window.event_uuid_start,window.visitor_uuid_start)}),!1)};function f(t,i){let e,r=i.split("?")[0],o=[];const s=-1!==i.indexOf("?")?i.split("?")[1]:"";if(""!==s){o=s.split("&");for(let i=o.length-1;i>=0;i-=1)e=o[i].split("=")[0],e===t&&o.splice(i,1);o.length&&(r=r+"?"+o.join("&"))}return r}var g=({router:i,children:e})=>{const r=o.useContext(t),u=process.env.NEXT_PUBLIC_ENDPOINT_ANALYTICS_URL,[c,d]=a(""),v=s((async t=>{const i=t||"";window.referer=i;const e=await l(u,r.visitor_uuid,i);e?.event_uuid&&r.setEventIDStart(e.event_uuid),e?.visitor_uuid&&r.setUUIDStart(e.visitor_uuid)}),[r,u]);return n((()=>{(async()=>{const t=new URLSearchParams(window.location.search).get("visitor_uuid");if(r.visitor_uuid)await v(f("visitor_uuid",i.asPath));else if(t)r.setUUID(t);else{const t=await _(u);t?.visitor_uuid&&r.setUUID(t?.visitor_uuid)}})()}),[r.visitor_uuid]),n((()=>{const t=async()=>{const{visitor_uuid:t}=i.query;t&&d(f("visitor_uuid",i.asPath)),r.visitor_uuid_start&&!t&&(h(u,window.event_uuid_start,r.visitor_uuid_start),await v(c))};i.events.on("routeChangeComplete",t);const e=new URLSearchParams(window.location.search),o=e.get("visitor_uuid"),s=e.get("state"),n=e.get("code");return o||s||n||r.visitor_uuid&&(i.asPath.includes("?")?Object.keys(i.query).length&&i.replace({query:{...i.query,visitor_uuid:r.visitor_uuid}},void 0,{shallow:!0}):i.replace({query:{...i.query,visitor_uuid:r.visitor_uuid}},void 0,{shallow:!0})),o&&m(o),()=>{i.events.off("routeChangeComplete",t)}}),[i.events,r.visitor_uuid,i.asPath,i.query]),n((()=>{(async()=>{p(u)})()}),[]),n((()=>{(async()=>{window.visitor_uuid=r.visitor_uuid,window.event_uuid_start=r.event_uuid_start,window.visitor_uuid_start=r.visitor_uuid_start})()}),[r.event_uuid_start,r.visitor_uuid_start]),o.createElement(o.Fragment,null,e)},y=e.lazy((()=>import("./Consent-4MLNPIUE.js"))),E=({router:t,children:o})=>e.createElement(e.Fragment,null,e.createElement(i,null,e.createElement(g,{router:t},o,e.createElement(r,{fallback:e.createElement(e.Fragment,null)},e.createElement(y,{endpoint:process.env.NEXT_PUBLIC_ENDPOINT_ANALYTICS_URL})))));import U,{Suspense as P}from"react";import S,{useEffect as L,useState as I}from"react";import N from"query-string";var b=({location:i,history:e,children:r})=>{const o=S.useContext(t),s=process.env.REACT_APP_ENDPOINT_ANALYTICS_URL,[n,a]=I(i.pathname);return L((()=>{(async()=>{if(o.visitor_uuid_start&&h(s,window.event_uuid_start,o.visitor_uuid_start),o.visitor_uuid){const t={...N.parse(i.search),visitor_uuid:o.visitor_uuid};e.replace({search:N.stringify(t)});const r=n||"";window.referer=r;const u=await l(s,o.visitor_uuid,r);u.event_uuid&&o.setEventIDStart(u.event_uuid),u.visitor_uuid&&o.setUUIDStart(u.visitor_uuid),a(i.pathname),m(o.visitor_uuid)}else{const t=new URLSearchParams(window.location.search).get("visitor_uuid");if(t)o.setUUID(t);else{const t=await _(s);t.visitor_uuid&&o.setUUID(t.visitor_uuid);const r={...N.parse(i.search),visitor_uuid:t.visitor_uuid};e.replace({search:N.stringify(r)})}}})()}),[i.pathname,o.visitor_uuid,e]),L((()=>{(async()=>{p(s)})()}),[]),L((()=>{(async()=>{window.visitor_uuid=o.visitor_uuid,window.event_uuid_start=o.event_uuid_start,window.visitor_uuid_start=o.visitor_uuid_start})()}),[o.visitor_uuid,o.event_uuid_start,o.visitor_uuid_start]),S.createElement(S.Fragment,null,r)},A=U.lazy((()=>import("./Consent-4MLNPIUE.js"))),C=({location:t,history:e,children:r})=>U.createElement(i,null,U.createElement(b,{location:t,history:e},r,U.createElement(P,{fallback:U.createElement(U.Fragment,null)},U.createElement(A,{endpoint:process.env.REACT_APP_ENDPOINT_ANALYTICS_URL}))));export{t as AnalyticsContext,E as AnalyticsNext,C as AnalyticsReact,v as trackEvent};
+import {
+  AnalyticsContext,
+  AnalyticsContextProvider_default
+} from "./chunk-JQ6CXYV4.js";
+
+// src/AnalyticsNext/index.tsx
+import React2 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";
+import * as FingerprintJS from "@fingerprintjs/fingerprintjs";
+var createRequest = (endpoint, task) => {
+  return `${endpoint}/visitor/v1/${task}`;
+};
+var createRequestV2 = (endpoint, task) => {
+  return `${endpoint}/visitor/v2/${task}`;
+};
+var startTracker = async (endpoint, url, referer, user_agent) => {
+  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 : "";
+  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 = "";
+  const fpPromise = FingerprintJS.load({ monitoring: false });
+  try {
+    const responseStart = fpPromise.then((fp) => fp.get()).then(async (result) => {
+      const fingerprint = result.visitorId;
+      const attributes = [];
+      for (const key of urlParams.keys()) {
+        if (key.startsWith("utm_")) {
+          urlParams.get(key) && attributes.push({ name: key, value: urlParams.get(key) });
+        }
+      }
+      return await trackerService(createRequestV2(endpoint, "start"), {
+        fingerprint,
+        url,
+        ...referer && referer !== url && {
+          referer
+        },
+        user_agent,
+        ip,
+        browser_name,
+        browser_version,
+        lang,
+        device,
+        ...attributes?.length && {
+          event_name: "visit",
+          event_type: "action",
+          attributes
+        }
+      });
+    });
+    return responseStart;
+  } catch (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 fpPromise = FingerprintJS.load({ monitoring: false });
+  const body = fpPromise.then((fp) => fp.get()).then(async (result) => {
+    const fingerprint = result.visitorId;
+    return {
+      fingerprint,
+      url,
+      ...referer !== "/" && referer && {
+        referer
+      },
+      user_agent,
+      ip,
+      browser_name,
+      browser_version,
+      lang,
+      device,
+      ...data
+    };
+  });
+  const headers = { type: "application/json" };
+  const blob = new Blob([JSON.stringify(body)], headers);
+  const responseStart = navigator.sendBeacon(createRequestV2(endpoint, "start"), blob);
+  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, children }) => {
+  const AnalyticsStore = React.useContext(AnalyticsContext);
+  const endPoint = process.env.NEXT_PUBLIC_ENDPOINT_ANALYTICS_URL;
+  const [prevRoute, setPrevRoute] = useState("");
+  const handleStartTracker = useCallback(
+    async (prevRoute2) => {
+      const referer = prevRoute2 ? prevRoute2 : "";
+      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);
+    },
+    [AnalyticsStore, endPoint]
+  );
+  useEffect(() => {
+    const init = async () => {
+      if (!AnalyticsStore.visitor_uuid) {
+        await handleStartTracker(router.asPath);
+      }
+    };
+    init();
+  }, [AnalyticsStore.visitor_uuid]);
+  useEffect(() => {
+    const handleRouteChange = async () => {
+      setPrevRoute(router.asPath);
+      if (AnalyticsStore.visitor_uuid) {
+        endTracker(endPoint, window["event_uuid"], AnalyticsStore.visitor_uuid);
+        await handleStartTracker(prevRoute);
+      }
+    };
+    router.events.on("routeChangeComplete", handleRouteChange);
+    return () => {
+      router.events.off("routeChangeComplete", handleRouteChange);
+    };
+  }, [router.events, router.asPath, router.query]);
+  useEffect(() => {
+    const init = async () => {
+      endTrackerVisibilityState(endPoint);
+    };
+    init();
+  }, []);
+  useEffect(() => {
+    const init = async () => {
+      window["event_uuid"] = AnalyticsStore.event_uuid;
+      window["visitor_uuid"] = AnalyticsStore.visitor_uuid;
+    };
+    init();
+  }, [AnalyticsStore.event_uuid, AnalyticsStore.visitor_uuid]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+};
+var handle_default = AnalyticsHandle;
+
+// src/AnalyticsNext/index.tsx
+import dynamic from "next/dynamic";
+var ConsentComponent = dynamic(() => import("./Consent-6SCX7LT4.js"), { ssr: false });
+var AnalyticsNext = ({ router, children }) => {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(AnalyticsContextProvider_default, null, /* @__PURE__ */ React2.createElement(handle_default, { router }, children, process.env.NEXT_PUBLIC_DISABLE_ANALYTICS_CONSENT !== "true" && /* @__PURE__ */ React2.createElement(ConsentComponent, { endpoint: process.env.NEXT_PUBLIC_ENDPOINT_ANALYTICS_URL }))));
+};
+var AnalyticsNext_default = AnalyticsNext;
+
+// src/AnalyticsReact/index.tsx
+import React4, { Suspense } from "react";
+
+// src/AnalyticsReact/handle.tsx
+import React3, { useEffect as useEffect2 } from "react";
+var AnalyticsHandle2 = ({ location, history, children }) => {
+  const AnalyticsStore = React3.useContext(AnalyticsContext);
+  const endPoint = process.env.REACT_APP_ENDPOINT_ANALYTICS_URL;
+  useEffect2(() => {
+    const init = async () => {
+      if (!AnalyticsStore.visitor_uuid) {
+        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);
+      } else {
+        endTracker(endPoint, window["event_uuid"], AnalyticsStore.visitor_uuid);
+      }
+    };
+    init();
+  }, [location.pathname, history]);
+  useEffect2(() => {
+    const init = async () => {
+      endTrackerVisibilityState(endPoint);
+    };
+    init();
+  }, []);
+  useEffect2(() => {
+    const init = async () => {
+      window["event_uuid"] = AnalyticsStore.event_uuid;
+      window["visitor_uuid"] = AnalyticsStore.visitor_uuid;
+    };
+    init();
+  }, [AnalyticsStore.event_uuid, AnalyticsStore.visitor_uuid]);
+  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, children);
+};
+var handle_default2 = AnalyticsHandle2;
+
+// src/AnalyticsReact/index.tsx
+var ConsentComponent2 = React4.lazy(() => import("./Consent-6SCX7LT4.js"));
+var AnalyticsReact = ({ location, history, children }) => {
+  return /* @__PURE__ */ React4.createElement(AnalyticsContextProvider_default, null, /* @__PURE__ */ React4.createElement(handle_default2, { location, history }, children, process.env.REACT_APP_DISABLE_ANALYTICS_CONSENT !== "true" && /* @__PURE__ */ React4.createElement(Suspense, { fallback: /* @__PURE__ */ React4.createElement(React4.Fragment, null) }, /* @__PURE__ */ React4.createElement(ConsentComponent2, { endpoint: process.env.REACT_APP_ENDPOINT_ANALYTICS_URL }))));
+};
+var AnalyticsReact_default = AnalyticsReact;
+export {
+  AnalyticsContext,
+  AnalyticsNext_default as AnalyticsNext,
+  AnalyticsReact_default as AnalyticsReact,
+  trackEvent
+};

package/package.json

@@ -1,16 +1,19 @@
 {
   "name": "aesirx-analytics",
-  "version": "1.2.2",
+  "version": "2.0.1",
   "license": "GPL-3.0-only",
   "author": "AesirX",
   "repository": "https://gitlab.redweb.dk/aesirx/analytics",
   "main": "dist/index.js",
   "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "type": "module",
   "dependencies": {
     "@concordium/browser-wallet-api-helpers": "^2",
+    "@concordium/react-components": "^0.3.0",
     "@concordium/web-sdk": "^6",
-    "aesirx-sso": "^1.1.1",
+    "@fingerprintjs/fingerprintjs": "^3.4.2",
+    "aesirx-sso": "^1.2.1",
     "axios": "^1.4.0",
     "bootstrap": "^5.3.0",
     "bowser": "^2.11.0",
@@ -20,11 +23,12 @@
     "react": "18",
     "react-bootstrap": "^2.8.0",
     "react-content-loader": "^6.2.1",
+    "react-device-detect": "^2.2.3",
     "react-dom": "18",
     "react-toastify": "^9.1.3"
   },
   "scripts": {
-    "dev": "NODE_ENV=development tsup --watch --onSuccess 'yalc push --changed --no-scripts'",
+    "dev": "tsup --watch --onSuccess 'yalc push --changed --no-scripts'",
     "build": "tsup",
     "lint": "eslint --fix \"src/**/\"",
     "lint:check": "eslint \"src/**/\"",
@@ -62,6 +66,7 @@
     "@types/react-dom": "^18.2.4",
     "@typescript-eslint/eslint-plugin": "^5.57.0",
     "@typescript-eslint/parser": "^5.57.0",
+    "@walletconnect/types": "^2.9.1",
     "dotenv": "^16.0.3",
     "esbuild-plugin-inline-image": "^0.0.9",
     "esbuild-sass-plugin": "^2.10.0",
@@ -72,7 +77,6 @@
     "jest-environment-jsdom": "^29.4.3",
     "node-fetch": "^3.3.1",
     "prettier": "^2.8.4",
-    "terser": "^5.19.0",
     "ts-jest": "^29.0.5",
     "tsup": "^6.7.0",
     "typescript": "^5.0.3"