humanbehavior-js 0.1.6 → 0.1.8

package/dist/types/index.d.ts

@@ -275,7 +275,7 @@ declare class HumanBehaviorAPI {
     sendEventsChunked(events: any[], sessionId: string): Promise<any[]>;
     sendUserData(userId: string, userData: Record<string, any>, sessionId: string): Promise<any>;
     sendUserAuth(userId: string, userData: Record<string, any>, sessionId: string, authFields: string[]): Promise<any>;
-    sendBeaconEvents(events: any[], sessionId: string): void;
+    sendBeaconEvents(events: any[], sessionId: string): boolean;
     sendCustomEvent(sessionId: string, eventName: string, eventProperties?: Record<string, any>): Promise<any>;
     sendCustomEventBatch(sessionId: string, events: Array<{
         eventName: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "humanbehavior-js",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "SDK for HumanBehavior session and event recording",
   "type": "module",
   "main": "./dist/cjs/index.js",

package/src/api.ts

@@ -220,16 +220,24 @@ export class HumanBehaviorAPI {
     }
 
     public sendBeaconEvents(events: any[], sessionId: string) {
-        const data = new URLSearchParams()
-        data.append('events', encodeURIComponent(JSON.stringify(events)))
-        data.append('sessionId', encodeURIComponent(sessionId))
-        data.append('timestamp', encodeURIComponent(Date.now().toString()))
-        data.append('apiKey', encodeURIComponent(this.apiKey))
+        // Create JSON payload that matches the server's expected format
+        const payload = {
+            sessionId: sessionId,
+            events: events,
+            endUserId: null // Beacon doesn't have user context
+        };
+
+        // Convert to Blob for sendBeacon
+        const blob = new Blob([JSON.stringify(payload)], {
+            type: 'application/json'
+        });
 
         const success = navigator.sendBeacon(
             `${this.baseUrl}/api/ingestion/events`, 
-            data
+            blob
         );
+
+        return success;
     }
 
     async sendCustomEvent(sessionId: string, eventName: string, eventProperties?: Record<string, any>) {

package/src/react/index.tsx

@@ -113,9 +113,11 @@ export const HumanBehaviorProvider = ({ apiKey, client, children, options }: Hum
     setHumanBehavior(tracker);
 
     // Wait for initialization to complete
-    tracker.initializationPromise?.then(() => {
-      setIsInitialized(true);
-      
+    tracker.initializationPromise?.then(async () => {
+        // Start the tracker to enable event flushing and recording
+        await tracker.start();
+        setIsInitialized(true);
+        
       // Process any queued events
       const currentQueue = eventQueueRef.current;
       if (currentQueue.length > 0) {