@armco/analytics 0.2.8 → 0.2.9

package/analytics.d.ts

@@ -3,7 +3,7 @@ import { User, Event, ConfigType } from "./index.interface";
 declare let enabled: boolean | null;
 declare function loadConfiguration(): Promise<any>;
 declare function getEnvironment(): string;
-declare function getEnvironmentType(): 'browser' | 'node' | 'unknown';
+declare function getEnvironmentType(): "browser" | "node" | "unknown";
 export declare function sendBulkData(data: Event[], callback?: Function): Promise<void>;
 declare function trackEvent(event: string | Event, data?: any): void;
 declare function trackPageView(pageName: string, data?: {

package/analytics.js

@@ -7,17 +7,20 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import * as fs from 'fs';
-import * as path from 'path';
-import $ from "jquery";
+import * as fs from "fs";
+import * as path from "path";
 import { v4 as uuidv4 } from "uuid";
 import { ADD, ARMCO_SERVER } from "./constants";
 import { startSession, getSessionId, terminateSession } from "./session";
 import { ipLookup, success, error, localTimeRegion } from "./location";
-import { isArClient } from './helper';
-import { hookFlushHandlers, queueEvent } from './flush';
-const tsConfigPath = getEnvironmentType() === "node" ? path.resolve(process.cwd(), 'tsconfig.json') : "../../../../tsConfig.json";
-const packageJsonPath = getEnvironmentType() === "node" ? path.resolve(process.cwd(), 'package.json') : "../../../../package.json";
+import { isArClient } from "./helper";
+import { hookFlushHandlers, queueEvent } from "./flush";
+const tsConfigPath = getEnvironmentType() === "node"
+    ? path.resolve(process.cwd(), "tsconfig.json")
+    : "../../../../tsConfig.json";
+const packageJsonPath = getEnvironmentType() === "node"
+    ? path.resolve(process.cwd(), "package.json")
+    : "../../../../package.json";
 let ar_anonymous_id;
 let user = null;
 let apiKey = null;
@@ -34,7 +37,9 @@ let CONFIG;
 let environment;
 function isTypeScriptProject() {
     return __awaiter(this, void 0, void 0, function* () {
-        if (fs && "existsSync" in fs && !(fs.existsSync(tsConfigPath) && fs.existsSync(packageJsonPath))) {
+        if (fs &&
+            "existsSync" in fs &&
+            !(fs.existsSync(tsConfigPath) && fs.existsSync(packageJsonPath))) {
             return false;
         }
         let tsConfig, packageJson;
@@ -45,7 +50,7 @@ function isTypeScriptProject() {
             }
         }
         catch (error) {
-            console.error('Error loading tsconfig.json:', error);
+            console.error("Error loading tsconfig.json:", error);
         }
         try {
             packageJson = yield import(tsConfigPath);
@@ -56,7 +61,7 @@ function isTypeScriptProject() {
             }
         }
         catch (error) {
-            console.error('Error loading tsconfig.json:', error);
+            console.error("Error loading tsconfig.json:", error);
         }
         if (packageJson &&
             packageJson.devDependencies &&
@@ -92,25 +97,25 @@ function loadConfiguration() {
     });
 }
 function getEnvironment() {
-    if (typeof process !== 'undefined' && process.env && process.env.NODE_ENV) {
+    if (typeof process !== "undefined" && process.env && process.env.NODE_ENV) {
         return process.env.NODE_ENV;
     }
     if (import.meta.env && import.meta.env.MODE) {
         return import.meta.env.MODE;
     }
-    return 'development';
+    return "development";
 }
 function getEnvironmentType() {
-    if (typeof window !== 'undefined' && typeof window.document !== 'undefined') {
-        return 'browser';
+    if (typeof window !== "undefined" && typeof window.document !== "undefined") {
+        return "browser";
     }
-    else if (typeof process !== 'undefined' &&
+    else if (typeof process !== "undefined" &&
         process.versions != null &&
         process.versions.node != null) {
-        return 'node';
+        return "node";
     }
     else {
-        return 'unknown';
+        return "unknown";
     }
 }
 function getHostProjectName() {
@@ -139,7 +144,7 @@ function enrichEventData(data) {
         address && !data.address && (data.address = address);
         coordinates && !data.coordinates && (data.coordinates = coordinates);
         !data.timestamp && (data.timestamp = new Date());
-        !data.userId && (data.userId = (user ? user.email : ar_anonymous_id));
+        !data.userId && (data.userId = user ? user.email : ar_anonymous_id);
         !data.email && user && user.email && (data.email = user.email);
         user && (data.user = user);
     }
@@ -157,30 +162,37 @@ function sendAnalyticsData(data) {
     return __awaiter(this, void 0, void 0, function* () {
         try {
             if (!apiKey && !analyticsLogEndpoint) {
-                console.error('Neither of API key and Analytics server configured. Data not sent.');
+                console.error("Neither of API key and Analytics server configured. Data not sent.");
                 return;
             }
             const options = {
                 method: "POST",
                 headers: {
-                    'Content-Type': 'application/json',
+                    "Content-Type": "application/json",
                 },
                 body: JSON.stringify({ event: data }),
             };
             if (apiKey) {
                 options.headers.Authorization = `Bearer ${apiKey}`;
             }
-            const logEndpoint = apiKey ? ARMCO_SERVER + ADD : analyticsLogEndpoint;
+            const logEndpoint = apiKey
+                ? ARMCO_SERVER + ADD
+                : analyticsLogEndpoint;
             try {
                 const response = yield fetch(logEndpoint, options);
-                console.log('Analytics data sent to server:', logEndpoint, data, response.status, response.statusText);
+                if (response.status === 200) {
+                    console.log("Analytics data sent to server:", logEndpoint, data, response.status, response.statusText);
+                }
+                else {
+                    console.warn("Failed to send analytics payload to:", logEndpoint, data, response.status, response.statusText);
+                }
             }
             catch (e) {
                 console.warn("Failed attempt to log event");
             }
         }
         catch (error) {
-            console.error('Failed to send analytics data:', error);
+            console.error("Failed to send analytics data:", error);
         }
     });
 }
@@ -188,25 +200,27 @@ function tagEvents(email) {
     return __awaiter(this, void 0, void 0, function* () {
         try {
             if (!apiKey && !analyticsTagEndpoint) {
-                console.error('Neither of API key and Analytics server configured. Tagging won\'t be attempted.');
+                console.error("Neither of API key and Analytics server configured. Tagging won't be attempted.");
                 return;
             }
             const options = {
                 method: "POST",
                 headers: {
-                    'Content-Type': 'application/json',
+                    "Content-Type": "application/json",
                 },
                 body: { event: JSON.stringify({ email, anonymousId: ar_anonymous_id }) },
             };
             if (apiKey) {
                 options.headers.Authorization = `Bearer ${apiKey}`;
             }
-            const tagEndpoint = apiKey ? ARMCO_SERVER + ADD : analyticsTagEndpoint;
+            const tagEndpoint = apiKey
+                ? ARMCO_SERVER + ADD
+                : analyticsTagEndpoint;
             const response = yield fetch(tagEndpoint, options);
-            console.log('Analytics data sent to server:', tagEndpoint, response.status, response.statusText);
+            console.log("Analytics data sent to server:", tagEndpoint, response.status, response.statusText);
         }
         catch (error) {
-            console.error('Failed to send analytics data:', error);
+            console.error("Failed to send analytics data:", error);
         }
     });
 }
@@ -227,28 +241,30 @@ function trackEvent(event, data) {
             return;
         }
         enrichEventData(data);
-        (CONFIG === null || CONFIG === void 0 ? void 0 : CONFIG.submissionStrategy) === "DEFER" ? queueEvent(data) : sendAnalyticsData(data);
+        (CONFIG === null || CONFIG === void 0 ? void 0 : CONFIG.submissionStrategy) === "DEFER"
+            ? queueEvent(data)
+            : sendAnalyticsData(data);
     }
     else {
-        console.log('Analytics disabled or user not identified. Event data not sent.');
+        console.log("Analytics disabled or user not identified. Event data not sent.");
     }
 }
 function trackPageView(pageName, data) {
     const pageViewEvent = Object.assign({ eventType: "Page View", pageName }, data);
-    trackEvent('Page View', pageViewEvent);
+    trackEvent("Page View", pageViewEvent);
 }
 function trackError(errorMessage) {
     const errorEvent = {
-        eventType: 'Error',
+        eventType: "Error",
         timestamp: new Date(),
         errorMessage,
     };
     trackEvent(errorEvent);
 }
 function isEnabled() {
-    if (typeof navigator !== 'undefined' && 'doNotTrack' in navigator) {
+    if (typeof navigator !== "undefined" && "doNotTrack" in navigator) {
         const doNotTrackValue = navigator.doNotTrack;
-        if (doNotTrackValue === '1' || doNotTrackValue === 'yes') {
+        if (doNotTrackValue === "1" || doNotTrackValue === "yes") {
             console.warn("[ANALYTICS] Tracking disabled in client, events will not be logged!");
             return isArClient(hostProjectName) || false;
         }
@@ -269,7 +285,10 @@ function populateLocationDetails() {
     }
     else {
         navigator.geolocation.getCurrentPosition((position) => {
-            coordinates = { latitude: position.coords.latitude, longitude: position.coords.longitude };
+            coordinates = {
+                latitude: position.coords.latitude,
+                longitude: position.coords.longitude,
+            };
             success(position, (reverseGeocodingResponse) => {
                 address = reverseGeocodingResponse.results[0].formatted_address;
             });
@@ -301,12 +320,12 @@ const trackedItems = [
     "[role='menuitem']",
     "[role='menuitemcheckbox']",
     "[role='menuitemradio']",
-    "[data-track='true']"
+    "[data-track='true']",
 ];
 function isClickable(element) {
-    return element.matches(trackedItems.join(", ")) ||
+    return (element.matches(trackedItems.join(", ")) ||
         element.onclick != null ||
-        window.getComputedStyle(element).cursor == "pointer";
+        window.getComputedStyle(element).cursor === "pointer");
 }
 function handleTrackedItemClick(e) {
     var _a;
@@ -314,14 +333,16 @@ function handleTrackedItemClick(e) {
     if (isClickable(clickedElement)) {
         const dataAttributes = Object.assign({}, clickedElement.dataset);
         const id = clickedElement.id || null;
-        const name = clickedElement.getAttribute('name') || null;
+        const name = clickedElement.getAttribute("name") || null;
         const classes = Array.from(clickedElement.classList);
         const elementType = clickedElement.tagName.toLowerCase();
         const textContent = clickedElement.textContent;
-        const href = 'href' in clickedElement ? clickedElement.href : null;
-        const role = clickedElement.getAttribute('role') || null;
+        const href = "href" in clickedElement
+            ? clickedElement.href
+            : null;
+        const role = clickedElement.getAttribute("role") || null;
         const parentElementId = ((_a = clickedElement.parentElement) === null || _a === void 0 ? void 0 : _a.id) || null;
-        const value = 'value' in clickedElement && clickedElement.value
+        const value = "value" in clickedElement && clickedElement.value
             ? clickedElement.value
             : null;
         const mergedData = Object.assign(Object.assign({}, dataAttributes), { id,
@@ -336,36 +357,46 @@ function handleTrackedItemClick(e) {
 }
 function hookTrackers() {
     if (environment === "browser") {
-        const TRACK_EVENTS = (CONFIG === null || CONFIG === void 0 ? void 0 : CONFIG.trackEvents) || ["click", "submit", "select-change"];
+        const TRACK_EVENTS = (CONFIG === null || CONFIG === void 0 ? void 0 : CONFIG.trackEvents) || [
+            "click",
+            "submit",
+            "select-change",
+        ];
         if (TRACK_EVENTS.indexOf("click") > -1) {
             console.log("[ANALYTICS] Attaching Click handlers");
-            const clickables = Array.from(document.querySelectorAll('*'));
-            console.log("[ANALYTICS] Found " + clickables.length + " items that can be clicked!");
+            const clickables = Array.from(document.querySelectorAll("*"));
+            console.log("[ANALYTICS] Found " +
+                clickables.length +
+                " items that can be clicked!");
             console.log("[ANALYTICS] Dynamically added elements will be added to this list.");
             document.addEventListener("click", handleTrackedItemClick);
             console.log("[ANALYTICS] Click handlers Attached");
         }
         if (TRACK_EVENTS.indexOf("submit") > -1) {
             console.log("[ANALYTICS] Attaching Submit handlers");
-            document.addEventListener('submit', event => {
+            document.addEventListener("submit", (event) => {
                 const formElement = event.target;
-                trackEvent('SUBMIT', {
+                trackEvent("SUBMIT", {
                     submit: {
                         formId: formElement.id,
-                        formData: new FormData(formElement)
-                    }
+                        formData: new FormData(formElement),
+                    },
                 });
             });
             console.log("[ANALYTICS] Submit handlers attached");
         }
         if (TRACK_EVENTS.indexOf("select-change") > -1) {
             console.log("[ANALYTICS] Attaching Select OnChange handlers");
-            document.addEventListener('change', (event) => {
+            document.addEventListener("change", (event) => {
                 const target = event.target;
-                if (target.tagName === 'SELECT') {
+                if (target.tagName === "SELECT") {
                     const selectedOptionValue = target.value;
-                    const selectedOptionLabel = target.selectedOptions[0].label;
-                    trackEvent('SELECT_CHANGE', { value: selectedOptionValue, label: selectedOptionLabel });
+                    const selectedOptionLabel = target
+                        .selectedOptions[0].label;
+                    trackEvent("SELECT_CHANGE", {
+                        value: selectedOptionValue,
+                        label: selectedOptionLabel,
+                    });
                 }
             });
             console.log("[ANALYTICS] Select OnChange handlers attached");
@@ -391,6 +422,7 @@ function sendHostProjectName() {
     }
 }
 function showTrackingPopup() {
+    var _a, _b;
     const popupContent = `
     <div class="tracking-popup" style="position: fixed;
     width: 50%;
@@ -414,13 +446,16 @@ function showTrackingPopup() {
 			>Got it!</a>
     </div>
   `;
-    $('body').append(popupContent);
-    $('.btn-accept').on('click', function () {
-        $('.tracking-popup').remove();
+    document.body.insertAdjacentHTML("beforeend", popupContent);
+    (_a = document.querySelector(".btn-accept")) === null || _a === void 0 ? void 0 : _a.addEventListener("click", function () {
+        var _a;
+        (_a = document.querySelector(".tracking-popup")) === null || _a === void 0 ? void 0 : _a.remove();
     });
-    $('.btn-decline').on('click', function () {
+    (_b = document
+        .querySelector(".btn-decline")) === null || _b === void 0 ? void 0 : _b.addEventListener("click", function () {
+        var _a;
         enableTracking(false);
-        $('.tracking-popup').remove();
+        (_a = document.querySelector(".tracking-popup")) === null || _a === void 0 ? void 0 : _a.remove();
     });
 }
 function loadAnalytics(config) {
@@ -439,7 +474,7 @@ function loadAnalytics(config) {
             CONFIG.showPopUp && showTrackingPopup();
             console.log("[ANALYTICS] Hook Event Trackers");
             hookTrackers();
-            console.log("[ANALYTICS] Hook Handlers to flush events (use when submissionStrategy is configured as \"DEFER\"");
+            console.log('[ANALYTICS] Hook Handlers to flush events (use when submissionStrategy is configured as "DEFER"');
             hookFlushHandlers(CONFIG.submissionStrategy);
             console.log("[ANALYTICS] Find User Location Details");
             populateLocationDetails();
@@ -447,7 +482,7 @@ function loadAnalytics(config) {
             const anonId = generateAnonymousId();
             console.log("Tracking User as", anonId);
             startSession();
-            window.addEventListener('load', function () {
+            window.addEventListener("load", function () {
                 console.log("[ANALYTICS] Logging page load");
                 trackEvent("PAGE");
             });
@@ -478,8 +513,7 @@ function init(config) {
                     loadAnalytics(config);
                 }
                 else {
-                    loadConfiguration()
-                        .then(config => {
+                    loadConfiguration().then((config) => {
                         loadAnalytics(config);
                     });
                 }

package/flush.js

@@ -13,20 +13,20 @@ function flushEvents() {
         events = [];
     });
 }
+function handleBeforeUnload() {
+    if (events.length > 0) {
+        flushEvents();
+    }
+}
+function handleVisibilityChange() {
+    if (document.visibilityState === "hidden" && events.length > 0) {
+        flushEvents();
+    }
+}
 export function hookFlushHandlers(submissionStrategy = "ONEVENT") {
-    if (typeof window !== 'undefined' && submissionStrategy === "DEFER") {
-        function handleBeforeUnload() {
-            if (events.length > 0) {
-                flushEvents();
-            }
-        }
-        function handleVisibilityChange() {
-            if (document.visibilityState === 'hidden' && events.length > 0) {
-                flushEvents();
-            }
-        }
-        window.addEventListener('beforeunload', handleBeforeUnload);
-        document.addEventListener('visibilitychange', handleVisibilityChange);
+    if (typeof window !== "undefined" && submissionStrategy === "DEFER") {
+        window.addEventListener("beforeunload", handleBeforeUnload);
+        document.addEventListener("visibilitychange", handleVisibilityChange);
         setInterval(() => {
             if (events.length > 0) {
                 flushEvents();

package/global-modules.d.ts

@@ -1,14 +1,14 @@
-import analytics from './index';
+import analytics from "./index"
 
 declare global {
   namespace NodeJS {
     interface Global {
-      analytics: analytics;
+      analytics: analytics
     }
   }
   interface Window {
-    analytics: analytics;
+    analytics: analytics
   }
 }
 
-export {};
+export {}

package/location.js

@@ -1,12 +1,12 @@
 import jstz from "jstz";
 export function ipLookup() {
-    fetch('https://extreme-ip-lookup.com/json/')
-        .then(res => res.json())
-        .then(response => {
+    fetch("https://extreme-ip-lookup.com/json/")
+        .then((res) => res.json())
+        .then((response) => {
         fallbackProcess(response);
     })
         .catch(() => {
-        console.log('We could not find your location');
+        console.log("We could not find your location");
     });
 }
 export function success(position, callback) {
@@ -20,11 +20,11 @@ export function error() {
 function reverseGeocodingWithGoogle(latitude, longitude, callback) {
     fetch(`https://maps.googleapis.com/maps/api/geocode/json?
 		latlng=${latitude},${longitude}&key={GOOGLE_MAP_KEY}`)
-        .then(res => res.json())
-        .then(response => {
+        .then((res) => res.json())
+        .then((response) => {
         callback ? callback(response) : processUserData(response);
     })
-        .catch(status => {
+        .catch((status) => {
         ipLookup();
     });
 }
@@ -32,9 +32,11 @@ function processUserData(response) {
     console.log(response.results[0].formatted_address);
 }
 function fallbackProcess(response) {
-    const address = document.querySelector('.address');
+    const address = document.querySelector(".address");
     address.innerText = `${response.city}, ${response.country}`;
 }
 const localTimeRegion = jstz.determine().name();
-const localTime = new Date().toLocaleString("en-US", { timeZone: localTimeRegion });
+const localTime = new Date().toLocaleString("en-US", {
+    timeZone: localTimeRegion,
+});
 export { localTimeRegion, localTime };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@armco/analytics",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "description": "Browser Based Analytics interceptor for configured events",
   "main": "index.js",
   "type": "module",
@@ -27,13 +27,8 @@
   ],
   "devDependencies": {},
   "dependencies": {
-    "jet-logger": "^1.3.1",
-    "jquery": "^3.7.0",
     "js-cookie": "^3.0.5",
     "jstz": "^2.1.1",
     "uuid": "^9.0.0"
-  },
-  "peerDependencies": {
-    "jquery": "^3.7.0"
   }
 }

package/session.js

@@ -1,6 +1,6 @@
-import Cookies from 'js-cookie';
+import Cookies from "js-cookie";
 import { v4 as uuidv4 } from "uuid";
-const SESSION_COOKIE_NAME = 'ar-session-id';
+const SESSION_COOKIE_NAME = "ar-session-id";
 const SESSION_EXPIRATION_TIME = 30;
 let localStorageTimeout;
 function generateSessionId() {
@@ -9,11 +9,11 @@ function generateSessionId() {
 export function startSession() {
     const sessionId = generateSessionId();
     const expirationDate = new Date();
-    let tabId = sessionStorage.getItem('tabId');
+    let tabId = sessionStorage.getItem("tabId");
     if (!tabId) {
         const timestamp = expirationDate.getTime();
         tabId = `${uuidv4()}-${timestamp}`;
-        sessionStorage.setItem('tabId', tabId);
+        sessionStorage.setItem("tabId", tabId);
     }
     const cookieName = `${SESSION_COOKIE_NAME}-${tabId}`;
     refreshSessionId(sessionId, cookieName);
@@ -32,7 +32,7 @@ function refreshSessionId(sessionId, cookieName) {
 }
 export function getSessionId() {
     let sessionId;
-    const tabId = sessionStorage.getItem('tabId');
+    const tabId = sessionStorage.getItem("tabId");
     if (!tabId) {
         return startSession();
     }
@@ -48,7 +48,7 @@ export function getSessionId() {
     return sessionId;
 }
 export function extendSession() {
-    const tabId = sessionStorage.getItem('tabId');
+    const tabId = sessionStorage.getItem("tabId");
     if (!tabId) {
         return;
     }
@@ -62,12 +62,12 @@ export function extendSession() {
     }
 }
 export function terminateSession() {
-    const tabId = sessionStorage.getItem('tabId');
+    const tabId = sessionStorage.getItem("tabId");
     if (!tabId) {
         return;
     }
     const cookieName = `${SESSION_COOKIE_NAME}-${tabId}`;
-    if (typeof window !== 'undefined' && window.Cookies) {
+    if (typeof window !== "undefined" && window.Cookies) {
         Cookies.remove(cookieName);
     }
     else {

package/tsconfig.prod.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["../analytics.ts","../constants.ts","../flush.ts","../global-modules.d.ts","../helper.ts","../index.interface.ts","../index.ts","../location.ts","../session.ts"],"version":"5.8.2"}