@statsig/session-replay 3.24.3 → 3.25.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@statsig/session-replay",
-  "version": "3.24.3",
+  "version": "3.25.0-beta.1",
   "license": "ISC",
   "homepage": "https://github.com/statsig-io/js-client-monorepo",
   "repository": {
@@ -9,11 +9,12 @@
     "directory": "packages/session-replay"
   },
   "dependencies": {
-    "rrweb": "2.0.0-alpha.14",
-    "@statsig/client-core": "3.24.3"
+    "rrweb": "2.0.0-alpha.17",
+    "@rrweb/record": "2.0.0-alpha.17",
+    "@statsig/client-core": "3.25.0-beta.1"
   },
   "devDependencies": {
-    "@rrweb/types": "2.0.0-alpha.14"
+    "@rrweb/types": "2.0.0-alpha.16"
   },
   "type": "commonjs",
   "main": "./src/index.js",

package/src/SessionReplayBase.js

@@ -140,7 +140,11 @@ class SessionReplayBase {
     _shutdownImpl(endReason) {
         if (this._replayer.isRecording()) {
             this._replayer.stop();
-            client_core_1.StatsigMetadataProvider.add({ isRecordingSession: 'false' });
+            const handler = () => {
+                client_core_1.StatsigMetadataProvider.add({ isRecordingSession: 'false' });
+                this._client.off('logs_flushed', handler);
+            };
+            this._client.$on('logs_flushed', handler);
         }
         if (this._events.length === 0) {
             // only reset if session expired otherwise we might start recording again

package/src/SessionReplayClient.d.ts

@@ -1,10 +1,10 @@
 import type { eventWithTime } from '@rrweb/types';
-import * as rrweb from 'rrweb';
+import type { recordOptions } from 'rrweb';
 import { Flatten } from '@statsig/client-core';
 export type ReplayEvent = Flatten<eventWithTime & {
     eventIndex: number;
 }>;
-export type RRWebConfig = Omit<rrweb.recordOptions<unknown>, 'emit'>;
+export type RRWebConfig = Omit<recordOptions<unknown>, 'emit'>;
 export type ReplaySessionData = {
     startTime: number;
     endTime: number;

package/src/SessionReplayClient.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SessionReplayClient = void 0;
-const rrweb = require("rrweb");
+const record_1 = require("@rrweb/record");
 const client_core_1 = require("@statsig/client-core");
 const TIMEOUT_MS = 1000 * 60 * 60 * 4; // 4 hours
 const CHECKOUT_WINDOW_MS = 1000 * 30; // 30 seconds
@@ -70,12 +70,11 @@ exports.SessionReplayClient = SessionReplayClient;
  * This function ensures we handle both "npm" and "<script ..>" install options.
  */
 function _minifiedAwareRecord(emit, config, keepRollingWindow) {
-    const record = typeof rrweb === 'function' ? rrweb : rrweb.record;
     if (keepRollingWindow) {
-        return record(Object.assign(Object.assign({}, config), { emit, checkoutEveryNms: CHECKOUT_WINDOW_MS }));
+        return (0, record_1.record)(Object.assign(Object.assign({}, config), { emit, checkoutEveryNms: CHECKOUT_WINDOW_MS }));
     }
     else {
-        return record(Object.assign(Object.assign({}, config), { emit }));
+        return (0, record_1.record)(Object.assign(Object.assign({}, config), { emit }));
     }
 }
 function _isClickEvent(event) {