fcr-ui-scene 1.0.40 → 3.1.0

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

@@ -0,0 +1,75 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.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/es.string.iterator.js");
+require("core-js/modules/es.weak-map.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");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConfirmDialog = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobxReact = require("mobx-react");
+var _react = _interopRequireWildcard(require("react"));
+var _context = require("../../context");
+var _reactRnd = require("react-rnd");
+var _electron = _interopRequireDefault(require("./electron"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function 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; }
+var ConfirmDialog = exports.ConfirmDialog = (0, _mobxReact.observer)(function (_ref) {
+  var children = _ref.children,
+    dialogType = _ref.dialogType,
+    params = _ref.params;
+  var store = (0, _react.useContext)(_context.StoreContext);
+  var containerWidth = window.innerWidth;
+  var containerHeight = window.innerHeight;
+  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;
+  if (dialogType === 'electron') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_electron["default"], {
+      params: _objectSpread(_objectSpread({}, params), {}, {
+        x: x,
+        y: y
+      }),
+      children: children
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
+    value: store,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRnd.Rnd, {
+      "default": {
+        x: x,
+        y: y,
+        width: width,
+        height: height
+      },
+      maxHeight: 700,
+      maxWidth: width,
+      minWidth: width,
+      minHeight: height,
+      bounds: '.fcr-confirm-dialog-wrapper_web',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-confirm-dialog-wrapper_web",
+        children: children
+      })
+    })
+  });
+});

package/lib/modules/dialog/components/connection-gateway/electron.d.ts

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

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

@@ -0,0 +1,62 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConnectionGatewayElectronDialog = void 0;
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _reactDom = require("react-dom");
+var _context = require("../../context");
+var _dialogs = require("../../dialogs");
+var _constant = require("../../../../utilities/constant");
+var _renderer = require("../../../../utilities/renderer");
+var _jsxRuntime = require("react/jsx-runtime");
+var ConnectionGatewayElectronDialog = exports.ConnectionGatewayElectronDialog = (0, _mobxReact.observer)(function (_ref) {
+  var children = _ref.children;
+  var store = (0, _react.useContext)(_context.StoreContext);
+  var height = store.connectorContainerBounds.height;
+  var browserRef = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    var node;
+    window.runtime.openRendererWindow('connection-gateway', function (dom, browserWindow) {
+      browserRef.current = browserWindow;
+      browserWindow.focus();
+      _dialogs.dialogWindows.set(_constant.DialogKey.CONNECTION_GATEWAY, browserWindow);
+      node = dom;
+      (0, _renderer.handleWillClose)(browserWindow, function () {
+        (0, _reactDom.unmountComponentAtNode)(node);
+        _dialogs.dialogWindows["delete"](_constant.DialogKey.CONNECTION_GATEWAY);
+        store.closeConnectionDialog();
+      });
+      (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
+        value: store,
+        children: children
+      }), dom);
+    }, {
+      frame: false,
+      width: 400,
+      height: height,
+      titleBarStyle: 'default',
+      trafficLightPosition: {
+        x: 0,
+        y: 0
+      },
+      resizable: false
+    });
+    return function () {
+      node && (0, _reactDom.unmountComponentAtNode)(node);
+      window.runtime.closeRendererWindow('connection-gateway');
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    var _browserRef$current;
+    if (!height) return;
+    (_browserRef$current = browserRef.current) === null || _browserRef$current === void 0 || _browserRef$current.setBounds({
+      width: 400,
+      height: height
+    }, true);
+  }, [height]);
+  return null;
+});

package/lib/modules/dialog/components/connection-gateway/index.css

@@ -0,0 +1,27 @@
+.connection-gateway-dialog {
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  border: 1px solid var(--fcr_ui_scene_line1);
+  box-shadow: var(--fcr_web_light_dropup);
+  border-radius: var(--fcr_cornerradius_xl);
+  height: 100%;
+  max-height: 560px;
+  overflow: hidden;
+}
+.connection-gateway-dialog.electron {
+  border: none;
+  box-shadow: none;
+  border-radius: 0;
+}
+.connection-gateway-dialog_close {
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  background: var(--fcr_ui_scene_ramp_red6);
+  position: absolute;
+  left: 12px;
+  top: 16px;
+  display: block;
+  cursor: pointer;
+  z-index: 600;
+  -webkit-app-region: no-drag;
+}

package/lib/modules/dialog/components/connection-gateway/index.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import './index.css';
+export declare const ConnectionGatewayDialog: FC<{}>;

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

@@ -0,0 +1,74 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConnectionGatewayDialog = void 0;
+var _env = require("agora-foundation/lib/utilities/env");
+var _react = require("react");
+var _reactRnd = require("react-rnd");
+var _context = require("../../context");
+var _electron = require("./electron");
+var _mobxReact = require("mobx-react");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var ConnectionGatewayDialog = exports.ConnectionGatewayDialog = (0, _mobxReact.observer)(function (_ref) {
+  var children = _ref.children;
+  var _useContext = (0, _react.useContext)(_context.StoreContext),
+    closeConnectionDialog = _useContext.closeConnectionDialog,
+    connectorContainerBounds = _useContext.connectorContainerBounds;
+  var windowWidth = window.innerWidth;
+  var windowHeight = window.innerHeight;
+  var width = 400;
+  var height = 350;
+  var x = windowWidth / 2 - width / 2;
+  var containerRef = (0, _react.useRef)(null);
+  if ((0, _env.isElectron)()) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_electron.ConnectionGatewayElectronDialog, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "connection-gateway-dialog electron",
+        children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+          className: "connection-gateway-dialog_close",
+          onClick: function onClick() {
+            return closeConnectionDialog(true);
+          }
+        })]
+      })
+    });
+  }
+  (0, _react.useEffect)(function () {
+    var _containerRef$current, _containerRef$current2;
+    var calcHeight = connectorContainerBounds.height || height;
+    (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 || _containerRef$current.updateSize({
+      height: calcHeight,
+      width: width
+    });
+    (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 || _containerRef$current2.updatePosition({
+      x: x,
+      y: windowHeight / 2 - calcHeight / 2
+    });
+  }, [connectorContainerBounds.height]);
+  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: "connector-tabs",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "connection-gateway-dialog",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        className: "connection-gateway-dialog_close",
+        onClick: function onClick() {
+          return closeConnectionDialog(true);
+        }
+      }), children]
+    })
+  });
+});

package/lib/modules/dialog/components/participant/electron.d.ts

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

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

@@ -0,0 +1,85 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.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/web.dom-collections.for-each.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ParticipantElectronDialog = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _context = require("../../context");
+var _constant = require("../../../../utilities/constant");
+var _dialogs = require("../../dialogs");
+var _renderer = require("../../../../utilities/renderer");
+var _reactDom = require("react-dom");
+var _ = require(".");
+var _platform = require("../../../../utilities/platform");
+var _jsxRuntime = require("react/jsx-runtime");
+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; }
+var ParticipantElectronDialog = exports.ParticipantElectronDialog = (0, _mobxReact.observer)(function (_ref) {
+  var children = _ref.children;
+  var store = (0, _react.useContext)(_context.StoreContext);
+  (0, _react.useEffect)(function () {
+    var newLocal = {
+      width: 320,
+      height: 560
+    };
+    var node;
+    window.runtime.openRendererWindow('participant', function (dom, browserWindow) {
+      _dialogs.dialogWindows.set(_constant.DialogKey.PARTICIPANT, browserWindow);
+      node = dom;
+      (0, _platform.isWindows)() && browserWindow.show(); // 修复 windows 下打开白屏的问题
+
+      if (store.currentDialogBounds.height) {
+        (0, _dialogs.setDialogBounds)(browserWindow, {
+          y: store.currentDialogBounds.y
+        });
+      }
+      store.setParticipantElectronDialogContainer(dom);
+      (0, _renderer.handleWillClose)(browserWindow, function () {
+        (0, _reactDom.unmountComponentAtNode)(node);
+        _dialogs.dialogWindows["delete"](_constant.DialogKey.PARTICIPANT);
+        store.setParticipantElectronDialogContainer(null);
+        store.closeParticipantFromDialog();
+      });
+      (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
+        value: store,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ParticipantDialogContent, {
+          children: children
+        })
+      }), dom);
+    }, _objectSpread(_objectSpread({
+      frame: false,
+      fullscreen: false,
+      maximizable: false
+    }, newLocal), {}, {
+      width: newLocal.width || 320,
+      height: newLocal.height || 560,
+      minWidth: 320,
+      minHeight: 560,
+      maxWidth: 620,
+      maxHeight: 700,
+      y: store.currentDialogBounds.y,
+      center: true,
+      show: !(0, _platform.isWindows)()
+    }));
+    return function () {
+      node && (0, _reactDom.unmountComponentAtNode)(node);
+      window.runtime.closeRendererWindow('participant');
+    };
+  }, []);
+  return null;
+});

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

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const ParticipantDialogContent: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;
+export declare const ParticipantDialog: FC<PropsWithChildren<{}>>;

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

@@ -0,0 +1,61 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ParticipantDialogContent = exports.ParticipantDialog = void 0;
+require("core-js/modules/es.array.concat.js");
+var _env = require("agora-foundation/lib/utilities/env");
+var _windowHeader = require("agora-ui-foundation/lib/components/window-header");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _reactRnd = require("react-rnd");
+var _context = require("../../context");
+var _electron = require("./electron");
+var _jsxRuntime = require("react/jsx-runtime");
+var ParticipantDialogContent = exports.ParticipantDialogContent = (0, _mobxReact.observer)(function (_ref) {
+  var children = _ref.children;
+  var store = (0, _react.useContext)(_context.StoreContext);
+  var transI18n = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "fcr-participant-dialog-wrapper",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_windowHeader.FcrWindowHeader, {
+      showClose: true,
+      title: "".concat(transI18n('fmt_role_participant'), "(").concat(store.participantCount, ")"),
+      type: _windowHeader.WindowType.WINDOW,
+      onTypeChange: store.moveParticipantFromDialogToAside,
+      onClose: store.closeParticipantFromDialog,
+      rootClassName: 'participant-can-draggable'
+    }), children]
+  });
+});
+var ParticipantDialog = exports.ParticipantDialog = (0, _mobxReact.observer)(function (_ref2) {
+  var children = _ref2.children;
+  var width = window.innerWidth;
+  var defaultSize = {
+    x: width / 2 - 320 / 2,
+    y: 0,
+    width: 320,
+    height: 560
+  };
+  if ((0, _env.isElectron)()) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_electron.ParticipantElectronDialog, {
+      children: children
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRnd.Rnd, {
+    "default": defaultSize,
+    bounds: '.fcr-layout-content',
+    maxHeight: 700,
+    maxWidth: 620,
+    minWidth: 320,
+    minHeight: 560,
+    cancel: ".frc-window-header__operates",
+    dragHandleClassName: "participant-can-draggable",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ParticipantDialogContent, {
+      children: children
+    })
+  });
+});

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

@@ -0,0 +1,4 @@
+export declare const ShareScreenSelectronDialog: (props: {
+    children: React.ReactNode;
+    params: any;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,42 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShareScreenSelectronDialog = void 0;
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _dialogs = require("../../dialogs");
+var _constant = require("../../../../utilities/constant");
+var _renderer = require("../../../../utilities/renderer");
+var _reactDom = require("react-dom");
+var _context = require("../../context");
+var _jsxRuntime = require("react/jsx-runtime");
+var ShareScreenSelectronDialog = exports.ShareScreenSelectronDialog = (0, _mobxReact.observer)(function (props) {
+  var children = props.children,
+    params = props.params;
+  var store = (0, _react.useContext)(_context.StoreContext);
+  (0, _react.useEffect)(function () {
+    var node;
+    window.runtime.openRendererWindow('screen-selection', function (dom, browserWindow) {
+      browserWindow.focus();
+      _dialogs.dialogWindows.set(_constant.DialogKey.SHARE_SCREEN, browserWindow);
+      node = dom;
+      (0, _renderer.handleWillClose)(browserWindow, function () {
+        (0, _reactDom.unmountComponentAtNode)(node);
+        _dialogs.dialogWindows["delete"](_constant.DialogKey.SHARE_SCREEN);
+        store.closeShareScreenDialog();
+      });
+      (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
+        value: store,
+        children: children
+      }), dom);
+    }, params);
+    return function () {
+      node && (0, _reactDom.unmountComponentAtNode)(node);
+      window.runtime.closeRendererWindow('screen-selection');
+    };
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+});

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

@@ -0,0 +1,4 @@
+import { FcrWhiteboardUIModule } from '../../../whiteboard';
+export declare const WhiteboardElectronDialog: ({ module }: {
+    module: FcrWhiteboardUIModule;
+}) => null;

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

@@ -0,0 +1,74 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WhiteboardElectronDialog = void 0;
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _dialogs = require("../../dialogs");
+var _constant = require("../../../../utilities/constant");
+var _context = require("../../context");
+var _reactDom = require("react-dom");
+var WhiteboardElectronDialog = exports.WhiteboardElectronDialog = (0, _mobxReact.observer)(function (_ref) {
+  var module = _ref.module;
+  var store = (0, _react.useContext)(_context.StoreContext);
+  (0, _react.useEffect)(function () {
+    var node;
+    window.runtime.openRendererWindow('whiteboard', function (dom, browserWindow) {
+      node = dom;
+      if (browserWindow) {
+        browserWindow.focus();
+        console.log('browserWindow', browserWindow);
+        // if (newWindow) {
+        //   const proxyHandler = {
+        //     get(target: Window, prop: any) {
+        //       console.log({ target, prop });
+        //       if (prop === 'addEventListener') {
+        //         return function (
+        //           type: string,
+        //           listener: () => void,
+        //           options: boolean | AddEventListenerOptions,
+        //         ) {
+        //           // console.log({ type, listener, options });
+        //           target?.addEventListener(type, listener, options);
+        //         };
+        //       }
+        //       return target[prop];
+        //     },
+        //   };
+        //   const proxy = new Proxy(window, proxyHandler);
+        //   newWindow.addEventListener = proxy.addEventListener.bind(proxy);
+        //   // window.addEventListener('resize', () => {
+        //   //   console.log(111111);
+        //   // });
+        //   // window.addEventListener('mousedown', () => {
+        //   //   console.log('yes');
+        //   // });
+        // }
+
+        _dialogs.dialogWindows.set(_constant.DialogKey.WHITEBOARD, browserWindow);
+      }
+      module.getComponent(dom);
+      // render(<div className="fcr-whiteboard-wrapper">{children}</div>, dom);
+    }, {
+      frame: true,
+      fullscreen: false,
+      maximizable: false,
+      // titleBarStyle: 'hidden',
+      width: 1920 / 1.5,
+      height: 1080 / 1.5,
+      minWidth: 530,
+      minHeight: 500,
+      maxWidth: 1920,
+      maxHeight: 1080
+    });
+    return function () {
+      _dialogs.dialogWindows["delete"](_constant.DialogKey.WHITEBOARD);
+      node && (0, _reactDom.unmountComponentAtNode)(node);
+      window.runtime.closeRendererWindow('whiteboard');
+    };
+  }, []);
+  return null;
+});

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

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

package/lib/modules/dialog/context.js

@@ -0,0 +1,9 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StoreContext = void 0;
+var _react = require("react");
+var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

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

@@ -0,0 +1,11 @@
+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;