fcr-ui-scene 3.7.9-alpha → 3.8.0

package/lib/modules/notification/store.js

@@ -72,7 +72,7 @@ var NotificationStore = exports["default"] = /*#__PURE__*/function () {
         _this.notification.close(type);
       },
       onNotificationReceived: function onNotificationReceived(params) {
-        var _params$duration;
+        var _params$duration, _params$showProgress;
         var compFn = _view.ContentMap[params.type];
         _this.notification.open({
           content: compFn({
@@ -81,12 +81,14 @@ var NotificationStore = exports["default"] = /*#__PURE__*/function () {
             data: params.data
           }),
           duration: (_params$duration = params.duration) !== null && _params$duration !== void 0 ? _params$duration : null,
+          showProgress: (_params$showProgress = params.showProgress) !== null && _params$showProgress !== void 0 ? _params$showProgress : false,
           placement: params.placement,
           key: params.type
         });
       }
     });
     this._sharedWaitingRoomDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_WAITING_ROOM_DATA_SOURCE);
+    this._sharedVideoWindowDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_VIDEO_WINDOW_DATA_SOURCE);
     this._messageProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_MESSAGE_PROVIDER);
     this._messageProvider.addObserver(this._messageObserver);
   }
@@ -103,6 +105,11 @@ var NotificationStore = exports["default"] = /*#__PURE__*/function () {
     get: function get() {
       return this._sharedWaitingRoomDataSource.totalWaitingRoomUser || 0;
     }
+  }, {
+    key: "layoutType",
+    get: function get() {
+      return this._sharedVideoWindowDataSource.layoutType;
+    }
   }, {
     key: "setNotification",
     value: function setNotification(notification) {
@@ -116,6 +123,6 @@ var NotificationStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _NotificationStore = NotificationStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_NotificationStore, [[_mobx.computed, 3, "waitingRoomUserCount"], [_setNotificationDecs, 18, "setNotification"]], []).e, 1);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_NotificationStore, [[_mobx.computed, 3, "waitingRoomUserCount"], [_mobx.computed, 3, "layoutType"], [_setNotificationDecs, 18, "setNotification"]], []).e, 1);
 _initProto = _applyDecs$e[0];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/notification/view.d.ts

@@ -8,5 +8,6 @@ export declare const ContentMap: {
     WAITING_ROOM: (props: NotificationContent) => import("react/jsx-runtime").JSX.Element;
     INTERPRETER_STATUS: (props: NotificationContent) => import("react/jsx-runtime").JSX.Element;
     TOAST: (props: NotificationContent) => import("react/jsx-runtime").JSX.Element;
+    TRANSCRIBING: (props: NotificationContent) => import("react/jsx-runtime").JSX.Element;
 };
 export declare const View: () => import("react/jsx-runtime").JSX.Element;

package/lib/modules/notification/view.js

@@ -29,6 +29,7 @@ var _interpreterStatus = require("./interpreter-status");
 require("./index.css");
 var _type2 = require("../../type");
 var _notificationToast = _interopRequireDefault(require("agora-ui-foundation/lib/components/notification-toast"));
+var _purePanel = require("agora-ui-foundation/lib/components/notification/pure-panel");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var Content = (0, _mobxReact.observer)(function (_ref) {
@@ -75,7 +76,7 @@ var Content = (0, _mobxReact.observer)(function (_ref) {
     })]
   });
 });
-var ContentMap = exports.ContentMap = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _type2.FcrUINotificationContentType.WAITING_ROOM, function (props) {
+var ContentMap = exports.ContentMap = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _type2.FcrUINotificationContentType.WAITING_ROOM, function (props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Content, {
     onOk: props.onOk,
     onClose: props.onClose,
@@ -92,13 +93,43 @@ var ContentMap = exports.ContentMap = (0, _defineProperty2["default"])((0, _defi
     onClose: props.onClose,
     data: props.data
   });
+}), _type2.FcrUINotificationContentType.TRANSCRIBING, function (props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_purePanel.PurePanel, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        borderRadius: '50%',
+        background: 'var(--fcr_ui_scene_ramp_green6)'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        type: _type.FcrIconType.FCR_V2_SUBTITIESHISTORY,
+        size: 40,
+        style: {
+          padding: 9.5
+        }
+      })
+    }),
+    oneline: true,
+    message: props.data.message,
+    actions: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+      size: "XXS",
+      type: "primary",
+      onClick: props.onOk,
+      children: (0, _i18n.transI18n)('fmt_ai_rtt_window_button_view')
+    })
+  });
 });
 var View = exports.View = function View() {
   var _useContext2 = (0, _react.useContext)(_store.StoreContext),
-    setNotification = _useContext2.setNotification;
+    setNotification = _useContext2.setNotification,
+    layoutType = _useContext2.layoutType;
   var _useFcrNotification = (0, _notification["default"])({
       className: function className(placement) {
         return "fcr-notification_".concat(placement);
+      },
+      style: function style() {
+        return {
+          top: layoutType === _type2.FcrUIVideoWindowLayoutType.Speaker ? '156px' : '34px'
+        };
       }
     }),
     _useFcrNotification2 = (0, _slicedToArray2["default"])(_useFcrNotification, 2),

package/lib/modules/participant/components/participants/components/footer/components/drop-menu/index.css

@@ -17,7 +17,6 @@
   background-color: var(--fcr_mobile_ui_scene_fill1);
   align-items: center;
   padding: 2px;
-  margin-left: 80px;
   border-radius: var(--fcr_cornerradius_xxs);
 }
 

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

@@ -11,7 +11,7 @@ var _react = require("react");
 var _buttons = _interopRequireDefault(require("./components/buttons"));
 var _dropMenu = require("./components/drop-menu");
 var _store = require("../../../../store.base");
-var _footer = require("./components/footer");
+var _footer = require("agora-ui-foundation/lib/components/participants/footer");
 var _type = require("../../../../../../type");
 var _jsxRuntime = require("react/jsx-runtime");
 var ParticipantFooter = (0, _mobxReact.observer)(function (_ref) {

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

@@ -27,6 +27,7 @@ var _cameraState = require("agora-ui-foundation/lib/components/room-screen-share
 var _classnames = _interopRequireDefault(require("classnames"));
 var _mobxReact = require("mobx-react");
 var _react = require("react");
+var _fcrCore = require("fcr-core");
 require("./index.css");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _helper = require("agora-ui-foundation/lib/components/avatar/helper");
@@ -34,7 +35,6 @@ var _microphoneIndicator = require("./components/microphone-indicator");
 var _userAvatar = require("./components/user-avatar");
 var _interpreterTag = require("./components/interpreter-tag");
 var _store = require("../../../../../../store.base");
-var _types = require("../../../../types");
 var _type2 = require("../../../../../../../../type");
 var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -107,7 +107,7 @@ var ParticipantAttendee = exports.ParticipantAttendee = (0, _mobxReact.observer)
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "attendee__tag-group",
-          children: [userRole === _types.FcrUserRole.COHOST && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: [userRole === _fcrCore.FcrUserRole.COHOST && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "attendee__host-badge attendee__cohost-tag-bg",
             children: t('fmt_role_cohost')
           }), !isHost && /*#__PURE__*/(0, _jsxRuntime.jsx)(_interpreterTag.ParticipantAttendeeinterpreterTag, {

package/lib/modules/participant/components/participants/components/render-user/components/user-action/index.d.ts

@@ -1,2 +1,7 @@
-import { UserActionsPropsType } from '../../../../types';
+import type { User } from 'agora-ui-foundation/lib/components/participants/attendee';
+interface UserActionsPropsType {
+    user: User;
+    isLocalCameraInSecondaryWindow: boolean;
+}
 export declare const UserActions: (props: UserActionsPropsType) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/modules/participant/components/participants/components/render-user/index.d.ts

@@ -1,4 +1,4 @@
-import { User } from '../../types';
+import type { User } from 'agora-ui-foundation/lib/components/participants/attendee';
 type RenderUserProps = {
     user: User;
     isLocalCameraInSecondaryWindow: boolean;

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

@@ -11,12 +11,15 @@ var _renderTab = _interopRequireDefault(require("./components/render-tab"));
 var _renderUser = _interopRequireDefault(require("./components/render-user"));
 var _react = require("react");
 var _constant = require("../../../../utilities/constant");
-var _participants = require("./components/participants");
+var _participants = require("agora-ui-foundation/lib/components/participants");
 var _footer = _interopRequireDefault(require("./components/footer"));
 var _store = require("../../store.base");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _fcr_defaultpage = _interopRequireDefault(require("../../../../../public/assets/fcr_defaultpage.png"));
 var _jsxRuntime = require("react/jsx-runtime");
 var ParticipantsContainer = (0, _mobxReact.observer)(function () {
   var store = (0, _react.useContext)(_store.StoreContext);
+  var t = (0, _i18n.useI18n)();
   var userList = store.userList,
     handlerSearchUser = store.handlerSearchUser,
     searchText = store.searchText,
@@ -28,6 +31,14 @@ var ParticipantsContainer = (0, _mobxReact.observer)(function () {
     handlerRoomControlAction = store.handlerRoomControlAction,
     hasInvite = store.hasInvite,
     isLocalCameraInSecondaryWindow = store.isLocalCameraInSecondaryWindow;
+  var emptyContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "fcr-no-data",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: _fcr_defaultpage["default"]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: t('fmt_chat_tips_nodata')
+    })]
+  });
   var handlerRoomControlClick = function handlerRoomControlClick(action, userId) {
     if (action === _constant.FcrUIRoomControlType.MUTE_ALL_AUDIO) {
       handlerRoomControlAction(action, {
@@ -51,6 +62,7 @@ var ParticipantsContainer = (0, _mobxReact.observer)(function () {
       hasPinnedStream: hasPinnedStream,
       toggleParticipantAction: handlerUserAction,
       isLocalCameraInSecondaryWindow: isLocalCameraInSecondaryWindow,
+      emptyContent: emptyContent,
       userRenderer: function userRenderer(user) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderUser["default"], {
           user: user,

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

@@ -7,7 +7,7 @@ import { FcrUserKickedOutType } from 'fcr-core/lib/room-control/user-control/typ
 import { FcrLanguage } from 'fcr-core/lib/room-control/interpreter-control/types';
 import { ConfirmContentProps } from 'agora-ui-foundation/lib/components/confirm-content';
 import { FcrUIRoomType, FcrUIUpdateAsideParams } from '../../type';
-import { User } from './components/participants/types';
+import type { User } from 'agora-ui-foundation/lib/components/participants/attendee';
 export declare abstract class ParticipantStoreBase {
     protected logger: import("agora-foundation/lib/logger").Logger;
     private _disposers;
@@ -46,7 +46,6 @@ export declare abstract class ParticipantStoreBase {
     private _whitebaordObderver;
     protected _renamingUserId: string;
     protected _renamingUserName: string;
-    private accessor _mainList;
     private accessor _isChecked;
     accessor _participantsWindowActive: boolean;
     accessor enableParticipantsJoinWithMute: boolean;

package/lib/modules/participant/store.base.js

@@ -117,7 +117,7 @@ var _struct = require("./struct");
 var _i18n2 = require("../../hooks/i18n");
 var _jsxRuntime = require("react/jsx-runtime");
 var _ParticipantStoreBase;
-var _initProto, _init__mainList, _init__isChecked, _init__participantsWindowActive, _init_enableParticipantsJoinWithMute, _init_searchText, _init_currentModal, _init_mergeConfirmDialog, _init_mergeUserId, _init_activeTab, _init_interpreterInputLanguageList, _init_newName, _init_allowUnmute, _init_joinWithMuteAudio, _init_showBecomeHostButton, _init__userCount, _setCurrentModalDecs, _setParticipantsWindowActiveDecs, _handlerSearchUserDecs, _openRemoveAdmitWaitingRoomDialogDecs, _setAllowUnmuteDecs, _setAllowJoinWithMuteAudioDecs, _openMuteAllDialogDecs, _handlerRoomControlActionDecs, _moveToMainRoomByUserIdsDecs, _kickOutWaitingRoomAllMemberDecs, _moveToMainRoomAllMemberDecs, _removeWaitingRoomUserDecs, _handleUserCountUpdatedDecs, _handleConfirmChangeNameDecs, _handleCancelChangeNameDecs, _closeChangeNameDialogDecs, _getOutputLanguageDecs, _handlerUserActionDecs, _handleActiveTabDecs, _moveToWaitingRoomByUserIdDecs, _kickOutUserDecs, _onPeerSessionReceivedDecs, _ref;
+var _initProto, _init__isChecked, _init__participantsWindowActive, _init_enableParticipantsJoinWithMute, _init_searchText, _init_currentModal, _init_mergeConfirmDialog, _init_mergeUserId, _init_activeTab, _init_interpreterInputLanguageList, _init_newName, _init_allowUnmute, _init_joinWithMuteAudio, _init_showBecomeHostButton, _init__userCount, _setCurrentModalDecs, _setParticipantsWindowActiveDecs, _handlerSearchUserDecs, _openRemoveAdmitWaitingRoomDialogDecs, _setAllowUnmuteDecs, _setAllowJoinWithMuteAudioDecs, _openMuteAllDialogDecs, _handlerRoomControlActionDecs, _moveToMainRoomByUserIdsDecs, _kickOutWaitingRoomAllMemberDecs, _moveToMainRoomAllMemberDecs, _removeWaitingRoomUserDecs, _handleUserCountUpdatedDecs, _handleConfirmChangeNameDecs, _handleCancelChangeNameDecs, _closeChangeNameDialogDecs, _getOutputLanguageDecs, _handlerUserActionDecs, _handleActiveTabDecs, _moveToWaitingRoomByUserIdDecs, _kickOutUserDecs, _onPeerSessionReceivedDecs, _ref;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
@@ -144,7 +144,6 @@ var _K = /*#__PURE__*/new WeakMap();
 var _L = /*#__PURE__*/new WeakMap();
 var _M = /*#__PURE__*/new WeakMap();
 var _N = /*#__PURE__*/new WeakMap();
-var _O = /*#__PURE__*/new WeakMap();
 _ref = (_setCurrentModalDecs = [_mobx.action, _mobx.action.bound], _setParticipantsWindowActiveDecs = [_mobx.action, _mobx.action.bound], _handlerSearchUserDecs = [_mobx.action, _mobx.action.bound], _openRemoveAdmitWaitingRoomDialogDecs = [_mobx.action, _mobx.action.bound], _setAllowUnmuteDecs = [_mobx.action, _mobx.action.bound], _setAllowJoinWithMuteAudioDecs = [_mobx.action, _mobx.action.bound], _openMuteAllDialogDecs = [_mobx.action, _mobx.action.bound], _handlerRoomControlActionDecs = [_mobx.action, _mobx.action.bound], _moveToMainRoomByUserIdsDecs = [_mobx.action, _mobx.action.bound], _kickOutWaitingRoomAllMemberDecs = [_mobx.action, _mobx.action.bound], _moveToMainRoomAllMemberDecs = [_mobx.action, _mobx.action.bound], _removeWaitingRoomUserDecs = [_mobx.action, _mobx.action.bound], _handleUserCountUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleConfirmChangeNameDecs = [_mobx.action, _mobx.action.bound], _handleCancelChangeNameDecs = [_mobx.action, _mobx.action.bound], _closeChangeNameDialogDecs = [_mobx.action, _mobx.action.bound], _getOutputLanguageDecs = [_mobx.action, _mobx.action.bound], _handlerUserActionDecs = [_mobx.action, _mobx.action.bound], _handleActiveTabDecs = [_mobx.action, _mobx.action.bound], _moveToWaitingRoomByUserIdDecs = [_mobx.action, _mobx.action.bound], _kickOutUserDecs = [_mobx.action, _mobx.action.bound], _onPeerSessionReceivedDecs = [_mobx.action, _mobx.action.bound], "logger");
 var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function () {
   // #endregion
@@ -204,21 +203,20 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
     });
     (0, _defineProperty2["default"])(this, "_renamingUserId", '');
     (0, _defineProperty2["default"])(this, "_renamingUserName", '');
-    _classPrivateFieldInitSpec(this, _A, _init__mainList(this, []));
-    _classPrivateFieldInitSpec(this, _B, _init__isChecked(this, {}));
-    _classPrivateFieldInitSpec(this, _C, _init__participantsWindowActive(this, false));
-    _classPrivateFieldInitSpec(this, _D, _init_enableParticipantsJoinWithMute(this, false));
-    _classPrivateFieldInitSpec(this, _E, _init_searchText(this, ''));
-    _classPrivateFieldInitSpec(this, _F, _init_currentModal(this, 'modal'));
-    _classPrivateFieldInitSpec(this, _G, _init_mergeConfirmDialog(this, false));
-    _classPrivateFieldInitSpec(this, _H, _init_mergeUserId(this, ''));
-    _classPrivateFieldInitSpec(this, _I, _init_activeTab(this, _type5.FcrUIRoomType.MAIN_ROOM));
-    _classPrivateFieldInitSpec(this, _J, _init_interpreterInputLanguageList(this, []));
-    _classPrivateFieldInitSpec(this, _K, _init_newName(this, ''));
-    _classPrivateFieldInitSpec(this, _L, _init_allowUnmute(this, false));
-    _classPrivateFieldInitSpec(this, _M, _init_joinWithMuteAudio(this, false));
-    _classPrivateFieldInitSpec(this, _N, _init_showBecomeHostButton(this, false));
-    _classPrivateFieldInitSpec(this, _O, _init__userCount(this, 0));
+    _classPrivateFieldInitSpec(this, _A, _init__isChecked(this, {}));
+    _classPrivateFieldInitSpec(this, _B, _init__participantsWindowActive(this, false));
+    _classPrivateFieldInitSpec(this, _C, _init_enableParticipantsJoinWithMute(this, false));
+    _classPrivateFieldInitSpec(this, _D, _init_searchText(this, ''));
+    _classPrivateFieldInitSpec(this, _E, _init_currentModal(this, 'modal'));
+    _classPrivateFieldInitSpec(this, _F, _init_mergeConfirmDialog(this, false));
+    _classPrivateFieldInitSpec(this, _G, _init_mergeUserId(this, ''));
+    _classPrivateFieldInitSpec(this, _H, _init_activeTab(this, _type5.FcrUIRoomType.MAIN_ROOM));
+    _classPrivateFieldInitSpec(this, _I, _init_interpreterInputLanguageList(this, []));
+    _classPrivateFieldInitSpec(this, _J, _init_newName(this, ''));
+    _classPrivateFieldInitSpec(this, _K, _init_allowUnmute(this, false));
+    _classPrivateFieldInitSpec(this, _L, _init_joinWithMuteAudio(this, false));
+    _classPrivateFieldInitSpec(this, _M, _init_showBecomeHostButton(this, false));
+    _classPrivateFieldInitSpec(this, _N, _init__userCount(this, 0));
     (0, _defineProperty2["default"])(this, "allowedOperations", (0, _mobxUtils.computedFn)(function (userId, userRole) {
       return _this.getAllowedOperations(userRole, userId === _this.localUser.userId);
     }));
@@ -305,8 +303,10 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
     this._eventProvider.addObserver({
       onEvent: this._handleEvent
     });
-    this.allowUnmute = this._privilegeProvider.allowUnmuteSelfAudio();
-    this.joinWithMuteAudio = this._privilegeProvider.allowJoinWithMuteAudio();
+
+    // TODO: 使用 privilegeProvider 中的值代替
+    this.allowUnmute = this._privilegeProvider.isUnmuteSelfAudioAllowed();
+    this.joinWithMuteAudio = this._privilegeProvider.isJoinWithMutedAudioEnabled();
     this._getOutputLanguage();
     this.showBecomeHostButton = !this._sharedMemberDataSource.memberList.some(function (user) {
       return user.userInfo.userRole === _type.FcrUserRole.HOST;
@@ -316,7 +316,7 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
     this._setupWaitingRoomUserCountListener();
   }
   return (0, _createClass2["default"])(ParticipantStoreBase, [{
-    key: "_mainList",
+    key: "_isChecked",
     get: function get() {
       return _classPrivateFieldGet(_A, this);
     },
@@ -324,7 +324,7 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
       _classPrivateFieldSet(_A, this, v);
     }
   }, {
-    key: "_isChecked",
+    key: "_participantsWindowActive",
     get: function get() {
       return _classPrivateFieldGet(_B, this);
     },
@@ -332,7 +332,7 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
       _classPrivateFieldSet(_B, this, v);
     }
   }, {
-    key: "_participantsWindowActive",
+    key: "enableParticipantsJoinWithMute",
     get: function get() {
       return _classPrivateFieldGet(_C, this);
     },
@@ -340,7 +340,7 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
       _classPrivateFieldSet(_C, this, v);
     }
   }, {
-    key: "enableParticipantsJoinWithMute",
+    key: "searchText",
     get: function get() {
       return _classPrivateFieldGet(_D, this);
     },
@@ -348,7 +348,7 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
       _classPrivateFieldSet(_D, this, v);
     }
   }, {
-    key: "searchText",
+    key: "currentModal",
     get: function get() {
       return _classPrivateFieldGet(_E, this);
     },
@@ -356,7 +356,7 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
       _classPrivateFieldSet(_E, this, v);
     }
   }, {
-    key: "currentModal",
+    key: "mergeConfirmDialog",
     get: function get() {
       return _classPrivateFieldGet(_F, this);
     },
@@ -364,7 +364,7 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
       _classPrivateFieldSet(_F, this, v);
     }
   }, {
-    key: "mergeConfirmDialog",
+    key: "mergeUserId",
     get: function get() {
       return _classPrivateFieldGet(_G, this);
     },
@@ -372,7 +372,7 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
       _classPrivateFieldSet(_G, this, v);
     }
   }, {
-    key: "mergeUserId",
+    key: "activeTab",
     get: function get() {
       return _classPrivateFieldGet(_H, this);
     },
@@ -380,7 +380,7 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
       _classPrivateFieldSet(_H, this, v);
     }
   }, {
-    key: "activeTab",
+    key: "interpreterInputLanguageList",
     get: function get() {
       return _classPrivateFieldGet(_I, this);
     },
@@ -388,7 +388,7 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
       _classPrivateFieldSet(_I, this, v);
     }
   }, {
-    key: "interpreterInputLanguageList",
+    key: "newName",
     get: function get() {
       return _classPrivateFieldGet(_J, this);
     },
@@ -396,7 +396,7 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
       _classPrivateFieldSet(_J, this, v);
     }
   }, {
-    key: "newName",
+    key: "allowUnmute",
     get: function get() {
       return _classPrivateFieldGet(_K, this);
     },
@@ -404,7 +404,7 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
       _classPrivateFieldSet(_K, this, v);
     }
   }, {
-    key: "allowUnmute",
+    key: "joinWithMuteAudio",
     get: function get() {
       return _classPrivateFieldGet(_L, this);
     },
@@ -412,29 +412,21 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
       _classPrivateFieldSet(_L, this, v);
     }
   }, {
-    key: "joinWithMuteAudio",
+    key: "showBecomeHostButton",
     get: function get() {
       return _classPrivateFieldGet(_M, this);
     },
     set: function set(v) {
       _classPrivateFieldSet(_M, this, v);
     }
-  }, {
-    key: "showBecomeHostButton",
-    get: function get() {
-      return _classPrivateFieldGet(_N, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_N, this, v);
-    }
   }, {
     key: "_userCount",
     get: // #region getters
     function get() {
-      return _classPrivateFieldGet(_O, this);
+      return _classPrivateFieldGet(_N, this);
     },
     set: function set(v) {
-      _classPrivateFieldSet(_O, this, v);
+      _classPrivateFieldSet(_N, this, v);
     }
   }, {
     key: "renamingUserName",
@@ -536,7 +528,8 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
   }, {
     key: "pinedStreamIds",
     get: function get() {
-      return this._mainList.filter(function (i) {
+      var mainList = this._sharedVideoWindowDataSource.mainList;
+      return mainList.filter(function (i) {
         return i.isPin;
       }).map(function (i) {
         return i.windowId;
@@ -545,7 +538,8 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
   }, {
     key: "hasPinnedStream",
     get: function get() {
-      return this._mainList.some(function (i) {
+      var mainList = this._sharedVideoWindowDataSource.mainList;
+      return mainList.some(function (i) {
         return i.isPin;
       });
     }
@@ -637,7 +631,7 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
   }, {
     key: "hasWaitingRoomPermission",
     value: function hasWaitingRoomPermission() {
-      return this._privilegeProvider.isWaitingRoomEnabled() && this._privilegeProvider.hasWaitingRoomPermission();
+      return this._privilegeProvider.isWaitingRoomEnabled() && this._privilegeProvider.hasEnableWaitingRoomPermission();
     }
   }, {
     key: "hasUnmutePermission",
@@ -918,8 +912,8 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
       var _this8 = this;
       // 使用 runInAction 将所有状态更新包装在一个事务中，避免多次渲染
       (0, _mobx.runInAction)(function () {
-        _this8._privilegeProvider.setAllowJoinWithMuteAudio(JoinWithMuteAudio);
-        _this8._privilegeProvider.setAllowUnmuteSelfAudio(allowUnmute);
+        _this8._privilegeProvider.allowJoinWithMutedAudio(JoinWithMuteAudio);
+        _this8._privilegeProvider.allowStartAudio(allowUnmute);
         _this8._privilegeProvider.muteAll();
         _this8._sharedSecurityDataSource.setCheckedStateMap(_objectSpread(_objectSpread({}, _this8.checkedStateMap), {
           enableJoinWithAudio: JoinWithMuteAudio,
@@ -933,7 +927,7 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
     value: function _unmuteAllAudio() {
       var _this9 = this;
       this._setPrivilegeAndUpdateUI(function () {
-        return _this9._privilegeProvider.setAllowUnmuteSelfAudio(true);
+        return _this9._privilegeProvider.allowStartAudio(true);
       }, {
         unmuteYourself: true
       });
@@ -945,7 +939,7 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
     value: function _enableSelfUnmute(enable) {
       var _this0 = this;
       this._setPrivilegeAndUpdateUI(function () {
-        return _this0._privilegeProvider.setAllowUnmuteSelfAudio(enable);
+        return _this0._privilegeProvider.allowStartAudio(enable);
       }, {
         unmuteYourself: enable
       });
@@ -955,7 +949,7 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
     value: function _enableOpenVideo(enable) {
       var _this1 = this;
       this._setPrivilegeAndUpdateUI(function () {
-        return _this1._privilegeProvider.setAllowUnmuteSelfVideo(enable);
+        return _this1._privilegeProvider.allowStartVideo(enable);
       }, {
         startVideo: enable
       });
@@ -974,7 +968,7 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
       var _this10 = this;
       this._showToast(enable ? (0, _i18n.transI18n)('fmt_security_tips_lock_meeting_on') : (0, _i18n.transI18n)('fmt_security_tips_lock_meeting_off'), 'info');
       this._setPrivilegeAndUpdateUI(function () {
-        return _this10._privilegeProvider.setLockRoomEnabled(enable);
+        return _this10._privilegeProvider.enableLockedRoom(enable);
       }, {
         lockRoom: enable
       });
@@ -984,7 +978,7 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
     value: function _enableRename(enable) {
       var _this11 = this;
       this._setPrivilegeAndUpdateUI(function () {
-        return _this11._privilegeProvider.setAllowChangeSelfName(enable);
+        return _this11._privilegeProvider.allowChangeUserName(enable);
       }, {
         rename: enable
       });
@@ -996,7 +990,7 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
     value: function enableJoinWithMuteAudio(enable) {
       var _this12 = this;
       this._setPrivilegeAndUpdateUI(function () {
-        return _this12._privilegeProvider.setAllowJoinWithMuteAudio(enable);
+        return _this12._privilegeProvider.allowJoinWithMutedAudio(enable);
       }, {
         enableJoinWithAudio: enable
       });
@@ -1748,21 +1742,11 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
   }, {
     key: "_setAsHost",
     value: function _setAsHost(userId) {
-      var canSetHost = this.isHostSupportedByPlatform(userId);
-      if (!canSetHost) {
-        this._showToast((0, _i18n.transI18n)('fmt_uimanager_tips_userleaft'), 'error');
-        return;
-      }
       this._showSetHostDialog(userId, _type.FcrUserRole.HOST);
     }
   }, {
     key: "_setAsCoHost",
     value: function _setAsCoHost(userId) {
-      var canSetHost = this.isHostSupportedByPlatform(userId);
-      if (!canSetHost) {
-        this._showToast((0, _i18n.transI18n)('fmt_uimanager_tips_userleaft'), 'error');
-        return;
-      }
       this._showSetHostDialog(userId, _type.FcrUserRole.COHOST);
     }
 
@@ -1775,6 +1759,14 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
     key: "_showSetHostDialog",
     value: function _showSetHostDialog(userId, type) {
       var _this16 = this;
+      if ([_type.FcrUserRole.HOST, _type.FcrUserRole.COHOST].includes(type)) {
+        var canSetHost = this.isHostSupportedByPlatform(userId);
+        if (!canSetHost) {
+          var errorMessage = type === _type.FcrUserRole.HOST ? (0, _i18n.transI18n)('fmt_attendies_toast_cant_sethost') : (0, _i18n.transI18n)('fmt_attendies_toast_cant_setcohost');
+          this._showToast(errorMessage, 'error');
+          return;
+        }
+      }
       var user = this.userMap.get(userId);
       if (!user) {
         this._showToast((0, _i18n.transI18n)('fmt_uimanager_tips_userleaft'), 'error');
@@ -2337,28 +2329,33 @@ var ParticipantStoreBase = exports.ParticipantStoreBase = /*#__PURE__*/function
     value: function _handleEvent(event, payload) {
       switch (event) {
         case _constant.FcrUIAction.PARTICIPANT_ACTION:
-          this.handlerUserAction(payload.action, payload.userId);
+          {
+            var actionPayload = payload;
+            this.handlerUserAction(actionPayload.action, actionPayload.userId);
+            break;
+          }
+        case _constant.FcrUIAction.CHANGE_PARTICIPANT_TAB:
+          this.handleActiveTab(payload);
           break;
       }
     }
   }]);
 }();
 _ParticipantStoreBase = ParticipantStoreBase;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ParticipantStoreBase, [[_mobx.observable, 1, "_mainList"], [_mobx.observable, 1, "_isChecked"], [_mobx.observable, 1, "_participantsWindowActive"], [_mobx.observable, 1, "enableParticipantsJoinWithMute"], [_mobx.observable, 1, "searchText"], [_mobx.observable, 1, "currentModal"], [_mobx.observable, 1, "mergeConfirmDialog"], [_mobx.observable, 1, "mergeUserId"], [_mobx.observable, 1, "activeTab"], [_mobx.observable, 1, "interpreterInputLanguageList"], [_mobx.observable, 1, "newName"], [_mobx.observable, 1, "allowUnmute"], [_mobx.observable, 1, "joinWithMuteAudio"], [_mobx.observable, 1, "showBecomeHostButton"], [_mobx.observable, 1, "_userCount"], [_mobx.computed, 3, "audioVolumeMap"], [_mobx.computed, 3, "userListSource"], [_mobx.computed, 3, "spotlightStreamId"], [_mobx.computed, 3, "mergeUserInfo"], [_mobx.computed, 3, "userMap"], [_mobx.computed, 3, "userCount"], [_mobx.computed, 3, "pinedStreamIds"], [_mobx.computed, 3, "hasPinnedStream"], [_mobx.computed, 3, "userList"], [_mobx.computed, 3, "localMicVolume"], [_mobx.computed, 3, "hasRevokeHostPermission"], [_mobx.computed, 3, "waitingRoomUserCount"], [_mobx.computed, 3, "isNewWaitingRoomUserEnter"], [_decorator.bound, 2, "hasMutePermission"], [_decorator.bound, 2, "hasWaitingRoomPermission"], [_decorator.bound, 2, "hasUnmutePermission"], [_decorator.bound, 2, "hasRequestStartAudioPermission"], [_setCurrentModalDecs, 18, "setCurrentModal"], [_decorator.bound, 2, "closeParticipantsAside"], [_decorator.bound, 2, "closeDialog"], [_setParticipantsWindowActiveDecs, 18, "setParticipantsWindowActive"], [_handlerSearchUserDecs, 18, "handlerSearchUser"], [_decorator.bound, 2, "onInvite"], [_decorator.bound, 2, "setMergeConfirmDialog"], [_decorator.bound, 2, "mergeConfirmDialogOk"], [_openRemoveAdmitWaitingRoomDialogDecs, 18, "openRemoveAdmitWaitingRoomDialog"], [_setAllowUnmuteDecs, 18, "setAllowUnmute"], [_setAllowJoinWithMuteAudioDecs, 18, "setAllowJoinWithMuteAudio"], [_openMuteAllDialogDecs, 18, "openMuteAllDialog"], [_handlerRoomControlActionDecs, 18, "handlerRoomControlAction"], [_decorator.bound, 2, "moveParticipantFromDialogToAside"], [_moveToMainRoomByUserIdsDecs, 18, "moveToMainRoomByUserIds"], [_kickOutWaitingRoomAllMemberDecs, 18, "kickOutWaitingRoomAllMember"], [_moveToMainRoomAllMemberDecs, 18, "moveToMainRoomAllMember"], [_removeWaitingRoomUserDecs, 18, "removeWaitingRoomUser"], [_decorator.bound, 2, "removePin"], [_decorator.bound, 2, "addPin"], [_decorator.bound, 2, "_getPinStreamIdFromUser"], [_handleUserCountUpdatedDecs, 18, "_handleUserCountUpdated"], [_handleConfirmChangeNameDecs, 18, "handleConfirmChangeName"], [_handleCancelChangeNameDecs, 18, "handleCancelChangeName"], [_closeChangeNameDialogDecs, 18, "_closeChangeNameDialog"], [_getOutputLanguageDecs, 18, "_getOutputLanguage"], [_handlerUserActionDecs, 18, "handlerUserAction"], [_handleActiveTabDecs, 18, "handleActiveTab"], [_moveToWaitingRoomByUserIdDecs, 18, "_moveToWaitingRoomByUserId"], [_kickOutUserDecs, 18, "_kickOutUser"], [_onPeerSessionReceivedDecs, 18, "_onPeerSessionReceived"], [_decorator.bound, 2, "_onPeerSessionAccepted"], [_decorator.bound, 2, "_onPeerSessionRejected"], [_decorator.bound, 2, "_handleEvent"]], []).e, 16);
-_init__mainList = _applyDecs$e[0];
-_init__isChecked = _applyDecs$e[1];
-_init__participantsWindowActive = _applyDecs$e[2];
-_init_enableParticipantsJoinWithMute = _applyDecs$e[3];
-_init_searchText = _applyDecs$e[4];
-_init_currentModal = _applyDecs$e[5];
-_init_mergeConfirmDialog = _applyDecs$e[6];
-_init_mergeUserId = _applyDecs$e[7];
-_init_activeTab = _applyDecs$e[8];
-_init_interpreterInputLanguageList = _applyDecs$e[9];
-_init_newName = _applyDecs$e[10];
-_init_allowUnmute = _applyDecs$e[11];
-_init_joinWithMuteAudio = _applyDecs$e[12];
-_init_showBecomeHostButton = _applyDecs$e[13];
-_init__userCount = _applyDecs$e[14];
-_initProto = _applyDecs$e[15];
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ParticipantStoreBase, [[_mobx.observable, 1, "_isChecked"], [_mobx.observable, 1, "_participantsWindowActive"], [_mobx.observable, 1, "enableParticipantsJoinWithMute"], [_mobx.observable, 1, "searchText"], [_mobx.observable, 1, "currentModal"], [_mobx.observable, 1, "mergeConfirmDialog"], [_mobx.observable, 1, "mergeUserId"], [_mobx.observable, 1, "activeTab"], [_mobx.observable, 1, "interpreterInputLanguageList"], [_mobx.observable, 1, "newName"], [_mobx.observable, 1, "allowUnmute"], [_mobx.observable, 1, "joinWithMuteAudio"], [_mobx.observable, 1, "showBecomeHostButton"], [_mobx.observable, 1, "_userCount"], [_mobx.computed, 3, "audioVolumeMap"], [_mobx.computed, 3, "userListSource"], [_mobx.computed, 3, "spotlightStreamId"], [_mobx.computed, 3, "mergeUserInfo"], [_mobx.computed, 3, "userMap"], [_mobx.computed, 3, "userCount"], [_mobx.computed, 3, "pinedStreamIds"], [_mobx.computed, 3, "hasPinnedStream"], [_mobx.computed, 3, "userList"], [_mobx.computed, 3, "localMicVolume"], [_mobx.computed, 3, "hasRevokeHostPermission"], [_mobx.computed, 3, "waitingRoomUserCount"], [_mobx.computed, 3, "isNewWaitingRoomUserEnter"], [_decorator.bound, 2, "hasMutePermission"], [_decorator.bound, 2, "hasWaitingRoomPermission"], [_decorator.bound, 2, "hasUnmutePermission"], [_decorator.bound, 2, "hasRequestStartAudioPermission"], [_setCurrentModalDecs, 18, "setCurrentModal"], [_decorator.bound, 2, "closeParticipantsAside"], [_decorator.bound, 2, "closeDialog"], [_setParticipantsWindowActiveDecs, 18, "setParticipantsWindowActive"], [_handlerSearchUserDecs, 18, "handlerSearchUser"], [_decorator.bound, 2, "onInvite"], [_decorator.bound, 2, "setMergeConfirmDialog"], [_decorator.bound, 2, "mergeConfirmDialogOk"], [_openRemoveAdmitWaitingRoomDialogDecs, 18, "openRemoveAdmitWaitingRoomDialog"], [_setAllowUnmuteDecs, 18, "setAllowUnmute"], [_setAllowJoinWithMuteAudioDecs, 18, "setAllowJoinWithMuteAudio"], [_openMuteAllDialogDecs, 18, "openMuteAllDialog"], [_handlerRoomControlActionDecs, 18, "handlerRoomControlAction"], [_decorator.bound, 2, "moveParticipantFromDialogToAside"], [_moveToMainRoomByUserIdsDecs, 18, "moveToMainRoomByUserIds"], [_kickOutWaitingRoomAllMemberDecs, 18, "kickOutWaitingRoomAllMember"], [_moveToMainRoomAllMemberDecs, 18, "moveToMainRoomAllMember"], [_removeWaitingRoomUserDecs, 18, "removeWaitingRoomUser"], [_decorator.bound, 2, "removePin"], [_decorator.bound, 2, "addPin"], [_decorator.bound, 2, "_getPinStreamIdFromUser"], [_handleUserCountUpdatedDecs, 18, "_handleUserCountUpdated"], [_handleConfirmChangeNameDecs, 18, "handleConfirmChangeName"], [_handleCancelChangeNameDecs, 18, "handleCancelChangeName"], [_closeChangeNameDialogDecs, 18, "_closeChangeNameDialog"], [_getOutputLanguageDecs, 18, "_getOutputLanguage"], [_handlerUserActionDecs, 18, "handlerUserAction"], [_handleActiveTabDecs, 18, "handleActiveTab"], [_moveToWaitingRoomByUserIdDecs, 18, "_moveToWaitingRoomByUserId"], [_kickOutUserDecs, 18, "_kickOutUser"], [_onPeerSessionReceivedDecs, 18, "_onPeerSessionReceived"], [_decorator.bound, 2, "_onPeerSessionAccepted"], [_decorator.bound, 2, "_onPeerSessionRejected"], [_decorator.bound, 2, "_handleEvent"]], []).e, 15);
+_init__isChecked = _applyDecs$e[0];
+_init__participantsWindowActive = _applyDecs$e[1];
+_init_enableParticipantsJoinWithMute = _applyDecs$e[2];
+_init_searchText = _applyDecs$e[3];
+_init_currentModal = _applyDecs$e[4];
+_init_mergeConfirmDialog = _applyDecs$e[5];
+_init_mergeUserId = _applyDecs$e[6];
+_init_activeTab = _applyDecs$e[7];
+_init_interpreterInputLanguageList = _applyDecs$e[8];
+_init_newName = _applyDecs$e[9];
+_init_allowUnmute = _applyDecs$e[10];
+_init_joinWithMuteAudio = _applyDecs$e[11];
+_init_showBecomeHostButton = _applyDecs$e[12];
+_init__userCount = _applyDecs$e[13];
+_initProto = _applyDecs$e[14];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

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

@@ -25,7 +25,9 @@ export interface FcrUIMemberData {
 }
 export declare enum FcrUISessionKey {
     REQUEST_OPEN_CAMERA = "REQUEST_OPEN_CAMERA",
-    REQUEST_OPEN_MICROPHONE = "REQUEST_OPEN_MICROPHONE"
+    REQUEST_OPEN_MICROPHONE = "REQUEST_OPEN_MICROPHONE",
+    REQUEST_OPEN_TRANSCRIBING = "REQUEST_OPEN_TRANSCRIBING",
+    REJECT_OPEN_TRANSCRIBING = "REJECT_OPEN_TRANSCRIBING"
 }
 export interface FcrUIRequestOpenDevicePayload {
     sender: FcrUserInfo;