fcr-ui-scene 3.5.0 → 3.6.0

package/lib/modules/action-bar/components/record/popover.js

@@ -0,0 +1,57 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _store = require("../../store");
+var _type = require("fcr-core/lib/type");
+var _jsxRuntime = require("react/jsx-runtime");
+var RecordPopoverContent = (0, _mobxReact.observer)(function (_ref) {
+  var _onClick = _ref.onClick;
+  var _useContext = (0, _react.useContext)(_store.ActionBarContext),
+    state = _useContext.cloudRecordingState,
+    stopCloudRecording = _useContext.stopCloudRecording,
+    pauseCloudRecording = _useContext.pauseCloudRecording,
+    resumeCloudRecording = _useContext.resumeCloudRecording;
+  var t = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "fcr-more-popover-content",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fcr-more-popover-content__group",
+      children: [state === _type.FcrRecordingState.Started && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "fcr-more-popover-content__group-item contain-icon",
+        onClick: function onClick() {
+          _onClick();
+          pauseCloudRecording();
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: t('fmt_record_tips_recordingpaused')
+        })
+      }), state === _type.FcrRecordingState.Paused && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "fcr-more-popover-content__group-item contain-icon",
+        onClick: function onClick() {
+          _onClick();
+          resumeCloudRecording();
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: t('fmt_record_tips_recordingrestored')
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "fcr-more-popover-content__group-item contain-icon",
+        onClick: function onClick() {
+          _onClick();
+          stopCloudRecording();
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: t('fmt_status_label_stoprecord')
+        })
+      })]
+    })
+  });
+});
+var _default = exports["default"] = RecordPopoverContent;

package/lib/modules/action-bar/components/record/stop-record-dialog.js

@@ -38,6 +38,7 @@ var StopCloudRecording = exports.StopCloudRecording = (0, _mobxReact.observer)(f
     })]
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
+    showArrow: false,
     overlayClassName: "fcr-stop-cloud-recording-popover",
     visible: visible,
     onVisibleChange: setVisible,

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];
@@ -43,6 +43,10 @@ var ScreenShare = exports.ScreenShare = (0, _mobxReact.observer)(function (_ref)
     setMenuVisible(false);
     setTooltipVisible(false);
   }, [hasStartScreenSharePermission]);
+  function hanldeSubMenuClick() {
+    setMenuVisible(false);
+    setTooltipVisible(false);
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
     mouseEnterDelay: 0,
     onVisibleChange: function onVisibleChange() {
@@ -51,6 +55,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 +65,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 +72,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 +97,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

@@ -9,6 +9,8 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
@@ -158,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",
@@ -203,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

@@ -9,6 +9,10 @@ require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
@@ -19,8 +23,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.TriggerOutputLanguage = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -74,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),
@@ -137,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

@@ -16,6 +16,9 @@ require("core-js/modules/es.array.some.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.includes.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.async-iterator.some.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.map.js");
@@ -208,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;
@@ -82,6 +85,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 +106,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

@@ -36,6 +36,10 @@ require("core-js/modules/es.object.values.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.async-iterator.reduce.js");
+require("core-js/modules/esnext.async-iterator.some.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.iterator.for-each.js");
@@ -81,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; }
@@ -113,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, {
@@ -178,6 +183,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;
@@ -195,6 +201,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();
@@ -381,6 +388,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() {
@@ -517,24 +532,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",
@@ -640,7 +655,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",
@@ -1092,6 +1107,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;
@@ -1173,11 +1194,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,
@@ -1537,7 +1558,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];
@@ -1553,5 +1574,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/audio-stream/index.js

@@ -17,6 +17,9 @@ require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.iterator.for-each.js");

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

@@ -41,6 +41,10 @@ require("core-js/modules/es.object.entries.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.async-iterator.some.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.find.js");
@@ -460,7 +464,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
       } : {

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

@@ -8,6 +8,7 @@ require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -17,6 +18,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.MessageBar = void 0;
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -27,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;
@@ -75,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')
@@ -89,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',
@@ -120,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/index.js

@@ -10,6 +10,7 @@ require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.includes.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));