fcr-ui-scene 3.3.0 → 3.4.0

package/lib/modules/video-window/store.d.ts

@@ -1,15 +1,16 @@
-import { FcrUserControl, FcrStreamControl, FcrDesktopMediaControl, FcrPrivilegeUserRole } from 'agora-edu-core';
+import { FcrUserControl, FcrStreamControl, FcrDesktopMediaControl, FcrPrivilegeUserRole } from 'fcr-core';
 import { FcrUIEventStore } from '../../common/event-store';
 import { FcrSecurityStore } from '../../common/security-store';
-import { FcrDeviceStore } from '../../common/device-store';
+import { ConnectType, FcrDeviceStore } from '../../common/device-store';
 import { UIAction } from '../../utilities/constant';
 import { FcrVideoWindowPreviewType } from './type';
 import { FcrUIVideoWindowData } from '../layout/type';
 import { AgoraRtcRenderMode, AgoraRtcVideoStreamType, AgoraRtcScreenCaptureType } from 'agora-rte-sdk/lib/core/rtc/type';
-import { FcrUserRole } from 'agora-edu-core/lib/type';
-import { ConnectType, ConnectionTabType } from './type';
+import { FcrUserRole } from 'fcr-core/lib/type';
+import { ConnectionTabType } from './type';
 import { FcrDeviceStreamStore } from '../../common/device-stream-store';
-import { FcrUserUpdatedEvent } from 'agora-edu-core/lib/room-control/user-control/type';
+import { FcrUserUpdatedEvent } from 'fcr-core/lib/room-control/user-control/type';
+import { FcrInterpreterControl, FcrInterpreterUserInfo } from 'fcr-core/lib/room-control/interpreter-control/types';
 export interface VideoWindowStoreParams {
     uiEventStore: FcrUIEventStore;
     userControl: FcrUserControl;
@@ -18,6 +19,7 @@ export interface VideoWindowStoreParams {
     securityStore: FcrSecurityStore;
     deviceStore: FcrDeviceStore;
     deviceStreamStore: FcrDeviceStreamStore;
+    interpreterControl: FcrInterpreterControl;
 }
 export default class VideoWindowStore {
     private _uiEventStore;
@@ -29,6 +31,7 @@ export default class VideoWindowStore {
     private _securityStore;
     private _releaseVideoWindowListeners;
     private _subscriptions;
+    private _interpreterControl;
     accessor userVolumeMap: Map<string, number>;
     accessor speakHover: boolean;
     accessor videoWindowPreviewType: FcrVideoWindowPreviewType;
@@ -47,6 +50,8 @@ export default class VideoWindowStore {
         width: number;
         height: number;
     };
+    accessor interpreterUsers: Array<FcrInterpreterUserInfo>;
+    accessor interpreterState: boolean;
     setBounds(width: number, height: number): void;
     constructor(params: VideoWindowStoreParams);
     setVideoOrientation(): void;
@@ -69,6 +74,7 @@ export default class VideoWindowStore {
     sliceFoldList(list: FcrUIVideoWindowData[], previewType: FcrVideoWindowPreviewType): FcrUIVideoWindowData[];
     changeVideoWindowBounds(x: number, y: number, width: number, height: number, list: FcrUIVideoWindowData[], previewType: FcrVideoWindowPreviewType): void;
     openPrivateChat(userId: string): void;
+    openRenameDialog(userId: string): void;
     hasMutePermission(targetRole: FcrPrivilegeUserRole | FcrUserRole): boolean;
     hasUnmutePermission(targetRole: FcrPrivilegeUserRole | FcrUserRole): boolean;
     hasRequestStartAudioPermission(targetRole: FcrPrivilegeUserRole | FcrUserRole): boolean;
@@ -86,4 +92,6 @@ export default class VideoWindowStore {
     openConnection(type: ConnectionTabType): void;
     enableMicrophone(enable: boolean): void;
     onEvent(action: UIAction, payload: unknown): void;
+    getInterpreterState(): boolean;
 }
+export declare const StoreContext: import("react").Context<VideoWindowStore>;

package/lib/modules/video-window/store.js

@@ -20,7 +20,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.StoreContext = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.find.js");
@@ -67,18 +67,20 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _mobx = require("mobx");
-var _agoraEduCore = require("agora-edu-core");
+var _fcrCore = require("fcr-core");
+var _deviceStore = require("../../common/device-store");
 var _constant = require("../../utilities/constant");
 var _decorator = require("agora-foundation/lib/decorator");
 var _type2 = require("./type");
 var _type3 = require("../layout/type");
 var _type4 = require("agora-rte-sdk/lib/core/rtc/type");
 var _renderer = require("../../utilities/renderer");
-var _type5 = require("agora-edu-core/lib/type");
+var _type5 = require("fcr-core/lib/type");
 var _env = require("agora-foundation/lib/utilities/env");
 var _attendee = require("agora-ui-foundation/lib/components/participants/attendee");
+var _react = require("react");
 var _VideoWindowStore;
-var _initProto, _init_userVolumeMap, _init_speakHover, _init_videoWindowPreviewType, _init_videoWindowCurrentWidth, _init_videoWindowCurrentHeight, _init_foldList, _init_workareaX, _init_workareaY, _init_workareaWidth, _init_workareaHeight, _init_localUserRole, _init__spotlightStreamId, _init_shouldHideNonVideoParticipants, _init_connectType, _init_bounds, _setBoundsDecs, _onAudioVolumeUpdatedDecs, _changeVideoWindowBoundsDecs, _onUserInfoUpdatedDecs, _setVideoWindowPreviewTypeDecs, _closeVideoWindowDecs, _setSpeakHoverDecs, _getAllowedOperationsDecs, _getCurrentDisplayBoundsDecs, _handleStreamsAddedOrUpdatedDecs, _ref;
+var _initProto, _init_userVolumeMap, _init_speakHover, _init_videoWindowPreviewType, _init_videoWindowCurrentWidth, _init_videoWindowCurrentHeight, _init_foldList, _init_workareaX, _init_workareaY, _init_workareaWidth, _init_workareaHeight, _init_localUserRole, _init__spotlightStreamId, _init_shouldHideNonVideoParticipants, _init_connectType, _init_bounds, _init_interpreterUsers, _init_interpreterState, _setBoundsDecs, _onAudioVolumeUpdatedDecs, _changeVideoWindowBoundsDecs, _onUserInfoUpdatedDecs, _setVideoWindowPreviewTypeDecs, _closeVideoWindowDecs, _setSpeakHoverDecs, _getAllowedOperationsDecs, _getCurrentDisplayBoundsDecs, _handleStreamsAddedOrUpdatedDecs, _getInterpreterStateDecs, _ref;
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
@@ -104,7 +106,9 @@ var _L = /*#__PURE__*/new WeakMap();
 var _M = /*#__PURE__*/new WeakMap();
 var _N = /*#__PURE__*/new WeakMap();
 var _O = /*#__PURE__*/new WeakMap();
-_ref = (_setBoundsDecs = [_mobx.action, _mobx.action.bound], _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _changeVideoWindowBoundsDecs = [_mobx.action, _mobx.action.bound], _onUserInfoUpdatedDecs = [_mobx.action, _mobx.action.bound], _setVideoWindowPreviewTypeDecs = [_mobx.action, _mobx.action.bound], _closeVideoWindowDecs = [_mobx.action, _mobx.action.bound], _setSpeakHoverDecs = [_mobx.action, _mobx.action.bound], _getAllowedOperationsDecs = [_mobx.action, _mobx.action.bound], _getCurrentDisplayBoundsDecs = [_mobx.action, _mobx.action.bound], _handleStreamsAddedOrUpdatedDecs = [_mobx.action, _mobx.action.bound], "_uiEventStore");
+var _P = /*#__PURE__*/new WeakMap();
+var _Q = /*#__PURE__*/new WeakMap();
+_ref = (_setBoundsDecs = [_mobx.action, _mobx.action.bound], _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _changeVideoWindowBoundsDecs = [_mobx.action, _mobx.action.bound], _onUserInfoUpdatedDecs = [_mobx.action, _mobx.action.bound], _setVideoWindowPreviewTypeDecs = [_mobx.action, _mobx.action.bound], _closeVideoWindowDecs = [_mobx.action, _mobx.action.bound], _setSpeakHoverDecs = [_mobx.action, _mobx.action.bound], _getAllowedOperationsDecs = [_mobx.action, _mobx.action.bound], _getCurrentDisplayBoundsDecs = [_mobx.action, _mobx.action.bound], _handleStreamsAddedOrUpdatedDecs = [_mobx.action, _mobx.action.bound], _getInterpreterStateDecs = [_mobx.action, _mobx.action.bound], "_uiEventStore");
 var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
   function VideoWindowStore(params) {
     var _this = this;
@@ -114,7 +118,7 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "_subscriptions", []);
     _classPrivateFieldInitSpec(this, _A, _init_userVolumeMap(this, new Map()));
     _classPrivateFieldInitSpec(this, _B, _init_speakHover(this));
-    _classPrivateFieldInitSpec(this, _C, _init_videoWindowPreviewType(this, _type2.FcrVideoWindowPreviewType.MIX));
+    _classPrivateFieldInitSpec(this, _C, _init_videoWindowPreviewType(this, _type2.FcrVideoWindowPreviewType.SMALL));
     _classPrivateFieldInitSpec(this, _D, _init_videoWindowCurrentWidth(this));
     _classPrivateFieldInitSpec(this, _E, _init_videoWindowCurrentHeight(this));
     _classPrivateFieldInitSpec(this, _F, _init_foldList(this, []));
@@ -125,18 +129,22 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _K, _init_localUserRole(this, _type5.FcrUserRole.PARTICIPANT));
     _classPrivateFieldInitSpec(this, _L, _init__spotlightStreamId(this, ''));
     _classPrivateFieldInitSpec(this, _M, _init_shouldHideNonVideoParticipants(this, false));
-    _classPrivateFieldInitSpec(this, _N, _init_connectType(this, _type2.ConnectType.COMPUTER));
+    _classPrivateFieldInitSpec(this, _N, _init_connectType(this, _deviceStore.ConnectType.COMPUTER));
     _classPrivateFieldInitSpec(this, _O, _init_bounds(this, {
       width: 0,
       height: 0
     }));
+    _classPrivateFieldInitSpec(this, _P, _init_interpreterUsers(this, []));
+    //  翻译官列表
+    _classPrivateFieldInitSpec(this, _Q, _init_interpreterState(this));
     var uiEventStore = params.uiEventStore,
       userControl = params.userControl,
       streamControl = params.streamControl,
       securityStore = params.securityStore,
       deviceStore = params.deviceStore,
       mediaControl = params.mediaControl,
-      deviceStreamStore = params.deviceStreamStore;
+      deviceStreamStore = params.deviceStreamStore,
+      interpreterControl = params.interpreterControl;
     this._uiEventStore = uiEventStore;
     this._deviceStore = deviceStore;
     this._deviceStreamStore = deviceStreamStore;
@@ -158,7 +166,7 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
     });
     this.setLocalUserRole(userControl.getLocalUser().userRole);
     this.speakHover = false;
-    this.videoWindowCurrentHeight = _type2.DefaultVideoWindowHeight;
+    this.videoWindowCurrentHeight = _type2.DefaultVideoWindowSmallTypeHeight;
     this.videoWindowCurrentWidth = _type2.DefaultVideoWindowWidth;
     this._subscriptions.push((0, _mobx.reaction)(function () {
       return _this._deviceStore.microphoneVolumeLevel;
@@ -167,6 +175,18 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
         _this.userVolumeMap.set('0', volume);
       });
     }));
+    this._interpreterControl = interpreterControl;
+    this.interpreterUsers = this._interpreterControl.getInterpreterUserList() || [];
+    this.interpreterState = this.getInterpreterState();
+    this._interpreterControl.addObserver({
+      onInterpreterUsersUpdated: function onInterpreterUsersUpdated(roomId, users) {
+        _this.interpreterUsers = users;
+      },
+      onInterpreterStateUpdated: function onInterpreterStateUpdated() {
+        _this.interpreterState = _this.getInterpreterState();
+        _this.interpreterUsers = _this._interpreterControl.getInterpreterUserList() || [];
+      }
+    });
   }
   return (0, _createClass2["default"])(VideoWindowStore, [{
     key: "userVolumeMap",
@@ -288,6 +308,22 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
     set: function set(v) {
       _classPrivateFieldSet(_O, this, v);
     }
+  }, {
+    key: "interpreterUsers",
+    get: function get() {
+      return _classPrivateFieldGet(_P, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_P, this, v);
+    }
+  }, {
+    key: "interpreterState",
+    get: function get() {
+      return _classPrivateFieldGet(_Q, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_Q, this, v);
+    }
   }, {
     key: "setBounds",
     value: function setBounds(width, height) {
@@ -311,7 +347,7 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_onAudioVolumeUpdated",
     value: function _onAudioVolumeUpdated(roomId, streamId, volume) {
-      this.userVolumeMap.set(streamId, volume);
+      this.userVolumeMap.set(streamId, Math.floor(volume / 255 * 100));
     }
   }, {
     key: "foldListRenderData",
@@ -421,7 +457,7 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
     value: function changeVideoWindowBounds(x, y, width, height, list, previewType) {
       this._uiEventStore.sendEvent(_constant.UIAction.VIDEO_WINDOW_BOUNDS, {
         videoWindowHeight: this.computedVideoWindowHeight(list, previewType),
-        videoWindowPreviewType: this.videoWindowPreviewType,
+        videoWindowPreviewType: previewType,
         workareaX: x,
         workareaY: y,
         workareaWidth: width || this.workareaWidth,
@@ -441,7 +477,15 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
       var user = Object.values(this === null || this === void 0 || (_this$_userControl = this._userControl) === null || _this$_userControl === void 0 ? void 0 : _this$_userControl.getUsers()).find(function (u) {
         return u.userId === userId;
       });
-      user && this._uiEventStore.notifyChatUpdateTarget(user);
+      user && this._uiEventStore.notifyChatUpdateTarget(user, _constant.RoomType.MAIN_ROOM);
+    }
+  }, {
+    key: "openRenameDialog",
+    value: function openRenameDialog(userId) {
+      this._uiEventStore.sendEvent(_constant.UIAction.PARTICIPANT_ACTION, {
+        action: _attendee.ParticipantActionType.RENAME_IN_MEETING,
+        userId: userId
+      });
     }
   }, {
     key: "hasMutePermission",
@@ -469,7 +513,7 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
       var _list = this.filterFoldList(this.foldList, this.shouldHideNonVideoParticipants);
       this.videoWindowPreviewType = type;
       this.changeVideoWindowBounds(this.workareaX, this.workareaY, this.workareaWidth, this.workareaHeight, _list, type);
-      this.setBounds(_type2.DefaultVideoWindowWidth, this.computedVideoWindowHeight(_list, type));
+      // this.setBounds(DefaultVideoWindowWidth, this.computedVideoWindowHeight(_list, type));
       this._uiEventStore.sendEvent(_constant.UIAction.VIDEO_WINDOW_RESIZE, {
         width: _type2.DefaultVideoWindowWidth,
         height: this.computedVideoWindowHeight(_list, type)
@@ -478,7 +522,8 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "closeVideoWindow",
     value: function closeVideoWindow() {
-      this.videoWindowPreviewType = _type2.FcrVideoWindowPreviewType.MIX;
+      this.videoWindowPreviewType = _type2.FcrVideoWindowPreviewType.SMALL;
+      this.setVideoWindowPreviewType(_type2.FcrVideoWindowPreviewType.SMALL);
     }
   }, {
     key: "microphoneEnabled",
@@ -522,7 +567,7 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
     key: "getCurrentDisplayBounds",
     value: function () {
       var _getCurrentDisplayBounds = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(id, type) {
-        var allApplicationWindows, filterList, _getCurrentWorkArea, x, y, width, height;
+        var allApplicationWindows, filterList, _getCurrentSharingWor, x, y, width, height;
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -531,7 +576,7 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
             case 2:
               allApplicationWindows = _context.sent;
               filterList = this.filterFoldList(this.foldList, this.shouldHideNonVideoParticipants);
-              _getCurrentWorkArea = (0, _renderer.getCurrentWorkArea)(id, type, allApplicationWindows), x = _getCurrentWorkArea.x, y = _getCurrentWorkArea.y, width = _getCurrentWorkArea.width, height = _getCurrentWorkArea.height;
+              _getCurrentSharingWor = (0, _renderer.getCurrentSharingWorkArea)(id, type, allApplicationWindows), x = _getCurrentSharingWor.x, y = _getCurrentSharingWor.y, width = _getCurrentSharingWor.width, height = _getCurrentSharingWor.height;
               this.workareaX = x;
               this.workareaY = y;
               this.workareaWidth = width;
@@ -556,9 +601,9 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
       var streams = this._streamControl.getStreamsByUserId(userId);
       var hasPstnStream = streams.some(function (_ref2) {
         var connectorType = _ref2.connectorType;
-        return connectorType === _agoraEduCore.FcrRoomConnectorType.PSTN;
+        return connectorType === _fcrCore.FcrRoomConnectorType.PSTN;
       });
-      this.connectType = hasPstnStream ? _type2.ConnectType.PHONE : _type2.ConnectType.COMPUTER;
+      this.connectType = hasPstnStream ? _deviceStore.ConnectType.PHONE : _deviceStore.ConnectType.COMPUTER;
     }
   }, {
     key: "openConnection",
@@ -608,10 +653,15 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
         }
       }
     }
+  }, {
+    key: "getInterpreterState",
+    value: function getInterpreterState() {
+      return this._interpreterControl.getState().enable;
+    }
   }]);
 }();
 _VideoWindowStore = VideoWindowStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_VideoWindowStore, [[_mobx.observable, 1, "userVolumeMap"], [_mobx.observable, 1, "speakHover"], [_mobx.observable, 1, "videoWindowPreviewType"], [_mobx.observable, 1, "videoWindowCurrentWidth"], [_mobx.observable, 1, "videoWindowCurrentHeight"], [_mobx.observable, 1, "foldList"], [_mobx.observable, 1, "workareaX"], [_mobx.observable, 1, "workareaY"], [_mobx.observable, 1, "workareaWidth"], [_mobx.observable, 1, "workareaHeight"], [_mobx.observable, 1, "localUserRole"], [_mobx.observable, 1, "_spotlightStreamId"], [_mobx.observable, 1, "shouldHideNonVideoParticipants"], [_mobx.observable, 1, "connectType"], [_mobx.observable, 1, "bounds"], [_setBoundsDecs, 18, "setBounds"], [_decorator.bound, 2, "setVideoOrientation"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_mobx.computed, 3, "foldListRenderData"], [_mobx.computed, 3, "findSpotlightUser"], [_mobx.computed, 3, "hasPinnedStream"], [_decorator.bound, 2, "removePin"], [_decorator.bound, 2, "addPin"], [_decorator.bound, 2, "startPlayLocalVideo"], [_decorator.bound, 2, "stopPlayLocalVideo"], [_decorator.bound, 2, "startRenderRemoteVideo"], [_decorator.bound, 2, "stopRenderRemoteVideo"], [_decorator.bound, 2, "sendParticipantEvent"], [_decorator.bound, 2, "muteAudio"], [_mobx.action, 2, "setLocalUserRole"], [_decorator.bound, 2, "computedVideoWindowHeight"], [_decorator.bound, 2, "sliceFoldList"], [_changeVideoWindowBoundsDecs, 18, "changeVideoWindowBounds"], [_decorator.bound, 2, "openPrivateChat"], [_decorator.bound, 2, "hasMutePermission"], [_decorator.bound, 2, "hasUnmutePermission"], [_decorator.bound, 2, "hasRequestStartAudioPermission"], [_onUserInfoUpdatedDecs, 18, "onUserInfoUpdated"], [_setVideoWindowPreviewTypeDecs, 18, "setVideoWindowPreviewType"], [_closeVideoWindowDecs, 18, "closeVideoWindow"], [_decorator.bound, 2, "filterFoldList"], [_mobx.computed, 3, "videoWindowHeight"], [_setSpeakHoverDecs, 18, "setSpeakHover"], [_getAllowedOperationsDecs, 18, "getAllowedOperations"], [_getCurrentDisplayBoundsDecs, 18, "getCurrentDisplayBounds"], [_handleStreamsAddedOrUpdatedDecs, 18, "_handleStreamsAddedOrUpdated"], [_decorator.bound, 2, "openConnection"], [_decorator.bound, 2, "enableMicrophone"], [_decorator.bound, 2, "onEvent"]], []).e, 16);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_VideoWindowStore, [[_mobx.observable, 1, "userVolumeMap"], [_mobx.observable, 1, "speakHover"], [_mobx.observable, 1, "videoWindowPreviewType"], [_mobx.observable, 1, "videoWindowCurrentWidth"], [_mobx.observable, 1, "videoWindowCurrentHeight"], [_mobx.observable, 1, "foldList"], [_mobx.observable, 1, "workareaX"], [_mobx.observable, 1, "workareaY"], [_mobx.observable, 1, "workareaWidth"], [_mobx.observable, 1, "workareaHeight"], [_mobx.observable, 1, "localUserRole"], [_mobx.observable, 1, "_spotlightStreamId"], [_mobx.observable, 1, "shouldHideNonVideoParticipants"], [_mobx.observable, 1, "connectType"], [_mobx.observable, 1, "bounds"], [_mobx.observable, 1, "interpreterUsers"], [_mobx.observable, 1, "interpreterState"], [_setBoundsDecs, 18, "setBounds"], [_decorator.bound, 2, "setVideoOrientation"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_mobx.computed, 3, "foldListRenderData"], [_mobx.computed, 3, "findSpotlightUser"], [_mobx.computed, 3, "hasPinnedStream"], [_decorator.bound, 2, "removePin"], [_decorator.bound, 2, "addPin"], [_decorator.bound, 2, "startPlayLocalVideo"], [_decorator.bound, 2, "stopPlayLocalVideo"], [_decorator.bound, 2, "startRenderRemoteVideo"], [_decorator.bound, 2, "stopRenderRemoteVideo"], [_decorator.bound, 2, "sendParticipantEvent"], [_decorator.bound, 2, "muteAudio"], [_mobx.action, 2, "setLocalUserRole"], [_decorator.bound, 2, "computedVideoWindowHeight"], [_decorator.bound, 2, "sliceFoldList"], [_changeVideoWindowBoundsDecs, 18, "changeVideoWindowBounds"], [_decorator.bound, 2, "openPrivateChat"], [_decorator.bound, 2, "openRenameDialog"], [_decorator.bound, 2, "hasMutePermission"], [_decorator.bound, 2, "hasUnmutePermission"], [_decorator.bound, 2, "hasRequestStartAudioPermission"], [_onUserInfoUpdatedDecs, 18, "onUserInfoUpdated"], [_setVideoWindowPreviewTypeDecs, 18, "setVideoWindowPreviewType"], [_closeVideoWindowDecs, 18, "closeVideoWindow"], [_decorator.bound, 2, "filterFoldList"], [_mobx.computed, 3, "videoWindowHeight"], [_setSpeakHoverDecs, 18, "setSpeakHover"], [_getAllowedOperationsDecs, 18, "getAllowedOperations"], [_getCurrentDisplayBoundsDecs, 18, "getCurrentDisplayBounds"], [_handleStreamsAddedOrUpdatedDecs, 18, "_handleStreamsAddedOrUpdated"], [_decorator.bound, 2, "openConnection"], [_decorator.bound, 2, "enableMicrophone"], [_decorator.bound, 2, "onEvent"], [_getInterpreterStateDecs, 18, "getInterpreterState"]], []).e, 18);
 _init_userVolumeMap = _applyDecs$e[0];
 _init_speakHover = _applyDecs$e[1];
 _init_videoWindowPreviewType = _applyDecs$e[2];
@@ -627,4 +677,7 @@ _init__spotlightStreamId = _applyDecs$e[11];
 _init_shouldHideNonVideoParticipants = _applyDecs$e[12];
 _init_connectType = _applyDecs$e[13];
 _init_bounds = _applyDecs$e[14];
-_initProto = _applyDecs$e[15];
+_init_interpreterUsers = _applyDecs$e[15];
+_init_interpreterState = _applyDecs$e[16];
+_initProto = _applyDecs$e[17];
+var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/video-window/topControl/index.js

@@ -25,7 +25,7 @@ require("core-js/modules/esnext.iterator.map.js");
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReact = require("mobx-react");
 require("./index.css");
-var _context = require("../context");
+var _store = require("../store");
 var _icon = require("agora-ui-foundation/lib/components/icon");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _type2 = require("./../type");
@@ -36,7 +36,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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; }
 var TopControl = (0, _mobxReact.observer)(function () {
   var _filterFoldList;
-  var _useContext = (0, _react.useContext)(_context.StoreContext),
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
     setVideoWindowPreviewType = _useContext.setVideoWindowPreviewType,
     videoWindowPreviewType = _useContext.videoWindowPreviewType,
     speakHover = _useContext.speakHover,

package/lib/modules/video-window/type.d.ts

@@ -8,11 +8,6 @@ export declare enum FcrVideoWindowPreviewTip {
     SMALL = "\u6F14\u8BB2\u8005\u89C6\u56FE",
     MIDDLE = "\u663E\u793A\u6210\u5458\u5217\u8868"
 }
-export declare enum ConnectType {
-    NONE = 0,
-    COMPUTER = 1,
-    PHONE = 2
-}
 export type ConnectionTabType = 'computer' | 'phone';
 export declare const DefaultVideoWindowWidth = 246;
 export declare const DefaultVideoWindowHeight = 90;

package/lib/modules/video-window/type.js

@@ -4,7 +4,7 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VideoWindowZoomMaxWidth = exports.VideoWindowZoomMaxHeight = exports.VideoWindowRadio = exports.VideoWindowItemHeight = exports.FcrVideoWindowPreviewType = exports.FcrVideoWindowPreviewTip = exports.DefaultVideoWindowWidth = exports.DefaultVideoWindowSmallTypeHeight = exports.DefaultVideoWindowHeight = exports.ConnectType = void 0;
+exports.VideoWindowZoomMaxWidth = exports.VideoWindowZoomMaxHeight = exports.VideoWindowRadio = exports.VideoWindowItemHeight = exports.FcrVideoWindowPreviewType = exports.FcrVideoWindowPreviewTip = exports.DefaultVideoWindowWidth = exports.DefaultVideoWindowSmallTypeHeight = exports.DefaultVideoWindowHeight = void 0;
 var FcrVideoWindowPreviewType = exports.FcrVideoWindowPreviewType = /*#__PURE__*/function (FcrVideoWindowPreviewType) {
   FcrVideoWindowPreviewType["MIX"] = "mix";
   FcrVideoWindowPreviewType["SMALL"] = "small";
@@ -17,12 +17,6 @@ var FcrVideoWindowPreviewTip = exports.FcrVideoWindowPreviewTip = /*#__PURE__*/f
   FcrVideoWindowPreviewTip["MIDDLE"] = "\u663E\u793A\u6210\u5458\u5217\u8868";
   return FcrVideoWindowPreviewTip;
 }({});
-var ConnectType = exports.ConnectType = /*#__PURE__*/function (ConnectType) {
-  ConnectType[ConnectType["NONE"] = 0] = "NONE";
-  ConnectType[ConnectType["COMPUTER"] = 1] = "COMPUTER";
-  ConnectType[ConnectType["PHONE"] = 2] = "PHONE";
-  return ConnectType;
-}({});
 var DefaultVideoWindowWidth = exports.DefaultVideoWindowWidth = 246;
 var DefaultVideoWindowHeight = exports.DefaultVideoWindowHeight = 90;
 var DefaultVideoWindowSmallTypeHeight = exports.DefaultVideoWindowSmallTypeHeight = 233;

package/lib/modules/video-window/view.js

@@ -23,7 +23,7 @@ var _topControl = _interopRequireDefault(require("./topControl"));
 var _speaking = _interopRequireDefault(require("./speaking"));
 var _members = require("./members");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _context = require("./context");
+var _store = require("./store");
 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); }
@@ -33,7 +33,7 @@ var View = exports.View = (0, _mobxReact.observer)(function () {
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     isHover = _useState2[0],
     setIsHover = _useState2[1];
-  var _useContext = (0, _react.useContext)(_context.StoreContext),
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
     setSpeakHover = _useContext.setSpeakHover,
     bounds = _useContext.bounds;
   (0, _react.useEffect)(function () {

package/lib/modules/waiting-room-layout/index.css

@@ -1,8 +1,11 @@
 .waiting-room-layout {
   display: flex;
   flex-direction: column;
-  justify-content: center;
+  justify-content: flex-start;
   align-items: center;
+  background: linear-gradient(112deg, #faedff 1.3%, #e6f8fc 98.11%);
+  height: calc(100% - 34px);
+  padding: 0 312px;
 }
 
 .waiting-room-module {
@@ -15,6 +18,13 @@
   bottom: 0;
 }
 
+.waiting-room-layer {
+  position: absolute;
+  z-index: 1000;
+  top: 0;
+  left: 0;
+}
+
 .waiting-room-title {
   margin-top: 50px;
   margin-bottom: 20px;
@@ -42,12 +52,15 @@
   box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
   align-items: center;
   width: 815px;
+  background-color: white;
+  min-width: 702px;
+  width: 100%;
 }
 
 .waiting-room-video-content {
   position: relative;
   display: flex;
-  width: 452px;
+  flex: 1;
   height: 95%;
   margin: 10px;
 }
@@ -55,6 +68,7 @@
 .waiting-room-chat-content {
   height: 95%;
   margin: 10px;
+  width: 340px;
 }
 
 .waiting-room-attendee-name {
@@ -65,7 +79,7 @@
   left: 10px;
   bottom: 10px;
   background: white;
-  border-radius: 50px;
+  border-radius: var(--fcr_cornerradius_xs);
   padding: 5px 10px;
   z-index: 100;
 }

package/lib/modules/waiting-room-layout/index.js

@@ -1,8 +1,17 @@
 "use strict";
 
+require("core-js/modules/es.array.iterator.js");
 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.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.weak-map.delete-all.js");
+require("core-js/modules/esnext.weak-map.emplace.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
 });
@@ -13,10 +22,11 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _base = require("../../base");
-var _context = require("./context");
-var _store = _interopRequireDefault(require("./store"));
+var _store = _interopRequireWildcard(require("./store"));
 var _view = _interopRequireDefault(require("./view"));
 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 _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)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var WaitingRoomLayout = exports.WaitingRoomLayout = /*#__PURE__*/function (_UIModule) {
@@ -33,7 +43,7 @@ var WaitingRoomLayout = exports.WaitingRoomLayout = /*#__PURE__*/function (_UIMo
     value: function getComponent() {
       var slots = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       this._store.updateSlots(slots);
-      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["default"], {})
       });

package/lib/modules/waiting-room-layout/store.d.ts

@@ -1,9 +1,10 @@
 import { FcrDeviceStore } from '../../common/device-store';
-import { FcrUserControl } from 'agora-edu-core';
+import { FcrUserControl } from 'fcr-core';
 export interface FcrLayoutSlots {
     chat: React.ReactNode;
     stateBar: React.ReactNode;
     actionBar: React.ReactNode;
+    layers: React.ReactNode;
 }
 export interface LayoutStoreParams {
     deviceStore: FcrDeviceStore;
@@ -19,12 +20,14 @@ export default class LayoutStore implements FcrLayoutSlots {
     accessor layers: React.ReactNode;
     accessor whiteboard: React.ReactNode;
     constructor(params: LayoutStoreParams);
-    get localUser(): import("agora-edu-core/lib/type").FcrUserInfo;
+    get localUser(): import("fcr-core/lib/type").FcrUserInfo;
     get cameraId(): string;
     get cameraEnabled(): boolean;
     startPlayLocalVideo(view: HTMLElement, isMirror?: boolean): void;
     stopPlayLocalVideo(view: HTMLElement): void;
     setCameraEnabled(enable: boolean): void;
+    setVideoOrientation(): void;
     updateSlots(slots: Partial<FcrLayoutSlots>): void;
     release(): void;
 }
+export declare const StoreContext: import("react").Context<LayoutStore>;

package/lib/modules/waiting-room-layout/store.js

@@ -36,7 +36,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.StoreContext = void 0;
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
@@ -49,8 +49,9 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _mobx = require("mobx");
+var _react = require("react");
 var _LayoutStore;
-var _initProto, _participantDecs, _init_participant, _chatDecs, _init_chat, _stateBarDecs, _init_stateBar, _actionBarDecs, _init_actionBar, _layersDecs, _init_layers, _whiteboardDecs, _init_whiteboard, _startPlayLocalVideoDecs, _stopPlayLocalVideoDecs, _setCameraEnabledDecs, _updateSlotsDecs, _ref;
+var _initProto, _participantDecs, _init_participant, _chatDecs, _init_chat, _stateBarDecs, _init_stateBar, _actionBarDecs, _init_actionBar, _layersDecs, _init_layers, _whiteboardDecs, _init_whiteboard, _startPlayLocalVideoDecs, _stopPlayLocalVideoDecs, _setCameraEnabledDecs, _setVideoOrientationDecs, _updateSlotsDecs, _ref;
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
@@ -67,7 +68,7 @@ var _C = /*#__PURE__*/new WeakMap();
 var _D = /*#__PURE__*/new WeakMap();
 var _E = /*#__PURE__*/new WeakMap();
 var _F = /*#__PURE__*/new WeakMap();
-_ref = (_participantDecs = [_mobx.observable, _mobx.observable.ref], _chatDecs = [_mobx.observable, _mobx.observable.ref], _stateBarDecs = [_mobx.observable, _mobx.observable.ref], _actionBarDecs = [_mobx.observable, _mobx.observable.ref], _layersDecs = [_mobx.observable, _mobx.observable.ref], _whiteboardDecs = [_mobx.observable, _mobx.observable.ref], _startPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _stopPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _setCameraEnabledDecs = [_mobx.action, _mobx.action.bound], _updateSlotsDecs = [_mobx.action, _mobx.action.bound], "_deviceStore");
+_ref = (_participantDecs = [_mobx.observable, _mobx.observable.ref], _chatDecs = [_mobx.observable, _mobx.observable.ref], _stateBarDecs = [_mobx.observable, _mobx.observable.ref], _actionBarDecs = [_mobx.observable, _mobx.observable.ref], _layersDecs = [_mobx.observable, _mobx.observable.ref], _whiteboardDecs = [_mobx.observable, _mobx.observable.ref], _startPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _stopPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _setCameraEnabledDecs = [_mobx.action, _mobx.action.bound], _setVideoOrientationDecs = [_mobx.action, _mobx.action.bound], _updateSlotsDecs = [_mobx.action, _mobx.action.bound], "_deviceStore");
 var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   function LayoutStore(params) {
     (0, _classCallCheck2["default"])(this, LayoutStore);
@@ -161,6 +162,11 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       this._deviceStore.handleRealCameraEnabledChanged(enable);
       this._deviceStore.cameraEnabled = enable;
     }
+  }, {
+    key: "setVideoOrientation",
+    value: function setVideoOrientation() {
+      this._deviceStore.setVideoOrientation();
+    }
   }, {
     key: "updateSlots",
     value: function updateSlots(slots) {
@@ -179,11 +185,12 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _LayoutStore = LayoutStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_LayoutStore, [[_participantDecs, 17, "participant"], [_chatDecs, 17, "chat"], [_stateBarDecs, 17, "stateBar"], [_actionBarDecs, 17, "actionBar"], [_layersDecs, 17, "layers"], [_whiteboardDecs, 17, "whiteboard"], [_startPlayLocalVideoDecs, 18, "startPlayLocalVideo"], [_stopPlayLocalVideoDecs, 18, "stopPlayLocalVideo"], [_setCameraEnabledDecs, 18, "setCameraEnabled"], [_updateSlotsDecs, 18, "updateSlots"]], []).e, 7);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_LayoutStore, [[_participantDecs, 17, "participant"], [_chatDecs, 17, "chat"], [_stateBarDecs, 17, "stateBar"], [_actionBarDecs, 17, "actionBar"], [_layersDecs, 17, "layers"], [_whiteboardDecs, 17, "whiteboard"], [_startPlayLocalVideoDecs, 18, "startPlayLocalVideo"], [_stopPlayLocalVideoDecs, 18, "stopPlayLocalVideo"], [_setCameraEnabledDecs, 18, "setCameraEnabled"], [_setVideoOrientationDecs, 18, "setVideoOrientation"], [_updateSlotsDecs, 18, "updateSlots"]], []).e, 7);
 _init_participant = _applyDecs$e[0];
 _init_chat = _applyDecs$e[1];
 _init_stateBar = _applyDecs$e[2];
 _init_actionBar = _applyDecs$e[3];
 _init_layers = _applyDecs$e[4];
 _init_whiteboard = _applyDecs$e[5];
-_initProto = _applyDecs$e[6];
+_initProto = _applyDecs$e[6];
+var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);