fcr-ui-scene 3.4.4 → 3.5.0

package/lib/modules/participant/components/drop-menu/index.js

@@ -8,7 +8,6 @@ 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");
@@ -21,8 +20,6 @@ require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.unshift.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.map.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");

package/lib/modules/participant/components/mute-all/index.d.ts

@@ -1,8 +1,4 @@
-export declare const MuteAllDialog: ({ open, allowUnmuteSelfAudio, allowJoinWithMuteAudio, onCancel, setMuteAllDialogValue, onClose, }: {
-    open: boolean;
-    allowUnmuteSelfAudio?: boolean;
-    allowJoinWithMuteAudio?: boolean;
-    onCancel?: () => void;
-    onClose?: () => void;
-    setMuteAllDialogValue?: (allowUnmute: boolean, joinWithMute: boolean) => void;
+import ParticipantStore from '../../store';
+export declare const WrapperMuteAllDialog: ({ store }: {
+    store: ParticipantStore;
 }) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/participant/components/mute-all/index.js

@@ -1,53 +1,34 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MuteAllDialog = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+exports.WrapperMuteAllDialog = void 0;
 var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
 var _i18n = require("agora-ui-foundation/lib/i18n");
+var _mobxReact = require("mobx-react");
 var _react = require("react");
+var _store = require("../../store");
 var _jsxRuntime = require("react/jsx-runtime");
-var MuteAllDialog = exports.MuteAllDialog = function MuteAllDialog(_ref) {
-  var open = _ref.open,
-    _ref$allowUnmuteSelfA = _ref.allowUnmuteSelfAudio,
-    allowUnmuteSelfAudio = _ref$allowUnmuteSelfA === void 0 ? false : _ref$allowUnmuteSelfA,
-    _ref$allowJoinWithMut = _ref.allowJoinWithMuteAudio,
-    allowJoinWithMuteAudio = _ref$allowJoinWithMut === void 0 ? false : _ref$allowJoinWithMut,
-    onCancel = _ref.onCancel,
-    setMuteAllDialogValue = _ref.setMuteAllDialogValue,
-    onClose = _ref.onClose;
-  var _useState = (0, _react.useState)(allowUnmuteSelfAudio),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    allowUnmute = _useState2[0],
-    setAllowUnmute = _useState2[1];
-  var _useState3 = (0, _react.useState)(allowJoinWithMuteAudio),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    joinWithMute = _useState4[0],
-    setJoinWithMute = _useState4[1];
+var PureMuteAllDialog = (0, _mobxReact.observer)(function () {
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    allowUnmute = _useContext.allowUnmute,
+    joinWithMuteAudio = _useContext.joinWithMuteAudio,
+    setAllowUnmute = _useContext.setAllowUnmute,
+    setAllowJoinWithMuteAudio = _useContext.setAllowJoinWithMuteAudio;
   var transI18n = (0, _i18n.useI18n)();
-  (0, _react.useEffect)(function () {
-    if (open) {
-      setAllowUnmute(allowUnmuteSelfAudio);
-      setJoinWithMute(allowJoinWithMuteAudio);
-    }
-  }, [allowUnmuteSelfAudio, allowJoinWithMuteAudio, open]);
-  var handleCheckboxChange = (0, _react.useCallback)(function (type, checked) {
+  var handleCheckboxChange = function handleCheckboxChange(type, checked) {
     if (type === 'allowUnmute') {
       setAllowUnmute(checked);
-      setMuteAllDialogValue && setMuteAllDialogValue(checked, joinWithMute);
     } else if (type === 'joinWithMute') {
-      setJoinWithMute(checked);
-      setMuteAllDialogValue && setMuteAllDialogValue(allowUnmute, checked);
+      setAllowJoinWithMuteAudio(checked);
     }
-  }, [allowUnmute, joinWithMute, setMuteAllDialogValue]);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
       label: transI18n('fmt_attendies_options_muteuponjoin'),
-      checked: joinWithMute,
+      checked: joinWithMuteAudio,
       onChange: function onChange(checked) {
         return handleCheckboxChange('joinWithMute', checked);
       }
@@ -62,4 +43,11 @@ var MuteAllDialog = exports.MuteAllDialog = function MuteAllDialog(_ref) {
       }
     })]
   });
-};
+});
+var WrapperMuteAllDialog = exports.WrapperMuteAllDialog = (0, _mobxReact.observer)(function (_ref) {
+  var store = _ref.store;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
+    value: store,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PureMuteAllDialog, {})
+  });
+});

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

@@ -8,7 +8,6 @@ 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");
@@ -21,8 +20,6 @@ require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.unshift.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.map.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");
@@ -104,7 +101,7 @@ var RoomControlDropMenu = exports.RoomControlDropMenu = (0, _mobxReact.observer)
     return handlerRoomControlAction(_constant.FcrUIRoomControlType.ALLOW_ATTENDEE_TO_UNMUTE, !allowUnmuteSelfAudio);
   }, ''), (0, _util.createCheckboxMenuItem)('start_video', t('fmt_security_options_openvideo'), allowUnmuteSelfVideo, 'primary', function () {
     return handlerRoomControlAction(_constant.FcrUIRoomControlType.ALLOW_ATTENDEE_TO_OPEN_CAMERA, !allowUnmuteSelfVideo);
-  }, ''), (0, _util.createCheckboxMenuItem)('change_name', t('fmt_additional_label_change_name_self'), allowChangeSelfName, 'primary', function () {
+  }, ''), (0, _util.createCheckboxMenuItem)('change_name', t('fmt_security_setting_label_rename'), allowChangeSelfName, 'primary', function () {
     return handlerRoomControlAction(_constant.FcrUIRoomControlType.RENAME, !allowChangeSelfName);
   }, '')
   // 移除参与者项暂时注释

package/lib/modules/participant/components/participants/components/footer/components/footer/index.d.ts

@@ -1,5 +1,5 @@
-import './index.css';
 import { ParticipantsFooterParticipantProps, ParticipantsHostFooterProps } from '../../../../types';
+import './index.css';
 export declare const FcrParticipantsFooter: (props: ParticipantsHostFooterProps) => import("react/jsx-runtime").JSX.Element;
 export declare const FcrParticipantsFooterRename: ({ onRoomControlClick, }: ParticipantsFooterParticipantProps) => import("react/jsx-runtime").JSX.Element;
 export declare const FcrParticipantsFooterWithRevokeHost: ({ type, onRoomControlClick, }: ParticipantsFooterParticipantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.FcrParticipantsFooterWithRevokeHost = exports.FcrParticipantsFooterRename = exports.FcrParticipantsFooter = void 0;
 require("core-js/modules/es.array.unshift.js");
 var _react = _interopRequireDefault(require("react"));
-require("./index.css");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
 var _dropMenu = require("agora-ui-foundation/lib/components/drop-menu");
@@ -16,6 +15,7 @@ var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _button = require("agora-ui-foundation/lib/components/button");
 var _popover = require("agora-ui-foundation/lib/components/popover");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
+require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 // 提取常量
 var ACTION_MUTE_ALL_AUDIO = 'MUTE_ALL_AUDIO';

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

@@ -22,7 +22,8 @@ var ParticipantFooter = (0, _mobxReact.observer)(function (_ref) {
     hasRevokeHostPermission = _useContext.hasRevokeHostPermission,
     openRemoveAdmitWaitingRoomDialog = _useContext.openRemoveAdmitWaitingRoomDialog,
     showBecomeHostButton = _useContext.showBecomeHostButton,
-    isHostKeyEnabled = _useContext.isHostKeyEnabled;
+    isHostKeyEnabled = _useContext.isHostKeyEnabled,
+    allowChangeSelfName = _useContext.allowChangeSelfName;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: activeTab === _type.FcrUIRoomType.MAIN_ROOM ? isLocalUserHost ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_footer.FcrParticipantsFooter, {
       hasRevokeHostPermission: hasRevokeHostPermission,
@@ -36,7 +37,7 @@ var ParticipantFooter = (0, _mobxReact.observer)(function (_ref) {
       }), showBecomeHostButton && isHostKeyEnabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_footer.FcrParticipantsFooterWithRevokeHost, {
         type: "become",
         onRoomControlClick: handlerRoomControlClick
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_footer.FcrParticipantsFooterRename, {
+      }), allowChangeSelfName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_footer.FcrParticipantsFooterRename, {
         onRoomControlClick: handlerRoomControlClick
       })]
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_buttons["default"], {

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

@@ -10,8 +10,6 @@ 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");

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

@@ -12,8 +12,6 @@ require("core-js/modules/es.array.some.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/esnext.array.group.js");
-require("core-js/modules/esnext.async-iterator.filter.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.some.js");

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

@@ -13,8 +13,6 @@ require("core-js/modules/es.object.keys.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.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");

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

@@ -10,8 +10,6 @@ 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");

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.ParticipantAttendeeinterpreterTag = void 0;
 require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.find.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
 var _i18n = require("agora-ui-foundation/lib/i18n");

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

@@ -10,8 +10,6 @@ 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");

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

@@ -6,69 +6,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-require("core-js/modules/es.array.find.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.find.js");
-require("core-js/modules/esnext.iterator.constructor.js");
-require("core-js/modules/esnext.iterator.find.js");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _mobxReact = require("mobx-react");
-var _participants = require("agora-ui-foundation/lib/components/participants");
-var _tabs = require("agora-ui-foundation/lib/components/tabs");
+var _merge = _interopRequireDefault(require("./components/merge"));
+var _renderTab = _interopRequireDefault(require("./components/render-tab"));
+var _renderUser = _interopRequireDefault(require("./components/render-user"));
 var _store = require("../../../dialog/store");
-var _store2 = require("../../store");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _footer = _interopRequireDefault(require("../footer"));
 var _react = require("react");
+var _store2 = require("../../store");
 var _constant = require("../../../../utilities/constant");
-var _env = require("agora-foundation/lib/utilities/env");
-var _attendee = require("../attendee");
-var _merge = _interopRequireDefault(require("../merge"));
-var _type = require("fcr-core/lib/room-control/type");
-var _userAction = require("../user-action");
+var _participants = require("./components/participants");
+var _footer = _interopRequireDefault(require("./components/footer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var ParticipantsContainer = (0, _mobxReact.observer)(function () {
   var _useContext = (0, _react.useContext)(_store2.StoreContext),
     userList = _useContext.userList,
     handlerSearchUser = _useContext.handlerSearchUser,
     searchText = _useContext.searchText,
-    currentPerspectiveType = _useContext.currentPerspectiveType,
-    setCurrentModal = _useContext.setCurrentModal,
-    handlerRoomControlAction = _useContext.handlerRoomControlAction,
     handlerUserAction = _useContext.handlerUserAction,
-    allowUnmuteSelfAudio = _useContext.allowUnmuteSelfAudio,
-    allowJoinWithMuteAudio = _useContext.allowJoinWithMuteAudio,
     currentModal = _useContext.currentModal,
-    openParticipantsWindow = _useContext.openParticipantsWindow,
     onInvite = _useContext.onInvite,
-    hasRevokeHostPermission = _useContext.hasRevokeHostPermission,
-    checkIsPin = _useContext.checkIsPin,
     hasPinnedStream = _useContext.hasPinnedStream,
-    enableSpotlight = _useContext.enableSpotlight,
     mergeConfirmDialog = _useContext.mergeConfirmDialog,
     setMergeConfirmDialog = _useContext.setMergeConfirmDialog,
     mergeConfirmDialogOk = _useContext.mergeConfirmDialogOk,
     mergeUserId = _useContext.mergeUserId,
     mergeUserInfo = _useContext.mergeUserInfo,
-    getAllowedOperations = _useContext.getAllowedOperations,
-    hasMutePermission = _useContext.hasMutePermission,
-    hasUnmutePermission = _useContext.hasUnmutePermission,
-    hasRequestStartAudioPermission = _useContext.hasRequestStartAudioPermission,
-    hasWaitingRoomPermission = _useContext.hasWaitingRoomPermission,
-    handleActiveTab = _useContext.handleActiveTab,
-    activeTab = _useContext.activeTab,
-    moveToMainRoomByUserIds = _useContext.moveToMainRoomByUserIds,
-    kickOutWaitingRoomAllMember = _useContext.kickOutWaitingRoomAllMember,
-    moveToMainRoomAllMember = _useContext.moveToMainRoomAllMember,
-    isNewWaitingRoomUserEnter = _useContext.isNewWaitingRoomUserEnter,
-    waitingRoomUserCount = _useContext.waitingRoomUserCount,
-    interpreterUsers = _useContext.interpreterUsers,
-    interpreterState = _useContext.interpreterState,
-    interpreterInputLanguageList = _useContext.interpreterInputLanguageList,
-    refreshList = _useContext.refreshList,
-    openMuteAllDialog = _useContext.openMuteAllDialog;
+    isLocalUserHost = _useContext.isLocalUserHost,
+    openMuteAllDialog = _useContext.openMuteAllDialog,
+    handlerRoomControlAction = _useContext.handlerRoomControlAction,
+    hasInvite = _useContext.hasInvite;
   var dialogStore = (0, _react.useContext)(_store.StoreContext);
-  var transI18n = (0, _i18n.useI18n)();
   var handlerRoomControlClick = function handlerRoomControlClick(action, userId) {
     if (action === _constant.FcrUIRoomControlType.MUTE_ALL_AUDIO) {
       openMuteAllDialog({
@@ -76,93 +43,32 @@ var ParticipantsContainer = (0, _mobxReact.observer)(function () {
       });
       return;
     }
-    setShowMuteAllDialog(false);
     handlerRoomControlAction(action);
   };
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    showMuteAllDialog = _useState2[0],
-    setShowMuteAllDialog = _useState2[1];
-  var handlerTypeChange = function handlerTypeChange(type) {
-    setCurrentModal(type);
-    if ((0, _env.isElectron)() && type === 'window') {
-      openParticipantsWindow();
-    }
-  };
   var dialogContaner = dialogStore !== null && dialogStore !== void 0 && dialogStore.participantElectronDialogContainer ? function () {
     return dialogStore.participantElectronDialogContainer;
   } : void 0;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "participants-container",
-    children: [waitingRoomUserCount > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.FcrTabs, {
-      items: [{
-        label: transI18n('fmt_waitingroom_sidebar_chat_label_meeting'),
-        key: _type.FcrRoomType.Mainroom
-      }, {
-        label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "participants-container-icon",
-          children: [isNewWaitingRoomUserEnter ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "participants-container-red"
-          }) : null, transI18n('fmt_waitingroom_sidebar_label_waiting', {
-            reason1: waitingRoomUserCount
-          })]
-        }),
-        key: _type.FcrRoomType.Waitingroom
-      }],
-      activeKey: activeTab,
-      onChange: function onChange(key) {
-        handleActiveTab(key);
-      }
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_participants.FcrParticipants, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_renderTab["default"], {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_participants.FcrParticipants, {
       type: currentModal,
       userList: userList,
       onSearch: handlerSearchUser,
       searchText: searchText,
       onInvite: onInvite,
-      isShowInvite: true,
+      hasInvite: hasInvite,
       hasPinnedStream: hasPinnedStream,
       toggleParticipantAction: handlerUserAction,
       userRenderer: function userRenderer(user) {
-        var _interpreterInputLang;
-        var interpreterInputLanguage = (_interpreterInputLang = interpreterInputLanguageList.find(function (inputLanguageByUserId) {
-          return inputLanguageByUserId.userId === user.userId;
-        })) === null || _interpreterInputLang === void 0 ? void 0 : _interpreterInputLang.language;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobxReact.Observer, {
-          children: function children() {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_attendee.ParticipantAttendee, {
-              user: user,
-              interpreterInputLanguage: interpreterInputLanguage,
-              activeTab: activeTab,
-              interpreterUsers: interpreterUsers,
-              interpreterState: interpreterState,
-              type: currentModal,
-              enableSpotlight: enableSpotlight,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_userAction.UserActions, {
-                user: user,
-                onParticipantsButtonClick: handlerUserAction,
-                hasMutePermission: hasMutePermission,
-                hasUnmutePermission: hasUnmutePermission,
-                hasRequestStartAudioPermission: hasRequestStartAudioPermission,
-                moveToMainRoomByUserIds: moveToMainRoomByUserIds,
-                activeTab: activeTab,
-                isPin: checkIsPin(user.userId),
-                hasPinnedStream: hasPinnedStream,
-                allowedOperations: getAllowedOperations(user.userRole, !!user.isMe),
-                audioDeviceType: user.audioDeviceType,
-                type: currentModal
-              })
-            });
-          }
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderUser["default"], {
+          user: user
         });
-      }
-      // header={
-      //   <FcrWindowHeader type={currentModal} onTypeChange={handlerTypeChange} title="参会人" />
-      // }
-      ,
+      },
       footer: /*#__PURE__*/(0, _jsxRuntime.jsx)(_footer["default"], {
-        handlerRoomControlClick: handlerRoomControlClick
+        handlerRoomControlClick: handlerRoomControlClick,
+        isLocalUserHost: isLocalUserHost
       })
-    }, refreshList), /*#__PURE__*/(0, _jsxRuntime.jsx)(_merge["default"], {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_merge["default"], {
       getContainer: dialogContaner,
       showMergeConfirmDialog: mergeConfirmDialog,
       onClose: function onClose() {

package/lib/modules/participant/components/user-action/index.js

@@ -10,8 +10,6 @@ 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");

package/lib/modules/participant/index.css

@@ -87,3 +87,6 @@
 .participants-container .fcr-tabs {
   margin: 0 15px;
 }
+.fcr_participants_button_invite_hidden {
+  display: none !important;
+}

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

@@ -16,6 +16,12 @@ import { FcrUISharedWaitingRoomDataSource } from '../../shared-data-source/waiti
 import { FcrUIVideoWindowDataSource } from '../../shared-data-source/video-window';
 import { FcrUIChatProvider } from '../../providers/chat-provider';
 import { OperateWaitingRoomMemberDialogProps } from './type';
+import { FcrUIMemberSharedDataSourceImpl } from '../../shared-data-source/member-data';
+import { FcrUISharedChatDataSource } from '../../shared-data-source/chat-data';
+import { FcrUIDialogProvider } from '../../providers/dialog-provider';
+import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
+import { FcrUIMessageProvider } from '../../providers/message-provider';
+import { FcrUISecuritySharedDataSource } from '../../shared-data-source/security-data';
 export declare class ParticipantUIModule extends UIModule {
     private _store;
     deviceStreamProvider?: FcrUIDeviceStreamProvider;
@@ -34,6 +40,12 @@ export declare class ParticipantUIModule extends UIModule {
     sharedSettingDataSource?: FcrUISharedSettingDataSource;
     sharedWaitingRoomDataSource?: FcrUISharedWaitingRoomDataSource;
     chatProvider?: FcrUIChatProvider;
+    sharedMemberDataSource?: FcrUIMemberSharedDataSourceImpl;
+    sharedChatDataSource?: FcrUISharedChatDataSource;
+    dialogProvider?: FcrUIDialogProvider;
+    messageProvider?: FcrUIMessageProvider;
+    abilityProvider?: FcrUIAbilityProviderImpl;
+    sharedSecuritySharedDataSource?: FcrUISecuritySharedDataSource;
     onNodeWillActive(): void;
     onNodeWillInactive(): void;
     getComponent(): import("react/jsx-runtime").JSX.Element;

package/lib/modules/participant/index.js

@@ -14,8 +14,6 @@ require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.reflect.construct.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.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");
@@ -80,7 +78,13 @@ var ParticipantUIModule = exports.ParticipantUIModule = /*#__PURE__*/function (_
         sharedSettingDataSource: this.sharedSettingDataSource,
         sharedWaitingRoomDataSource: this.sharedWaitingRoomDataSource,
         chatProvider: this.chatProvider,
-        sharedVideoWindowDataSource: this.sharedVideoWindowDataSource
+        sharedVideoWindowDataSource: this.sharedVideoWindowDataSource,
+        sharedMemberDataSource: this.sharedMemberDataSource,
+        sharedChatDataSource: this.sharedChatDataSource,
+        dialogProvider: this.dialogProvider,
+        abilityProvider: this.abilityProvider,
+        messageProvider: this.messageProvider,
+        sharedSecuritySharedDataSource: this.sharedSecuritySharedDataSource
       });
     }
   }, {

package/lib/modules/participant/member-list-data-source.d.ts

@@ -16,7 +16,8 @@ export declare class FcrUIMemberDataImpl implements FcrUIMemberData {
 }
 export declare class FcrUIMemberListDataSourceImpl implements FcrUIMemberListDataSource {
     accessor list: FcrUIMemberDataImpl[];
-    resetList(users: FcrUserInfo[], streams: Record<string, FcrStreamInfo[]>): boolean;
+    resetList(): boolean;
+    init(memberDatas: FcrUIMemberDataImpl[]): boolean;
     add(user: FcrUserInfo, streams: Readonly<FcrStreamInfo[]>, isMySelf: boolean): boolean;
     updateStreamInfo(param: FcrStreamInfo | undefined): boolean;
     updateUserInfo(param: FcrUserInfo | undefined, needSort: boolean): boolean;
@@ -24,7 +25,6 @@ export declare class FcrUIMemberListDataSourceImpl implements FcrUIMemberListDat
     updateWithStreamRemove(stream: FcrStreamInfo): boolean;
     delete(user: FcrUserInfo): boolean;
     clearAllUserBoardState(): void;
-    setBoardState(userId: string, isBoardActive: boolean): void;
     private _insertEndByPriority;
     private _findInsertEndIndex;
     private _findMemberDataByStream;

package/lib/modules/participant/member-list-data-source.js

@@ -18,7 +18,6 @@ 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.filter.js");
 require("core-js/modules/esnext.function.metadata.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.map.delete-all.js");
@@ -54,8 +53,6 @@ require("core-js/modules/es.array.splice.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.find.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.find.js");
 require("core-js/modules/esnext.iterator.for-each.js");
@@ -72,7 +69,7 @@ var _type2 = require("fcr-core/lib/type");
 var _type3 = require("agora-rte-sdk/lib/core/rtc/type");
 var _type4 = require("agora-rte-sdk/lib/core/scene/type");
 var _FcrUIMemberListDataSourceImpl;
-var _initProto, _init_list, _resetListDecs, _addDecs, _deleteDecs, _clearAllUserBoardStateDecs, _setBoardStateDecs, _insertEndByPriorityDecs, _ref;
+var _initProto, _init_list, _resetListDecs, _addDecs, _updateStreamInfoDecs, _updateUserInfoDecs, _updateWithStreamAddDecs, _updateWithStreamRemoveDecs, _deleteDecs, _clearAllUserBoardStateDecs, _insertEndByPriorityDecs, _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); }
@@ -159,7 +156,7 @@ var FcrUIMemberDataImpl = exports.FcrUIMemberDataImpl = /*#__PURE__*/function ()
   }]);
 }();
 var _A = /*#__PURE__*/new WeakMap();
-_ref = (_resetListDecs = [_mobx.action, _mobx.action.bound], _addDecs = [_mobx.action, _mobx.action.bound], _deleteDecs = [_mobx.action, _mobx.action.bound], _clearAllUserBoardStateDecs = [_mobx.action, _mobx.action.bound], _setBoardStateDecs = [_mobx.action, _mobx.action.bound], _insertEndByPriorityDecs = [_mobx.action, _mobx.action.bound], "list");
+_ref = (_resetListDecs = [_mobx.action, _mobx.action.bound], _addDecs = [_mobx.action, _mobx.action.bound], _updateStreamInfoDecs = [_mobx.action, _mobx.action.bound], _updateUserInfoDecs = [_mobx.action, _mobx.action.bound], _updateWithStreamAddDecs = [_mobx.action, _mobx.action.bound], _updateWithStreamRemoveDecs = [_mobx.action, _mobx.action.bound], _deleteDecs = [_mobx.action, _mobx.action.bound], _clearAllUserBoardStateDecs = [_mobx.action, _mobx.action.bound], _insertEndByPriorityDecs = [_mobx.action, _mobx.action.bound], "list");
 var FcrUIMemberListDataSourceImpl = exports.FcrUIMemberListDataSourceImpl = /*#__PURE__*/function () {
   function FcrUIMemberListDataSourceImpl() {
     (0, _classCallCheck2["default"])(this, FcrUIMemberListDataSourceImpl);
@@ -177,7 +174,14 @@ var FcrUIMemberListDataSourceImpl = exports.FcrUIMemberListDataSourceImpl = /*#_
     }
   }, {
     key: "resetList",
-    value: function resetList(users, streams) {
+    value: function resetList() {
+      this.list = [];
+      return true;
+    }
+  }, {
+    key: "init",
+    value: function init(memberDatas) {
+      this.list = (0, _toConsumableArray2["default"])(memberDatas);
       return true;
     }
   }, {
@@ -256,19 +260,6 @@ var FcrUIMemberListDataSourceImpl = exports.FcrUIMemberListDataSourceImpl = /*#_
       });
       this.list = (0, _toConsumableArray2["default"])(this.list);
     }
-  }, {
-    key: "setBoardState",
-    value: function setBoardState(userId, isBoardActive) {
-      var info = this.list.find(function (memberData) {
-        return userId === memberData.userId;
-      });
-      if (info) {
-        info.setUserInfo(_objectSpread(_objectSpread({}, info.userInfo), {
-          isBoardActive: isBoardActive
-        }));
-      }
-      this.list = (0, _toConsumableArray2["default"])(this.list);
-    }
   }, {
     key: "_insertEndByPriority",
     value: function _insertEndByPriority(item, list, listLimitedCount) {
@@ -307,7 +298,7 @@ var FcrUIMemberListDataSourceImpl = exports.FcrUIMemberListDataSourceImpl = /*#_
   }]);
 }();
 _FcrUIMemberListDataSourceImpl = FcrUIMemberListDataSourceImpl;
-var _applyDecs$e = _applyDecs(_FcrUIMemberListDataSourceImpl, [[_mobx.observable, 1, "list"], [_resetListDecs, 18, "resetList"], [_addDecs, 18, "add"], [_deleteDecs, 18, "delete"], [_clearAllUserBoardStateDecs, 18, "clearAllUserBoardState"], [_setBoardStateDecs, 18, "setBoardState"], [_insertEndByPriorityDecs, 18, "_insertEndByPriority"]], []).e;
+var _applyDecs$e = _applyDecs(_FcrUIMemberListDataSourceImpl, [[_mobx.observable, 1, "list"], [_resetListDecs, 18, "resetList"], [_addDecs, 18, "add"], [_updateStreamInfoDecs, 18, "updateStreamInfo"], [_updateUserInfoDecs, 18, "updateUserInfo"], [_updateWithStreamAddDecs, 18, "updateWithStreamAdd"], [_updateWithStreamRemoveDecs, 18, "updateWithStreamRemove"], [_deleteDecs, 18, "delete"], [_clearAllUserBoardStateDecs, 18, "clearAllUserBoardState"], [_insertEndByPriorityDecs, 18, "_insertEndByPriority"]], []).e;
 var _applyDecs$e2 = (0, _slicedToArray2["default"])(_applyDecs$e, 2);
 _init_list = _applyDecs$e2[0];
 _initProto = _applyDecs$e2[1];

package/lib/modules/participant/room-control-drop-menu/index.css

@@ -2,6 +2,43 @@
   position: relative;
   /* margin: 8px 0; */
 }
+.room-control-options-box {
+  display: flex;
+  justify-content: space-between;
+}
+.room-control-options-box .fcr-checkbox {
+  width: fit-content;
+}
+
+.room-control-options-watermark-btns {
+  width: 104px;
+  height: 24px;
+  display: flex;
+  background-color: var(--fcr_mobile_ui_scene_fill1);
+  align-items: center;
+  padding: 2px;
+}
+
+.room-control-options-watermark-btn {
+  width: 50px;
+  height: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: var(--fcr_ui_scene_icontext1);
+  font-size: 12px;
+  background-color: transparent;
+}
+.room-control-options-watermark-btn--active {
+  background-color: #ffffff;
+  color: var(--fcr_ui_scene_ramp_brand6);
+}
+
+.room-control-options-watermark-title-box {
+  display: flex;
+  align-items: center;
+  font-size: 13px;
+}
 
 .room-control-drop-with-under-line::after {
   content: '';