fcr-ui-scene 3.7.3 → 3.7.4-rc.1

package/lib/modules/participant/store.js

@@ -95,24 +95,22 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _fcrCore = require("fcr-core");
 var _type = require("fcr-core/lib/type");
-var _type2 = require("agora-rte-sdk/lib/type");
 var _attendee = require("agora-ui-foundation/lib/components/participants/attendee");
 var _mobx = require("mobx");
 var _constant = require("../../utilities/constant");
 var _decorator = require("agora-foundation/lib/decorator");
 var _mobxUtils = require("mobx-utils");
-var _type3 = require("./type");
+var _type2 = require("./type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _i18n2 = require("../../hooks/i18n");
-var _type4 = require("fcr-core/lib/room-control/user-control/type");
+var _type3 = require("fcr-core/lib/room-control/user-control/type");
 var _react = require("react");
 var _confirmInput = require("./components/confirm-input");
-var _type5 = require("fcr-core/lib/room-control/privilege-control/type");
+var _type4 = require("fcr-core/lib/room-control/privilege-control/type");
 var _env = require("agora-foundation/lib/utilities/env");
-var _type6 = require("../../type");
+var _type5 = require("../../type");
 var _operateWaitingroomMember = require("./components/operate-waitingroom-member");
 var _muteAll = require("./components/mute-all");
-var _imports = require("fcr-core/lib/imports");
 var _logger = require("../../utilities/logger");
 var _jsxRuntime = require("react/jsx-runtime");
 var _ParticipantStore;
@@ -200,13 +198,13 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       onWaitingRoomManageCanceled: function onWaitingRoomManageCanceled() {
         _this._waitingRoomControl = undefined;
         _this._waitingRoomUserControl = undefined;
-        _this.handleActiveTab(_type6.FcrUIRoomType.MAIN_ROOM);
+        _this.handleActiveTab(_type5.FcrUIRoomType.MAIN_ROOM);
       }
     });
     (0, _defineProperty2["default"])(this, "_privilegeControlObserver", {
       onSecurityInfoUpdated: function onSecurityInfoUpdated(roomId, event) {
         var _event$securityInfo$i;
-        if (((_event$securityInfo$i = event.securityInfo.info) === null || _event$securityInfo$i === void 0 ? void 0 : _event$securityInfo$i.action) === _type5.FcrSecurityAction.ChangeName) {
+        if (((_event$securityInfo$i = event.securityInfo.info) === null || _event$securityInfo$i === void 0 ? void 0 : _event$securityInfo$i.action) === _type4.FcrSecurityAction.ChangeName) {
           if (!event.securityInfo.enable) {
             _this._closeChangeNameDialog();
           }
@@ -241,7 +239,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     // @observable accessor enableSpotlight: boolean = true;
     _classPrivateFieldInitSpec(this, _G, _init_mergeConfirmDialog(this, false));
     _classPrivateFieldInitSpec(this, _H, _init_mergeUserId(this, ''));
-    _classPrivateFieldInitSpec(this, _I, _init_activeTab(this, _type6.FcrUIRoomType.MAIN_ROOM));
+    _classPrivateFieldInitSpec(this, _I, _init_activeTab(this, _type5.FcrUIRoomType.MAIN_ROOM));
     _classPrivateFieldInitSpec(this, _J, _init_interpreterInputLanguageList(this, []));
     _classPrivateFieldInitSpec(this, _K, _init_newName(this, ''));
     _classPrivateFieldInitSpec(this, _L, _init_allowUnmute(this, false));
@@ -262,7 +260,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "_formatUser", function (user) {
       var userStreams = user.streams;
       var hasShareScreen = userStreams.some(function (stream) {
-        return stream.videoSourceType === _type2.AgoraRteVideoSourceType.SCREEN;
+        return stream.videoSourceType === _fcrCore.FcrVideoSourceType.SCREEN;
       });
       var isSelf = user.userId === _this.localUser.userId;
       var hasAudioPublishedAndStarted = function hasAudioPublishedAndStarted(stream) {
@@ -272,7 +270,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         return (stream === null || stream === void 0 ? void 0 : stream.videoSourceState) === _fcrCore.FcrMediaSourceState.OPEN;
       };
       var isHideMicroIcon = function isHideMicroIcon(stream) {
-        return !hasAudioPublishedAndStarted(stream) || (stream === null || stream === void 0 ? void 0 : stream.streamType) === _imports.AgoraRteMediaStreamType.NONE || (stream === null || stream === void 0 ? void 0 : stream.streamType) === _imports.AgoraRteMediaStreamType.VIDEO;
+        return !hasAudioPublishedAndStarted(stream) || (stream === null || stream === void 0 ? void 0 : stream.streamType) === _type.FcrStreamType.NONE || (stream === null || stream === void 0 ? void 0 : stream.streamType) === _type.FcrStreamType.VIDEO;
       };
       var hasAudio = false;
       var hasVideo = false;
@@ -282,7 +280,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       var userType = 'normal';
       var getDefaultStream = function getDefaultStream() {
         return userStreams.find(function (stream) {
-          return stream.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA;
+          return stream.videoSourceType === _fcrCore.FcrVideoSourceType.CAMERA;
         });
       };
       var getPstnStream = function getPstnStream() {
@@ -539,7 +537,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "userListSource",
     get: function get() {
-      if (this.activeTab === _type6.FcrUIRoomType.MAIN_ROOM) {
+      if (this.activeTab === _type5.FcrUIRoomType.MAIN_ROOM) {
         return this._sharedMemberDataSource.memberList;
       } else {
         return this._sharedWaitingRoomDataSource.waitingRoomDataSource.list;
@@ -864,10 +862,10 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         }),
         onOk: function onOk() {
           if (params.type === 'remove') {
-            _this6.removeWaitingRoomUser(params.userId, _this6._isChecked[params.type] ? _type4.FcrUserKickedOutType.Forever : _type4.FcrUserKickedOutType.Once);
+            _this6.removeWaitingRoomUser(params.userId, _this6._isChecked[params.type] ? _type3.FcrUserKickedOutType.Forever : _type3.FcrUserKickedOutType.Once);
           }
           if (params.type === 'removeAll') {
-            _this6.kickOutWaitingRoomAllMember(_this6._isChecked[params.type] ? _type4.FcrUserKickedOutType.Forever : _type4.FcrUserKickedOutType.Once);
+            _this6.kickOutWaitingRoomAllMember(_this6._isChecked[params.type] ? _type3.FcrUserKickedOutType.Forever : _type3.FcrUserKickedOutType.Once);
           }
           if (params.type === 'admitAll') {
             _this6.moveToMainRoomAllMember();
@@ -947,7 +945,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           this._privateChat(userId);
           break;
         case _attendee.ParticipantActionType.KICK_OUT:
-          if (this.activeTab === _type6.FcrUIRoomType.MAIN_ROOM) {
+          if (this.activeTab === _type5.FcrUIRoomType.MAIN_ROOM) {
             this._kickOutUser(userId);
           } else {
             var _this$userMap$get4;
@@ -1026,7 +1024,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       var isPSTN = (user === null || user === void 0 ? void 0 : user.userInfo.connectorType) === _fcrCore.FcrRoomConnectorType.PSTN;
       var streams = user === null || user === void 0 ? void 0 : user.streams;
       var streamId = streams === null || streams === void 0 || (_streams$find = streams.find(function (stream) {
-        return stream.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA || isPSTN && stream.videoSourceType === _fcrCore.FcrVideoSourceType.NONE;
+        return stream.videoSourceType === _fcrCore.FcrVideoSourceType.CAMERA || isPSTN && stream.videoSourceType === _fcrCore.FcrVideoSourceType.NONE;
       })) === null || _streams$find === void 0 ? void 0 : _streams$find.streamId;
       return streamId;
     }
@@ -1051,7 +1049,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_handleUserInfoUpdated",
     value: function _handleUserInfoUpdated(roomId, event) {
-      if (event.reason === _imports.AgoraRteUserUpdatedReason.ROLE && event.modifiedUser.userRole === _type.FcrUserRole.HOST) {
+      if (event.reason === _type.FcrUserUpdatedReason.ROLE && event.modifiedUser.userRole === _type.FcrUserRole.HOST) {
         this.showBecomeHostButton = false;
       }
     }
@@ -1134,7 +1132,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
             case 3:
               _context2.prev = 3;
               _t = _context2["catch"](1);
-              if (!(_t.code === '732403470')) {
+              if (!(_t instanceof _type.FcrError && _t.code === _constant.ErrorCode.FAILED_TO_MOVE_USER_TO_WAITING_ROOM)) {
                 _context2.next = 4;
                 break;
               }
@@ -1291,7 +1289,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     value: function handleActiveTab(tab) {
       this.activeTab = tab;
       // this._uiEventStore.sendEvent(FcrUIAction.CURRENT_PARTITIPANT_TAB, tab);
-      if (this.activeTab === _type6.FcrUIRoomType.WAITING_ROOM) {
+      if (this.activeTab === _type5.FcrUIRoomType.WAITING_ROOM) {
         this._sharedWaitingRoomDataSource.unReadState = false;
       }
     }
@@ -1305,7 +1303,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         return stream.connectorType !== _fcrCore.FcrRoomConnectorType.NONE;
       });
       var normalStream = userStreams.find(function (stream) {
-        return stream.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA;
+        return stream.videoSourceType === _fcrCore.FcrVideoSourceType.CAMERA;
       });
       var isSelf = user === this.localUser.userId;
       if (isSelf) {
@@ -1324,7 +1322,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     value: function _unmuteUserAudio(userId) {
       var streamInfos = this._streamControl.getStreamsByUserId(userId);
       var hardStream = streamInfos.find(function (streamInfo) {
-        return streamInfo.connectorType !== _imports.AgoraRteRoomConnectorType.NONE;
+        return streamInfo.connectorType !== _fcrCore.FcrRoomConnectorType.NONE;
       });
       // const normalStream = streamInfos.find(streamInfo => streamInfo.videoSourceType === AgoraRteVideoSourceType.CAMERA);
       var isSelf = userId === this.localUser.userId;
@@ -1391,7 +1389,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       } else {
         var targetUsers = this._streamControl.getStreamsByUserId(user);
         var targetUser = targetUsers.find(function (user) {
-          return user.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA;
+          return user.videoSourceType === _fcrCore.FcrVideoSourceType.CAMERA;
         });
         if (!targetUser) {
           return;
@@ -1422,7 +1420,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           }
           this._unmuteVideoTimestamp.set(userId, now);
           this._peerSessionControl.startPeerSession({
-            sessionKey: _type3.FcrUISessionKey.REQUEST_OPEN_CAMERA,
+            sessionKey: _type2.FcrUISessionKey.REQUEST_OPEN_CAMERA,
             receiverId: userId,
             duration: SESSION_DURATION,
             payload: {
@@ -1481,7 +1479,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           reason2: (_this$userMap$get7 = this.userMap.get(userId)) === null || _this$userMap$get7 === void 0 ? void 0 : _this$userMap$get7.userInfo.userName
         }),
         onOk: function onOk() {
-          _this1._userControl.kickOut(userId, _type4.FcrUserKickedOutType.Once);
+          _this1._userControl.kickOut(userId, _type3.FcrUserKickedOutType.Once);
           _this1._dialogProvider.closeConfirm(dialogId);
         },
         height: 160
@@ -1530,17 +1528,19 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
                 case 3:
                   _context5.prev = 3;
                   _t2 = _context5["catch"](1);
-                  errCode = _t2.code;
-                  if (errCode === '700000403') {
-                    _this10._messageProvider.showToast({
-                      type: 'error',
-                      message: (0, _i18n.transI18n)('fmt_attendies_button_revokehost_error')
-                    });
-                  } else if (errCode === '720403001') {
-                    _this10._messageProvider.showToast({
-                      type: 'error',
-                      message: (0, _i18n.transI18n)('fmt_attendies_toast_cohost_upper_limit')
-                    });
+                  if (_t2 instanceof _type.FcrError) {
+                    errCode = _t2.code;
+                    if (errCode === _constant.ErrorCode.FAILED_TO_UPDATE_USER_ROLE_DUE_TO_PRIVILEGE) {
+                      _this10._messageProvider.showToast({
+                        type: 'error',
+                        message: (0, _i18n.transI18n)('fmt_attendies_button_revokehost_error')
+                      });
+                    } else if (errCode === _constant.ErrorCode.FAILED_TO_UPDATE_USER_ROLE_DUE_TO_LIMIT_REACHED) {
+                      _this10._messageProvider.showToast({
+                        type: 'error',
+                        message: (0, _i18n.transI18n)('fmt_attendies_toast_cohost_upper_limit')
+                      });
+                    }
                   }
                   _this10.logger.error(_t2);
                 case 4:
@@ -1680,7 +1680,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         return;
       }
       var localUser = this._streamControl.getStreamsByUserId(localUserUid).find(function (user) {
-        return user.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA;
+        return user.videoSourceType === _fcrCore.FcrVideoSourceType.CAMERA;
       });
       if (!localUser) {
         return;
@@ -1689,7 +1689,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       var localUserHasVideo = this._deviceStore.cameraEnabled;
       var sessionKey = session.sessionKey,
         payload = session.payload;
-      if (sessionKey === _type3.FcrUISessionKey.REQUEST_OPEN_CAMERA) {
+      if (sessionKey === _type2.FcrUISessionKey.REQUEST_OPEN_CAMERA) {
         this.logger.info('participant store onPeerSessionReceived handle REQUEST_OPEN_CAMERA', localUserHasVideo);
         if (localUserHasVideo) {
           this._peerSessionControl.acceptPeerSession(session);
@@ -1715,10 +1715,10 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
             _this11._peerSessionControl.rejectPeerSession(session);
             _this11._dialogProvider.closeConfirm(dialogId);
           }
-        }, _type3.FcrUISessionKey.REQUEST_OPEN_CAMERA);
+        }, _type2.FcrUISessionKey.REQUEST_OPEN_CAMERA);
         return;
       }
-      if (sessionKey === _type3.FcrUISessionKey.REQUEST_OPEN_MICROPHONE) {
+      if (sessionKey === _type2.FcrUISessionKey.REQUEST_OPEN_MICROPHONE) {
         if (localUserHasAudio) {
           this._peerSessionControl.acceptPeerSession(session);
           return;
@@ -1745,7 +1745,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
             _this11._dialogProvider.closeConfirm(_dialogId);
           },
           height: 166
-        }, _type3.FcrUISessionKey.REQUEST_OPEN_MICROPHONE);
+        }, _type2.FcrUISessionKey.REQUEST_OPEN_MICROPHONE);
       }
     }
   }, {
@@ -1764,10 +1764,10 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       var responderId = session.responderId,
         sessionKey = session.sessionKey;
       switch (sessionKey) {
-        case _type3.FcrUISessionKey.REQUEST_OPEN_CAMERA:
+        case _type2.FcrUISessionKey.REQUEST_OPEN_CAMERA:
           this._unmuteVideoTimestamp["delete"](responderId);
           break;
-        case _type3.FcrUISessionKey.REQUEST_OPEN_MICROPHONE:
+        case _type2.FcrUISessionKey.REQUEST_OPEN_MICROPHONE:
           this._unmuteAudioTimestamp["delete"](responderId);
           break;
       }

package/lib/modules/secondary-window/index.d.ts

@@ -43,7 +43,8 @@ export declare class FcrUIMainWindowRendererImpl implements FcrUIMainWindowRende
     get ownerUser(): FcrUserInfo | undefined;
     get backgroundColor(): string;
     get hasWriteBoardPermission(): boolean;
-    notifyObservers(event: keyof FcrUIMainWindowRendererObserver, args: any): void;
+    notifyObservers(event: keyof FcrUIMainWindowRendererObserver, args?: any): void;
     addObserver(observer: FcrUIMainWindowRendererObserver): void;
     removeObserver(observer: FcrUIMainWindowRendererObserver): void;
+    removeAllObservers(): void;
 }

package/lib/modules/secondary-window/index.js

@@ -104,5 +104,10 @@ var FcrUIMainWindowRendererImpl = exports.FcrUIMainWindowRendererImpl = /*#__PUR
     value: function removeObserver(observer) {
       this._observers.removeObserver(observer);
     }
+  }, {
+    key: "removeAllObservers",
+    value: function removeAllObservers() {
+      this._observers.removeAllObservers();
+    }
   }]);
 }();

package/lib/modules/secondary-window/type.d.ts

@@ -73,26 +73,30 @@ export type FcrUIMainWindowRendererObserver = {
     onUndoStepsUpdated?: (steps: boolean) => void;
     onRedoStepsUpdated?: (steps: boolean) => void;
     onConnectionStateUpdated?: (state: FcrConnectionState) => void;
-    onSaveDraft?: (saveDraft: boolean) => void;
+    onSaveDraft?: () => void;
     onDraftSaved?: (image: FcrImageData) => void;
-    onWhiteboardInActive?: (inActive: boolean) => void;
+    onWhiteboardInActive?: () => void;
 };
 export interface FcrUIMainWindowRenderer {
     get ownerUser(): FcrUserInfo | undefined;
     get backgroundColor(): string;
     get hasWriteBoardPermission(): boolean;
-    notifyObservers(event: keyof FcrUIMainWindowRendererObserver, userInfo: FcrUserInfo): void;
-    notifyObservers(event: keyof FcrUIMainWindowRendererObserver, color: string): void;
-    notifyObservers(event: keyof FcrUIMainWindowRendererObserver, tool: {
+    notifyObservers(event: 'onSharingUserUpdated', userInfo: FcrUserInfo): void;
+    notifyObservers(event: 'onBackgroundColorUpdated', color: string): void;
+    notifyObservers(event: 'onWhiteboardToolSelected', tool: {
         action: WhiteboardToolAction;
         tool: FcrBoardToolType | FcrBoardShape | string | number;
     }): void;
-    notifyObservers(event: keyof FcrUIMainWindowRendererObserver, steps: boolean): void;
-    notifyObservers(event: keyof FcrUIMainWindowRendererObserver, hasWriteBoardPermission: boolean): void;
-    notifyObservers(event: keyof FcrUIMainWindowRendererObserver, saveDraft: boolean): void;
-    notifyObservers(event: keyof FcrUIMainWindowRendererObserver, inActive: boolean): void;
+    notifyObservers(event: 'onConnectionStateUpdated', state: FcrConnectionState): void;
+    notifyObservers(event: 'onUndoStepsUpdated'): void;
+    notifyObservers(event: 'onRedoStepsUpdated'): void;
+    notifyObservers(event: 'onPermissionUpdated', hasWriteBoardPermission: boolean): void;
+    notifyObservers(event: 'onSaveDraft'): void;
+    notifyObservers(event: 'onWhiteboardInActive'): void;
+    notifyObservers(event: 'onDraftSaved', image: FcrImageData): void;
     addObserver(observer: FcrUIMainWindowRendererObserver): void;
     removeObserver(observer: FcrUIMainWindowRendererObserver): void;
+    removeAllObservers(): void;
 }
 export type VideoWindowDataReturn<T extends `${FcrUIDisplayDistributionContentType}`> = T extends `${FcrUIDisplayDistributionContentType.HIDDEN}` ? undefined : FcrUIVideoWindowData;
 export declare enum WhiteboardToolAction {

package/lib/modules/secondary-window/view.js

@@ -10,13 +10,13 @@ var _mobxReact = require("mobx-react");
 var _useElectron = require("../dialog/hooks/useElectron");
 var _react = require("react");
 var _store = require("./store");
-var _imports = require("fcr-core/lib/imports");
+var _type = require("fcr-core/lib/type");
 var _memberWindow = require("../components/member-window");
 var _controlBar = require("../components/control-bar");
 var _loading = require("../components/control-bar/components/loading");
 var _toolbar = require("../components/toolbar");
 var _enums = require("fcr-core/lib/room-control/whiteboard-control/enums");
-var _type = require("./type");
+var _type2 = require("./type");
 var _progress = _interopRequireDefault(require("../components/control-bar/components/progress"));
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _portal = require("../components/leave-meeting/portal");
@@ -136,15 +136,15 @@ var SubWindowView = exports.SubWindowView = (0, _mobxReact.observer)(function (p
         canShowSpeakerSpotlight: true,
         width: Infinity,
         height: Infinity,
-        videoRenderMode: _imports.AgoraRtcRenderMode.FIT,
-        videoStreamType: _imports.AgoraRtcVideoStreamType.HIGH_STREAM,
+        videoRenderMode: _type.FcrVideoRenderMode.FIT,
+        videoStreamType: _type.FcrVideoStreamType.HIGH_STREAM,
         windowData: videoWindowData,
         showAvatar: true,
         isVideoSuspended: false,
         enableZoom: true,
         scalcValue: scalValue,
         onScaleChange: setScaleValue
-      }), secondaryWindowContentType === _type.FcrUIDisplayDistributionContentType.SHARING_SCREEN_WITH_ANNOTATION && annotationHasStart && /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
+      }), secondaryWindowContentType === _type2.FcrUIDisplayDistributionContentType.SHARING_SCREEN_WITH_ANNOTATION && annotationHasStart && /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
         ref: handleIframeLoad,
         allow: "webview",
         src: "".concat(baseUrl, "/whiteboard.html?type=annotation"),
@@ -209,43 +209,43 @@ var SubWindowView = exports.SubWindowView = (0, _mobxReact.observer)(function (p
       setCommonColors: setCommonColors,
       setStrokeWidth: function setStrokeWidth(width) {
         setWhiteboardTool({
-          action: _type.WhiteboardToolAction.WIDTH,
+          action: _type2.WhiteboardToolAction.WIDTH,
           tool: width
         });
       },
       setTool: function setTool(tool) {
         setWhiteboardTool({
-          action: _type.WhiteboardToolAction.TOOL,
+          action: _type2.WhiteboardToolAction.TOOL,
           tool: tool
         });
       },
       setShape: function setShape(shape) {
         setWhiteboardTool({
-          action: _type.WhiteboardToolAction.SHAPE,
+          action: _type2.WhiteboardToolAction.SHAPE,
           tool: shape
         });
       },
       setStrokeColor: function setStrokeColor(color) {
         setWhiteboardTool({
-          action: _type.WhiteboardToolAction.COLOR,
+          action: _type2.WhiteboardToolAction.COLOR,
           tool: color
         });
       },
       undo: function undo() {
         return setWhiteboardTool({
-          action: _type.WhiteboardToolAction.UNDO,
+          action: _type2.WhiteboardToolAction.UNDO,
           tool: _enums.FcrBoardToolType.NONE
         });
       },
       redo: function redo() {
         return setWhiteboardTool({
-          action: _type.WhiteboardToolAction.REDO,
+          action: _type2.WhiteboardToolAction.REDO,
           tool: _enums.FcrBoardToolType.NONE
         });
       },
       clean: function clean() {
         return setWhiteboardTool({
-          action: _type.WhiteboardToolAction.CLEAR,
+          action: _type2.WhiteboardToolAction.CLEAR,
           tool: _enums.FcrBoardToolType.NONE
         });
       },

package/lib/modules/setting/audio-settings/audio-settings.js

@@ -104,6 +104,8 @@ var AudioSettings = exports.AudioSettings = (0, _mobxReact.observer)(function ()
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     mediaSetting = _useState4[0],
     setMediaSetting = _useState4[1];
+  var speakerVolumeLevel = speakerDetecting ? speakerTestVolumeLevel / 100 : 0;
+  var microphoneVolumeLevel = microphoneDetecting ? microphoneTestVolumeLevel / 100 : 0;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: ns.b(),
     ref: containerRef,
@@ -129,7 +131,7 @@ var AudioSettings = exports.AudioSettings = (0, _mobxReact.observer)(function ()
           className: ns.e('form-label'),
           children: t('fmt_setting_label_oututlevel')
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_volumeIndicator.FcrVolumeIndicator, {
-          value: speakerTestVolumeLevel / 100,
+          value: speakerVolumeLevel,
           barCount: 13
         })]
       }), (0, _env.isElectron)() && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -169,7 +171,7 @@ var AudioSettings = exports.AudioSettings = (0, _mobxReact.observer)(function ()
           className: ns.e('form-label'),
           children: t('fmt_internalsetting_label_inputlevel')
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_volumeIndicator.FcrVolumeIndicator, {
-          value: microphoneDetecting ? microphoneTestVolumeLevel / 100 : 0,
+          value: microphoneVolumeLevel,
           barCount: 13
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/lib/modules/setting/config.d.ts

@@ -5,6 +5,7 @@ export declare const defaultCameraVideoEncoderConfig: {
     };
     frameRate: number;
     bitrate: number;
+    isMirror: boolean;
 };
 export declare const hdCameraVideoEncoderConfig: {
     dimensions: {
@@ -13,6 +14,7 @@ export declare const hdCameraVideoEncoderConfig: {
     };
     frameRate: number;
     bitrate: number;
+    isMirror: boolean;
 };
 export declare const clearityEncoderConfig: {
     dimensions: {
@@ -21,6 +23,7 @@ export declare const clearityEncoderConfig: {
     };
     frameRate: number;
     bitrate: number;
+    isMirror: boolean;
 };
 export declare const smoothEncoderConfig: {
     dimensions: {
@@ -29,4 +32,5 @@ export declare const smoothEncoderConfig: {
     };
     frameRate: number;
     bitrate: number;
+    isMirror: boolean;
 };

package/lib/modules/setting/config.js

@@ -13,7 +13,8 @@ var hdCameraVideoEncoderConfig = exports.hdCameraVideoEncoderConfig = {
     height: 1080
   },
   frameRate: 20,
-  bitrate: 2500
+  bitrate: 2500,
+  isMirror: false
 };
 var clearityEncoderConfig = exports.clearityEncoderConfig = {
   dimensions: {
@@ -21,7 +22,8 @@ var clearityEncoderConfig = exports.clearityEncoderConfig = {
     height: 1080
   },
   frameRate: 15,
-  bitrate: 1500
+  bitrate: 1500,
+  isMirror: false
 };
 var smoothEncoderConfig = exports.smoothEncoderConfig = {
   dimensions: {
@@ -29,5 +31,6 @@ var smoothEncoderConfig = exports.smoothEncoderConfig = {
     height: 1080
   },
   frameRate: 25,
-  bitrate: 1200
+  bitrate: 1200,
+  isMirror: false
 };

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

@@ -1,6 +1,6 @@
 import { FcrBeautyOptions } from 'fcr-core/lib/media-control/type';
 import { FcrDeviceInfo, FcrPerformanceInfo } from 'fcr-core/lib/type';
-import { AgoraRtcNetworkStats } from 'agora-rte-sdk';
+import { FcrNetworkStats } from 'fcr-core/lib/type';
 import { FcrUIHighlightElement } from '../../utilities/constant';
 import { DEFAULT_BEAUTY_VALUE } from 'agora-ui-foundation/lib/components/local-video-player';
 import { FcrUIAiDenoiseLevel } from '../../type';
@@ -15,6 +15,10 @@ import { FcrUIDialogProvider } from '../../providers/dialog-provider';
 import { FcrUIRoomProvider } from '../../providers/room-provider';
 import { FcrUISharedConfigDataSource } from '../../shared-data-source/config';
 import { FcrUISharedInterpreterDataSource } from '../../shared-data-source/interpreter';
+export declare enum MeetingStatus {
+    PENDING = "pending",
+    ACTIVE = "active"
+}
 export interface FcrDeviceObserver {
     onCameraChanged?(cameraId: string): void;
     onMicrophoneChanged?(microphoneId: string): void;
@@ -92,10 +96,11 @@ export default class SettingStore {
     private _roomObserver;
     private _streamObserver;
     accessor loudestStreamVolumeLevel: number;
+    accessor meetingStatus: MeetingStatus;
     accessor microphoneVolumeLevel: number;
     accessor isWifiConnected: boolean;
     accessor dialogConfig: DeviceSettingDialogConfig;
-    accessor networkState: AgoraRtcNetworkStats;
+    accessor networkState: FcrNetworkStats;
     accessor performanceState: FcrPerformanceInfo & {
         cpuOtherAppUsage: number;
         memoryOtherAppUsageRatio: number;
@@ -174,7 +179,6 @@ export default class SettingStore {
     get speakerDetecting(): boolean;
     get setting(): FcrUICustomSetting;
     get media(): import("../../type").FcrUIMediaConfig;
-    get isPreMeetingSettingsStore(): boolean;
     get sceneConfig(): {
         roomToken: string;
         roomId: string;
@@ -198,6 +202,7 @@ export default class SettingStore {
         sharedInterpreterDataSource?: FcrUISharedInterpreterDataSource;
     });
     get messageProvider(): FcrUIMessageProvider;
+    startMeeting(): void;
     initSettingConfig(): void;
     enableVirtualBackground(enable: boolean, source?: VirtualBackground): void;
     setEditBeautyKey(key: BeautyKey): void;