fcr-ui-scene 3.7.4 → 3.7.6

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

@@ -1,4 +1,27 @@
-import { PropsWithChildren } from 'react';
-export declare const ChatDialog: (props: PropsWithChildren<{
-    chatAction: React.ReactNode;
-}>) => import("react/jsx-runtime").JSX.Element;
+import { FC, PropsWithChildren } from 'react';
+import { FcrUIDialogProps } from '../../type';
+type ChatDialogProps = PropsWithChildren<FcrUIDialogProps> & {
+    chatActions: React.ReactNode;
+    header: React.ReactNode;
+    headerActions: React.ReactNode;
+};
+export declare const ChatDialog: FC<ChatDialogProps>;
+export declare const windowConfig: {
+    frame: false;
+    maximizable: false;
+    minimizable: false;
+    fullscreenable: false;
+    trafficLightPosition: {
+        x: number;
+        y: number;
+    };
+    resizable: true;
+    width: number;
+    height: number;
+    minWidth: number;
+    minHeight: number;
+    maxWidth: number;
+    maxHeight: number;
+    alwaysOnTop: true;
+};
+export {};

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

@@ -1,23 +1,23 @@
 "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.ChatDialog = void 0;
-var _env = require("agora-foundation/lib/utilities/env");
-var _react = require("react");
-var _store = require("../../store");
+exports.windowConfig = exports.ChatDialog = void 0;
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _type = require("fcr-core/lib/room-control/chatroom-control/type");
-var _constant = require("../../../../utilities/constant");
 var _mobxReact = require("mobx-react");
-var _normalWindow = _interopRequireDefault(require("../../components/normal-window"));
-var _actions = require("./components/actions");
+var _normalWindow = require("../../components/normal-window");
 var _jsxRuntime = require("react/jsx-runtime");
-var ChatDialog = exports.ChatDialog = (0, _mobxReact.observer)(function (props) {
-  var store = (0, _react.useContext)(_store.StoreContext);
+var width = 800;
+var height = 600;
+var ChatDialog = exports.ChatDialog = (0, _mobxReact.observer)(function (_ref) {
+  var dialogKey = _ref.dialogKey,
+    dialogId = _ref.dialogId,
+    chatActions = _ref.chatActions,
+    children = _ref.children,
+    header = _ref.header,
+    headerActions = _ref.headerActions;
   var transI18n = (0, _i18n.useI18n)();
   var config = {
     width: 800,
@@ -35,25 +35,46 @@ var ChatDialog = exports.ChatDialog = (0, _mobxReact.observer)(function (props)
   var hooksConfig = {
     hasCustomShadow: false
   };
-  var children = props.children,
-    chatAction = props.chatAction;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow["default"], {
-    title: store.chatRoomState === _type.FcrChatRoomConnectionState.Connected ? transI18n('fmt_chat_label_chat') : transI18n('fmt_aside_status_connecting'),
-    dialogKey: _constant.FcrUIDialogKey.CHAT,
-    config: config,
-    hooksConfig: hooksConfig,
-    actions: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [chatAction, /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
-        value: store,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_actions.ChatActions, {})
-      })]
-    }),
-    style: {
+
+  // const isChatRoomConnected = chatState === FcrChatRoomConnectionState.Connected
+
+  // const title = isChatRoomConnected
+  //   ? transI18n('fmt_chat_label_chat')
+  //   : transI18n('fmt_aside_status_connecting');
+
+  // const height = store.waitingRoomState ? 630 : 600;
+  var height = 630;
+  var actions = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [chatActions, headerActions]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow.NormalWindow, {
+    dialogId: dialogId,
+    dialogKey: dialogKey,
+    body: children,
+    header: header,
+    actions: actions,
+    bodyStyle: {
       zIndex: 11
     },
-    width: (0, _env.isElectron)() ? 800 : 520 // APAAS-10264 聊天在 web 下宽度改成520
-    ,
-    height: store.waitingRoomState ? 630 : 600,
-    children: children
+    width: width,
+    height: height
   });
-});
+});
+var windowConfig = exports.windowConfig = {
+  frame: false,
+  maximizable: false,
+  minimizable: false,
+  fullscreenable: false,
+  trafficLightPosition: {
+    x: 0,
+    y: 0
+  },
+  resizable: true,
+  width: width,
+  height: height,
+  minWidth: 400,
+  minHeight: 400,
+  maxWidth: 1100,
+  maxHeight: 900,
+  alwaysOnTop: true
+};

package/lib/modules/dialog/dialogs/confirm/index.css

@@ -0,0 +1,24 @@
+.fcr-event-confirm-wrapper.fcr-event-confirm-container {
+  width: 100vw;
+  height: 100vh;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2000;
+  pointer-events: none;
+}
+
+.fcr-event-confirm-wrapper.fcr-event-confirm-container div {
+  pointer-events: all;
+}
+
+.fcr-confirm-dialog-wrapper {
+  background: #fff;
+}
+
+.fcr-confirm-dialog-wrapper_web {
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  border-radius: var(--fcr_cornerradius_xl);
+  box-shadow: var(--fcr_web_light_dropup);
+  border: 1px solid var(--fcr_ui_scene_line1);
+}

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

@@ -1,2 +1,23 @@
 import { FC, PropsWithChildren } from 'react';
-export declare const ConfirmDialog: FC<PropsWithChildren<{}>>;
+import { FcrUIDialogProps } from '../../type';
+import './index.css';
+export declare const windowConfig: {
+    maximizable: false;
+    minimizable: false;
+    resizable: false;
+    fullscreen: false;
+    backgroundColor: string;
+    hiddenInMissionControl: true;
+    hasShadow: false;
+    useContentSize: true;
+    title: string;
+    alwaysOnTop: true;
+    skipTaskbar: true;
+    type: string;
+    frame: false;
+    transparent: true;
+    show: false;
+};
+type ConfirmDialogProps = PropsWithChildren<FcrUIDialogProps>;
+export declare const ConfirmDialog: FC<ConfirmDialogProps>;
+export {};

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

@@ -4,39 +4,55 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ConfirmDialog = void 0;
-var _useElectron = require("../../hooks/useElectron");
-var _constant = require("../../../../utilities/constant");
+exports.windowConfig = exports.ConfirmDialog = void 0;
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.map.js");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _store = require("../../store.base");
+var _reactDom = require("react-dom");
+var _confirm = require("../../components/confirm");
 var _env = require("agora-foundation/lib/utilities/env");
+require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-var ConfirmDialog = exports.ConfirmDialog = function ConfirmDialog(_ref) {
-  var children = _ref.children;
-  var config = {
-    maximizable: false,
-    backgroundColor: '#00000000',
-    hiddenInMissionControl: true,
-    hasShadow: false,
-    useContentSize: true,
-    minimizable: false,
-    title: 'Confirm',
-    scroll: false,
-    alwaysOnTop: true,
-    fullscreen: false,
-    resizable: false,
-    skipTaskbar: true
-  };
-  (0, _env.isElectron)() && (0, _useElectron.useElectronDialog)({
-    config: config,
-    dialogKey: _constant.FcrUIDialogKey.CONFIRM,
-    children: children,
-    fullScreen: true,
-    scroll: false,
-    alwaysOnTop: true,
-    ignoreMouseEvents: true,
-    focus: true,
-    hasCustomShadow: false
+var windowConfig = exports.windowConfig = {
+  maximizable: false,
+  minimizable: false,
+  resizable: false,
+  fullscreen: false,
+  backgroundColor: '#00000000',
+  hiddenInMissionControl: true,
+  hasShadow: false,
+  useContentSize: true,
+  title: 'Confirm',
+  alwaysOnTop: true,
+  skipTaskbar: true,
+  type: 'panel',
+  frame: false,
+  transparent: true,
+  show: false
+};
+var ConfirmDialog = exports.ConfirmDialog = (0, _mobxReact.observer)(function (_ref) {
+  var dialogId = _ref.dialogId,
+    dialogKey = _ref.dialogKey,
+    children = _ref.children;
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    getDialogRootNode = _useContext.getDialogRootNode,
+    confirms = _useContext.confirms;
+  var content = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "fcr-event-confirm-wrapper fcr-event-confirm-container",
+    children: confirms.map(function (confirm, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.ConfirmWindow, {
+        id: confirm.id,
+        confirm: confirm.params
+      }, index);
+    })
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: !(0, _env.isElectron)() && children
-  });
-};
+  if ((0, _env.isElectron)()) {
+    var dialogRoot = getDialogRootNode(dialogKey, dialogId);
+    return /*#__PURE__*/(0, _reactDom.createPortal)(content, dialogRoot);
+  }
+  return content;
+});

package/lib/modules/dialog/dialogs/confirm-leave-meeting/index.d.ts

@@ -1,6 +1,18 @@
-import { FC } from 'react';
-export declare const ConfirmLeaveMeetingDialog: FC<{
-    title: string;
-    onOk: () => void;
-    onCancel: () => void;
-}>;
+import { FC, PropsWithChildren } from 'react';
+import { FcrUIDialogProps } from '../../type';
+type ConfirmLeaveMeetingDialogProps = PropsWithChildren<FcrUIDialogProps>;
+export declare const ConfirmLeaveMeetingDialog: FC<ConfirmLeaveMeetingDialogProps>;
+export declare const windowConfig: {
+    frame: false;
+    maximizable: false;
+    minimizable: false;
+    fullscreenable: false;
+    trafficLightPosition: {
+        x: number;
+        y: number;
+    };
+    resizable: false;
+    width: number;
+    height: number;
+};
+export {};

package/lib/modules/dialog/dialogs/confirm-leave-meeting/index.js

@@ -1,62 +1,44 @@
 "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.ConfirmLeaveMeetingDialog = void 0;
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _constant = require("../../../../utilities/constant");
-var _button = require("agora-ui-foundation/lib/components/button");
-var _normalWindow = _interopRequireDefault(require("../../components/normal-window"));
+exports.windowConfig = exports.ConfirmLeaveMeetingDialog = void 0;
+var _normalWindow = require("../../components/normal-window");
 var _jsxRuntime = require("react/jsx-runtime");
 var ConfirmLeaveMeetingDialog = exports.ConfirmLeaveMeetingDialog = function ConfirmLeaveMeetingDialog(_ref) {
-  var title = _ref.title,
-    onOk = _ref.onOk,
-    onCancel = _ref.onCancel;
-  var t = (0, _i18n.useI18n)();
+  var dialogId = _ref.dialogId,
+    dialogKey = _ref.dialogKey,
+    children = _ref.children;
   var config = {
     fullscreen: false,
     maximizable: false,
     width: 255,
     height: 158,
-    title: t('fmt_actionbar_labels_endmeeting'),
     resizable: false
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow["default"], {
-    title: false,
+  var body = children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow.NormalWindow, {
+    dialogKey: dialogKey,
+    dialogId: dialogId,
     autoHeight: true,
-    dialogKey: _constant.FcrUIDialogKey.LEAVE_MEETING,
+    width: config.width,
+    height: config.height,
     closable: false,
-    config: config,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "fcr-confirm-content-footer fcr-button-flex-column fcr-confirm-content-footer__center",
-      style: {
-        width: '215px',
-        margin: '12px auto'
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("header", {
-        className: "fcr-dialog-container-header",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
-          children: title
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-        size: "XS",
-        styleType: "danger",
-        type: "primary",
-        shape: "rounded",
-        block: true,
-        onClick: onOk,
-        children: t('fmt_toolbar_leave_room_end_submit')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-        size: "XS",
-        type: "secondary",
-        shape: "rounded",
-        block: true,
-        onClick: onCancel,
-        children: t('fmt_toolbar_tips_leave_room_end_cancel')
-      })]
-    })
+    body: body
   });
+};
+var windowConfig = exports.windowConfig = {
+  frame: false,
+  maximizable: false,
+  minimizable: false,
+  fullscreenable: false,
+  trafficLightPosition: {
+    x: 0,
+    y: 0
+  },
+  resizable: false,
+  width: 255,
+  height: 158
 };

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

@@ -1,9 +1,25 @@
-import { FC, ReactNode } from 'react';
-export type ParamsType = {
-    type: 'phone' | 'computer';
+import { FC, PropsWithChildren } from 'react';
+import { FcrUIDialogProps } from '../../type';
+export type ConnectorType = 'phone' | 'computer';
+type ConnectionGatewayDialog = PropsWithChildren<FcrUIDialogProps>;
+export declare const ConnectionGatewayDialog: FC<ConnectionGatewayDialog>;
+export declare const windowConfig: {
+    title: string;
+    frame: false;
+    maximizable: false;
+    minimizable: false;
+    fullscreenable: false;
+    trafficLightPosition: {
+        x: number;
+        y: number;
+    };
+    useContentSize: true;
+    resizable: false;
+    type: string;
+    hasShadow: false;
+    transparent: true;
+    width: number;
+    height: number;
+    backgroundColor: string;
 };
-export declare const ConnectionGatewayDialog: FC<{
-    params: ParamsType;
-    computerChildren?: ReactNode;
-    phoneChildren?: ReactNode;
-}>;
+export {};

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

@@ -1,54 +1,47 @@
 "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.ConnectionGatewayDialog = void 0;
-var _react = require("react");
-var _constant = require("../../../../utilities/constant");
-var _tabs = require("./tabs");
-var _store = require("../../store");
-var _normalWindow = _interopRequireDefault(require("../../components/normal-window"));
+exports.windowConfig = exports.ConnectionGatewayDialog = void 0;
+var _normalWindow = require("../../components/normal-window");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _jsxRuntime = require("react/jsx-runtime");
+var title = (0, _i18n.transI18n)('fmt_toolbar_label_connectaudio');
 var ConnectionGatewayDialog = exports.ConnectionGatewayDialog = function ConnectionGatewayDialog(_ref) {
-  var children = _ref.children,
-    _ref$params = _ref.params,
-    params = _ref$params === void 0 ? {
-      type: 'computer'
-    } : _ref$params,
-    computerChildren = _ref.computerChildren,
-    phoneChildren = _ref.phoneChildren;
-  var transI18n = (0, _i18n.useI18n)();
-  var _useContext = (0, _react.useContext)(_store.StoreContext),
-    closeConnectionDialog = _useContext.closeConnectionDialog;
-  var config = {
-    maximizable: false,
-    minimizable: false,
-    fullscreenable: false,
-    width: 400,
-    height: 500,
-    trafficLightPosition: {
-      x: 0,
-      y: 0
-    },
-    title: transI18n('fmt_toolbar_label_connectaudio'),
-    resizable: false
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow["default"], {
-    title: false,
-    dialogKey: _constant.FcrUIDialogKey.CONNECTION_GATEWAY,
-    config: config,
-    height: params.type === 'phone' ? 500 : 350,
-    closeInterception: function closeInterception() {
-      return closeConnectionDialog();
-    },
-    children: children ? children : /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.GatewayConnectorTabs, {
-      type: params.type,
-      computerChildren: computerChildren,
-      phoneChildren: phoneChildren
-    })
+  var dialogId = _ref.dialogId,
+    dialogKey = _ref.dialogKey,
+    children = _ref.children,
+    params = _ref.params;
+  var width = 400;
+  var height = (params === null || params === void 0 ? void 0 : params.type) === 'phone' ? 500 : 350;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow.NormalWindow, {
+    width: width,
+    height: height,
+    dialogId: dialogId,
+    dialogKey: dialogKey,
+    autoHeight: true,
+    body: children,
+    title: false
   });
+};
+var windowConfig = exports.windowConfig = {
+  title: title,
+  frame: false,
+  maximizable: false,
+  minimizable: false,
+  fullscreenable: false,
+  trafficLightPosition: {
+    x: 0,
+    y: 0
+  },
+  useContentSize: true,
+  resizable: false,
+  type: 'panel',
+  hasShadow: false,
+  transparent: true,
+  width: 400 + 30,
+  height: 500 + 30,
+  backgroundColor: '#00000000'
 };

package/lib/modules/dialog/dialogs/connection-gateway/tabs.js

@@ -11,9 +11,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _mobxReact = require("mobx-react");
 var _tabFrame = _interopRequireDefault(require("../../../components/tab-frame"));
 var _react = require("react");
-var _store = require("../../store");
 var _type = require("../../../../type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
+var _store = require("../../../pc-audio-connect/main-scene/store");
 var _jsxRuntime = require("react/jsx-runtime");
 var GatewayConnectorTabs = exports.GatewayConnectorTabs = (0, _mobxReact.observer)(function (props) {
   var type = props.type,
@@ -26,19 +26,21 @@ var GatewayConnectorTabs = exports.GatewayConnectorTabs = (0, _mobxReact.observe
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     activeTabKey = _useState2[0],
     setActiveTabKey = _useState2[1];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabFrame["default"], {
-    activeKey: activeTabKey,
-    onChange: function onChange(tab) {
-      return setActiveTabKey(tab);
-    },
-    tabs: [{
-      label: "".concat((0, _i18n.transI18n)('fmt_PSTN_label_pcaudio')).concat(connectType === _type.FcrUIConnectType.COMPUTER ? "-".concat((0, _i18n.transI18n)('fmt_PSTN_status_connected')) : ''),
-      key: 'computer',
-      content: computerChildren
-    }, {
-      label: "".concat((0, _i18n.transI18n)('fmt_pstn_options_phoneaudio')).concat(hasOwnPstnStream ? "-".concat((0, _i18n.transI18n)('fmt_PSTN_status_connected')) : ''),
-      key: 'phone',
-      content: phoneChildren
-    }]
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabFrame["default"], {
+      activeKey: activeTabKey,
+      onChange: function onChange(tab) {
+        return setActiveTabKey(tab);
+      },
+      tabs: [{
+        label: "".concat((0, _i18n.transI18n)('fmt_PSTN_label_pcaudio')).concat(connectType === _type.FcrUIConnectType.COMPUTER ? "-".concat((0, _i18n.transI18n)('fmt_PSTN_status_connected')) : ''),
+        key: 'computer',
+        content: computerChildren
+      }, {
+        label: "".concat((0, _i18n.transI18n)('fmt_pstn_options_phoneaudio')).concat(hasOwnPstnStream ? "-".concat((0, _i18n.transI18n)('fmt_PSTN_status_connected')) : ''),
+        key: 'phone',
+        content: phoneChildren
+      }]
+    })
   });
 });

package/lib/modules/dialog/dialogs/control-bar/index.d.ts

@@ -1,9 +1,22 @@
-import { ControlBarUIModule } from '../../../control-bar';
-import { PropsWithChildren } from 'react';
-import { CurrentShareBounds } from '../../../control-bar/types';
+import { FC, PropsWithChildren } from 'react';
+import { FcrUIDialogProps } from '../../type';
 export declare const title = "Control Bar";
-export declare const config: Electron.BrowserWindowConstructorOptions;
-export declare const ControlBarDialog: (props: PropsWithChildren<{
-    module: ControlBarUIModule;
-}>) => null;
-export declare const setBounds: (currentShareBounds: CurrentShareBounds, browserWindow: Electron.BrowserWindow) => Promise<void>;
+export declare const windowConfig: {
+    y: number;
+    x: number;
+    maximizable: false;
+    minimizable: false;
+    hasShadow: false;
+    useContentSize: true;
+    resizable: false;
+    transparent: true;
+    backgroundColor: string;
+    frame: false;
+    hiddenInMissionControl: true;
+    skipTaskbar: true;
+    title: string;
+    type: string;
+};
+type ControlBarDialogProps = PropsWithChildren<FcrUIDialogProps> & {};
+export declare const ControlBarDialog: FC<ControlBarDialogProps>;
+export {};