@multiplayer-app/session-recorder-browser 2.0.85 → 2.0.88

package/dist/config/constants.d.ts

@@ -11,9 +11,10 @@ export declare const SESSION_UNSUBSCRIBE_EVENT = "debug-session:unsubscribe";
 export declare const SESSION_AUTO_CREATED = "debug-session:auto-created";
 export declare const SESSION_ADD_EVENT = "debug-session:rrweb:add-event";
 export declare const SESSION_SAVE_BUFFER_EVENT = "debug-session:save-buffer";
+export declare const SESSION_READY_EVENT = "debug-session:ready";
+export declare const SESSION_READY_EVENT_LEGACY = "debug-session-ready";
 export declare const SOCKET_SET_USER_EVENT = "socket:set-user";
 export declare const DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE = 100000;
-export declare const SESSION_READY_EVENT = "debug-session-ready";
 export declare const CONTINUOUS_DEBUGGING_TIMEOUT = 60000;
 export declare const DEBUG_SESSION_MAX_DURATION_SECONDS: number;
 export declare const REMOTE_SESSION_RECORDING_START = "remote-session-recording:start";

package/dist/config/constants.js

@@ -12,9 +12,11 @@ export const SESSION_AUTO_CREATED = 'debug-session:auto-created';
 export const SESSION_ADD_EVENT = 'debug-session:rrweb:add-event';
 // Backend-triggered flush of client-side crash buffer
 export const SESSION_SAVE_BUFFER_EVENT = 'debug-session:save-buffer';
+export const SESSION_READY_EVENT = 'debug-session:ready';
+// Deprecated event name for backwards compatibility
+export const SESSION_READY_EVENT_LEGACY = 'debug-session-ready';
 export const SOCKET_SET_USER_EVENT = 'socket:set-user';
 export const DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE = 100000;
-export const SESSION_READY_EVENT = 'debug-session-ready';
 export const CONTINUOUS_DEBUGGING_TIMEOUT = 60000; // 1 minutes
 export const DEBUG_SESSION_MAX_DURATION_SECONDS = 10 * 60 + 30; // TODO: move to shared config otel core
 export const REMOTE_SESSION_RECORDING_START = 'remote-session-recording:start';

package/dist/config/defaults.js

@@ -33,6 +33,15 @@ export const DEFAULT_WIDGET_TEXT_CONFIG = {
     submitDialogCommentPlaceholder: 'Add a message...',
     submitDialogSubmitText: 'Save',
     submitDialogCancelText: 'Cancel',
+    buttonTooltipIdle: 'Record an issue',
+    buttonTooltipRecording: 'The session is recording. Click to end.',
+    buttonTooltipCancel: 'Click to cancel',
+    buttonTooltipSent: 'We\'ve sent it over! Thanks!',
+    buttonTooltipLoading: 'Starting to record...',
+    buttonTooltipContinuousDebugging: 'You’re continuously recording.',
+    saveContinuousRecordingSavingText: 'Saving recording...',
+    saveContinuousRecordingSavedText: 'Saved',
+    saveContinuousRecordingErrorText: 'Error saving the recording',
 };
 export const BASE_CONFIG = {
     apiKey: '',

package/dist/config/session-recorder.js

@@ -1,7 +1,7 @@
 import { WidgetButtonPlacement } from '../types';
 import { BASE_CONFIG } from './defaults';
 import { getMaskingConfig } from './masking';
-import { isValidString, isValidNumber, isValidBoolean, isValidArray, isValidEnum, } from './validators';
+import { isValidString, isValidNumber, isValidBoolean, isValidArray, isValidEnum } from './validators';
 const getWidgetTextOverridesConfig = (config, defaultConfig) => {
     if (!config || typeof config !== 'object') {
         return defaultConfig;
@@ -27,6 +27,15 @@ const getWidgetTextOverridesConfig = (config, defaultConfig) => {
         submitDialogCommentPlaceholder: isValidString(config.submitDialogCommentPlaceholder, defaultConfig.submitDialogCommentPlaceholder),
         submitDialogSubmitText: isValidString(config.submitDialogSubmitText, defaultConfig.submitDialogSubmitText),
         submitDialogCancelText: isValidString(config.submitDialogCancelText, defaultConfig.submitDialogCancelText),
+        buttonTooltipIdle: isValidString(config.buttonTooltipIdle, defaultConfig.buttonTooltipIdle),
+        buttonTooltipRecording: isValidString(config.buttonTooltipRecording, defaultConfig.buttonTooltipRecording),
+        buttonTooltipCancel: isValidString(config.buttonTooltipCancel, defaultConfig.buttonTooltipCancel),
+        buttonTooltipSent: isValidString(config.buttonTooltipSent, defaultConfig.buttonTooltipSent),
+        buttonTooltipLoading: isValidString(config.buttonTooltipLoading, defaultConfig.buttonTooltipLoading),
+        buttonTooltipContinuousDebugging: isValidString(config.buttonTooltipContinuousDebugging, defaultConfig.buttonTooltipContinuousDebugging),
+        saveContinuousRecordingSavingText: isValidString(config.saveContinuousRecordingSavingText, defaultConfig.saveContinuousRecordingSavingText),
+        saveContinuousRecordingSavedText: isValidString(config.saveContinuousRecordingSavedText, defaultConfig.saveContinuousRecordingSavedText),
+        saveContinuousRecordingErrorText: isValidString(config.saveContinuousRecordingErrorText, defaultConfig.saveContinuousRecordingErrorText),
     };
 };
 export const getSessionRecorderConfig = (c) => {

package/dist/index.js

@@ -7030,6 +7030,7 @@ module.exports = {
 /* harmony export */   SESSION_ID_PROP_NAME: () => (/* binding */ SESSION_ID_PROP_NAME),
 /* harmony export */   SESSION_PROP_NAME: () => (/* binding */ SESSION_PROP_NAME),
 /* harmony export */   SESSION_READY_EVENT: () => (/* binding */ SESSION_READY_EVENT),
+/* harmony export */   SESSION_READY_EVENT_LEGACY: () => (/* binding */ SESSION_READY_EVENT_LEGACY),
 /* harmony export */   SESSION_SAVE_BUFFER_EVENT: () => (/* binding */ SESSION_SAVE_BUFFER_EVENT),
 /* harmony export */   SESSION_STARTED_EVENT: () => (/* binding */ SESSION_STARTED_EVENT),
 /* harmony export */   SESSION_STATE_PROP_NAME: () => (/* binding */ SESSION_STATE_PROP_NAME),
@@ -7054,14 +7055,16 @@ const SESSION_AUTO_CREATED = 'debug-session:auto-created';
 const SESSION_ADD_EVENT = 'debug-session:rrweb:add-event';
 // Backend-triggered flush of client-side crash buffer
 const SESSION_SAVE_BUFFER_EVENT = 'debug-session:save-buffer';
+const SESSION_READY_EVENT = 'debug-session:ready';
+// Deprecated event name for backwards compatibility
+const SESSION_READY_EVENT_LEGACY = 'debug-session-ready';
 const SOCKET_SET_USER_EVENT = 'socket:set-user';
 const DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE = 100000;
-const SESSION_READY_EVENT = 'debug-session-ready';
 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 = "2.0.85" || 0;
+const PACKAGE_VERSION_EXPORT = "2.0.88" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint
@@ -7132,6 +7135,15 @@ const DEFAULT_WIDGET_TEXT_CONFIG = {
     submitDialogCommentPlaceholder: 'Add a message...',
     submitDialogSubmitText: 'Save',
     submitDialogCancelText: 'Cancel',
+    buttonTooltipIdle: 'Record an issue',
+    buttonTooltipRecording: 'The session is recording. Click to end.',
+    buttonTooltipCancel: 'Click to cancel',
+    buttonTooltipSent: 'We\'ve sent it over! Thanks!',
+    buttonTooltipLoading: 'Starting to record...',
+    buttonTooltipContinuousDebugging: 'You’re continuously recording.',
+    saveContinuousRecordingSavingText: 'Saving recording...',
+    saveContinuousRecordingSavedText: 'Saved',
+    saveContinuousRecordingErrorText: 'Error saving the recording',
 };
 const BASE_CONFIG = {
     apiKey: '',
@@ -7190,6 +7202,7 @@ const BASE_CONFIG = {
 /* harmony export */   SESSION_ID_PROP_NAME: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_ID_PROP_NAME),
 /* harmony export */   SESSION_PROP_NAME: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_PROP_NAME),
 /* harmony export */   SESSION_READY_EVENT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_READY_EVENT),
+/* harmony export */   SESSION_READY_EVENT_LEGACY: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_READY_EVENT_LEGACY),
 /* harmony export */   SESSION_SAVE_BUFFER_EVENT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_SAVE_BUFFER_EVENT),
 /* harmony export */   SESSION_STARTED_EVENT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_STARTED_EVENT),
 /* harmony export */   SESSION_STATE_PROP_NAME: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_STATE_PROP_NAME),
@@ -7302,6 +7315,15 @@ const getWidgetTextOverridesConfig = (config, defaultConfig) => {
         submitDialogCommentPlaceholder: (0,_validators__WEBPACK_IMPORTED_MODULE_3__.isValidString)(config.submitDialogCommentPlaceholder, defaultConfig.submitDialogCommentPlaceholder),
         submitDialogSubmitText: (0,_validators__WEBPACK_IMPORTED_MODULE_3__.isValidString)(config.submitDialogSubmitText, defaultConfig.submitDialogSubmitText),
         submitDialogCancelText: (0,_validators__WEBPACK_IMPORTED_MODULE_3__.isValidString)(config.submitDialogCancelText, defaultConfig.submitDialogCancelText),
+        buttonTooltipIdle: (0,_validators__WEBPACK_IMPORTED_MODULE_3__.isValidString)(config.buttonTooltipIdle, defaultConfig.buttonTooltipIdle),
+        buttonTooltipRecording: (0,_validators__WEBPACK_IMPORTED_MODULE_3__.isValidString)(config.buttonTooltipRecording, defaultConfig.buttonTooltipRecording),
+        buttonTooltipCancel: (0,_validators__WEBPACK_IMPORTED_MODULE_3__.isValidString)(config.buttonTooltipCancel, defaultConfig.buttonTooltipCancel),
+        buttonTooltipSent: (0,_validators__WEBPACK_IMPORTED_MODULE_3__.isValidString)(config.buttonTooltipSent, defaultConfig.buttonTooltipSent),
+        buttonTooltipLoading: (0,_validators__WEBPACK_IMPORTED_MODULE_3__.isValidString)(config.buttonTooltipLoading, defaultConfig.buttonTooltipLoading),
+        buttonTooltipContinuousDebugging: (0,_validators__WEBPACK_IMPORTED_MODULE_3__.isValidString)(config.buttonTooltipContinuousDebugging, defaultConfig.buttonTooltipContinuousDebugging),
+        saveContinuousRecordingSavingText: (0,_validators__WEBPACK_IMPORTED_MODULE_3__.isValidString)(config.saveContinuousRecordingSavingText, defaultConfig.saveContinuousRecordingSavingText),
+        saveContinuousRecordingSavedText: (0,_validators__WEBPACK_IMPORTED_MODULE_3__.isValidString)(config.saveContinuousRecordingSavedText, defaultConfig.saveContinuousRecordingSavedText),
+        saveContinuousRecordingErrorText: (0,_validators__WEBPACK_IMPORTED_MODULE_3__.isValidString)(config.saveContinuousRecordingErrorText, defaultConfig.saveContinuousRecordingErrorText),
     };
 };
 const getSessionRecorderConfig = (c) => {
@@ -10260,7 +10282,10 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         _services_messaging_service__WEBPACK_IMPORTED_MODULE_10__["default"].sendMessage('state-change', this._sessionState);
         (0,_utils__WEBPACK_IMPORTED_MODULE_4__.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_5__.SessionState.stopped, this.sessionType]);
+        this.emit('state-change', [
+            this._sessionState || _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.stopped,
+            this.sessionType,
+        ]);
     }
     get session() {
         return this._session;
@@ -10331,10 +10356,18 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         this._error = '';
         // Safety: avoid accessing storage in SSR/non-browser environments
         const isBrowser = typeof window !== 'undefined';
-        const sessionLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_PROP_NAME, true) : null;
-        const sessionIdLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_ID_PROP_NAME) : null;
-        const sessionStateLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_STATE_PROP_NAME) : null;
-        const sessionTypeLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_TYPE_PROP_NAME) : null;
+        const sessionLocal = isBrowser
+            ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_PROP_NAME, true)
+            : null;
+        const sessionIdLocal = isBrowser
+            ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_ID_PROP_NAME)
+            : null;
+        const sessionStateLocal = isBrowser
+            ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_STATE_PROP_NAME)
+            : null;
+        const sessionTypeLocal = isBrowser
+            ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_TYPE_PROP_NAME)
+            : null;
         if ((0,_utils__WEBPACK_IMPORTED_MODULE_4__.isSessionActive)(sessionLocal, sessionTypeLocal)) {
             this.session = sessionLocal;
             this.sessionId = sessionIdLocal;
@@ -10366,7 +10399,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         // GC: remove orphaned crash buffers from old tabs.
         // Keep TTL large to avoid any accidental data loss.
         void this._bufferDb.sweepStaleTabs(10 * 60 * 60 * 1000);
-        (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__.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._setupCrashBuffer();
         this._tracer.init(this._configs);
@@ -10388,7 +10422,9 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         if (this._configs.apiKey) {
             this._recorder.init(this._configs, this._socketService);
         }
-        if (this.sessionId && (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused)) {
+        if (this.sessionId &&
+            (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started ||
+                this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused)) {
             this._start();
         }
         else {
@@ -10442,7 +10478,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
             return;
         let hasFocus = true;
         try {
-            hasFocus = typeof document.hasFocus === 'function' ? document.hasFocus() : true;
+            hasFocus =
+                typeof document.hasFocus === 'function' ? document.hasFocus() : true;
         }
         catch (_e) {
             hasFocus = true;
@@ -10464,7 +10501,9 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         // stop, leaving the buffer with no FullSnapshot and silently breaking
         // exception-triggered flushBuffer. `_recorder.restart(null, ...)` passes
         // null explicitly, so it's safe regardless of `this.sessionId`.
-        if (!this._crashBuffer || !((_b = (_a = this._configs) === null || _a === void 0 ? void 0 : _a.buffering) === null || _b === void 0 ? void 0 : _b.enabled) || this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.stopped) {
+        if (!this._crashBuffer ||
+            !((_b = (_a = this._configs) === null || _a === void 0 ? void 0 : _a.buffering) === null || _b === void 0 ? void 0 : _b.enabled) ||
+            this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.stopped) {
             return;
         }
         void this._recorder.restart(null, _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL);
@@ -10515,7 +10554,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
     start(type = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL, session) {
         this._checkOperation('start');
         // If continuous recording is disabled, force plain mode
-        if (type === _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.CONTINUOUS && !this._configs.showContinuousRecording) {
+        if (type === _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.CONTINUOUS &&
+            !this._configs.showContinuousRecording) {
             type = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL;
         }
         this.sessionType = type;
@@ -10546,7 +10586,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
                     stoppedAt: this._recorder.stoppedAt,
                 };
                 const response = await this._apiService.stopSession(sid, request);
-                _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_READY_EVENT, response._id);
+                _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_READY_EVENT_LEGACY, response._id);
+                _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_READY_EVENT, response);
             }
         }
         catch (error) {
@@ -10642,8 +10683,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
             this.error = (e === null || e === void 0 ? void 0 : e.message) || 'Failed to capture exception';
         }
     }
-    async _flushBuffer(sessionId, force = false) {
-        if (!sessionId || !this._crashBuffer || this._isFlushingBuffer) {
+    async _flushBuffer(session, force = false) {
+        if (!session || !this._crashBuffer || this._isFlushingBuffer) {
             return null;
         }
         this._isFlushingBuffer = true;
@@ -10654,8 +10695,10 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
             }
             await Promise.all([
                 this._tracer.exportTraces(spans.map((s) => s.span)),
-                this._apiService.exportEvents(sessionId, { events: events.map((e) => e.event) }),
-                this._apiService.updateSessionAttributes(sessionId, {
+                this._apiService.exportEvents(session._id, {
+                    events: events.map((e) => e.event),
+                }),
+                this._apiService.updateSessionAttributes(session._id, {
                     startedAt: this._toCrashBufferSessionIso(startedAt),
                     stoppedAt: this._toCrashBufferSessionIso(stoppedAt),
                     sessionAttributes: this.sessionAttributes,
@@ -10670,7 +10713,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         finally {
             await this._crashBuffer.clear();
             this._isFlushingBuffer = false;
-            _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_READY_EVENT, sessionId);
+            _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_READY_EVENT_LEGACY, session._id);
+            _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_READY_EVENT, session);
         }
     }
     _toCrashBufferSessionIso(ts) {
@@ -10759,7 +10803,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
      * Handle the safe stop event
      */
     _handleStop(comment) {
-        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused) {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started ||
+            this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused) {
             this.stop(comment);
         }
     }
@@ -10783,7 +10828,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
      * Handle the safe cancel event
      */
     _handleCancel() {
-        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused) {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started ||
+            this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused) {
             this.cancel();
         }
     }
@@ -10791,7 +10837,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
      * Handle the safe save event
      */
     _handleSave() {
-        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started && this.continuousRecording) {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started &&
+            this.continuousRecording) {
             this.save();
         }
     }
@@ -10836,12 +10883,12 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
             }
         });
         this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_SAVE_BUFFER_EVENT, (payload) => {
-            var _a, _b, _c;
+            var _a, _b;
             if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.stopped)
                 return;
-            this._flushBuffer((_a = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _a === void 0 ? void 0 : _a._id, true);
-            if ((_b = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _b === void 0 ? void 0 : _b.url) {
-                _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_AUTO_CREATED, (_c = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _c === void 0 ? void 0 : _c.url);
+            this._flushBuffer(payload === null || payload === void 0 ? void 0 : payload.debugSession, true);
+            if ((_a = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _a === void 0 ? void 0 : _a.url) {
+                _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_AUTO_CREATED, (_b = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _b === void 0 ? void 0 : _b.url);
             }
         });
     }
@@ -10849,7 +10896,7 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         try {
             const session = await this._apiService.createErrorSession({ span });
             if (session === null || session === void 0 ? void 0 : session._id) {
-                this._flushBuffer(session._id);
+                this._flushBuffer(session);
             }
             if (session === null || session === void 0 ? void 0 : session.url) {
                 _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_AUTO_CREATED, session.url);
@@ -10869,14 +10916,20 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
                 sessionAttributes: this.sessionAttributes,
                 resourceAttributes: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getNavigatorInfo)(),
                 name: this._getSessionName(),
-                ...(this._userAttributes ? { userAttributes: this._userAttributes } : {}),
+                ...(this._userAttributes
+                    ? { userAttributes: this._userAttributes }
+                    : {}),
             };
-            const request = !this.continuousRecording ? payload : { debugSessionData: payload };
+            const request = !this.continuousRecording
+                ? payload
+                : { debugSessionData: payload };
             const session = this.continuousRecording
                 ? await this._apiService.startContinuousDebugSession(request, signal)
                 : await this._apiService.startSession(request, signal);
             if (session) {
-                session.sessionType = this.continuousRecording ? _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.CONTINUOUS : _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL;
+                session.sessionType = this.continuousRecording
+                    ? _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.CONTINUOUS
+                    : _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL;
                 this._setupSessionAndStart(session, false);
             }
         }
@@ -10899,7 +10952,10 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         this._tracer.start(this.sessionId, this.sessionType);
         // Ensure we switch from buffer-only recording to session recording cleanly.
         void this._recorder.restart(this.sessionId, this.sessionType);
-        this._navigationRecorder.start({ sessionId: this.sessionId, sessionType: this.sessionType });
+        this._navigationRecorder.start({
+            sessionId: this.sessionId,
+            sessionType: this.sessionType,
+        });
         if (this.session) {
             this._socketService.subscribeToSession(this.session);
             this._sessionWidget.seconds = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getTimeDifferenceInSeconds)((_a = this.session) === null || _a === void 0 ? void 0 : _a.startedAt);
@@ -10927,8 +10983,12 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         // rrweb assigns new node IDs on each record() call, so the next buffer
         // segment must not carry events from the previous generation. Await the
         // clear so its IDB tx can't race past the fresh FullSnapshot.
-        const cleared = this._crashBuffer ? this._crashBuffer.clear() : Promise.resolve();
-        void cleared.catch(() => undefined).then(() => this._startBufferOnlyRecording());
+        const cleared = this._crashBuffer
+            ? this._crashBuffer.clear()
+            : Promise.resolve();
+        void cleared
+            .catch(() => undefined)
+            .then(() => this._startBufferOnlyRecording());
     }
     /**
      * Pause the session tracing and recording
@@ -10964,7 +11024,10 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
      * @param sessionId - the session ID to set or clear
      */
     _setSession(session) {
-        this.session = { ...session, startedAt: session.startedAt || new Date().toISOString() };
+        this.session = {
+            ...session,
+            startedAt: session.startedAt || new Date().toISOString(),
+        };
         this.sessionId = (session === null || session === void 0 ? void 0 : session.shortId) || (session === null || session === void 0 ? void 0 : session._id);
     }
     _clearSession() {
@@ -10987,7 +11050,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
                 }
                 break;
             case 'stop':
-                if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused && this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started) {
+                if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused &&
+                    this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started) {
                     throw new Error('Cannot stop. Session is not currently started.');
                 }
                 break;
@@ -11065,7 +11129,10 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
      */
     _getSessionName(date = new Date()) {
         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) || '';
+        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_4__.getFormattedDate)(date, { month: 'short', day: 'numeric' })}`
             : `Session on ${(0,_utils__WEBPACK_IMPORTED_MODULE_4__.getFormattedDate)(date)}`;
@@ -11127,8 +11194,9 @@ class UIManager {
      * tooltip, and inner HTML content (Record icon)
      */
     setRecorderButtonProps() {
+        var _a;
         this.recorderButton.className = 'mp-session-debugger-button';
-        this.recorderButton.dataset.tooltip = 'Record an issue';
+        this.recorderButton.dataset.tooltip = (_a = this.widgetTextOverrides.buttonTooltipIdle) !== null && _a !== void 0 ? _a : 'Record an issue';
         (0,_utils__WEBPACK_IMPORTED_MODULE_0__.insertTrustedHTML)(this.recorderButton, `${_templates_icons__WEBPACK_IMPORTED_MODULE_1__.RecordIcon}`);
     }
     /**
@@ -11153,8 +11221,7 @@ class UIManager {
      * The popover includes a logo, heading, and start recording button.
      */
     setInitialPopoverProps() {
-        this.initialPopover.className =
-            'mp-session-debugger-popover mp-initial-popover hidden';
+        this.initialPopover.className = 'mp-session-debugger-popover mp-initial-popover hidden';
         (0,_utils__WEBPACK_IMPORTED_MODULE_0__.insertTrustedHTML)(this.initialPopover, (0,_templates_initialPopover__WEBPACK_IMPORTED_MODULE_3__.initialPopoverTemplate)(this.widgetTextOverrides, this.showContinuousRecording));
     }
     /**
@@ -11174,12 +11241,15 @@ class UIManager {
      * @param isLoading - Whether the popover button should show a loading state.
      */
     setPopoverLoadingState(isLoading) {
+        var _a, _b;
         const button = this.initialPopover.querySelector('.mp-session-debugger-popover-button');
         if (!button) {
             return;
         }
         button.classList.toggle('disabled', isLoading);
-        button.textContent = isLoading ? 'Starting to record...' : 'Start recording';
+        button.textContent = isLoading
+            ? ((_a = this.widgetTextOverrides.buttonTooltipLoading) !== null && _a !== void 0 ? _a : 'Starting to record...')
+            : ((_b = this.widgetTextOverrides.startRecordingButtonText) !== null && _b !== void 0 ? _b : 'Start recording');
     }
     setTimerValue(time) {
         const timerElement = this.recordingOverlay.querySelector('.timer');
@@ -11238,9 +11308,10 @@ class UIManager {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   ButtonState: () => (/* binding */ ButtonState),
 /* harmony export */   ContinuousRecordingSaveButtonState: () => (/* binding */ ContinuousRecordingSaveButtonState),
-/* harmony export */   buttonStates: () => (/* binding */ buttonStates),
-/* harmony export */   continuousRecordingSaveButtonStates: () => (/* binding */ continuousRecordingSaveButtonStates)
+/* harmony export */   getButtonStates: () => (/* binding */ getButtonStates),
+/* harmony export */   getContinuousRecordingSaveButtonStates: () => (/* binding */ getContinuousRecordingSaveButtonStates)
 /* harmony export */ });
+/* unused harmony exports buttonStates, continuousRecordingSaveButtonStates */
 /* harmony import */ var _templates_icons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./templates/icons */ "./src/sessionWidget/templates/icons.ts");
 
 /**
@@ -11327,6 +11398,46 @@ const continuousRecordingSaveButtonStates = {
         classes: [],
     },
 };
+const buttonTooltipOverrideKeys = {
+    [ButtonState.IDLE]: 'buttonTooltipIdle',
+    [ButtonState.RECORDING]: 'buttonTooltipRecording',
+    [ButtonState.CANCEL]: 'buttonTooltipCancel',
+    [ButtonState.SENT]: 'buttonTooltipSent',
+    [ButtonState.LOADING]: 'buttonTooltipLoading',
+    [ButtonState.CONTINUOUS_DEBUGGING]: 'buttonTooltipContinuousDebugging',
+};
+const continuousSaveTextOverrideKeys = {
+    [ContinuousRecordingSaveButtonState.IDLE]: 'saveLastSnapshotButtonText',
+    [ContinuousRecordingSaveButtonState.SAVING]: 'saveContinuousRecordingSavingText',
+    [ContinuousRecordingSaveButtonState.SAVED]: 'saveContinuousRecordingSavedText',
+    [ContinuousRecordingSaveButtonState.ERROR]: 'saveContinuousRecordingErrorText',
+};
+function getButtonStates(overrides) {
+    var _a;
+    const resolved = { ...buttonStates };
+    for (const state of Object.keys(buttonStates)) {
+        const overrideKey = buttonTooltipOverrideKeys[state];
+        resolved[state] = {
+            ...buttonStates[state],
+            tooltip: (_a = overrides[overrideKey]) !== null && _a !== void 0 ? _a : buttonStates[state].tooltip,
+        };
+    }
+    return resolved;
+}
+function getContinuousRecordingSaveButtonStates(overrides) {
+    var _a;
+    const resolved = {
+        ...continuousRecordingSaveButtonStates,
+    };
+    for (const state of Object.keys(continuousRecordingSaveButtonStates)) {
+        const overrideKey = continuousSaveTextOverrideKeys[state];
+        resolved[state] = {
+            ...continuousRecordingSaveButtonStates[state],
+            textContent: (_a = overrides[overrideKey]) !== null && _a !== void 0 ? _a : continuousRecordingSaveButtonStates[state].textContent,
+        };
+    }
+    return resolved;
+}
 
 
 /***/ },
@@ -11525,7 +11636,7 @@ class SessionWidget extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observable
         this._buttonState = newState;
         if (!this.isBrowser)
             return;
-        const { icon, tooltip, classes, excludeClasses } = _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_8__.buttonStates[newState];
+        const { icon, tooltip, classes, excludeClasses } = (0,_buttonStateConfigs__WEBPACK_IMPORTED_MODULE_8__.getButtonStates)(this._widgetTextOverrides)[newState];
         if (newState === _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_8__.ButtonState.CANCEL) {
             (_a = this.buttonDraggabilityObserver) === null || _a === void 0 ? void 0 : _a.observe(this.recorderButton, {
                 attributes: true,
@@ -11563,7 +11674,8 @@ class SessionWidget extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observable
                 type: 'error',
                 message: this._error,
                 button: {
-                    text: 'Close', onClick: () => this.hideToast(),
+                    text: 'Close',
+                    onClick: () => this.hideToast(),
                 },
             });
         }
@@ -11710,7 +11822,7 @@ class SessionWidget extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observable
             return;
         const saveButton = this.initialPopover.querySelector('#mp-save-continuous-debug-session');
         if (saveButton) {
-            const { textContent, disabled } = _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_8__.continuousRecordingSaveButtonStates[state];
+            const { textContent, disabled } = (0,_buttonStateConfigs__WEBPACK_IMPORTED_MODULE_8__.getContinuousRecordingSaveButtonStates)(this._widgetTextOverrides)[state];
             saveButton.disabled = disabled;
             saveButton.textContent = textContent;
         }
@@ -11738,14 +11850,11 @@ class SessionWidget extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observable
             return;
         this.buttonDraggabilityObserver = new MutationObserver((mutationsList) => {
             for (const mutation of mutationsList) {
-                if (mutation.type === 'attributes' &&
-                    mutation.attributeName === 'class') {
+                if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
                     const oldClassName = mutation.oldValue;
                     const newClassName = mutation.target['className'];
-                    if (((oldClassName === null || oldClassName === void 0 ? void 0 : oldClassName.includes('no-draggable')) &&
-                        !newClassName.includes('no-draggable')) ||
-                        ((newClassName === null || newClassName === void 0 ? void 0 : newClassName.includes('no-draggable')) &&
-                            !(oldClassName === null || oldClassName === void 0 ? void 0 : oldClassName.includes('no-draggable')))) {
+                    if (((oldClassName === null || oldClassName === void 0 ? void 0 : oldClassName.includes('no-draggable')) && !newClassName.includes('no-draggable')) ||
+                        ((newClassName === null || newClassName === void 0 ? void 0 : newClassName.includes('no-draggable')) && !(oldClassName === null || oldClassName === void 0 ? void 0 : oldClassName.includes('no-draggable')))) {
                         // draggable mode was changed
                         this.initialPopoverVisible = false;
                         this.finalPopoverVisible = false;
@@ -11839,7 +11948,12 @@ class SessionWidget extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observable
         popoverBottom = VIEWPORT_HEIGHT - top + _constants__WEBPACK_IMPORTED_MODULE_3__.POPOVER_DISTANCE_FROM_BUTTON + (isDraggable ? 0 : _constants__WEBPACK_IMPORTED_MODULE_3__.NON_DRAGGABLE_OFFSET);
         popoverRight = VIEWPORT_WIDTH - right;
         if (popoverBottom + POPOVER_HEIGHT > VIEWPORT_HEIGHT) {
-            popoverBottom = VIEWPORT_HEIGHT - bottom - POPOVER_HEIGHT - _constants__WEBPACK_IMPORTED_MODULE_3__.POPOVER_DISTANCE_FROM_BUTTON - (isDraggable ? 0 : _constants__WEBPACK_IMPORTED_MODULE_3__.NON_DRAGGABLE_OFFSET);
+            popoverBottom =
+                VIEWPORT_HEIGHT -
+                    bottom -
+                    POPOVER_HEIGHT -
+                    _constants__WEBPACK_IMPORTED_MODULE_3__.POPOVER_DISTANCE_FROM_BUTTON -
+                    (isDraggable ? 0 : _constants__WEBPACK_IMPORTED_MODULE_3__.NON_DRAGGABLE_OFFSET);
         }
         if (popoverRight + _constants__WEBPACK_IMPORTED_MODULE_3__.POPOVER_WIDTH > VIEWPORT_WIDTH) {
             popoverRight = VIEWPORT_WIDTH - left - _constants__WEBPACK_IMPORTED_MODULE_3__.POPOVER_WIDTH;
@@ -11942,9 +12056,7 @@ class SessionWidget extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observable
             this.onCancel();
         }
         this.initialPopoverVisible = false;
-        this.buttonState = this._continuousRecording
-            ? _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_8__.ButtonState.CONTINUOUS_DEBUGGING
-            : _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_8__.ButtonState.IDLE;
+        this.buttonState = this._continuousRecording ? _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_8__.ButtonState.CONTINUOUS_DEBUGGING : _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_8__.ButtonState.IDLE;
         if (typeof document !== 'undefined') {
             document.removeEventListener('click', this.handleClickOutside);
         }
@@ -12011,9 +12123,7 @@ class SessionWidget extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observable
             }
         }
         else {
-            this.buttonState = this._initialPopoverVisible
-                ? _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_8__.ButtonState.IDLE
-                : _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_8__.ButtonState.CANCEL;
+            this.buttonState = this._initialPopoverVisible ? _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_8__.ButtonState.IDLE : _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_8__.ButtonState.CANCEL;
             this.initialPopoverVisible = !this._initialPopoverVisible;
         }
         if (typeof document !== 'undefined') {