fcr-ui-scene 3.1.1 → 3.2.0

package/lib/modules/device-pretest/index.js

@@ -200,7 +200,8 @@ var FcrMeetingPreview = exports.FcrMeetingPreview = (0, _mobxReact.observer)(fun
           startLocalVideo: startPlayLocalVideo,
           stopLocalVideo: stopPlayLocalVideo,
           currentVideoViewType: currentVideoViewType,
-          handleVideoViewChange: handleVideoViewChange
+          handleVideoViewChange: handleVideoViewChange,
+          showRotation: (0, _env.isElectron)()
         })
       }),
       speakerElement: (0, _env.isElectron)() ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_speakerControl.SpeakerControl, {}) : null,

package/lib/modules/device-pretest/settings/beauty.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Beauty = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _icon = require("agora-ui-foundation/lib/components/icon");
 var _type = require("agora-ui-foundation/lib/components/icon/type");

package/lib/modules/device-pretest/settings/video-effect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type TabKeyType = 'basic' | 'virtual-background' | 'beauty-filter';
 interface IVideoEffect {
     children?: React.ReactNode;

package/lib/modules/device-pretest/settings/video-settings-basic.js

@@ -70,6 +70,7 @@ var VideoSettingsBasic4Custom = exports.VideoSettingsBasic4Custom = (0, _mobxRea
               children: t('fmt_setting_label_Mic')
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_microphoneDetection.MicrophoneDetection, {
               disabled: speakerDetecting,
+              microphoneDetecting: microphoneDetecting,
               microphoneDeviceId: microphoneId !== null && microphoneId !== void 0 ? microphoneId : '',
               microphoneDeviceList: microphoneDeviceList,
               setMicrophoneDevice: setMicrophoneId,

package/lib/modules/device-pretest/settings/virtual-background-setting.js

@@ -8,6 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.VirtualBackgroundSetting = void 0;
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.function.name.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.map.js");
 var _useNamespace = require("../../setting/common/useNamespace");
 var _virtualBackdoundResources = require("../assets/virtual-backdound-resources");
 var _tooltip = require("agora-ui-foundation/lib/components/tooltip");

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;