humanbehavior-js 0.1.1 → 0.1.3

package/dist/esm/index.js

@@ -4364,6 +4364,57 @@ class HumanBehaviorAPI {
         data.append('apiKey', encodeURIComponent(this.apiKey));
         navigator.sendBeacon(`${this.baseUrl}/api/ingestion/events`, data);
     }
+    sendCustomEvent(sessionId, eventName, eventProperties) {
+        return __awaiter$1(this, void 0, void 0, function* () {
+            try {
+                const response = yield fetch(`${this.baseUrl}/api/ingestion/customEvent`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'Authorization': `Bearer ${this.apiKey}`
+                    },
+                    body: JSON.stringify({
+                        sessionId: sessionId,
+                        eventName: eventName,
+                        eventProperties: eventProperties || {}
+                    })
+                });
+                if (!response.ok) {
+                    throw new Error(`Failed to send custom event: ${response.statusText}`);
+                }
+                return yield response.json();
+            }
+            catch (error) {
+                logError('Error sending custom event:', error);
+                throw error;
+            }
+        });
+    }
+    sendCustomEventBatch(sessionId, events) {
+        return __awaiter$1(this, void 0, void 0, function* () {
+            try {
+                const response = yield fetch(`${this.baseUrl}/api/ingestion/customEvent/batch`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'Authorization': `Bearer ${this.apiKey}`
+                    },
+                    body: JSON.stringify({
+                        sessionId: sessionId,
+                        events: events
+                    })
+                });
+                if (!response.ok) {
+                    throw new Error(`Failed to send custom event batch: ${response.statusText}`);
+                }
+                return yield response.json();
+            }
+            catch (error) {
+                logError('Error sending custom event batch:', error);
+                throw error;
+            }
+        });
+    }
 }
 
 // Redaction functionality for sensitive input fields
@@ -4802,6 +4853,10 @@ class HumanBehaviorTracker {
         if (options === null || options === void 0 ? void 0 : options.redactFields) {
             tracker.setRedactedFields(options.redactFields);
         }
+        // Setup automatic tracking if enabled
+        if ((options === null || options === void 0 ? void 0 : options.enableAutomaticTracking) !== false) {
+            tracker.setupAutomaticTracking(options === null || options === void 0 ? void 0 : options.automaticTrackingOptions);
+        }
         // Test connection (non-blocking)
         if (isBrowser) {
             const testUrl = tracker.api['baseUrl'] + '/api/health';
@@ -5050,28 +5105,159 @@ class HumanBehaviorTracker {
             if (!this.initialized)
                 return;
             try {
-                const customEventData = {
-                    eventName: eventName,
-                    properties: properties || {},
-                    timestamp: new Date().toISOString(),
-                    url: window.location.href,
-                    pathname: window.location.pathname
-                };
-                // Add custom event to the main event stream
-                yield this.addEvent({
-                    type: 5, // Custom event type
-                    data: {
-                        payload: Object.assign({ eventType: 'custom' }, customEventData)
-                    },
-                    timestamp: Date.now()
-                });
+                // Send custom event directly to the API
+                yield this.api.sendCustomEvent(this.sessionId, eventName, properties);
                 logDebug(`Custom event tracked: ${eventName}`, properties);
             }
             catch (error) {
                 logError('Failed to track custom event:', error);
+                // Fallback: add to event stream if direct API call fails
+                try {
+                    const customEventData = {
+                        eventName: eventName,
+                        properties: properties || {},
+                        timestamp: new Date().toISOString(),
+                        url: window.location.href,
+                        pathname: window.location.pathname
+                    };
+                    yield this.addEvent({
+                        type: 5, // Custom event type
+                        data: {
+                            payload: Object.assign({ eventType: 'custom' }, customEventData)
+                        },
+                        timestamp: Date.now()
+                    });
+                    logDebug(`Custom event added to event stream as fallback: ${eventName}`);
+                }
+                catch (fallbackError) {
+                    logError('Failed to add custom event to event stream as fallback:', fallbackError);
+                }
             }
         });
     }
+    /**
+     * Setup automatic tracking for buttons, links, and forms
+     */
+    setupAutomaticTracking(options) {
+        if (!isBrowser)
+            return;
+        const config = {
+            trackButtons: (options === null || options === void 0 ? void 0 : options.trackButtons) !== false,
+            trackLinks: (options === null || options === void 0 ? void 0 : options.trackLinks) !== false,
+            trackForms: (options === null || options === void 0 ? void 0 : options.trackForms) !== false,
+            includeText: (options === null || options === void 0 ? void 0 : options.includeText) !== false,
+            includeClasses: (options === null || options === void 0 ? void 0 : options.includeClasses) || false
+        };
+        logDebug('Setting up automatic tracking with config:', config);
+        // Setup button tracking
+        if (config.trackButtons) {
+            this.setupAutomaticButtonTracking(config);
+        }
+        // Setup link tracking
+        if (config.trackLinks) {
+            this.setupAutomaticLinkTracking(config);
+        }
+        // Setup form tracking
+        if (config.trackForms) {
+            this.setupAutomaticFormTracking(config);
+        }
+    }
+    /**
+     * Setup automatic button tracking
+     */
+    setupAutomaticButtonTracking(config) {
+        document.addEventListener('click', (event) => __awaiter$1(this, void 0, void 0, function* () {
+            var _a;
+            const target = event.target;
+            // Track button clicks
+            if (target.tagName === 'BUTTON' || target.closest('button')) {
+                const button = target.tagName === 'BUTTON'
+                    ? target
+                    : target.closest('button');
+                const properties = {
+                    buttonId: button.id || null,
+                    buttonType: button.type || 'button',
+                    page: window.location.pathname,
+                    timestamp: Date.now()
+                };
+                if (config.includeText) {
+                    properties.buttonText = ((_a = button.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || null;
+                }
+                if (config.includeClasses) {
+                    properties.buttonClass = button.className || null;
+                }
+                // Remove null values
+                Object.keys(properties).forEach(key => {
+                    if (properties[key] === null) {
+                        delete properties[key];
+                    }
+                });
+                yield this.customEvent('button_clicked', properties);
+            }
+        }));
+    }
+    /**
+     * Setup automatic link tracking
+     */
+    setupAutomaticLinkTracking(config) {
+        document.addEventListener('click', (event) => __awaiter$1(this, void 0, void 0, function* () {
+            var _a;
+            const target = event.target;
+            // Track link clicks
+            if (target.tagName === 'A' || target.closest('a')) {
+                const link = target.tagName === 'A'
+                    ? target
+                    : target.closest('a');
+                const properties = {
+                    linkUrl: link.href || null,
+                    linkId: link.id || null,
+                    linkTarget: link.target || null,
+                    page: window.location.pathname,
+                    timestamp: Date.now()
+                };
+                if (config.includeText) {
+                    properties.linkText = ((_a = link.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || null;
+                }
+                if (config.includeClasses) {
+                    properties.linkClass = link.className || null;
+                }
+                // Remove null values
+                Object.keys(properties).forEach(key => {
+                    if (properties[key] === null) {
+                        delete properties[key];
+                    }
+                });
+                yield this.customEvent('link_clicked', properties);
+            }
+        }));
+    }
+    /**
+     * Setup automatic form tracking
+     */
+    setupAutomaticFormTracking(config) {
+        document.addEventListener('submit', (event) => __awaiter$1(this, void 0, void 0, function* () {
+            const form = event.target;
+            const formData = new FormData(form);
+            const properties = {
+                formId: form.id || null,
+                formAction: form.action || null,
+                formMethod: form.method || 'get',
+                fields: Array.from(formData.keys()),
+                page: window.location.pathname,
+                timestamp: Date.now()
+            };
+            if (config.includeClasses) {
+                properties.formClass = form.className || null;
+            }
+            // Remove null values
+            Object.keys(properties).forEach(key => {
+                if (properties[key] === null) {
+                    delete properties[key];
+                }
+            });
+            yield this.customEvent('form_submitted', properties);
+        }));
+    }
     /**
      * Cleanup navigation tracking
      */
@@ -5267,6 +5453,7 @@ class HumanBehaviorTracker {
                 inlineStylesheet: true,
                 recordCanvas: true,
                 collectFonts: true,
+                inlineImages: true,
                 blockClass: 'rr-block',
                 ignoreClass: 'rr-ignore',
                 maskTextClass: 'rr-ignore'