fcr-ui-scene 3.6.4 → 3.7.0

package/lib/modules/layout/store.js

@@ -32,7 +32,6 @@ require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.object.values.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.iterator.constructor.js");
@@ -55,29 +54,6 @@ require("core-js/modules/esnext.map.merge.js");
 require("core-js/modules/esnext.map.reduce.js");
 require("core-js/modules/esnext.map.some.js");
 require("core-js/modules/esnext.map.update.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.for-each.js");
@@ -105,7 +81,7 @@ var _view = require("./view");
 var _logger = require("../../utilities/logger");
 var _env = require("agora-foundation/lib/utilities/env");
 var _LayoutStore;
-var _initProto, _participantDecs, _init_participant, _chatDecs, _init_chat, _chatActionDecs, _init_chatAction, _stateBarDecs, _init_stateBar, _actionBarDecs, _init_actionBar, _layersDecs, _init_layers, _whiteboardDecs, _init_whiteboard, _annotationDecs, _init_annotation, _annotationControlDecs, _init_annotationControl, _init_collapsed, _init_aside, _init_barHovering, _init_barLocked, _init_barHidden, _init_asideWidth, _init_userVolumeMap, _init_chatRoomState, _init_whiteboardActive, _init_ownerUser, _addPinMessageDecs, _cancelPinMessageDecs, _setWhiteboardActiveDecs, _setAsideWidthDecs, _updateSlotsDecs, _toggleLayoutDecs, _toggleCollapsedDecs, _toggleAsideDecs, _asideWidthChangedDecs, _toggleLayoutBarLockDecs, _toggleLayoutBarHiddenDecs, _resetLockTimerDecs, _setHoveringHandlerDecs, _setHoveringLeaveHandlerDecs, _handleLiveLayoutChangeDecs, _onUserInfoUpdatedDecs, _handleLayoutUpdatedDecs, _init__handleLayoutUpdated, _handleFoldListChangedDecs, _handleMainListLengthChangedDecs, _handleMainListChangedDecs, _setBarHoveringDecs, _handleConnectionUpdatedDecs, _onAudioVolumeUpdatedDecs, _ref;
+var _initProto, _participantDecs, _init_participant, _chatDecs, _init_chat, _chatActionDecs, _init_chatAction, _stateBarDecs, _init_stateBar, _actionBarDecs, _init_actionBar, _layersDecs, _init_layers, _whiteboardDecs, _init_whiteboard, _annotationDecs, _init_annotation, _screenShareControlDecs, _init_screenShareControl, _init_collapsed, _init_aside, _init_barHovering, _init_barLocked, _init_barHidden, _init_asideWidth, _init_userVolumeMap, _init_chatRoomState, _init_whiteboardActive, _init_ownerUser, _addPinMessageDecs, _cancelPinMessageDecs, _setWhiteboardActiveDecs, _setAsideWidthDecs, _updateSlotsDecs, _toggleLayoutDecs, _toggleCollapsedDecs, _toggleAsideDecs, _asideWidthChangedDecs, _toggleLayoutBarLockDecs, _toggleLayoutBarHiddenDecs, _resetLockTimerDecs, _setHoveringHandlerDecs, _setHoveringLeaveHandlerDecs, _setScreenShareSpeakerViewSizeDecs, _handleLiveLayoutChangeDecs, _onUserInfoUpdatedDecs, _handleLayoutUpdatedDecs, _init__handleLayoutUpdated, _handleFoldListChangedDecs, _handleMainListLengthChangedDecs, _handleMainListChangedDecs, _setBarHoveringDecs, _handleConnectionUpdatedDecs, _onAudioVolumeUpdatedDecs, _ref;
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
@@ -135,7 +111,7 @@ var _P = /*#__PURE__*/new WeakMap();
 var _Q = /*#__PURE__*/new WeakMap();
 var _R = /*#__PURE__*/new WeakMap();
 var _S = /*#__PURE__*/new WeakMap();
-_ref = (_participantDecs = [_mobx.observable, _mobx.observable.ref], _chatDecs = [_mobx.observable, _mobx.observable.ref], _chatActionDecs = [_mobx.observable, _mobx.observable.ref], _stateBarDecs = [_mobx.observable, _mobx.observable.ref], _actionBarDecs = [_mobx.observable, _mobx.observable.ref], _layersDecs = [_mobx.observable, _mobx.observable.ref], _whiteboardDecs = [_mobx.observable, _mobx.observable.ref], _annotationDecs = [_mobx.observable, _mobx.observable.ref], _annotationControlDecs = [_mobx.observable, _mobx.observable.ref], _addPinMessageDecs = [_mobx.action, _mobx.action.bound], _cancelPinMessageDecs = [_mobx.action, _mobx.action.bound], _setWhiteboardActiveDecs = [_mobx.action, _mobx.action.bound], _setAsideWidthDecs = [_mobx.action, _mobx.action.bound], _updateSlotsDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutDecs = [_mobx.action, _mobx.action.bound], _toggleCollapsedDecs = [_mobx.action, _mobx.action.bound], _toggleAsideDecs = [_mobx.action, _mobx.action.bound], _asideWidthChangedDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutBarLockDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutBarHiddenDecs = [_mobx.action, _mobx.action.bound], _resetLockTimerDecs = [_mobx.action, _mobx.action.bound], _setHoveringHandlerDecs = [_mobx.action, _mobx.action.bound], _setHoveringLeaveHandlerDecs = [_mobx.action, _mobx.action.bound], _handleLiveLayoutChangeDecs = [_mobx.action, _mobx.action.bound], _onUserInfoUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleLayoutUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleFoldListChangedDecs = [_mobx.action, _mobx.action.bound], _handleMainListLengthChangedDecs = [_mobx.action, _mobx.action.bound], _handleMainListChangedDecs = [_mobx.action, _mobx.action.bound], _setBarHoveringDecs = [_mobx.action, _mobx.action.bound], _handleConnectionUpdatedDecs = [_mobx.action, _mobx.action.bound], _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], "logger");
+_ref = (_participantDecs = [_mobx.observable, _mobx.observable.ref], _chatDecs = [_mobx.observable, _mobx.observable.ref], _chatActionDecs = [_mobx.observable, _mobx.observable.ref], _stateBarDecs = [_mobx.observable, _mobx.observable.ref], _actionBarDecs = [_mobx.observable, _mobx.observable.ref], _layersDecs = [_mobx.observable, _mobx.observable.ref], _whiteboardDecs = [_mobx.observable, _mobx.observable.ref], _annotationDecs = [_mobx.observable, _mobx.observable.ref], _screenShareControlDecs = [_mobx.observable, _mobx.observable.ref], _addPinMessageDecs = [_mobx.action, _mobx.action.bound], _cancelPinMessageDecs = [_mobx.action, _mobx.action.bound], _setWhiteboardActiveDecs = [_mobx.action, _mobx.action.bound], _setAsideWidthDecs = [_mobx.action, _mobx.action.bound], _updateSlotsDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutDecs = [_mobx.action, _mobx.action.bound], _toggleCollapsedDecs = [_mobx.action, _mobx.action.bound], _toggleAsideDecs = [_mobx.action, _mobx.action.bound], _asideWidthChangedDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutBarLockDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutBarHiddenDecs = [_mobx.action, _mobx.action.bound], _resetLockTimerDecs = [_mobx.action, _mobx.action.bound], _setHoveringHandlerDecs = [_mobx.action, _mobx.action.bound], _setHoveringLeaveHandlerDecs = [_mobx.action, _mobx.action.bound], _setScreenShareSpeakerViewSizeDecs = [(0, _decorator.debounced)(400), _decorator.bound], _handleLiveLayoutChangeDecs = [_mobx.action, _mobx.action.bound], _onUserInfoUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleLayoutUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleFoldListChangedDecs = [_mobx.action, _mobx.action.bound], _handleMainListLengthChangedDecs = [_mobx.action, _mobx.action.bound], _handleMainListChangedDecs = [_mobx.action, _mobx.action.bound], _setBarHoveringDecs = [_mobx.action, _mobx.action.bound], _handleConnectionUpdatedDecs = [_mobx.action, _mobx.action.bound], _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], "logger");
 var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   function LayoutStore(params) {
     var _this = this;
@@ -147,7 +123,6 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "_disposers", []);
     (0, _defineProperty2["default"])(this, "_barLockTimer", 0);
     (0, _defineProperty2["default"])(this, "_liveStreamState", _type.FcrLiveStreamingState.STOPPED);
-    (0, _defineProperty2["default"])(this, "_managerRoleUpdateForToast", new Set([_type.FcrUserRole.HOST, _type.FcrUserRole.COHOST]));
     // Slots
     _classPrivateFieldInitSpec(this, _A, _init_participant(this, null));
     _classPrivateFieldInitSpec(this, _B, _init_chat(this, null));
@@ -157,7 +132,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _F, _init_layers(this, null));
     _classPrivateFieldInitSpec(this, _G, _init_whiteboard(this, null));
     _classPrivateFieldInitSpec(this, _H, _init_annotation(this, null));
-    _classPrivateFieldInitSpec(this, _I, _init_annotationControl(this, null));
+    _classPrivateFieldInitSpec(this, _I, _init_screenShareControl(this, null));
     // State
     _classPrivateFieldInitSpec(this, _J, _init_collapsed(this, true));
     _classPrivateFieldInitSpec(this, _K, _init_aside(this, false));
@@ -208,6 +183,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     this._annotationProvider = params.annotationProvider;
     this._sharedScreenShareDataSource = params.sharedScreenShareDataSource;
     this._interpreterProvider = params.interpreterProvider;
+    this._sharedAnnotationDataSource = params.sharedAnnotationDataSource;
     this._addListeners();
     //@ts-ignore
     window.layoutStore = this;
@@ -283,7 +259,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_H, this, v);
     }
   }, {
-    key: "annotationControl",
+    key: "screenShareControl",
     get: function get() {
       return _classPrivateFieldGet(_I, this);
     },
@@ -423,12 +399,12 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "scalcValue",
     get: function get() {
-      return this._annotationProvider.scalcValue;
+      return this._sharedScreenShareDataSource.screenShareScalcValue;
     }
   }, {
     key: "annotationHasStart",
     get: function get() {
-      return this._annotationProvider.annotationHasStart;
+      return this._sharedAnnotationDataSource.annotationHasStart;
     }
   }, {
     key: "sourceList",
@@ -878,6 +854,11 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     value: function setHoveringLeaveHandler() {
       return !this.barLocked && this._setBarHovering(false);
     }
+  }, {
+    key: "setScreenShareSpeakerViewSize",
+    value: function setScreenShareSpeakerViewSize(width, height) {
+      this._sharedScreenShareDataSource.setScreenShareSpeakerViewSize(width, height);
+    }
   }, {
     key: "handleLiveLayoutChange",
     value: function handleLiveLayoutChange(modifiedUser) {
@@ -927,6 +908,11 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
           break;
       }
     }
+  }, {
+    key: "setScaleValue",
+    value: function setScaleValue(scale) {
+      this._sharedScreenShareDataSource.setScreenShareScalcValue(scale);
+    }
   }, {
     key: "muteAudio",
     value: function muteAudio(mute, userId) {
@@ -994,9 +980,6 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     key: "_addListeners",
     value: function _addListeners() {
       var _this5 = this;
-      var chatRoomObserver = {
-        onConnectionStateUpdated: this._handleConnectionUpdated
-      };
       var roomObserver = {
         onLiveStreamingStateUpdated: this._handleLiveStreamingStateUpdated
       };
@@ -1029,21 +1012,24 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
           return _this5.setWhiteboardActive(false);
         }
       };
+      var chatObserver = {
+        onChatRoomConnectionStateUpdated: this._handleConnectionUpdated
+      };
       this._roomControl.addObserver(roomObserver);
       this._eventProvider.addObserver(eventObserver);
       this._streamControl.addObserver(streamObserver);
       this._userControl.addObserver(userObserver);
       this._videoWindowDataSource.addObserver(videoWindowObserver);
       this._whiteBoardControl.addObserver(whiteboardObserver);
-      this._chatRoomControl.addObserver(chatRoomObserver);
+      this._chatProvider.addObserver(chatObserver);
       this._disposers.push(function () {
-        _this5._roomControl.addObserver(roomObserver);
-        _this5._eventProvider.addObserver(eventObserver);
-        _this5._streamControl.addObserver(streamObserver);
-        _this5._userControl.addObserver(userObserver);
-        _this5._videoWindowDataSource.addObserver(videoWindowObserver);
-        _this5._whiteBoardControl.addObserver(whiteboardObserver);
-        _this5._chatRoomControl.addObserver(chatRoomObserver);
+        _this5._roomControl.removeObserver(roomObserver);
+        _this5._eventProvider.removeObserver(eventObserver);
+        _this5._streamControl.removeObserver(streamObserver);
+        _this5._userControl.removeObserver(userObserver);
+        _this5._videoWindowDataSource.removeObserver(videoWindowObserver);
+        _this5._whiteBoardControl.removeObserver(whiteboardObserver);
+        _this5._chatProvider.removeObserver(chatObserver);
       }, (0, _mobx.reaction)(function () {
         return _this5.mainList.length;
       }, function (length) {
@@ -1230,6 +1216,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_handleConnectionUpdated",
     value: function _handleConnectionUpdated(_, state) {
+      this.logger.info('layout store handleConnectionUpdated', state);
       this.chatRoomState = state;
     }
   }, {
@@ -1246,12 +1233,17 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_handleStreamAdded",
     value: function _handleStreamAdded(modifiedStream) {
+      this._videoWindowDataSource.add(modifiedStream, modifiedStream.owner.userId === this.localUserId);
       if (modifiedStream.videoSourceType === _fcrCore.FcrVideoSourceType.SCREEN) {
+        var isSharingScreenOwner = modifiedStream.owner.userId === this.localUserId;
         if (this.layout === _type2.FcrUIVideoWindowLayoutType.Gallery) {
-          this.toggleLayout(_type2.FcrUIVideoWindowLayoutType.Speaker);
+          // 在非 Electron 环境或者 Electron 环境下非屏幕共享拥有者时，切换到 Speaker 布局
+          var shouldToggleToSpeaker = !(0, _env.isElectron)() || !isSharingScreenOwner;
+          if (shouldToggleToSpeaker) {
+            this.toggleLayout(_type2.FcrUIVideoWindowLayoutType.Speaker);
+          }
         }
       }
-      this._videoWindowDataSource.add(modifiedStream, modifiedStream.owner.userId === this.localUserId);
     }
   }, {
     key: "_onStreamsAdded",
@@ -1323,7 +1315,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _LayoutStore = LayoutStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_LayoutStore, [[_participantDecs, 17, "participant"], [_chatDecs, 17, "chat"], [_chatActionDecs, 17, "chatAction"], [_stateBarDecs, 17, "stateBar"], [_actionBarDecs, 17, "actionBar"], [_layersDecs, 17, "layers"], [_whiteboardDecs, 17, "whiteboard"], [_annotationDecs, 17, "annotation"], [_annotationControlDecs, 17, "annotationControl"], [_mobx.observable, 1, "collapsed"], [_mobx.observable, 1, "aside"], [_mobx.observable, 1, "barHovering"], [_mobx.observable, 1, "barLocked"], [_mobx.observable, 1, "barHidden"], [_mobx.observable, 1, "asideWidth"], [_mobx.observable, 1, "userVolumeMap"], [_mobx.observable, 1, "chatRoomState"], [_mobx.observable, 1, "whiteboardActive"], [_mobx.observable, 1, "ownerUser"], [_mobx.computed, 3, "isWaterMarkEnabled"], [_mobx.computed, 3, "isMulti"], [_mobx.computed, 3, "layout"], [_mobx.computed, 3, "manualLayout"], [_mobx.computed, 3, "scalcValue"], [_mobx.computed, 3, "sourceList"], [_mobx.computed, 3, "layoutMainList"], [_mobx.computed, 3, "mainList"], [_mobx.computed, 3, "mainListMapByAudioStreamId"], [_mobx.computed, 3, "spotlightStreamId"], [_mobx.computed, 3, "foldList"], [_mobx.computed, 3, "galleryList"], [_mobx.computed, 3, "isMainWindowInScreenSharing"], [_mobx.computed, 3, "isCurrentUserInBoardSharing"], [_mobx.computed, 3, "asideLayout"], [_mobx.computed, 3, "carouselList"], [_mobx.computed, 3, "hasPinnedStream"], [_mobx.computed, 3, "isRobot"], [_mobx.computed, 3, "findSpotlightUser"], [_mobx.computed, 3, "microphoneEnabled"], [_mobx.computed, 3, "galleryMaxSize"], [_mobx.computed, 3, "isVideoSuspended"], [_mobx.computed, 3, "asideContent"], [_mobx.computed, 3, "participantsRenderAt"], [_mobx.computed, 3, "chatRenderAt"], [_decorator.bound, 2, "getWaterMarkContent"], [_decorator.bound, 2, "hasMutePermission"], [_decorator.bound, 2, "hasUnmutePermission"], [_decorator.bound, 2, "hasRequestStartAudioPermission"], [_decorator.bound, 2, "toggleMainStream"], [_addPinMessageDecs, 18, "addPinMessage"], [_cancelPinMessageDecs, 18, "cancelPinMessage"], [_decorator.bound, 2, "addPin"], [_decorator.bound, 2, "removePin"], [_decorator.bound, 2, "setVideoOrientation"], [_decorator.bound, 2, "setAllowChat"], [_decorator.bound, 2, "handleSetPinState"], [_setWhiteboardActiveDecs, 18, "setWhiteboardActive"], [_setAsideWidthDecs, 18, "setAsideWidth"], [_updateSlotsDecs, 18, "updateSlots"], [_decorator.bound, 2, "closeParticipantFromAside"], [_decorator.bound, 2, "moveParticipantFromAsideToDialog"], [_decorator.bound, 2, "closeChatFromAside"], [_decorator.bound, 2, "closeAsideChat"], [_decorator.bound, 2, "moveChatFromAsideToDialog"], [_decorator.bound, 2, "openPrivateChat"], [_decorator.bound, 2, "openRenameDialog"], [_toggleLayoutDecs, 18, "toggleLayout"], [_toggleCollapsedDecs, 18, "toggleCollapsed"], [_toggleAsideDecs, 18, "toggleAside"], [_asideWidthChangedDecs, 18, "asideWidthChanged"], [_toggleLayoutBarLockDecs, 18, "toggleLayoutBarLock"], [_toggleLayoutBarHiddenDecs, 18, "toggleLayoutBarHidden"], [_resetLockTimerDecs, 18, "resetLockTimer"], [_setHoveringHandlerDecs, 18, "setHoveringHandler"], [_setHoveringLeaveHandlerDecs, 18, "setHoveringLeaveHandler"], [_handleLiveLayoutChangeDecs, 18, "handleLiveLayoutChange"], [_onUserInfoUpdatedDecs, 18, "onUserInfoUpdated"], [_decorator.bound, 2, "stopLocalPreview"], [_decorator.bound, 2, "startLocalPreview"], [_decorator.bound, 2, "setAllowChatWithPayload"], [_decorator.bound, 2, "muteAudio"], [_decorator.bound, 2, "sendParticipantEvent"], [_decorator.bound, 2, "onEvent"], [_decorator.bound, 2, "_addListeners"], [_mobx.computed, 3, "_hasVideoStreamUser"], [_handleFoldListChangedDecs, 18, "_handleFoldListChanged"], [_handleMainListLengthChangedDecs, 18, "_handleMainListLengthChanged"], [_handleMainListChangedDecs, 18, "_handleMainListChanged"], [_mobx.action, 2, "_switchToSpeaker"], [_mobx.action, 2, "_switchToGallery"], [_setBarHoveringDecs, 18, "_setBarHovering"], [_decorator.bound, 2, "_initStream"], [_decorator.bound, 2, "_isSetSpotlightEnable"], [_handleConnectionUpdatedDecs, 18, "_handleConnectionUpdated"], [_decorator.bound, 2, "_handleLiveStreamingStateUpdated"], [_decorator.bound, 2, "_handleStreamAdded"], [_decorator.bound, 2, "_onStreamsAdded"], [_decorator.bound, 2, "_onStreamsUpdated"], [_decorator.bound, 2, "_onStreamsRemoved"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_handleLayoutUpdatedDecs, 16, "_handleLayoutUpdated"]], []).e, 21);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_LayoutStore, [[_participantDecs, 17, "participant"], [_chatDecs, 17, "chat"], [_chatActionDecs, 17, "chatAction"], [_stateBarDecs, 17, "stateBar"], [_actionBarDecs, 17, "actionBar"], [_layersDecs, 17, "layers"], [_whiteboardDecs, 17, "whiteboard"], [_annotationDecs, 17, "annotation"], [_screenShareControlDecs, 17, "screenShareControl"], [_mobx.observable, 1, "collapsed"], [_mobx.observable, 1, "aside"], [_mobx.observable, 1, "barHovering"], [_mobx.observable, 1, "barLocked"], [_mobx.observable, 1, "barHidden"], [_mobx.observable, 1, "asideWidth"], [_mobx.observable, 1, "userVolumeMap"], [_mobx.observable, 1, "chatRoomState"], [_mobx.observable, 1, "whiteboardActive"], [_mobx.observable, 1, "ownerUser"], [_mobx.computed, 3, "isWaterMarkEnabled"], [_mobx.computed, 3, "isMulti"], [_mobx.computed, 3, "layout"], [_mobx.computed, 3, "manualLayout"], [_mobx.computed, 3, "scalcValue"], [_mobx.computed, 3, "sourceList"], [_mobx.computed, 3, "layoutMainList"], [_mobx.computed, 3, "mainList"], [_mobx.computed, 3, "mainListMapByAudioStreamId"], [_mobx.computed, 3, "spotlightStreamId"], [_mobx.computed, 3, "foldList"], [_mobx.computed, 3, "galleryList"], [_mobx.computed, 3, "isMainWindowInScreenSharing"], [_mobx.computed, 3, "isCurrentUserInBoardSharing"], [_mobx.computed, 3, "asideLayout"], [_mobx.computed, 3, "carouselList"], [_mobx.computed, 3, "hasPinnedStream"], [_mobx.computed, 3, "isRobot"], [_mobx.computed, 3, "findSpotlightUser"], [_mobx.computed, 3, "microphoneEnabled"], [_mobx.computed, 3, "galleryMaxSize"], [_mobx.computed, 3, "isVideoSuspended"], [_mobx.computed, 3, "asideContent"], [_mobx.computed, 3, "participantsRenderAt"], [_mobx.computed, 3, "chatRenderAt"], [_decorator.bound, 2, "getWaterMarkContent"], [_decorator.bound, 2, "hasMutePermission"], [_decorator.bound, 2, "hasUnmutePermission"], [_decorator.bound, 2, "hasRequestStartAudioPermission"], [_decorator.bound, 2, "toggleMainStream"], [_addPinMessageDecs, 18, "addPinMessage"], [_cancelPinMessageDecs, 18, "cancelPinMessage"], [_decorator.bound, 2, "addPin"], [_decorator.bound, 2, "removePin"], [_decorator.bound, 2, "setVideoOrientation"], [_decorator.bound, 2, "setAllowChat"], [_decorator.bound, 2, "handleSetPinState"], [_setWhiteboardActiveDecs, 18, "setWhiteboardActive"], [_setAsideWidthDecs, 18, "setAsideWidth"], [_updateSlotsDecs, 18, "updateSlots"], [_decorator.bound, 2, "closeParticipantFromAside"], [_decorator.bound, 2, "moveParticipantFromAsideToDialog"], [_decorator.bound, 2, "closeChatFromAside"], [_decorator.bound, 2, "closeAsideChat"], [_decorator.bound, 2, "moveChatFromAsideToDialog"], [_decorator.bound, 2, "openPrivateChat"], [_decorator.bound, 2, "openRenameDialog"], [_toggleLayoutDecs, 18, "toggleLayout"], [_toggleCollapsedDecs, 18, "toggleCollapsed"], [_toggleAsideDecs, 18, "toggleAside"], [_asideWidthChangedDecs, 18, "asideWidthChanged"], [_toggleLayoutBarLockDecs, 18, "toggleLayoutBarLock"], [_toggleLayoutBarHiddenDecs, 18, "toggleLayoutBarHidden"], [_resetLockTimerDecs, 18, "resetLockTimer"], [_setHoveringHandlerDecs, 18, "setHoveringHandler"], [_setHoveringLeaveHandlerDecs, 18, "setHoveringLeaveHandler"], [_setScreenShareSpeakerViewSizeDecs, 2, "setScreenShareSpeakerViewSize"], [_handleLiveLayoutChangeDecs, 18, "handleLiveLayoutChange"], [_onUserInfoUpdatedDecs, 18, "onUserInfoUpdated"], [_decorator.bound, 2, "stopLocalPreview"], [_decorator.bound, 2, "startLocalPreview"], [_decorator.bound, 2, "setAllowChatWithPayload"], [_decorator.bound, 2, "setScaleValue"], [_decorator.bound, 2, "muteAudio"], [_decorator.bound, 2, "sendParticipantEvent"], [_decorator.bound, 2, "onEvent"], [_decorator.bound, 2, "_addListeners"], [_mobx.computed, 3, "_hasVideoStreamUser"], [_handleFoldListChangedDecs, 18, "_handleFoldListChanged"], [_handleMainListLengthChangedDecs, 18, "_handleMainListLengthChanged"], [_handleMainListChangedDecs, 18, "_handleMainListChanged"], [_mobx.action, 2, "_switchToSpeaker"], [_mobx.action, 2, "_switchToGallery"], [_setBarHoveringDecs, 18, "_setBarHovering"], [_decorator.bound, 2, "_initStream"], [_decorator.bound, 2, "_isSetSpotlightEnable"], [_handleConnectionUpdatedDecs, 18, "_handleConnectionUpdated"], [_decorator.bound, 2, "_handleLiveStreamingStateUpdated"], [_decorator.bound, 2, "_handleStreamAdded"], [_decorator.bound, 2, "_onStreamsAdded"], [_decorator.bound, 2, "_onStreamsUpdated"], [_decorator.bound, 2, "_onStreamsRemoved"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_handleLayoutUpdatedDecs, 16, "_handleLayoutUpdated"]], []).e, 21);
 _init_participant = _applyDecs$e[0];
 _init_chat = _applyDecs$e[1];
 _init_chatAction = _applyDecs$e[2];
@@ -1332,7 +1324,7 @@ _init_actionBar = _applyDecs$e[4];
 _init_layers = _applyDecs$e[5];
 _init_whiteboard = _applyDecs$e[6];
 _init_annotation = _applyDecs$e[7];
-_init_annotationControl = _applyDecs$e[8];
+_init_screenShareControl = _applyDecs$e[8];
 _init_collapsed = _applyDecs$e[9];
 _init_aside = _applyDecs$e[10];
 _init_barHovering = _applyDecs$e[11];

package/lib/modules/participant/components/confirm-input/index.css

@@ -0,0 +1,4 @@
+.fcr-confirm-input {
+  width: 100%;
+  padding: 0 4px;
+}

package/lib/modules/participant/components/confirm-input/index.d.ts

@@ -1,3 +1,4 @@
+import './index.css';
 export declare const FcrConfirmInput: (props: {
     onChange: (name: string | number) => void;
     placeholder?: string;

package/lib/modules/participant/components/confirm-input/index.js

@@ -17,6 +17,7 @@ var _react = require("react");
 var _store = require("../../store");
 var _mobxReact = require("mobx-react");
 var _button = require("agora-ui-foundation/lib/components/button");
+require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 var FcrConfirmRenameForm = function FcrConfirmRenameForm(props) {
   var onChange = props.onChange,
@@ -86,7 +87,7 @@ var FcrConfirmInput = exports.FcrConfirmInput = function FcrConfirmInput(props)
     type === 'number' ? (/^\d+$/.test(name) || name === '') && setName(name.trim()) : setName(name.trim());
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "participants-container-rename",
+    className: "fcr-confirm-input",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.FcrInput, {
       autoFocus: true,
       style: {

package/lib/modules/participant/components/participants/components/participants/components/attendee/index.js

@@ -56,7 +56,8 @@ var FcrParticipant = exports.FcrParticipant = function FcrParticipant(props) {
     isScreenSharing = _user$isScreenSharing === void 0 ? false : _user$isScreenSharing,
     userType = user.userType,
     videoDeviceType = user.videoDeviceType,
-    audioDeviceType = user.audioDeviceType;
+    audioDeviceType = user.audioDeviceType,
+    hideAudioConnectIcon = user.hideAudioConnectIcon;
   var t = (0, _i18n.useI18n)();
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),

package/lib/modules/participant/components/participants/components/participants/index.js

@@ -29,6 +29,7 @@ var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _button = require("agora-ui-foundation/lib/components/button");
 var _userRow = require("./components/user-row");
 require("./index.css");
+var _fcr_defaultpage = _interopRequireDefault(require("../../../../../../../public/assets/fcr_defaultpage.png"));
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
@@ -88,9 +89,16 @@ var FcrParticipants = exports.FcrParticipants = function FcrParticipants(props)
         onClick: onInvite,
         children: t('fmt_participants_button_invite')
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "fcr-participant__list",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualized.AutoSizer, {
+      children: [userList.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-no-data",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: _fcr_defaultpage["default"]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: t('fmt_chat_tips_nodata')
+        })]
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualized.AutoSizer, {
         children: function children(_ref) {
           var height = _ref.height,
             width = _ref.width;
@@ -102,7 +110,7 @@ var FcrParticipants = exports.FcrParticipants = function FcrParticipants(props)
             rowRenderer: (0, _userRow.userRowRenderer)(userList, userRenderer, hasPinnedStream, toggleParticipantAction)
           });
         }
-      })
+      })]
     }), footer ? footer : null]
   });
 };

package/lib/modules/participant/components/participants/components/render-user/components/attendee/index.js

@@ -58,7 +58,9 @@ var ParticipantAttendee = exports.ParticipantAttendee = (0, _mobxReact.observer)
     isSpotlight = user.isSpotlight,
     isBoardActive = user.isBoardActive,
     audioDeviceType = user.audioDeviceType,
-    videoDeviceType = user.videoDeviceType;
+    videoDeviceType = user.videoDeviceType,
+    hideAudioConnectIcon = user.hideAudioConnectIcon,
+    avatar = user.avatar;
   var nameColor = (0, _helper.getNameColor)(userName);
   var t = (0, _i18n.useI18n)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -71,11 +73,13 @@ var ParticipantAttendee = exports.ParticipantAttendee = (0, _mobxReact.observer)
         className: (0, _classnames["default"])('attendee__user-info-avatar', {
           'attendee__user-info-avatar_speakerSpotlight': isSpotlight && enableSpotlight
         }),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.FcrAvatar, _objectSpread({
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.FcrAvatar, _objectSpread(_objectSpread({
           size: 32,
           nickName: userName,
           textSize: 14
-        }, (0, _userAvatar.userAvatar)(userType)))
+        }, (0, _userAvatar.userAvatar)(userType)), {}, {
+          avatarImage: avatar
+        }))
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "attendee__user-info-identity",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/modules/participant/components/participants/types.d.ts

@@ -24,6 +24,7 @@ export interface User {
     audioDeviceType: 'none' | 'computer-mic' | 'phone-mic';
     videoDeviceType: 'none' | 'computer-cam';
     userType: 'normal' | 'phone' | 'meeting-system';
+    hideAudioConnectIcon: boolean;
     volume?: number;
     userRole?: number;
     isSpotlight?: boolean;

package/lib/modules/participant/store.d.ts

@@ -1,6 +1,6 @@
 import { FcrPrivilegeUserRole } from 'fcr-core';
 import { FcrUserInfo, FcrUserRole } from 'fcr-core/lib/type';
-import { ParticipantActionType, User } from 'agora-ui-foundation/lib/components/participants/attendee';
+import { ParticipantActionType } from 'agora-ui-foundation/lib/components/participants/attendee';
 import { FcrUIPrivilegeProvider } from '../../providers/privilege-provider';
 import { FcrUIDialogKey, FcrUIRoomControlType } from '../../utilities/constant';
 import { FcrUIDeviceStreamProvider } from '../../providers/device-stream-provider';
@@ -29,6 +29,7 @@ import { FcrUIMessageProvider } from '../../providers/message-provider';
 import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
 import { FcrUISecuritySharedDataSource } from '../../shared-data-source/security-data';
 import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
+import { User } from './components/participants/types';
 export default class ParticipantStore {
     protected logger: import("agora-foundation/lib/logger").Logger;
     private _roomStore;

package/lib/modules/participant/store.js

@@ -24,6 +24,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.StoreContext = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.array.for-each.js");
@@ -258,9 +259,9 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       return _this._securityStore.getAllowedOperations(targetRole, isSelf);
     }));
     (0, _defineProperty2["default"])(this, "_formatUser", function (user) {
-      var targetUsers = user.streams;
-      var hasShareScreen = targetUsers.some(function (user) {
-        return user.videoSourceType === _type2.AgoraRteVideoSourceType.SCREEN;
+      var userStreams = user.streams;
+      var hasShareScreen = userStreams.some(function (stream) {
+        return stream.videoSourceType === _type2.AgoraRteVideoSourceType.SCREEN;
       });
       var isSelf = user.userId === _this.localUser.userId;
       var hasAudioPublishedAndStarted = function hasAudioPublishedAndStarted(stream) {
@@ -269,24 +270,28 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       var hasVideoPublishedAndStarted = function hasVideoPublishedAndStarted(stream) {
         return (stream === null || stream === void 0 ? void 0 : stream.videoSourceState) === _fcrCore.FcrMediaSourceState.OPEN;
       };
+      var isHideMicroIcon = function isHideMicroIcon(stream) {
+        return !hasAudioPublishedAndStarted(stream) || (stream === null || stream === void 0 ? void 0 : stream.streamType) === _imports.AgoraRteMediaStreamType.NONE || (stream === null || stream === void 0 ? void 0 : stream.streamType) === _imports.AgoraRteMediaStreamType.VIDEO;
+      };
       var hasAudio = false;
       var hasVideo = false;
+      var hideAudioConnectIcon = false;
       var audioDeviceType = 'none';
       var videoDeviceType = 'none';
       var userType = 'normal';
       var getDefaultStream = function getDefaultStream() {
-        return targetUsers.find(function (user) {
-          return user.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA;
+        return userStreams.find(function (stream) {
+          return stream.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA;
         });
       };
       var getPstnStream = function getPstnStream() {
-        return targetUsers.find(function (_ref3) {
+        return userStreams.find(function (_ref3) {
           var connectorType = _ref3.connectorType;
           return connectorType === _fcrCore.FcrRoomConnectorType.PSTN;
         });
       };
       var getSipOrH323Stream = function getSipOrH323Stream() {
-        return targetUsers.find(function (_ref4) {
+        return userStreams.find(function (_ref4) {
           var connectorType = _ref4.connectorType;
           return [_fcrCore.FcrRoomConnectorType.SIP, _fcrCore.FcrRoomConnectorType.H323].includes(connectorType);
         });
@@ -299,9 +304,11 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         if (pstnStream) {
           audioDeviceType = 'phone-mic';
           hasAudio = pstnStream.audioSourceState === _fcrCore.FcrMediaSourceState.OPEN;
+          hideAudioConnectIcon = isHideMicroIcon(pstnStream);
         } else {
           audioDeviceType = 'computer-mic';
           hasAudio = isSelf ? _this._deviceStore.microphoneEnabled : hasAudioPublishedAndStarted(defaultStream);
+          hideAudioConnectIcon = isHideMicroIcon(defaultStream);
         }
       } else if ([_fcrCore.FcrRoomConnectorType.SIP, _fcrCore.FcrRoomConnectorType.H323].includes(user.userInfo.connectorType)) {
         var firstSipOrH323Stream = getSipOrH323Stream();
@@ -316,6 +323,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         userType = 'phone';
         hasAudio = hasAudioPublishedAndStarted(_pstnStream);
         hasVideo = false;
+        hideAudioConnectIcon = isHideMicroIcon(_pstnStream);
       }
       var isSpotlight = user.streams.some(function (stream) {
         return stream.streamId === _this.spotlightStreamId;
@@ -335,7 +343,9 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         isSpotlight: isSpotlight,
         isBoardActive: user.userInfo.isBoardActive,
         allowedOperations: _this.allowedOperations(user.userId, user.userInfo.userRole),
-        isPin: _this.checkIsPin(user.userId)
+        isPin: _this.checkIsPin(user.userId),
+        hideAudioConnectIcon: false,
+        avatar: user.userInfo.avatar
       };
     });
     this._roomControl = _roomControl;
@@ -665,7 +675,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "release",
     value: function release() {
-      this._dialogProvider.removeObserver(this._eventObserver);
+      this._uiEventStore.removeObserver(this._eventObserver);
       this._userControl.removeObserver(this._userObserver);
       this._peerSessionControl.removeObserver(this._peerSessionObserver);
       this._roomControl.getSharingControl().getBoardControl().removeObserver(this._whitebaordObderver);
@@ -958,6 +968,8 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           if (canSetHost) {
             this._setAsHost(userId);
           } else {
+            var _user = this._userControl.getUser(userId);
+            this.logger.info("[participant][user-action][set-as-host] ability limit ! userId: ".concat(userId, ", platform: ").concat(_user === null || _user === void 0 ? void 0 : _user.platform));
             this._messageProvider.showToast({
               type: 'normal',
               message: (0, _i18n.transI18n)('fmt_attendies_toast_cant_sethost')
@@ -976,6 +988,8 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           if (canSetCoHost) {
             this._setAsCoHost(userId);
           } else {
+            var _user2 = this._userControl.getUser(userId);
+            this.logger.info("[participant][user-action][set-as-cohost] ability limit ! userId: ".concat(userId, ", platform: ").concat(_user2 === null || _user2 === void 0 ? void 0 : _user2.platform));
             this._messageProvider.showToast({
               type: 'normal',
               message: (0, _i18n.transI18n)('fmt_attendies_toast_cant_setcohost')

package/lib/modules/phone-audio-connect/store.d.ts

@@ -16,16 +16,16 @@ export default class ConnectionGatewayStore {
     accessor currentRegion: ConnectorRegion;
     accessor currentCallInfo: ConnectListType;
     get connectType(): import("../../type").FcrUIConnectType;
-    get phoneCallState(): import("fcr-core/lib/room-control/room-connector-control/type").FcrRoomConnectorSessionState;
+    get phoneCallState(): import("fcr-core/lib/type").FcrRoomConnectorSessionState;
     get calling(): boolean;
-    get phoneCallReason(): import("fcr-core/lib/room-control/room-connector-control/type").FcrRoomConnectorSessionReason;
+    get phoneCallReason(): import("fcr-core/lib/type").FcrRoomConnectorSessionReason;
     get outgoingCall(): boolean;
     get isHangup(): boolean;
     get hasPstnStream(): boolean;
     get hasOwnPstnStream(): boolean;
     get hasNeedMergedStream(): boolean;
-    get connectInfo(): import("fcr-core/lib/room-control/room-connector-control/type").FcrRoomConnectorPhoneInfo;
-    get connectSession(): import("fcr-core/lib/room-control/room-connector-control/type").FcrPhoneConnectorSession | null;
+    get connectInfo(): import("fcr-core/lib/type").FcrRoomConnectorPhoneInfo;
+    get connectSession(): import("fcr-core/lib/type").FcrPhoneConnectorSession | null;
     constructor({ eventProvider, deviceProvider, phoneAudioConnectorProvider, dialogProvider, }: {
         eventProvider: FcrUIEventProvider;
         deviceProvider: FcrUIDeviceProvider;

package/lib/modules/setting/audio-settings/audio-settings.js

@@ -39,11 +39,11 @@ var _microphoneDetection = require("../../device-pretest/audio-preview/microphon
 var _speakerDetection = require("../../device-pretest/audio-preview/speaker-detection");
 var _mobxReact = require("mobx-react");
 var _store = require("../store");
-require("./index.css");
 var _constant = require("../../../utilities/constant");
 var _env = require("agora-foundation/lib/utilities/env");
 var _type = require("../../../type");
 var _view = require("../view");
+require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
@@ -80,7 +80,7 @@ var AudioSettings = exports.AudioSettings = (0, _mobxReact.observer)(function ()
     startSpeakerTest = _useContext.startSpeakerTest,
     microphoneDetecting = _useContext.microphoneDetecting,
     speakerDetecting = _useContext.speakerDetecting,
-    settingConfig = _useContext.settingConfig,
+    media = _useContext.media,
     changeMediaSetting = _useContext.changeMediaSetting;
   var noiseReduceOptions = (0, _react.useMemo)(function () {
     return [{
@@ -100,7 +100,7 @@ var AudioSettings = exports.AudioSettings = (0, _mobxReact.observer)(function ()
       value: _type.FcrUIAiDenoiseLevel.HIGH
     }];
   }, [t]);
-  var _useState3 = (0, _react.useState)(settingConfig.media),
+  var _useState3 = (0, _react.useState)(media),
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     mediaSetting = _useState4[0],
     setMediaSetting = _useState4[1];
@@ -183,23 +183,12 @@ var AudioSettings = exports.AudioSettings = (0, _mobxReact.observer)(function ()
           max: 400,
           step: 1,
           onChange: setMicrophoneVolume,
-          draggableDom: containerDom,
-          disabled: setting.autoAdjustmentMicrophoneVolume
+          draggableDom: containerDom
+          // disabled={setting.autoAdjustmentMicrophoneVolume}
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: ns.em('checkbox-wrapper', 'bordered'),
-        children: [(0, _env.isElectron)() && /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-          size: "small",
-          label: t('fmt_setting_option_volumeadjust', {
-            reason1: t('fmt_setting_label_Mic')
-          }),
-          checked: setting.autoAdjustmentMicrophoneVolume,
-          onChange: function onChange(v) {
-            setSetting({
-              autoAdjustmentMicrophoneVolume: v
-            });
-          }
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
           size: "small",
           label: t('fmt_premeeting_setting_label_turn_on_microphone'),
           checked: !mediaSetting.microphoneExpectedOff,

package/lib/modules/setting/config.d.ts

@@ -14,3 +14,19 @@ export declare const hdCameraVideoEncoderConfig: {
     frameRate: number;
     bitrate: number;
 };
+export declare const clearityEncoderConfig: {
+    dimensions: {
+        width: number;
+        height: number;
+    };
+    frameRate: number;
+    bitrate: number;
+};
+export declare const smoothEncoderConfig: {
+    dimensions: {
+        width: number;
+        height: number;
+    };
+    frameRate: number;
+    bitrate: number;
+};

package/lib/modules/setting/config.js

@@ -4,7 +4,7 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hdCameraVideoEncoderConfig = exports.defaultCameraVideoEncoderConfig = void 0;
+exports.smoothEncoderConfig = exports.hdCameraVideoEncoderConfig = exports.defaultCameraVideoEncoderConfig = exports.clearityEncoderConfig = void 0;
 var _defaultConfig = require("../../utilities/default-config");
 var defaultCameraVideoEncoderConfig = exports.defaultCameraVideoEncoderConfig = _defaultConfig.cameraVideoHighStreamEncoderConfig;
 var hdCameraVideoEncoderConfig = exports.hdCameraVideoEncoderConfig = {
@@ -14,4 +14,20 @@ var hdCameraVideoEncoderConfig = exports.hdCameraVideoEncoderConfig = {
   },
   frameRate: 20,
   bitrate: 2500
+};
+var clearityEncoderConfig = exports.clearityEncoderConfig = {
+  dimensions: {
+    width: 1920,
+    height: 1080
+  },
+  frameRate: 15,
+  bitrate: 1500
+};
+var smoothEncoderConfig = exports.smoothEncoderConfig = {
+  dimensions: {
+    width: 1920,
+    height: 1080
+  },
+  frameRate: 25,
+  bitrate: 1200
 };