fcr-ui-scene 3.3.1 → 3.4.0

package/lib/modules/chat/store.js

@@ -22,9 +22,8 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.allToUser = exports.USER_NONE = exports.USER_ALL = exports.ChatRoomStore = void 0;
+exports["default"] = exports.allToUser = exports.USER_NONE = exports.USER_ALL = exports.StoreContext = exports.ChatRoomStore = void 0;
 exports.isManager = isManager;
-exports.noUser = void 0;
 exports.sortUsers = sortUsers;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 require("core-js/modules/es.array.filter.js");
@@ -78,20 +77,22 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _agoraEduCore = require("agora-edu-core");
+var _fcrCore = require("fcr-core");
 var _logger = require("agora-foundation/lib/logger");
 var _mobx = require("mobx");
-var _type = require("agora-edu-core/lib/type");
+var _type = require("fcr-core/lib/type");
 var _helper = require("agora-ui-foundation/lib/components/avatar/helper");
 var _decorator = require("agora-foundation/lib/decorator");
+var _securityStore = require("../../common/security-store");
 var _reactVirtualized = require("react-virtualized");
 var _constant = require("../../utilities/constant");
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _type2 = require("agora-edu-core/lib/room-control/chatroom-control/type");
-var _type3 = require("agora-edu-core/lib/room-control/type");
+var _type2 = require("fcr-core/lib/room-control/chatroom-control/type");
+var _type3 = require("fcr-core/lib/room-control/type");
 var _observable = require("agora-foundation/lib/utilities/observable");
+var _react = require("react");
 var _ChatStore, _ChatRoomStore;
-var _initProto, _init_chatRoomStores, _init_activeTabIndex, _handleReceiveMessageDecs, _handlerActiveTabDecs, _handleEventDecs, _ref, _initProto2, _init__userInfo, _init_messageList, _init_readMsgIndex, _init_readIdx, _init_viewIdx, _init_historyUnreadCount, _init_hasHistoryMsg, _init_newMsgsUnReadCnt, _init_privateTargetUser, _init_chatLevel, _init_currentUserMap, _init_textMsg, _init_privateTargetList, _init_chatRoomState, _init_hasNewMsg, _init_userCount, _init_unReadMsgCount, _setLastScrollTopDecs, _setMessageListDecs, _sendMessageDecs, _setUnReadMsgCountDecs, _setHasNewMsgDecs, _handleTextMessageReceivedDecs, _getUserCountDecs, _onRemoteUserUpdateDecs, _refreshUserListDecs, _handleNewMsgDecs, _updateReadMsgIndexDecs, _initReadInfoDecs, _updateHistoryUnreadCntDecs, _updateHasHistoryMsgDecs, _updateScrollInfoDecs, _updateViewIdxDecs, _updateReadIdxDecs, _updateFirstMsgIdDecs, _updateHistoryUnReadCountDecs, _updateListDecs, _updateMostRecentHeightDecs, _updateMostRecentWidthDecs, _patchHandleMsgDecs, _forceNotifyMsgsDecs, _resetComponentCacheDecs, _resetTargetUserDecs, _initChatLevelDecs, _setTargetUserDecs, _updateChatLevelDecs, _updateChatTextMsgDecs, _filterChatMemberDecs, _hasSendMessagePermissionDecs, _permitPrivateChatDecs, _handleToastDecs, _handleConnectionUpdatedDecs, _ref3;
+var _initProto, _init_chatRoomStores, _init_activeTabIndex, _init_roomType, _handleReceiveMessageDecs, _handlerActiveTabDecs, _handleEventDecs, _ref, _initProto2, _init__userInfo, _init_messageList, _init_readMsgIndex, _init_readIdx, _init_viewIdx, _init_historyUnreadCount, _init_hasHistoryMsg, _init_newMsgsUnReadCnt, _init_privateTargetUser, _init_chatLevel, _init_currentUserMap, _init_textMsg, _init_privateTargetList, _init_chatRoomState, _init_hasNewMsg, _init_userCount, _init_unReadMsgCount, _setLastScrollTopDecs, _setMessageListDecs, _sendMessageDecs, _setUnReadMsgCountDecs, _setHasNewMsgDecs, _handleTextMessageReceivedDecs, _getUserCountDecs, _onRemoteUserUpdateDecs, _refreshUserListDecs, _handleNewMsgDecs, _updateReadMsgIndexDecs, _initReadInfoDecs, _updateHistoryUnreadCntDecs, _updateHasHistoryMsgDecs, _updateScrollInfoDecs, _updateViewIdxDecs, _updateReadIdxDecs, _updateFirstMsgIdDecs, _updateHistoryUnReadCountDecs, _updateListDecs, _updateMostRecentHeightDecs, _updateMostRecentWidthDecs, _patchHandleMsgDecs, _forceNotifyMsgsDecs, _resetComponentCacheDecs, _resetTargetUserDecs, _initChatLevelDecs, _setTargetUserDecs, _updateChatLevelDecs, _updateChatTextMsgDecs, _filterChatMemberDecs, _hasSendMessagePermissionDecs, _permitPrivateChatDecs, _handleToastDecs, _handleConnectionUpdatedDecs, _initChatRoomConnectionStateDecs, _ref3;
 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 _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
@@ -111,27 +112,23 @@ var allToUser = exports.allToUser = {
   userId: USER_ALL,
   userName: USER_ALL,
   userRole: _type.FcrUserRole.ROBOT,
-  connectorType: _agoraEduCore.FcrRoomConnectorType.NONE
-};
-
-// 没有可选的 User
-var noUser = exports.noUser = {
-  userId: USER_NONE,
-  userName: (0, _i18n.transI18n)('fmt_chat_tips_selecthost'),
-  userRole: _type.FcrUserRole.ROBOT,
-  connectorType: _agoraEduCore.FcrRoomConnectorType.NONE
+  connectorType: _fcrCore.FcrRoomConnectorType.NONE
 };
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
+var _C = /*#__PURE__*/new WeakMap();
 _ref = (_handleReceiveMessageDecs = [_mobx.action, _mobx.action.bound], _handlerActiveTabDecs = [_mobx.action, _mobx.action.bound], _handleEventDecs = [_mobx.action, _mobx.action.bound], "_observable");
 var ChatStore = exports["default"] = /*#__PURE__*/function () {
   function ChatStore(_ref2) {
-    var _roomControl$getRoomI;
+    var _this = this,
+      _roomControl$getRoomI,
+      _roomControl$getRoomI2;
     var chatRoomControl = _ref2.chatRoomControl,
       userControl = _ref2.userControl,
       uiEventStore = _ref2.uiEventStore,
       securityStore = _ref2.securityStore,
-      roomControl = _ref2.roomControl;
+      roomControl = _ref2.roomControl,
+      roomStore = _ref2.roomStore;
     (0, _classCallCheck2["default"])(this, ChatStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), new _observable.AgoraObservable()));
     (0, _defineProperty2["default"])(this, "_chatVisible", false);
@@ -143,8 +140,25 @@ var ChatStore = exports["default"] = /*#__PURE__*/function () {
     });
     _classPrivateFieldInitSpec(this, _A, _init_chatRoomStores(this, {}));
     _classPrivateFieldInitSpec(this, _B, _init_activeTabIndex(this, _constant.RoomType.MAIN_ROOM));
+    _classPrivateFieldInitSpec(this, _C, _init_roomType(this, _type3.FcrRoomType.Mainroom));
     this._securityStore = securityStore;
     this._uiEventStore = uiEventStore;
+    roomStore.addObserver({
+      onJoinWaitingRoom: function onJoinWaitingRoom(roomControl) {
+        var room = roomControl;
+        var securityStore = new _securityStore.FcrSecurityStore(room.getPrivilegeControl(), room.getUserControl(), room.getStreamControl(), room.getRoomSessionControl(), _this._uiEventStore);
+        var userControl = room.getUserControl();
+        var chatRoomControl = room.getChatRoomControl();
+        _this.chatRoomStores[_constant.RoomType.WAITING_ROOM] = new ChatRoomStore({
+          chatRoomControl: chatRoomControl,
+          userControl: userControl,
+          uiEventStore: _this._uiEventStore,
+          securityStore: securityStore,
+          type: _constant.RoomType.WAITING_ROOM,
+          chatStoreObservable: _this._observable
+        });
+      }
+    });
     uiEventStore.addObserver(this._eventObserver);
     this._observable.addObserver(this._chatStoreObserver);
     var isMainroom = ((_roomControl$getRoomI = roomControl.getRoomInfo()) === null || _roomControl$getRoomI === void 0 ? void 0 : _roomControl$getRoomI.roomType) === _type3.FcrRoomType.Mainroom;
@@ -158,6 +172,7 @@ var ChatStore = exports["default"] = /*#__PURE__*/function () {
       type: type,
       chatStoreObservable: this._observable
     });
+    this.roomType = (_roomControl$getRoomI2 = roomControl.getRoomInfo()) === null || _roomControl$getRoomI2 === void 0 ? void 0 : _roomControl$getRoomI2.roomType;
   }
   return (0, _createClass2["default"])(ChatStore, [{
     key: "chatRoomStores",
@@ -175,6 +190,14 @@ var ChatStore = exports["default"] = /*#__PURE__*/function () {
     set: function set(v) {
       _classPrivateFieldSet(_B, this, v);
     }
+  }, {
+    key: "roomType",
+    get: function get() {
+      return _classPrivateFieldGet(_C, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_C, this, v);
+    }
   }, {
     key: "hasWaitingRoomPermission",
     value: function hasWaitingRoomPermission() {
@@ -205,19 +228,6 @@ var ChatStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_handleEvent",
     value: function _handleEvent(action, payload) {
-      if (action === _constant.UIAction.WAITING_ROOM_CREATED) {
-        var room = payload.room;
-        var userControl = room.getUserControl();
-        var chatRoomControl = room.getChatRoomControl();
-        this.chatRoomStores[_constant.RoomType.WAITING_ROOM] = new ChatRoomStore({
-          chatRoomControl: chatRoomControl,
-          userControl: userControl,
-          uiEventStore: this._uiEventStore,
-          securityStore: payload.securityStore,
-          type: _constant.RoomType.WAITING_ROOM,
-          chatStoreObservable: this._observable
-        });
-      }
       if (action === _constant.UIAction.RECEIVE_NEW_CHAT_MESSAGES_FOR_RED) {
         if (this.activeTabIndex !== payload) {
           var _this$chatRoomStores;
@@ -243,17 +253,21 @@ var ChatStore = exports["default"] = /*#__PURE__*/function () {
         delete this.chatRoomStores[_constant.RoomType.WAITING_ROOM];
         this.handlerActiveTab(_constant.RoomType.MAIN_ROOM);
       }
+      if (action === _constant.UIAction.TOGGLE_CHAT_ROOM_TAB) {
+        this.handlerActiveTab(payload);
+      }
     }
   }]);
 }();
 _ChatStore = ChatStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ChatStore, [[_mobx.observable, 1, "chatRoomStores"], [_mobx.observable, 1, "activeTabIndex"], [_decorator.bound, 2, "hasWaitingRoomPermission"], [_handleReceiveMessageDecs, 18, "_handleReceiveMessage"], [_handlerActiveTabDecs, 18, "handlerActiveTab"], [_handleEventDecs, 18, "_handleEvent"]], []).e, 3);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ChatStore, [[_mobx.observable, 1, "chatRoomStores"], [_mobx.observable, 1, "activeTabIndex"], [_mobx.observable, 1, "roomType"], [_decorator.bound, 2, "hasWaitingRoomPermission"], [_handleReceiveMessageDecs, 18, "_handleReceiveMessage"], [_handlerActiveTabDecs, 18, "handlerActiveTab"], [_handleEventDecs, 18, "_handleEvent"]], []).e, 4);
 _init_chatRoomStores = _applyDecs$e[0];
 _init_activeTabIndex = _applyDecs$e[1];
-_initProto = _applyDecs$e[2];
+_init_roomType = _applyDecs$e[2];
+_initProto = _applyDecs$e[3];
 var _A2 = /*#__PURE__*/new WeakMap();
 var _B2 = /*#__PURE__*/new WeakMap();
-var _C = /*#__PURE__*/new WeakMap();
+var _C2 = /*#__PURE__*/new WeakMap();
 var _D = /*#__PURE__*/new WeakMap();
 var _E = /*#__PURE__*/new WeakMap();
 var _F = /*#__PURE__*/new WeakMap();
@@ -268,11 +282,11 @@ var _N = /*#__PURE__*/new WeakMap();
 var _O = /*#__PURE__*/new WeakMap();
 var _P = /*#__PURE__*/new WeakMap();
 var _Q = /*#__PURE__*/new WeakMap();
-_ref3 = (_setLastScrollTopDecs = [_mobx.action, _mobx.action.bound], _setMessageListDecs = [_mobx.action, _mobx.action.bound], _sendMessageDecs = [_mobx.action, _mobx.action.bound], _setUnReadMsgCountDecs = [_mobx.action, _mobx.action.bound], _setHasNewMsgDecs = [_mobx.action, _mobx.action.bound], _handleTextMessageReceivedDecs = [_mobx.action, _mobx.action.bound], _getUserCountDecs = [_mobx.action, _mobx.action.bound], _onRemoteUserUpdateDecs = [_mobx.action, _mobx.action.bound], _refreshUserListDecs = [_mobx.action, _mobx.action.bound], _handleNewMsgDecs = [_mobx.action, _mobx.action.bound], _updateReadMsgIndexDecs = [_mobx.action, _mobx.action.bound], _initReadInfoDecs = [_mobx.action, _mobx.action.bound], _updateHistoryUnreadCntDecs = [_mobx.action, _mobx.action.bound], _updateHasHistoryMsgDecs = [_mobx.action, _mobx.action.bound], _updateScrollInfoDecs = [_mobx.action, _mobx.action.bound], _updateViewIdxDecs = [_mobx.action, _mobx.action.bound], _updateReadIdxDecs = [_mobx.action, _mobx.action.bound], _updateFirstMsgIdDecs = [_mobx.action, _mobx.action.bound], _updateHistoryUnReadCountDecs = [_mobx.action, _mobx.action.bound], _updateListDecs = [_mobx.action, _mobx.action.bound], _updateMostRecentHeightDecs = [_mobx.action, _mobx.action.bound], _updateMostRecentWidthDecs = [_mobx.action, _mobx.action.bound], _patchHandleMsgDecs = [_mobx.action, _mobx.action.bound], _forceNotifyMsgsDecs = [_mobx.action, _mobx.action.bound], _resetComponentCacheDecs = [_mobx.action, _mobx.action.bound], _resetTargetUserDecs = [_mobx.action, _mobx.action.bound], _initChatLevelDecs = [_mobx.action, _mobx.action.bound], _setTargetUserDecs = [_mobx.action, _mobx.action.bound], _updateChatLevelDecs = [_mobx.action, _mobx.action.bound], _updateChatTextMsgDecs = [_mobx.action, _mobx.action.bound], _filterChatMemberDecs = [_mobx.action, _mobx.action.bound], _hasSendMessagePermissionDecs = [_mobx.action, _mobx.action.bound], _permitPrivateChatDecs = [_mobx.action, _mobx.action.bound], _handleToastDecs = [_mobx.action, _mobx.action.bound], _handleConnectionUpdatedDecs = [_mobx.action, _mobx.action.bound], "needCbBottomCount");
+_ref3 = (_setLastScrollTopDecs = [_mobx.action, _mobx.action.bound], _setMessageListDecs = [_mobx.action, _mobx.action.bound], _sendMessageDecs = [_mobx.action, _mobx.action.bound], _setUnReadMsgCountDecs = [_mobx.action, _mobx.action.bound], _setHasNewMsgDecs = [_mobx.action, _mobx.action.bound], _handleTextMessageReceivedDecs = [_mobx.action, _mobx.action.bound], _getUserCountDecs = [_mobx.action, _mobx.action.bound], _onRemoteUserUpdateDecs = [_mobx.action, _mobx.action.bound], _refreshUserListDecs = [_mobx.action, _mobx.action.bound], _handleNewMsgDecs = [_mobx.action, _mobx.action.bound], _updateReadMsgIndexDecs = [_mobx.action, _mobx.action.bound], _initReadInfoDecs = [_mobx.action, _mobx.action.bound], _updateHistoryUnreadCntDecs = [_mobx.action, _mobx.action.bound], _updateHasHistoryMsgDecs = [_mobx.action, _mobx.action.bound], _updateScrollInfoDecs = [_mobx.action, _mobx.action.bound], _updateViewIdxDecs = [_mobx.action, _mobx.action.bound], _updateReadIdxDecs = [_mobx.action, _mobx.action.bound], _updateFirstMsgIdDecs = [_mobx.action, _mobx.action.bound], _updateHistoryUnReadCountDecs = [_mobx.action, _mobx.action.bound], _updateListDecs = [_mobx.action, _mobx.action.bound], _updateMostRecentHeightDecs = [_mobx.action, _mobx.action.bound], _updateMostRecentWidthDecs = [_mobx.action, _mobx.action.bound], _patchHandleMsgDecs = [_mobx.action, _mobx.action.bound], _forceNotifyMsgsDecs = [_mobx.action, _mobx.action.bound], _resetComponentCacheDecs = [_mobx.action, _mobx.action.bound], _resetTargetUserDecs = [_mobx.action, _mobx.action.bound], _initChatLevelDecs = [_mobx.action, _mobx.action.bound], _setTargetUserDecs = [_mobx.action, _mobx.action.bound], _updateChatLevelDecs = [_mobx.action, _mobx.action.bound], _updateChatTextMsgDecs = [_mobx.action, _mobx.action.bound], _filterChatMemberDecs = [_mobx.action, _mobx.action.bound], _hasSendMessagePermissionDecs = [_mobx.action, _mobx.action.bound], _permitPrivateChatDecs = [_mobx.action, _mobx.action.bound], _handleToastDecs = [_mobx.action, _mobx.action.bound], _handleConnectionUpdatedDecs = [_mobx.action, _mobx.action.bound], _initChatRoomConnectionStateDecs = [_mobx.action, _mobx.action.bound], "needCbBottomCount");
 var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
   function ChatRoomStore(_ref4) {
     var _this$_chatRoomContro,
-      _this = this;
+      _this2 = this;
     var chatRoomControl = _ref4.chatRoomControl,
       userControl = _ref4.userControl,
       uiEventStore = _ref4.uiEventStore,
@@ -297,9 +311,15 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "_maxMsgCount", 500);
     (0, _defineProperty2["default"])(this, "_originalMessages", []);
     (0, _defineProperty2["default"])(this, "_disposers", []);
+    (0, _defineProperty2["default"])(this, "_noUser", {
+      userId: USER_NONE,
+      userName: (0, _i18n.transI18n)('fmt_chat_tips_selecthost'),
+      userRole: _type.FcrUserRole.ROBOT,
+      connectorType: _fcrCore.FcrRoomConnectorType.NONE
+    });
     _classPrivateFieldInitSpec(this, _A2, _init__userInfo(this));
     _classPrivateFieldInitSpec(this, _B2, _init_messageList(this, []));
-    _classPrivateFieldInitSpec(this, _C, _init_readMsgIndex(this, {
+    _classPrivateFieldInitSpec(this, _C2, _init_readMsgIndex(this, {
       index: -1,
       msgId: ''
     }));
@@ -338,6 +358,7 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
     // TODO: 需要查询房间历史消息, 一期预留
     this.messageList = [];
     this._chatRoomControl = chatRoomControl;
+    this._initChatRoomConnectionState(chatRoomControl.getConnectionState());
     this._userControl = userControl;
     this.userCount = this.getUserCount();
     this._userInfo = userControl.getLocalUser();
@@ -349,7 +370,9 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
     this._uiEventStore.addObserver({
       onEvent: function onEvent(action, payload) {
         if (action === _constant.UIAction.CHAT_UPDATE_TARGET) {
-          _this.setTargetUser(payload);
+          if (payload.roomType === _this2._type) {
+            _this2.setTargetUser(payload.user);
+          }
         }
         if (action === _constant.UIAction.CHAT_RESET_TARGET) {
           // this.resetTargetUser();
@@ -379,10 +402,10 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
   }, {
     key: "readMsgIndex",
     get: function get() {
-      return _classPrivateFieldGet(_C, this);
+      return _classPrivateFieldGet(_C2, this);
     },
     set: function set(v) {
-      _classPrivateFieldSet(_C, this, v);
+      _classPrivateFieldSet(_C2, this, v);
     }
   }, {
     key: "readIdx",
@@ -743,6 +766,11 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
     get: function get() {
       return this._securityStore.hasPermissionToSendPrivateMessage(_type.FcrUserRole.HOST) || this._securityStore.hasPermissionToSendPrivateMessage(_type.FcrUserRole.COHOST);
     }
+  }, {
+    key: "hasSendAllPermission",
+    get: function get() {
+      return this._securityStore.hasSendAllChatPermission();
+    }
   }, {
     key: "isHost",
     get: function get() {
@@ -763,43 +791,49 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
   }, {
     key: "_addReactions",
     value: function _addReactions() {
-      var _this2 = this;
+      var _this3 = this;
       this._disposers.push((0, _mobx.reaction)(function () {
-        return _this2.chatLevel;
+        return _this3.chatLevel;
       }, function (state) {
-        if (!_this2.localIsManager && _this2.privateTargetUser.userId === USER_ALL && (state === 'no_one' || state === 'private_to_manager')) {
-          _this2.setTargetUser(noUser);
+        if (!_this3.localIsManager && _this3.privateTargetUser.userId === USER_ALL && (state === 'no_one' || state === 'private_to_manager')) {
+          _this3.setTargetUser(_this3._noUser);
         }
-        if (!_this2.localIsManager && _this2.privateTargetUser.userId === USER_NONE && (state === 'everyone' || state === 'public')) {
-          _this2.setTargetUser(allToUser);
+        if (!_this3.localIsManager && _this3.privateTargetUser.userId === USER_NONE && (state === 'everyone' || state === 'public')) {
+          _this3.setTargetUser(allToUser);
         }
       }), (0, _mobx.reaction)(function () {
-        return _this2.disallowedAllChat;
+        return _this3.disallowedAllChat;
       }, function (state) {
         if (state) {
-          _this2.handleChatPermissionUpdate('no_one');
-          _this2.updateChatLevel('no_one');
+          _this3.handleChatPermissionUpdate('no_one');
+          _this3.updateChatLevel('no_one');
         }
       }), (0, _mobx.reaction)(function () {
-        return _this2.disallowedPublicChatAndDisallowedPrivateChatToParticipant;
+        return _this3.disallowedPublicChatAndDisallowedPrivateChatToParticipant;
       }, function (state) {
         if (state) {
-          _this2.handleChatPermissionUpdate('private_to_manager');
-          _this2.updateChatLevel('private_to_manager');
+          _this3.handleChatPermissionUpdate('private_to_manager');
+          _this3.updateChatLevel('private_to_manager');
         }
       }), (0, _mobx.reaction)(function () {
-        return _this2.allowedPublicChatAndDisallowedPrivateChat;
+        return _this3.allowedPublicChatAndDisallowedPrivateChat;
       }, function (state) {
         if (state) {
-          _this2.handleChatPermissionUpdate('public');
-          _this2.updateChatLevel('public');
+          _this3.handleChatPermissionUpdate('public');
+          _this3.updateChatLevel('public');
         }
       }), (0, _mobx.reaction)(function () {
-        return _this2.allowedAllChat;
+        return _this3.allowedAllChat;
       }, function (state) {
         if (state) {
-          _this2.handleChatPermissionUpdate('everyone');
-          _this2.updateChatLevel('everyone');
+          _this3.handleChatPermissionUpdate('everyone');
+          _this3.updateChatLevel('everyone');
+        }
+      }), (0, _mobx.reaction)(function () {
+        return _this3.hasChatPermission;
+      }, function (state) {
+        if (state) {
+          _this3.setTargetUser(allToUser);
         }
       }));
     }
@@ -867,7 +901,7 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
   }, {
     key: "patchHandleMsg",
     value: function patchHandleMsg() {
-      var _this3 = this;
+      var _this4 = this;
       var isBottom = this.clientHeight === 0 || this.clientHeight >= this.scrollHeight || Math.abs(this.scrollHeight - this.clientHeight - this.scrollTop) < 1;
       if (!isBottom) {
         this.newMsgsUnReadCnt = this._originalMessages.length;
@@ -876,7 +910,7 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
       var notifyMsgs = this._originalMessages.splice(0, this.newMsgsUnReadCnt || 10);
       // 通知列表中前10条消息
       notifyMsgs.forEach(function (msg) {
-        _this3._handleTextMessageReceived(msg);
+        _this4._handleTextMessageReceived(msg);
       });
       notifyMsgs.length > 0 && this._chatStoreObservable.notifyObservers('onReceiveMessage', notifyMsgs, this._type);
 
@@ -913,7 +947,7 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
       if (this.chatLevel === 'public' || this.chatLevel === 'everyone') {
         this.privateTargetUser = allToUser;
       } else if (this.chatLevel === 'private_to_manager' && !this.localIsManager) {
-        this.privateTargetUser = noUser;
+        this.privateTargetUser = this._noUser;
       }
     }
   }, {
@@ -937,21 +971,21 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
   }, {
     key: "targetUserIsOnline",
     get: function get() {
-      var _this4 = this;
+      var _this5 = this;
       if (this.privateTargetUser.userId === USER_ALL || this.privateTargetUser.userId === USER_NONE) {
         return true;
       }
       return this.remoteUsers.some(function (remoteUser) {
-        return remoteUser.userId === _this4.privateTargetUser.userId;
+        return remoteUser.userId === _this5.privateTargetUser.userId;
       });
     }
   }, {
     key: "remoteUsers",
     get: function get() {
-      var _this5 = this;
+      var _this6 = this;
       var list = Array.from(this.currentUserMap.values());
       return list.filter(function (user) {
-        return user.userId !== _this5._userInfo.userId;
+        return user.userId !== _this6._userInfo.userId;
       });
     }
   }, {
@@ -996,9 +1030,9 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
   }, {
     key: "filterChatMember",
     value: function filterChatMember(list) {
-      var _this6 = this;
+      var _this7 = this;
       var res = list.filter(function (user) {
-        return _this6._securityStore.hasChatSendPublicPermissionByTargetRole(user.userRole) || _this6._securityStore.hasPermissionToSendPrivateMessage(user.userRole) || user.userId === USER_ALL;
+        return _this7._securityStore.hasPermissionToSendPrivateMessage(user.userRole) || user.userId === USER_ALL;
       });
       if (res.length && _constant.RoomType.WAITING_ROOM === this._type && !this.localIsManager) {
         this.setTargetUser(res[0]);
@@ -1060,10 +1094,15 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
     value: function _handleConnectionUpdated(_, state) {
       this.chatRoomState = state;
     }
+  }, {
+    key: "_initChatRoomConnectionState",
+    value: function _initChatRoomConnectionState(state) {
+      this.chatRoomState = state;
+    }
   }]);
 }();
 _ChatRoomStore = ChatRoomStore;
-var _applyDecs$e2 = (0, _slicedToArray2["default"])(_applyDecs(_ChatRoomStore, [[_mobx.observable, 1, "_userInfo"], [_mobx.observable, 1, "messageList"], [_mobx.observable, 1, "readMsgIndex"], [_mobx.observable, 1, "readIdx"], [_mobx.observable, 1, "viewIdx"], [_mobx.observable, 1, "historyUnreadCount"], [_mobx.observable, 1, "hasHistoryMsg"], [_mobx.observable, 1, "newMsgsUnReadCnt"], [_mobx.observable, 1, "privateTargetUser"], [_mobx.observable, 1, "chatLevel"], [_mobx.observable, 1, "currentUserMap"], [_mobx.observable, 1, "textMsg"], [_mobx.observable, 1, "privateTargetList"], [_mobx.observable, 1, "chatRoomState"], [_mobx.observable, 1, "hasNewMsg"], [_mobx.observable, 1, "userCount"], [_mobx.observable, 1, "unReadMsgCount"], [_setLastScrollTopDecs, 18, "setLastScrollTop"], [_setMessageListDecs, 18, "setMessageList"], [_sendMessageDecs, 18, "sendMessage"], [_setUnReadMsgCountDecs, 18, "setUnReadMsgCount"], [_setHasNewMsgDecs, 18, "setHasNewMsg"], [_handleTextMessageReceivedDecs, 18, "_handleTextMessageReceived"], [_getUserCountDecs, 18, "getUserCount"], [_onRemoteUserUpdateDecs, 18, "_onRemoteUserUpdate"], [_refreshUserListDecs, 18, "_refreshUserList"], [_handleNewMsgDecs, 18, "handleNewMsg"], [_updateReadMsgIndexDecs, 18, "updateReadMsgIndex"], [_mobx.computed, 3, "isHost"], [_mobx.computed, 3, "isCohost"], [_mobx.computed, 3, "localIsManager"], [_initReadInfoDecs, 18, "initReadInfo"], [_updateHistoryUnreadCntDecs, 18, "updateHistoryUnreadCnt"], [_updateHasHistoryMsgDecs, 18, "updateHasHistoryMsg"], [_updateScrollInfoDecs, 18, "updateScrollInfo"], [_updateViewIdxDecs, 18, "updateViewIdx"], [_updateReadIdxDecs, 18, "updateReadIdx"], [_updateFirstMsgIdDecs, 18, "updateFirstMsgId"], [_updateHistoryUnReadCountDecs, 18, "updateHistoryUnReadCount"], [_updateListDecs, 18, "updateList"], [_updateMostRecentHeightDecs, 18, "updateMostRecentHeight"], [_updateMostRecentWidthDecs, 18, "updateMostRecentWidth"], [_patchHandleMsgDecs, 18, "patchHandleMsg"], [_forceNotifyMsgsDecs, 18, "forceNotifyMsgs"], [_resetComponentCacheDecs, 18, "resetComponentCache"], [_resetTargetUserDecs, 18, "resetTargetUser"], [_initChatLevelDecs, 18, "initChatLevel"], [_setTargetUserDecs, 18, "setTargetUser"], [_mobx.computed, 3, "targetUserIsOnline"], [_mobx.computed, 3, "remoteUsers"], [_decorator.bound, 2, "handleChatPermissionUpdate"], [_updateChatLevelDecs, 18, "updateChatLevel"], [_updateChatTextMsgDecs, 18, "updateChatTextMsg"], [_filterChatMemberDecs, 18, "filterChatMember"], [_hasSendMessagePermissionDecs, 18, "hasSendMessagePermission"], [_permitPrivateChatDecs, 18, "permitPrivateChat"], [_handleToastDecs, 18, "handleToast"], [_mobx.computed, 3, "isHostOrCoHost"], [_decorator.bound, 2, "setAllowChat"], [_decorator.bound, 2, "setAllowChatWithPayload"], [_handleConnectionUpdatedDecs, 18, "_handleConnectionUpdated"]], []).e, 18);
+var _applyDecs$e2 = (0, _slicedToArray2["default"])(_applyDecs(_ChatRoomStore, [[_mobx.observable, 1, "_userInfo"], [_mobx.observable, 1, "messageList"], [_mobx.observable, 1, "readMsgIndex"], [_mobx.observable, 1, "readIdx"], [_mobx.observable, 1, "viewIdx"], [_mobx.observable, 1, "historyUnreadCount"], [_mobx.observable, 1, "hasHistoryMsg"], [_mobx.observable, 1, "newMsgsUnReadCnt"], [_mobx.observable, 1, "privateTargetUser"], [_mobx.observable, 1, "chatLevel"], [_mobx.observable, 1, "currentUserMap"], [_mobx.observable, 1, "textMsg"], [_mobx.observable, 1, "privateTargetList"], [_mobx.observable, 1, "chatRoomState"], [_mobx.observable, 1, "hasNewMsg"], [_mobx.observable, 1, "userCount"], [_mobx.observable, 1, "unReadMsgCount"], [_setLastScrollTopDecs, 18, "setLastScrollTop"], [_setMessageListDecs, 18, "setMessageList"], [_sendMessageDecs, 18, "sendMessage"], [_setUnReadMsgCountDecs, 18, "setUnReadMsgCount"], [_setHasNewMsgDecs, 18, "setHasNewMsg"], [_handleTextMessageReceivedDecs, 18, "_handleTextMessageReceived"], [_getUserCountDecs, 18, "getUserCount"], [_onRemoteUserUpdateDecs, 18, "_onRemoteUserUpdate"], [_refreshUserListDecs, 18, "_refreshUserList"], [_handleNewMsgDecs, 18, "handleNewMsg"], [_updateReadMsgIndexDecs, 18, "updateReadMsgIndex"], [_mobx.computed, 3, "hasSendAllPermission"], [_mobx.computed, 3, "isHost"], [_mobx.computed, 3, "isCohost"], [_mobx.computed, 3, "localIsManager"], [_initReadInfoDecs, 18, "initReadInfo"], [_updateHistoryUnreadCntDecs, 18, "updateHistoryUnreadCnt"], [_updateHasHistoryMsgDecs, 18, "updateHasHistoryMsg"], [_updateScrollInfoDecs, 18, "updateScrollInfo"], [_updateViewIdxDecs, 18, "updateViewIdx"], [_updateReadIdxDecs, 18, "updateReadIdx"], [_updateFirstMsgIdDecs, 18, "updateFirstMsgId"], [_updateHistoryUnReadCountDecs, 18, "updateHistoryUnReadCount"], [_updateListDecs, 18, "updateList"], [_updateMostRecentHeightDecs, 18, "updateMostRecentHeight"], [_updateMostRecentWidthDecs, 18, "updateMostRecentWidth"], [_patchHandleMsgDecs, 18, "patchHandleMsg"], [_forceNotifyMsgsDecs, 18, "forceNotifyMsgs"], [_resetComponentCacheDecs, 18, "resetComponentCache"], [_resetTargetUserDecs, 18, "resetTargetUser"], [_initChatLevelDecs, 18, "initChatLevel"], [_setTargetUserDecs, 18, "setTargetUser"], [_mobx.computed, 3, "targetUserIsOnline"], [_mobx.computed, 3, "remoteUsers"], [_decorator.bound, 2, "handleChatPermissionUpdate"], [_updateChatLevelDecs, 18, "updateChatLevel"], [_updateChatTextMsgDecs, 18, "updateChatTextMsg"], [_filterChatMemberDecs, 18, "filterChatMember"], [_hasSendMessagePermissionDecs, 18, "hasSendMessagePermission"], [_permitPrivateChatDecs, 18, "permitPrivateChat"], [_handleToastDecs, 18, "handleToast"], [_mobx.computed, 3, "isHostOrCoHost"], [_decorator.bound, 2, "setAllowChat"], [_decorator.bound, 2, "setAllowChatWithPayload"], [_handleConnectionUpdatedDecs, 18, "_handleConnectionUpdated"], [_initChatRoomConnectionStateDecs, 18, "_initChatRoomConnectionState"]], []).e, 18);
 _init__userInfo = _applyDecs$e2[0];
 _init_messageList = _applyDecs$e2[1];
 _init_readMsgIndex = _applyDecs$e2[2];
@@ -1099,4 +1138,5 @@ function sortUsers(users) {
     }
     return a.userName.localeCompare(b.userName);
   });
-}
+}
+var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/components/device-control/components/audio-menu/index.d.ts

@@ -0,0 +1,6 @@
+import '../../index.css';
+declare const AudioMenu: ({ onConnectClick, setPopoverOpened, }: {
+    onConnectClick: () => void;
+    setPopoverOpened: React.Dispatch<React.SetStateAction<boolean>>;
+}) => import("react/jsx-runtime").JSX.Element;
+export default AudioMenu;

package/lib/modules/components/device-control/components/audio-menu/index.js

@@ -0,0 +1,156 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.map.js");
+var _radio = require("agora-ui-foundation/lib/components/radio");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _store = require("../../../../setting/store");
+var _store2 = require("../../store");
+require("../../index.css");
+var _deviceStore = require("../../../../../common/device-store");
+var _jsxRuntime = require("react/jsx-runtime");
+var AudioMenu = (0, _mobxReact.observer)(function (_ref) {
+  var onConnectClick = _ref.onConnectClick,
+    setPopoverOpened = _ref.setPopoverOpened;
+  var transI18n = (0, _i18n.useI18n)();
+  var _useContext = (0, _react.useContext)(_store2.DeviceControlStoreContext),
+    microphoneId = _useContext.microphoneId,
+    microphoneList = _useContext.microphoneList,
+    speakerId = _useContext.speakerId,
+    speakerList = _useContext.speakerList,
+    setMicrophoneId = _useContext.setMicrophoneId,
+    setSpeakerId = _useContext.setSpeakerId,
+    openDeviceSettingDialog = _useContext.openDeviceSettingDialog,
+    openConnection = _useContext.openConnection,
+    connectType = _useContext.connectType,
+    stopAudioByComputer = _useContext.stopAudioByComputer;
+  var microphoneOptions = microphoneList.map(function (device) {
+    return {
+      text: device.deviceName,
+      value: device.deviceId
+    };
+  });
+  var speakerOptions = speakerList.map(function (device) {
+    return {
+      text: device.deviceName,
+      value: device.deviceId
+    };
+  });
+  var openDeviceSetting = function openDeviceSetting() {
+    setPopoverOpened(false);
+    openDeviceSettingDialog({
+      activeTab: _store.DeviceSettingTab.AUDIO
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "fcr-device-popover-content",
+    onClick: function onClick(e) {
+      e.stopPropagation();
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fcr-device-popover-content-device-list",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-device-popover-content-device",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "fcr-device-popover-content-device-label",
+          children: transI18n('fmt_device_label_audio_list_selectMicrophone')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "fcr-device-popover-content-device-options",
+          children: [microphoneOptions.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
+              name: "No device",
+              styleType: "transparent",
+              checked: true,
+              label: transI18n('fmt_toolbar_tips_nodevice')
+            })
+          }), microphoneOptions.map(function (device) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
+                name: "mic",
+                styleType: "transparent",
+                checked: microphoneId === device.value,
+                label: device.text,
+                onChange: function onChange(v) {
+                  return v && setMicrophoneId(device.value);
+                }
+              })
+            }, device.value);
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-device-popover-content-device",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "fcr-device-popover-content-device-label",
+          children: transI18n('fmt_device_label_audio_list_selectSpeaker')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "fcr-device-popover-content-device-options",
+          children: [speakerOptions.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
+              name: "No device",
+              styleType: "transparent",
+              checked: true,
+              label: transI18n('fmt_toolbar_tips_nodevice')
+            })
+          }), speakerOptions.map(function (device) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              onClick: function onClick() {},
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
+                name: "speaker",
+                styleType: "transparent",
+                checked: speakerId === device.value,
+                label: device.text,
+                onChange: function onChange(v) {
+                  return v && setSpeakerId(device.value);
+                }
+              })
+            }, device.value);
+          })]
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fcr-device-popover-content-more",
+      children: [connectType === _deviceStore.ConnectType.COMPUTER && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-device-popover-content-more-item fcr-device-popover-content-more-item--danger",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          onClick: function onClick() {
+            onConnectClick();
+            stopAudioByComputer();
+          },
+          children: transI18n('fmt_device_label_audio_list_leaveComputerAudio')
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-device-popover-content-more-item",
+        onClick: function onClick() {
+          onConnectClick();
+          openConnection('phone');
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: transI18n('fmt_device_label_audio_list_switchToPhoneCall')
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "fcr-device-popover-content-more",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-device-popover-content-more-item contain-icon",
+        onClick: openDeviceSetting,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+          type: _type.FcrIconType.FCR_SETTING,
+          size: 24
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: transI18n('fmt_device_label_audio_list_moreAudioSettings')
+        })]
+      })
+    })]
+  });
+});
+var _default = exports["default"] = AudioMenu;

package/lib/modules/components/device-control/components/carmera/index.d.ts

@@ -0,0 +1,3 @@
+export declare const CameraControl: (props: {
+    showTitle: boolean;
+}) => import("react/jsx-runtime").JSX.Element;