@armco/analytics 0.2.2 → 0.2.3

package/analytics.js

@@ -163,8 +163,13 @@ function sendAnalyticsData(data) {
                 options.headers.Authorization = `Bearer ${apiKey}`;
             }
             const logEndpoint = apiKey ? ARMCO_SERVER + ADD : analyticsEndpoint;
-            const response = yield fetch(logEndpoint, options);
-            console.log('Analytics data sent to server:', logEndpoint, data, response.status, response.statusText);
+            try {
+                const response = yield fetch(logEndpoint, options);
+                console.log('Analytics data sent to server:', 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);
@@ -264,6 +269,71 @@ function populateLocationDetails() {
     }
     region = localTimeRegion;
 }
+const trackedItems = [
+    "a[href]",
+    "button",
+    "input[type='button']",
+    "input[type='submit']",
+    "input[type='reset']",
+    "input[type='checkbox']",
+    "input[type='radio']",
+    "select",
+    "textarea",
+    "area",
+    "details",
+    "summary",
+    "iframe",
+    "object",
+    "embed",
+    "label",
+    "img",
+    "[role='button']",
+    "[role='checkbox']",
+    "[role='link']",
+    "[role='menuitem']",
+    "[role='menuitemcheckbox']",
+    "[role='menuitemradio']",
+    "[data-track='true']"
+];
+function isClickable(element) {
+    return element.matches(trackedItems.join(", ")) ||
+        element.onclick != null ||
+        window.getComputedStyle(element).cursor == "pointer";
+}
+function handleTrackedItemClick(e) {
+    var _a;
+    const clickedElement = e.target;
+    if (isClickable(clickedElement)) {
+        const dataAttributes = Object.assign({}, clickedElement.dataset);
+        const id = clickedElement.id || 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 parentElementId = ((_a = clickedElement.parentElement) === null || _a === void 0 ? void 0 : _a.id) || null;
+        const value = 'value' in clickedElement && clickedElement.value
+            ? clickedElement.value
+            : null;
+        const mergedData = Object.assign({}, dataAttributes, {
+            id,
+            name,
+            classes,
+            textContent,
+            href,
+            tagName: elementType,
+            role,
+            parentElementId,
+        });
+        trackEvent("CLICK", {
+            click: {
+                data: mergedData,
+                value,
+            },
+        });
+    }
+}
 function hookTrackers() {
     if (environment === "browser") {
         const TRACK_EVENTS = (CONFIG === null || CONFIG === void 0 ? void 0 : CONFIG.trackEvents) || ["click", "submit", "select-change"];
@@ -271,41 +341,8 @@ function hookTrackers() {
             console.log("[ANALYTICS] Attaching Click handlers");
             const clickables = Array.from(document.querySelectorAll('*'));
             console.log("[ANALYTICS] Found " + clickables.length + " items that can be clicked!");
-            clickables
-                .filter((element) => {
-                return element.tagName === "BUTTON" ||
-                    element.tagName === "A" ||
-                    element.onclick != null ||
-                    window.getComputedStyle(element).cursor == "pointer";
-            })
-                .forEach((element) => {
-                element.addEventListener("click", e => {
-                    var _a;
-                    const clickedElement = e.target;
-                    const id = clickedElement.id;
-                    const classes = Array.from(clickedElement.classList);
-                    const dataAttributes = Object.keys(clickedElement.dataset).map(key => ({ [key]: clickedElement.dataset[key] }));
-                    const textContent = clickedElement.textContent;
-                    const href = 'href' in clickedElement ? clickedElement.href : null;
-                    const elementType = clickedElement.tagName.toLowerCase();
-                    const parentElementId = ((_a = clickedElement.parentElement) === null || _a === void 0 ? void 0 : _a.id) || null;
-                    const value = 'value' in clickedElement && clickedElement.value
-                        ? clickedElement.value
-                        : null;
-                    trackEvent("CLICK", {
-                        click: {
-                            id,
-                            classes,
-                            dataAttributes,
-                            textContent,
-                            href,
-                            elementType,
-                            parentElementId,
-                            value,
-                        }
-                    });
-                });
-            });
+            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) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@armco/analytics",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Browser Based Analytics interceptor for configured events",
   "main": "index.js",
   "type": "module",