fcr-ui-scene 3.1.0 → 3.2.0

package/lib/modules/state-bar/context.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import StateBarStore from './store';
 export declare const StoreContext: import("react").Context<StateBarStore>;

package/lib/modules/state-bar/index.d.ts

@@ -1,9 +1,9 @@
 import { UIModule } from '../../base';
 import './index.css';
-import { FcrMainRoomControl } from 'agora-edu-core';
 import { FcrUIEventStore } from '../../common/event-store';
 import { FcrSecurityStore } from '../../common/security-store';
 import { FcrUISceneConfig } from '../../type';
+import { FcrMainRoomControl } from 'agora-edu-core/lib/room-control/type';
 export declare class StateBarUIModule extends UIModule {
     private _store;
     constructor({ roomControl, uiEventStore, securityStore, config, }: {

package/lib/modules/state-bar/index.dev.js

@@ -16,7 +16,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 var App = (0, _root.hot)(function () {
   return null;
 });
-_reactDom["default"].render( /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
+_reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
 var Layout = function Layout(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: {
@@ -26,25 +26,27 @@ var Layout = function Layout(props) {
     children: props.children
   });
 };
-window.__DEV_ENGINE_IS_READY__.then( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-  var engine, roomId, roomControl, uiEventStore, securityStore, uiModule, App;
+window.__DEV_ENGINE_IS_READY__.then(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+  var engine, roomId, token, roomControl, uiEventStore, securityStore, uiModule, App;
   return _regenerator["default"].wrap(function _callee$(_context) {
     while (1) switch (_context.prev = _context.next) {
       case 0:
         engine = window.__DEV_ENGINE__;
         roomId = window.__DEV_ROOM_ID__;
-        _context.next = 4;
+        token = window.__DEV_USER_TOKEN__;
+        _context.next = 5;
         return engine.login();
-      case 4:
+      case 5:
         roomControl = engine.createRoomControl(roomId);
-        _context.next = 7;
+        _context.next = 8;
         return roomControl.join({
           userRole: _type.FcrUserRole.HOST,
           userName: 'test-user',
+          roomToken: token,
           streamLatency: _type.FcrStreamLatencyLevel.ULTRA_LOW,
           createStreamConfigs: []
         });
-      case 7:
+      case 8:
         setInterval(function () {
           //@ts-ignore
           roomControl._observable.notifyObservers('onNetworkStatsUpdated', roomId, {
@@ -71,10 +73,10 @@ window.__DEV_ENGINE_IS_READY__.then( /*#__PURE__*/(0, _asyncToGenerator2["defaul
           }, []);
           return uiModule.getComponent();
         });
-        _reactDom["default"].render( /*#__PURE__*/(0, _jsxRuntime.jsx)(Layout, {
+        _reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)(Layout, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {})
         }), document.querySelector('#root'));
-      case 13:
+      case 14:
       case "end":
         return _context.stop();
     }

package/lib/modules/state-bar/layout-config.js

@@ -8,6 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.LayoutConfig = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 require("core-js/modules/es.array.map.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.map.js");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _mobxReact = require("mobx-react");
 var _useNamespace = require("../../utilities/useNamespace");

package/lib/modules/state-bar/live-streaming-state.js

@@ -8,6 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.LiveStreamingState = void 0;
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _icon = require("agora-ui-foundation/lib/components/icon");
 var _type = require("agora-ui-foundation/lib/components/icon/type");

package/lib/modules/state-bar/recording.js

@@ -100,11 +100,11 @@ var Recording = exports.Recording = (0, _mobxReact.observer)(function () {
   if (!hasStartCloudRecordingPermission && (isPaused || isStarting)) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-    content: isPaused ? t('fmt_statusbar_label_cloudrecordingpaused') : isStarting ? t('fmt_record_tips_Cloudrecording_Start') : t('fmt_record_tips_Cloudrecording_inprogress'),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: ns.e('record'),
-      children: [tag, galleryWidth >= _store.GALLERY_MIN_SIZE && buttons]
-    })
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: ns.e('record'),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+      content: isPaused ? t('fmt_statusbar_label_cloudrecordingpaused') : isStarting ? t('fmt_record_tips_Cloudrecording_Start') : t('fmt_record_tips_Cloudrecording_inprogress'),
+      children: tag
+    }), galleryWidth >= _store.GALLERY_MIN_SIZE && buttons]
   });
 });

package/lib/modules/state-bar/store.d.ts

@@ -1,9 +1,9 @@
-import { FcrMainRoomControl } from 'agora-edu-core/lib/room-control';
-import { FcrRecordingState, FcrRoomInfo, FcrScheduleInfo, FcrUserInfo } from 'agora-edu-core/lib/type';
+import { FcrRecordingState, FcrRoomInfo, FcrRoomSchedule, FcrUserInfo } from 'agora-edu-core/lib/type';
 import { FcrUIEventStore } from '../../common/event-store';
 import { DeviceSettingDialogConfig } from '../setting/store';
 import { FcrSecurityStore } from '../../common/security-store';
 import { FcrUISceneConfig } from '../../type';
+import { FcrMainRoomControl } from 'agora-edu-core/lib/room-control/type';
 export type NetworkStatus = 'excellent' | 'average' | 'poor' | 'unknown';
 export declare const GALLERY_MIN_SIZE = 825;
 export default class StateBarStore {
@@ -17,7 +17,7 @@ export default class StateBarStore {
     accessor networkStatus: NetworkStatus;
     accessor localUser: FcrUserInfo | undefined;
     accessor roomInfo: FcrRoomInfo | undefined;
-    accessor scheduleInfo: FcrScheduleInfo | undefined;
+    accessor scheduleInfo: FcrRoomSchedule | undefined;
     accessor isLiveStreaming: boolean;
     accessor liveStreamingPlayUrl: string;
     accessor galleryWidth: number;
@@ -47,7 +47,7 @@ export default class StateBarStore {
     setNetworkStatus(networkStatus: NetworkStatus): void;
     setLocalUser(localUser: FcrUserInfo): void;
     setRoomInfo(roomInfo: FcrRoomInfo | undefined): void;
-    setScheduleInfo(scheduleInfo: FcrScheduleInfo): void;
+    setScheduleInfo(scheduleInfo: FcrRoomSchedule): void;
     toggleLayout(layout: 'speaker' | 'gallery'): void;
     toggleLayoutBarLock(state: boolean): void;
     openVideoWindowDialog(): void;

package/lib/modules/state-bar/store.js

@@ -12,6 +12,22 @@ require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.object.create.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/esnext.function.metadata.js");
+require("core-js/modules/esnext.map.delete-all.js");
+require("core-js/modules/esnext.map.emplace.js");
+require("core-js/modules/esnext.map.every.js");
+require("core-js/modules/esnext.map.filter.js");
+require("core-js/modules/esnext.map.find.js");
+require("core-js/modules/esnext.map.find-key.js");
+require("core-js/modules/esnext.map.includes.js");
+require("core-js/modules/esnext.map.key-of.js");
+require("core-js/modules/esnext.map.map-keys.js");
+require("core-js/modules/esnext.map.map-values.js");
+require("core-js/modules/esnext.map.merge.js");
+require("core-js/modules/esnext.map.reduce.js");
+require("core-js/modules/esnext.map.some.js");
+require("core-js/modules/esnext.map.update.js");
+require("core-js/modules/esnext.symbol.metadata.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
@@ -34,6 +50,34 @@ require("core-js/modules/es.set.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.set.add-all.js");
+require("core-js/modules/esnext.set.delete-all.js");
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.difference.js");
+require("core-js/modules/esnext.set.every.js");
+require("core-js/modules/esnext.set.filter.js");
+require("core-js/modules/esnext.set.find.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.intersection.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.js");
+require("core-js/modules/esnext.set.join.js");
+require("core-js/modules/esnext.set.map.js");
+require("core-js/modules/esnext.set.reduce.js");
+require("core-js/modules/esnext.set.some.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.js");
+require("core-js/modules/esnext.set.union.v2.js");
+require("core-js/modules/esnext.set.union.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.btoa.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/web.dom-collections.iterator.js");
@@ -54,8 +98,8 @@ var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _components = require("../layout/components");
 var _StateBarStore;
 var _initProto, _init_networkStatus, _init_localUser, _init_roomInfo, _init_scheduleInfo, _init_isLiveStreaming, _init_liveStreamingPlayUrl, _init_galleryWidth, _init_browserWidth, _init_networkStats, _init_attendeeCount, _init_asideOpenedItem, _init_layoutSize, _init_layoutView, _init_cloudRecordingState, _setNetworkStatusDecs, _setLocalUserDecs, _setRoomInfoDecs, _setScheduleInfoDecs, _stopLiveStreamingDialogDecs, _uiEventsDecs, _setBrowserWidthDecs, _onNetworkStatsUpdatedDecs, _onLiveStreamingStateUpdatedDecs, _ref;
-function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
-function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+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; }
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
@@ -317,7 +361,8 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
     key: "toggleLayout",
     value: function toggleLayout(layout) {
       this._uiEventStore.toggleLayout({
-        layout: layout
+        layout: layout,
+        manual: true
       });
     }
   }, {
@@ -491,8 +536,8 @@ var StateBarStore = exports["default"] = /*#__PURE__*/function () {
       this.setRoomInfo(info);
       var user = (_this$_roomControl$ge2 = this._roomControl.getUserControl()) === null || _this$_roomControl$ge2 === void 0 ? void 0 : _this$_roomControl$ge2.getLocalUser();
       this.setLocalUser(user);
-      var scheduleInfo = this._roomControl.getScheduleInfo();
-      this.setScheduleInfo(scheduleInfo);
+      var scheduleInfo = this._roomControl.getRoomSchedule();
+      scheduleInfo && this.setScheduleInfo(scheduleInfo);
     }
   }]);
 }();

package/lib/modules/state-bar/view.js

@@ -37,7 +37,7 @@ var MyFcrToolTip = exports.MyFcrToolTip = function MyFcrToolTip(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
     content: props.content,
     trigger: "hover",
-    placement: "bottom",
+    placement: props.placement || 'bottom',
     mouseEnterDelay: 0,
     children: props.children
   });
@@ -68,7 +68,7 @@ var View = exports.View = (0, _mobxReact.observer)(function () {
     (0, _copyText.copyText)(roomInfo.roomId).then(function () {
       _toast.FcrToastApi.open({
         toastProps: {
-          type: 'info',
+          type: 'normal',
           content: t('fmt_information_tips_beencopied')
         }
       });
@@ -164,6 +164,7 @@ var View = exports.View = (0, _mobxReact.observer)(function () {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_layoutConfig.LayoutConfig, {})
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(MyFcrToolTip, {
+        placement: "left",
         content: isFullScreen ? t('fmt_statusbar_label_exitfullscreen') : t('fmt_statusbar_label_fullscreen'),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: ns.e('full-screen'),

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import store from './store';
 export declare const StoreContext: import("react").Context<store>;

package/lib/modules/video-window/deviceState/index.d.ts

@@ -8,8 +8,8 @@ interface DeviceStateProps {
 }
 export declare const DeviceState: ({ connectType, openConnection, microphoneVolumeLevel, enableMicrophone, microphoneEnabled, }: DeviceStateProps) => import("react/jsx-runtime").JSX.Element;
 export declare const AudioRecordinDeviceIcon: ({ size, micEnabled, volume, }: {
-    size?: number | undefined;
-    micEnabled?: boolean | undefined;
-    volume?: number | undefined;
+    size?: number;
+    micEnabled?: boolean;
+    volume?: number;
 }) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Members = void 0;
 require("core-js/modules/es.array.map.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.map.js");
 var _react = require("react");
 var _mobxReact = require("mobx-react");
 var _type = require("../type");
@@ -18,8 +20,8 @@ var _memberWindow = require("../../layout/member-window");
 var _type3 = require("agora-rte-sdk/lib/core/rtc/type");
 require("./index.css");
 var _agoraEduCore = require("agora-edu-core");
-var _type4 = require("agora-edu-core/lib/type");
 var _muteAction = require("../../../utilities/mute-action");
+var _env = require("agora-foundation/lib/utilities/env");
 var _jsxRuntime = require("react/jsx-runtime");
 var Members = exports.Members = (0, _mobxReact.observer)(function () {
   var _useContext = (0, _react.useContext)(_context.StoreContext),
@@ -68,8 +70,8 @@ var Members = exports.Members = (0, _mobxReact.observer)(function () {
     }),
     ref: ref,
     children: [foldListRenderData.map(function (windowData, index) {
-      var muteAudioPermission = hasMutePermission(windowData.isMySelf ? _type4.FcrPrivilegeUserRole.SELF : windowData.ownerRoleType);
-      var startAudioPermission = hasUnmutePermission(windowData.isMySelf ? _type4.FcrPrivilegeUserRole.SELF : windowData.ownerRoleType);
+      var muteAudioPermission = hasMutePermission(windowData.isMySelf ? _agoraEduCore.FcrPrivilegeUserRole.SELF : windowData.ownerRoleType);
+      var startAudioPermission = hasUnmutePermission(windowData.isMySelf ? _agoraEduCore.FcrPrivilegeUserRole.SELF : windowData.ownerRoleType);
       var requestStartAudioPermission = hasRequestStartAudioPermission(windowData.ownerRoleType);
       var _actionMute = (0, _muteAction.actionMute)(windowData.isMySelf, windowData.hasMicrophoneAudioStream, muteAudioPermission, startAudioPermission, requestStartAudioPermission),
         isShowActionAudio = _actionMute.isShowActionAudio,
@@ -101,7 +103,8 @@ var Members = exports.Members = (0, _mobxReact.observer)(function () {
             muteAudio: muteAudio,
             windowSize: "normal",
             windowData: windowData,
-            iconSize: 16
+            iconSize: 16,
+            showRotation: (0, _env.isElectron)()
           }),
           videoRenderMode: _type3.AgoraRtcRenderMode.FIT,
           videoStreamType: _type3.AgoraRtcVideoStreamType.LOW_STREAM,

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

@@ -1,4 +1,4 @@
-import { FcrUserControl, FcrStreamControl, FcrDesktopMediaControl } from 'agora-edu-core';
+import { FcrUserControl, FcrStreamControl, FcrDesktopMediaControl, FcrPrivilegeUserRole } from 'agora-edu-core';
 import { FcrUIEventStore } from '../../common/event-store';
 import { FcrSecurityStore } from '../../common/security-store';
 import { FcrDeviceStore } from '../../common/device-store';
@@ -6,9 +6,10 @@ 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 { FcrPrivilegeUserRole, FcrUserRole, FcrUserUpdatedEvent } from 'agora-edu-core/lib/type';
+import { FcrUserRole } from 'agora-edu-core/lib/type';
 import { ConnectType, ConnectionTabType } from './type';
 import { FcrDeviceStreamStore } from '../../common/device-stream-store';
+import { FcrUserUpdatedEvent } from 'agora-edu-core/lib/room-control/user-control/type';
 export interface VideoWindowStoreParams {
     uiEventStore: FcrUIEventStore;
     userControl: FcrUserControl;

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

@@ -13,6 +13,8 @@ require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.object.create.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/esnext.function.metadata.js");
+require("core-js/modules/esnext.symbol.metadata.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
@@ -32,6 +34,31 @@ require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.object.values.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.async-iterator.some.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.find.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.iterator.some.js");
+require("core-js/modules/esnext.map.delete-all.js");
+require("core-js/modules/esnext.map.emplace.js");
+require("core-js/modules/esnext.map.every.js");
+require("core-js/modules/esnext.map.filter.js");
+require("core-js/modules/esnext.map.find.js");
+require("core-js/modules/esnext.map.find-key.js");
+require("core-js/modules/esnext.map.includes.js");
+require("core-js/modules/esnext.map.key-of.js");
+require("core-js/modules/esnext.map.map-keys.js");
+require("core-js/modules/esnext.map.map-values.js");
+require("core-js/modules/esnext.map.merge.js");
+require("core-js/modules/esnext.map.reduce.js");
+require("core-js/modules/esnext.map.some.js");
+require("core-js/modules/esnext.map.update.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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -40,6 +67,7 @@ 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 _constant = require("../../utilities/constant");
 var _decorator = require("agora-foundation/lib/decorator");
 var _type2 = require("./type");
@@ -47,10 +75,11 @@ 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 _env = require("agora-foundation/lib/utilities/env");
 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;
-function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
-function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+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; }
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
@@ -117,7 +146,7 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
       onEvent: this.onEvent
     });
     this._streamControl.addObserver({
-      onAudioVolumeUpdated: this._onAudioVolumeUpdated,
+      onStreamVolumeIndicationUpdated: this._onAudioVolumeUpdated,
       onStreamsAdded: this._handleStreamsAddedOrUpdated,
       onStreamsUpdated: this._handleStreamsAddedOrUpdated,
       onStreamsRemoved: this._handleStreamsAddedOrUpdated
@@ -489,7 +518,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 _getCurrentDisplayBounds = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(id, type) {
         var allApplicationWindows, filterList, _getCurrentWorkArea, x, y, width, height;
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -524,7 +553,7 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
       var streams = this._streamControl.getStreamsByUserId(userId);
       var hasPstnStream = streams.some(function (_ref2) {
         var connectorType = _ref2.connectorType;
-        return connectorType === _type5.FcrRoomConnectorType.PSTN;
+        return connectorType === _agoraEduCore.FcrRoomConnectorType.PSTN;
       });
       this.connectType = hasPstnStream ? _type2.ConnectType.PHONE : _type2.ConnectType.COMPUTER;
     }
@@ -547,7 +576,7 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
         var _ref3 = payload,
           id = _ref3.id,
           type = _ref3.type;
-        this.getCurrentDisplayBounds(id, type);
+        (0, _env.isElectron)() && this.getCurrentDisplayBounds(id, type);
       }
       if (action === _constant.UIAction.VIDEO_WINDOW_RESIZE) {
         var _ref4 = payload,

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

@@ -5,6 +5,8 @@ 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.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");
@@ -15,6 +17,11 @@ exports["default"] = void 0;
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.map.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");
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReact = require("mobx-react");
 require("./index.css");

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

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

package/lib/modules/whiteboard/app.js

@@ -12,10 +12,10 @@ var _context = require("./context");
 var _mobxReact = require("mobx-react");
 var _loading = require("./components/loading");
 var _progress = _interopRequireDefault(require("./components/progress"));
-var _enums = require("agora-edu-core/lib/room-control/whiteboard-control/enums");
 require("./style.css");
 var _boardContext = _interopRequireDefault(require("../../utilities/board-context"));
 var _i18n = require("agora-ui-foundation/lib/i18n");
+var _agoraEduCore = require("agora-edu-core");
 var _jsxRuntime = require("react/jsx-runtime");
 var Whiteboard = exports.Whiteboard = (0, _mobxReact.observer)(function () {
   var _useContext = (0, _react.useContext)(_boardContext["default"]),
@@ -31,7 +31,7 @@ var Whiteboard = exports.Whiteboard = (0, _mobxReact.observer)(function () {
     handleCollectorDomLoad = _useContext2.handleCollectorDomLoad,
     handleClose = _useContext2.handleClose,
     handleOpen = _useContext2.handleOpen;
-  var loading = connectionState === _enums.FcrBoardRoomConnectionState.CONNECTING || connectionState === _enums.FcrBoardRoomConnectionState.RECONNECTING;
+  var loading = connectionState === _agoraEduCore.FcrConnectionState.CONNECTING || connectionState === _agoraEduCore.FcrConnectionState.RECONNECTING;
   (0, _react.useEffect)(function () {
     handleOpen();
     return function () {

package/lib/modules/whiteboard/components/control-bar/store.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FcrUIEventStore } from '../../../../common/event-store';
 import { FcrUserInfo } from 'agora-edu-core/lib/type';
 import { FcrStreamControl, FcrUserControl } from 'agora-edu-core';

package/lib/modules/whiteboard/components/control-bar/store.js

@@ -15,6 +15,22 @@ require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.object.create.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/esnext.function.metadata.js");
+require("core-js/modules/esnext.map.delete-all.js");
+require("core-js/modules/esnext.map.emplace.js");
+require("core-js/modules/esnext.map.every.js");
+require("core-js/modules/esnext.map.filter.js");
+require("core-js/modules/esnext.map.find.js");
+require("core-js/modules/esnext.map.find-key.js");
+require("core-js/modules/esnext.map.includes.js");
+require("core-js/modules/esnext.map.key-of.js");
+require("core-js/modules/esnext.map.map-keys.js");
+require("core-js/modules/esnext.map.map-values.js");
+require("core-js/modules/esnext.map.merge.js");
+require("core-js/modules/esnext.map.reduce.js");
+require("core-js/modules/esnext.map.some.js");
+require("core-js/modules/esnext.map.update.js");
+require("core-js/modules/esnext.symbol.metadata.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
@@ -27,6 +43,8 @@ require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -39,8 +57,8 @@ var _mobx = require("mobx");
 var _type2 = require("agora-edu-core/lib/type");
 var _WhiteboardControlBarStore;
 var _initProto, _init_ownerUser, _init_currentUser, _init_lonelywindowOpened, _init_isMinimum, _init_isMaxmum, _init_isAdaptived, _init_isOriginal, _init_scaleValue, _init_controlEnabled, _init_isHost, _setOwnerUserDecs, _onEnableDecs, _ref;
-function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
-function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+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; }
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
@@ -122,9 +140,7 @@ var WhiteboardControlBarStore = exports.WhiteboardControlBarStore = /*#__PURE__*
     key: "currentUser",
     get: function get() {
       return _classPrivateFieldGet(_B, this);
-    }
-  }, {
-    key: "currentUser",
+    },
     set: function set(v) {
       _classPrivateFieldSet(_B, this, v);
     }
@@ -132,9 +148,7 @@ var WhiteboardControlBarStore = exports.WhiteboardControlBarStore = /*#__PURE__*
     key: "lonelywindowOpened",
     get: function get() {
       return _classPrivateFieldGet(_C, this);
-    }
-  }, {
-    key: "lonelywindowOpened",
+    },
     set: function set(v) {
       _classPrivateFieldSet(_C, this, v);
     }
@@ -142,9 +156,7 @@ var WhiteboardControlBarStore = exports.WhiteboardControlBarStore = /*#__PURE__*
     key: "isMinimum",
     get: function get() {
       return _classPrivateFieldGet(_D, this);
-    }
-  }, {
-    key: "isMinimum",
+    },
     set: function set(v) {
       _classPrivateFieldSet(_D, this, v);
     }
@@ -152,9 +164,7 @@ var WhiteboardControlBarStore = exports.WhiteboardControlBarStore = /*#__PURE__*
     key: "isMaxmum",
     get: function get() {
       return _classPrivateFieldGet(_E, this);
-    }
-  }, {
-    key: "isMaxmum",
+    },
     set: function set(v) {
       _classPrivateFieldSet(_E, this, v);
     }
@@ -162,9 +172,7 @@ var WhiteboardControlBarStore = exports.WhiteboardControlBarStore = /*#__PURE__*
     key: "isAdaptived",
     get: function get() {
       return _classPrivateFieldGet(_F, this);
-    }
-  }, {
-    key: "isAdaptived",
+    },
     set: function set(v) {
       _classPrivateFieldSet(_F, this, v);
     }
@@ -172,9 +180,7 @@ var WhiteboardControlBarStore = exports.WhiteboardControlBarStore = /*#__PURE__*
     key: "isOriginal",
     get: function get() {
       return _classPrivateFieldGet(_G, this);
-    }
-  }, {
-    key: "isOriginal",
+    },
     set: function set(v) {
       _classPrivateFieldSet(_G, this, v);
     }
@@ -182,9 +188,7 @@ var WhiteboardControlBarStore = exports.WhiteboardControlBarStore = /*#__PURE__*
     key: "scaleValue",
     get: function get() {
       return _classPrivateFieldGet(_H, this);
-    }
-  }, {
-    key: "scaleValue",
+    },
     set: function set(v) {
       _classPrivateFieldSet(_H, this, v);
     }
@@ -192,9 +196,7 @@ var WhiteboardControlBarStore = exports.WhiteboardControlBarStore = /*#__PURE__*
     key: "controlEnabled",
     get: function get() {
       return _classPrivateFieldGet(_I, this);
-    }
-  }, {
-    key: "controlEnabled",
+    },
     set: function set(v) {
       _classPrivateFieldSet(_I, this, v);
     }
@@ -202,9 +204,7 @@ var WhiteboardControlBarStore = exports.WhiteboardControlBarStore = /*#__PURE__*
     key: "isHost",
     get: function get() {
       return _classPrivateFieldGet(_J, this);
-    }
-  }, {
-    key: "isHost",
+    },
     set: function set(v) {
       _classPrivateFieldSet(_J, this, v);
     }