fcr-ui-scene 3.1.0 → 3.2.0

package/lib/modules/device-pretest/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 _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
@@ -27,6 +43,11 @@ require("core-js/modules/es.array.push.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.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.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"));
@@ -38,8 +59,8 @@ var _mobx = require("mobx");
 var _decorator = require("agora-foundation/lib/decorator");
 var _FcrPretestStore;
 var _initProto, _init_previewCameraEnabled, _init_activeTab, _setCameraIdDecs, _setVideoOrientationDecs, _setBeautyOptionsDecs, _setActiveTabDecs, _startPlayLocalVideoDecs, _stopPlayLocalVideoDecs, _setCameraEnabledDecs, _setMicrophoneEnabledDecs, _enableBeautyEffectDecs, _toggleLocalMirrorPreviewDecs, _toggleLocalMirrorDecs, _enableVirtualBackgroundDecs, _setEditBeautyKeyDecs, _handleForceOpenVideoEffectDecs, _handleCancelForceOpenVideoEffectDecs, _setSpeakerIdDecs, _stopMicrophoneTestDecs, _startMicrophoneTestDecs, _setMicrophoneIdDecs, _stopSpeakerTestDecs, _startSpeakerTestDecs, _setSpeakerVolumeDecs, _resetSpeakerVolumeDecs, _restoreSpeakerVolumeDecs, _releaseDecs, _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"); }
@@ -84,9 +105,7 @@ var FcrPretestStore = exports.FcrPretestStore = /*#__PURE__*/function () {
     key: "activeTab",
     get: function get() {
       return _classPrivateFieldGet(_B, this);
-    }
-  }, {
-    key: "activeTab",
+    },
     set: function set(v) {
       _classPrivateFieldSet(_B, this, v);
     }
@@ -316,7 +335,7 @@ var FcrPretestStore = exports.FcrPretestStore = /*#__PURE__*/function () {
     key: "setSpeakerVolume",
     value: function setSpeakerVolume(value) {
       this._deviceStore.setSpeakerVolume(value);
-      this._deviceStore.mediaControl.setSpeakerVolume(value);
+      this._deviceStore.mediaControl.setSelectedSpeakerVolume(value);
     }
   }, {
     key: "resetSpeakerVolume",
@@ -356,7 +375,7 @@ var FcrPretestStore = exports.FcrPretestStore = /*#__PURE__*/function () {
   }, {
     key: "_handleCameraChanged",
     value: function _handleCameraChanged() {
-      var cameraTrack = this._deviceStore.mediaControl.getCameraVideoTrack(this._deviceStore.cameraId);
+      var cameraTrack = this._deviceStore.mediaControl.getCameraTrack(this._deviceStore.cameraId);
       if (this._deviceStore.showCameraPreview) {
         cameraTrack.start();
       }
@@ -365,7 +384,7 @@ var FcrPretestStore = exports.FcrPretestStore = /*#__PURE__*/function () {
   }, {
     key: "_handleCameraListUpdated",
     value: function () {
-      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(cameraList, currentDeviceExist) {
+      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(cameraList, currentDeviceExist) {
         var previewCameraEnabled, deviceId, cameraTrack;
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -375,7 +394,7 @@ var FcrPretestStore = exports.FcrPretestStore = /*#__PURE__*/function () {
                 if (cameraList.length > 0) {
                   deviceId = cameraList[0].deviceId;
                   this.setCameraId(deviceId);
-                  cameraTrack = this._deviceStore.mediaControl.getCameraVideoTrack(this._deviceStore.cameraId);
+                  cameraTrack = this._deviceStore.mediaControl.getCameraTrack(this._deviceStore.cameraId);
                   if (previewCameraEnabled) {
                     cameraTrack.start();
                     this._setPreviewCameraEnabled(true);

package/lib/modules/dialog/components/chat/electron.js

@@ -36,7 +36,7 @@ var ChatElectronDialog = exports.ChatElectronDialog = (0, _mobxReact.observer)(f
         _dialogs.dialogWindows["delete"](_constant.DialogKey.CHAT);
         store.closeChatFromDialog();
       });
-      (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)(_.ChatDialogContent, {
           chatAction: chatAction,

package/lib/modules/dialog/components/chat/index.js

@@ -12,8 +12,8 @@ var _reactRnd = require("react-rnd");
 var _context = require("../../context");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _windowHeader = require("agora-ui-foundation/lib/components/window-header");
-var _type = require("agora-edu-core/lib/type");
 var _electron = require("./electron");
+var _type = require("agora-edu-core/lib/room-control/chatroom-control/type");
 var _jsxRuntime = require("react/jsx-runtime");
 var ChatDialogContent = exports.ChatDialogContent = (0, _mobxReact.observer)(function (_ref) {
   var children = _ref.children,

package/lib/modules/dialog/components/confirm/electron.js

@@ -20,7 +20,7 @@ var ConfirmElectronDialog = (0, _mobxReact.observer)(function (_ref) {
   var store = (0, _react.useContext)(_context2.StoreContext);
   (0, _react.useEffect)(function () {
     var node;
-    (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
       var _ref3, x, y;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -48,7 +48,7 @@ var ConfirmElectronDialog = (0, _mobxReact.observer)(function (_ref) {
               (0, _renderer.handleWillClose)(browserWindow, function () {
                 (0, _reactDom.unmountComponentAtNode)(node);
               });
-              (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_context2.StoreContext.Provider, {
+              (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_context2.StoreContext.Provider, {
                 value: store,
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                   className: "fcr-confirm-dialog-wrapper",

package/lib/modules/dialog/components/confirm/index.js

@@ -13,6 +13,13 @@ require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.weak-map.delete-all.js");
+require("core-js/modules/esnext.weak-map.emplace.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -27,6 +34,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _context = require("../../context");
 var _reactRnd = require("react-rnd");
 var _electron = _interopRequireDefault(require("./electron"));
+var _platform = require("../../../../utilities/platform");
 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; }
@@ -39,10 +47,16 @@ var ConfirmDialog = exports.ConfirmDialog = (0, _mobxReact.observer)(function (_
   var store = (0, _react.useContext)(_context.StoreContext);
   var containerWidth = window.innerWidth;
   var containerHeight = window.innerHeight;
+  var _ref2 = dialogType === 'electron' ? window.runtime.browserWindow.getBounds() : {
+      x: document.body.offsetLeft,
+      y: document.body.offsetTop
+    },
+    offsetX = _ref2.x,
+    offsetY = _ref2.y;
   var width = (params === null || params === void 0 ? void 0 : params.width) || 415;
   var height = (params === null || params === void 0 ? void 0 : params.height) || 180;
-  var x = containerWidth / 2 - width / 2;
-  var y = containerHeight / 2 - height / 2;
+  var x = containerWidth / 2 - width / 2 + ((0, _platform.isWindows)() ? offsetX : 0);
+  var y = containerHeight / 2 - height / 2 + ((0, _platform.isWindows)() ? offsetY : 0);
   if (dialogType === 'electron') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_electron["default"], {
       params: _objectSpread(_objectSpread({}, params), {}, {

package/lib/modules/dialog/components/connection-gateway/electron.js

@@ -30,7 +30,7 @@ var ConnectionGatewayElectronDialog = exports.ConnectionGatewayElectronDialog =
         _dialogs.dialogWindows["delete"](_constant.DialogKey.CONNECTION_GATEWAY);
         store.closeConnectionDialog();
       });
-      (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
+      (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
         value: store,
         children: children
       }), dom);

package/lib/modules/dialog/components/device-setting/electron.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const DeviceSettingElectronDialog: ({ children }: PropsWithChildren<{}>) => null;

package/lib/modules/dialog/components/device-setting/electron.js

@@ -0,0 +1,72 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeviceSettingElectronDialog = void 0;
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _context = require("../../context");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _constant = require("../../../../utilities/constant");
+var _dialogs = require("../../dialogs");
+var _renderer = require("../../../../utilities/renderer");
+var _reactDom = require("react-dom");
+var _windowHeader = require("agora-ui-foundation/lib/components/window-header");
+var _jsxRuntime = require("react/jsx-runtime");
+var DeviceSettingElectronDialog = exports.DeviceSettingElectronDialog = (0, _mobxReact.observer)(function (_ref) {
+  var children = _ref.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) {
+      _dialogs.dialogWindows.set(_constant.DialogKey.DEVICE_SETTINGS, browserWindow);
+      node = dom;
+      if (store.currentDialogBounds.height) {
+        (0, _dialogs.setDialogBounds)(browserWindow, {
+          y: store.currentDialogBounds.y
+        });
+      }
+      (0, _renderer.handleWillClose)(browserWindow, function () {
+        (0, _reactDom.unmountComponentAtNode)(node);
+        _dialogs.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;
+});

package/lib/modules/dialog/components/device-setting/index.css

@@ -0,0 +1,27 @@
+.fcr-device-setting-dialog-wrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  border-radius: 16px;
+  box-shadow: var(--fcr_web_light_dropup);
+  border: 1px solid var(--fcr_ui_scene_line1);
+}
+
+.fcr-device-setting-dialog-wrapper .frc-window-header {
+  cursor: move;
+  height: 46px;
+}
+
+.fcr-device-setting-dialog-wrapper .fcr-device-settings {
+  cursor: move;
+  height: calc(100% - 46px);
+}
+.fcr-device-setting-dialog-wrapper .fcr-device-settings-audio {
+  padding: 0;
+}
+
+.fcr-device-setting-dialog-wrapper .frc-window-header .frc-window-header__title {
+  height: 46px;
+  line-height: 46px;
+}

package/lib/modules/dialog/components/device-setting/index.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import './index.css';
+declare const DeviceSettingDialog: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;
+export default DeviceSettingDialog;

package/lib/modules/dialog/components/device-setting/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _env = require("agora-foundation/lib/utilities/env");
+var _electron = require("./electron");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _reactRnd = require("react-rnd");
+var _windowHeader = require("agora-ui-foundation/lib/components/window-header");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _context = require("../../context");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var DeviceSettingDialog = (0, _mobxReact.observer)(function (_ref) {
+  var children = _ref.children;
+  var t = (0, _i18n.useI18n)();
+  var store = (0, _react.useContext)(_context.StoreContext);
+  var containerRef = (0, _react.useRef)(null);
+  var windowWidth = window.innerWidth;
+  var windowHeight = window.innerHeight;
+  var width = 580;
+  var height = 556;
+  var x = windowWidth / 2 - width / 2;
+  if ((0, _env.isElectron)()) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_electron.DeviceSettingElectronDialog, {
+      children: children
+    });
+  }
+  function handleCloseClick() {
+    store.closeDeviceSettingFromDialog();
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRnd.Rnd, {
+    "default": {
+      x: x,
+      y: windowHeight / 2 - height / 2,
+      width: width,
+      height: height
+    },
+    ref: containerRef,
+    bounds: '.fcr-layout-content',
+    minWidth: width,
+    minHeight: height,
+    dragHandleClassName: "frc-window-header",
+    children: /*#__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]
+    })
+  });
+});
+var _default = exports["default"] = DeviceSettingDialog;

package/lib/modules/dialog/components/participant/electron.js

@@ -10,6 +10,11 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
@@ -55,7 +60,7 @@ var ParticipantElectronDialog = exports.ParticipantElectronDialog = (0, _mobxRea
         store.setParticipantElectronDialogContainer(null);
         store.closeParticipantFromDialog();
       });
-      (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)(_.ParticipantDialogContent, {
           children: children

package/lib/modules/dialog/components/share-screen-selection/index.js

@@ -28,7 +28,7 @@ var ShareScreenSelectronDialog = exports.ShareScreenSelectronDialog = (0, _mobxR
         _dialogs.dialogWindows["delete"](_constant.DialogKey.SHARE_SCREEN);
         store.closeShareScreenDialog();
       });
-      (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
+      (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
         value: store,
         children: children
       }), dom);

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

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

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

@@ -1,11 +1,9 @@
 import { FC, PropsWithChildren } from 'react';
 import { DialogKey } from '../../utilities/constant';
 export declare let dialogWindows: Map<DialogKey, Electron.BrowserWindow>;
-export declare const DeviceSettingDialog: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;
 export declare const setDialogBounds: (browserWindow: Electron.BrowserWindow, currentDialogBounds: Partial<Electron.Rectangle>) => void;
 export declare const LiveStreamingDialog: FC<PropsWithChildren<{
     title: string;
 }>>;
 export declare const InviteDialog: FC<PropsWithChildren<{}>>;
 export declare const VideoWindowDialog: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element | null;
-export default DeviceSettingDialog;

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;
+});