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

package/dist/browser/index.js

@@ -18035,6 +18035,106 @@ const MessageTypeValues =
 
 /***/ }),
 
+/***/ "../../node_modules/css-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js!./src/sessionWidget/styles/button.scss":
+/*!***********************************************************************************************************************************!*\
+  !*** ../../node_modules/css-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js!./src/sessionWidget/styles/button.scss ***!
+  \***********************************************************************************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "../../node_modules/css-loader/dist/runtime/api.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, "@keyframes _rotateAnimation {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes _bounceAnimation {\n  0%, 100% {\n    padding: 3px;\n  }\n  50% {\n    padding: 0;\n  }\n}\n.mp-session-debugger-button {\n  cursor: pointer;\n  border-radius: 12px;\n  font-family: Inter, sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  z-index: 2247483003;\n  padding: 5px;\n  background-color: #ffffff;\n  border: solid 1px #bebfc1;\n  border-radius: 36px;\n  color: #718096;\n  transition: background 0.3s;\n  width: 42px;\n  height: 42px;\n  will-change: right, bottom;\n}\n.mp-session-debugger-button.is-started {\n  color: #493bff;\n}\n.mp-session-debugger-button.top-left {\n  top: 24px;\n  left: 24px;\n}\n.mp-session-debugger-button.top-right {\n  top: 24px;\n  right: 24px;\n}\n.mp-session-debugger-button.bottom-left {\n  bottom: 24px;\n  left: 24px;\n}\n.mp-session-debugger-button.bottom-right {\n  bottom: 24px;\n  right: 24px;\n}\n.mp-session-debugger-button.no-draggable {\n  position: static;\n}\n.mp-session-debugger-button.no-draggable::before {\n  transform: translateY(-18px) !important;\n  top: -10px !important;\n  left: 10px !important;\n}\n.mp-session-debugger-button.no-draggable:hover::before {\n  z-index: 1;\n  transform: translateY(-18px);\n  top: -10px;\n  left: 10px;\n  right: unset;\n}\n.mp-session-debugger-button.no-draggable.no-tooltip::before {\n  display: none;\n}\n.mp-session-debugger-button.mp-button-blue {\n  border: 1px rgba(0, 0, 0, 0.2);\n  background: #493bff;\n}\n.mp-session-debugger-button.mp-button-blue::before {\n  opacity: 1;\n  transform: translateX(0);\n}\n.mp-session-debugger-button:not([data-tooltip=\"\"]):before {\n  content: attr(data-tooltip);\n  position: absolute;\n  pointer-events: none;\n  height: 28px;\n  top: 6px;\n  padding: 6px 8px 6px 8px;\n  border-radius: 8px;\n  font-family: Inter, sans-serif;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 16px;\n  opacity: 0;\n  transition: all 0.3s;\n  background: #1a202c;\n  color: white;\n  white-space: nowrap;\n  box-sizing: border-box;\n  z-index: -1;\n  transform: translateX(-8px);\n  left: unset;\n  right: 100%;\n}\n.mp-session-debugger-button:not([data-tooltip=\"\"]).top-left:before, .mp-session-debugger-button:not([data-tooltip=\"\"]).bottom-left:before, .mp-session-debugger-button:not([data-tooltip=\"\"]).button-leftside:before {\n  transform: translateX(8px);\n  left: 100%;\n  right: unset;\n}\n.mp-session-debugger-button:not(.no-hover):hover {\n  color: #473cfb;\n  box-shadow: 0 3px 3px -1.5px rgba(0, 0, 0, 0.06), 0 1px 1px -0.5px rgba(0, 0, 0, 0.06);\n}\n.mp-session-debugger-button:not(.no-hover):hover:before {\n  opacity: 1;\n}\n.mp-session-debugger-button svg {\n  transform: rotate(0deg);\n  transition: transform 0.3s linear;\n}\n.mp-session-debugger-button.rotate-on-hover:hover svg {\n  transform: rotate(-180deg);\n}\n.mp-session-debugger-button.animate-rotate svg {\n  animation: _rotateAnimation 3s linear infinite;\n}\n\n.animate-bounce {\n  animation: _bounceAnimation 1.6s infinite;\n  animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);\n}", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ "../../node_modules/css-loader/dist/runtime/api.js":
+/*!*********************************************************!*\
+  !*** ../../node_modules/css-loader/dist/runtime/api.js ***!
+  \*********************************************************/
+/***/ ((module) => {
+
+"use strict";
+
+
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+// eslint-disable-next-line func-names
+module.exports = function (cssWithMappingToString) {
+  var list = []; // return the list of modules as css string
+
+  list.toString = function toString() {
+    return this.map(function (item) {
+      var content = cssWithMappingToString(item);
+
+      if (item[2]) {
+        return "@media ".concat(item[2], " {").concat(content, "}");
+      }
+
+      return content;
+    }).join("");
+  }; // import a list of modules into the list
+  // eslint-disable-next-line func-names
+
+
+  list.i = function (modules, mediaQuery, dedupe) {
+    if (typeof modules === "string") {
+      // eslint-disable-next-line no-param-reassign
+      modules = [[null, modules, ""]];
+    }
+
+    var alreadyImportedModules = {};
+
+    if (dedupe) {
+      for (var i = 0; i < this.length; i++) {
+        // eslint-disable-next-line prefer-destructuring
+        var id = this[i][0];
+
+        if (id != null) {
+          alreadyImportedModules[id] = true;
+        }
+      }
+    }
+
+    for (var _i = 0; _i < modules.length; _i++) {
+      var item = [].concat(modules[_i]);
+
+      if (dedupe && alreadyImportedModules[item[0]]) {
+        // eslint-disable-next-line no-continue
+        continue;
+      }
+
+      if (mediaQuery) {
+        if (!item[2]) {
+          item[2] = mediaQuery;
+        } else {
+          item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
+        }
+      }
+
+      list.push(item);
+    }
+  };
+
+  return list;
+};
+
+/***/ }),
+
 /***/ "../../node_modules/events/events.js":
 /*!*******************************************!*\
   !*** ../../node_modules/events/events.js ***!
@@ -24031,6 +24131,303 @@ function noop() {
 module.exports = xor;
 
 
+/***/ }),
+
+/***/ "./src/sessionWidget/styles/button.scss":
+/*!**********************************************!*\
+  !*** ./src/sessionWidget/styles/button.scss ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "../../node_modules/style-loader/dist/runtime/styleDomAPI.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_getTarget_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/getTarget.js */ "../../node_modules/style-loader/dist/runtime/getTarget.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_getTarget_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_getTarget_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "../../node_modules/style-loader/dist/runtime/insertStyleElement.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_button_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !!../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/sass-loader/dist/cjs.js!./button.scss */ "../../node_modules/css-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js!./src/sessionWidget/styles/button.scss");
+
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+options.styleTagTransform = function(css, style){
+      if (style.styleSheet) {
+        style.styleSheet.cssText = css;
+      } else {
+      while (style.firstChild) {
+        style.removeChild(style.firstChild);
+      }
+
+      style.appendChild(document.createTextNode(css));
+    }
+  };
+options.setAttributes = function(style) {
+        var nonce =
+           true ? __webpack_require__.nc : 0;
+
+        if (nonce) {
+          style.setAttribute("nonce", nonce);
+        }
+      };
+options.insert = function(style){
+    var target = _node_modules_style_loader_dist_runtime_getTarget_js__WEBPACK_IMPORTED_MODULE_2___default()("head");
+
+    if (!target) {
+      throw new Error(
+        "Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid."
+      );
+    }
+
+    target.appendChild(style);
+  };
+options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_3___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_button_scss__WEBPACK_IMPORTED_MODULE_4__["default"], options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_button_scss__WEBPACK_IMPORTED_MODULE_4__["default"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_button_scss__WEBPACK_IMPORTED_MODULE_4__["default"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_button_scss__WEBPACK_IMPORTED_MODULE_4__["default"].locals : undefined);
+
+
+/***/ }),
+
+/***/ "../../node_modules/style-loader/dist/runtime/getTarget.js":
+/*!*****************************************************************!*\
+  !*** ../../node_modules/style-loader/dist/runtime/getTarget.js ***!
+  \*****************************************************************/
+/***/ ((module) => {
+
+"use strict";
+
+
+var memo = {};
+/* istanbul ignore next  */
+
+function getTarget(target) {
+  if (typeof memo[target] === "undefined") {
+    var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
+
+    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
+      try {
+        // This will throw an exception if access to iframe is blocked
+        // due to cross-origin restrictions
+        styleTarget = styleTarget.contentDocument.head;
+      } catch (e) {
+        // istanbul ignore next
+        styleTarget = null;
+      }
+    }
+
+    memo[target] = styleTarget;
+  }
+
+  return memo[target];
+}
+
+module.exports = getTarget;
+
+/***/ }),
+
+/***/ "../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
+/*!********************************************************************************!*\
+  !*** ../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
+  \********************************************************************************/
+/***/ ((module) => {
+
+"use strict";
+
+
+var stylesInDom = [];
+
+function getIndexByIdentifier(identifier) {
+  var result = -1;
+
+  for (var i = 0; i < stylesInDom.length; i++) {
+    if (stylesInDom[i].identifier === identifier) {
+      result = i;
+      break;
+    }
+  }
+
+  return result;
+}
+
+function modulesToDom(list, options) {
+  var idCountMap = {};
+  var identifiers = [];
+
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i];
+    var id = options.base ? item[0] + options.base : item[0];
+    var count = idCountMap[id] || 0;
+    var identifier = "".concat(id, " ").concat(count);
+    idCountMap[id] = count + 1;
+    var index = getIndexByIdentifier(identifier);
+    var obj = {
+      css: item[1],
+      media: item[2],
+      sourceMap: item[3]
+    };
+
+    if (index !== -1) {
+      stylesInDom[index].references++;
+      stylesInDom[index].updater(obj);
+    } else {
+      stylesInDom.push({
+        identifier: identifier,
+        updater: addStyle(obj, options),
+        references: 1
+      });
+    }
+
+    identifiers.push(identifier);
+  }
+
+  return identifiers;
+}
+
+function addStyle(obj, options) {
+  var api = options.domAPI(options);
+  api.update(obj);
+  return function updateStyle(newObj) {
+    if (newObj) {
+      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
+        return;
+      }
+
+      api.update(obj = newObj);
+    } else {
+      api.remove();
+    }
+  };
+}
+
+module.exports = function (list, options) {
+  options = options || {};
+  list = list || [];
+  var lastIdentifiers = modulesToDom(list, options);
+  return function update(newList) {
+    newList = newList || [];
+
+    for (var i = 0; i < lastIdentifiers.length; i++) {
+      var identifier = lastIdentifiers[i];
+      var index = getIndexByIdentifier(identifier);
+      stylesInDom[index].references--;
+    }
+
+    var newLastIdentifiers = modulesToDom(newList, options);
+
+    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
+      var _identifier = lastIdentifiers[_i];
+
+      var _index = getIndexByIdentifier(_identifier);
+
+      if (stylesInDom[_index].references === 0) {
+        stylesInDom[_index].updater();
+
+        stylesInDom.splice(_index, 1);
+      }
+    }
+
+    lastIdentifiers = newLastIdentifiers;
+  };
+};
+
+/***/ }),
+
+/***/ "../../node_modules/style-loader/dist/runtime/insertStyleElement.js":
+/*!**************************************************************************!*\
+  !*** ../../node_modules/style-loader/dist/runtime/insertStyleElement.js ***!
+  \**************************************************************************/
+/***/ ((module) => {
+
+"use strict";
+
+
+/* istanbul ignore next  */
+function insertStyleElement(options) {
+  var style = document.createElement("style");
+  options.setAttributes(style, options.attributes);
+  options.insert(style);
+  return style;
+}
+
+module.exports = insertStyleElement;
+
+/***/ }),
+
+/***/ "../../node_modules/style-loader/dist/runtime/styleDomAPI.js":
+/*!*******************************************************************!*\
+  !*** ../../node_modules/style-loader/dist/runtime/styleDomAPI.js ***!
+  \*******************************************************************/
+/***/ ((module) => {
+
+"use strict";
+
+
+/* istanbul ignore next  */
+function apply(style, options, obj) {
+  var css = obj.css;
+  var media = obj.media;
+  var sourceMap = obj.sourceMap;
+
+  if (media) {
+    style.setAttribute("media", media);
+  } else {
+    style.removeAttribute("media");
+  }
+
+  if (sourceMap && typeof btoa !== "undefined") {
+    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
+  } // For old IE
+
+  /* istanbul ignore if  */
+
+
+  options.styleTagTransform(css, style);
+}
+
+function removeStyleElement(style) {
+  // istanbul ignore if
+  if (style.parentNode === null) {
+    return false;
+  }
+
+  style.parentNode.removeChild(style);
+}
+/* istanbul ignore next  */
+
+
+function domAPI(options) {
+  var style = options.insertStyleElement(options);
+  return {
+    update: function update(obj) {
+      apply(style, options, obj);
+    },
+    remove: function remove() {
+      removeStyleElement(style);
+    }
+  };
+}
+
+module.exports = domAPI;
+
 /***/ }),
 
 /***/ "../../node_modules/to-json-schema/lib/helpers.js":
@@ -24654,7 +25051,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.13" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint
@@ -26826,20 +27223,20 @@ __webpack_require__.r(__webpack_exports__);
 /* 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");
 
 
@@ -26868,38 +27265,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 || {};
@@ -26937,17 +27334,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;
@@ -26958,11 +27355,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;
@@ -26972,10 +27369,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) || '',
         };
     }
@@ -26987,11 +27384,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);
@@ -27011,13 +27408,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]);
     }
@@ -27033,7 +27430,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()
             });
@@ -27063,11 +27460,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();
@@ -27088,7 +27485,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 = {
@@ -27096,7 +27493,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();
         }
@@ -27137,7 +27534,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);
@@ -27205,19 +27602,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();
             }
         }
@@ -27264,15 +27661,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);
         }
     }
@@ -27280,7 +27677,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();
         }
     }
@@ -27288,7 +27685,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();
         }
     }
@@ -27296,7 +27693,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();
         }
     }
@@ -27304,7 +27701,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();
         }
     }
@@ -27312,20 +27709,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;
@@ -27338,15 +27735,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();
             }
         });
@@ -27360,7 +27757,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 } : {}),
             };
@@ -27371,16 +27768,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;
             }
         }
     }
@@ -27389,22 +27786,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();
@@ -27417,7 +27814,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
@@ -27426,7 +27823,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) {
@@ -27450,7 +27847,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
@@ -27462,27 +27859,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;
@@ -27490,12 +27887,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;
@@ -27531,8 +27928,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)}`;
     }
 }
 
@@ -27970,7 +28367,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   SessionWidget: () => (/* binding */ SessionWidget)
 /* harmony export */ });
-/* harmony import */ var lib0_observable__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lib0/observable */ "../../node_modules/lib0/observable.js");
+/* harmony import */ var lib0_observable__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! lib0/observable */ "../../node_modules/lib0/observable.js");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./src/utils/index.ts");
 /* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../types */ "./src/types/index.ts");
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constants */ "./src/sessionWidget/constants.ts");
@@ -27979,7 +28376,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _UIManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./UIManager */ "./src/sessionWidget/UIManager.ts");
 /* harmony import */ var _dragManager__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./dragManager */ "./src/sessionWidget/dragManager.ts");
 /* harmony import */ var _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./buttonStateConfigs */ "./src/sessionWidget/buttonStateConfigs.ts");
-/* harmony import */ var _index_scss_raw__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../index.scss?raw */ "./src/index.scss?raw");
+/* harmony import */ var _styles_index_scss_raw__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./styles/index.scss?raw */ "./src/sessionWidget/styles/index.scss?raw");
+/* harmony import */ var _styles_button_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./styles/button.scss */ "./src/sessionWidget/styles/button.scss");
 
 
 
@@ -27991,7 +28389,8 @@ __webpack_require__.r(__webpack_exports__);
 
 // Import styles as string for shadow DOM injection
 
-class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_9__.Observable {
+
+class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_10__.Observable {
     set buttonState(newState) {
         var _a, _b;
         this._buttonState = newState;
@@ -28280,8 +28679,8 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_9__.Observa
         // Create shadow root
         this.shadowRoot = rootWrapper.attachShadow({ mode: 'open' });
         // Inject styles directly from imported SCSS file
-        if (_index_scss_raw__WEBPACK_IMPORTED_MODULE_8__) {
-            (0,_utils__WEBPACK_IMPORTED_MODULE_0__.injectStylesIntoShadowRoot)(this.shadowRoot, _index_scss_raw__WEBPACK_IMPORTED_MODULE_8__);
+        if (_styles_index_scss_raw__WEBPACK_IMPORTED_MODULE_8__) {
+            (0,_utils__WEBPACK_IMPORTED_MODULE_0__.injectStylesIntoShadowRoot)(this.shadowRoot, _styles_index_scss_raw__WEBPACK_IMPORTED_MODULE_8__);
         }
         // Append all elements to shadow root
         elements.forEach((element) => this.shadowRoot.appendChild(element));
@@ -28920,14 +29319,11 @@ const getButtonTemplate = (button) => {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* 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");
 
 
 
@@ -28961,27 +29357,6 @@ var SessionState;
 })(SessionState || (SessionState = {}));
 
 
-/***/ }),
-
-/***/ "./src/types/session.ts":
-/*!******************************!*\
-  !*** ./src/types/session.ts ***!
-  \******************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* 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":
@@ -30098,6 +30473,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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),
@@ -30731,11 +31107,14 @@ var setGrpcResponseMessage = function (body, options) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* 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
@@ -30766,6 +31145,27 @@ 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";
+__webpack_require__.r(__webpack_exports__);
+/* 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 ***!
@@ -30787,14 +31187,14 @@ var UserType;
 
 /***/ }),
 
-/***/ "./src/index.scss?raw":
-/*!****************************!*\
-  !*** ./src/index.scss?raw ***!
-  \****************************/
+/***/ "./src/sessionWidget/styles/index.scss?raw":
+/*!*************************************************!*\
+  !*** ./src/sessionWidget/styles/index.scss?raw ***!
+  \*************************************************/
 /***/ ((module) => {
 
 "use strict";
-module.exports = "* {\n  font-family: \"PP Neue Montreal\", Montserrat, Roboto, Arial, sans-serif !important;\n  box-sizing: border-box;\n}\n\n.hidden {\n  display: none !important;\n}\n\ntextarea {\n  background: #ffffff;\n  color: #2d3748;\n}\n\na,\nbutton {\n  appearance: none;\n  border: none;\n  outline: none;\n  cursor: pointer;\n}\n\n.mp-session-debugger-button {\n  cursor: pointer;\n  border-radius: 12px;\n  font-family: Inter, sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  z-index: 2247483003;\n  padding: 5px;\n  background-color: #ffffff;\n  border: solid 1px #bebfc1;\n  border-radius: 36px;\n  color: #718096;\n  transition: background 0.3s;\n  width: 42px;\n  height: 42px;\n  will-change: right, bottom;\n}\n.mp-session-debugger-button.is-started {\n  color: #493bff;\n}\n.mp-session-debugger-button.top-left {\n  top: 24px;\n  left: 24px;\n}\n.mp-session-debugger-button.top-right {\n  top: 24px;\n  right: 24px;\n}\n.mp-session-debugger-button.bottom-left {\n  bottom: 24px;\n  left: 24px;\n}\n.mp-session-debugger-button.bottom-right {\n  bottom: 24px;\n  right: 24px;\n}\n.mp-session-debugger-button.no-draggable {\n  position: static;\n}\n.mp-session-debugger-button.no-draggable::before {\n  transform: translateY(-18px) !important;\n  top: -10px !important;\n  left: 10px !important;\n}\n.mp-session-debugger-button.no-draggable:hover::before {\n  z-index: 1;\n  transform: translateY(-18px);\n  top: -10px;\n  left: 10px;\n  right: unset;\n}\n.mp-session-debugger-button.no-draggable.no-tooltip::before {\n  display: none;\n}\n.mp-session-debugger-button.mp-button-blue {\n  border: 1px rgba(0, 0, 0, 0.2);\n  background: #493bff;\n}\n.mp-session-debugger-button.mp-button-blue::before {\n  opacity: 1;\n  transform: translateX(0);\n}\n.mp-session-debugger-button:not([data-tooltip=\"\"]):before {\n  content: attr(data-tooltip);\n  position: absolute;\n  pointer-events: none;\n  height: 28px;\n  top: 6px;\n  padding: 6px 8px 6px 8px;\n  border-radius: 8px;\n  font-family: Inter, sans-serif;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 16px;\n  opacity: 0;\n  transition: all 0.3s;\n  background: #1a202c;\n  color: white;\n  white-space: nowrap;\n  box-sizing: border-box;\n  z-index: -1;\n  transform: translateX(-8px);\n  left: unset;\n  right: 100%;\n}\n.mp-session-debugger-button:not([data-tooltip=\"\"]).top-left:before, .mp-session-debugger-button:not([data-tooltip=\"\"]).bottom-left:before, .mp-session-debugger-button:not([data-tooltip=\"\"]).button-leftside:before {\n  transform: translateX(8px);\n  left: 100%;\n  right: unset;\n}\n.mp-session-debugger-button:not(.no-hover):hover {\n  color: #473cfb;\n  box-shadow: 0 3px 3px -1.5px rgba(0, 0, 0, 0.06), 0 1px 1px -0.5px rgba(0, 0, 0, 0.06);\n}\n.mp-session-debugger-button:not(.no-hover):hover:before {\n  opacity: 1;\n}\n.mp-session-debugger-button:not(.no-hover):hover:not(.no-draggable) .mp-drag-hint svg {\n  opacity: 1;\n}\n.mp-session-debugger-button svg {\n  transform: rotate(0deg);\n  transition: transform 0.3s linear;\n}\n.mp-session-debugger-button.rotate-on-hover:hover svg {\n  transform: rotate(-180deg);\n}\n.mp-session-debugger-button.animate-rotate svg {\n  animation: _rotateAnimation 3s linear infinite;\n}\n\n.animate-bounce {\n  animation: _bounceAnimation 1.6s infinite;\n  animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);\n}\n\n.mp-drag-hint svg {\n  position: absolute;\n  width: 14px;\n  height: 14px;\n  top: -3px;\n  right: -9px;\n  opacity: 0;\n  transform: unset !important;\n  transition: opacity 0.1ms ease-in !important;\n  cursor: grab;\n}\n\n.mp-session-debugger-popover-textarea {\n  border: 1px solid #cbd5e0;\n  box-shadow: 0 12px 12px -12px rgba(0, 0, 0, 0.0588235294), 0 6px 6px -3px rgba(0, 0, 0, 0.0588235294), 0 3px 3px -1.5px rgba(0, 0, 0, 0.0588235294), 0 1px 1px -0.5px rgba(0, 0, 0, 0.0588235294);\n  padding: 10px 13px 10px 13px;\n  border-radius: 12px;\n  font-family: Inter, serif;\n  font-size: 14px;\n  font-weight: 400;\n  color: #718096;\n  margin-bottom: 32px;\n  width: 100%;\n  height: 80px;\n  resize: none;\n}\n\n.mp-session-debugger-popover {\n  position: fixed;\n  bottom: 90px;\n  right: 24px;\n  width: 300px;\n  background: #ffffff;\n  border-radius: 24px;\n  overflow: hidden;\n  border: 1px solid rgb(245, 245, 245);\n  box-shadow: 0 1px 1px -0.5px rgba(0, 0, 0, 0.06), 0 3px 3px -1.5px rgba(0, 0, 0, 0.06);\n  z-index: 10000;\n}\n.mp-session-debugger-popover.hidden {\n  display: none;\n}\n.mp-session-debugger-popover-content {\n  position: relative;\n  padding: 65px 16px 16px;\n}\n.mp-session-debugger-popover-header {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px;\n  gap: 8px;\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%), linear-gradient(90deg, #d8f3fd 0%, #e3ecfd 100%);\n}\n.mp-session-debugger-popover-header a {\n  color: inherit;\n  margin-right: auto;\n  text-decoration: none;\n}\n.mp-session-debugger-popover-body h2 {\n  margin-bottom: 4px;\n  font-size: 18px;\n  font-weight: 600;\n  color: #2d3748;\n  font-family: \"PP Neue Montreal\", Montserrat, Roboto, Arial, sans-serif;\n}\n.mp-session-debugger-popover-body p {\n  font-family: \"PP Neue Montreal\", Montserrat, Roboto, Arial, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  color: #718096;\n  margin-bottom: 32px;\n}\n.mp-session-debugger-popover-body:has(#mp-session-debugger-continuous-debugging-checkbox:checked) .mp-session-debugger-continuous-debugging-overlay {\n  display: flex;\n}\n.mp-session-debugger-popover-body:has(#mp-session-debugger-continuous-debugging-checkbox:checked) .mp-session-debugger-continuous-debugging ~ h2,\n.mp-session-debugger-popover-body:has(#mp-session-debugger-continuous-debugging-checkbox:checked) .mp-session-debugger-continuous-debugging ~ p {\n  display: none;\n}\n.mp-session-debugger-popover-body:has(#mp-session-debugger-continuous-debugging-checkbox:checked) .mp-session-debugger-popover-footer {\n  display: none;\n}\n.mp-session-debugger-popover-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n.mp-session-debugger-popover-button {\n  cursor: pointer;\n  border-radius: 12px;\n  font-family: Inter, sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  transition: all 0.2s;\n  border: none;\n  color: #ffffff;\n  width: 100%;\n  position: relative;\n  padding: 12px 16px;\n  border-radius: 12px;\n  background: transparent;\n  overflow: hidden;\n  z-index: 1;\n}\n.mp-session-debugger-popover-button::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: linear-gradient(180deg, #493bff 0%, #382be4 100%);\n  transition: opacity 0.3s linear;\n  z-index: -1;\n}\n.mp-session-debugger-popover-button::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: linear-gradient(180deg, #160d9c 0%, #160d9c 100%);\n  transition: opacity 0.3s linear;\n  z-index: -1;\n  opacity: 0;\n}\n.mp-session-debugger-popover-button:hover::after {\n  opacity: 1;\n}\n.mp-session-debugger-popover-button:disabled, .mp-session-debugger-popover-button.disabled {\n  pointer-events: none;\n  opacity: 0.6;\n  cursor: not-allowed;\n  transition: opacity 0.2s ease;\n}\n.mp-session-debugger-popover-button:disabled:hover, .mp-session-debugger-popover-button:disabled:focus, .mp-session-debugger-popover-button.disabled:hover, .mp-session-debugger-popover-button.disabled:focus {\n  background-color: inherit;\n  box-shadow: none;\n}\n.mp-session-debugger-continuous-debugging {\n  position: relative;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 12px;\n  border-radius: 12px;\n  border: 1px solid #e1e8f1;\n  box-shadow: 0 1px 1px -0.5px rgba(0, 0, 0, 0.06), 0 3px 3px -1.5px rgba(0, 0, 0, 0.06);\n  margin-bottom: 15px;\n}\n.mp-session-debugger-continuous-debugging-overlay {\n  /* Delete this block after it was fixed in the lib */\n  position: relative;\n  inset: unset;\n  padding: 0;\n  display: none;\n  border-radius: 12px;\n  backdrop-filter: blur(10px);\n  background: rgba(255, 255, 255, 0.5);\n  flex-direction: column;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.mp-session-debugger-continuous-debugging-overlay-content {\n  padding: 12px;\n  background: #ffffff;\n  border-radius: 12px;\n  border: 1px solid #e1e8f1;\n  box-shadow: 0 1px 1px -0.5px rgba(0, 0, 0, 0.06), 0 3px 3px -1.5px rgba(0, 0, 0, 0.06);\n}\n.mp-session-debugger-continuous-debugging-overlay-content h3 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  justify-content: flex-start;\n  margin: 0;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 500;\n}\n.mp-session-debugger-continuous-debugging-overlay-content h3 svg {\n  width: 20px;\n  height: 20px;\n  animation: _bounceAnimation 1.6s infinite;\n  animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);\n}\n.mp-session-debugger-continuous-debugging-overlay-content p {\n  margin: 0;\n}\n.mp-session-debugger-continuous-debugging-label {\n  gap: 8px;\n  display: flex;\n  font-size: 14px;\n  color: #2d3748;\n  font-weight: 500;\n}\n.mp-session-debugger-continuous-debugging-switch {\n  display: flex;\n  align-items: center;\n  width: 44px;\n  height: 24px;\n  padding: 2px;\n  cursor: pointer;\n  border-radius: 36px;\n  background: #e2e8f0;\n}\n.mp-session-debugger-continuous-debugging-switch:has(input:checked) {\n  background: #493bff;\n  justify-content: flex-end;\n}\n.mp-session-debugger-continuous-debugging-switch input {\n  display: none;\n}\n.mp-session-debugger-continuous-debugging-switch span {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: #ffffff;\n  transition: transform 0.2s;\n}\n\n.mp-recording-overlay {\n  background: #5c5d5d;\n  color: #ffffff;\n  display: flex;\n  z-index: 2147483007;\n  left: 50%;\n  bottom: 20px;\n  position: fixed;\n  transform: translate(-50%, 0);\n  border: 0.5px solid #5c5d5d;\n  border-radius: 24px;\n  font-family: Arial, sans-serif;\n  flex-direction: row;\n  font-size: 14px;\n  box-shadow: 0 1px 1px -0.5px rgba(0, 0, 0, 0.3);\n}\n.mp-recording-overlay.hidden {\n  display: none;\n}\n.mp-recording-status {\n  gap: 8px;\n  display: flex;\n  padding: 12px 12px;\n  flex-direction: row;\n  align-items: center;\n}\n.mp-recording-indicator {\n  width: 24px;\n  height: 24px;\n  animation: pulse 1.5s infinite;\n}\n.mp-recording-controls {\n  display: flex;\n}\n.mp-recording-btn {\n  border: none;\n  border-right: 0.5px solid #5c5d5d;\n  background: #414141;\n  padding: 6px 12px;\n  font-weight: bold;\n  cursor: pointer;\n  color: #ffffff;\n  gap: 8px;\n  height: 100%;\n}\n\n.mp-session-debugger-modal.hidden {\n  display: none;\n}\n\n.mp-session-debugger-popover-logo svg {\n  width: 30px;\n}\n\n.mp-session-debugger-dismiss-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 6px 16px;\n  background: white;\n  border: 1px solid #e1e8f1;\n  box-shadow: 0 3px 3px -1.5px rgba(0, 0, 0, 0.0588235294), 0 1px 1px -0.5px rgba(0, 0, 0, 0.0588235294);\n  border-radius: 12px;\n  font-size: 14px;\n  color: #2d3748;\n  font-weight: 500;\n}\n\n.mp-session-debugger-modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 10003;\n}\n\n/* Modal content */\n.mp-session-debugger-modal-content {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  width: 80vw;\n  min-height: 70vh;\n  max-height: 90vh;\n  z-index: 10004;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Close button */\n.mp-session-debugger-modal-close {\n  background: none;\n  border: none;\n  padding: 8px;\n  cursor: pointer;\n  color: grey;\n  line-height: 1;\n}\n.mp-session-debugger-modal-close svg {\n  vertical-align: top;\n}\n\n/* Modal body */\n.mp-session-debugger-modal-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 20px 0;\n  height: 100%;\n  overflow: hidden;\n  background: white;\n}\n.mp-session-debugger-modal-body .rr-player {\n  border-radius: 4px;\n  border: 1px solid #c1c5ca;\n  box-shadow: unset;\n  overflow: hidden;\n}\n\n.mp-session-debugger-player-frame {\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n}\n.mp-session-debugger-player-frame .replayer-wrapper {\n  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n}\n\n/* Modal footer */\n.mp-session-debugger-modal-footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 10px;\n}\n\n/* Buttons */\n.mp-session-debugger-modal-button {\n  width: auto;\n}\n\n.mp-dismiss-recording,\n.mp-dismiss-recording:before,\n.mp-dismiss-recording:after {\n  background: white;\n  border: 1px solid #e1e8f1;\n  color: #2d3748;\n}\n\n@keyframes _rotateAnimation {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes _bounceAnimation {\n  0%, 100% {\n    padding: 3px;\n  }\n  50% {\n    padding: 0;\n  }\n}\n#mp-submission-dialog {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 99999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n#mp-submission-dialog.hidden {\n  display: none;\n}\n#mp-submission-dialog .mp-dialog-backdrop {\n  background: rgba(0, 0, 0, 0.4);\n  position: fixed;\n  width: 100%;\n  height: 100%;\n}\n#mp-submission-dialog .mp-dialog-content {\n  top: 30%;\n  left: 40%;\n  position: absolute;\n  background: #ffffff;\n  border-radius: 24px;\n  padding: 24px;\n  width: 90%;\n  max-width: 450px;\n  z-index: 100000;\n  animation: fadeIn 0.3s ease-out;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\n}\n#mp-submission-dialog .mp-dialog-actions {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n#mp-submission-dialog h3 {\n  margin-bottom: 16px;\n  font-size: 20px;\n  color: #2a374a;\n}\n#mp-submission-dialog .subtitle {\n  font-size: 12px;\n  color: #6d8198;\n  margin-bottom: 16px;\n}\n#mp-submission-dialog .form-group {\n  margin-bottom: 20px;\n}\n#mp-submission-dialog label {\n  display: block;\n  margin-bottom: 8px;\n  color: #555;\n  font-size: 14px;\n}\n#mp-submission-dialog textarea {\n  width: 100%;\n  padding: 12px;\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  resize: vertical;\n  min-height: 100px;\n  max-height: 350px;\n  font-family: inherit;\n  font-size: 14px;\n  transition: border 0.2s;\n}\n#mp-submission-dialog textarea:focus {\n  outline: none;\n  border-color: #382be4;\n  box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2);\n}\n#mp-submission-dialog textarea::placeholder {\n  color: #6d8198;\n  opacity: 1;\n}\n#mp-submission-dialog button {\n  padding: 12px 16px;\n  border-radius: 12px;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 500;\n  transition: all 0.2s;\n  height: auto;\n}\n#mp-submission-dialog #mp-cancel-submission {\n  background: #f5f5f5;\n  border: 1px solid #e1e8f1;\n  color: #2d3748;\n  box-shadow: 0 1px 1px -0.5px rgba(0, 0, 0, 0.06), 0 3px 3px -1.5px rgba(0, 0, 0, 0.06);\n}\n#mp-submission-dialog #mp-submit-recording {\n  background: linear-gradient(180deg, #493bff 0%, #382be4 100%);\n  border: none;\n  color: #ffffff;\n}\n#mp-submission-dialog #mp-submit-recording:hover {\n  background: linear-gradient(180deg, #493bff 0%, #160d9c 100%);\n}\n\n#mp-confirmation-dialog {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 14px;\n  background: rgba(0, 0, 0, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 9999;\n}\n#mp-confirmation-dialog .mp-dialog-content {\n  padding: 20px;\n  color: #2a374a;\n  max-width: 410px;\n  background: #ffffff;\n  border-radius: 24px;\n}\n#mp-confirmation-dialog .mp-dialog-buttons {\n  gap: 12px;\n  display: flex;\n  margin-top: 16px;\n  justify-content: flex-end;\n}\n#mp-confirmation-dialog button {\n  font-weight: 500;\n  cursor: pointer;\n  padding: 12px 16px;\n  border-radius: 12px;\n  transition: all 0.2s;\n}\n#mp-confirmation-dialog #mp-dialog-confirm {\n  background: #dd524c;\n  color: #ffffff;\n}\n#mp-confirmation-dialog #mp-dialog-confirm:hover {\n  background: #c53030;\n}\n#mp-confirmation-dialog #mp-dialog-cancel {\n  background: #f5f5f5;\n  border: 1px solid #e1e8f1;\n  color: #2d3748;\n  box-shadow: 0 1px 1px -0.5px rgba(0, 0, 0, 0.06), 0 3px 3px -1.5px rgba(0, 0, 0, 0.06);\n}\n\n.mp-drag-handle {\n  padding: 12px 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mp-toast {\n  left: 50%;\n  bottom: 40px;\n  position: fixed;\n  transform: translateX(-50%);\n  background: #535454;\n  z-index: 10001;\n  padding: 0;\n  border: none;\n  border-radius: 14px;\n  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);\n  display: flex;\n  font-size: 14px;\n  font-weight: 500;\n  animation: slideUpCenter 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.mp-toast-error .mp-toast-icon {\n  color: #dd524c;\n}\n.mp-toast.hidden {\n  display: none;\n}\n.mp-toast-content {\n  padding: 0;\n  gap: 12px;\n  color: white;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n}\n.mp-toast-icon {\n  margin-left: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.mp-toast-icon svg {\n  width: 20px;\n  height: 20px;\n}\n.mp-toast-message {\n  flex: 1;\n  margin-right: 12px;\n  font-weight: 500;\n}\n.mp-toast-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-top-right-radius: 14px;\n  border-bottom-right-radius: 14px;\n  padding: 12px 16px !important;\n  background: #414141 !important;\n  font-weight: 500 !important;\n  border: 0.5px solid #5c5d5d;\n  cursor: pointer;\n  text-decoration: none !important;\n  transition: background 0.18s;\n  color: white;\n}\n.mp-toast-button:hover, .mp-toast-button:focus {\n  background: rgba(255, 255, 255, 0.18);\n}\n\n@keyframes slideUpCenter {\n  from {\n    transform: translateX(-50%) translateY(40px);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(-50%) translateY(0);\n    opacity: 1;\n  }\n}";
+module.exports = "@keyframes _rotateAnimation {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes _bounceAnimation {\n  0%, 100% {\n    padding: 3px;\n  }\n  50% {\n    padding: 0;\n  }\n}\n@keyframes _rotateAnimation {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes _bounceAnimation {\n  0%, 100% {\n    padding: 3px;\n  }\n  50% {\n    padding: 0;\n  }\n}\n.mp-session-debugger-button {\n  cursor: pointer;\n  border-radius: 12px;\n  font-family: Inter, sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  z-index: 2247483003;\n  padding: 5px;\n  background-color: #ffffff;\n  border: solid 1px #bebfc1;\n  border-radius: 36px;\n  color: #718096;\n  transition: background 0.3s;\n  width: 42px;\n  height: 42px;\n  will-change: right, bottom;\n}\n.mp-session-debugger-button.is-started {\n  color: #493bff;\n}\n.mp-session-debugger-button.top-left {\n  top: 24px;\n  left: 24px;\n}\n.mp-session-debugger-button.top-right {\n  top: 24px;\n  right: 24px;\n}\n.mp-session-debugger-button.bottom-left {\n  bottom: 24px;\n  left: 24px;\n}\n.mp-session-debugger-button.bottom-right {\n  bottom: 24px;\n  right: 24px;\n}\n.mp-session-debugger-button.no-draggable {\n  position: static;\n}\n.mp-session-debugger-button.no-draggable::before {\n  transform: translateY(-18px) !important;\n  top: -10px !important;\n  left: 10px !important;\n}\n.mp-session-debugger-button.no-draggable:hover::before {\n  z-index: 1;\n  transform: translateY(-18px);\n  top: -10px;\n  left: 10px;\n  right: unset;\n}\n.mp-session-debugger-button.no-draggable.no-tooltip::before {\n  display: none;\n}\n.mp-session-debugger-button.mp-button-blue {\n  border: 1px rgba(0, 0, 0, 0.2);\n  background: #493bff;\n}\n.mp-session-debugger-button.mp-button-blue::before {\n  opacity: 1;\n  transform: translateX(0);\n}\n.mp-session-debugger-button:not([data-tooltip=\"\"]):before {\n  content: attr(data-tooltip);\n  position: absolute;\n  pointer-events: none;\n  height: 28px;\n  top: 6px;\n  padding: 6px 8px 6px 8px;\n  border-radius: 8px;\n  font-family: Inter, sans-serif;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 16px;\n  opacity: 0;\n  transition: all 0.3s;\n  background: #1a202c;\n  color: white;\n  white-space: nowrap;\n  box-sizing: border-box;\n  z-index: -1;\n  transform: translateX(-8px);\n  left: unset;\n  right: 100%;\n}\n.mp-session-debugger-button:not([data-tooltip=\"\"]).top-left:before, .mp-session-debugger-button:not([data-tooltip=\"\"]).bottom-left:before, .mp-session-debugger-button:not([data-tooltip=\"\"]).button-leftside:before {\n  transform: translateX(8px);\n  left: 100%;\n  right: unset;\n}\n.mp-session-debugger-button:not(.no-hover):hover {\n  color: #473cfb;\n  box-shadow: 0 3px 3px -1.5px rgba(0, 0, 0, 0.06), 0 1px 1px -0.5px rgba(0, 0, 0, 0.06);\n}\n.mp-session-debugger-button:not(.no-hover):hover:before {\n  opacity: 1;\n}\n.mp-session-debugger-button svg {\n  transform: rotate(0deg);\n  transition: transform 0.3s linear;\n}\n.mp-session-debugger-button.rotate-on-hover:hover svg {\n  transform: rotate(-180deg);\n}\n.mp-session-debugger-button.animate-rotate svg {\n  animation: _rotateAnimation 3s linear infinite;\n}\n\n.animate-bounce {\n  animation: _bounceAnimation 1.6s infinite;\n  animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);\n}\n\n* {\n  font-family: \"PP Neue Montreal\", Montserrat, Roboto, Arial, sans-serif !important;\n  box-sizing: border-box;\n}\n\n.hidden {\n  display: none !important;\n}\n\ntextarea {\n  background: #ffffff;\n  color: #2d3748;\n}\n\na,\nbutton {\n  appearance: none;\n  border: none;\n  outline: none;\n  cursor: pointer;\n}\n\n.mp-session-debugger-popover-textarea {\n  border: 1px solid #cbd5e0;\n  box-shadow: 0 12px 12px -12px rgba(0, 0, 0, 0.0588235294), 0 6px 6px -3px rgba(0, 0, 0, 0.0588235294), 0 3px 3px -1.5px rgba(0, 0, 0, 0.0588235294), 0 1px 1px -0.5px rgba(0, 0, 0, 0.0588235294);\n  padding: 10px 13px 10px 13px;\n  border-radius: 12px;\n  font-family: Inter, serif;\n  font-size: 14px;\n  font-weight: 400;\n  color: #718096;\n  margin-bottom: 32px;\n  width: 100%;\n  height: 80px;\n  resize: none;\n}\n\n.mp-session-debugger-popover {\n  position: fixed;\n  bottom: 90px;\n  right: 24px;\n  width: 300px;\n  background: #ffffff;\n  border-radius: 24px;\n  overflow: hidden;\n  border: 1px solid rgb(245, 245, 245);\n  box-shadow: 0 1px 1px -0.5px rgba(0, 0, 0, 0.06), 0 3px 3px -1.5px rgba(0, 0, 0, 0.06);\n  z-index: 10000;\n}\n.mp-session-debugger-popover.hidden {\n  display: none;\n}\n.mp-session-debugger-popover-content {\n  position: relative;\n  padding: 65px 16px 16px;\n}\n.mp-session-debugger-popover-header {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px;\n  gap: 8px;\n  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%), linear-gradient(90deg, #d8f3fd 0%, #e3ecfd 100%);\n}\n.mp-session-debugger-popover-header a {\n  color: inherit;\n  margin-right: auto;\n  text-decoration: none;\n}\n.mp-session-debugger-popover-body h2 {\n  margin-bottom: 4px;\n  font-size: 18px;\n  font-weight: 600;\n  color: #2d3748;\n  font-family: \"PP Neue Montreal\", Montserrat, Roboto, Arial, sans-serif;\n}\n.mp-session-debugger-popover-body p {\n  font-family: \"PP Neue Montreal\", Montserrat, Roboto, Arial, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  color: #718096;\n  margin-bottom: 32px;\n}\n.mp-session-debugger-popover-body:has(#mp-session-debugger-continuous-debugging-checkbox:checked) .mp-session-debugger-continuous-debugging-overlay {\n  display: flex;\n}\n.mp-session-debugger-popover-body:has(#mp-session-debugger-continuous-debugging-checkbox:checked) .mp-session-debugger-continuous-debugging ~ h2,\n.mp-session-debugger-popover-body:has(#mp-session-debugger-continuous-debugging-checkbox:checked) .mp-session-debugger-continuous-debugging ~ p {\n  display: none;\n}\n.mp-session-debugger-popover-body:has(#mp-session-debugger-continuous-debugging-checkbox:checked) .mp-session-debugger-popover-footer {\n  display: none;\n}\n.mp-session-debugger-popover-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n.mp-session-debugger-popover-button {\n  cursor: pointer;\n  border-radius: 12px;\n  font-family: Inter, sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  transition: all 0.2s;\n  border: none;\n  color: #ffffff;\n  width: 100%;\n  position: relative;\n  padding: 12px 16px;\n  border-radius: 12px;\n  background: transparent;\n  overflow: hidden;\n  z-index: 1;\n}\n.mp-session-debugger-popover-button::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: linear-gradient(180deg, #493bff 0%, #382be4 100%);\n  transition: opacity 0.3s linear;\n  z-index: -1;\n}\n.mp-session-debugger-popover-button::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: linear-gradient(180deg, #160d9c 0%, #160d9c 100%);\n  transition: opacity 0.3s linear;\n  z-index: -1;\n  opacity: 0;\n}\n.mp-session-debugger-popover-button:hover::after {\n  opacity: 1;\n}\n.mp-session-debugger-popover-button:disabled, .mp-session-debugger-popover-button.disabled {\n  pointer-events: none;\n  opacity: 0.6;\n  cursor: not-allowed;\n  transition: opacity 0.2s ease;\n}\n.mp-session-debugger-popover-button:disabled:hover, .mp-session-debugger-popover-button:disabled:focus, .mp-session-debugger-popover-button.disabled:hover, .mp-session-debugger-popover-button.disabled:focus {\n  background-color: inherit;\n  box-shadow: none;\n}\n.mp-session-debugger-continuous-debugging {\n  position: relative;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 12px;\n  border-radius: 12px;\n  border: 1px solid #e1e8f1;\n  box-shadow: 0 1px 1px -0.5px rgba(0, 0, 0, 0.06), 0 3px 3px -1.5px rgba(0, 0, 0, 0.06);\n  margin-bottom: 15px;\n}\n.mp-session-debugger-continuous-debugging-overlay {\n  /* Delete this block after it was fixed in the lib */\n  position: relative;\n  inset: unset;\n  padding: 0;\n  display: none;\n  border-radius: 12px;\n  backdrop-filter: blur(10px);\n  background: rgba(255, 255, 255, 0.5);\n  flex-direction: column;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.mp-session-debugger-continuous-debugging-overlay-content {\n  padding: 12px;\n  background: #ffffff;\n  border-radius: 12px;\n  border: 1px solid #e1e8f1;\n  box-shadow: 0 1px 1px -0.5px rgba(0, 0, 0, 0.06), 0 3px 3px -1.5px rgba(0, 0, 0, 0.06);\n}\n.mp-session-debugger-continuous-debugging-overlay-content h3 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  justify-content: flex-start;\n  margin: 0;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 500;\n}\n.mp-session-debugger-continuous-debugging-overlay-content h3 svg {\n  width: 20px;\n  height: 20px;\n  animation: _bounceAnimation 1.6s infinite;\n  animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);\n}\n.mp-session-debugger-continuous-debugging-overlay-content p {\n  margin: 0;\n}\n.mp-session-debugger-continuous-debugging-label {\n  gap: 8px;\n  display: flex;\n  font-size: 14px;\n  color: #2d3748;\n  font-weight: 500;\n}\n.mp-session-debugger-continuous-debugging-switch {\n  display: flex;\n  align-items: center;\n  width: 44px;\n  height: 24px;\n  padding: 2px;\n  cursor: pointer;\n  border-radius: 36px;\n  background: #e2e8f0;\n}\n.mp-session-debugger-continuous-debugging-switch:has(input:checked) {\n  background: #493bff;\n  justify-content: flex-end;\n}\n.mp-session-debugger-continuous-debugging-switch input {\n  display: none;\n}\n.mp-session-debugger-continuous-debugging-switch span {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: #ffffff;\n  transition: transform 0.2s;\n}\n\n.mp-recording-overlay {\n  background: #5c5d5d;\n  color: #ffffff;\n  display: flex;\n  z-index: 2147483007;\n  left: 50%;\n  bottom: 20px;\n  position: fixed;\n  transform: translate(-50%, 0);\n  border: 0.5px solid #5c5d5d;\n  border-radius: 24px;\n  font-family: Arial, sans-serif;\n  flex-direction: row;\n  font-size: 14px;\n  box-shadow: 0 1px 1px -0.5px rgba(0, 0, 0, 0.3);\n}\n.mp-recording-overlay.hidden {\n  display: none;\n}\n.mp-recording-status {\n  gap: 8px;\n  display: flex;\n  padding: 12px 12px;\n  flex-direction: row;\n  align-items: center;\n}\n.mp-recording-indicator {\n  width: 24px;\n  height: 24px;\n  animation: pulse 1.5s infinite;\n}\n.mp-recording-controls {\n  display: flex;\n}\n.mp-recording-btn {\n  border: none;\n  border-right: 0.5px solid #5c5d5d;\n  background: #414141;\n  padding: 6px 12px;\n  font-weight: bold;\n  cursor: pointer;\n  color: #ffffff;\n  gap: 8px;\n  height: 100%;\n}\n\n.mp-session-debugger-modal.hidden {\n  display: none;\n}\n\n.mp-session-debugger-popover-logo svg {\n  width: 30px;\n}\n\n.mp-session-debugger-dismiss-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 6px 16px;\n  background: white;\n  border: 1px solid #e1e8f1;\n  box-shadow: 0 3px 3px -1.5px rgba(0, 0, 0, 0.0588235294), 0 1px 1px -0.5px rgba(0, 0, 0, 0.0588235294);\n  border-radius: 12px;\n  font-size: 14px;\n  color: #2d3748;\n  font-weight: 500;\n}\n\n.mp-session-debugger-modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 10003;\n}\n\n/* Modal content */\n.mp-session-debugger-modal-content {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background: white;\n  padding: 20px;\n  border-radius: 8px;\n  width: 80vw;\n  min-height: 70vh;\n  max-height: 90vh;\n  z-index: 10004;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Close button */\n.mp-session-debugger-modal-close {\n  background: none;\n  border: none;\n  padding: 8px;\n  cursor: pointer;\n  color: grey;\n  line-height: 1;\n}\n.mp-session-debugger-modal-close svg {\n  vertical-align: top;\n}\n\n/* Modal body */\n.mp-session-debugger-modal-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 20px 0;\n  height: 100%;\n  overflow: hidden;\n  background: white;\n}\n.mp-session-debugger-modal-body .rr-player {\n  border-radius: 4px;\n  border: 1px solid #c1c5ca;\n  box-shadow: unset;\n  overflow: hidden;\n}\n\n.mp-session-debugger-player-frame {\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n}\n.mp-session-debugger-player-frame .replayer-wrapper {\n  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n}\n\n/* Modal footer */\n.mp-session-debugger-modal-footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 10px;\n}\n\n/* Buttons */\n.mp-session-debugger-modal-button {\n  width: auto;\n}\n\n.mp-dismiss-recording,\n.mp-dismiss-recording:before,\n.mp-dismiss-recording:after {\n  background: white;\n  border: 1px solid #e1e8f1;\n  color: #2d3748;\n}\n\n#mp-submission-dialog {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 99999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n#mp-submission-dialog.hidden {\n  display: none;\n}\n#mp-submission-dialog .mp-dialog-backdrop {\n  background: rgba(0, 0, 0, 0.4);\n  position: fixed;\n  width: 100%;\n  height: 100%;\n}\n#mp-submission-dialog .mp-dialog-content {\n  top: 30%;\n  left: 40%;\n  position: absolute;\n  background: #ffffff;\n  border-radius: 24px;\n  padding: 24px;\n  width: 90%;\n  max-width: 450px;\n  z-index: 100000;\n  animation: fadeIn 0.3s ease-out;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\n}\n#mp-submission-dialog .mp-dialog-actions {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n#mp-submission-dialog h3 {\n  margin-bottom: 16px;\n  font-size: 20px;\n  color: #2a374a;\n}\n#mp-submission-dialog .subtitle {\n  font-size: 12px;\n  color: #6d8198;\n  margin-bottom: 16px;\n}\n#mp-submission-dialog .form-group {\n  margin-bottom: 20px;\n}\n#mp-submission-dialog label {\n  display: block;\n  margin-bottom: 8px;\n  color: #555;\n  font-size: 14px;\n}\n#mp-submission-dialog textarea {\n  width: 100%;\n  padding: 12px;\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  resize: vertical;\n  min-height: 100px;\n  max-height: 350px;\n  font-family: inherit;\n  font-size: 14px;\n  transition: border 0.2s;\n}\n#mp-submission-dialog textarea:focus {\n  outline: none;\n  border-color: #382be4;\n  box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2);\n}\n#mp-submission-dialog textarea::placeholder {\n  color: #6d8198;\n  opacity: 1;\n}\n#mp-submission-dialog button {\n  padding: 12px 16px;\n  border-radius: 12px;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 500;\n  transition: all 0.2s;\n  height: auto;\n}\n#mp-submission-dialog #mp-cancel-submission {\n  background: #f5f5f5;\n  border: 1px solid #e1e8f1;\n  color: #2d3748;\n  box-shadow: 0 1px 1px -0.5px rgba(0, 0, 0, 0.06), 0 3px 3px -1.5px rgba(0, 0, 0, 0.06);\n}\n#mp-submission-dialog #mp-submit-recording {\n  background: linear-gradient(180deg, #493bff 0%, #382be4 100%);\n  border: none;\n  color: #ffffff;\n}\n#mp-submission-dialog #mp-submit-recording:hover {\n  background: linear-gradient(180deg, #493bff 0%, #160d9c 100%);\n}\n\n#mp-confirmation-dialog {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  font-size: 14px;\n  background: rgba(0, 0, 0, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 9999;\n}\n#mp-confirmation-dialog .mp-dialog-content {\n  padding: 20px;\n  color: #2a374a;\n  max-width: 410px;\n  background: #ffffff;\n  border-radius: 24px;\n}\n#mp-confirmation-dialog .mp-dialog-buttons {\n  gap: 12px;\n  display: flex;\n  margin-top: 16px;\n  justify-content: flex-end;\n}\n#mp-confirmation-dialog button {\n  font-weight: 500;\n  cursor: pointer;\n  padding: 12px 16px;\n  border-radius: 12px;\n  transition: all 0.2s;\n}\n#mp-confirmation-dialog #mp-dialog-confirm {\n  background: #dd524c;\n  color: #ffffff;\n}\n#mp-confirmation-dialog #mp-dialog-confirm:hover {\n  background: #c53030;\n}\n#mp-confirmation-dialog #mp-dialog-cancel {\n  background: #f5f5f5;\n  border: 1px solid #e1e8f1;\n  color: #2d3748;\n  box-shadow: 0 1px 1px -0.5px rgba(0, 0, 0, 0.06), 0 3px 3px -1.5px rgba(0, 0, 0, 0.06);\n}\n\n.mp-drag-handle {\n  padding: 12px 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mp-toast {\n  left: 50%;\n  bottom: 40px;\n  position: fixed;\n  transform: translateX(-50%);\n  background: #535454;\n  z-index: 10001;\n  padding: 0;\n  border: none;\n  border-radius: 14px;\n  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);\n  display: flex;\n  font-size: 14px;\n  font-weight: 500;\n  animation: slideUpCenter 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.mp-toast-error .mp-toast-icon {\n  color: #dd524c;\n}\n.mp-toast.hidden {\n  display: none;\n}\n.mp-toast-content {\n  padding: 0;\n  gap: 12px;\n  color: white;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n}\n.mp-toast-icon {\n  margin-left: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.mp-toast-icon svg {\n  width: 20px;\n  height: 20px;\n}\n.mp-toast-message {\n  flex: 1;\n  margin-right: 12px;\n  font-weight: 500;\n}\n.mp-toast-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-top-right-radius: 14px;\n  border-bottom-right-radius: 14px;\n  padding: 12px 16px !important;\n  background: #414141 !important;\n  font-weight: 500 !important;\n  border: 0.5px solid #5c5d5d;\n  cursor: pointer;\n  text-decoration: none !important;\n  transition: background 0.18s;\n  color: white;\n}\n.mp-toast-button:hover, .mp-toast-button:focus {\n  background: rgba(255, 255, 255, 0.18);\n}\n\n@keyframes slideUpCenter {\n  from {\n    transform: translateX(-50%) translateY(40px);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(-50%) translateY(0);\n    opacity: 1;\n  }\n}";
 
 /***/ }),
 
@@ -49090,6 +49490,11 @@ function hasBinary(obj, toJSON) {
 /******/ 		};
 /******/ 	})();
 /******/ 	
+/******/ 	/* webpack/runtime/nonce */
+/******/ 	(() => {
+/******/ 		__webpack_require__.nc = undefined;
+/******/ 	})();
+/******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
 // This entry need to be wrapped in an IIFE because it need to be in strict mode.
@@ -49129,7 +49534,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),