fcr-ui-scene 3.6.2 → 3.6.3

package/lib/modules/components/member-window/components/member-actions/store.js

@@ -37,17 +37,41 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MemberWindowActionsStoreContext = exports.MemberWindowActionsStore = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.set.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.set.add-all.js");
+require("core-js/modules/esnext.set.delete-all.js");
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.difference.js");
+require("core-js/modules/esnext.set.every.js");
+require("core-js/modules/esnext.set.filter.js");
+require("core-js/modules/esnext.set.find.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.intersection.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.js");
+require("core-js/modules/esnext.set.join.js");
+require("core-js/modules/esnext.set.map.js");
+require("core-js/modules/esnext.set.reduce.js");
+require("core-js/modules/esnext.set.some.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.js");
+require("core-js/modules/esnext.set.union.v2.js");
+require("core-js/modules/esnext.set.union.js");
 require("core-js/modules/esnext.weak-map.delete-all.js");
 require("core-js/modules/esnext.weak-map.emplace.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/web.timers.js");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _react = require("react");
 var _mobx = require("mobx");
 var _fcrCore = require("fcr-core");
@@ -65,6 +89,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
 function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
+var MEETING_CONNECTOR_TYPES = new Set([_fcrCore.FcrRoomConnectorType.SIP, _fcrCore.FcrRoomConnectorType.H323]);
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 var _C = /*#__PURE__*/new WeakMap();
@@ -142,6 +167,11 @@ var MemberWindowActionsStore = exports.MemberWindowActionsStore = /*#__PURE__*/f
       var _this$_windowData3;
       return (_this$_windowData3 = this._windowData) === null || _this$_windowData3 === void 0 ? void 0 : _this$_windowData3.isMySelf;
     }
+  }, {
+    key: "isMeeting",
+    get: function get() {
+      return MEETING_CONNECTOR_TYPES.has(this.connectorType);
+    }
   }, {
     key: "ownerRoleType",
     get: function get() {
@@ -159,59 +189,89 @@ var MemberWindowActionsStore = exports.MemberWindowActionsStore = /*#__PURE__*/f
       var _this$_windowData5;
       return (_this$_windowData5 = this._windowData) === null || _this$_windowData5 === void 0 ? void 0 : _this$_windowData5.hasVideoStream;
     }
+
+    /**
+     * 是否有屏幕共享。
+     * 屏幕共享的 windowData、屏幕共享人的 windowData 上的 hasScreenSharing 属性都为 ture，
+     * 所以不能通过此属性判断是屏幕共享窗口，还是屏幕共享人的视频窗口。
+     * 如果需要判断是否是屏幕共享窗口，请使用 isScreenSharingWindow 属性。
+     * 如果需要判断是否是屏幕共享人的视频窗口，请使用 isScreenSharingPeopleVideoWindow 属性。
+     */
   }, {
     key: "hasScreenSharing",
     get: function get() {
-      var _this$_windowData6;
-      return (_this$_windowData6 = this._windowData) === null || _this$_windowData6 === void 0 ? void 0 : _this$_windowData6.hasScreenSharing;
+      var _this$_windowData6, _this$_windowData7;
+      // 因为开启白板共享时，hasScreenSharing 和 hasBoardSharing 都为 true，
+      // 所以这里区分一下，如果有屏幕共享，并且没有白板共享时，才认为是屏幕共享。
+      return ((_this$_windowData6 = this._windowData) === null || _this$_windowData6 === void 0 ? void 0 : _this$_windowData6.hasScreenSharing) && !((_this$_windowData7 = this._windowData) !== null && _this$_windowData7 !== void 0 && _this$_windowData7.hasBoardSharing);
+    }
+
+    /**
+     * 是否有白板共享。
+     * 参考 hasScreenSharing 的注释。
+     */
+  }, {
+    key: "hasBoardSharing",
+    get: function get() {
+      var _this$_windowData8;
+      return (_this$_windowData8 = this._windowData) === null || _this$_windowData8 === void 0 ? void 0 : _this$_windowData8.hasBoardSharing;
+    }
+
+    /**
+     * 是否有共享（屏幕、白板）。
+     */
+  }, {
+    key: "hasSharing",
+    get: function get() {
+      return this.hasScreenSharing || this.hasBoardSharing;
     }
   }, {
     key: "isPin",
     get: function get() {
-      var _this$_windowData7;
-      return (_this$_windowData7 = this._windowData) === null || _this$_windowData7 === void 0 ? void 0 : _this$_windowData7.isPin;
+      var _this$_windowData9;
+      return (_this$_windowData9 = this._windowData) === null || _this$_windowData9 === void 0 ? void 0 : _this$_windowData9.isPin;
     }
   }, {
     key: "hasMicrophoneAudioStream",
     get: function get() {
-      var _this$_windowData8;
-      return (_this$_windowData8 = this._windowData) === null || _this$_windowData8 === void 0 ? void 0 : _this$_windowData8.hasMicrophoneAudioStream;
+      var _this$_windowData10;
+      return (_this$_windowData10 = this._windowData) === null || _this$_windowData10 === void 0 ? void 0 : _this$_windowData10.hasMicrophoneAudioStream;
     }
   }, {
     key: "audioStreamConnectorType",
     get: function get() {
-      var _this$_windowData9;
-      return (_this$_windowData9 = this._windowData) === null || _this$_windowData9 === void 0 ? void 0 : _this$_windowData9.audioStreamConnectorType;
+      var _this$_windowData11;
+      return (_this$_windowData11 = this._windowData) === null || _this$_windowData11 === void 0 ? void 0 : _this$_windowData11.audioStreamConnectorType;
     }
   }, {
     key: "videoStreamConnectorType",
     get: function get() {
-      var _this$_windowData10;
-      return (_this$_windowData10 = this._windowData) === null || _this$_windowData10 === void 0 ? void 0 : _this$_windowData10.videoStreamConnectorType;
+      var _this$_windowData12;
+      return (_this$_windowData12 = this._windowData) === null || _this$_windowData12 === void 0 ? void 0 : _this$_windowData12.videoStreamConnectorType;
     }
   }, {
     key: "videoStreamId",
     get: function get() {
-      var _this$_windowData11;
-      return (_this$_windowData11 = this._windowData) === null || _this$_windowData11 === void 0 ? void 0 : _this$_windowData11.videoStreamId;
+      var _this$_windowData13;
+      return (_this$_windowData13 = this._windowData) === null || _this$_windowData13 === void 0 ? void 0 : _this$_windowData13.videoStreamId;
     }
   }, {
     key: "audioStreamId",
     get: function get() {
-      var _this$_windowData12;
-      return (_this$_windowData12 = this._windowData) === null || _this$_windowData12 === void 0 ? void 0 : _this$_windowData12.audioStreamId;
+      var _this$_windowData14;
+      return (_this$_windowData14 = this._windowData) === null || _this$_windowData14 === void 0 ? void 0 : _this$_windowData14.audioStreamId;
     }
   }, {
     key: "phoneMicEnabled",
     get: function get() {
-      var _this$_windowData13;
-      return (_this$_windowData13 = this._windowData) === null || _this$_windowData13 === void 0 ? void 0 : _this$_windowData13.phoneMicEnabled;
+      var _this$_windowData15;
+      return (_this$_windowData15 = this._windowData) === null || _this$_windowData15 === void 0 ? void 0 : _this$_windowData15.phoneMicEnabled;
     }
   }, {
     key: "windowType",
     get: function get() {
-      var _this$_windowData14;
-      return (_this$_windowData14 = this._windowData) === null || _this$_windowData14 === void 0 ? void 0 : _this$_windowData14.type;
+      var _this$_windowData16;
+      return (_this$_windowData16 = this._windowData) === null || _this$_windowData16 === void 0 ? void 0 : _this$_windowData16.type;
     }
   }, {
     key: "connectorType",
@@ -238,11 +298,58 @@ var MemberWindowActionsStore = exports.MemberWindowActionsStore = /*#__PURE__*/f
     get: function get() {
       return this.hasScreenSharing && this.windowType === _type.FcrUIWindowType.VIDEO;
     }
+
+    /**
+     * 是否是屏幕共享人的视频窗口。
+     * 如果有屏幕共享，并且视频源类型是 CAMERA，则认为是屏幕共享人的视频窗口。
+     */
   }, {
-    key: "isWhiteboardSharing",
+    key: "isScreenSharingPeopleVideoWindow",
+    get: function get() {
+      var _this$_windowData17;
+      return this.hasScreenSharing && ((_this$_windowData17 = this._windowData) === null || _this$_windowData17 === void 0 ? void 0 : _this$_windowData17.videoSourceType) === _fcrCore.FcrVideoSourceType.CAMERA;
+    }
+
+    /**
+     * 是否是白板共享人的视频窗口。
+     * 如果有白板共享，并且 windowType 是 VIDEO， 则认为是白板共享人的视频窗口。
+     */
+  }, {
+    key: "isBoardSharingPeopleVideoWindow",
+    get: function get() {
+      var _this$_windowData18;
+      return ((_this$_windowData18 = this._windowData) === null || _this$_windowData18 === void 0 ? void 0 : _this$_windowData18.hasBoardSharing) && this.windowType === _type.FcrUIWindowType.VIDEO;
+    }
+
+    /**
+     * 是否是共享（屏幕、白板）人的视频窗口。
+     */
+  }, {
+    key: "isSharingPeopleVideoWindow",
+    get: function get() {
+      return this.isScreenSharingPeopleVideoWindow || this.isBoardSharingPeopleVideoWindow;
+    }
+  }, {
+    key: "isWhiteboardSharingWindow",
     get: function get() {
       return this.windowType === _type.FcrUIWindowType.BOARD;
     }
+  }, {
+    key: "isScreenSharingWindow",
+    get: function get() {
+      var _this$_windowData19;
+      return ((_this$_windowData19 = this._windowData) === null || _this$_windowData19 === void 0 ? void 0 : _this$_windowData19.videoSourceType) === _fcrCore.FcrVideoSourceType.SCREEN;
+    }
+
+    /**
+     * 是否是共享窗口（屏幕、白板）。
+     * 如果是白板共享窗口，或者是屏幕共享窗口，则认为是共享窗口。
+     */
+  }, {
+    key: "isSharingWindow",
+    get: function get() {
+      return this.isWhiteboardSharingWindow || this.isScreenSharingWindow;
+    }
   }, {
     key: "hasLoopbackAudioStream",
     get: function get() {
@@ -298,7 +405,7 @@ var MemberWindowActionsStore = exports.MemberWindowActionsStore = /*#__PURE__*/f
   }]);
 }();
 _MemberWindowActionsStore = MemberWindowActionsStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_MemberWindowActionsStore, [[_mobx.observable, 1, "isOnlyShowVideoStream"], [_mobx.observable, 1, "isShowDropMenu"], [_mobx.observable, 1, "timerRef"], [_mobx.observable, 1, "interpreterUser"], [_mobx.computed, 3, "windowData"], [_mobx.computed, 3, "userId"], [_mobx.computed, 3, "userName"], [_mobx.computed, 3, "isMySelf"], [_mobx.computed, 3, "ownerRoleType"], [_mobx.computed, 3, "isManager"], [_mobx.computed, 3, "hasVideoStream"], [_mobx.computed, 3, "hasScreenSharing"], [_mobx.computed, 3, "isPin"], [_mobx.computed, 3, "hasMicrophoneAudioStream"], [_mobx.computed, 3, "audioStreamConnectorType"], [_mobx.computed, 3, "videoStreamConnectorType"], [_mobx.computed, 3, "videoStreamId"], [_mobx.computed, 3, "audioStreamId"], [_mobx.computed, 3, "phoneMicEnabled"], [_mobx.computed, 3, "windowType"], [_mobx.computed, 3, "connectorType"], [_mobx.computed, 3, "isPhone"], [_mobx.computed, 3, "isInterpreter"], [_mobx.computed, 3, "isPurePhone"], [_mobx.computed, 3, "isScreenSharing"], [_mobx.computed, 3, "isWhiteboardSharing"], [_mobx.computed, 3, "hasLoopbackAudioStream"], [_setOnlyShowVideoStreamDecs, 18, "setOnlyShowVideoStream"], [_setIsShowDropMenuDecs, 18, "setIsShowDropMenu"], [_onVisibleChangeDecs, 18, "onVisibleChange"], [_decorator.bound, 2, "sendParticipantEvent"], [_decorator.bound, 2, "muteAudio"], [_decorator.bound, 2, "handleRename"], [_decorator.bound, 2, "release"]], []).e, 5);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_MemberWindowActionsStore, [[_mobx.observable, 1, "isOnlyShowVideoStream"], [_mobx.observable, 1, "isShowDropMenu"], [_mobx.observable, 1, "timerRef"], [_mobx.observable, 1, "interpreterUser"], [_mobx.computed, 3, "windowData"], [_mobx.computed, 3, "userId"], [_mobx.computed, 3, "userName"], [_mobx.computed, 3, "isMySelf"], [_mobx.computed, 3, "isMeeting"], [_mobx.computed, 3, "ownerRoleType"], [_mobx.computed, 3, "isManager"], [_mobx.computed, 3, "hasVideoStream"], [_mobx.computed, 3, "hasScreenSharing"], [_mobx.computed, 3, "hasBoardSharing"], [_mobx.computed, 3, "hasSharing"], [_mobx.computed, 3, "isPin"], [_mobx.computed, 3, "hasMicrophoneAudioStream"], [_mobx.computed, 3, "audioStreamConnectorType"], [_mobx.computed, 3, "videoStreamConnectorType"], [_mobx.computed, 3, "videoStreamId"], [_mobx.computed, 3, "audioStreamId"], [_mobx.computed, 3, "phoneMicEnabled"], [_mobx.computed, 3, "windowType"], [_mobx.computed, 3, "connectorType"], [_mobx.computed, 3, "isPhone"], [_mobx.computed, 3, "isInterpreter"], [_mobx.computed, 3, "isPurePhone"], [_mobx.computed, 3, "isScreenSharing"], [_mobx.computed, 3, "isScreenSharingPeopleVideoWindow"], [_mobx.computed, 3, "isBoardSharingPeopleVideoWindow"], [_mobx.computed, 3, "isSharingPeopleVideoWindow"], [_mobx.computed, 3, "isWhiteboardSharingWindow"], [_mobx.computed, 3, "isScreenSharingWindow"], [_mobx.computed, 3, "isSharingWindow"], [_mobx.computed, 3, "hasLoopbackAudioStream"], [_setOnlyShowVideoStreamDecs, 18, "setOnlyShowVideoStream"], [_setIsShowDropMenuDecs, 18, "setIsShowDropMenu"], [_onVisibleChangeDecs, 18, "onVisibleChange"], [_decorator.bound, 2, "sendParticipantEvent"], [_decorator.bound, 2, "muteAudio"], [_decorator.bound, 2, "handleRename"], [_decorator.bound, 2, "release"]], []).e, 5);
 _init_isOnlyShowVideoStream = _applyDecs$e[0];
 _init_isShowDropMenu = _applyDecs$e[1];
 _init_timerRef = _applyDecs$e[2];

package/lib/modules/components/member-window/index.css

@@ -13,30 +13,39 @@
   position: relative;
   overflow: hidden;
 }
+
 .fcr-member-window button,
 .fcr-member-board button {
   border: none;
   outline: none;
 }
+
 .fcr-member-window button:focus,
 .fcr-member-board button:focus {
   border: none;
   outline: none;
 }
+
 .fcr-member-board {
   width: 100%;
   height: 100%;
   position: relative;
+  cursor:
+    url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_71146_163811)"%3E%3Cg filter="url(%23filter0_d_71146_163811)"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.95701 14.2575L1.05431 2.41514C0.867777 1.84912 1.1772 1.23963 1.74543 1.05381C1.96805 0.981012 2.20837 0.982105 2.43032 1.05693L14.264 5.04624C14.8305 5.23722 15.1343 5.84949 14.9426 6.4138C14.8422 6.70924 14.6183 6.94694 14.3288 7.0656L9.3004 9.12601C9.08832 9.21291 8.92123 9.38255 8.83806 9.59543L6.99502 14.3123C6.77809 14.8675 6.15043 15.1423 5.59309 14.9263C5.29135 14.8093 5.058 14.5639 4.95701 14.2575Z" fill="%234262FF"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.95701 14.2575L1.05431 2.41514C0.867777 1.84912 1.1772 1.23963 1.74543 1.05381C1.96805 0.981012 2.20837 0.982105 2.43032 1.05693L14.264 5.04624C14.8305 5.23722 15.1343 5.84949 14.9426 6.4138C14.8422 6.70924 14.6183 6.94694 14.3288 7.0656L9.3004 9.12601C9.08832 9.21291 8.92123 9.38255 8.83806 9.59543L6.99502 14.3123C6.77809 14.8675 6.15043 15.1423 5.59309 14.9263C5.29135 14.8093 5.058 14.5639 4.95701 14.2575Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_d_71146_163811" x="-2.5" y="-1.5" width="23" height="23" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dx="1" dy="2"/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="out"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_71146_163811"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_71146_163811" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0_71146_163811"%3E%3Crect width="18" height="18" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'),
+    auto;
 }
+
 .fcr-member-board-mask {
   display: none;
   position: absolute;
   inset: 0;
   z-index: 2;
 }
+
 .fcr-member-board-mask-show {
   display: block;
 }
+
 /* .fcr-member-window.fcr-member-window-suspend {
   background-color: var(--fcr_ui_scene_video_s);
   border-radius: 0;
@@ -51,6 +60,7 @@
   pointer-events: none;
   visibility: hidden;
 }
+
 .fcr-member-window-is-broken {
   visibility: visible;
 }
@@ -72,6 +82,7 @@
   inset: 0;
   font-size: 0;
 }
+
 .fcr-member-window-body-render-video-loading {
   border-radius: 10px;
   position: absolute;
@@ -88,6 +99,7 @@
   align-items: center;
   justify-content: center;
 }
+
 .fcr-member-window-body-render-video-loading span {
   color: #fff;
   font-size: 14px;
@@ -96,6 +108,7 @@
   text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
   white-space: pre-wrap;
 }
+
 .fcr-member-window-body-render-video-loading .render-video-loading-icon {
   animation: loading-rotate 1s linear infinite;
 }
@@ -104,16 +117,20 @@
   from {
     transform: rotate(0deg);
   }
+
   to {
     transform: rotate(360deg);
   }
 }
+
 .fcr-member-window-body.fcr-member-window-body-video-remote {
   visibility: hidden;
 }
+
 .fcr-member-window-body.fcr-member-window-body-video-remote-render {
   visibility: visible;
 }
+
 .fcr-member-window-excitation {
   position: absolute;
   inset: 0;
@@ -121,9 +138,11 @@
   border: 3px solid var(--fcr_ui_scene_ramp_green6);
   opacity: 0;
 }
+
 .fcr-member-window-excitation-show {
   opacity: 1;
 }
+
 .fcr-member-window-pin {
   display: none;
   justify-content: center;
@@ -139,14 +158,17 @@
   /* transition: opacity 0.2s; */
   z-index: 11;
 }
+
 .fcr-member-window-pin-show {
   /* opacity: 1; */
   display: flex;
 }
+
 .fcr-member-board:hover .fcr-user-window-actions-top,
 .fcr-member-window:hover .fcr-user-window-actions-top {
   opacity: 1;
 }
+
 .fcr-member-window-members-sharebtn {
   display: none;
   align-items: center;
@@ -157,6 +179,7 @@
   height: 18px;
   margin-right: 2px;
 }
+
 .fcr-member-window-members-shareSound {
   display: none;
   align-items: center;
@@ -166,6 +189,7 @@
   height: 18px;
   margin-right: 2px;
 }
+
 .fcr-member-window-members-sharebtn-show {
   margin-left: 0px;
   display: flex;
@@ -175,6 +199,7 @@
   height: 24px;
   margin-right: 6px;
 }
+
 /* fcr-member-window-action start */
 
 .fcr-user-window-actions {
@@ -217,6 +242,7 @@
   bottom: 20px;
   z-index: 1;
 }
+
 .fcr-user-window-actions-bottom-layout {
   color: var(--fcr_ui_scene_icontext1);
   font-weight: var(--fcr_font_weight_m);
@@ -226,6 +252,7 @@
   align-items: center;
   overflow: hidden;
 }
+
 .fcr-user-window-actions-bottom-layout-info {
   border-radius: var(--fcr_cornerradius_xs);
   background-color: var(--fcr_ui_scene_view_toast);
@@ -233,17 +260,21 @@
   align-items: center;
   overflow: hidden;
 }
+
 .fcr-user-window-actions-bottom-interpreter-tag {
   margin-left: 8px;
 }
+
 .fcr-member-board .fcr-user-window-actions-bottom-show,
 .fcr-member-window .fcr-user-window-actions-bottom-show {
   opacity: 1;
 }
+
 .fcr-member-board:hover .fcr-user-window-actions-bottom,
 .fcr-member-window:hover .fcr-user-window-actions-bottom {
   opacity: 1;
 }
+
 .fcr-member-window-gallery .fcr-user-window-actions-bottom {
   height: 24px;
   font-size: 12px;
@@ -320,6 +351,7 @@
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
+
 .fcr-user-window-actions-tag:has(~ .fcr-user-window-actions-microphone) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
@@ -383,9 +415,11 @@
   transition: opacity 0.2s;
   z-index: 10;
 }
+
 .fcr-member-window .fcr-user-window-actions-top-active {
   opacity: 1;
 }
+
 .fcr-user-window-actions-more {
   padding: 3px;
   border-radius: var(--fcr_cornerradius_xxs);
@@ -435,13 +469,16 @@
 .fcr-user-window-actions-tag_large {
   margin-bottom: 8px;
 }
+
 .fcr-user-window-actions-bottom .fcr-device-settings-video__video-flip-container {
   position: static;
   margin-left: 2px;
 }
+
 .fcr-user-window-actions-bottom .fcr-device-settings-video__video-flip-container:hover {
   background: var(--fcr_ui_scene_white10);
 }
+
 .fcr-user-window-actions-bottom
   .fcr-device-settings-video__video-flip-container
   .fcr-clickable-icon-small {

package/lib/modules/control-bar/index.d.ts

@@ -1,6 +1,5 @@
 import { UIModule } from '../../base';
 import './index.css';
-import { FcrUIAction } from '../../utilities/constant';
 import { FcrUIEventProvider } from '../../providers/event-provider';
 import { FcrUIMainRoomControlProvider, FcrUIRoomProvider } from '../../providers/room-provider';
 import { FcrUIPrivilegeProvider } from '../../providers/privilege-provider';
@@ -11,7 +10,6 @@ import { FcrUIScreenShareProvider } from '../../providers/screen-share-provider'
 import { FcrUISharedChatDataSource } from '../../shared-data-source/chat-data';
 import { FcrUIDevicePrivilegeProvider } from '../../providers/device-privilege-provider';
 import { FcrUISharedDevicePrivilegeDataSource } from '../../shared-data-source/device-privilege-data';
-import { CurrentShareScreenTypes } from '../share-screen/types';
 import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
 import { FcrUILocalStorageProvider } from '../../providers/local-storage-provider';
 import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
@@ -50,9 +48,7 @@ export declare class ControlBarUIModule extends UIModule {
     onNodeWillActive(): void;
     onNodeWillInactive(): void;
     getComponent(props: {
-        params: any;
         browserWindow: Electron.BrowserWindow;
     }): import("react/jsx-runtime").JSX.Element;
-    onUiEvent(event: FcrUIAction, payload: CurrentShareScreenTypes): void;
     onProcessEvent(event: RendererCustomEvent): void;
 }

package/lib/modules/control-bar/index.js

@@ -1,27 +1,14 @@
 "use strict";
 
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.array.push.js");
-require("core-js/modules/es.object.define-properties.js");
 require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.reflect.construct.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
-require("core-js/modules/esnext.iterator.constructor.js");
-require("core-js/modules/esnext.iterator.filter.js");
-require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.weak-map.delete-all.js");
 require("core-js/modules/esnext.weak-map.emplace.js");
-require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -29,8 +16,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ControlBarUIModule = void 0;
-require("core-js/modules/es.function.bind.js");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -46,8 +31,6 @@ var _store3 = require("../components/leave-meeting/store");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var ControlBarUIModule = exports.ControlBarUIModule = /*#__PURE__*/function (_UIModule) {
@@ -84,9 +67,6 @@ var ControlBarUIModule = exports.ControlBarUIModule = /*#__PURE__*/function (_UI
       this.screenShareProvider = this.screenShareProvider;
       this._deviceControlStore = new _store2.DeviceControlStore((_this$mainRoomControl2 = this.mainRoomControlProvider) === null || _this$mainRoomControl2 === void 0 ? void 0 : _this$mainRoomControl2.mainRoomControl, this.deviceProvider, this.dialogProvider, this.deviceStreamProvider, this.sharedDevicePrivilegeDataSource);
       this._leaveMeetingStore = new _store3.LeaveMeetingStore(this.privilegeProvider, this.roomProvider, this.mainRoomControlProvider.mainRoomControl, this.sharedMemberDataSource, this.abilityProvider, this.dialogProvider);
-      this.eventProvider.addObserver({
-        onEvent: this.onUiEvent.bind(this)
-      });
     }
   }, {
     key: "onNodeWillInactive",
@@ -99,9 +79,6 @@ var ControlBarUIModule = exports.ControlBarUIModule = /*#__PURE__*/function (_UI
   }, {
     key: "getComponent",
     value: function getComponent(props) {
-      var params = props.params,
-        browserWindow = props.browserWindow;
-      this._store.initControlBar(params, browserWindow);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
         value: this._store,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_store2.DeviceControlStoreContext.Provider, {
@@ -110,15 +87,6 @@ var ControlBarUIModule = exports.ControlBarUIModule = /*#__PURE__*/function (_UI
         })
       });
     }
-  }, {
-    key: "onUiEvent",
-    value: function onUiEvent(event, payload) {
-      switch (event) {
-        case _constant.FcrUIAction.SET_CURRENT_SHARE_SCREEN:
-          this._store.updateCurrentShareContent(_objectSpread({}, payload));
-          break;
-      }
-    }
   }, {
     key: "onProcessEvent",
     value: function onProcessEvent(event) {

package/lib/modules/control-bar/store.d.ts

@@ -10,7 +10,6 @@ import { FcrUIRoomProvider } from '../../providers/room-provider';
 import { MoreAction } from './enums';
 import { FcrUISharedChatDataSource } from '../../shared-data-source/chat-data';
 import { CurrentShareBounds } from './types';
-import { CurrentShareScreenTypes } from '../share-screen/types';
 import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
 import { FcrUILocalStorageProvider } from '../../providers/local-storage-provider';
 import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
@@ -51,9 +50,6 @@ export default class ControlBarStore {
     private _dialogObsever;
     private _participantDialogId;
     accessor leaveConfirmRef: React.ReactNode;
-    accessor currentShareId: string;
-    accessor currentShareType: AgoraRtcScreenCaptureType;
-    accessor currentShareBounds: CurrentShareBounds;
     accessor recordShareBounds: Map<CurrentShareBounds, CurrentShareScreenWorkArea>;
     accessor cloudRecordingState: FcrRecordingState;
     accessor isHost: boolean;
@@ -68,6 +64,9 @@ export default class ControlBarStore {
     accessor boardOwnerUser: string;
     accessor currentShareDisplayId: number;
     get shareWithAudio(): boolean;
+    get currentShareId(): string;
+    get currentShareType(): AgoraRtcScreenCaptureType;
+    get currentShareBounds(): CurrentShareBounds;
     get privilegeProvider(): FcrUIPrivilegeProvider;
     get localUser(): import("fcr-core/lib/type").FcrUserInfo;
     get remoteUsers(): import("fcr-core/lib/type").FcrUserInfo[];
@@ -106,6 +105,7 @@ export default class ControlBarStore {
     get shareAudioProcessingChannel(): AudioProcessingChannel;
     get checkedStateMap(): FcrSecurityCheckedStateType;
     get isSharingScreen(): boolean;
+    get isReplaceScreen(): boolean;
     constructor({ uiEventStore, securityStore, roomControl, deviceProvider, sharedLayoutDataSource, roomProvider, sharedChatDataSource, sharedMemberDataSource, localStorageProvider, abilityProvider, sharedMeetingTimeDataSource, messageProvider, sharedSecuritySharedDataSource, annotationProvider, sharingProvider, screenShareProvider, sharedScreenShareSharedDataSource, dialogProvider, }: {
         uiEventStore: FcrUIEventProvider;
         securityStore: FcrUIPrivilegeProvider;
@@ -127,8 +127,6 @@ export default class ControlBarStore {
         dialogProvider: FcrUIDialogProvider;
     });
     setCheckedStateMap(val: FcrSecurityCheckedStateType): void;
-    initControlBar(payload: any, _browserWindow: Electron.BrowserWindow): void;
-    updateCurrentShareContent(payload: CurrentShareScreenTypes): void;
     setShareWithAudioState(withAudio: boolean): void;
     showLockedRoomToast(enable: boolean): void;
     createNewShare(): void;