fcr-ui-scene-mobile 3.4.0

package/lib/modules/layout/components/Layout.js

@@ -0,0 +1,98 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.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.string.iterator.js");
+require("core-js/modules/es.weak-map.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.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Layout = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.promise.js");
+require("core-js/modules/web.timers.js");
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _context2 = require("../context");
+var _useIsNodePresent2 = require("../../../hooks/useIsNodePresent");
+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; }
+var Layout = exports.Layout = (0, _mobxReact.observer)(function () {
+  var layoutStore = (0, _react.useContext)(_context2.LayoutStoreContext);
+  var actionBar = layoutStore.actionBar,
+    stateBar = layoutStore.stateBar,
+    memberLayout = layoutStore.memberLayout,
+    fetchModuleAfterLCP = layoutStore.fetchModuleAfterLCP;
+  var mainLayoutRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    BottomDrawer = _useState2[0],
+    setBottomDrawer = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    FcrMobileRequestEquipPopup = _useState4[0],
+    setFcrMobileRequestEquipPopup = _useState4[1];
+  var _useIsNodePresent = (0, _useIsNodePresent2.useIsNodePresent)('.fcr-member-layout'),
+    isNodePresent = _useIsNodePresent.isNodePresent;
+  var fetchCompsAfterLCP = function fetchCompsAfterLCP() {
+    return new Promise(/*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(resolve) {
+        var bottomDrawer, fcrMobileRequestEquipPopupn;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return Promise.resolve().then(function () {
+                return _interopRequireWildcard(require('../bottom-drawer'));
+              });
+            case 2:
+              bottomDrawer = _context.sent["default"];
+              setBottomDrawer(bottomDrawer);
+              _context.next = 6;
+              return Promise.resolve().then(function () {
+                return _interopRequireWildcard(require('./equip-request-popup'));
+              });
+            case 6:
+              fcrMobileRequestEquipPopupn = _context.sent["default"];
+              setFcrMobileRequestEquipPopup(fcrMobileRequestEquipPopupn);
+              resolve(true);
+            case 9:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+  };
+  (0, _react.useEffect)(function () {
+    if (isNodePresent) {
+      setTimeout(function () {
+        console.log('Pulling non first screen resources');
+        // 客户现在可以看到status-bar action-bar与中间的视窗了
+        // 然后我们去初始化非首屏的UIModule
+        fetchModuleAfterLCP();
+        fetchCompsAfterLCP();
+      }, 400);
+    }
+  }, [isNodePresent]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "fcr-mobile-gallery-main-layout",
+    ref: mainLayoutRef,
+    children: [stateBar, memberLayout, actionBar, mainLayoutRef && mainLayoutRef.current && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [BottomDrawer ? BottomDrawer : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {}), FcrMobileRequestEquipPopup ? FcrMobileRequestEquipPopup : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {})]
+    })]
+  });
+});

package/lib/modules/layout/components/equip-request-popup/index.css

@@ -0,0 +1,30 @@
+.fcr-mobile-request-equip-wrap{
+    padding: 24px 20px;
+    text-align: center;
+}
+.fcr-mobile-request-equip-title{
+    color: var(--fcr_ui_scene_icontext1);
+    font-size: 20px;
+    margin-bottom: 20px;
+}
+.fcr-mobile-request-equip-tip-content{
+    color: var(--fcr_ui_scene_icontext1);
+    font-size: 14px;
+    margin-bottom: 20px;
+}
+.fcr-mobile-request-equip-tip-btns{
+    display: flex;
+    justify-content: space-between;
+}
+
+.fcr-mobile-request-equip-tip-btns .fcr-mobile-request-equip-tip-btn{
+    width:153px;
+    height: 40px;
+    color: var(--fcr_ui_scene_white10);
+    font-size: 15px;
+}
+
+.fcr-mobile-request-equip-tip-btns .fcr-mobile-request-equip-tip-btn.cancel{
+    background-color: var(--fcr_mobile_ui_scene_fill2);
+    color: var(--fcr_ui_scene_icontext2);
+}

package/lib/modules/layout/components/equip-request-popup/index.d.ts

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

package/lib/modules/layout/components/equip-request-popup/index.js

@@ -0,0 +1,78 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _popup = require("agora-ui-foundation/lib/components/popup");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _globalContext = require("../../../../common/global-context");
+var _participantStore = require("../../../../common/participant-store");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _type = require("../../../../type");
+var _button = require("agora-ui-foundation/lib/components/button");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var FcrMobileRequestEquipPopup = (0, _mobxReact.observer)(function () {
+  var _useContext = (0, _react.useContext)(_globalContext.FcrMobileGlobalContext),
+    participantStore = _useContext.participantStore;
+  var requestEquipPopupShow = participantStore.requestEquipPopupShow,
+    requestEquipType = participantStore.requestEquipType,
+    requestEquipSenderRole = participantStore.requestEquipSenderRole,
+    cancelRequestEquip = participantStore.cancelRequestEquip,
+    confirmRequestEquip = participantStore.confirmRequestEquip;
+  var title = requestEquipType === _participantStore.EquipRequstType.VIDEO ? (0, _i18n.transI18n)('fmt_attendies_tips_apply_video_title', {
+    reason1: (0, _i18n.transI18n)(_type.userRoleI18nKey[requestEquipSenderRole])
+  }) : (0, _i18n.transI18n)('fmt_attendies_tips_apply_audio_title', {
+    reason1: (0, _i18n.transI18n)(_type.userRoleI18nKey[requestEquipSenderRole])
+  });
+  var cancelBtnText = requestEquipType === _participantStore.EquipRequstType.VIDEO ? (0, _i18n.transI18n)('fmt_additional_button_refuse') : (0, _i18n.transI18n)('fmt_additional_options_Keepsilent');
+  var confirmBtnText = requestEquipType === _participantStore.EquipRequstType.VIDEO ? (0, _i18n.transI18n)('fmt_additional_button_accept') : (0, _i18n.transI18n)('fmt_device_label_audio_unmute');
+  var tipContent = requestEquipType === _participantStore.EquipRequstType.VIDEO ? (0, _i18n.transI18n)('fmt_additional_tips_cameraturnon') : (0, _i18n.transI18n)('fmt_additional_tips_agreeturnon');
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_popup.FcrPopup, {
+    showCloseButton: false,
+    visible: requestEquipPopupShow,
+    bodyStyle: {
+      height: '172px'
+    },
+    onMaskClick: function onMaskClick() {
+      cancelRequestEquip();
+    },
+    onClose: function onClose() {
+      cancelRequestEquip();
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fcr-mobile-request-equip-wrap",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-mobile-request-equip-title",
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-mobile-request-equip-tip-content",
+        children: tipContent
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-mobile-request-equip-tip-btns",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+          className: "fcr-mobile-request-equip-tip-btn cancel",
+          onClick: function onClick() {
+            return cancelRequestEquip();
+          },
+          children: cancelBtnText
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+          className: "fcr-mobile-request-equip-tip-btn",
+          onClick: function onClick() {
+            return confirmRequestEquip();
+          },
+          children: confirmBtnText
+        })]
+      })]
+    })
+  });
+});
+var FcrMobileRequestEquipPopupWrapper = function FcrMobileRequestEquipPopupWrapper() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FcrMobileRequestEquipPopup, {})
+  });
+};
+var _default = exports["default"] = FcrMobileRequestEquipPopupWrapper;

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

@@ -0,0 +1,78 @@
+.fcr-mobile-main-layout {
+  width: 100%;
+  height: 100%;
+}
+
+.fcr-mobile-item-wrap {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-top: 6px;
+}
+
+.fcr-mobile-item-icon {
+  align-self: center;
+}
+
+.fcr-mobile-gallery-main-layout {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--fcr_mobile_ui_scene_guide);
+}
+
+.fcr-mobile-full-screen-cover {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+  background-image: url('../../../assets/ground_glass_bg.png');
+  background-repeat: no-repeat;
+  position: fixed;
+  top: 0px;
+  z-index: 999;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+.fcr-mobile-lock-room-dialog-infos {
+  height: 180px;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  margin-top: 180px;
+  align-items: center;
+}
+
+.fcr-mobile-lock-room-dialog-infos-title {
+  color: var(--fcr_ui_scene_white10);
+  font-size: 20px;
+  text-align: center;
+}
+
+.fcr-mobile-lock-room-dialog-infos-tip {
+  color: var(--fcr_ui_scene_white10);
+  font-size: 16px;
+  text-align: center;
+}
+
+.fcr-mobile-lock-room-dialog-leave-btn.fcr-button p {
+  font-size: 16px !important;
+}
+
+.fcr-mobile-cancel-circle-btn{
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+  border: 1px solid var(--fcr_ui_scene_line1);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0 auto;
+  position: fixed;
+  bottom: 80px;
+  left: calc((100% - 80px) / 2);
+  background-color: var(--fcr_ui_scene_view_toast);
+}

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

@@ -0,0 +1,2 @@
+import './index.css';
+export * from './Layout';

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

@@ -0,0 +1,25 @@
+"use strict";
+
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.object.define-property.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.for-each.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+require("./index.css");
+var _Layout = require("./Layout");
+Object.keys(_Layout).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Layout[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Layout[key];
+    }
+  });
+});

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

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

package/lib/modules/layout/context.js

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

package/lib/modules/layout/drawer-header/index.css

@@ -0,0 +1,27 @@
+.fcr-drawer-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 50px;
+  width: 100%;
+  padding: 15px 13px 13px;
+}
+
+.fcr-drawer-header__title {
+  justify-content: center;
+  color: var(--fcr_ui_scene_icontext1);
+  font-weight: 700;
+  font-size: 15px;
+}
+
+.fcr-drawer-header__return-btn {
+  background: var(--fcr_mobile_ui_scene_color_popup_block2);
+  padding: 4px 12px;
+  border-radius: 12px;
+}
+
+.fcr-drawer-header__close {
+  border-radius: 50%;
+  padding: 4px;
+  background: var(--fcr_mobile_ui_scene_color_popup_block2);
+}

package/lib/modules/layout/drawer-header/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.css';
+interface DrawerHeaderProps {
+    type?: 'center' | 'space-between';
+    title: string;
+    onReturn?: () => void;
+    onClose?: () => void;
+}
+export declare const DrawerHeader: React.FC<DrawerHeaderProps>;
+export {};

package/lib/modules/layout/drawer-header/index.js

@@ -0,0 +1,54 @@
+"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.DrawerHeader = void 0;
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var DrawerHeader = exports.DrawerHeader = function DrawerHeader(_ref) {
+  var type = _ref.type,
+    title = _ref.title,
+    onClose = _ref.onClose,
+    onReturn = _ref.onReturn;
+  var cls = (0, _classnames["default"])('fcr-drawer-header', {
+    'fcr-drawer-header__center': type === 'center'
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: cls,
+    children: [onReturn && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      onClick: function onClick() {
+        onReturn();
+      },
+      className: 'fcr-drawer-header__return-btn',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        type: _type.FcrIconType.FCR_MOBILE_ARROW_LEFT,
+        colors: {
+          iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+        },
+        size: 16
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: 'fcr-drawer-header__title',
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: 'fcr-drawer-header__close',
+      onClick: function onClick() {
+        onClose === null || onClose === void 0 || onClose();
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        type: _type.FcrIconType.FCR_CLOSE,
+        size: 16,
+        colors: {
+          iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+        }
+      })
+    })]
+  });
+};

package/lib/modules/layout/index.css

@@ -0,0 +1,22 @@
+.fcr-action-bar-device:hover {
+  background: none !important;
+}
+.fcr-button:active {
+  transform: scale(0.98);
+}
+.fcr-button p {
+  font-size: 13px !important;
+}
+.fcr-dialog-body{
+  padding: 20px !important;
+}
+
+.fcr-mobile-cfg-card-item-label {
+  color: var(--fcr_ui_scene_icontext1);
+  font-size: 14px;
+  height: 24px;
+  line-height: 24px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}

package/lib/modules/layout/index.d.ts

@@ -0,0 +1,8 @@
+import { UIModule } from '../../base';
+import { FcrLayoutSlots, LayoutStoreParams } from './store';
+export declare class LayoutUIModule extends UIModule {
+    private _store;
+    constructor(args: LayoutStoreParams);
+    getComponent(slots?: Partial<FcrLayoutSlots>): import("react/jsx-runtime").JSX.Element;
+    release(): void;
+}

package/lib/modules/layout/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.reflect.construct.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LayoutUIModule = 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 _base = require("../../base");
+var _context = require("./context");
+var _store = require("./store");
+var _view = require("./view");
+var _jsxRuntime = require("react/jsx-runtime");
+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 LayoutUIModule = exports.LayoutUIModule = /*#__PURE__*/function (_UIModule) {
+  function LayoutUIModule(args) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, LayoutUIModule);
+    _this = _callSuper(this, LayoutUIModule);
+    _this._store = new _store.LayoutStore(args);
+    return _this;
+  }
+  (0, _inherits2["default"])(LayoutUIModule, _UIModule);
+  return (0, _createClass2["default"])(LayoutUIModule, [{
+    key: "getComponent",
+    value: function getComponent() {
+      var slots = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      this._store.updateSlots(slots);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.LayoutStoreContext.Provider, {
+        value: this._store,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {})
+      });
+    }
+  }, {
+    key: "release",
+    value: function release() {
+      this._store.release();
+    }
+  }]);
+}(_base.UIModule);

package/lib/modules/layout/store.d.ts

@@ -0,0 +1,59 @@
+import { FcrPrivilegeUserRole, FcrUserRole } from 'fcr-core';
+import { FcrSecurityStore } from '../../common/security-store';
+import { FcrChatRoomReceiveTextMessage } from 'fcr-core/lib/room-control/chatroom-control/type';
+import { FcrUIEventStore } from '../../common/event-store';
+export interface LayoutStoreParams {
+    securityStore: FcrSecurityStore;
+    uiEventStore: FcrUIEventStore;
+}
+export interface FcrLayoutSlots {
+    chat: React.ReactNode;
+    chatSelect: React.ReactNode;
+    chatAction: React.ReactNode;
+    stateBar: React.ReactNode;
+    actionBar: React.ReactNode;
+    layers: React.ReactNode;
+    memberLayout: React.ReactNode;
+    whiteboard: React.ReactNode;
+}
+export declare enum SlotsType {
+    None = "none",
+    Chat = "chat",
+    ChatSelect = "chatSelect"
+}
+export declare class LayoutStore implements FcrLayoutSlots {
+    private _securityStore;
+    private _uiEventStore;
+    private _eventObserver;
+    accessor userVolumeMap: Map<string, number>;
+    accessor shouldHideNonVideoParticipants: boolean;
+    accessor enableSpotlight: boolean;
+    accessor localUserRole: FcrUserRole;
+    accessor currentSlotType: SlotsType;
+    accessor unreadMsgCnt: number;
+    accessor latestMessage: FcrChatRoomReceiveTextMessage | null;
+    accessor currentModule: React.ReactNode | null;
+    accessor chat: React.ReactNode | null;
+    accessor chatSelect: React.ReactNode | null;
+    accessor chatAction: React.ReactNode;
+    accessor stateBar: React.ReactNode;
+    accessor memberLayout: React.ReactNode;
+    accessor actionBar: React.ReactNode;
+    accessor layers: React.ReactNode;
+    accessor whiteboard: React.ReactNode;
+    constructor(params: LayoutStoreParams);
+    muteAudio(_mute: boolean): void;
+    setLocalUserRole(role: FcrUserRole): void;
+    getAllowedOperations(targetRole: FcrUserRole, isSelf: boolean): string[];
+    updateSlots(slots: Partial<FcrLayoutSlots>): void;
+    hasMutePermission(targetRole: FcrPrivilegeUserRole | FcrUserRole): boolean;
+    hasUnmutePermission(targetRole: FcrPrivilegeUserRole | FcrUserRole): boolean;
+    hasRequestStartAudioPermission(targetRole: FcrPrivilegeUserRole | FcrUserRole): boolean;
+    updateCurrentModule(slotType: SlotsType): void;
+    closeCurrentModule(): void;
+    resetLastMessage(): void;
+    release(): void;
+    private _handleEvent;
+    getWhiteBoardComp(): import("react").ReactNode;
+    fetchModuleAfterLCP(): void;
+}