@devskin/browser-sdk 1.0.28 → 1.0.29

package/dist/devskin.cjs.js

@@ -13714,9 +13714,12 @@ class Transport {
         }
     }
     enqueue(type, data) {
+        // Add applicationId to RUM events (event, error, network, performance)
+        // Heatmap uses apiKey/appId in payload root instead
+        const enrichedData = type !== 'heatmap' ? Object.assign(Object.assign({}, data), { applicationId: this.config.appId }) : data;
         this.queue.push({
             type,
-            data,
+            data: enrichedData,
             timestamp: Date.now(),
         });
         // Flush if queue is full
@@ -14115,15 +14118,33 @@ class DevSkinSDK {
         }
     }
     getContextData() {
+        var _a, _b, _c, _d;
         const context = {};
+        // Flatten device data to match backend schema
         if (this.deviceCollector) {
-            context.device = this.deviceCollector.collect();
+            const device = this.deviceCollector.collect();
+            context.deviceType = device.type;
+            context.deviceModel = device.model;
+            context.osName = (_a = device.os) === null || _a === void 0 ? void 0 : _a.name;
+            context.osVersion = (_b = device.os) === null || _b === void 0 ? void 0 : _b.version;
+            context.screenWidth = (_c = device.screen) === null || _c === void 0 ? void 0 : _c.width;
+            context.screenHeight = (_d = device.screen) === null || _d === void 0 ? void 0 : _d.height;
+            context.viewportWidth = window.innerWidth;
+            context.viewportHeight = window.innerHeight;
         }
+        // Flatten browser data to match backend schema
         if (this.browserCollector) {
-            context.browser = this.browserCollector.collect();
+            const browser = this.browserCollector.collect();
+            context.browserName = browser.name;
+            context.browserVersion = browser.version;
+            context.userAgent = browser.userAgent;
         }
+        // Flatten location data to match backend schema
         if (this.locationCollector) {
-            context.location = this.locationCollector.collect();
+            const location = this.locationCollector.collect();
+            context.country = location.country;
+            context.city = location.city;
+            context.ipAddress = undefined; // Will be set by backend from request
         }
         return context;
     }