fcr-ui-scene 3.7.2 → 3.7.4

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;
@@ -174,7 +172,8 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       abilityProvider = _ref2.abilityProvider,
       messageProvider = _ref2.messageProvider,
       sharedSecuritySharedDataSource = _ref2.sharedSecuritySharedDataSource,
-      sharedScreenShareSharedDataSource = _ref2.sharedScreenShareSharedDataSource;
+      sharedScreenShareSharedDataSource = _ref2.sharedScreenShareSharedDataSource,
+      multiDisplayProvider = _ref2.multiDisplayProvider;
     (0, _classCallCheck2["default"])(this, ParticipantStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createLogger)({
       prefix: 'ParticipantStore'
@@ -199,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();
           }
@@ -240,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));
@@ -261,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) {
@@ -271,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;
@@ -281,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() {
@@ -368,6 +367,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     this._sharedChatDataSource = sharedChatDataSource;
     this._sharedSecuritySharedDataSource = sharedSecuritySharedDataSource;
     this._sharedScreenShareSharedDataSource = sharedScreenShareSharedDataSource;
+    this._multiDisplayProvider = multiDisplayProvider;
     this.allowUnmute = this._securityStore.allowUnmuteSelfAudio();
     this.joinWithMuteAudio = this._securityStore.allowJoinWithMuteAudio();
     this._uiEventStore.addObserver(this._eventObserver);
@@ -537,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;
@@ -657,6 +657,11 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     get: function get() {
       return this._sharedWaitingRoomDataSource.unReadState;
     }
+  }, {
+    key: "isLocalCameraInSecondaryWindow",
+    get: function get() {
+      return this._multiDisplayProvider.isLocalCameraInSecondaryWindow;
+    }
   }, {
     key: "isHostKeyEnabled",
     get: function get() {
@@ -857,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();
@@ -940,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;
@@ -1019,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;
     }
@@ -1044,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;
       }
     }
@@ -1127,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;
               }
@@ -1284,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;
       }
     }
@@ -1298,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) {
@@ -1317,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;
@@ -1384,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;
@@ -1415,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: {
@@ -1474,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
@@ -1523,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:
@@ -1673,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;
@@ -1682,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);
@@ -1708,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;
@@ -1738,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);
       }
     }
   }, {
@@ -1757,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

@@ -0,0 +1,50 @@
+import { UIModule } from '../../base';
+import { FcrUIEventProvider } from '../../providers/event-provider';
+import { FcrUIMultiDisplayProvider } from '../../providers/multi-display-provider';
+import { FcrUIMainWindowRenderer, FcrUIMainWindowRendererObserver } from './type';
+import { FcrUIVideoWindowDataSource } from '../../shared-data-source/video-window';
+import { FcrUIWhiteboardProvider } from '../../providers/whiteboard-provider';
+import { FcrUserInfo } from 'fcr-core/lib/type';
+import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
+import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
+import { FcrUISharedWhiteboardDataSource } from '../../shared-data-source/whiteboard-data';
+import { ShareScreenUIModule } from '../share-screen';
+import { FcrUIAnnotationProvider } from '../../providers/annotation-provider';
+import { FcrUISharedAnnotationSource } from '../../shared-data-source/annotation-data';
+import { FcrUIPrivilegeProvider } from '../../providers/privilege-provider';
+import { FcrUIRoomProvider } from '../../providers/room-provider';
+import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
+import { FcrUIDialogProvider } from '../../providers/dialog-provider';
+export declare class FcrUISecondaryWindowModule extends UIModule {
+    private _store?;
+    private _leaveMeetingStore?;
+    multiDisplayProvider?: FcrUIMultiDisplayProvider;
+    sharedVideoWindowDataSource?: FcrUIVideoWindowDataSource;
+    eventProvider?: FcrUIEventProvider;
+    whiteboardProvider?: FcrUIWhiteboardProvider;
+    privilegeProvider?: FcrUIPrivilegeProvider;
+    roomProvider?: FcrUIRoomProvider;
+    abilityProvider?: FcrUIAbilityProviderImpl;
+    dialogProvider?: FcrUIDialogProvider;
+    sharedScreenShareSharedDataSource?: FcrUIScreenShareSharedDataSource;
+    sharedMemberDataSource?: FcrUIMemberSharedDataSource;
+    sharedWhiteboardDataSource?: FcrUISharedWhiteboardDataSource;
+    annotationProvider?: FcrUIAnnotationProvider;
+    sharedAnnotationDataSource?: FcrUISharedAnnotationSource;
+    onNodeWillActive(): void;
+    onNodeWillInactive(): void;
+    component(shareScreenModule: ShareScreenUIModule): import("react/jsx-runtime").JSX.Element;
+}
+export declare class FcrUIMainWindowRendererImpl implements FcrUIMainWindowRenderer {
+    private _observers;
+    private _ownerUser;
+    private _backgroundColor;
+    private _hasWriteBoardPermission;
+    get ownerUser(): FcrUserInfo | undefined;
+    get backgroundColor(): string;
+    get hasWriteBoardPermission(): boolean;
+    notifyObservers(event: keyof FcrUIMainWindowRendererObserver, args?: any): void;
+    addObserver(observer: FcrUIMainWindowRendererObserver): void;
+    removeObserver(observer: FcrUIMainWindowRendererObserver): void;
+    removeAllObservers(): void;
+}

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

@@ -0,0 +1,113 @@
+"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.FcrUISecondaryWindowModule = exports.FcrUIMainWindowRendererImpl = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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 _store = require("./store");
+var _view = require("./view");
+var _imports = require("fcr-core/lib/imports");
+var _store2 = require("../components/leave-meeting/store");
+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 FcrUISecondaryWindowModule = exports.FcrUISecondaryWindowModule = /*#__PURE__*/function (_UIModule) {
+  function FcrUISecondaryWindowModule() {
+    (0, _classCallCheck2["default"])(this, FcrUISecondaryWindowModule);
+    return _callSuper(this, FcrUISecondaryWindowModule, arguments);
+  }
+  (0, _inherits2["default"])(FcrUISecondaryWindowModule, _UIModule);
+  return (0, _createClass2["default"])(FcrUISecondaryWindowModule, [{
+    key: "onNodeWillActive",
+    value: function onNodeWillActive() {
+      this._store = new _store.SecondaryWindowStore(this.multiDisplayProvider, this.sharedVideoWindowDataSource, this.eventProvider, this.sharedScreenShareSharedDataSource, this.sharedMemberDataSource, this.sharedWhiteboardDataSource, this.sharedAnnotationDataSource, this.annotationProvider);
+      this._leaveMeetingStore = new _store2.LeaveMeetingStore(this.privilegeProvider, this.roomProvider, this.roomProvider.currentRoomControl, this.sharedMemberDataSource, this.abilityProvider, this.dialogProvider);
+    }
+  }, {
+    key: "onNodeWillInactive",
+    value: function onNodeWillInactive() {
+      var _this$_store;
+      (_this$_store = this._store) === null || _this$_store === void 0 || _this$_store.release();
+    }
+  }, {
+    key: "component",
+    value: function component(shareScreenModule) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.SecondaryWindowStoreContext.Provider, {
+        value: this._store,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_store2.LeaveMeetingStoreContext.Provider, {
+          value: this._leaveMeetingStore,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.SubWindowView, {
+            renderScreenShareControl: function renderScreenShareControl(secondaryWindowProprs) {
+              return shareScreenModule.getControlComponent(secondaryWindowProprs);
+            }
+          })
+        })
+      });
+    }
+  }]);
+}(_base.UIModule);
+var FcrUIMainWindowRendererImpl = exports.FcrUIMainWindowRendererImpl = /*#__PURE__*/function () {
+  function FcrUIMainWindowRendererImpl() {
+    (0, _classCallCheck2["default"])(this, FcrUIMainWindowRendererImpl);
+    (0, _defineProperty2["default"])(this, "_observers", new _imports.AgoraObservable());
+    (0, _defineProperty2["default"])(this, "_backgroundColor", '#ffffff');
+    (0, _defineProperty2["default"])(this, "_hasWriteBoardPermission", false);
+  }
+  return (0, _createClass2["default"])(FcrUIMainWindowRendererImpl, [{
+    key: "ownerUser",
+    get: function get() {
+      return this._ownerUser;
+    }
+  }, {
+    key: "backgroundColor",
+    get: function get() {
+      return this._backgroundColor;
+    }
+  }, {
+    key: "hasWriteBoardPermission",
+    get: function get() {
+      return this._hasWriteBoardPermission;
+    }
+  }, {
+    key: "notifyObservers",
+    value: function notifyObservers(event, args) {
+      switch (event) {
+        case 'onSharingUserUpdated':
+          this._ownerUser = args;
+          break;
+        case 'onBackgroundColorUpdated':
+          this._backgroundColor = args;
+          break;
+        case 'onPermissionUpdated':
+          this._hasWriteBoardPermission = args;
+          break;
+      }
+      this._observers.notifyObservers(event, args);
+    }
+  }, {
+    key: "addObserver",
+    value: function addObserver(observer) {
+      this._observers.addObserver(observer);
+    }
+  }, {
+    key: "removeObserver",
+    value: function removeObserver(observer) {
+      this._observers.removeObserver(observer);
+    }
+  }, {
+    key: "removeAllObservers",
+    value: function removeAllObservers() {
+      this._observers.removeAllObservers();
+    }
+  }]);
+}();

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

@@ -0,0 +1,76 @@
+import { FcrUIMultiDisplayProvider } from '../../providers/multi-display-provider';
+import { VideoWindowDataReturn, WhiteboardToolAction } from './type';
+import { FcrUIEventProvider } from '../../providers/event-provider';
+import { FcrUIVideoWindowDataSource } from '../../shared-data-source/video-window';
+import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
+import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
+import { FcrUISharedWhiteboardDataSource } from '../../shared-data-source/whiteboard-data';
+import { FcrBoardShape, FcrBoardToolType } from 'fcr-core/lib/room-control/whiteboard-control/enums';
+import { WhiteboardThemeType } from '../whiteboard/type';
+import { FcrUISharedAnnotationSource } from '../../shared-data-source/annotation-data';
+import { FcrUIAnnotationProvider } from '../../providers/annotation-provider';
+export declare class SecondaryWindowStore {
+    private _multiDisplayProvider;
+    private _videoWindowDataSource;
+    private _eventProvider;
+    private _sharedScreenShareDataSource;
+    private _memberSharedDataSource;
+    private _sharedWhiteboardDataSource;
+    private _sharedAnnotationDataSource;
+    private _annotationProvider;
+    protected logger: import("agora-foundation/lib/logger").Logger;
+    private _observable;
+    private _dialogId;
+    private _disposers;
+    private get _subWindowDialog();
+    private _prevFullScalc;
+    private _screenShareSpeakerViewSize;
+    private _maxScalcValue;
+    private _minScalcValue;
+    private _diffScalcValue;
+    private accessor _screenShareScalcValue;
+    accessor isSharingWhiteboard: boolean;
+    get secondaryWindowContentType(): "hidden" | "speaker" | "gallery" | "local-camera" | "remote-camera" | "sharing-screen" | "sharing-screen-with-annotation" | "sharing-whiteboard";
+    get videoWindowData(): VideoWindowDataReturn<typeof this.secondaryWindowContentType>;
+    get isCurrentOriginal(): boolean;
+    get isZoomMaxmum(): boolean;
+    get isZoomMinimum(): boolean;
+    get isAspectRatioPreserved(): boolean;
+    get scalValue(): number;
+    get currentUser(): import("fcr-core/lib/type").FcrUserInfo;
+    get ownerUser(): import("fcr-core/lib/type").FcrUserInfo | undefined;
+    get isHost(): boolean;
+    get canWriteBoard(): boolean;
+    get toolbarState(): import("../components/toolbar/types").FcrToolbarState;
+    get currentTheme(): WhiteboardThemeType;
+    get connectionState(): import("fcr-core").FcrConnectionState;
+    get showLoading(): boolean;
+    get joinSuccess(): boolean;
+    get isScreenShare(): boolean;
+    get isBoardShare(): boolean;
+    get annotationHasStart(): boolean;
+    get isShowToolbar(): boolean;
+    constructor(_multiDisplayProvider: FcrUIMultiDisplayProvider, _videoWindowDataSource: FcrUIVideoWindowDataSource, _eventProvider: FcrUIEventProvider, _sharedScreenShareDataSource: FcrUIScreenShareSharedDataSource, _memberSharedDataSource: FcrUIMemberSharedDataSource, _sharedWhiteboardDataSource: FcrUISharedWhiteboardDataSource, _sharedAnnotationDataSource: FcrUISharedAnnotationSource, _annotationProvider: FcrUIAnnotationProvider);
+    getContent(): void;
+    handleIframeLoad(iframe: HTMLIFrameElement): void;
+    zoomOut(): void;
+    zoomIn(): void;
+    fullContainer(): void;
+    setScaleValue(scale: number): void;
+    setOriginScalc(): void;
+    setSpeakerViewSize(width: number, height: number): void;
+    setWhiteboardTool(tool: {
+        action: WhiteboardToolAction;
+        tool: FcrBoardToolType | FcrBoardShape | string | number;
+    }): void;
+    saveWhiteboardDraft(): void;
+    setProgress(progress: number): void;
+    setTheme(theme: WhiteboardThemeType): void;
+    setControlEnable(enable: boolean): void;
+    setShowLoading(show: boolean): void;
+    setCommonColors(colors: string[]): void;
+    log(message: string): void;
+    release(): void;
+    private _handleContentDistributionUpdated;
+}
+export declare const SecondaryWindowStoreContext: import("react").Context<SecondaryWindowStore>;