@openreplay/tracker 12.0.5 → 12.0.7-beta.0

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+# 12.0.6
+
+- allow network sanitizer to return null (will ignore network req)
+
+# 12.0.5
+
+- patch for img.ts srcset detector
+
 # 12.0.4
 
 - patch for email sanitizer (supports + now)

package/cjs/app/canvas.js

@@ -89,7 +89,6 @@ class CanvasRecorder {
         }, 500);
     }
     sendSnaps(images, canvasId, createdAt) {
-        var _a;
         if (Object.keys(this.snapshots).length === 0) {
             return;
         }
@@ -106,7 +105,7 @@ class CanvasRecorder {
         fetch(this.app.options.ingestPoint + '/v1/web/images', {
             method: 'POST',
             headers: {
-                Authorization: `Bearer ${(_a = this.app.session.getSessionToken()) !== null && _a !== void 0 ? _a : ''}`,
+                Authorization: `Bearer ${this.app.session.getSessionToken() ?? ''}`,
             },
             body: formData,
         })

package/cjs/app/index.js

@@ -49,7 +49,7 @@ const uxtStorageKey = 'or_uxt_active';
 const bufferStorageKey = 'or_buffer_1';
 const START_ERROR = ':(';
 const UnsuccessfulStart = (reason) => ({ reason, success: false });
-const SuccessfulStart = (body) => (Object.assign(Object.assign({}, body), { success: true }));
+const SuccessfulStart = (body) => ({ ...body, success: true });
 var ActivityState;
 (function (ActivityState) {
     ActivityState[ActivityState["NotActive"] = 0] = "NotActive";
@@ -68,7 +68,6 @@ function getTimezone() {
 }
 class App {
     constructor(projectKey, sessionToken, options, signalError) {
-        var _a, _b;
         this.signalError = signalError;
         this.messages = [];
         /**
@@ -81,7 +80,7 @@ class App {
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '12.0.5'; // TODO: version compatability check inside each plugin.
+        this.version = '12.0.7-beta.0'; // TODO: version compatability check inside each plugin.
         this.compressionThreshold = 24 * 1000;
         this.restartAttempts = 0;
         this.bc = null;
@@ -98,8 +97,7 @@ class App {
             return;
         };
         this.restartCanvasTracking = () => {
-            var _a;
-            (_a = this.canvasRecorder) === null || _a === void 0 ? void 0 : _a.restartTracking();
+            this.canvasRecorder?.restartTracking();
         };
         this.flushBuffer = async (buffer) => {
             return new Promise((res) => {
@@ -149,8 +147,8 @@ class App {
             this.bc = (0, utils_js_1.inIframe)() ? null : new BroadcastChannel(`rick_${host}`);
         }
         this.revID = this.options.revID;
-        this.localStorage = (_a = this.options.localStorage) !== null && _a !== void 0 ? _a : window.localStorage;
-        this.sessionStorage = (_b = this.options.sessionStorage) !== null && _b !== void 0 ? _b : window.sessionStorage;
+        this.localStorage = this.options.localStorage ?? window.localStorage;
+        this.sessionStorage = this.options.sessionStorage ?? window.sessionStorage;
         this.sanitizer = new sanitizer_js_1.default(this, options);
         this.nodes = new nodes_js_1.default(this.options.node_id);
         this.observer = new top_observer_js_1.default(this, options);
@@ -182,7 +180,6 @@ class App {
                 this._debug('webworker_error', e);
             };
             this.worker.onmessage = ({ data }) => {
-                var _a;
                 if (data === 'restart') {
                     this.stop(false);
                     void this.start({}, true);
@@ -200,18 +197,17 @@ class App {
                     const batchSize = batch.byteLength;
                     if (batchSize > this.compressionThreshold) {
                         (0, fflate_1.gzip)(data.batch, { mtime: 0 }, (err, result) => {
-                            var _a, _b;
                             if (err) {
                                 this.debug.error('Openreplay compression error:', err);
-                                (_a = this.worker) === null || _a === void 0 ? void 0 : _a.postMessage({ type: 'uncompressed', batch: batch });
+                                this.worker?.postMessage({ type: 'uncompressed', batch: batch });
                             }
                             else {
-                                (_b = this.worker) === null || _b === void 0 ? void 0 : _b.postMessage({ type: 'compressed', batch: result });
+                                this.worker?.postMessage({ type: 'compressed', batch: result });
                             }
                         });
                     }
                     else {
-                        (_a = this.worker) === null || _a === void 0 ? void 0 : _a.postMessage({ type: 'uncompressed', batch: batch });
+                        this.worker?.postMessage({ type: 'uncompressed', batch: batch });
                     }
                 }
                 else if (data.type === 'queue_empty') {
@@ -291,7 +287,6 @@ class App {
         this.debug.error('OpenReplay error: ', context, e);
     }
     send(message, urgent = false) {
-        var _a;
         if (this.activityState === ActivityState.NotActive) {
             return;
         }
@@ -310,7 +305,7 @@ class App {
             if (!this.singleBuffer) {
                 this.bufferedMessages2.push(message);
             }
-            (_a = this.conditionsManager) === null || _a === void 0 ? void 0 : _a.processMessage(message);
+            this.conditionsManager?.processMessage(message);
         }
         else {
             this.messages.push(message);
@@ -331,11 +326,10 @@ class App {
     _nCommit() {
         if (this.worker !== undefined && this.messages.length) {
             (0, utils_js_1.requestIdleCb)(() => {
-                var _a;
                 this.messages.unshift((0, messages_gen_js_2.TabData)(this.session.getTabId()));
                 this.messages.unshift((0, messages_gen_js_2.Timestamp)(this.timestamp()));
                 // why I need to add opt chaining?
-                (_a = this.worker) === null || _a === void 0 ? void 0 : _a.postMessage(this.messages);
+                this.worker?.postMessage(this.messages);
                 this.commitCallbacks.forEach((cb) => cb(this.messages));
                 this.messages.length = 0;
             });
@@ -366,8 +360,7 @@ class App {
         }
     }
     postToWorker(messages) {
-        var _a;
-        (_a = this.worker) === null || _a === void 0 ? void 0 : _a.postMessage(messages);
+        this.worker?.postMessage(messages);
         this.commitCallbacks.forEach((cb) => cb(messages));
         messages.length = 0;
     }
@@ -439,7 +432,10 @@ class App {
         };
     }
     getSessionInfo() {
-        return Object.assign(Object.assign({}, this.session.getInfo()), this.getTrackerInfo());
+        return {
+            ...this.session.getInfo(),
+            ...this.getTrackerInfo(),
+        };
     }
     getSessionToken() {
         return this.session.getSessionToken();
@@ -457,7 +453,7 @@ class App {
         const isSaas = /api\.openreplay\.com/.test(ingest);
         const projectPath = isSaas ? 'https://app.openreplay.com/ingest' : ingest;
         const url = projectPath.replace(/ingest$/, `${projectID}/session/${sessionID}`);
-        if (options === null || options === void 0 ? void 0 : options.withCurrentTime) {
+        if (options?.withCurrentTime) {
             const jumpTo = (0, utils_js_1.now)() - timestamp;
             return `${url}?jumpto=${jumpTo}`;
         }
@@ -470,7 +466,6 @@ class App {
         return this.projectKey;
     }
     getBaseHref() {
-        var _a, _b;
         if (typeof this.options.resourceBaseHref === 'string') {
             return this.options.resourceBaseHref;
         }
@@ -481,7 +476,7 @@ class App {
             return document.baseURI;
         }
         // IE only
-        return (((_b = (_a = document.head) === null || _a === void 0 ? void 0 : _a.getElementsByTagName('base')[0]) === null || _b === void 0 ? void 0 : _b.getAttribute('href')) ||
+        return (document.head?.getElementsByTagName('base')[0]?.getAttribute('href') ||
             location.origin + location.pathname);
     }
     resolveResourceURL(resourceURL) {
@@ -516,7 +511,6 @@ class App {
      * and we will then send buffered batch, so it won't get lost
      * */
     async coldStart(startOpts = {}, conditional) {
-        var _a, _b;
         this.singleBuffer = false;
         const second = 1000;
         if (conditional) {
@@ -529,8 +523,17 @@ class App {
                 headers: {
                     'Content-Type': 'application/json',
                 },
-                body: JSON.stringify(Object.assign(Object.assign({}, this.getTrackerInfo()), { timestamp: (0, utils_js_1.now)(), doNotRecord: true, bufferDiff: 0, userID: this.session.getInfo().userID, token: undefined, deviceMemory: performance_js_1.deviceMemory,
-                    jsHeapSizeLimit: performance_js_1.jsHeapSizeLimit, timezone: getTimezone() })),
+                body: JSON.stringify({
+                    ...this.getTrackerInfo(),
+                    timestamp: (0, utils_js_1.now)(),
+                    doNotRecord: true,
+                    bufferDiff: 0,
+                    userID: this.session.getInfo().userID,
+                    token: undefined,
+                    deviceMemory: performance_js_1.deviceMemory,
+                    jsHeapSizeLimit: performance_js_1.jsHeapSizeLimit,
+                    timezone: getTimezone(),
+                }),
             });
             const { 
             // this token is needed to fetch conditions and flags,
@@ -547,10 +550,10 @@ class App {
             });
             const onStartInfo = { sessionToken: token, userUUID: '', sessionID: '' };
             this.startCallbacks.forEach((cb) => cb(onStartInfo));
-            await ((_a = this.conditionsManager) === null || _a === void 0 ? void 0 : _a.fetchConditions(projectID, token));
+            await this.conditionsManager?.fetchConditions(projectID, token);
             await this.featureFlags.reloadFlags(token);
             await this.tagWatcher.fetchTags(this.options.ingestPoint, token);
-            (_b = this.conditionsManager) === null || _b === void 0 ? void 0 : _b.processFlags(this.featureFlags.flags);
+            this.conditionsManager?.processFlags(this.featureFlags.flags);
         }
         const cycle = () => {
             this.orderNumber += 1;
@@ -665,10 +668,9 @@ class App {
      * @reject {string} - error message
      * */
     async uploadOfflineRecording() {
-        var _a, _b;
         this.stop(false);
         const timestamp = (0, utils_js_1.now)();
-        (_a = this.worker) === null || _a === void 0 ? void 0 : _a.postMessage({
+        this.worker?.postMessage({
             type: 'start',
             pageNo: this.session.incPageNo(),
             ingestPoint: this.options.ingestPoint,
@@ -683,11 +685,20 @@ class App {
             headers: {
                 'Content-Type': 'application/json',
             },
-            body: JSON.stringify(Object.assign(Object.assign({}, this.getTrackerInfo()), { timestamp: timestamp, doNotRecord: false, bufferDiff: timestamp - this.coldStartTs, userID: this.session.getInfo().userID, token: undefined, deviceMemory: performance_js_1.deviceMemory,
-                jsHeapSizeLimit: performance_js_1.jsHeapSizeLimit, timezone: getTimezone() })),
+            body: JSON.stringify({
+                ...this.getTrackerInfo(),
+                timestamp: timestamp,
+                doNotRecord: false,
+                bufferDiff: timestamp - this.coldStartTs,
+                userID: this.session.getInfo().userID,
+                token: undefined,
+                deviceMemory: performance_js_1.deviceMemory,
+                jsHeapSizeLimit: performance_js_1.jsHeapSizeLimit,
+                timezone: getTimezone(),
+            }),
         });
         const { token, userBrowser, userCity, userCountry, userDevice, userOS, userState, beaconSizeLimit, projectID, } = await r.json();
-        (_b = this.worker) === null || _b === void 0 ? void 0 : _b.postMessage({
+        this.worker?.postMessage({
             type: 'auth',
             token,
             beaconSizeLimit,
@@ -759,8 +770,18 @@ class App {
             headers: {
                 'Content-Type': 'application/json',
             },
-            body: JSON.stringify(Object.assign(Object.assign({}, this.getTrackerInfo()), { timestamp, doNotRecord: false, bufferDiff: timestamp - this.coldStartTs, userID: this.session.getInfo().userID, token: isNewSession ? undefined : sessionToken, deviceMemory: performance_js_1.deviceMemory,
-                jsHeapSizeLimit: performance_js_1.jsHeapSizeLimit, timezone: getTimezone(), condition: conditionName })),
+            body: JSON.stringify({
+                ...this.getTrackerInfo(),
+                timestamp,
+                doNotRecord: false,
+                bufferDiff: timestamp - this.coldStartTs,
+                userID: this.session.getInfo().userID,
+                token: isNewSession ? undefined : sessionToken,
+                deviceMemory: performance_js_1.deviceMemory,
+                jsHeapSizeLimit: performance_js_1.jsHeapSizeLimit,
+                timezone: getTimezone(),
+                condition: conditionName,
+            }),
         })
             .then((r) => {
             if (r.status === 200) {
@@ -775,7 +796,6 @@ class App {
             }
         })
             .then(async (r) => {
-            var _a;
             if (!this.worker) {
                 const reason = 'no worker found after start request (this might not happen)';
                 this.signalError(reason, []);
@@ -839,12 +859,13 @@ class App {
             this.activityState = ActivityState.Active;
             if (canvasEnabled && !this.options.disableCanvas) {
                 this.canvasRecorder =
-                    (_a = this.canvasRecorder) !== null && _a !== void 0 ? _a : new canvas_js_1.default(this, {
-                        fps: canvasFPS,
-                        quality: canvasQuality,
-                        isDebug: this.options.__save_canvas_locally,
-                        fixedScaling: this.options.fixedCanvasScaling,
-                    });
+                    this.canvasRecorder ??
+                        new canvas_js_1.default(this, {
+                            fps: canvasFPS,
+                            quality: canvasQuality,
+                            isDebug: this.options.__save_canvas_locally,
+                            fixedScaling: this.options.fixedCanvasScaling,
+                        });
                 this.canvasRecorder.startTracking();
             }
             /** --------------- COLD START BUFFER ------------------*/
@@ -876,7 +897,7 @@ class App {
             if (savedUxtTag) {
                 uxtId = parseInt(savedUxtTag, 10);
             }
-            if (location === null || location === void 0 ? void 0 : location.search) {
+            if (location?.search) {
                 const query = new URLSearchParams(location.search);
                 if (query.has('oruxt')) {
                     const qId = query.get('oruxt');
@@ -916,8 +937,7 @@ class App {
         this.onUxtCb.push(cb);
     }
     getUxtId() {
-        var _a;
-        return (_a = this.uxtManager) === null || _a === void 0 ? void 0 : _a.getTestId();
+        return this.uxtManager?.getTestId();
     }
     /**
      * basically we ask other tabs during constructor
@@ -946,8 +966,7 @@ class App {
         }
     }
     forceFlushBatch() {
-        var _a;
-        (_a = this.worker) === null || _a === void 0 ? void 0 : _a.postMessage('forceFlushBatch');
+        this.worker?.postMessage('forceFlushBatch');
     }
     getTabId() {
         return this.session.getTabId();
@@ -974,7 +993,6 @@ class App {
         };
     }
     stop(stopWorker = true) {
-        var _a;
         if (this.activityState !== ActivityState.NotActive) {
             try {
                 this.attributeSender.clear();
@@ -988,7 +1006,7 @@ class App {
                 if (this.worker && stopWorker) {
                     this.worker.postMessage('stop');
                 }
-                (_a = this.canvasRecorder) === null || _a === void 0 ? void 0 : _a.clear();
+                this.canvasRecorder?.clear();
             }
             finally {
                 this.activityState = ActivityState.NotActive;

package/cjs/app/observer/iframe_offsets.js

@@ -26,7 +26,6 @@ class IFrameOffsets {
         return this.calcOffset(state);
     }
     observe(iFrame) {
-        var _a;
         const doc = iFrame.contentDocument;
         if (!doc) {
             return;
@@ -38,9 +37,8 @@ class IFrameOffsets {
             iFrame,
             parent: parentState || null,
             clear: () => {
-                var _a;
                 parentDoc.removeEventListener('scroll', invalidateOffset);
-                (_a = parentDoc.defaultView) === null || _a === void 0 ? void 0 : _a.removeEventListener('resize', invalidateOffset);
+                parentDoc.defaultView?.removeEventListener('resize', invalidateOffset);
             },
         };
         const invalidateOffset = () => {
@@ -48,7 +46,7 @@ class IFrameOffsets {
         };
         // anything more reliable? This does not cover all cases (layout changes are ignored, for ex.)
         parentDoc.addEventListener('scroll', invalidateOffset);
-        (_a = parentDoc.defaultView) === null || _a === void 0 ? void 0 : _a.addEventListener('resize', invalidateOffset);
+        parentDoc.defaultView?.addEventListener('resize', invalidateOffset);
         this.states.set(doc, state);
     }
     clear() {

package/cjs/app/observer/observer.js

@@ -17,7 +17,7 @@ function isIgnored(node) {
     if (tag === 'LINK') {
         const rel = node.getAttribute('rel');
         const as = node.getAttribute('as');
-        return !((rel === null || rel === void 0 ? void 0 : rel.includes('stylesheet')) || as === 'style' || as === 'font');
+        return !(rel?.includes('stylesheet') || as === 'style' || as === 'font');
     }
     return (tag === 'SCRIPT' || tag === 'NOSCRIPT' || tag === 'META' || tag === 'TITLE' || tag === 'BASE');
 }

package/cjs/index.js

@@ -83,7 +83,6 @@ function processOptions(obj) {
 }
 class API {
     constructor(options) {
-        var _a;
         this.options = options;
         this.app = null;
         this.checkDoNotTrack = () => {
@@ -98,7 +97,7 @@ class API {
             const orig = this.options.ingestPoint || index_js_1.DEFAULT_INGEST_POINT;
             req.open('POST', orig + '/v1/web/not-started');
             req.send(JSON.stringify({
-                trackerVersion: '12.0.5',
+                trackerVersion: '12.0.7-beta.0',
                 projectKey: this.options.projectKey,
                 doNotTrack,
                 reason,
@@ -201,15 +200,14 @@ class API {
         (0, selection_js_1.default)(app);
         (0, tabs_js_1.default)(app);
         window.__OPENREPLAY__ = this;
-        if ((_a = options.flags) === null || _a === void 0 ? void 0 : _a.onFlagsLoad) {
+        if (options.flags?.onFlagsLoad) {
             this.onFlagsLoad(options.flags.onFlagsLoad);
         }
         const wOpen = window.open;
         if (options.autoResetOnWindowOpen || options.resetTabOnWindowOpen) {
             app.attachStartCallback(() => {
-                var _a;
                 const tabId = app.getTabId();
-                const sessStorage = (_a = app.sessionStorage) !== null && _a !== void 0 ? _a : window.sessionStorage;
+                const sessStorage = app.sessionStorage ?? window.sessionStorage;
                 // @ts-ignore ?
                 window.open = function (...args) {
                     if (options.autoResetOnWindowOpen) {
@@ -232,24 +230,19 @@ class API {
         return this.featureFlags.isFlagEnabled(flagName);
     }
     onFlagsLoad(callback) {
-        var _a;
-        (_a = this.app) === null || _a === void 0 ? void 0 : _a.featureFlags.onFlagsLoad(callback);
+        this.app?.featureFlags.onFlagsLoad(callback);
     }
     clearPersistFlags() {
-        var _a;
-        (_a = this.app) === null || _a === void 0 ? void 0 : _a.featureFlags.clearPersistFlags();
+        this.app?.featureFlags.clearPersistFlags();
     }
     reloadFlags() {
-        var _a;
-        return (_a = this.app) === null || _a === void 0 ? void 0 : _a.featureFlags.reloadFlags();
+        return this.app?.featureFlags.reloadFlags();
     }
     getFeatureFlag(flagName) {
-        var _a;
-        return (_a = this.app) === null || _a === void 0 ? void 0 : _a.featureFlags.getFeatureFlag(flagName);
+        return this.app?.featureFlags.getFeatureFlag(flagName);
     }
     getAllFeatureFlags() {
-        var _a;
-        return (_a = this.app) === null || _a === void 0 ? void 0 : _a.featureFlags.flags;
+        return this.app?.featureFlags.flags;
     }
     use(fn) {
         return fn(this.app, this.options);

package/cjs/modules/Network/beaconProxy.d.ts

@@ -6,11 +6,11 @@ export declare class BeaconProxyHandler<T extends typeof navigator.sendBeacon> i
     private readonly sanitize;
     private readonly sendMessage;
     private readonly isServiceUrl;
-    constructor(ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData, sendMessage: (item: NetworkRequest) => void, isServiceUrl: (url: string) => boolean);
+    constructor(ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData | null, sendMessage: (item: NetworkRequest) => void, isServiceUrl: (url: string) => boolean);
     apply(target: T, thisArg: T, argsList: any[]): any;
 }
 export default class BeaconProxy {
     static origSendBeacon: (url: string | URL, data?: BodyInit | null | undefined) => boolean;
     static hasSendBeacon(): boolean;
-    static create(ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData, sendMessage: (item: NetworkRequest) => void, isServiceUrl: (url: string) => boolean): any;
+    static create(ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData | null, sendMessage: (item: NetworkRequest) => void, isServiceUrl: (url: string) => boolean): any;
 }

package/cjs/modules/Network/beaconProxy.js

@@ -2,7 +2,6 @@
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BeaconProxyHandler = void 0;
 const networkMessage_js_1 = __importDefault(require("./networkMessage.js"));
@@ -65,7 +64,10 @@ class BeaconProxyHandler {
             item.status = 500;
             item.statusText = 'Unknown';
         }
-        this.sendMessage(item.getMessage());
+        const msg = item.getMessage();
+        if (msg) {
+            this.sendMessage(msg);
+        }
         return isSuccess;
     }
 }
@@ -82,4 +84,4 @@ class BeaconProxy {
     }
 }
 exports.default = BeaconProxy;
-BeaconProxy.origSendBeacon = (_a = window === null || window === void 0 ? void 0 : window.navigator) === null || _a === void 0 ? void 0 : _a.sendBeacon;
+BeaconProxy.origSendBeacon = window?.navigator?.sendBeacon;

package/cjs/modules/Network/fetchProxy.d.ts

@@ -23,12 +23,12 @@ export declare class FetchProxyHandler<T extends typeof fetch> implements ProxyH
     private readonly sendMessage;
     private readonly isServiceUrl;
     private readonly tokenUrlMatcher?;
-    constructor(ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData, sendMessage: (item: NetworkRequest) => void, isServiceUrl: (url: string) => boolean, tokenUrlMatcher?: ((url: string) => boolean) | undefined);
+    constructor(ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData | null, sendMessage: (item: NetworkRequest) => void, isServiceUrl: (url: string) => boolean, tokenUrlMatcher?: ((url: string) => boolean) | undefined);
     apply(target: T, _: typeof window, argsList: [RequestInfo | URL, RequestInit]): any;
     protected beforeFetch(item: NetworkMessage, input: RequestInfo | string, init?: RequestInit): void;
     protected afterFetch(item: NetworkMessage): (resp: Response) => Response;
     protected handleResponseBody(resp: Response, item: NetworkMessage): Promise<ArrayBuffer> | Promise<string>;
 }
 export default class FetchProxy {
-    static create(ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData, sendMessage: (item: NetworkRequest) => void, isServiceUrl: (url: string) => boolean, tokenUrlMatcher?: (url: string) => boolean): typeof fetch;
+    static create(ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData | null, sendMessage: (item: NetworkRequest) => void, isServiceUrl: (url: string) => boolean, tokenUrlMatcher?: (url: string) => boolean): typeof fetch;
 }

package/cjs/modules/Network/fetchProxy.js

@@ -142,7 +142,7 @@ class FetchProxyHandler {
         const init = argsList[1];
         if (!input ||
             // @ts-ignore
-            (typeof input !== 'string' && !(input === null || input === void 0 ? void 0 : input.url))) {
+            (typeof input !== 'string' && !input?.url)) {
             return target.apply(window, argsList);
         }
         const isORUrl = input instanceof URL || typeof input === 'string'
@@ -166,7 +166,7 @@ class FetchProxyHandler {
                 if (!argsList[1])
                     argsList[1] = {};
                 if (argsList[1].headers === undefined) {
-                    argsList[1] = Object.assign(Object.assign({}, argsList[1]), { headers: {} });
+                    argsList[1] = { ...argsList[1], headers: {} };
                 }
                 if (argsList[1].headers instanceof Headers) {
                     argsList[1].headers.append(name, value);
@@ -194,9 +194,9 @@ class FetchProxyHandler {
         // handle `input` content
         if (typeof input === 'string') {
             // when `input` is a string
-            method = (init === null || init === void 0 ? void 0 : init.method) || 'GET';
+            method = init?.method || 'GET';
             url = (0, utils_js_1.getURL)(input);
-            requestHeader = (init === null || init === void 0 ? void 0 : init.headers) || {};
+            requestHeader = init?.headers || {};
         }
         else {
             // when `input` is a `Request` object
@@ -233,7 +233,7 @@ class FetchProxyHandler {
             }
         }
         // save POST data
-        if (init === null || init === void 0 ? void 0 : init.body) {
+        if (init?.body) {
             item.requestData = (0, utils_js_1.genStringBody)(init.body);
         }
     }
@@ -264,7 +264,10 @@ class FetchProxyHandler {
                         typeof responseValue === 'string' ? responseValue.length : responseValue.byteLength;
                     item.responseSizeText = (0, utils_js_1.formatByteSize)(item.responseSize);
                     item.response = (0, utils_js_1.getStringResponseByType)(item.responseType, responseValue);
-                    this.sendMessage(item.getMessage());
+                    const msg = item.getMessage();
+                    if (msg) {
+                        this.sendMessage(msg);
+                    }
                 });
             }
             return new Proxy(resp, new ResponseProxyHandler(resp, item));

package/cjs/modules/Network/index.d.ts

@@ -1,3 +1,3 @@
 import { RequestResponseData } from './types.js';
 import { NetworkRequest } from '../../common/messages.gen.js';
-export default function setProxy(context: typeof globalThis, ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData, sendMessage: (message: NetworkRequest) => void, isServiceUrl: (url: string) => boolean, tokenUrlMatcher?: (url: string) => boolean): void;
+export default function setProxy(context: typeof globalThis, ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData | null, sendMessage: (message: NetworkRequest) => void, isServiceUrl: (url: string) => boolean, tokenUrlMatcher?: (url: string) => boolean): void;

package/cjs/modules/Network/index.js

@@ -9,7 +9,6 @@ const beaconProxy_js_1 = __importDefault(require("./beaconProxy.js"));
 const getWarning = (api) => console.warn(`Openreplay: Can't find ${api} in global context. 
 If you're using serverside rendering in your app, make sure that tracker is loaded dynamically, otherwise ${api} won't be tracked.`);
 function setProxy(context, ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl, tokenUrlMatcher) {
-    var _a;
     if (context.XMLHttpRequest) {
         context.XMLHttpRequest = xhrProxy_js_1.default.create(ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl, tokenUrlMatcher);
     }
@@ -22,7 +21,7 @@ function setProxy(context, ignoredHeaders, setSessionTokenHeader, sanitize, send
     else {
         getWarning('fetch');
     }
-    if ((_a = context === null || context === void 0 ? void 0 : context.navigator) === null || _a === void 0 ? void 0 : _a.sendBeacon) {
+    if (context?.navigator?.sendBeacon) {
         context.navigator.sendBeacon = beaconProxy_js_1.default.create(ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl);
     }
 }

package/cjs/modules/Network/networkMessage.d.ts

@@ -39,8 +39,8 @@ export default class NetworkMessage {
         [key: string]: string;
     };
     requestData: string | null;
-    constructor(ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData);
-    getMessage(): import("../../common/messages.gen.js").NetworkRequest;
+    constructor(ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData | null);
+    getMessage(): import("../../common/messages.gen.js").NetworkRequest | undefined;
     writeHeaders(): {
         reqHs: Record<string, string>;
         resHs: Record<string, string>;

package/cjs/modules/Network/networkMessage.js

@@ -53,6 +53,8 @@ class NetworkMessage {
             request,
             response,
         });
+        if (!messageInfo)
+            return;
         return (0, messages_gen_js_1.NetworkRequest)(this.requestType, messageInfo.method, messageInfo.url, JSON.stringify(messageInfo.request), JSON.stringify(messageInfo.response), messageInfo.status, this.startTime + (0, utils_js_1.getTimeOrigin)(), this.duration, this.responseSize);
     }
     writeHeaders() {

package/cjs/modules/Network/xhrProxy.d.ts

@@ -17,7 +17,7 @@ export declare class XHRProxyHandler<T extends XMLHttpRequest> implements ProxyH
     private readonly tokenUrlMatcher?;
     XMLReq: XMLHttpRequest;
     item: NetworkMessage;
-    constructor(XMLReq: XMLHttpRequest, ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData, sendMessage: (message: NetworkRequest) => void, isServiceUrl: (url: string) => boolean, tokenUrlMatcher?: ((url: string) => boolean) | undefined);
+    constructor(XMLReq: XMLHttpRequest, ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData | null, sendMessage: (message: NetworkRequest) => void, isServiceUrl: (url: string) => boolean, tokenUrlMatcher?: ((url: string) => boolean) | undefined);
     get(target: T, key: string): any;
     set(target: T, key: string, value: (args: any[]) => any): boolean;
     onReadyStateChange(): void;
@@ -35,5 +35,5 @@ export declare class XHRProxyHandler<T extends XMLHttpRequest> implements ProxyH
     protected updateItemByReadyState(): void;
 }
 export default class XHRProxy {
-    static create(ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData, sendMessage: (data: NetworkRequest) => void, isServiceUrl: (url: string) => boolean, tokenUrlMatcher?: (url: string) => boolean): any;
+    static create(ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData | null, sendMessage: (data: NetworkRequest) => void, isServiceUrl: (url: string) => boolean, tokenUrlMatcher?: (url: string) => boolean): any;
 }