fcr-ui-scene 3.1.1 → 3.2.0

package/lib/modules/dialog/dialogs.js

@@ -5,11 +5,25 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setDialogBounds = exports.dialogWindows = exports["default"] = exports.VideoWindowDialog = exports.LiveStreamingDialog = exports.InviteDialog = exports.DeviceSettingDialog = void 0;
+exports.setDialogBounds = exports.dialogWindows = exports.VideoWindowDialog = exports.LiveStreamingDialog = exports.InviteDialog = void 0;
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.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/web.dom-collections.iterator.js");
 var _windowHeader = require("agora-ui-foundation/lib/components/window-header");
 var _react = require("react");
@@ -22,23 +36,11 @@ var _reactDom = require("react-dom");
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constant = require("../../utilities/constant");
-var _i18n = require("agora-ui-foundation/lib/i18n");
 var _renderer = require("../../utilities/renderer");
 var _videoTrackRenderContext = require("../../utilities/video-track-render-context");
 var _type = require("./../video-window/type");
 var _jsxRuntime = require("react/jsx-runtime");
 var dialogWindows = exports.dialogWindows = new Map();
-var DeviceSettingDialog = exports.DeviceSettingDialog = (0, _mobxReact.observer)(function (_ref) {
-  var children = _ref.children;
-  if ((0, _env.isElectron)()) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(DeviceSettingElectronDialog, {
-      children: children
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: children
-  });
-});
 var setDialogBounds = exports.setDialogBounds = function setDialogBounds(browserWindow, currentDialogBounds) {
   browserWindow.setBounds(currentDialogBounds, true);
   browserWindow.center();
@@ -48,64 +50,9 @@ var setDialogBounds = exports.setDialogBounds = function setDialogBounds(browser
   });
   browserWindow.setSkipTaskbar(false);
 };
-var DeviceSettingElectronDialog = (0, _mobxReact.observer)(function (_ref2) {
-  var children = _ref2.children;
-  var store = (0, _react.useContext)(_context.StoreContext);
-  var t = (0, _i18n.useI18n)();
-  (0, _react.useEffect)(function () {
-    var node;
-    window.runtime.openRendererWindow('device-setting', function (dom, browserWindow) {
-      dialogWindows.set(_constant.DialogKey.DEVICE_SETTINGS, browserWindow);
-      node = dom;
-      if (store.currentDialogBounds.height) {
-        setDialogBounds(browserWindow, {
-          y: store.currentDialogBounds.y
-        });
-      }
-      (0, _renderer.handleWillClose)(browserWindow, function () {
-        (0, _reactDom.unmountComponentAtNode)(node);
-        dialogWindows["delete"](_constant.DialogKey.DEVICE_SETTINGS);
-        store.closeDeviceSettingFromDialog();
-      });
-      var handleCloseClick = function handleCloseClick() {
-        store.closeDeviceSettingFromDialog();
-      };
-      (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "fcr-device-setting-dialog-wrapper",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_windowHeader.FcrWindowHeader, {
-          showClose: true,
-          title: t('fmt_modules_labels_devicesettings'),
-          onClose: handleCloseClick,
-          type: _windowHeader.WindowType.WINDOW,
-          withWindowPopUpButton: false
-        }), children]
-      }), dom);
-    }, {
-      frame: false,
-      fullscreen: false,
-      maximizable: false,
-      // titleBarStyle: 'hidden',
-      trafficLightPosition: {
-        x: 10,
-        y: 60
-      },
-      width: 580,
-      height: 600,
-      minWidth: 580,
-      minHeight: 600,
-      maxWidth: 670,
-      maxHeight: 800
-    });
-    return function () {
-      node && (0, _reactDom.unmountComponentAtNode)(node);
-      window.runtime.closeRendererWindow('device-setting');
-    };
-  }, []);
-  return null;
-});
-var LiveStreamingDialogContent = (0, _mobxReact.observer)(function (_ref3) {
-  var children = _ref3.children,
-    title = _ref3.title;
+var LiveStreamingDialogContent = (0, _mobxReact.observer)(function (_ref) {
+  var children = _ref.children,
+    title = _ref.title;
   var _useContext = (0, _react.useContext)(_context.StoreContext),
     closeLiveStreamingDialog = _useContext.closeLiveStreamingDialog;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -122,9 +69,9 @@ var LiveStreamingDialogContent = (0, _mobxReact.observer)(function (_ref3) {
     })]
   });
 });
-var LiveStreamingDialog = exports.LiveStreamingDialog = function LiveStreamingDialog(_ref4) {
-  var children = _ref4.children,
-    title = _ref4.title;
+var LiveStreamingDialog = exports.LiveStreamingDialog = function LiveStreamingDialog(_ref2) {
+  var children = _ref2.children,
+    title = _ref2.title;
   var defaultSize = {
     x: (document.body.clientWidth - 440) / 2,
     y: (document.body.clientHeight - 434) / 2,
@@ -144,15 +91,16 @@ var LiveStreamingDialog = exports.LiveStreamingDialog = function LiveStreamingDi
     minWidth: 440,
     minHeight: 434,
     bounds: '.fcr-layout-content',
+    dragHandleClassName: "frc-window-header",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LiveStreamingDialogContent, {
       title: title,
       children: children
     })
   });
 };
-var LiveStreamingElectronDialog = (0, _mobxReact.observer)(function (_ref5) {
-  var children = _ref5.children,
-    title = _ref5.title;
+var LiveStreamingElectronDialog = (0, _mobxReact.observer)(function (_ref3) {
+  var children = _ref3.children,
+    title = _ref3.title;
   var store = (0, _react.useContext)(_context.StoreContext);
   (0, _react.useEffect)(function () {
     var node;
@@ -169,7 +117,7 @@ var LiveStreamingElectronDialog = (0, _mobxReact.observer)(function (_ref5) {
         dialogWindows["delete"](_constant.DialogKey.LIVE_STREAMING);
         store.closeLiveStreamingDialog();
       });
-      (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
+      (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
         value: store,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LiveStreamingDialogContent, {
           title: title,
@@ -191,8 +139,8 @@ var LiveStreamingElectronDialog = (0, _mobxReact.observer)(function (_ref5) {
   }, []);
   return null;
 });
-var InviteDialog = exports.InviteDialog = function InviteDialog(_ref6) {
-  var children = _ref6.children;
+var InviteDialog = exports.InviteDialog = function InviteDialog(_ref4) {
+  var children = _ref4.children;
   var _useContext2 = (0, _react.useContext)(_context.StoreContext),
     closeInviteDialog = _useContext2.closeInviteDialog;
   if ((0, _env.isElectron)()) {
@@ -209,8 +157,8 @@ var InviteDialog = exports.InviteDialog = function InviteDialog(_ref6) {
     children: children
   });
 };
-var InviteElectronDialog = function InviteElectronDialog(_ref7) {
-  var children = _ref7.children;
+var InviteElectronDialog = function InviteElectronDialog(_ref5) {
+  var children = _ref5.children;
   var _useContext3 = (0, _react.useContext)(_context.StoreContext),
     closeInviteDialog = _useContext3.closeInviteDialog;
   (0, _react.useEffect)(function () {
@@ -223,14 +171,15 @@ var InviteElectronDialog = function InviteElectronDialog(_ref7) {
         dialogWindows["delete"](_constant.DialogKey.INVITE);
         closeInviteDialog();
       });
-      (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: (0, _classnames["default"])('invite-dialog'),
         children: [(0, _env.getPlatform)() === _env.FcrApplicationPlatform.WINDOWS && /*#__PURE__*/(0, _jsxRuntime.jsx)(_windowHeader.FcrWindowHeader, {
           type: _windowHeader.WindowType.WINDOW,
           enableMaximize: false,
           enableMinimize: false,
           withWindowPopUpButton: false,
-          onClose: closeInviteDialog
+          onClose: closeInviteDialog,
+          showClose: true
         }), children]
       }), dom);
     }, {
@@ -255,8 +204,8 @@ var InviteElectronDialog = function InviteElectronDialog(_ref7) {
   }, []);
   return null;
 };
-var VideoWindowElectronDialog = (0, _mobxReact.observer)(function (_ref8) {
-  var children = _ref8.children;
+var VideoWindowElectronDialog = (0, _mobxReact.observer)(function (_ref6) {
+  var children = _ref6.children;
   var store = (0, _react.useContext)(_context.StoreContext);
   var _store$videoWindowBou = store.videoWindowBounds,
     videoWindowHeight = _store$videoWindowBou.videoWindowHeight,
@@ -287,6 +236,7 @@ var VideoWindowElectronDialog = (0, _mobxReact.observer)(function (_ref8) {
         (0, _reactDom.unmountComponentAtNode)(node);
         dialogWindows["delete"](_constant.DialogKey.VIDEO_WINDOW);
         browserWindow.removeAllListeners('will-resize');
+        browserWindow.removeAllListeners('show');
         browserWindow.setResizable(false);
         browserWindow.setAspectRatio(0);
         browserWindow.setMinimumSize(0, 0);
@@ -302,8 +252,14 @@ var VideoWindowElectronDialog = (0, _mobxReact.observer)(function (_ref8) {
         browserWindow.addListener('will-resize', (0, _debounce["default"])(function (event, newBounds) {
           handleBounds(newBounds);
         }, 100));
+        browserWindow.addListener('show', function () {
+          browserWindow.setBounds({
+            x: workareaX + workareaWidth - _type.DefaultVideoWindowWidth - 168,
+            y: workareaY + 80
+          });
+        });
       }
-      (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_videoTrackRenderContext.FcrVideoTrackRenderContext.Provider, {
+      (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_videoTrackRenderContext.FcrVideoTrackRenderContext.Provider, {
         value: {
           deviceStore: store.deviceStore,
           streamControl: store.streamControl
@@ -364,13 +320,12 @@ var VideoWindowElectronDialog = (0, _mobxReact.observer)(function (_ref8) {
   }, [videoWindowHeight, videoWindowPreviewType]);
   return null;
 });
-var VideoWindowDialog = exports.VideoWindowDialog = (0, _mobxReact.observer)(function (_ref9) {
-  var children = _ref9.children;
+var VideoWindowDialog = exports.VideoWindowDialog = (0, _mobxReact.observer)(function (_ref7) {
+  var children = _ref7.children;
   if ((0, _env.isElectron)()) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(VideoWindowElectronDialog, {
       children: children
     });
   }
   return null;
-});
-var _default = exports["default"] = DeviceSettingDialog;
+});

package/lib/modules/dialog/index.css

@@ -16,6 +16,11 @@
   flex-direction: column;
   box-shadow: var(--fcr_web_light_dropup);
 }
+
+.fcr-livestreaming-dialog-wrapper .frc-window-header {
+  cursor: move;
+}
+
 .fcr-livestreaming-dialog-content {
   flex: 1;
   overflow: hidden;
@@ -47,9 +52,3 @@
   box-shadow: var(--fcr_web_light_dropup);
   border: 1px solid var(--fcr_ui_scene_line1);
 }
-
-.fcr-device-setting-dialog-wrapper {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}

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

@@ -4,9 +4,9 @@ import { FcrUIEventStore } from '../../common/event-store';
 import { FcrSecurityStore } from '../../common/security-store';
 import { FcrUserInfo } from 'agora-edu-core/lib/type';
 import { FcrStreamControl, FcrUserControl } from 'agora-edu-core';
-import { FcrChatRoomControl } from 'agora-edu-core/lib/room-control/chatroom-control';
 import { ConfirmContentProps } from 'agora-ui-foundation/lib/components/confirm-content';
 import { FcrDeviceStore } from '../../common/device-store';
+import { FcrChatRoomControl } from 'agora-edu-core/lib/room-control/chatroom-control/type';
 export declare class DialogUIModule extends UIModule {
     private _dialogs;
     private _store;

package/lib/modules/dialog/index.js

@@ -12,6 +12,23 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.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.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/web.dom-collections.for-each.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

package/lib/modules/dialog/store.d.ts

@@ -1,11 +1,11 @@
 import { FcrStreamControl, FcrUserControl } from 'agora-edu-core';
-import { FcrChatRoomConnectionState, FcrUserInfo } from 'agora-edu-core/lib/type';
+import { FcrUserInfo } from 'agora-edu-core/lib/type';
 import { FcrUIEventStore } from '../../common/event-store';
 import { FcrSecurityStore } from '../../common/security-store';
 import { Rectangle } from 'electron';
-import { FcrChatRoomControl } from 'agora-edu-core/lib/room-control/chatroom-control';
 import { FcrDeviceStore } from '../../common/device-store';
 import { AgoraRtcScreenCaptureType } from 'agora-rte-sdk/lib/core/rtc/type';
+import { FcrChatRoomConnectionState, FcrChatRoomControl } from 'agora-edu-core/lib/room-control/chatroom-control/type';
 export default class DialogStore {
     protected logger: import("agora-foundation/lib/logger").Logger;
     private _currentShareId;

package/lib/modules/dialog/store.js

@@ -16,6 +16,10 @@ require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.function.metadata.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.symbol.metadata.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -35,6 +39,27 @@ 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.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.find.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.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.iterator.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -53,12 +78,13 @@ var _type2 = require("../whiteboard/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _renderer = require("../../utilities/renderer");
 var _type3 = require("agora-rte-sdk/lib/core/rtc/type");
+var _type4 = require("agora-edu-core/lib/room-control/chatroom-control/type");
 var _DialogStore;
 var _initProto, _init_openedDialogs, _init_connectorContainerBounds, _init_payloadDialogs, _init_userCount, _init_participantElectronDialogContainer, _init_chatRoomState, _init_currentDialogBounds, _init_videoWindowBounds, _setVideoWindowBoundsDecs, _setConnecorContainerBoundsDecs, _calculateDialogPositionDecs, _handleDialogEventDecs, _handleConnectionUpdatedDecs, _hanleAllUserCountUpdatedDecs, _ref;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _classPrivateFieldInitSpec(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"); }
@@ -96,14 +122,16 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
       onAllUserCountUpdated: this._hanleAllUserCountUpdated.bind(this)
     });
     (0, _defineProperty2["default"])(this, "_chatRoomObserver", {
-      onConnectionStateUpdated: this._handleConnectionUpdated.bind(this)
+      onConnectionStateUpdated: this._handleConnectionUpdated.bind(this),
+      onErrorOccurred: function onErrorOccurred(error) {},
+      onTextMessageReceived: function onTextMessageReceived(message) {}
     });
     _classPrivateFieldInitSpec(this, _A, _init_openedDialogs(this, []));
     _classPrivateFieldInitSpec(this, _B, _init_connectorContainerBounds(this, {}));
     _classPrivateFieldInitSpec(this, _C, _init_payloadDialogs(this, new Map()));
     _classPrivateFieldInitSpec(this, _D, _init_userCount(this, 0));
     _classPrivateFieldInitSpec(this, _E, _init_participantElectronDialogContainer(this, null));
-    _classPrivateFieldInitSpec(this, _F, _init_chatRoomState(this, _type.FcrChatRoomConnectionState.Disconnected));
+    _classPrivateFieldInitSpec(this, _F, _init_chatRoomState(this, _type4.FcrChatRoomConnectionState.Disconnected));
     _classPrivateFieldInitSpec(this, _G, _init_currentDialogBounds(this, {
       x: 0,
       y: 0,
@@ -121,7 +149,7 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
     this._userControl.addObserver(this._userObserver);
     this._deviceStore = deviceStore;
     this._chatRoomControl = chatRoomControl;
-    this._chatRoomControl.addobserver(this._chatRoomObserver);
+    this._chatRoomControl.addObserver(this._chatRoomObserver);
     this._uiEventStore.addObserver({
       onEvent: function onEvent(action, payload) {
         if (action === _constant.UIAction.WHITEBOARD_CHANGED) {
@@ -252,7 +280,7 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setWorkArea",
     value: function () {
-      var _setWorkArea = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var _setWorkArea = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
         var allWindows;
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -435,7 +463,8 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_handleDialogEvent",
     value: function _handleDialogEvent(action, payload) {
-      var fragmentDialogKeys = [_constant.DialogKey.CONTROL_BAR, _constant.DialogKey.TOOLBAR];
+      var fragmentDialogKeys = [_constant.DialogKey.TOOLBAR];
+      if ((0, _env.isElectron)()) fragmentDialogKeys.push(_constant.DialogKey.CONTROL_BAR);
       if (action === _constant.UIAction.OPEN_DIALOG) {
         var _ref3 = payload || {},
           _ref3$dialogKey = _ref3.dialogKey,

package/lib/modules/dialog/view.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.View = 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 _mobxReact = require("mobx-react");
 var _react = require("react");
 var _context = require("./context");

package/lib/modules/event-toast/context.d.ts

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

package/lib/modules/event-toast/store.js

@@ -17,6 +17,22 @@ 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.string.iterator.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");
 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/invite/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/invite/index.d.ts

@@ -1,11 +1,11 @@
-import { FcrRoomControl } from 'agora-edu-core/lib/room-control';
 import { UIModule } from '../../base';
 import { FcrUIEventStore } from '../../common/event-store';
 import './index.css';
+import { FcrBaseRoomControl } from 'agora-edu-core/lib/room-control/type';
 export declare class InviteUIModule extends UIModule {
     private _store;
     constructor({ roomControl, uiEventStore, }: {
-        roomControl: FcrRoomControl;
+        roomControl: FcrBaseRoomControl;
         uiEventStore: FcrUIEventStore;
     });
     getComponent(): import("react/jsx-runtime").JSX.Element;

package/lib/modules/invite/pstn-invite.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");
@@ -101,7 +103,7 @@ var PSTNInvite = exports.PSTNInvite = (0, _mobxReact.observer)(function () {
       });
     });
   }, []);
-  var handlepstnCall = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+  var handlepstnCall = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
     return _regenerator["default"].wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:

package/lib/modules/invite/store.d.ts

@@ -1,7 +1,7 @@
-import { FcrRoomControl } from 'agora-edu-core/lib/room-control';
 import { FcrUIEventStore } from '../../common/event-store';
 import { UIAction } from '../../utilities/constant';
 import { FcrIPConnectorSessionType, FcrRoomConnectorIpInfo, FcrRoomConnectorPhoneInfo, FcrRoomConnectorPhoneRegion } from 'agora-edu-core/lib/room-control/room-connector-control/type';
+import { FcrBaseRoomControl } from 'agora-edu-core/lib/room-control/type';
 export declare enum InviteStatus {
     DEFAULT = 0,
     CALLING = 1,
@@ -42,7 +42,7 @@ export default class InviteStore {
     private _voipSessionId;
     private _roomConnectorObserver;
     constructor({ roomControl, uiEventStore, }: {
-        roomControl: FcrRoomControl;
+        roomControl: FcrBaseRoomControl;
         uiEventStore: FcrUIEventStore;
     });
     openInviteDialog(): void;

package/lib/modules/invite/store.js

@@ -14,6 +14,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 _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
@@ -29,6 +45,10 @@ require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.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");
 require("core-js/modules/web.timers.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -42,8 +62,8 @@ var _constant = require("../../utilities/constant");
 var _type = require("agora-edu-core/lib/room-control/room-connector-control/type");
 var _InviteStore;
 var _initProto, _init_InviteStatus, _init_isPstnCalling, _init_isVoipCalling, _init_ipInfo, _init_phoneInfo, _init_calledPstnInfo, _init_calledVoipInfo, _getRoomConnectorIpInfoDecs, _getRoomConnectorPhoneInfoDecs, _startSessionByPhoneDecs, _startSessionByVoipDecs, _handleErrorDecs, _updateInviteStatusDecs, _stopSessionDecs, _resetpstnStatusDecs, _resetVoipStatusDecs, _handlePhoneConnectorSessionStateUpdatedDecs, _handleIPConnectorSessionStateUpdatedDecs, _onUiEventDecs, _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"); }
@@ -187,7 +207,7 @@ var InviteStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_getRoomConnectorIpInfo",
     value: function () {
-      var _getRoomConnectorIpInfo2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var _getRoomConnectorIpInfo2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -209,7 +229,7 @@ var InviteStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_getRoomConnectorPhoneInfo",
     value: function () {
-      var _getRoomConnectorPhoneInfo2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+      var _getRoomConnectorPhoneInfo2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
         return _regenerator["default"].wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -243,7 +263,7 @@ var InviteStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "startSessionByPhone",
     value: function () {
-      var _startSessionByPhone = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(_ref3) {
+      var _startSessionByPhone = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(_ref3) {
         var phoneNumber, userName, zone;
         return _regenerator["default"].wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -284,7 +304,7 @@ var InviteStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "startSessionByVoip",
     value: function () {
-      var _startSessionByVoip = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(address, ipType) {
+      var _startSessionByVoip = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(address, ipType) {
         return _regenerator["default"].wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
@@ -339,7 +359,7 @@ var InviteStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "stopSession",
     value: function () {
-      var _stopSession = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5(type) {
+      var _stopSession = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(type) {
         var sessionId, res;
         return _regenerator["default"].wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {

package/lib/modules/invite/voip-invite.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const VoipInvite: React.FC;

package/lib/modules/invite/voip-invite.js

@@ -86,7 +86,7 @@ var VoipInvite = exports.VoipInvite = (0, _mobxReact.observer)(function () {
     setIsLoading(false);
   };
   var handleEndCallVoip = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:

package/lib/modules/layout/components/Aside.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface AsideProps {
     width: number;
     onDragHandler: (event: React.PointerEvent<HTMLDivElement>) => void;