@devskin/browser-sdk 1.0.38 → 1.0.40

package/dist/devskin.umd.js

@@ -863,9 +863,11 @@
     }
 
     class HeatmapCollector {
-        constructor(config, transport) {
+        constructor(config, transport, anonymousId, sessionId) {
             this.config = config;
             this.transport = transport;
+            this.anonymousId = anonymousId;
+            this.sessionId = sessionId;
             this.clickData = [];
             this.scrollData = [];
             this.mouseMoveData = [];
@@ -930,7 +932,7 @@
                     element: this.getElementSelector(target),
                     elementId: target.id || undefined,
                     elementClass: target.className || undefined,
-                    pageUrl: window.location.pathname,
+                    pageUrl: window.location.href,
                     timestamp: new Date().toISOString(),
                     viewportWidth: window.innerWidth,
                     viewportHeight: window.innerHeight,
@@ -958,7 +960,7 @@
                         maxDepth: this.maxScrollDepth,
                         pageHeight: documentHeight,
                         viewportHeight: windowHeight,
-                        pageUrl: window.location.pathname,
+                        pageUrl: window.location.href,
                         timestamp: new Date().toISOString(),
                     };
                     this.scrollData.push(scrollData);
@@ -995,7 +997,7 @@
                 const mouseMoveData = {
                     x: event.clientX + window.scrollX,
                     y: event.clientY + window.scrollY,
-                    pageUrl: window.location.pathname,
+                    pageUrl: window.location.href,
                     timestamp: new Date().toISOString(),
                 };
                 this.mouseMoveData.push(mouseMoveData);
@@ -1009,21 +1011,21 @@
             // Send clicks individually (backend expects one click event per item)
             if (this.clickData.length > 0) {
                 this.clickData.forEach(click => {
-                    this.transport.sendHeatmapData(Object.assign({ type: 'click' }, click));
+                    this.transport.sendHeatmapData(Object.assign({ type: 'click', anonymousId: this.anonymousId, sessionId: this.sessionId }, click));
                 });
                 this.clickData = [];
             }
             // Send scroll data individually
             if (this.scrollData.length > 0) {
                 this.scrollData.forEach(scroll => {
-                    this.transport.sendHeatmapData(Object.assign({ type: 'scroll' }, scroll));
+                    this.transport.sendHeatmapData(Object.assign({ type: 'scroll', anonymousId: this.anonymousId, sessionId: this.sessionId }, scroll));
                 });
                 this.scrollData = [];
             }
             // Send mouse moves individually
             if (this.mouseMoveData.length > 0) {
                 this.mouseMoveData.forEach(move => {
-                    this.transport.sendHeatmapData(Object.assign({ type: 'mousemove' }, move));
+                    this.transport.sendHeatmapData(Object.assign({ type: 'mousemove', anonymousId: this.anonymousId, sessionId: this.sessionId }, move));
                 });
                 this.mouseMoveData = [];
             }
@@ -13937,12 +13939,11 @@
                 // Merge default heatmap config with user config
                 const heatmapConfig = Object.assign({ enabled: true, trackClicks: true, trackScroll: true, trackMouseMovement: true, mouseMoveSampling: 0.1 }, this.config.heatmapOptions);
                 this.config.heatmapOptions = heatmapConfig;
-                this.heatmapCollector = new HeatmapCollector(this.config, this.transport);
+                this.heatmapCollector = new HeatmapCollector(this.config, this.transport, this.anonymousId, this.sessionId);
                 this.heatmapCollector.start();
                 // Initialize screenshot collector and capture page
                 this.screenshotCollector = new ScreenshotCollector(this.config, this.transport);
-                // Send only the pathname (not full URL) for consistent hashing
-                this.screenshotCollector.captureAndSend(this.sessionId, window.location.pathname);
+                this.screenshotCollector.captureAndSend(this.sessionId, window.location.href);
                 if (this.config.debug) {
                     console.log('[DevSkin] Heatmap collection enabled (always on)');
                 }
@@ -14013,7 +14014,7 @@
                 userId: this.userId || undefined,
                 anonymousId: this.anonymousId || undefined,
                 properties: Object.assign(Object.assign({}, properties), this.getContextData()),
-                pageUrl: window.location.pathname,
+                pageUrl: window.location.href,
                 pageTitle: document.title,
             };
             (_a = this.transport) === null || _a === void 0 ? void 0 : _a.sendEvent(eventData);