fcr-ui-scene 3.5.0 → 3.6.0

package/lib/modules/components/member-window/components/member-board.js

@@ -1,63 +0,0 @@
-"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.MemberBoard = void 0;
-var _mobxReact = require("mobx-react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _env = require("agora-foundation/lib/utilities/env");
-var _memberActions = require("./member-actions");
-var _jsxRuntime = require("react/jsx-runtime");
-var MemberBoard = exports.MemberBoard = (0, _mobxReact.observer)(function (_ref) {
-  var slot = _ref.slot,
-    isMask = _ref.isMask,
-    onMaskDoubleClick = _ref.onMaskDoubleClick,
-    windowData = _ref.windowData,
-    allowedOperations = _ref.allowedOperations,
-    showActionBottomLabel = _ref.showActionBottomLabel,
-    isShowActionAudio = _ref.isShowActionAudio,
-    actionAudioTag = _ref.actionAudioTag,
-    hasPinnedStream = _ref.hasPinnedStream,
-    localUserRole = _ref.localUserRole,
-    sendParticipantEvent = _ref.sendParticipantEvent,
-    muteAudio = _ref.muteAudio,
-    openPrivateChat = _ref.openPrivateChat,
-    setVideoOrientation = _ref.setVideoOrientation,
-    interpreterUserList = _ref.interpreterUserList,
-    isInterpreterEnabled = _ref.isInterpreterEnabled,
-    openRenameDialog = _ref.openRenameDialog,
-    id = _ref.id,
-    volume = _ref.volume;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames["default"])("fcr-member-board"),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      onDoubleClick: onMaskDoubleClick,
-      className: (0, _classnames["default"])('fcr-member-board-mask', {
-        'fcr-member-board-mask-show': isMask
-      })
-    }), isMask && /*#__PURE__*/(0, _jsxRuntime.jsx)(_memberActions.MemberWindowActions, {
-      isShowActionAudio: isShowActionAudio,
-      actionAudioTag: actionAudioTag,
-      showActionBottomLabel: showActionBottomLabel,
-      allowedOperations: allowedOperations,
-      setVideoOrientation: setVideoOrientation,
-      hasPinnedStream: hasPinnedStream,
-      localUserRole: localUserRole,
-      sendParticipantEvent: sendParticipantEvent,
-      muteAudio: muteAudio,
-      openPrivateChat: openPrivateChat,
-      windowSize: "large",
-      windowData: windowData,
-      iconSize: 24,
-      showRotation: (0, _env.isElectron)(),
-      interpreterUserList: interpreterUserList,
-      isInterpreterEnabled: isInterpreterEnabled,
-      handleRename: openRenameDialog,
-      id: id,
-      volume: volume
-    }), slot]
-  });
-});

package/lib/modules/components/toast/index.css

@@ -1,12 +0,0 @@
-.toast-wrapper {
-  width: 100vw;
-  height: calc(100vh - 10%);
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  margin-top: 10%;
-}
-
-.toast-wrapper .fcr-toast-container {
-  margin-bottom: 10px;
-}

package/lib/modules/components/toast/index.d.ts

@@ -1,10 +0,0 @@
-import { UIModule } from '../../../base';
-import './index.css';
-import { FcrUIEventStore } from '../../../common/event-store';
-export default class ToastUIModule extends UIModule {
-    protected logger: import("agora-foundation/lib/logger").Logger;
-    private _store;
-    constructor(uiEventStore: FcrUIEventStore);
-    protected onUnload(): void;
-    getComponent(params: any): React.ReactNode;
-}

package/lib/modules/components/toast/index.js

@@ -1,66 +0,0 @@
-"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/es.reflect.construct.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", {
-  value: true
-});
-exports["default"] = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _logger = require("agora-foundation/lib/logger");
-var _base = require("../../../base");
-var _view = _interopRequireDefault(require("./view"));
-var _store = require("./store");
-require("./index.css");
-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; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var ToastUIModule = exports["default"] = /*#__PURE__*/function (_UIModule) {
-  function ToastUIModule(uiEventStore) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, ToastUIModule);
-    _this = _callSuper(this, ToastUIModule);
-    (0, _defineProperty2["default"])(_this, "logger", (0, _logger.getLogger)());
-    _this.logger.info('ToastStore initialized');
-    _this._store = new _store.ToastStore(uiEventStore);
-    return _this;
-  }
-  (0, _inherits2["default"])(ToastUIModule, _UIModule);
-  return (0, _createClass2["default"])(ToastUIModule, [{
-    key: "onUnload",
-    value: function onUnload() {
-      this.logger.info('ToastStore unloaded');
-    }
-  }, {
-    key: "getComponent",
-    value: function getComponent(params) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.ToastStoreContext.Provider, {
-        value: this._store,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view["default"], _objectSpread({}, params))
-      });
-    }
-  }]);
-}(_base.UIModule);

package/lib/modules/components/toast/store.d.ts

@@ -1,17 +0,0 @@
-import { ToastType } from 'agora-ui-foundation/lib/components/toast';
-import { FcrUIEventStore } from '../../../common/event-store';
-export type ToastBaseProps = {
-    type: ToastType;
-    content: string;
-    duration: number;
-};
-export declare class ToastStore {
-    protected logger: import("agora-foundation/lib/logger").Logger;
-    private _disposers;
-    accessor toasts: Map<ToastBaseProps, () => void>;
-    get toastsList(): MapIterator<ToastBaseProps>;
-    constructor(uiEventStore: FcrUIEventStore);
-    addToast(toast: ToastBaseProps): void;
-    release(): void;
-}
-export declare const ToastStoreContext: import("react").Context<ToastStore>;

package/lib/modules/components/toast/view.d.ts

@@ -1,2 +0,0 @@
-declare const View: () => import("react/jsx-runtime").JSX.Element;
-export default View;

package/lib/modules/components/toast/view.js

@@ -1,35 +0,0 @@
-"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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-require("core-js/modules/es.array.concat.js");
-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 _toast = require("agora-ui-foundation/lib/components/toast");
-var _mobxReact = require("mobx-react");
-var _react = require("react");
-var _store = require("./store");
-var _jsxRuntime = require("react/jsx-runtime");
-var View = (0, _mobxReact.observer)(function () {
-  var _useContext = (0, _react.useContext)(_store.ToastStoreContext),
-    toastsList = _useContext.toastsList;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "toast-wrapper",
-      children: (0, _toConsumableArray2["default"])(toastsList).map(function (toast, idx) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_toast.FcrToastTransitionGroup, {
-          type: toast.type,
-          content: toast.content,
-          duration: toast.duration
-        }, "".concat(toast.content, "-").concat(idx));
-      })
-    })
-  });
-});
-var _default = exports["default"] = View;

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

@@ -1,31 +0,0 @@
-.connector-tabs {
-  padding: 9px 0;
-  display: flex;
-  justify-content: center;
-  -webkit-app-region: drag;
-  cursor: move;
-  position: sticky;
-  top: 0;
-  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  z-index: 100;
-  width: 100%;
-}
-.connector-tabs .fcr-tabs {
-  width: 306px;
-  border-radius: var(--fcr_cornerradius_s);
-  -webkit-app-region: no-drag;
-}
-.connector-tabs .fcr-tabs__nav-item {
-  flex: 1;
-  border-radius: var(--fcr_cornerradius_xs);
-  font-size: 12px;
-}
-.connector-tabs-content {
-  --top: 48px;
-  position: absolute;
-  top: var(--top);
-  height: calc(100% - var(--top));
-  width: 100%;
-  align-items: center;
-  display: flex;
-}

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

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import './index.css';
-declare const ConnectorTabs: FC;
-export default ConnectorTabs;

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

@@ -1,44 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-require("core-js/modules/es.array.concat.js");
-var _tabs = require("agora-ui-foundation/lib/components/tabs");
-var _react = require("react");
-var _mobxReact = require("mobx-react");
-var _store = require("../../store");
-require("./index.css");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _deviceStore = require("../../../../common/device-store");
-var _jsxRuntime = require("react/jsx-runtime");
-var ConnectorTabs = (0, _mobxReact.observer)(function (props) {
-  var _useContext = (0, _react.useContext)(_store.StoreContext),
-    activeTabKey = _useContext.activeTabKey,
-    onTabChange = _useContext.onTabChange,
-    hasOwnPstnStream = _useContext.hasOwnPstnStream,
-    connectType = _useContext.connectType;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "connector-frame",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "connector-tabs",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.FcrTabs, {
-        activeKey: activeTabKey,
-        items: [{
-          label: "".concat((0, _i18n.transI18n)('fmt_PSTN_label_pcaudio')).concat(connectType === _deviceStore.ConnectType.COMPUTER ? "-".concat((0, _i18n.transI18n)('fmt_PSTN_status_connected')) : ''),
-          key: 'computer'
-        }, {
-          label: "".concat((0, _i18n.transI18n)('fmt_pstn_options_phoneaudio')).concat(hasOwnPstnStream ? "-".concat((0, _i18n.transI18n)('fmt_PSTN_status_connected')) : ''),
-          key: 'phone'
-        }],
-        onChange: onTabChange
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "connector-tabs-content",
-      children: props.children
-    })]
-  });
-});
-var _default = exports["default"] = ConnectorTabs;

package/lib/modules/control-bar/type.d.ts

@@ -1,10 +0,0 @@
-export declare enum MoreAction {
-    OPEN_PARTICIPANTS = 1,
-    OPEN_CHAT = 2,
-    OPEN_LIVE_STEAMING_DIALOG = 3,
-    STOP_LIVE_STREAMING = 4,
-    OPEN_SETTING = 5,
-    CLOUD_RECORDING_START = 6,
-    CLOUD_RECORDING_STOP = 7,
-    LEAVE_ROOM = 8
-}

package/lib/modules/control-bar/type.js

@@ -1,18 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MoreAction = void 0;
-var MoreAction = exports.MoreAction = /*#__PURE__*/function (MoreAction) {
-  MoreAction[MoreAction["OPEN_PARTICIPANTS"] = 1] = "OPEN_PARTICIPANTS";
-  MoreAction[MoreAction["OPEN_CHAT"] = 2] = "OPEN_CHAT";
-  MoreAction[MoreAction["OPEN_LIVE_STEAMING_DIALOG"] = 3] = "OPEN_LIVE_STEAMING_DIALOG";
-  MoreAction[MoreAction["STOP_LIVE_STREAMING"] = 4] = "STOP_LIVE_STREAMING";
-  MoreAction[MoreAction["OPEN_SETTING"] = 5] = "OPEN_SETTING";
-  MoreAction[MoreAction["CLOUD_RECORDING_START"] = 6] = "CLOUD_RECORDING_START";
-  MoreAction[MoreAction["CLOUD_RECORDING_STOP"] = 7] = "CLOUD_RECORDING_STOP";
-  MoreAction[MoreAction["LEAVE_ROOM"] = 8] = "LEAVE_ROOM";
-  return MoreAction;
-}({});

package/lib/modules/device-pretest/context.d.ts

@@ -1,2 +0,0 @@
-import { FcrPretestStore } from './store';
-export declare const PretestStoreContext: import("react").Context<FcrPretestStore>;

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

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

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

@@ -1,10 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { ConfirmContentProps } from 'agora-ui-foundation/lib/components/confirm-content';
-declare const ConfirmElectronDialog: ({ children, params, }: PropsWithChildren<{
-    params: Partial<ConfirmContentProps> & {
-        height?: number;
-        x?: number;
-        y?: number;
-    };
-}>) => import("react/jsx-runtime").JSX.Element;
-export default ConfirmElectronDialog;

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

@@ -1,54 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _mobxReact = require("mobx-react");
-var _react = require("react");
-var _store = require("../../store");
-var _constant = require("../../../../utilities/constant");
-var _useElectron = require("../../hooks/useElectron");
-var _jsxRuntime = require("react/jsx-runtime");
-var ConfirmElectronDialog = (0, _mobxReact.observer)(function (_ref) {
-  var children = _ref.children,
-    params = _ref.params;
-  var store = (0, _react.useContext)(_store.StoreContext);
-  var config = {
-    frame: false,
-    fullscreen: false,
-    maximizable: false,
-    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,
-    transparent: true,
-    resizable: false
-  };
-  var element = (0, _useElectron.useElectronDialog)({
-    config: config,
-    dialogKey: _constant.DialogKey.CONFIRM,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "fcr-confirm-dialog-wrapper",
-      children: children
-    }),
-    onOpened: function onOpened(_ref2) {
-      var browserWindow = _ref2.browserWindow;
-      browserWindow.setBounds({
-        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)
-      });
-    }
-  });
-  (0, _react.useEffect)(function () {
-    var _element$browserWindo;
-    element === null || element === void 0 || (_element$browserWindo = element.browserWindow) === null || _element$browserWindo === void 0 || _element$browserWindo.setBounds({
-      height: store.currentDialogBounds.height
-    });
-  }, [store.currentDialogBounds.height]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
-});
-var _default = exports["default"] = ConfirmElectronDialog;

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

@@ -1,25 +0,0 @@
-.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 {
-  box-shadow: none;
-}
-.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/operation-waiting-room/electron.d.ts

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

@@ -1,42 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _mobxReact = require("mobx-react");
-var _useElectron = require("../../hooks/useElectron");
-var _constant = require("../../../../utilities/constant");
-var OperationWaitingRoomDialog = (0, _mobxReact.observer)(function (_ref) {
-  var children = _ref.children,
-    params = _ref.params;
-  var config = {
-    frame: false,
-    fullscreen: false,
-    maximizable: false,
-    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: (params === null || params === void 0 ? void 0 : params.x) || 0,
-    y: (params === null || params === void 0 ? void 0 : params.y) || 0,
-    transparent: true
-  };
-  (0, _useElectron.useElectronDialog)({
-    dialogKey: _constant.DialogKey.WAITING_ROOM_OPERATION,
-    config: config,
-    children: children,
-    onOpened: function onOpened(_ref2) {
-      var browserWindow = _ref2.browserWindow;
-      browserWindow.setBounds({
-        width: 445,
-        height: 237
-      });
-    }
-  });
-  return null;
-});
-var _default = exports["default"] = OperationWaitingRoomDialog;

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

@@ -1,44 +0,0 @@
-.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

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