fcr-ui-scene 3.5.1 → 3.6.1

package/lib/modules/action-bar/components/screen-share/index.js

@@ -32,7 +32,7 @@ var ScreenShare = exports.ScreenShare = (0, _mobxReact.observer)(function (_ref)
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     visibleTooltip = _useState2[0],
     setTooltipVisible = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
+  var _useState3 = (0, _react.useState)(true),
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     visibleMenu = _useState4[0],
     setMenuVisible = _useState4[1];
@@ -51,6 +51,7 @@ var ScreenShare = exports.ScreenShare = (0, _mobxReact.observer)(function (_ref)
     content: tooltip,
     visible: visibleTooltip,
     children: (0, _env.isElectron)() ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItem, {
+      active: visibleMenu,
       disabled: !hasStartScreenSharePermission,
       id: id,
       order: order,
@@ -60,7 +61,6 @@ var ScreenShare = exports.ScreenShare = (0, _mobxReact.observer)(function (_ref)
       icon: _type.FcrIconType.FCR_SCREENSHARING,
       onMouseLeave: function onMouseLeave() {
         setTooltipVisible(false);
-        setMenuVisible(false);
       },
       title: title,
       iconColors: {
@@ -68,13 +68,20 @@ var ScreenShare = exports.ScreenShare = (0, _mobxReact.observer)(function (_ref)
       },
       moreVisible: visibleMenu,
       submenu: [_fcrCore.FcrUserRole.HOST, _fcrCore.FcrUserRole.COHOST].includes(localUserRole) ? {
+        active: visibleMenu,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_submenu.SubMenu, {}),
         onClick: function onClick() {
           setTooltipVisible(false);
-          setMenuVisible(false);
+          setMenuVisible(true);
+        },
+        onVisibleChange: function onVisibleChange(visible) {
+          if (!visible) {
+            setMenuVisible(false);
+          }
         }
       } : undefined
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
+      showArrow: false,
       overlayClassName: "fcr-action-bar--popover fcr-screen-share--popover",
       visible: visibleMenu,
       onVisibleChange: setMenuVisible,
@@ -86,6 +93,7 @@ var ScreenShare = exports.ScreenShare = (0, _mobxReact.observer)(function (_ref)
       },
       content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_submenu.SubMenu, {}),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItem, {
+        active: visibleMenu,
         disabled: !hasStartScreenSharePermission,
         id: id,
         order: order,

package/lib/modules/action-bar/components/screen-share/submenu.js

@@ -160,7 +160,7 @@ var SubMenu = exports.SubMenu = (0, _mobxReact.observer)(function () {
       closeWhiteboard();
     }
   }];
-  var shareScrennControlMenus = [{
+  var shareScreenControlMenus = [{
     title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
       size: "XS",
       styleType: "danger",
@@ -205,7 +205,7 @@ var SubMenu = exports.SubMenu = (0, _mobxReact.observer)(function () {
     menus.push.apply(menus, boardControlMenus);
   }
   if (hasStopScreenSharePermission) {
-    menus.push.apply(menus, shareScrennControlMenus);
+    menus.push.apply(menus, shareScreenControlMenus);
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropMenu.FcrDropMenu, {
     className: "share-screen-menu",

package/lib/modules/action-bar/components/security/index.js

@@ -52,7 +52,8 @@ var Security = exports.Security = (0, _mobxReact.observer)(function (_ref) {
         overlayClassName: 'fcr-secuirty-tooltip',
         onVisibleChange: function onVisibleChange(visible) {
           toggleLayoutBarLock(visible);
-        }
+        },
+        showArrow: false
       },
       id: id,
       order: order,

package/lib/modules/action-bar/components/smaller/index.js

@@ -31,7 +31,7 @@ var SmallerActionbar = exports.SmallerActionbar = (0, _mobxReact.observer)(funct
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
           type: _type.FcrIconType.FCR_DROPDOWN,
           colors: {
-            iconPrimary: 'black'
+            iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
           }
         })
       })

package/lib/modules/action-bar/components/trigger-output-language/index.js

@@ -77,27 +77,6 @@ var useRndProps = function useRndProps() {
     onDrag: onDrag
   };
 };
-var useGuideContent = function useGuideContent() {
-  var transI18n = (0, _i18n.useI18n)();
-  return (0, _react.useMemo)(function () {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "switch-language-channels-guide-content",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "switch-language-channels-guide-content-icon",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-          type: _type.FcrIconType.FCR_INTERPRETATION2,
-          size: 25,
-          colors: {
-            iconPrimary: 'var(--fcr_ui_scene_white10)'
-          }
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "switch-language-channels-guide-content-text",
-        children: transI18n('fmt_interpretation_interpreter_toast_label_change_channel')
-      })]
-    });
-  }, []);
-};
 var useOutputLanguageOptionList = function useOutputLanguageOptionList() {
   var getLanguageConfig = (0, _useLanguageConfig.useLanguageConfig)();
   var _useContext = (0, _react.useContext)(_store.ActionBarContext),
@@ -140,7 +119,23 @@ var TriggerOutputLanguage = exports.TriggerOutputLanguage = (0, _mobxReact.obser
     setOutputLanguage = _useContext2.setOutputLanguage,
     outputLanguage = _useContext2.outputLanguage;
   var position = usePosition();
-  var guideContent = useGuideContent();
+  var transI18n = (0, _i18n.useI18n)();
+  var guideContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "switch-language-channels-guide-content",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "switch-language-channels-guide-content-icon",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        type: _type.FcrIconType.FCR_INTERPRETATION2,
+        size: 25,
+        colors: {
+          iconPrimary: 'var(--fcr_ui_scene_white10)'
+        }
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "switch-language-channels-guide-content-text",
+      children: transI18n('fmt_interpretation_interpreter_toast_label_change_channel')
+    })]
+  });
   var rndProps = useRndProps();
   var outputLanguageOptionList = useOutputLanguageOptionList();
   var _useState9 = (0, _react.useState)(false),

package/lib/modules/action-bar/components/trigger-subscribe-language/index.js

@@ -211,7 +211,8 @@ var TriggerSubscribeLanguage = exports.TriggerSubscribeLanguage = (0, _mobxReact
             boxShadow: 'var(--fcr_web_light_dropup_m)',
             border: 'none',
             width: '256px'
-          }
+          },
+          showArrow: false
         },
         id: id,
         order: order,

package/lib/modules/action-bar/index.css

@@ -77,7 +77,8 @@ html {
 }
 
 .fcr-action-bar-device-extra:hover,
-.fcr-action-bar-extra:hover {
+.fcr-action-bar-extra:hover,
+.fcr-action-bar-extra.active {
   background: var(--fcr_web_ui_scene_hover2);
 }
 
@@ -220,7 +221,7 @@ html {
   border-top-right-radius: 8px;
   border: 1px solid var(--fcr_ui_scene_line1);
   border-bottom: none;
-  background-color: #fff;
+  background-color: var(--fcr_web_ui_scene_fill2);
   cursor: pointer;
 }
 

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

@@ -67,7 +67,8 @@ var FcrActionBarUIModule = exports.FcrActionBarUIModule = /*#__PURE__*/function
         sharedDevicePrivilegeDataSource: this.sharedDevicePrivilegeDataSource,
         sharedMemberDataSource: this.sharedMemberDataSource,
         widgetProvider: this.widgetProvider,
-        sharedSecuritySharedDataSource: this.sharedSecuritySharedDataSource
+        sharedSecuritySharedDataSource: this.sharedSecuritySharedDataSource,
+        abilityProvider: this.abilityProvider
       });
       this._deviceControlStore = new _store2.DeviceControlStore((_this$currentRoomCont3 = this.currentRoomControlProvider) === null || _this$currentRoomCont3 === void 0 ? void 0 : _this$currentRoomCont3.currentRoomControl, this.deviceProvider, this.dialogProvider, this.deviceStreamProvider, this.sharedDevicePrivilegeDataSource);
       this._leaveMeetingStore = new _store3.LeaveMeetingStore(privilegeProvider, this.roomProvider, (_this$currentRoomCont4 = this.currentRoomControlProvider) === null || _this$currentRoomCont4 === void 0 ? void 0 : _this$currentRoomCont4.currentRoomControl, this.sharedMemberDataSource, this.abilityProvider, this.dialogProvider);

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

@@ -1,3 +1,4 @@
+import { FcrConnectionState } from 'fcr-core';
 import { FcrLiveStreamingState, FcrRecordingState, FcrUserInfo, FcrUserRole, FcrLineType } from 'fcr-core/lib/type';
 import { DeviceSettingDialogConfig } from '../setting/store';
 import { FcrUIRoomType, FcrUIWebWidgetConfig } from '../../type';
@@ -24,6 +25,7 @@ import { FcrUISharedDevicePrivilegeDataSource } from '../../shared-data-source/d
 import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
 import { FcrUIWidgetProvider } from '../../providers/widget-provider';
 import { FcrSecurityCheckedStateType, FcrUISecuritySharedDataSource } from '../../shared-data-source/security-data';
+import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
 export declare enum AudioConnectType {
     NONE = 0,
     COMPUTER = 1,
@@ -55,6 +57,7 @@ export default class ActionBarStore {
     private _roomType;
     private _widgetProvider;
     private _sharedSecuritySharedDataSource;
+    private _abilityProvider;
     private _userObserver;
     private _roomObserver;
     private _mainRoomObserver;
@@ -63,8 +66,6 @@ export default class ActionBarStore {
     private _openedDialogIdMap;
     private _newMessageTooltipTimer;
     private _hideBarArrowTimer;
-    private _sharingOwnerUser;
-    private _participantTab;
     private _streamObserver;
     private _interpreterProviderObserver;
     accessor newMessageTooltipVisible: boolean;
@@ -82,6 +83,7 @@ export default class ActionBarStore {
     accessor popoverOpened: boolean;
     accessor stateBarLeaveMeeting: boolean;
     accessor hasOfflineUserExistence: boolean;
+    accessor connectionState: FcrConnectionState;
     constructor(args: {
         roomProvider: FcrUIRoomProvider;
         roomControl: FcrBaseRoomControl;
@@ -102,6 +104,7 @@ export default class ActionBarStore {
         sharedMemberDataSource: FcrUIMemberSharedDataSource;
         widgetProvider: FcrUIWidgetProvider;
         sharedSecuritySharedDataSource: FcrUISecuritySharedDataSource;
+        abilityProvider: FcrUIAbilityProviderImpl;
     });
     get checkedStateMap(): FcrSecurityCheckedStateType;
     setCheckedStateMap(val: FcrSecurityCheckedStateType): void;

package/lib/modules/action-bar/store.js

@@ -85,7 +85,7 @@ var _constant = require("../../utilities/constant");
 var _enums = require("./enums");
 var _logger = require("../../utilities/logger");
 var _ActionBarStore;
-var _initProto, _init_newMessageTooltipVisible, _init_totalWaitingRoomUser, _init_liveStreamingState, _init_currentMenuIs, _init_cloudRecordingState, _init_connectionSettingVisible, _init_folded, _init_boardOwnerUser, _init_hasScreenShare, _init_showArrow, _init_phoneMicEnabled, _init_chatTabIndex, _init_popoverOpened, _init_stateBarLeaveMeeting, _init_hasOfflineUserExistence, _setCheckedStateMapDecs, _pauseCloudRecordingDecs, _resumeCloudRecordingDecs, _stopCloudRecordingDecs, _showLockedRoomToastDecs, _toggleLayoutBarLockDecs, _showNewMessageTooltipDecs, _hideNewMessageTooltipDecs, _switchMenuDecs, _setPopoverOpenedDecs, _setStateBarLeaveMeetingDecs, _handleJoinWaitingRoomDecs, _toggleFoldDecs, _setShowArrowDecs, _setEnableWaitingRoomDecs, _kickOutWaitingRoomAllMemberDecs, _moveToMainRoomAllMemberDecs, _handleRemoteUsersJoinedDecs, _handleRemoteUsersLeftDecs, _handleLiveStreamingStateUpdatedDecs, _handleChatVisibleDecs, _handlerTraceScreenCaptureStateUpdateDecs, _operateWaitingRoomDecs, _handleCloudRecordingStateUpdatedDecs, _handleStreamsAddedOrUpdatedDecs, _setOutputLanguageDecs, _subscribeLanguageDecs, _subscribeExtraOriginLanguageDecs, _getOfflineUserExistenceStateDecs, _openWidgetDecs, _closeWidgetDecs, _ref;
+var _initProto, _init_newMessageTooltipVisible, _init_totalWaitingRoomUser, _init_liveStreamingState, _init_currentMenuIs, _init_cloudRecordingState, _init_connectionSettingVisible, _init_folded, _init_boardOwnerUser, _init_hasScreenShare, _init_showArrow, _init_phoneMicEnabled, _init_chatTabIndex, _init_popoverOpened, _init_stateBarLeaveMeeting, _init_hasOfflineUserExistence, _init_connectionState, _setCheckedStateMapDecs, _pauseCloudRecordingDecs, _resumeCloudRecordingDecs, _stopCloudRecordingDecs, _showLockedRoomToastDecs, _toggleLayoutBarLockDecs, _showNewMessageTooltipDecs, _hideNewMessageTooltipDecs, _switchMenuDecs, _setPopoverOpenedDecs, _setStateBarLeaveMeetingDecs, _handleJoinWaitingRoomDecs, _toggleFoldDecs, _setShowArrowDecs, _setEnableWaitingRoomDecs, _kickOutWaitingRoomAllMemberDecs, _moveToMainRoomAllMemberDecs, _handleRemoteUsersJoinedDecs, _handleRemoteUsersLeftDecs, _handleLiveStreamingStateUpdatedDecs, _handleChatVisibleDecs, _handlerTraceScreenCaptureStateUpdateDecs, _operateWaitingRoomDecs, _handleCloudRecordingStateUpdatedDecs, _handleStreamsAddedOrUpdatedDecs, _setOutputLanguageDecs, _subscribeLanguageDecs, _subscribeExtraOriginLanguageDecs, _getOfflineUserExistenceStateDecs, _openWidgetDecs, _closeWidgetDecs, _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; }
@@ -117,6 +117,7 @@ var _L = /*#__PURE__*/new WeakMap();
 var _M = /*#__PURE__*/new WeakMap();
 var _N = /*#__PURE__*/new WeakMap();
 var _O = /*#__PURE__*/new WeakMap();
+var _P = /*#__PURE__*/new WeakMap();
 _ref = (_setCheckedStateMapDecs = [_mobx.action, _mobx.action.bound], _pauseCloudRecordingDecs = [_decorator.bound, (0, _decorator.debounced)(500, {
   leading: true
 })], _resumeCloudRecordingDecs = [_decorator.bound, (0, _decorator.debounced)(500, {
@@ -155,8 +156,6 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "_openedDialogIdMap", new Map());
     (0, _defineProperty2["default"])(this, "_newMessageTooltipTimer", null);
     (0, _defineProperty2["default"])(this, "_hideBarArrowTimer", null);
-    (0, _defineProperty2["default"])(this, "_sharingOwnerUser", undefined);
-    (0, _defineProperty2["default"])(this, "_participantTab", _type6.FcrRoomType.Mainroom);
     (0, _defineProperty2["default"])(this, "_streamObserver", {
       onStreamsAdded: this._handleStreamsAddedOrUpdated,
       onStreamsUpdated: this._handleStreamsAddedOrUpdated,
@@ -182,6 +181,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _M, _init_popoverOpened(this, false));
     _classPrivateFieldInitSpec(this, _N, _init_stateBarLeaveMeeting(this, false));
     _classPrivateFieldInitSpec(this, _O, _init_hasOfflineUserExistence(this, true));
+    _classPrivateFieldInitSpec(this, _P, _init_connectionState(this, _fcrCore.FcrConnectionState.CONNECTED));
     this._roomProvider = args.roomProvider;
     this._roomControl = args.roomControl;
     this._deviceProvider = args.deviceProvider;
@@ -199,6 +199,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     this._sharedMemberDataSource = args.sharedMemberDataSource;
     this._widgetProvider = args.widgetProvider;
     this._sharedSecuritySharedDataSource = args.sharedSecuritySharedDataSource;
+    this._abilityProvider = args.abilityProvider;
     this._streamControl = args.roomControl.getStreamControl();
     this._userControl = this._roomControl.getUserControl();
     this._streamControl = this._roomControl.getStreamControl();
@@ -385,6 +386,14 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     set: function set(v) {
       _classPrivateFieldSet(_O, this, v);
     }
+  }, {
+    key: "connectionState",
+    get: function get() {
+      return _classPrivateFieldGet(_P, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_P, this, v);
+    }
   }, {
     key: "checkedStateMap",
     get: function get() {
@@ -521,24 +530,24 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "hasStopScreenSharePermission",
     get: function get() {
-      var _this$_sharingOwnerUs;
-      return this.hasScreenShare && this.hasEnableStartScreenSharePermission && this._sharingOwnerUser && this.localUserId !== ((_this$_sharingOwnerUs = this._sharingOwnerUser) === null || _this$_sharingOwnerUs === void 0 ? void 0 : _this$_sharingOwnerUs.userId);
+      var _this$sharingOwnerUse;
+      return this.hasScreenShare && this.hasEnableStartScreenSharePermission && this.sharingOwnerUser && this.localUserId !== ((_this$sharingOwnerUse = this.sharingOwnerUser) === null || _this$sharingOwnerUse === void 0 ? void 0 : _this$sharingOwnerUse.userId);
     }
   }, {
     key: "sharingOwnerUser",
     get: function get() {
-      return this._sharingOwnerUser;
+      return this._screenShareProvider.screenSharingOwner;
     }
   }, {
     key: "hasEnableStartScreenSharePermission",
     get: function get() {
-      var _this$sharingOwnerUse;
-      return this._privilegeProvider.hasStopScreenSharePermission((_this$sharingOwnerUse = this.sharingOwnerUser) === null || _this$sharingOwnerUse === void 0 ? void 0 : _this$sharingOwnerUse.userRole);
+      var _this$sharingOwnerUse2;
+      return this._privilegeProvider.hasStopScreenSharePermission((_this$sharingOwnerUse2 = this.sharingOwnerUser) === null || _this$sharingOwnerUse2 === void 0 ? void 0 : _this$sharingOwnerUse2.userRole);
     }
   }, {
     key: "hasStartLiveStreamingPermission",
     get: function get() {
-      return this._privilegeProvider.hasStartLiveStreamingPermission();
+      return this._abilityProvider.isLiveSupported() && this._privilegeProvider.hasStartLiveStreamingPermission();
     }
   }, {
     key: "hasEnableStartAudioPermission",
@@ -644,7 +653,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "hasEnableInterpreterPermission",
     get: function get() {
-      return this._privilegeProvider.hasEnableInterpreterPermission();
+      return this._abilityProvider.isInterpreterSupported() && this._privilegeProvider.hasEnableInterpreterPermission();
     }
   }, {
     key: "hasDisableInterpreterPermission",
@@ -1096,6 +1105,12 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
                 },
                 okText: (0, _i18n.transI18n)('fmt_waitingroom_mobile_setting_popup_button_admit_all'),
                 cancelText: (0, _i18n.transI18n)('fmt_waitingroom_mobile_setting_popup_button_cancel'),
+                cancelButtonProps: {
+                  block: true
+                },
+                okButtonProps: {
+                  block: true
+                },
                 alignCenter: true
               });
               _context.next = 8;
@@ -1177,11 +1192,11 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     value: function _interceptShareScreen() {
       var _this5 = this;
       if (this.hasScreenShare || this.boardOwnerUser && this.boardOwnerUser.userId !== this.localUserId) {
-        var _this$_sharingOwnerUs2;
+        var _this$sharingOwnerUse3;
         var confirmKey = this._dialogProvider.openConfirmDialog({
           title: (0, _i18n.transI18n)('fmt_share_tips_otherssharing'),
           content: (0, _i18n.transI18n)("fmt_share_tips_stopothersharing", {
-            reason1: ((_this$_sharingOwnerUs2 = this._sharingOwnerUser) === null || _this$_sharingOwnerUs2 === void 0 ? void 0 : _this$_sharingOwnerUs2.userName) || (0, _i18n.transI18n)('fmt_actionbar_screenshare_labels_others')
+            reason1: ((_this$sharingOwnerUse3 = this.sharingOwnerUser) === null || _this$sharingOwnerUse3 === void 0 ? void 0 : _this$sharingOwnerUse3.userName) || (0, _i18n.transI18n)('fmt_actionbar_screenshare_labels_others')
           }),
           okText: (0, _i18n.transI18n)('fmt_screenshare_continue_share'),
           closable: false,
@@ -1226,12 +1241,12 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     }
   }, {
     key: "_handleRemoteUsersJoined",
-    value: function _handleRemoteUsersJoined(roomId, events) {
+    value: function _handleRemoteUsersJoined(_roomId, _events) {
       this.hasOfflineUserExistence = this.getOfflineUserExistenceState();
     }
   }, {
     key: "_handleRemoteUsersLeft",
-    value: function _handleRemoteUsersLeft(roomId, events) {
+    value: function _handleRemoteUsersLeft(_roomId, _events) {
       this.hasOfflineUserExistence = this.getOfflineUserExistenceState();
     }
   }, {
@@ -1423,19 +1438,15 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     }()
   }, {
     key: "_handleCloudRecordingStateUpdated",
-    value: function _handleCloudRecordingStateUpdated(roomId, state) {
+    value: function _handleCloudRecordingStateUpdated(_roomId, state) {
       this.cloudRecordingState = state;
     }
   }, {
     key: "_handleStreamsAddedOrUpdated",
     value: function _handleStreamsAddedOrUpdated() {
-      var _this$_streamControl$;
       this.hasScreenShare = this._streamControl.getStreamList().some(function (stream) {
         return stream.videoSourceType === _type5.AgoraRteVideoSourceType.SCREEN;
       });
-      this._sharingOwnerUser = (_this$_streamControl$ = this._streamControl.getStreamList().find(function (stream) {
-        return stream.videoSourceType === _type5.AgoraRteVideoSourceType.SCREEN;
-      })) === null || _this$_streamControl$ === void 0 ? void 0 : _this$_streamControl$.owner;
     }
   }, {
     key: "setOutputLanguage",
@@ -1531,7 +1542,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     }
   }, {
     key: "_checkIsWidgetSupportedRole",
-    value: function _checkIsWidgetSupportedRole(widgetConfig, role) {
+    value: function _checkIsWidgetSupportedRole(widgetConfig, _role) {
       var _widgetConfig$support;
       if (!widgetConfig.supportedRoles || widgetConfig.supportedRoles.length === 0 || (_widgetConfig$support = widgetConfig.supportedRoles) !== null && _widgetConfig$support !== void 0 && _widgetConfig$support.includes(this.localUserRole)) {
         return true;
@@ -1541,7 +1552,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _ActionBarStore = ActionBarStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ActionBarStore, [[_mobx.observable, 1, "newMessageTooltipVisible"], [_mobx.observable, 1, "totalWaitingRoomUser"], [_mobx.observable, 1, "liveStreamingState"], [_mobx.observable, 1, "currentMenuIs"], [_mobx.observable, 1, "cloudRecordingState"], [_mobx.observable, 1, "connectionSettingVisible"], [_mobx.observable, 1, "folded"], [_mobx.observable, 1, "boardOwnerUser"], [_mobx.observable, 1, "hasScreenShare"], [_mobx.observable, 1, "showArrow"], [_mobx.observable, 1, "phoneMicEnabled"], [_mobx.observable, 1, "chatTabIndex"], [_mobx.observable, 1, "popoverOpened"], [_mobx.observable, 1, "stateBarLeaveMeeting"], [_mobx.observable, 1, "hasOfflineUserExistence"], [_mobx.computed, 3, "checkedStateMap"], [_setCheckedStateMapDecs, 18, "setCheckedStateMap"], [_mobx.computed, 3, "registeredWidgetConfigs"], [_mobx.computed, 3, "users"], [_mobx.computed, 3, "localUserRole"], [_mobx.computed, 3, "localUserId"], [_mobx.computed, 3, "totalUser"], [_mobx.computed, 3, "isPstnUser"], [_mobx.computed, 3, "asideLayout"], [_mobx.computed, 3, "chatRenderAt"], [_mobx.computed, 3, "participantsRenderAt"], [_mobx.computed, 3, "participantVisible"], [_mobx.computed, 3, "chatVisible"], [_mobx.computed, 3, "remoteUsers"], [_mobx.computed, 3, "hasStartScreenSharePermission"], [_mobx.computed, 3, "hasStopScreenSharePermission"], [_mobx.computed, 3, "sharingOwnerUser"], [_mobx.computed, 3, "hasEnableStartScreenSharePermission"], [_mobx.computed, 3, "hasStartLiveStreamingPermission"], [_mobx.computed, 3, "hasEnableStartAudioPermission"], [_mobx.computed, 3, "hasEnableChangeNamePermission"], [_mobx.computed, 3, "hasEnableStartVideoPermission"], [_mobx.computed, 3, "hasLockRoomPermission"], [_mobx.computed, 3, "hasEnableJoinWithAudioPermission"], [_mobx.computed, 3, "hasWaitingRoomPermission"], [_mobx.computed, 3, "hasWatermarkDisablePermission"], [_mobx.computed, 3, "hasEnableStartSharePermission"], [_mobx.computed, 3, "hasAllowWriteBoardPermission"], [_mobx.computed, 3, "hasCloseWriteBoardPermission"], [_mobx.computed, 3, "hasAllowScreenShareAndBoardPermission"], [_mobx.computed, 3, "hasAllowChatPermission"], [_mobx.computed, 3, "hasStartCloudRecordingPermission"], [_mobx.computed, 3, "hasAssignHostBeforeLeavingPermission"], [_mobx.computed, 3, "hasEndRoomPermission"], [_mobx.computed, 3, "isScreenShareAndBoardEnabled"], [_mobx.computed, 3, "isBoardWriteEnabled"], [_mobx.computed, 3, "isWaterMarkEnabled"], [_mobx.computed, 3, "isMulti"], [_mobx.computed, 3, "hasEnableInterpreterPermission"], [_mobx.computed, 3, "hasDisableInterpreterPermission"], [_mobx.computed, 3, "microphoneEnabled"], [_mobx.computed, 3, "allNewMessage"], [_mobx.computed, 3, "isMainRoom"], [_mobx.computed, 3, "hasAllowChangeNamePromission"], [_mobx.computed, 3, "hasDisallowChangeNamePromission"], [_mobx.computed, 3, "newMessageCount"], [_pauseCloudRecordingDecs, 2, "pauseCloudRecording"], [_resumeCloudRecordingDecs, 2, "resumeCloudRecording"], [_stopCloudRecordingDecs, 2, "stopCloudRecording"], [_decorator.bound, 2, "startCloudRecording"], [_showLockedRoomToastDecs, 18, "showLockedRoomToast"], [_toggleLayoutBarLockDecs, 18, "toggleLayoutBarLock"], [_showNewMessageTooltipDecs, 18, "showNewMessageTooltip"], [_hideNewMessageTooltipDecs, 18, "hideNewMessageTooltip"], [_switchMenuDecs, 18, "switchMenu"], [_mobx.computed, 3, "isLocked"], [_decorator.bound, 2, "isWaitingRoomEnabled"], [_decorator.bound, 2, "isAllowJoinWithAudioEnabled"], [_decorator.bound, 2, "enableMicrophone"], [_decorator.bound, 2, "setAllowWriteBoard"], [_decorator.bound, 2, "setAllowScreenShare"], [_setPopoverOpenedDecs, 18, "setPopoverOpened"], [_setStateBarLeaveMeetingDecs, 18, "setStateBarLeaveMeeting"], [_decorator.bound, 2, "getRoomType"], [_decorator.bound, 2, "allowJoinWithMuteAudio"], [_decorator.bound, 2, "setAllowJoinWithMuteAudio"], [_decorator.bound, 2, "isLockRoomEnabled"], [_decorator.bound, 2, "setLockRoomEnabled"], [_decorator.bound, 2, "setAllowShareScreen"], [_decorator.bound, 2, "allowShareScreen"], [_decorator.bound, 2, "allowWriteBoard"], [_decorator.bound, 2, "allowChat"], [_decorator.bound, 2, "setAllowChat"], [_decorator.bound, 2, "allowUnmuteSelfAudio"], [_decorator.bound, 2, "setAllowUnmuteSelfAudio"], [_decorator.bound, 2, "allowUnmuteSelfVideo"], [_decorator.bound, 2, "setAllowUnmuteSelfVideo"], [_decorator.bound, 2, "allowChangeName"], [_decorator.bound, 2, "toggleChat"], [_decorator.bound, 2, "openChat"], [_decorator.bound, 2, "closeChat"], [_decorator.bound, 2, "toggleParticipants"], [_decorator.bound, 2, "openParticipants"], [_decorator.bound, 2, "closeParticipants"], [_decorator.bound, 2, "openDeviceSettingDialog"], [_decorator.bound, 2, "startScreenShare"], [_decorator.bound, 2, "openInterpreterDialog"], [_decorator.bound, 2, "openWhiteboard"], [_decorator.bound, 2, "closeWhiteboard"], [_decorator.bound, 2, "closeShareScreen"], [_decorator.bound, 2, "openLiveStreamingDialog"], [_decorator.bound, 2, "toggleConnection"], [_decorator.bound, 2, "openConnection"], [_decorator.bound, 2, "closeConnection"], [_handleJoinWaitingRoomDecs, 18, "_handleJoinWaitingRoom"], [_toggleFoldDecs, 18, "toggleFold"], [_setShowArrowDecs, 18, "setShowArrow"], [_setEnableWaitingRoomDecs, 18, "setEnableWaitingRoom"], [_kickOutWaitingRoomAllMemberDecs, 18, "kickOutWaitingRoomAllMember"], [_moveToMainRoomAllMemberDecs, 18, "moveToMainRoomAllMember"], [_decorator.bound, 2, "_interceptShareScreen"], [_decorator.bound, 2, "_interceptShareBoard"], [_handleRemoteUsersJoinedDecs, 18, "_handleRemoteUsersJoined"], [_handleRemoteUsersLeftDecs, 18, "_handleRemoteUsersLeft"], [_handleLiveStreamingStateUpdatedDecs, 18, "_handleLiveStreamingStateUpdated"], [_handleChatVisibleDecs, 18, "_handleChatVisible"], [_handlerTraceScreenCaptureStateUpdateDecs, 18, "_handlerTraceScreenCaptureStateUpdate"], [_decorator.bound, 2, "setAllowWaterMark"], [_decorator.bound, 2, "setWaterMarkLineType"], [_decorator.bound, 2, "setAlllowChangeName"], [_decorator.bound, 2, "_onEvent"], [_operateWaitingRoomDecs, 18, "_operateWaitingRoom"], [_handleCloudRecordingStateUpdatedDecs, 18, "_handleCloudRecordingStateUpdated"], [_handleStreamsAddedOrUpdatedDecs, 18, "_handleStreamsAddedOrUpdated"], [_setOutputLanguageDecs, 18, "setOutputLanguage"], [_subscribeLanguageDecs, 18, "subscribeLanguage"], [_subscribeExtraOriginLanguageDecs, 18, "subscribeExtraOriginLanguage"], [_getOfflineUserExistenceStateDecs, 18, "getOfflineUserExistenceState"], [_openWidgetDecs, 18, "openWidget"], [_closeWidgetDecs, 18, "closeWidget"]], []).e, 16);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ActionBarStore, [[_mobx.observable, 1, "newMessageTooltipVisible"], [_mobx.observable, 1, "totalWaitingRoomUser"], [_mobx.observable, 1, "liveStreamingState"], [_mobx.observable, 1, "currentMenuIs"], [_mobx.observable, 1, "cloudRecordingState"], [_mobx.observable, 1, "connectionSettingVisible"], [_mobx.observable, 1, "folded"], [_mobx.observable, 1, "boardOwnerUser"], [_mobx.observable, 1, "hasScreenShare"], [_mobx.observable, 1, "showArrow"], [_mobx.observable, 1, "phoneMicEnabled"], [_mobx.observable, 1, "chatTabIndex"], [_mobx.observable, 1, "popoverOpened"], [_mobx.observable, 1, "stateBarLeaveMeeting"], [_mobx.observable, 1, "hasOfflineUserExistence"], [_mobx.observable, 1, "connectionState"], [_mobx.computed, 3, "checkedStateMap"], [_setCheckedStateMapDecs, 18, "setCheckedStateMap"], [_mobx.computed, 3, "registeredWidgetConfigs"], [_mobx.computed, 3, "asideLayout"], [_mobx.computed, 3, "chatRenderAt"], [_mobx.computed, 3, "participantsRenderAt"], [_mobx.computed, 3, "participantVisible"], [_mobx.computed, 3, "chatVisible"], [_mobx.computed, 3, "hasStartScreenSharePermission"], [_mobx.computed, 3, "hasStopScreenSharePermission"], [_mobx.computed, 3, "sharingOwnerUser"], [_mobx.computed, 3, "hasEnableStartScreenSharePermission"], [_mobx.computed, 3, "hasStartLiveStreamingPermission"], [_mobx.computed, 3, "hasEnableStartAudioPermission"], [_mobx.computed, 3, "hasEnableChangeNamePermission"], [_mobx.computed, 3, "hasEnableStartVideoPermission"], [_mobx.computed, 3, "hasLockRoomPermission"], [_mobx.computed, 3, "hasEnableJoinWithAudioPermission"], [_mobx.computed, 3, "hasWaitingRoomPermission"], [_mobx.computed, 3, "hasWatermarkDisablePermission"], [_mobx.computed, 3, "hasEnableStartSharePermission"], [_mobx.computed, 3, "hasAllowWriteBoardPermission"], [_mobx.computed, 3, "hasCloseWriteBoardPermission"], [_mobx.computed, 3, "hasAllowScreenShareAndBoardPermission"], [_mobx.computed, 3, "hasAllowChatPermission"], [_mobx.computed, 3, "hasStartCloudRecordingPermission"], [_mobx.computed, 3, "hasAssignHostBeforeLeavingPermission"], [_mobx.computed, 3, "hasEndRoomPermission"], [_mobx.computed, 3, "isScreenShareAndBoardEnabled"], [_mobx.computed, 3, "isBoardWriteEnabled"], [_mobx.computed, 3, "isWaterMarkEnabled"], [_mobx.computed, 3, "isMulti"], [_mobx.computed, 3, "hasEnableInterpreterPermission"], [_mobx.computed, 3, "hasDisableInterpreterPermission"], [_mobx.computed, 3, "microphoneEnabled"], [_mobx.computed, 3, "allNewMessage"], [_mobx.computed, 3, "isMainRoom"], [_mobx.computed, 3, "hasAllowChangeNamePromission"], [_mobx.computed, 3, "hasDisallowChangeNamePromission"], [_mobx.computed, 3, "newMessageCount"], [_pauseCloudRecordingDecs, 2, "pauseCloudRecording"], [_resumeCloudRecordingDecs, 2, "resumeCloudRecording"], [_stopCloudRecordingDecs, 2, "stopCloudRecording"], [_decorator.bound, 2, "startCloudRecording"], [_showLockedRoomToastDecs, 18, "showLockedRoomToast"], [_toggleLayoutBarLockDecs, 18, "toggleLayoutBarLock"], [_showNewMessageTooltipDecs, 18, "showNewMessageTooltip"], [_hideNewMessageTooltipDecs, 18, "hideNewMessageTooltip"], [_switchMenuDecs, 18, "switchMenu"], [_mobx.computed, 3, "isLocked"], [_decorator.bound, 2, "isWaitingRoomEnabled"], [_decorator.bound, 2, "isAllowJoinWithAudioEnabled"], [_decorator.bound, 2, "enableMicrophone"], [_decorator.bound, 2, "setAllowWriteBoard"], [_decorator.bound, 2, "setAllowScreenShare"], [_setPopoverOpenedDecs, 18, "setPopoverOpened"], [_setStateBarLeaveMeetingDecs, 18, "setStateBarLeaveMeeting"], [_decorator.bound, 2, "getRoomType"], [_decorator.bound, 2, "allowJoinWithMuteAudio"], [_decorator.bound, 2, "setAllowJoinWithMuteAudio"], [_decorator.bound, 2, "isLockRoomEnabled"], [_decorator.bound, 2, "setLockRoomEnabled"], [_decorator.bound, 2, "setAllowShareScreen"], [_decorator.bound, 2, "allowShareScreen"], [_decorator.bound, 2, "allowWriteBoard"], [_decorator.bound, 2, "allowChat"], [_decorator.bound, 2, "setAllowChat"], [_decorator.bound, 2, "allowUnmuteSelfAudio"], [_decorator.bound, 2, "setAllowUnmuteSelfAudio"], [_decorator.bound, 2, "allowUnmuteSelfVideo"], [_decorator.bound, 2, "setAllowUnmuteSelfVideo"], [_decorator.bound, 2, "allowChangeName"], [_decorator.bound, 2, "toggleChat"], [_decorator.bound, 2, "openChat"], [_decorator.bound, 2, "closeChat"], [_decorator.bound, 2, "toggleParticipants"], [_decorator.bound, 2, "openParticipants"], [_decorator.bound, 2, "closeParticipants"], [_decorator.bound, 2, "openDeviceSettingDialog"], [_decorator.bound, 2, "startScreenShare"], [_decorator.bound, 2, "openInterpreterDialog"], [_decorator.bound, 2, "openWhiteboard"], [_decorator.bound, 2, "closeWhiteboard"], [_decorator.bound, 2, "closeShareScreen"], [_decorator.bound, 2, "openLiveStreamingDialog"], [_decorator.bound, 2, "toggleConnection"], [_decorator.bound, 2, "openConnection"], [_decorator.bound, 2, "closeConnection"], [_handleJoinWaitingRoomDecs, 18, "_handleJoinWaitingRoom"], [_toggleFoldDecs, 18, "toggleFold"], [_setShowArrowDecs, 18, "setShowArrow"], [_setEnableWaitingRoomDecs, 18, "setEnableWaitingRoom"], [_kickOutWaitingRoomAllMemberDecs, 18, "kickOutWaitingRoomAllMember"], [_moveToMainRoomAllMemberDecs, 18, "moveToMainRoomAllMember"], [_decorator.bound, 2, "_interceptShareScreen"], [_decorator.bound, 2, "_interceptShareBoard"], [_handleRemoteUsersJoinedDecs, 18, "_handleRemoteUsersJoined"], [_handleRemoteUsersLeftDecs, 18, "_handleRemoteUsersLeft"], [_handleLiveStreamingStateUpdatedDecs, 18, "_handleLiveStreamingStateUpdated"], [_handleChatVisibleDecs, 18, "_handleChatVisible"], [_handlerTraceScreenCaptureStateUpdateDecs, 18, "_handlerTraceScreenCaptureStateUpdate"], [_decorator.bound, 2, "setAllowWaterMark"], [_decorator.bound, 2, "setWaterMarkLineType"], [_decorator.bound, 2, "setAlllowChangeName"], [_decorator.bound, 2, "_onEvent"], [_operateWaitingRoomDecs, 18, "_operateWaitingRoom"], [_handleCloudRecordingStateUpdatedDecs, 18, "_handleCloudRecordingStateUpdated"], [_handleStreamsAddedOrUpdatedDecs, 18, "_handleStreamsAddedOrUpdated"], [_setOutputLanguageDecs, 18, "setOutputLanguage"], [_subscribeLanguageDecs, 18, "subscribeLanguage"], [_subscribeExtraOriginLanguageDecs, 18, "subscribeExtraOriginLanguage"], [_getOfflineUserExistenceStateDecs, 18, "getOfflineUserExistenceState"], [_openWidgetDecs, 18, "openWidget"], [_closeWidgetDecs, 18, "closeWidget"]], []).e, 17);
 _init_newMessageTooltipVisible = _applyDecs$e[0];
 _init_totalWaitingRoomUser = _applyDecs$e[1];
 _init_liveStreamingState = _applyDecs$e[2];
@@ -1557,5 +1568,6 @@ _init_chatTabIndex = _applyDecs$e[11];
 _init_popoverOpened = _applyDecs$e[12];
 _init_stateBarLeaveMeeting = _applyDecs$e[13];
 _init_hasOfflineUserExistence = _applyDecs$e[14];
-_initProto = _applyDecs$e[15];
+_init_connectionState = _applyDecs$e[15];
+_initProto = _applyDecs$e[16];
 var ActionBarContext = exports.ActionBarContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/action-bar/types.d.ts

@@ -48,6 +48,7 @@ export interface AssignHostProps {
     remoteUsers: FcrUserInfo[];
     assignHost: (user: FcrUserInfo) => void;
     setPopoverOpened: React.Dispatch<React.SetStateAction<boolean>>;
+    setCanAssign: (value: boolean) => void;
     handleKeepConnect?: () => void;
     loading?: boolean;
 }

package/lib/modules/action-bar/view.js

@@ -57,7 +57,7 @@ var ToggleToolbarBtn = function ToggleToolbarBtn(_ref) {
     })
   });
 };
-var FcrActionBar = exports.FcrActionBar = (0, _mobxReact.observer)(function (props) {
+var FcrActionBar = exports.FcrActionBar = (0, _mobxReact.observer)(function () {
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     opened = _useState2[0],

package/lib/modules/audio-stream/index.js

@@ -200,7 +200,7 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
       }
     });
     (0, _defineProperty2["default"])(_this, "_createStreamObserver", function (streamControl) {
-      var onStreamsAdded = function onStreamsAdded(roomId, events) {
+      var onStreamsAdded = function onStreamsAdded(_roomId, events) {
         var streams = events.map(function (event) {
           return event.modifiedStream;
         });
@@ -216,7 +216,7 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
           _this._handleRemoteAudio(streamControl, streams);
         }
       };
-      var onStreamsUpdated = function onStreamsUpdated(roomId, events) {
+      var onStreamsUpdated = function onStreamsUpdated(_roomId, events) {
         var streams = events.map(function (event) {
           return event.modifiedStream;
         });
@@ -236,7 +236,7 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
           );
         }
       };
-      var onStreamsRemoved = function onStreamsRemoved(roomId, events) {
+      var onStreamsRemoved = function onStreamsRemoved(_roomId, events) {
         var streams = events.map(function (event) {
           return event.modifiedStream;
         });
@@ -357,7 +357,7 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
       this._interpreterProvider.removeObserver(this._interpreterObserver);
       this._streamControl.removeObserver(this._streamObserver);
       this._deviceProvider.removeObserver(this._deviceObserver);
-      this._streamControlObserverMap.forEach(function (_ref3, key) {
+      this._streamControlObserverMap.forEach(function (_ref3) {
         var roomStreamControl = _ref3.roomStreamControl,
           streamObserver = _ref3.streamObserver;
         roomStreamControl.removeObserver(streamObserver);

package/lib/modules/chat/chat-room-store.js

@@ -181,7 +181,6 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
       onRemoteUsersJoined: this._onRemoteUserUpdate.bind(this),
       onRemoteUsersLeft: this._onRemoteUserUpdate.bind(this),
       onUserPropertiesUpdated: this._onUserPropertiesUpdated.bind(this),
-      onUserPropertiesDeleted: function onUserPropertiesDeleted(roomId, event) {},
       onUserInfoUpdated: this._onUserInfoUpdated.bind(this)
     });
     this._type = type;
@@ -464,7 +463,7 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
         nickName: userName,
         uid: userId,
         isPrivate: isPrivate,
-        target: target || (isPrivate ? 'Me' : 'All')
+        target: target || (isPrivate ? (0, _i18n.transI18n)('fmt_participant_label_Me') : 'All')
       }, type === _type.FcrChatRoomMessageType.Text ? {
         msg: message.content
       } : {
@@ -480,7 +479,7 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
     }
   }, {
     key: "_onRemoteUserUpdate",
-    value: function _onRemoteUserUpdate(roomId, events) {
+    value: function _onRemoteUserUpdate(_roomId, _events) {
       if (this._type === _type3.FcrUIRoomType.WAITING_ROOM) {
         this.userCount = this.getUserCount();
       }
@@ -488,12 +487,12 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
     }
   }, {
     key: "_onUserPropertiesUpdated",
-    value: function _onUserPropertiesUpdated(roomId, event) {
+    value: function _onUserPropertiesUpdated(_roomId, _event) {
       this._refreshUserList();
     }
   }, {
     key: "_onUserInfoUpdated",
-    value: function _onUserInfoUpdated(roomId, event) {
+    value: function _onUserInfoUpdated(_roomId, event) {
       var targetUser = event.modifiedUser;
       this.currentUserMap.set(targetUser.userId, targetUser);
       this._refreshUserList();

package/lib/modules/chat/components/chat-bar/index.d.ts

@@ -1,3 +1,3 @@
-import './index.css';
 import { MessageBarProps } from '../../types';
+import './index.css';
 export declare const MessageBar: ({ styles, users }: React.PropsWithChildren<MessageBarProps>) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/chat/components/chat-bar/index.js

@@ -29,17 +29,17 @@ var _textBubble = require("agora-ui-foundation/lib/components/text-bubble");
 var _iconText = require("agora-ui-foundation/lib/components/icon-text");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
-require("./index.css");
 var _chatSelect = require("../chat-select");
 var _store = require("../../store");
 var _mobxReact = require("mobx-react");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _types = require("../../types");
+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; }
 var MessageBar = exports.MessageBar = (0, _mobxReact.observer)(function (_ref) {
-  var _users$filter, _privateTargetUser$us, _privateTargetUser$us2;
+  var _users$filter, _privateTargetUser$us;
   var styles = _ref.styles,
     _ref$users = _ref.users,
     users = _ref$users === void 0 ? [] : _ref$users;
@@ -77,6 +77,7 @@ var MessageBar = exports.MessageBar = (0, _mobxReact.observer)(function (_ref) {
     chatLevel = _ref2.chatLevel;
   var selectedUserId = (_privateTargetUser$us = privateTargetUser === null || privateTargetUser === void 0 ? void 0 : privateTargetUser.userId) !== null && _privateTargetUser$us !== void 0 ? _privateTargetUser$us : _types.USER_ALL;
   var chatSelectNoTitle = localIsManager || chatLevel === 'everyone' || chatLevel === 'no_one';
+  var privateTargetUserName = (privateTargetUser === null || privateTargetUser === void 0 ? void 0 : privateTargetUser.userName) === 'All' ? t('fmt_chat_option_all') : privateTargetUser === null || privateTargetUser === void 0 ? void 0 : privateTargetUser.userName;
   var title = chatSelectNoTitle ? undefined : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "assign-host-title",
     children: chatLevel === 'public' ? t('fmt_chat_option_onlypublic') : t('fmt_chat_option_onlyprivate')
@@ -91,6 +92,7 @@ var MessageBar = exports.MessageBar = (0, _mobxReact.observer)(function (_ref) {
       className: "fcr-tip-".concat(selectedUserId === _types.USER_ALL ? t('fmt_chat_option_all') : t('fmt_chats_label_privatechat')),
       children: tips
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
+      showArrow: false,
       overlayInnerStyle: {
         boxShadow: 'none',
         border: 'none',
@@ -122,7 +124,7 @@ var MessageBar = exports.MessageBar = (0, _mobxReact.observer)(function (_ref) {
             }
             // TODO: 当选中的 uid 为 None 时，需要提示选择管理员
             ,
-            txt: privateTargetUser.userId === _types.USER_NONE && !localIsManager ? t('fmt_chat_tips_selecthost') : (_privateTargetUser$us2 = privateTargetUser === null || privateTargetUser === void 0 ? void 0 : privateTargetUser.userName) !== null && _privateTargetUser$us2 !== void 0 ? _privateTargetUser$us2 : _types.USER_ALL,
+            txt: privateTargetUser.userId === _types.USER_NONE && !localIsManager ? t('fmt_chat_tips_selecthost') : privateTargetUserName !== null && privateTargetUserName !== void 0 ? privateTargetUserName : t('fmt_chat_option_all'),
             icon: _type.FcrIconType.FCR_DROPDOWN,
             colors: {
               iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)',

package/lib/modules/chat/components/chat-select/select-item/index.js

@@ -76,7 +76,7 @@ var _default = exports["default"] = (0, _mobxReact.observer)(function (props) {
       (0, _jsxRuntime.jsx)(_avatar.FcrAvatar, {
         isShowFirstLetter: true,
         size: 32,
-        nickName: currentUser.userName,
+        nickName: currentUser.userName === _types.USER_ALL ? t('fmt_chat_option_all') : currentUser.userName,
         textSize: 14
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/lib/modules/chat/components/message-list/index.js

@@ -186,7 +186,6 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
   var rowRenderer = function rowRenderer(messageList) {
     return function (_ref3) {
       var index = _ref3.index,
-        key = _ref3.key,
         parent = _ref3.parent,
         style = _ref3.style;
       var datum = messageList[index % messageList.length];
@@ -199,7 +198,7 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
         localUserId: localUserId,
         parent: parent,
         scrollToIdx: scrollToIdx
-      }, key);
+      }, datum.id);
     };
   };
   var scrollToIdx = (0, _react.useCallback)(function (idx) {

package/lib/modules/chat/components/message-list/message-item/index.d.ts

@@ -4,7 +4,6 @@ type IMessageItem = {
     messageItem: MsgListType;
     index: number;
     localUserId: string | undefined;
-    key: string;
     parent: MeasuredCellParent;
     style: React.CSSProperties | undefined;
     multiSelectActive: boolean | undefined;