@multiplayer-app/session-recorder-browser 1.3.11 → 1.3.12

package/dist/index.umd.js

@@ -23882,7 +23882,7 @@ const CONTINUOUS_DEBUGGING_TIMEOUT = 60000; // 1 minutes
 const DEBUG_SESSION_MAX_DURATION_SECONDS = 10 * 60 + 30; // TODO: move to shared config otel core
 const REMOTE_SESSION_RECORDING_START = 'remote-session-recording:start';
 const REMOTE_SESSION_RECORDING_STOP = 'remote-session-recording:stop';
-const PACKAGE_VERSION_EXPORT = "1.3.11" || 0;
+const PACKAGE_VERSION_EXPORT = "1.3.12" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint
@@ -26016,20 +26016,20 @@ class SocketService extends lib0_observable__WEBPACK_IMPORTED_MODULE_3__.Observa
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   SessionRecorder: () => (/* binding */ SessionRecorder)
 /* harmony export */ });
-/* harmony import */ var _otel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./otel */ "./src/otel/index.ts");
-/* harmony import */ var _rrweb__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./rrweb */ "./src/rrweb/index.ts");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils */ "./src/utils/index.ts");
-/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./types */ "./src/types/index.ts");
-/* harmony import */ var _services_socket_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./services/socket.service */ "./src/services/socket.service.ts");
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./config */ "./src/config/index.ts");
-/* harmony import */ var _patch__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./patch */ "./src/patch/index.ts");
-/* harmony import */ var _eventBus__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./eventBus */ "./src/eventBus.ts");
-/* harmony import */ var _sessionWidget__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./sessionWidget */ "./src/sessionWidget/index.ts");
-/* harmony import */ var _services_messaging_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./services/messaging.service */ "./src/services/messaging.service.ts");
-/* harmony import */ var _services_api_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./services/api.service */ "./src/services/api.service.ts");
-/* harmony import */ var _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @multiplayer-app/session-recorder-common */ "../session-recorder-common/dist/esm/index-browser.js");
-/* harmony import */ var _sessionWidget_buttonStateConfigs__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./sessionWidget/buttonStateConfigs */ "./src/sessionWidget/buttonStateConfigs.ts");
 /* harmony import */ var lib0_observable__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! lib0/observable */ "../../node_modules/lib0/observable.js");
+/* harmony import */ var _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @multiplayer-app/session-recorder-common */ "../session-recorder-common/dist/esm/index-browser.js");
+/* harmony import */ var _otel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./otel */ "./src/otel/index.ts");
+/* harmony import */ var _rrweb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./rrweb */ "./src/rrweb/index.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "./src/utils/index.ts");
+/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./types */ "./src/types/index.ts");
+/* harmony import */ var _services_socket_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./services/socket.service */ "./src/services/socket.service.ts");
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./config */ "./src/config/index.ts");
+/* harmony import */ var _patch__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./patch */ "./src/patch/index.ts");
+/* harmony import */ var _eventBus__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./eventBus */ "./src/eventBus.ts");
+/* harmony import */ var _sessionWidget__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./sessionWidget */ "./src/sessionWidget/index.ts");
+/* harmony import */ var _services_messaging_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./services/messaging.service */ "./src/services/messaging.service.ts");
+/* harmony import */ var _services_api_service__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./services/api.service */ "./src/services/api.service.ts");
+/* harmony import */ var _sessionWidget_buttonStateConfigs__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./sessionWidget/buttonStateConfigs */ "./src/sessionWidget/buttonStateConfigs.ts");
 /* harmony import */ var _navigation__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./navigation */ "./src/navigation/index.ts");
 
 
@@ -26058,38 +26058,38 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
     }
     set sessionId(sessionId) {
         this._sessionId = sessionId;
-        (0,_utils__WEBPACK_IMPORTED_MODULE_2__.setStoredItem)(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_ID_PROP_NAME, sessionId);
+        (0,_utils__WEBPACK_IMPORTED_MODULE_3__.setStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_ID_PROP_NAME, sessionId);
     }
     get sessionType() {
         return this._sessionType;
     }
     set sessionType(sessionType) {
         this._sessionType = sessionType;
-        const continuousRecording = sessionType === _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.CONTINUOUS;
+        const continuousRecording = sessionType === _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.CONTINUOUS;
         this._sessionWidget.updateContinuousRecordingState(continuousRecording);
-        _services_messaging_service__WEBPACK_IMPORTED_MODULE_9__["default"].sendMessage('continuous-debugging', continuousRecording);
-        (0,_utils__WEBPACK_IMPORTED_MODULE_2__.setStoredItem)(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_TYPE_PROP_NAME, sessionType);
+        _services_messaging_service__WEBPACK_IMPORTED_MODULE_10__["default"].sendMessage('continuous-debugging', continuousRecording);
+        (0,_utils__WEBPACK_IMPORTED_MODULE_3__.setStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_TYPE_PROP_NAME, sessionType);
     }
     get continuousRecording() {
-        return this.sessionType === _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.CONTINUOUS;
+        return this.sessionType === _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.CONTINUOUS;
     }
     get sessionState() {
-        return this._sessionState || _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.stopped;
+        return this._sessionState || _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped;
     }
     set sessionState(state) {
         this._sessionState = state;
         this._sessionWidget.updateState(this._sessionState, this.continuousRecording);
-        _services_messaging_service__WEBPACK_IMPORTED_MODULE_9__["default"].sendMessage('state-change', this._sessionState);
-        (0,_utils__WEBPACK_IMPORTED_MODULE_2__.setStoredItem)(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_STATE_PROP_NAME, state);
+        _services_messaging_service__WEBPACK_IMPORTED_MODULE_10__["default"].sendMessage('state-change', this._sessionState);
+        (0,_utils__WEBPACK_IMPORTED_MODULE_3__.setStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_STATE_PROP_NAME, state);
         // Emit observable event to support React wrapper
-        this.emit('state-change', [this._sessionState || _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.stopped, this.sessionType]);
+        this.emit('state-change', [this._sessionState || _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped, this.sessionType]);
     }
     get session() {
         return this._session;
     }
     set session(session) {
         this._session = session;
-        (0,_utils__WEBPACK_IMPORTED_MODULE_2__.setStoredItem)(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_PROP_NAME, this._session);
+        (0,_utils__WEBPACK_IMPORTED_MODULE_3__.setStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_PROP_NAME, this._session);
     }
     get sessionAttributes() {
         return this._sessionAttributes || {};
@@ -26127,17 +26127,17 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
     constructor() {
         var _a;
         super();
-        this._apiService = new _services_api_service__WEBPACK_IMPORTED_MODULE_10__.ApiService();
-        this._socketService = new _services_socket_service__WEBPACK_IMPORTED_MODULE_4__.SocketService();
-        this._tracer = new _otel__WEBPACK_IMPORTED_MODULE_0__.TracerBrowserSDK();
-        this._recorder = new _rrweb__WEBPACK_IMPORTED_MODULE_1__.RecorderBrowserSDK();
-        this._sessionWidget = new _sessionWidget__WEBPACK_IMPORTED_MODULE_8__.SessionWidget();
+        this._apiService = new _services_api_service__WEBPACK_IMPORTED_MODULE_11__.ApiService();
+        this._socketService = new _services_socket_service__WEBPACK_IMPORTED_MODULE_5__.SocketService();
+        this._tracer = new _otel__WEBPACK_IMPORTED_MODULE_1__.TracerBrowserSDK();
+        this._recorder = new _rrweb__WEBPACK_IMPORTED_MODULE_2__.RecorderBrowserSDK();
+        this._sessionWidget = new _sessionWidget__WEBPACK_IMPORTED_MODULE_9__.SessionWidget();
         this._navigationRecorder = new _navigation__WEBPACK_IMPORTED_MODULE_13__.NavigationRecorder();
         this._startRequestController = null;
         this._isInitialized = false;
         // Session ID and state are stored in localStorage
         this._sessionId = null;
-        this._sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.MANUAL;
+        this._sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL;
         this._sessionState = null;
         this._session = null;
         this._sessionAttributes = null;
@@ -26148,11 +26148,11 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
         this._error = '';
         // Safety: avoid accessing storage in SSR/non-browser environments
         const isBrowser = typeof window !== 'undefined';
-        const sessionLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_PROP_NAME, true) : null;
-        const sessionIdLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_ID_PROP_NAME) : null;
-        const sessionStateLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_STATE_PROP_NAME) : null;
-        const sessionTypeLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_TYPE_PROP_NAME) : null;
-        if ((0,_utils__WEBPACK_IMPORTED_MODULE_2__.isSessionActive)(sessionLocal, sessionTypeLocal)) {
+        const sessionLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_PROP_NAME, true) : null;
+        const sessionIdLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_ID_PROP_NAME) : null;
+        const sessionStateLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_STATE_PROP_NAME) : null;
+        const sessionTypeLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_TYPE_PROP_NAME) : null;
+        if ((0,_utils__WEBPACK_IMPORTED_MODULE_3__.isSessionActive)(sessionLocal, sessionTypeLocal)) {
             this.session = sessionLocal;
             this.sessionId = sessionIdLocal;
             this.sessionType = sessionTypeLocal;
@@ -26162,10 +26162,10 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
             this.session = null;
             this.sessionId = null;
             this.sessionState = null;
-            this.sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.MANUAL;
+            this.sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL;
         }
         this._configs = {
-            ..._config__WEBPACK_IMPORTED_MODULE_5__.BASE_CONFIG,
+            ..._config__WEBPACK_IMPORTED_MODULE_6__.BASE_CONFIG,
             apiKey: ((_a = this.session) === null || _a === void 0 ? void 0 : _a.tempApiKey) || '',
         };
     }
@@ -26177,11 +26177,11 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
         if (typeof window === 'undefined') {
             return;
         }
-        this._configs = (0,_config__WEBPACK_IMPORTED_MODULE_5__.getSessionRecorderConfig)({ ...this._configs, ...configs });
+        this._configs = (0,_config__WEBPACK_IMPORTED_MODULE_6__.getSessionRecorderConfig)({ ...this._configs, ...configs });
         this._isInitialized = true;
         this._checkOperation('init');
-        (0,_patch__WEBPACK_IMPORTED_MODULE_6__.setMaxCapturingHttpPayloadSize)(this._configs.maxCapturingHttpPayloadSize || _config__WEBPACK_IMPORTED_MODULE_5__.DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE);
-        (0,_patch__WEBPACK_IMPORTED_MODULE_6__.setShouldRecordHttpData)(this._configs.captureBody, this._configs.captureHeaders);
+        (0,_patch__WEBPACK_IMPORTED_MODULE_7__.setMaxCapturingHttpPayloadSize)(this._configs.maxCapturingHttpPayloadSize || _config__WEBPACK_IMPORTED_MODULE_6__.DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE);
+        (0,_patch__WEBPACK_IMPORTED_MODULE_7__.setShouldRecordHttpData)(this._configs.captureBody, this._configs.captureHeaders);
         this._tracer.init(this._configs);
         this._apiService.init(this._configs);
         this._sessionWidget.init(this._configs);
@@ -26201,13 +26201,13 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
             this._recorder.init(this._configs, this._socketService);
         }
         if (this.sessionId
-            && (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.started
-                || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.paused)) {
+            && (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.started
+                || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.paused)) {
             this._start();
         }
         this._registerWidgetEvents();
         this._registerSocketServiceListeners();
-        _services_messaging_service__WEBPACK_IMPORTED_MODULE_9__["default"].sendMessage('state-change', this.sessionState);
+        _services_messaging_service__WEBPACK_IMPORTED_MODULE_10__["default"].sendMessage('state-change', this.sessionState);
         // Emit init observable event
         this.emit('init', [this]);
     }
@@ -26223,7 +26223,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
             this._sessionWidget.updateSaveContinuousDebugSessionState(_sessionWidget_buttonStateConfigs__WEBPACK_IMPORTED_MODULE_12__.ContinuousRecordingSaveButtonState.SAVING);
             const res = await this._apiService.saveContinuousDebugSession(this.sessionId, {
                 sessionAttributes: this.sessionAttributes,
-                resourceAttributes: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getNavigatorInfo)(),
+                resourceAttributes: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getNavigatorInfo)(),
                 stoppedAt: this._recorder.stoppedAt,
                 name: this._getSessionName()
             });
@@ -26253,11 +26253,11 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
      * @param type - the type of session to start
      * @param session - the session to start
      */
-    start(type = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.MANUAL, session) {
+    start(type = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL, session) {
         this._checkOperation('start');
         // If continuous recording is disabled, force plain mode
-        if (type === _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.CONTINUOUS && !this._configs.showContinuousRecording) {
-            type = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.MANUAL;
+        if (type === _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.CONTINUOUS && !this._configs.showContinuousRecording) {
+            type = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL;
         }
         this.sessionType = type;
         this._startRequestController = new AbortController();
@@ -26278,7 +26278,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
             this._stop();
             if (this.continuousRecording) {
                 await this._apiService.stopContinuousDebugSession(this.sessionId);
-                this.sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.MANUAL;
+                this.sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL;
             }
             else {
                 const request = {
@@ -26286,7 +26286,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
                     stoppedAt: this._recorder.stoppedAt,
                 };
                 const response = await this._apiService.stopSession(this.sessionId, request);
-                _eventBus__WEBPACK_IMPORTED_MODULE_7__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_RESPONSE, response);
+                _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_RESPONSE, response);
             }
             this._clearSession();
         }
@@ -26327,7 +26327,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
             this._stop();
             if (this.continuousRecording) {
                 await this._apiService.stopContinuousDebugSession(this.sessionId);
-                this.sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.MANUAL;
+                this.sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL;
             }
             else {
                 await this._apiService.cancelSession(this.sessionId);
@@ -26395,19 +26395,19 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
                 ...((sessionPayload === null || sessionPayload === void 0 ? void 0 : sessionPayload.sessionAttributes) || {}),
             },
             resourceAttributes: {
-                ...(0,_utils__WEBPACK_IMPORTED_MODULE_2__.getNavigatorInfo)(),
+                ...(0,_utils__WEBPACK_IMPORTED_MODULE_3__.getNavigatorInfo)(),
                 ...((sessionPayload === null || sessionPayload === void 0 ? void 0 : sessionPayload.resourceAttributes) || {}),
             },
             userAttributes: this._userAttributes
         };
         const { state } = await this._apiService.checkRemoteSession(payload);
         if (state == 'START') {
-            if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.started) {
-                await this.start(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.CONTINUOUS);
+            if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.started) {
+                await this.start(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.CONTINUOUS);
             }
         }
         else if (state == 'STOP') {
-            if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.stopped) {
+            if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped) {
                 await this.stop();
             }
         }
@@ -26454,15 +26454,15 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
      * Handle the safe start event
      */
     _handleStart() {
-        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.stopped) {
-            this.start(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.MANUAL);
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped) {
+            this.start(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL);
         }
     }
     /**
      * Handle the safe stop event
      */
     _handleStop(comment) {
-        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.started || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.paused) {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.started || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.paused) {
             this.stop(comment);
         }
     }
@@ -26470,7 +26470,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
      * Handle the safe pause event
      */
     _handlePause() {
-        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.started) {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.started) {
             this.pause();
         }
     }
@@ -26478,7 +26478,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
      * Handle the safe resume event
      */
     _handleResume() {
-        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.paused) {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.paused) {
             this.resume();
         }
     }
@@ -26486,7 +26486,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
      * Handle the safe cancel event
      */
     _handleCancel() {
-        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.started || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.paused) {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.started || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.paused) {
             this.cancel();
         }
     }
@@ -26494,7 +26494,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
      * Handle the safe save event
      */
     _handleSave() {
-        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.started && this.continuousRecording) {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.started && this.continuousRecording) {
             this.save();
         }
     }
@@ -26502,20 +26502,20 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
      * Handle the safe continuous debugging event
      */
     _handleContinuousDebugging() {
-        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.stopped) {
-            this.start(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.CONTINUOUS);
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped) {
+            this.start(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.CONTINUOUS);
         }
     }
     /**
      * Register socket service event listeners
      */
     _registerSocketServiceListeners() {
-        this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_STOPPED_EVENT, () => {
+        this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_STOPPED_EVENT, () => {
             this._stop();
             this._clearSession();
             this._sessionWidget.handleUIReseting();
         });
-        this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_AUTO_CREATED, (payload) => {
+        this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_AUTO_CREATED, (payload) => {
             var _a;
             if (!(payload === null || payload === void 0 ? void 0 : payload.data))
                 return;
@@ -26528,15 +26528,15 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
                 },
             }, 5000);
         });
-        this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_5__.REMOTE_SESSION_RECORDING_START, (payload) => {
+        this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_6__.REMOTE_SESSION_RECORDING_START, (payload) => {
             console.log('REMOTE_SESSION_RECORDING_START', payload);
-            if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.stopped) {
+            if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped) {
                 this.start();
             }
         });
-        this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_5__.REMOTE_SESSION_RECORDING_STOP, (payload) => {
+        this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_6__.REMOTE_SESSION_RECORDING_STOP, (payload) => {
             console.log('REMOTE_SESSION_RECORDING_STOP', payload);
-            if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.stopped) {
+            if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped) {
                 this.stop();
             }
         });
@@ -26550,7 +26550,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
         try {
             const payload = {
                 sessionAttributes: this.sessionAttributes,
-                resourceAttributes: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getNavigatorInfo)(),
+                resourceAttributes: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getNavigatorInfo)(),
                 name: this._getSessionName(),
                 ...(this._userAttributes ? { userAttributes: this._userAttributes } : {}),
             };
@@ -26561,16 +26561,16 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
                 : await this._apiService.startSession(request, signal);
             if (session) {
                 session.sessionType = this.continuousRecording
-                    ? _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.CONTINUOUS
-                    : _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.MANUAL;
+                    ? _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.CONTINUOUS
+                    : _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL;
                 this._setupSessionAndStart(session, false);
             }
         }
         catch (error) {
             this.error = error.message;
-            this.sessionState = _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.stopped;
+            this.sessionState = _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped;
             if (this.continuousRecording) {
-                this.sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.MANUAL;
+                this.sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL;
             }
         }
     }
@@ -26579,22 +26579,22 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
      */
     _start() {
         var _a;
-        this.sessionState = _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.started;
+        this.sessionState = _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.started;
         this.sessionType = this.sessionType;
         this._tracer.start(this.sessionId, this.sessionType);
         this._recorder.start(this.sessionId, this.sessionType);
         this._navigationRecorder.start({ sessionId: this.sessionId, sessionType: this.sessionType, });
         if (this.session) {
-            _eventBus__WEBPACK_IMPORTED_MODULE_7__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_STARTED_EVENT, this.session);
+            _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_STARTED_EVENT, this.session);
             this._socketService.subscribeToSession(this.session);
-            this._sessionWidget.seconds = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getTimeDifferenceInSeconds)((_a = this.session) === null || _a === void 0 ? void 0 : _a.startedAt);
+            this._sessionWidget.seconds = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getTimeDifferenceInSeconds)((_a = this.session) === null || _a === void 0 ? void 0 : _a.startedAt);
         }
     }
     /**
      * Stop tracing and recording for the session
      */
     _stop() {
-        this.sessionState = _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.stopped;
+        this.sessionState = _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped;
         this._socketService.unsubscribeFromSession(true);
         this._tracer.stop();
         this._recorder.stop();
@@ -26607,7 +26607,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
         this._tracer.stop();
         this._recorder.stop();
         this._navigationRecorder.pause();
-        this.sessionState = _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.paused;
+        this.sessionState = _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.paused;
     }
     /**
      * Resume the session tracing and recording
@@ -26616,7 +26616,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
         this._tracer.start(this.sessionId, this.sessionType);
         this._recorder.start(this.sessionId, this.sessionType);
         this._navigationRecorder.resume();
-        this.sessionState = _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.started;
+        this.sessionState = _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.started;
     }
     _setupSessionAndStart(session, configureExporters = true) {
         if (configureExporters && session.tempApiKey) {
@@ -26640,7 +26640,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
     _clearSession() {
         this.session = null;
         this.sessionId = null;
-        this.sessionState = _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.stopped;
+        this.sessionState = _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped;
     }
     /**
      * Check the operation validity based on the session state and action
@@ -26652,27 +26652,27 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
         }
         switch (action) {
             case 'start':
-                if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.started) {
+                if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.started) {
                     throw new Error('Session is already started.');
                 }
                 break;
             case 'stop':
-                if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.paused && this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.started) {
+                if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.paused && this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.started) {
                     throw new Error('Cannot stop. Session is not currently started.');
                 }
                 break;
             case 'cancel':
-                if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.stopped) {
+                if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped) {
                     throw new Error('Cannot cancel. Session has already been stopped.');
                 }
                 break;
             case 'pause':
-                if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.started) {
+                if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.started) {
                     throw new Error('Cannot pause. Session is not running.');
                 }
                 break;
             case 'resume':
-                if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.paused) {
+                if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.paused) {
                     throw new Error('Cannot resume. Session is not paused.');
                 }
                 break;
@@ -26680,12 +26680,12 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
                 if (!this.continuousRecording) {
                     throw new Error('Cannot save continuous recording session. Continuous recording is not enabled.');
                 }
-                if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.started) {
+                if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.started) {
                     throw new Error('Cannot save continuous recording session. Session is not started.');
                 }
                 break;
             case 'autoStartRemoteContinuousSession':
-                if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.stopped) {
+                if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped) {
                     throw new Error('Cannot start remote continuous session. Session is not stopped.');
                 }
                 break;
@@ -26721,8 +26721,8 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
         var _a, _b, _c;
         const userName = ((_a = this.sessionAttributes) === null || _a === void 0 ? void 0 : _a.userName) || ((_b = this._userAttributes) === null || _b === void 0 ? void 0 : _b.userName) || ((_c = this._userAttributes) === null || _c === void 0 ? void 0 : _c.name) || '';
         return userName
-            ? `${userName}'s session on ${(0,_utils__WEBPACK_IMPORTED_MODULE_2__.getFormattedDate)(date, { month: 'short', day: 'numeric' })}`
-            : `Session on ${(0,_utils__WEBPACK_IMPORTED_MODULE_2__.getFormattedDate)(date)}`;
+            ? `${userName}'s session on ${(0,_utils__WEBPACK_IMPORTED_MODULE_3__.getFormattedDate)(date, { month: 'short', day: 'numeric' })}`
+            : `Session on ${(0,_utils__WEBPACK_IMPORTED_MODULE_3__.getFormattedDate)(date)}`;
     }
 }
 
@@ -28097,14 +28097,11 @@ const getButtonTemplate = (button) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   DebugSessionDataType: () => (/* reexport safe */ _session__WEBPACK_IMPORTED_MODULE_1__.DebugSessionDataType),
-/* harmony export */   SessionState: () => (/* reexport safe */ _session_recorder__WEBPACK_IMPORTED_MODULE_2__.SessionState),
-/* harmony export */   WidgetButtonPlacement: () => (/* reexport safe */ _session_recorder__WEBPACK_IMPORTED_MODULE_2__.WidgetButtonPlacement)
+/* harmony export */   SessionState: () => (/* reexport safe */ _session_recorder__WEBPACK_IMPORTED_MODULE_1__.SessionState),
+/* harmony export */   WidgetButtonPlacement: () => (/* reexport safe */ _session_recorder__WEBPACK_IMPORTED_MODULE_1__.WidgetButtonPlacement)
 /* harmony export */ });
 /* harmony import */ var _widget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./widget */ "./src/types/widget.ts");
-/* harmony import */ var _session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./session */ "./src/types/session.ts");
-/* harmony import */ var _session_recorder__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./session-recorder */ "./src/types/session-recorder.ts");
-
+/* harmony import */ var _session_recorder__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./session-recorder */ "./src/types/session-recorder.ts");
 
 
 
@@ -28137,26 +28134,6 @@ var SessionState;
 })(SessionState || (SessionState = {}));
 
 
-/***/ }),
-
-/***/ "./src/types/session.ts":
-/*!******************************!*\
-  !*** ./src/types/session.ts ***!
-  \******************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   DebugSessionDataType: () => (/* binding */ DebugSessionDataType)
-/* harmony export */ });
-var DebugSessionDataType;
-(function (DebugSessionDataType) {
-    DebugSessionDataType["OTLP_TRACES"] = "OTLP_TRACES";
-    DebugSessionDataType["OTLP_LOGS"] = "OTLP_LOGS";
-    DebugSessionDataType["RRWEB_EVENTS"] = "RRWEB_EVENTS";
-})(DebugSessionDataType || (DebugSessionDataType = {}));
-
-
 /***/ }),
 
 /***/ "./src/types/widget.ts":
@@ -29207,6 +29184,7 @@ var SessionRecorderBrowserTraceExporter = /** @class */ (function () {
 /* harmony export */   ATTR_MULTIPLAYER_SESSION_RECORDER_VERSION: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.ATTR_MULTIPLAYER_SESSION_RECORDER_VERSION),
 /* harmony export */   ATTR_MULTIPLAYER_USER_HASH: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.ATTR_MULTIPLAYER_USER_HASH),
 /* harmony export */   ATTR_MULTIPLAYER_WORKSPACE_ID: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.ATTR_MULTIPLAYER_WORKSPACE_ID),
+/* harmony export */   DebugSessionDataType: () => (/* reexport safe */ _type__WEBPACK_IMPORTED_MODULE_4__.DebugSessionDataType),
 /* harmony export */   MASK_PLACEHOLDER: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.MASK_PLACEHOLDER),
 /* harmony export */   MULTIPLAYER_ATTRIBUTE_PREFIX: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_ATTRIBUTE_PREFIX),
 /* harmony export */   MULTIPLAYER_BASE_API_URL: () => (/* reexport safe */ _constants_constants_browser__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_BASE_API_URL),
@@ -29832,11 +29810,14 @@ var setGrpcResponseMessage = function (body, options) {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DebugSessionDataType: () => (/* reexport safe */ _session__WEBPACK_IMPORTED_MODULE_2__.DebugSessionDataType),
 /* harmony export */   SessionType: () => (/* reexport safe */ _session_type_enum__WEBPACK_IMPORTED_MODULE_0__.SessionType),
 /* harmony export */   UserType: () => (/* reexport safe */ _user_type_enum__WEBPACK_IMPORTED_MODULE_1__.UserType)
 /* harmony export */ });
 /* harmony import */ var _session_type_enum__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./session-type.enum */ "../session-recorder-common/dist/esm/type/session-type.enum.js");
 /* harmony import */ var _user_type_enum__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./user-type.enum */ "../session-recorder-common/dist/esm/type/user-type.enum.js");
+/* harmony import */ var _session__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./session */ "../session-recorder-common/dist/esm/type/session.js");
+
 
 
 //# sourceMappingURL=index.js.map
@@ -29866,6 +29847,26 @@ var SessionType;
 
 /***/ }),
 
+/***/ "../session-recorder-common/dist/esm/type/session.js":
+/*!***********************************************************!*\
+  !*** ../session-recorder-common/dist/esm/type/session.js ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DebugSessionDataType: () => (/* binding */ DebugSessionDataType)
+/* harmony export */ });
+var DebugSessionDataType;
+(function (DebugSessionDataType) {
+    DebugSessionDataType["OTLP_TRACES"] = "OTLP_TRACES";
+    DebugSessionDataType["OTLP_LOGS"] = "OTLP_LOGS";
+    DebugSessionDataType["RRWEB_EVENTS"] = "RRWEB_EVENTS";
+})(DebugSessionDataType || (DebugSessionDataType = {}));
+//# sourceMappingURL=session.js.map
+
+/***/ }),
+
 /***/ "../session-recorder-common/dist/esm/type/user-type.enum.js":
 /*!******************************************************************!*\
   !*** ../session-recorder-common/dist/esm/type/user-type.enum.js ***!
@@ -48152,7 +48153,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   ATTR_MULTIPLAYER_SESSION_RECORDER_VERSION: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.ATTR_MULTIPLAYER_SESSION_RECORDER_VERSION),
 /* harmony export */   ATTR_MULTIPLAYER_USER_HASH: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.ATTR_MULTIPLAYER_USER_HASH),
 /* harmony export */   ATTR_MULTIPLAYER_WORKSPACE_ID: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.ATTR_MULTIPLAYER_WORKSPACE_ID),
-/* harmony export */   DebugSessionDataType: () => (/* reexport safe */ _types__WEBPACK_IMPORTED_MODULE_5__.DebugSessionDataType),
+/* harmony export */   DebugSessionDataType: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.DebugSessionDataType),
 /* harmony export */   MASK_PLACEHOLDER: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.MASK_PLACEHOLDER),
 /* harmony export */   MULTIPLAYER_ATTRIBUTE_PREFIX: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.MULTIPLAYER_ATTRIBUTE_PREFIX),
 /* harmony export */   MULTIPLAYER_BASE_API_URL: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.MULTIPLAYER_BASE_API_URL),