@devskin/browser-sdk 1.0.38 → 1.0.40

package/dist/devskin.esm.js

@@ -857,9 +857,11 @@ class NetworkCollector {
 }
 
 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 = [];
@@ -924,7 +926,7 @@ class HeatmapCollector {
                 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,
@@ -952,7 +954,7 @@ class HeatmapCollector {
                     maxDepth: this.maxScrollDepth,
                     pageHeight: documentHeight,
                     viewportHeight: windowHeight,
-                    pageUrl: window.location.pathname,
+                    pageUrl: window.location.href,
                     timestamp: new Date().toISOString(),
                 };
                 this.scrollData.push(scrollData);
@@ -989,7 +991,7 @@ class HeatmapCollector {
             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);
@@ -1003,21 +1005,21 @@ class HeatmapCollector {
         // 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 = [];
         }
@@ -13931,12 +13933,11 @@ class DevSkinSDK {
             // 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)');
             }
@@ -14007,7 +14008,7 @@ class DevSkinSDK {
             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);