@statsig/session-replay 0.0.1-beta.29 → 0.0.1-beta.30

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@statsig/session-replay",
-  "version": "0.0.1-beta.29",
+  "version": "0.0.1-beta.30",
   "dependencies": {
     "rrweb": "2.0.0-alpha.12",
-    "@statsig/client-core": "0.0.1-beta.29"
+    "@statsig/client-core": "0.0.1-beta.30"
   },
   "devDependencies": {
     "@rrweb/types": "2.0.0-alpha.12"

package/src/SessionReplay.d.ts

@@ -1,4 +1,4 @@
-import { PrecomputedEvaluationsInterface, Visibility } from '@statsig/client-core';
+import { PrecomputedEvaluationsInterface } from '@statsig/client-core';
 export declare function runStatsigSessionReplay(client: PrecomputedEvaluationsInterface): void;
 export declare class SessionReplay {
     private _client;
@@ -8,7 +8,7 @@ export declare class SessionReplay {
     private _events;
     private _sessionID;
     constructor(_client: PrecomputedEvaluationsInterface);
-    onVisibilityChanged(visibility: Visibility): void;
+    private _onVisibilityChanged;
     private _onRecordingEvent;
     private _attemptToStartRecording;
     private _shutdown;

package/src/SessionReplay.js

@@ -10,7 +10,6 @@ function runStatsigSessionReplay(client) {
 exports.runStatsigSessionReplay = runStatsigSessionReplay;
 class SessionReplay {
     constructor(_client) {
-        var _a;
         this._client = _client;
         this._sessionData = null;
         this._events = [];
@@ -18,10 +17,8 @@ class SessionReplay {
         const { sdkKey } = _client.getContext();
         this._errorBoundary = new client_core_1.ErrorBoundary(sdkKey);
         (0, client_core_1.monitorClass)(this._errorBoundary, this);
-        __STATSIG__ = __STATSIG__ !== null && __STATSIG__ !== void 0 ? __STATSIG__ : {};
-        const instances = (_a = __STATSIG__.srInstances) !== null && _a !== void 0 ? _a : {};
-        instances[sdkKey] = this;
-        __STATSIG__.srInstances = instances;
+        const statsigGlobal = (0, client_core_1._getStatsigGlobal)();
+        statsigGlobal.srInstances = Object.assign(Object.assign({}, statsigGlobal.srInstances), { [sdkKey]: this });
         this._replayer = new SessionReplayClient_1.SessionReplayClient();
         this._client.__on('pre_shutdown', () => this._shutdown());
         this._client.__on('values_updated', () => this._attemptToStartRecording());
@@ -38,7 +35,7 @@ class SessionReplay {
                 client_core_1.Log.error(err);
             });
         });
-        client_core_1.VisibilityChangeObserver.add(this);
+        (0, client_core_1._subscribeToVisiblityChanged)(this._onVisibilityChanged.bind(this));
         this._client
             .getAsyncContext()
             .then((context) => {
@@ -49,7 +46,7 @@ class SessionReplay {
             client_core_1.Log.error(err);
         });
     }
-    onVisibilityChanged(visibility) {
+    _onVisibilityChanged(visibility) {
         if (visibility === 'background') {
             this._flushWithSessionID(this._sessionID);
             this._client.flush().catch((e) => {
@@ -62,7 +59,12 @@ class SessionReplay {
         this._events.push(event);
         const payload = JSON.stringify(this._events);
         if (payload.length > MAX_REPLAY_PAYLOAD_BYTES) {
-            this._flushAndRefreshSessionID();
+            if ((0, client_core_1._isCurrentlyVisible)()) {
+                this._flushAndRefreshSessionID();
+            }
+            else {
+                this._flushWithSessionID(this._sessionID);
+            }
         }
     }
     _attemptToStartRecording() {
@@ -92,7 +94,6 @@ class SessionReplay {
         this._logRecordingEvent(sessionID);
     }
     _logRecordingEvent(sessionID) {
-        const { sdkVersion } = client_core_1.StatsigMetadataProvider.get();
         const data = this._sessionData;
         if (data === null || this._events.length === 0) {
             return;
@@ -106,7 +107,7 @@ class SessionReplay {
                 session_end_ts: String(data.endTime),
                 clicks_captured_cumulative: String(data.clickCount),
                 rrweb_events: payload,
-                session_replay_sdk_version: sdkVersion,
+                session_replay_sdk_version: client_core_1.SDK_VERSION,
             },
         });
         this._events = [];