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

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

@@ -7061,7 +7061,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 = "2.0.85" || 0;
+const PACKAGE_VERSION_EXPORT = "2.0.87" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint
@@ -7132,6 +7132,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: '',
@@ -7302,6 +7311,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) => {
@@ -11127,8 +11145,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 +11172,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 +11192,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 +11259,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 +11349,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 +11587,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 +11625,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 +11773,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 +11801,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 +11899,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 +12007,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 +12074,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') {

package/dist/index.umd.js

@@ -21494,7 +21494,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 = "2.0.85" || 0;
+const PACKAGE_VERSION_EXPORT = "2.0.87" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint
@@ -21566,6 +21566,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: '',
@@ -21739,6 +21748,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) => {
@@ -25589,8 +25607,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}`);
     }
     /**
@@ -25615,8 +25634,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));
     }
     /**
@@ -25636,12 +25654,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');
@@ -25701,9 +25722,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");
 
 /**
@@ -25790,6 +25812,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;
+}
 
 
 /***/ },
@@ -25991,7 +26053,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,
@@ -26029,7 +26091,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(),
                 },
             });
         }
@@ -26176,7 +26239,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;
         }
@@ -26204,14 +26267,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;
@@ -26305,7 +26365,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;
@@ -26408,9 +26473,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);
         }
@@ -26477,9 +26540,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') {

package/dist/sessionWidget/UIManager.js

@@ -34,8 +34,9 @@ export 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';
         insertTrustedHTML(this.recorderButton, `${RecordIcon}`);
     }
     /**
@@ -60,8 +61,7 @@ export 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';
         insertTrustedHTML(this.initialPopover, initialPopoverTemplate(this.widgetTextOverrides, this.showContinuousRecording));
     }
     /**
@@ -81,12 +81,15 @@ export 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');

package/dist/sessionWidget/buttonStateConfigs.d.ts

@@ -1,3 +1,4 @@
+import { WidgetTextOverridesConfig } from '../types';
 /**
  * ButtonState defines the possible states of the recorder button.
  * It includes IDLE, RECORDING, CANCEL, SENT and LOADING states.
@@ -16,6 +17,17 @@ export declare enum ContinuousRecordingSaveButtonState {
     SAVED = "SAVED",
     ERROR = "ERROR"
 }
+type ButtonStateConfig = {
+    icon: string;
+    tooltip: string;
+    classes: string[];
+    excludeClasses: string[];
+};
+type ContinuousRecordingSaveButtonConfig = {
+    textContent: string;
+    disabled: boolean;
+    classes: string[];
+};
 /**
  * buttonStates object provides properties for each button state:
  * IDLE, RECORDING, CANCEL, and SENT.
@@ -80,4 +92,7 @@ export declare const continuousRecordingSaveButtonStates: {
         classes: never[];
     };
 };
+export declare function getButtonStates(overrides: WidgetTextOverridesConfig): Record<ButtonState, ButtonStateConfig>;
+export declare function getContinuousRecordingSaveButtonStates(overrides: WidgetTextOverridesConfig): Record<ContinuousRecordingSaveButtonState, ContinuousRecordingSaveButtonConfig>;
+export {};
 //# sourceMappingURL=buttonStateConfigs.d.ts.map

package/dist/sessionWidget/buttonStateConfigs.js

@@ -83,4 +83,44 @@ export 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',
+};
+export 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;
+}
+export 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;
+}
 //# sourceMappingURL=buttonStateConfigs.js.map

package/dist/sessionWidget/index.js

@@ -1,12 +1,12 @@
 import { Observable } from '../observable';
 import { insertTrustedHTML, injectStylesIntoShadowRoot, formatTimeForSessionTimer } from '../utils';
 import { SessionState } from '../types';
-import { POPOVER_WIDTH, NON_DRAGGABLE_OFFSET, POPOVER_DISTANCE_FROM_BUTTON, } from './constants';
+import { POPOVER_WIDTH, NON_DRAGGABLE_OFFSET, POPOVER_DISTANCE_FROM_BUTTON } from './constants';
 import { DEFAULT_WIDGET_TEXT_CONFIG } from '../config';
 import { isBrowser, isBrowserExtension } from '../global';
 import { UIManager } from './UIManager';
 import { DragManager } from './dragManager';
-import { ButtonState, buttonStates, continuousRecordingSaveButtonStates, } from './buttonStateConfigs';
+import { ButtonState, getButtonStates, getContinuousRecordingSaveButtonStates, } from './buttonStateConfigs';
 // Import styles as string for shadow DOM injection
 import widgetStyles from './styles/index.scss?raw';
 import './styles/button.scss';
@@ -16,7 +16,7 @@ export class SessionWidget extends Observable {
         this._buttonState = newState;
         if (!this.isBrowser)
             return;
-        const { icon, tooltip, classes, excludeClasses } = buttonStates[newState];
+        const { icon, tooltip, classes, excludeClasses } = getButtonStates(this._widgetTextOverrides)[newState];
         if (newState === ButtonState.CANCEL) {
             (_a = this.buttonDraggabilityObserver) === null || _a === void 0 ? void 0 : _a.observe(this.recorderButton, {
                 attributes: true,
@@ -54,7 +54,8 @@ export class SessionWidget extends Observable {
                 type: 'error',
                 message: this._error,
                 button: {
-                    text: 'Close', onClick: () => this.hideToast(),
+                    text: 'Close',
+                    onClick: () => this.hideToast(),
                 },
             });
         }
@@ -201,7 +202,7 @@ export class SessionWidget extends Observable {
             return;
         const saveButton = this.initialPopover.querySelector('#mp-save-continuous-debug-session');
         if (saveButton) {
-            const { textContent, disabled } = continuousRecordingSaveButtonStates[state];
+            const { textContent, disabled } = getContinuousRecordingSaveButtonStates(this._widgetTextOverrides)[state];
             saveButton.disabled = disabled;
             saveButton.textContent = textContent;
         }
@@ -229,14 +230,11 @@ export class SessionWidget extends 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;
@@ -330,7 +328,12 @@ export class SessionWidget extends Observable {
         popoverBottom = VIEWPORT_HEIGHT - top + POPOVER_DISTANCE_FROM_BUTTON + (isDraggable ? 0 : NON_DRAGGABLE_OFFSET);
         popoverRight = VIEWPORT_WIDTH - right;
         if (popoverBottom + POPOVER_HEIGHT > VIEWPORT_HEIGHT) {
-            popoverBottom = VIEWPORT_HEIGHT - bottom - POPOVER_HEIGHT - POPOVER_DISTANCE_FROM_BUTTON - (isDraggable ? 0 : NON_DRAGGABLE_OFFSET);
+            popoverBottom =
+                VIEWPORT_HEIGHT -
+                    bottom -
+                    POPOVER_HEIGHT -
+                    POPOVER_DISTANCE_FROM_BUTTON -
+                    (isDraggable ? 0 : NON_DRAGGABLE_OFFSET);
         }
         if (popoverRight + POPOVER_WIDTH > VIEWPORT_WIDTH) {
             popoverRight = VIEWPORT_WIDTH - left - POPOVER_WIDTH;
@@ -433,9 +436,7 @@ export class SessionWidget extends Observable {
             this.onCancel();
         }
         this.initialPopoverVisible = false;
-        this.buttonState = this._continuousRecording
-            ? ButtonState.CONTINUOUS_DEBUGGING
-            : ButtonState.IDLE;
+        this.buttonState = this._continuousRecording ? ButtonState.CONTINUOUS_DEBUGGING : ButtonState.IDLE;
         if (typeof document !== 'undefined') {
             document.removeEventListener('click', this.handleClickOutside);
         }
@@ -502,9 +503,7 @@ export class SessionWidget extends Observable {
             }
         }
         else {
-            this.buttonState = this._initialPopoverVisible
-                ? ButtonState.IDLE
-                : ButtonState.CANCEL;
+            this.buttonState = this._initialPopoverVisible ? ButtonState.IDLE : ButtonState.CANCEL;
             this.initialPopoverVisible = !this._initialPopoverVisible;
         }
         if (typeof document !== 'undefined') {

package/dist/types/session-recorder.d.ts

@@ -305,6 +305,24 @@ export interface WidgetTextOverridesConfig {
     submitDialogSubmitText?: string;
     /** Text for the cancel button in dialog */
     submitDialogCancelText?: string;
+    /** Tooltip when the recorder button is idle */
+    buttonTooltipIdle?: string;
+    /** Tooltip while a session is recording */
+    buttonTooltipRecording?: string;
+    /** Tooltip when cancel is available */
+    buttonTooltipCancel?: string;
+    /** Tooltip after the recording was sent */
+    buttonTooltipSent?: string;
+    /** Tooltip while the recorder is starting */
+    buttonTooltipLoading?: string;
+    /** Tooltip during continuous debugging */
+    buttonTooltipContinuousDebugging?: string;
+    /** Label while a continuous recording is being saved */
+    saveContinuousRecordingSavingText?: string;
+    /** Label after a continuous recording was saved */
+    saveContinuousRecordingSavedText?: string;
+    /** Label when saving a continuous recording failed */
+    saveContinuousRecordingErrorText?: string;
 }
 /**
  * Configuration interface for the ApiService class

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplayer-app/session-recorder-browser",
-  "version": "2.0.85",
+  "version": "2.0.87",
   "description": "Multiplayer Fullstack Session Recorder for Browser",
   "author": {
     "name": "Multiplayer Software, Inc.",
@@ -28,7 +28,9 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.umd.js"
-    }
+    },
+    "./browser": "./dist/browser/index.js",
+    "./exporters": "./dist/exporters/index.js"
   },
   "engines": {
     "node": ">=18",
@@ -49,7 +51,7 @@
     "preversion": "npm run lint",
     "postversion:skip": "git push && git push --tags",
     "build": "rm -rf dist tsconfig.tsbuildinfo && tsc && webpack --config-name esm --config-name umd && node scripts/sync-exports.js",
-    "build:browser": "webpack --config-name browser && node scripts/sync-exports.js",
+    "build:browser": "webpack --config-name browser && node scripts/patch-canvas-worker.mjs && node scripts/sync-exports.js",
     "build:exporters": "webpack --config-name exporters && node scripts/sync-exports.js",
     "build:extras": "webpack --config-name browser --config-name exporters && node scripts/sync-exports.js",
     "build:all": "rm -rf dist tsconfig.tsbuildinfo && tsc && webpack && node scripts/sync-exports.js",
@@ -73,7 +75,7 @@
     "webpack-cli": "5.1.4"
   },
   "dependencies": {
-    "@multiplayer-app/session-recorder-common": "2.0.85",
+    "@multiplayer-app/session-recorder-common": "2.0.87",
     "@opentelemetry/core": "2.0.1",
     "@opentelemetry/exporter-trace-otlp-http": "0.203.0",
     "@opentelemetry/instrumentation": "0.203.0",