fcr-ui-scene 3.2.0 → 3.3.1

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

@@ -384,21 +384,17 @@ var FcrPretestStore = exports.FcrPretestStore = /*#__PURE__*/function () {
   }, {
     key: "_handleCameraListUpdated",
     value: function () {
-      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(cameraList, currentDeviceExist) {
-        var previewCameraEnabled, deviceId, cameraTrack;
+      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(cameraList) {
+        var previewCameraEnabled, cameraTrack;
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               previewCameraEnabled = this.previewCameraEnabled;
-              if (!currentDeviceExist) {
-                if (cameraList.length > 0) {
-                  deviceId = cameraList[0].deviceId;
-                  this.setCameraId(deviceId);
+              if (cameraList.length > 0) {
+                if (previewCameraEnabled) {
                   cameraTrack = this._deviceStore.mediaControl.getCameraTrack(this._deviceStore.cameraId);
-                  if (previewCameraEnabled) {
-                    cameraTrack.start();
-                    this._setPreviewCameraEnabled(true);
-                  }
+                  cameraTrack.start();
+                  this._setPreviewCameraEnabled(true);
                 }
               }
             case 2:
@@ -407,7 +403,7 @@ var FcrPretestStore = exports.FcrPretestStore = /*#__PURE__*/function () {
           }
         }, _callee, this);
       }));
-      function _handleCameraListUpdated(_x, _x2) {
+      function _handleCameraListUpdated(_x) {
         return _handleCameraListUpdated2.apply(this, arguments);
       }
       return _handleCameraListUpdated;

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

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

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

@@ -0,0 +1,72 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InterpreterElectronDialog = 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 InterpreterElectronDialog = exports.InterpreterElectronDialog = (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('interpreter-setting', function (dom, browserWindow) {
+      _dialogs.dialogWindows.set(_constant.DialogKey.INTERPRETER, 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.INTERPRETER);
+        store.closeInterpreterDialog();
+      });
+      var handleCloseClick = function handleCloseClick() {
+        store.closeInterpreterDialog();
+      };
+      (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-simultaneous-interpretation-dialog-wrapper",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_windowHeader.FcrWindowHeader, {
+          showClose: true,
+          title: t('fmt_modules_labels_simultaneous_interpretation'),
+          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('interpreter-setting');
+    };
+  }, []);
+  return null;
+});

package/lib/modules/dialog/components/Interpreter/index.css

@@ -0,0 +1,30 @@
+.fcr-simultaneous-interpretation-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-simultaneous-interpretation-dialog-wrapper .frc-window-header {
+  cursor: move;
+  height: 46px;
+}
+
+.fcr-simultaneous-interpretation-dialog-wrapper .fcr-device-settings {
+  cursor: move;
+  height: calc(100% - 46px);
+}
+.fcr-simultaneous-interpretation-dialog-wrapper .fcr-device-settings-audio {
+  padding: 0;
+}
+
+.fcr-simultaneous-interpretation-dialog-wrapper .frc-window-header .frc-window-header__title {
+  height: 46px;
+  line-height: 46px;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+}

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

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

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

@@ -0,0 +1,61 @@
+"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 InterpreterDialog = (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 = 506;
+  var height = 434;
+  var x = windowWidth / 2 - width / 2;
+  if ((0, _env.isElectron)()) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_electron.InterpreterElectronDialog, {
+      children: children
+    });
+  }
+  function handleCloseClick() {
+    store.closeInterpreterDialog();
+  }
+  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-simultaneous-interpretation-dialog-wrapper",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_windowHeader.FcrWindowHeader, {
+        showClose: true,
+        title: t('fmt_modules_labels_simultaneous_interpretation'),
+        onClose: handleCloseClick,
+        type: _windowHeader.WindowType.WINDOW,
+        withWindowPopUpButton: false
+        // otherActionsAfter={<UserQueue />}
+      }), children]
+    })
+  });
+});
+var _default = exports["default"] = InterpreterDialog;

package/lib/modules/dialog/components/Interpreter/user-queue/index.css

@@ -0,0 +1,36 @@
+.fcr-simultaneous-interpretation-user-queue,
+.fcr-simultaneous-interpretation-user-queue-container,
+.fcr-simultaneous-interpretation-user-queue-container-last__bg,
+.fcr-simultaneous-interpretation-user-queue-container-last {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.fcr-simultaneous-interpretation-user-queue-container,
+.fcr-simultaneous-interpretation-user-queue-container-last {
+  width: 28px;
+  height: 28px;
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+
+  border-radius: 50%;
+}
+
+.fcr-simultaneous-interpretation-user-queue-container:nth-child(1) {
+  transform: translateX(50%);
+  z-index: 999;
+}
+.fcr-simultaneous-interpretation-user-queue-container:nth-child(2) {
+  transform: translateX(25%);
+  z-index: 998;
+}
+
+.fcr-simultaneous-interpretation-user-queue-container-last__bg {
+  z-index: 997;
+  background: var(--fcr_mobile_ui_scene_fill1);
+  border-radius: 14px;
+  padding-right: 8px;
+}
+.fcr-simultaneous-interpretation-user-queue-container-last {
+  margin-right: 2px;
+}

package/lib/modules/dialog/components/Interpreter/user-queue/index.d.ts

@@ -0,0 +1,3 @@
+import './index.css';
+declare const UserQueue: () => import("react/jsx-runtime").JSX.Element;
+export default UserQueue;

package/lib/modules/dialog/components/Interpreter/user-queue/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _avatar = require("agora-ui-foundation/lib/components/avatar");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var UserQueue = function UserQueue() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+    trigger: "click",
+    content: 'xxx等21人可能正在设置该功能',
+    placement: 'top',
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fcr-simultaneous-interpretation-user-queue",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-simultaneous-interpretation-user-queue-container",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.FcrAvatar, {
+          size: 24,
+          nickName: 'name1',
+          textSize: 12
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-simultaneous-interpretation-user-queue-container",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.FcrAvatar, {
+          size: 24,
+          nickName: 'name2',
+          textSize: 12
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-simultaneous-interpretation-user-queue-container-last__bg",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "fcr-simultaneous-interpretation-user-queue-container-last",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.FcrAvatar, {
+            size: 24,
+            nickName: 'name2',
+            textSize: 12
+          })
+        }), "21"]
+      })]
+    })
+  });
+};
+var _default = exports["default"] = UserQueue;

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

@@ -48,7 +48,8 @@ var ChatElectronDialog = exports.ChatElectronDialog = (0, _mobxReact.observer)(f
       fullscreen: false,
       maximizable: false,
       y: store.currentDialogBounds.y,
-      show: !(0, _platform.isWindows)()
+      show: !(0, _platform.isWindows)(),
+      transparent: true
     });
     return function () {
       node && (0, _reactDom.unmountComponentAtNode)(node);

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

@@ -59,14 +59,16 @@ var ConfirmElectronDialog = (0, _mobxReact.observer)(function (_ref) {
               frame: false,
               fullscreen: false,
               maximizable: false,
-              width: (params === null || params === void 0 ? void 0 : params.width) || 415,
-              height: (params === null || params === void 0 ? void 0 : params.height) || 190,
+              // TODO:
+              width: (params === null || params === void 0 ? void 0 : params.width) || 320,
+              height: (params === null || params === void 0 ? void 0 : params.height) || 168 + (params.closable || params.closable === undefined ? 16 : 0),
               minWidth: 255,
               minHeight: 160,
               maxWidth: 620,
               maxHeight: 700,
               x: x + ((params === null || params === void 0 ? void 0 : params.x) || 0),
-              y: y + ((params === null || params === void 0 ? void 0 : params.y) || 0)
+              y: y + ((params === null || params === void 0 ? void 0 : params.y) || 0),
+              transparent: true
             });
           case 9:
           case "end":

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

@@ -21,6 +21,7 @@ var ConnectionGatewayElectronDialog = exports.ConnectionGatewayElectronDialog =
   (0, _react.useEffect)(function () {
     var node;
     window.runtime.openRendererWindow('connection-gateway', function (dom, browserWindow) {
+      browserWindow.webContents.insertCSS("\n          ::-webkit-scrollbar {\n            display: none;\n          }\n        ");
       browserRef.current = browserWindow;
       browserWindow.focus();
       _dialogs.dialogWindows.set(_constant.DialogKey.CONNECTION_GATEWAY, browserWindow);
@@ -43,7 +44,8 @@ var ConnectionGatewayElectronDialog = exports.ConnectionGatewayElectronDialog =
         x: 0,
         y: 0
       },
-      resizable: false
+      resizable: false,
+      transparent: true
     });
     return function () {
       node && (0, _reactDom.unmountComponentAtNode)(node);

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

@@ -8,9 +8,7 @@
   overflow: hidden;
 }
 .connection-gateway-dialog.electron {
-  border: none;
   box-shadow: none;
-  border-radius: 0;
 }
 .connection-gateway-dialog_close {
   width: 14px;

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

@@ -22,6 +22,7 @@ var DeviceSettingElectronDialog = exports.DeviceSettingElectronDialog = (0, _mob
   (0, _react.useEffect)(function () {
     var node;
     window.runtime.openRendererWindow('device-setting', function (dom, browserWindow) {
+      browserWindow.webContents.insertCSS("\n          ::-webkit-scrollbar {\n            display: none;\n          }\n        ");
       _dialogs.dialogWindows.set(_constant.DialogKey.DEVICE_SETTINGS, browserWindow);
       node = dom;
       if (store.currentDialogBounds.height) {
@@ -61,7 +62,8 @@ var DeviceSettingElectronDialog = exports.DeviceSettingElectronDialog = (0, _mob
       minWidth: 580,
       minHeight: 600,
       maxWidth: 670,
-      maxHeight: 800
+      maxHeight: 800,
+      transparent: true
     });
     return function () {
       node && (0, _reactDom.unmountComponentAtNode)(node);

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

@@ -14,7 +14,6 @@
 }
 
 .fcr-device-setting-dialog-wrapper .fcr-device-settings {
-  cursor: move;
   height: calc(100% - 46px);
 }
 .fcr-device-setting-dialog-wrapper .fcr-device-settings-audio {

package/lib/modules/dialog/components/operation-waiting-room/electron.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+declare const OperationWaitingRoomDialog: ({ children, params, }: PropsWithChildren<{
+    params: any;
+}>) => null;
+export default OperationWaitingRoomDialog;

package/lib/modules/dialog/components/operation-waiting-room/electron.js

@@ -0,0 +1,89 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _context2 = require("../../context");
+var _reactDom = require("react-dom");
+var _renderer = require("../../../../utilities/renderer");
+var _jsxRuntime = require("react/jsx-runtime");
+var OperationWaitingRoomDialog = (0, _mobxReact.observer)(function (_ref) {
+  var children = _ref.children,
+    params = _ref.params;
+  var store = (0, _react.useContext)(_context2.StoreContext);
+  (0, _react.useEffect)(function () {
+    var node;
+    (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) {
+          case 0:
+            _context.next = 2;
+            return store.setWorkArea();
+          case 2:
+            _context.t0 = _context.sent;
+            if (_context.t0) {
+              _context.next = 5;
+              break;
+            }
+            _context.t0 = {
+              x: 0,
+              y: 0
+            };
+          case 5:
+            _ref3 = _context.t0;
+            x = _ref3.x;
+            y = _ref3.y;
+            window.runtime.openRendererWindow('operation-waiting-room', function (dom, browserWindow) {
+              node = dom;
+              // browserWindow.focus(); // 这里打开的confirm dialog 不会走 openRendererWindow 中的 focus 逻辑，所以单独 focus 一下
+
+              browserWindow.setBounds({
+                width: 445,
+                height: 237
+              });
+              (0, _renderer.handleWillClose)(browserWindow, function () {
+                (0, _reactDom.unmountComponentAtNode)(node);
+              });
+              (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_context2.StoreContext.Provider, {
+                value: store,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                  children: children
+                })
+              }), dom);
+            }, {
+              frame: false,
+              fullscreen: false,
+              maximizable: false,
+              // TODO:
+              width: (params === null || params === void 0 ? void 0 : params.width) || 320,
+              height: (params === null || params === void 0 ? void 0 : params.height) || 168 + (params.closable || params.closable === undefined ? 16 : 0),
+              minWidth: 255,
+              minHeight: 160,
+              maxWidth: 620,
+              maxHeight: 700,
+              x: x + ((params === null || params === void 0 ? void 0 : params.x) || 0),
+              y: y + ((params === null || params === void 0 ? void 0 : params.y) || 0),
+              transparent: true
+            });
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))();
+    return function () {
+      node && (0, _reactDom.unmountComponentAtNode)(node);
+      window.runtime.closeRendererWindow('operation-waiting-room');
+    };
+  }, []);
+  return null;
+});
+var _default = exports["default"] = OperationWaitingRoomDialog;

package/lib/modules/dialog/components/operation-waiting-room/index.css

@@ -0,0 +1,44 @@
+.close-waiting-room-dialog {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  background-color: white;
+  width: 100%;
+  height: 100%;
+}
+
+.close-waiting-room-dialog .fcr-dialog-title {
+  font-weight: 600;
+  font-size: 16px;
+  margin-bottom: 10px;
+  color: var(--fcr_ui_scene_icontext1);
+}
+
+.close-waiting-room-dialog .fcr-dialog-content {
+  font-weight: 400;
+  font-size: 13px;
+  margin-bottom: 10px;
+  color: var(--fcr_ui_scene_icontext1);
+  width: 90%;
+}
+
+.close-waiting-room-dialog button {
+  width: 100%;
+  margin-bottom: 10px;
+}
+
+.close-waiting-room-dialog .fcr-button-white {
+  background-color: var(--fcr_ui_scene_btn2);
+  color: var(--fcr_ui_scene_icontext2);
+}
+
+.close-waiting-room-dialog .fcr-button-white:hover {
+  background-color: var(--fcr_ui_scene_btn2) !important;
+  color: var(--fcr_ui_scene_icontext2) !important;
+}
+
+.fcr-dialog-buttons {
+  width: 90%;
+}

package/lib/modules/dialog/components/operation-waiting-room/index.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from 'react';
+import './index.css';
+export declare const OperationWaitingRoomDialog: FC<PropsWithChildren<{
+    params: any;
+}>>;