fcr-ui-scene 3.3.1 → 3.4.0

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

@@ -0,0 +1,49 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _dialog = require("agora-ui-foundation/lib/components/dialog");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
+var MergeConfrimDialog = function MergeConfrimDialog(_ref) {
+  var getContainer = _ref.getContainer,
+    showMergeConfirmDialog = _ref.showMergeConfirmDialog,
+    onClose = _ref.onClose,
+    onOk = _ref.onOk,
+    mergeUserInfo = _ref.mergeUserInfo;
+  var t = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dialog.FcrConfirmDialog, {
+    getContainer: getContainer,
+    visible: showMergeConfirmDialog,
+    footer: null,
+    okButtonVisible: false,
+    cancelButtonVisible: false,
+    width: 280,
+    onClose: onClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "participants-container-merge-content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "participants-container-merge-title",
+        children: t('fmt_broadcast_livestream_merge', {
+          reason1: mergeUserInfo === null || mergeUserInfo === void 0 ? void 0 : mergeUserInfo.userName
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        onClick: function onClick() {
+          onOk();
+        },
+        className: "participants-container-merge-button participants-container-merge-confirm",
+        children: t('fmt_pstn_button_merge')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        onClick: function onClick() {
+          onClose();
+        },
+        className: "participants-container-merge-button participants-container-merge-cancel",
+        children: t('fmt_attendies_button_cancel')
+      })]
+    })
+  });
+};
+var _default = exports["default"] = MergeConfrimDialog;

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

@@ -0,0 +1,9 @@
+export declare const MuteAllDialog: ({ getContainer, allowUnmuteSelfAudio, allowJoinWithMuteAudio, showMuteAllDialog, onCancel, onOk, onClose, }: {
+    getContainer?: () => HTMLElement;
+    allowUnmuteSelfAudio?: boolean;
+    allowJoinWithMuteAudio?: boolean;
+    showMuteAllDialog: boolean;
+    onCancel?: () => void;
+    onClose?: () => void;
+    onOk?: (allowUnmute: boolean, joinWidthMute: boolean) => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,78 @@
+"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"));
+var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
+var _dialog = require("agora-ui-foundation/lib/components/dialog");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+var MuteAllDialog = exports.MuteAllDialog = function MuteAllDialog(_ref) {
+  var getContainer = _ref.getContainer,
+    _ref$allowUnmuteSelfA = _ref.allowUnmuteSelfAudio,
+    allowUnmuteSelfAudio = _ref$allowUnmuteSelfA === void 0 ? false : _ref$allowUnmuteSelfA,
+    _ref$allowJoinWithMut = _ref.allowJoinWithMuteAudio,
+    allowJoinWithMuteAudio = _ref$allowJoinWithMut === void 0 ? false : _ref$allowJoinWithMut,
+    showMuteAllDialog = _ref.showMuteAllDialog,
+    onCancel = _ref.onCancel,
+    onOk = _ref.onOk,
+    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 handlerConfirm = function handlerConfirm() {
+    onOk && onOk(allowUnmute, joinWithMute);
+  };
+  (0, _react.useEffect)(function () {
+    if (showMuteAllDialog) {
+      setAllowUnmute(allowUnmuteSelfAudio);
+      setJoinWithMute(allowJoinWithMuteAudio);
+    }
+  }, [allowUnmuteSelfAudio, allowJoinWithMuteAudio, showMuteAllDialog]);
+  var transI18n = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dialog.FcrConfirmDialog, {
+    getContainer: getContainer,
+    title: transI18n('fmt_attendies_options_muteall'),
+    visible: showMuteAllDialog,
+    okButtonProps: {
+      styleType: 'danger',
+      shape: 'rounded'
+    },
+    cancelButtonProps: {
+      shape: 'rounded'
+    },
+    onCancel: onCancel,
+    okText: transI18n('fmt_attendies_button_muteall'),
+    cancelText: transI18n('fmt_attendies_button_cancel'),
+    onClose: onClose,
+    onOk: handlerConfirm,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+        label: transI18n('fmt_attendies_options_muteuponjoin'),
+        checked: joinWithMute,
+        onChange: function onChange(checked) {
+          return setJoinWithMute(checked);
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+        label: transI18n('fmt_attendies_options_allowunmute'),
+        checked: allowUnmute,
+        onChange: function onChange(checked) {
+          return setAllowUnmute(checked);
+        },
+        style: {
+          marginTop: '16px'
+        }
+      })]
+    })
+  });
+};

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

@@ -0,0 +1,2 @@
+declare const ParticipantsContainer: () => import("react/jsx-runtime").JSX.Element;
+export default ParticipantsContainer;

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

@@ -0,0 +1,201 @@
+"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["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 _store = require("../../../dialog/store");
+var _store2 = require("../../store");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _footer = _interopRequireDefault(require("../footer"));
+var _muteAll = require("../mute-all");
+var _react = require("react");
+var _constant = require("../../../../utilities/constant");
+var _env = require("agora-foundation/lib/utilities/env");
+var _attendee = require("../../attendee");
+var _merge = _interopRequireDefault(require("../merge"));
+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;
+  var dialogStore = (0, _react.useContext)(_store.StoreContext);
+  var transI18n = (0, _i18n.useI18n)();
+  var handlerRoomControlClick = function handlerRoomControlClick(action, userId) {
+    if (action === _constant.RoomControlType.MUTE_ALL_AUDIO) {
+      setShowMuteAllDialog(true);
+      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: _constant.RoomType.MAIN_ROOM
+      }, {
+        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: _constant.RoomType.WAITING_ROOM
+      }],
+      activeKey: activeTab,
+      onChange: function onChange(key) {
+        handleActiveTab(key);
+      }
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_participants.FcrParticipants, {
+      type: currentModal,
+      userList: userList,
+      onSearch: handlerSearchUser,
+      searchText: searchText,
+      onInvite: onInvite,
+      isShowInvite: true,
+      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, {
+              interpreterInputLanguage: interpreterInputLanguage,
+              activeTab: activeTab,
+              interpreterUsers: interpreterUsers,
+              interpreterState: interpreterState,
+              moveToMainRoomByUserIds: moveToMainRoomByUserIds,
+              hasMutePermission: hasMutePermission,
+              hasUnmutePermission: hasUnmutePermission,
+              hasRequestStartAudioPermission: hasRequestStartAudioPermission,
+              currentPerspectiveType: currentPerspectiveType,
+              onParticipantsButtonClick: handlerUserAction,
+              userId: user.userId,
+              userName: user.userName,
+              type: currentModal,
+              avatar: user.avatar,
+              hasAudio: user.hasAudio,
+              hasVideo: user.hasVideo,
+              isHost: user.isHost,
+              isMe: user.isMe,
+              audioDeviceType: user.audioDeviceType,
+              videoDeviceType: user.videoDeviceType,
+              userType: user.userType,
+              volume: user.volume,
+              userRole: user.userRole,
+              isSpotlight: user.isSpotlight,
+              isScreenSharing: user.isScreenSharing,
+              isBoardActive: user.isBoardActive,
+              isPin: checkIsPin(user.userId),
+              hasPinnedStream: hasPinnedStream,
+              enableSpotlight: enableSpotlight,
+              allowedOperations: getAllowedOperations(user.userRole, !!user.isMe)
+            });
+          }
+        });
+      }
+      // header={
+      //   <FcrWindowHeader type={currentModal} onTypeChange={handlerTypeChange} title="参会人" />
+      // }
+      ,
+      footer: /*#__PURE__*/(0, _jsxRuntime.jsx)(_footer["default"], {
+        handlerRoomControlClick: handlerRoomControlClick
+      })
+    }, refreshList), /*#__PURE__*/(0, _jsxRuntime.jsx)(_muteAll.MuteAllDialog, {
+      getContainer: dialogContaner,
+      allowUnmuteSelfAudio: allowUnmuteSelfAudio,
+      allowJoinWithMuteAudio: allowJoinWithMuteAudio,
+      showMuteAllDialog: showMuteAllDialog,
+      onCancel: function onCancel() {
+        return setShowMuteAllDialog(false);
+      },
+      onOk: function onOk(allowUnmute, joinWithMute) {
+        setShowMuteAllDialog(false);
+        handlerRoomControlAction(_constant.RoomControlType.MUTE_ALL_AUDIO, {
+          allowUnmute: allowUnmute,
+          joinWithMuteAudio: joinWithMute
+        });
+      },
+      onClose: function onClose() {
+        return setShowMuteAllDialog(false);
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_merge["default"], {
+      getContainer: dialogContaner,
+      showMergeConfirmDialog: mergeConfirmDialog,
+      onClose: function onClose() {
+        return setMergeConfirmDialog(false);
+      },
+      mergeUserInfo: mergeUserInfo,
+      onOk: function onOk() {
+        mergeConfirmDialogOk(mergeUserId);
+      }
+    })]
+  });
+});
+var _default = exports["default"] = ParticipantsContainer;

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

@@ -0,0 +1,4 @@
+declare function Rename(props: {
+    onChange: (name: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export default Rename;

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

@@ -0,0 +1,45 @@
+"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["default"] = void 0;
+require("core-js/modules/es.string.trim.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _input = require("agora-ui-foundation/lib/components/input");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+function Rename(props) {
+  var onChange = props.onChange;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    name = _useState2[0],
+    setName = _useState2[1];
+  var t = (0, _i18n.useI18n)();
+  (0, _react.useEffect)(function () {
+    onChange(name);
+  }, [name]);
+  function handleNameChange(name) {
+    setName(name.trim());
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "participants-container-rename",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.FcrInput, {
+      autoFocus: true,
+      style: {
+        flex: 1
+      },
+      value: name,
+      onChange: handleNameChange,
+      size: "large",
+      allowClear: true,
+      shape: "rounded",
+      maxLength: 18,
+      placeholder: t('fmt_additional_popup_label_enter_nickname')
+    })
+  });
+}
+var _default = exports["default"] = Rename;

package/lib/modules/participant/index.css

@@ -76,3 +76,9 @@
   right: -5px;
   top: -5px;
 }
+
+.participants-container-rename {
+  padding: 0 4px;
+  display: flex;
+  flex: 1;
+}

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

@@ -1,13 +1,15 @@
-import { FcrCoreEngine } from 'agora-edu-core';
+import { FcrCoreEngine } from 'fcr-core';
 import { UIModule } from '../../base';
 import { FcrSecurityStore } from '../../common/security-store';
-import './index.css';
 import { FcrUIEventStore } from '../../common/event-store';
 import { FcrDeviceStore } from '../../common/device-store';
 import { FcrDeviceStreamStore } from '../../common/device-stream-store';
-import { FcrPeerSessionControl } from 'agora-edu-core/lib/peer-session/type';
-import { FcrMainRoomControl } from 'agora-edu-core/lib/room-control/type';
+import { FcrPeerSessionControl } from 'fcr-core/lib/peer-session/type';
+import { FcrInterpreterControl } from 'fcr-core/lib/room-control/interpreter-control/types';
+import { FcrMainRoomControl } from 'fcr-core/lib/room-control/type';
 import { OperateWaitingRoomMemberDialogProps } from './attendee';
+import { FcrRoomStore } from '../../common/room-store';
+import './index.css';
 export declare class ParticipantUIModule extends UIModule {
     private _store;
     constructor(args: {
@@ -18,11 +20,11 @@ export declare class ParticipantUIModule extends UIModule {
         uiEventStore: FcrUIEventStore;
         deviceStore: FcrDeviceStore;
         deviceStreamStore: FcrDeviceStreamStore;
+        interpreterControl: FcrInterpreterControl;
+        roomStore: FcrRoomStore;
     });
     getComponent(): import("react/jsx-runtime").JSX.Element;
     getWaitingRoomDialog(params: OperateWaitingRoomMemberDialogProps): import("react/jsx-runtime").JSX.Element;
-    openDialog(): void;
     onProcessEvent(event: RendererCustomEvent): void;
     protected onUnload(): void;
-    private _handleUIEvent;
 }

package/lib/modules/participant/index.dev.js

@@ -24,6 +24,8 @@ var _eventStore = require("../../common/event-store");
 var _dialog = require("../dialog");
 var _deviceStore = require("../../common/device-store");
 var _deviceStreamStore = require("../../common/device-stream-store");
+var _roomStore = require("../../common/room-store");
+var _remoteRenderer = require("../../common/remote-renderer");
 var _jsxRuntime = require("react/jsx-runtime");
 var App = (0, _root.hot)(function () {
   return null;
@@ -44,7 +46,7 @@ window.__DEV_ENGINE_IS_READY__.then(/*#__PURE__*/(0, _asyncToGenerator2["default
       case 7:
         roomControl = engine.createMainRoomControl(roomId);
         userName = isAssistant ? 'assistants' : 'test-user';
-        deviceStore = new _deviceStore.FcrDeviceStore(userName, engine.getDesktopMediaControl());
+        deviceStore = new _deviceStore.FcrDeviceStore(engine.getDesktopMediaControl(), new _eventStore.FcrUIEventStore());
         _context.next = 12;
         return roomControl.join({
           userRole: isAssistant ? _type.FcrUserRole.PARTICIPANT : _type.FcrUserRole.HOST,
@@ -63,14 +65,16 @@ window.__DEV_ENGINE_IS_READY__.then(/*#__PURE__*/(0, _asyncToGenerator2["default
           userControl: roomControl.getUserControl(),
           chatRoomControl: roomControl.getChatRoomControl(),
           deviceStore: deviceStore,
-          streamControl: roomControl.getStreamControl()
+          streamControl: roomControl.getStreamControl(),
+          remoteVideoRenderManager: new _remoteRenderer.FcrRemoteVideoRenderManager(roomControl.getStreamControl())
         });
         deviceStreamStore = new _deviceStreamStore.FcrDeviceStreamStore({
           mediaControl: engine.getDesktopMediaControl(),
           roomControl: roomControl,
           securityStore: securityStore,
           deviceStore: deviceStore,
-          uiEventStore: uiEventStore
+          uiEventStore: uiEventStore,
+          roomStore: new _roomStore.FcrRoomStore(uiEventStore, deviceStore, {}, engine)
         });
         uiModule = new _.ParticipantUIModule({
           roomControl: roomControl,
@@ -79,7 +83,9 @@ window.__DEV_ENGINE_IS_READY__.then(/*#__PURE__*/(0, _asyncToGenerator2["default
           securityStore: securityStore,
           uiEventStore: uiEventStore,
           deviceStore: deviceStore,
-          deviceStreamStore: deviceStreamStore
+          deviceStreamStore: deviceStreamStore,
+          roomStore: new _roomStore.FcrRoomStore(uiEventStore, deviceStore, {}, engine),
+          interpreterControl: null
         });
         App = (0, _root.hot)(function () {
           (0, _hooks.useUnmount)(function () {

package/lib/modules/participant/index.js

@@ -3,6 +3,7 @@
 require("core-js/modules/es.symbol.js");
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.object.define-properties.js");
 require("core-js/modules/es.object.define-property.js");
@@ -11,18 +12,23 @@ 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/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");
+require("core-js/modules/esnext.weak-map.delete-all.js");
+require("core-js/modules/esnext.weak-map.emplace.js");
 require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ParticipantUIModule = void 0;
-require("core-js/modules/es.function.bind.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -31,12 +37,13 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _base = require("../../base");
 var _constant = require("../../utilities/constant");
-var _context = require("./context");
-require("./index.css");
-var _store = _interopRequireDefault(require("./store"));
+var _store = _interopRequireWildcard(require("./store"));
 var _view = require("./view");
 var _attendee = require("./attendee");
+require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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 _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
@@ -47,16 +54,13 @@ var ParticipantUIModule = exports.ParticipantUIModule = /*#__PURE__*/function (_
     (0, _classCallCheck2["default"])(this, ParticipantUIModule);
     _this = _callSuper(this, ParticipantUIModule);
     _this._store = new _store["default"](args);
-    args.uiEventStore.addObserver({
-      onEvent: _this._handleUIEvent.bind(_this)
-    });
     return _this;
   }
   (0, _inherits2["default"])(ParticipantUIModule, _UIModule);
   return (0, _createClass2["default"])(ParticipantUIModule, [{
     key: "getComponent",
     value: function getComponent() {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
         value: this._store,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {})
       });
@@ -64,28 +68,17 @@ var ParticipantUIModule = exports.ParticipantUIModule = /*#__PURE__*/function (_
   }, {
     key: "getWaitingRoomDialog",
     value: function getWaitingRoomDialog(params) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
         value: this._store,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_attendee.OperateWaitingRoomMemberDialog, _objectSpread({}, params))
       });
     }
-  }, {
-    key: "openDialog",
-    value: function openDialog() {
-      this._store.openDialog();
-    }
   }, {
     key: "onProcessEvent",
     value: function onProcessEvent(event) {
       var action = event.action,
         payload = event.payload;
       switch (action) {
-        case _constant.RendererEventAction.PARTICIPANT_ACTION:
-          this._store.handlerUserAction(payload.action, payload.userId);
-          break;
-        case _constant.RendererEventAction.ROOM_CONTROL_ACTION:
-          this._store.handlerRoomControlAction(payload.action, payload.data);
-          break;
         case _constant.RendererEventAction.FRAGMENT_LOADED:
           if (payload === 'participant') {
             this._store.setParticipantsWindowActive(true);
@@ -96,9 +89,6 @@ var ParticipantUIModule = exports.ParticipantUIModule = /*#__PURE__*/function (_
             this._store.setParticipantsWindowActive(false);
           }
           break;
-        case _constant.RendererEventAction.CLOSE_PARTICIPANTS_WINDOW:
-          this._store.closeParticipantsWindow();
-          break;
       }
     }
   }, {
@@ -106,15 +96,5 @@ var ParticipantUIModule = exports.ParticipantUIModule = /*#__PURE__*/function (_
     value: function onUnload() {
       this._store.release();
     }
-  }, {
-    key: "_handleUIEvent",
-    value: function _handleUIEvent(action, payload) {
-      if (action === _constant.UIAction.PARTICIPANT_ACTION) {
-        this.onProcessEvent({
-          action: _constant.RendererEventAction.PARTICIPANT_ACTION,
-          payload: payload
-        });
-      }
-    }
   }]);
 }(_base.UIModule);

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

@@ -1,5 +1,5 @@
 import { FcrUIMemberData, FcrUIMemberListDataSource, FcrUIMemberSortingPriority } from './type';
-import { FcrUserInfo, FcrStreamInfo } from 'agora-edu-core/lib/type';
+import { FcrUserInfo, FcrStreamInfo } from 'fcr-core/lib/type';
 export declare class FcrUIMemberDataImpl implements FcrUIMemberData {
     private _isMySelf;
     userInfo: FcrUserInfo;

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

@@ -69,7 +69,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _mobx = require("mobx");
 var _type = require("./type");
-var _type2 = require("agora-edu-core/lib/type");
+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;
@@ -144,8 +144,8 @@ var FcrUIMemberDataImpl = exports.FcrUIMemberDataImpl = /*#__PURE__*/function ()
       var cameraStream = this.streams.find(function (s) {
         return s.videoSourceType === _type3.AgoraRtcVideoSourceType.CAMERA;
       });
-      var cameraOpen = (cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.videoSourceState) === _type3.AgoraRtcMediaSourceState.STARTED && ((cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.streamType) === _type4.AgoraRteMediaStreamType.VIDEO || (cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.streamType) === _type4.AgoraRteMediaStreamType.BOTH);
-      var microphoneOpen = (cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.audioSourceState) === _type3.AgoraRtcMediaSourceState.STARTED && ((cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.streamType) === _type4.AgoraRteMediaStreamType.AUDIO || (cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.streamType) === _type4.AgoraRteMediaStreamType.BOTH);
+      var cameraOpen = (cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.videoSourceState) === _type3.AgoraRtcMediaSourceState.OPEN && ((cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.streamType) === _type4.AgoraRteMediaStreamType.VIDEO || (cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.streamType) === _type4.AgoraRteMediaStreamType.BOTH);
+      var microphoneOpen = (cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.audioSourceState) === _type3.AgoraRtcMediaSourceState.OPEN && ((cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.streamType) === _type4.AgoraRteMediaStreamType.AUDIO || (cameraStream === null || cameraStream === void 0 ? void 0 : cameraStream.streamType) === _type4.AgoraRteMediaStreamType.BOTH);
       if (cameraOpen && microphoneOpen) {
         return _type.FcrUIMemberSortingPriority.BOTH_OPEN;
       }