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

package/lib/modules/share-screen/store.js

@@ -71,13 +71,12 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _fcrCore = require("fcr-core");
 var _type = require("fcr-core/lib/type");
 var _env = require("agora-foundation/lib/utilities/env");
-var _type2 = require("agora-rte-sdk/lib/core/rtc/type");
 var _shareAudio = require("agora-ui-foundation/lib/components/room-screen-share-state-bar/share-audio");
 var _mobx = require("mobx");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _decorator = require("agora-foundation/lib/decorator");
 var _react = require("react");
-var _type3 = require("agora-ui-foundation/lib/components/icon/type");
+var _type2 = require("agora-ui-foundation/lib/components/icon/type");
 var _renderer = require("../../utilities/renderer");
 var _screenCapturePermission = require("../../utilities/screen-capture-permission");
 var _constant = require("../../utilities/constant");
@@ -85,7 +84,7 @@ var _logger = require("../../utilities/logger");
 var _parameters = require("../../utilities/parameters");
 var _imports = require("fcr-core/lib/imports");
 var _ShareScreenStore;
-var _initProto, _init_boardOwnerUser, _handleChooseScreenDecs, _init_handleChooseScreen, _setShareWithAudioStateDecs, _zoomInDecs, _zoomOutDecs, _fullContainerDecs, _setOriginScalcDecs, _hasLoopbackDeviceDecs, _setShareAudioProcessingChannelDecs, _openRelaunchTipsDialogDecs, _startRenderSharePreviewDecs, _stopRenderSharePreviewDecs, _handleStopShareDecs, _handleStopShareByExitRoomDecs, _handleStartShareDecs, _openShareScreenSelectionDecs, _closeShareScreenSelectionDecs, _openVideoWindowDialogDecs, _closeControlBarDecs, _closeVideoWindowDialogDecs, _handleReplaceScreenDecs, _initControlbarDecs, _toggleShareWithScenarioTypeDecs, _ref;
+var _initProto, _init_boardOwnerUser, _handleChooseScreenDecs, _init_handleChooseScreen, _setShareWithAudioStateDecs, _zoomInDecs, _zoomOutDecs, _fullContainerDecs, _setOriginScalcDecs, _setShareAudioProcessingChannelDecs, _openRelaunchTipsDialogDecs, _startRenderSharePreviewDecs, _stopRenderSharePreviewDecs, _handleStopShareDecs, _handleStopShareByExitRoomDecs, _handleStartShareDecs, _openShareScreenSelectionDecs, _closeShareScreenSelectionDecs, _openVideoWindowDialogDecs, _closeControlBarDecs, _closeVideoWindowDialogDecs, _handleReplaceScreenDecs, _initControlbarDecs, _toggleShareWithScenarioTypeDecs, _ref;
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
@@ -97,7 +96,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
 function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
 var _A = /*#__PURE__*/new WeakMap();
-_ref = (_handleChooseScreenDecs = [_mobx.action, _mobx.action.bound], _setShareWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _zoomInDecs = [_mobx.action, _mobx.action.bound], _zoomOutDecs = [_mobx.action, _mobx.action.bound], _fullContainerDecs = [_mobx.action, _mobx.action.bound], _setOriginScalcDecs = [_mobx.action, _mobx.action.bound], _hasLoopbackDeviceDecs = [_mobx.action, _mobx.action.bound], _setShareAudioProcessingChannelDecs = [_mobx.action, _mobx.action.bound], _openRelaunchTipsDialogDecs = [_mobx.action, _mobx.action.bound], _startRenderSharePreviewDecs = [_mobx.action, _mobx.action.bound], _stopRenderSharePreviewDecs = [_mobx.action, _mobx.action.bound], _handleStopShareDecs = [_mobx.action, _mobx.action.bound], _handleStopShareByExitRoomDecs = [_mobx.action, _mobx.action.bound], _handleStartShareDecs = [_mobx.action, _mobx.action.bound], _openShareScreenSelectionDecs = [_mobx.action, _mobx.action.bound], _closeShareScreenSelectionDecs = [_mobx.action, _mobx.action.bound], _openVideoWindowDialogDecs = [_mobx.action, _mobx.action.bound], _closeControlBarDecs = [_mobx.action, _mobx.action.bound], _closeVideoWindowDialogDecs = [_mobx.action, _mobx.action.bound], _handleReplaceScreenDecs = [_mobx.action, _mobx.action.bound], _initControlbarDecs = [_mobx.action, _mobx.action.bound], _toggleShareWithScenarioTypeDecs = [_mobx.action, _mobx.action.bound], "logger");
+_ref = (_handleChooseScreenDecs = [_mobx.action, _mobx.action.bound], _setShareWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _zoomInDecs = [_mobx.action, _mobx.action.bound], _zoomOutDecs = [_mobx.action, _mobx.action.bound], _fullContainerDecs = [_mobx.action, _mobx.action.bound], _setOriginScalcDecs = [_mobx.action, _mobx.action.bound], _setShareAudioProcessingChannelDecs = [_mobx.action, _mobx.action.bound], _openRelaunchTipsDialogDecs = [_mobx.action, _mobx.action.bound], _startRenderSharePreviewDecs = [_mobx.action, _mobx.action.bound], _stopRenderSharePreviewDecs = [_mobx.action, _mobx.action.bound], _handleStopShareDecs = [_mobx.action, _mobx.action.bound], _handleStopShareByExitRoomDecs = [_mobx.action, _mobx.action.bound], _handleStartShareDecs = [_mobx.action, _mobx.action.bound], _openShareScreenSelectionDecs = [_mobx.action, _mobx.action.bound], _closeShareScreenSelectionDecs = [_mobx.action, _mobx.action.bound], _openVideoWindowDialogDecs = [_mobx.action, _mobx.action.bound], _closeControlBarDecs = [_mobx.action, _mobx.action.bound], _closeVideoWindowDialogDecs = [_mobx.action, _mobx.action.bound], _handleReplaceScreenDecs = [_mobx.action, _mobx.action.bound], _initControlbarDecs = [_mobx.action, _mobx.action.bound], _toggleShareWithScenarioTypeDecs = [_mobx.action, _mobx.action.bound], "logger");
 var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   function ShareScreenStore(_ref2) {
     var _this = this;
@@ -163,7 +162,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "_videoWindowDialogId", '');
     _classPrivateFieldInitSpec(this, _A, _init_boardOwnerUser(this, undefined));
     (0, _defineProperty2["default"])(this, "handleChooseScreen", _init_handleChooseScreen(this, function (id) {
-      var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _type2.AgoraRtcScreenCaptureType.WINDOW;
+      var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _type.FcrScreenCaptureType.WINDOW;
       _this._sharedScreenShareSharedDataSource.setCurrentSelection(id, type);
     }));
     this._deviceProvider = deviceProvider;
@@ -189,7 +188,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
     this._addEventListeners();
     if ((0, _parameters.getStartScreenSharing)(sharedConfigDataSource.creatorConfig.parameters)) {
       var display = window.runtime.screen.getAllDisplays()[0];
-      this.handleStartShare(String(display.id), _type2.AgoraRtcScreenCaptureType.SCREEN, false, _shareAudio.AudioProcessingChannel.MONO, display.bounds);
+      this.handleStartShare(String(display.id), _type.FcrScreenCaptureType.SCREEN, false, _shareAudio.AudioProcessingChannel.MONO, display.bounds);
     }
     this._disposers.push((0, _mobx.reaction)(function () {
       return _this._securityStore.hasStartScreenSharePermission();
@@ -445,30 +444,6 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
     value: function setOriginScalc() {
       this._screenShareProvider.setOriginScalc();
     }
-  }, {
-    key: "hasLoopbackDevice",
-    value: function () {
-      var _hasLoopbackDevice = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-        var res;
-        return _regenerator["default"].wrap(function (_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 1;
-              return this._deviceProvider.checkLoopbackDevice();
-            case 1:
-              res = _context.sent;
-              return _context.abrupt("return", res === 0);
-            case 2:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function hasLoopbackDevice() {
-        return _hasLoopbackDevice.apply(this, arguments);
-      }
-      return hasLoopbackDevice;
-    }()
   }, {
     key: "setShareAudioProcessingChannel",
     value: function setShareAudioProcessingChannel(currentShareAudioProcessingChannel) {
@@ -572,14 +547,14 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "prepareShareScreen",
     value: function () {
-      var _prepareShareScreen = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+      var _prepareShareScreen = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
         var _this3 = this;
         var dialogId;
-        return _regenerator["default"].wrap(function (_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regenerator["default"].wrap(function (_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
               if ((0, _screenCapturePermission.hasScreenCapturePermission)()) {
-                _context3.next = 1;
+                _context2.next = 1;
                 break;
               }
               dialogId = this._dialogProvider.openConfirmDialog({
@@ -591,9 +566,9 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
                   _this3._dialogProvider.closeConfirm(dialogId);
                 },
                 onOk: function () {
-                  var _onOk = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-                    return _regenerator["default"].wrap(function (_context2) {
-                      while (1) switch (_context2.prev = _context2.next) {
+                  var _onOk = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+                    return _regenerator["default"].wrap(function (_context) {
+                      while (1) switch (_context.prev = _context.next) {
                         case 0:
                           // 检查权限
                           //  corner case： 拒绝过权限后，将应用从系统中移除，打开设置后无法找到app，需要重新检查
@@ -605,9 +580,9 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
                           _this3._dialogProvider.closeConfirm(dialogId);
                         case 1:
                         case "end":
-                          return _context2.stop();
+                          return _context.stop();
                       }
-                    }, _callee2);
+                    }, _callee);
                   }));
                   function onOk() {
                     return _onOk.apply(this, arguments);
@@ -616,15 +591,15 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
                 }(),
                 closable: false
               });
-              return _context3.abrupt("return");
+              return _context2.abrupt("return");
             case 1:
               this.supportEnumScreen && this._openShareScreenSelection();
-              !(0, _env.isElectron)() && this.handleStartShare(this.currentSelectionId, _type2.AgoraRtcScreenCaptureType.SCREEN, true, _shareAudio.AudioProcessingChannel.MONO, this.currentSelectionBounds);
+              !(0, _env.isElectron)() && this.handleStartShare(this.currentSelectionId, _type.FcrScreenCaptureType.SCREEN, true, _shareAudio.AudioProcessingChannel.MONO, this.currentSelectionBounds);
             case 2:
             case "end":
-              return _context3.stop();
+              return _context2.stop();
           }
-        }, _callee3, this);
+        }, _callee2, this);
       }));
       function prepareShareScreen() {
         return _prepareShareScreen.apply(this, arguments);
@@ -634,38 +609,38 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "handleStartShare",
     value: function () {
-      var _handleStartShare = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(id, type, withAudio) {
+      var _handleStartShare = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(id, type, withAudio) {
         var audioProcessingChannel,
           bounds,
           electronBounds,
           needToReplaceMyself,
           validShareStart,
-          _args4 = arguments;
-        return _regenerator["default"].wrap(function (_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+          _args3 = arguments;
+        return _regenerator["default"].wrap(function (_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              audioProcessingChannel = _args4.length > 3 && _args4[3] !== undefined ? _args4[3] : _shareAudio.AudioProcessingChannel.MONO;
-              bounds = _args4.length > 4 ? _args4[4] : undefined;
+              audioProcessingChannel = _args3.length > 3 && _args3[3] !== undefined ? _args3[3] : _shareAudio.AudioProcessingChannel.MONO;
+              bounds = _args3.length > 4 ? _args3[4] : undefined;
               if (!(this.connectionState !== _fcrCore.FcrConnectionState.CONNECTED || !this._isOnline)) {
-                _context4.next = 1;
+                _context3.next = 1;
                 break;
               }
               this._showToast((0, _i18n.transI18n)('fmt_screenshare_toast_network_error_unable_start_screen_share'), 'error');
-              return _context4.abrupt("return", Promise.reject(false));
+              return _context3.abrupt("return", Promise.reject(false));
             case 1:
               if ((0, _env.isElectron)()) this._closeShareScreenSelection();
               if (!id.startsWith('whiteboard-')) {
-                _context4.next = 3;
+                _context3.next = 3;
                 break;
               }
               if (!(!this._securityStore.hasStartBoardPermission() && !this.isHost)) {
-                _context4.next = 2;
+                _context3.next = 2;
                 break;
               }
-              return _context4.abrupt("return", this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_hostprohibits'), 'error'));
+              return _context3.abrupt("return", this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_hostprohibits'), 'error'));
             case 2:
               this._eventProvider.sendEvent(_constant.FcrUIAction.OPEN_WHITEBOARD);
-              return _context4.abrupt("return");
+              return _context3.abrupt("return");
             case 3:
               electronBounds = (0, _env.isElectron)() ? window.runtime.screen.getDisplayNearestPoint(bounds) : null;
               this._sharedScreenShareSharedDataSource.setCurrentSelectionBounds((electronBounds === null || electronBounds === void 0 ? void 0 : electronBounds.bounds) || bounds);
@@ -687,39 +662,39 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
               needToReplaceMyself = this.localUserScreenSharingState === _fcrCore.FcrMediaSourceState.OPEN;
               this.logger.info("[screen-share][handleStartShare]: needToReplaceMyself - ".concat(needToReplaceMyself));
               if (!needToReplaceMyself) {
-                _context4.next = 4;
+                _context3.next = 4;
                 break;
               }
               this._handleReplaceScreen(id, type, withAudio, audioProcessingChannel, bounds);
-              return _context4.abrupt("return");
+              return _context3.abrupt("return");
             case 4:
-              _context4.next = 5;
+              _context3.next = 5;
               return this._validateShareStart(id, type);
             case 5:
-              validShareStart = _context4.sent;
+              validShareStart = _context3.sent;
               this.logger.info("[screen-share][handleStartShare]: validShareStart: ".concat(validShareStart));
               if (!(!this._hasScreenSharePermission() || !validShareStart)) {
-                _context4.next = 6;
+                _context3.next = 6;
                 break;
               }
-              return _context4.abrupt("return");
+              return _context3.abrupt("return");
             case 6:
               if (!this.shareLock) {
-                _context4.next = 7;
+                _context3.next = 7;
                 break;
               }
-              return _context4.abrupt("return", this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_enablecollection'), 'error'));
+              return _context3.abrupt("return", this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_enablecollection'), 'error'));
             case 7:
               // 初始化 controlbar 并隐藏, controlbar 不能在 startShareScreen 之后初始化，否则获取不到窗口信息，在屏幕共享时无法排除
               this._initControlbar();
               this._sharedScreenShareSharedDataSource.setCurrentShareIdInfos(id, type, bounds);
-              _context4.next = 8;
+              _context3.next = 8;
               return this._screenShareProvider.startShareScreen(id, type, withAudio, false);
             case 8:
             case "end":
-              return _context4.stop();
+              return _context3.stop();
           }
-        }, _callee4, this);
+        }, _callee3, this);
       }));
       function handleStartShare(_x, _x2, _x3) {
         return _handleStartShare.apply(this, arguments);
@@ -729,24 +704,24 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_openShareScreenSelection",
     value: function () {
-      var _openShareScreenSelection2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+      var _openShareScreenSelection2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
         var _this4 = this;
         var windowList, displayList;
-        return _regenerator["default"].wrap(function (_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+        return _regenerator["default"].wrap(function (_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
               this._shareSelectionDialogId = this._dialogProvider.openDialog(_constant.FcrUIDialogKey.SHARE_SCREEN, 'screen-selection');
-              _context5.next = 1;
+              _context4.next = 1;
               return this.appWindowList;
             case 1:
-              windowList = _context5.sent.filter(function (item) {
+              windowList = _context4.sent.filter(function (item) {
                 return !['AgoraHighLighter', 'Toast', 'Confirm', 'Annotation tool bar', 'Annotation', 'Video Window', 'Control Bar', window.runtime.browserWindow.getTitle() // 主窗口和副窗口 title 一致，副窗口也需要排除在可选择列表中
                 ].includes(item.title) || item.isCurrent;
               });
-              _context5.next = 2;
+              _context4.next = 2;
               return this.displayList;
             case 2:
-              displayList = _context5.sent;
+              displayList = _context4.sent;
               this._windowList = windowList;
               this._displayList = displayList;
               (0, _mobx.runInAction)(function () {
@@ -756,14 +731,14 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
                 _this4._sharedScreenShareSharedDataSource.setScreenCaptureSources([{
                   title: (0, _i18n.transI18n)('fmt_share_options_whiteboard'),
                   id: "whiteboard-".concat(displayList[0].id),
-                  image: _type3.FcrIconType.FCR_WHITEBOARD2
+                  image: _type2.FcrIconType.FCR_WHITEBOARD2
                 }].concat((0, _toConsumableArray2["default"])(displayList)));
               });
             case 3:
             case "end":
-              return _context5.stop();
+              return _context4.stop();
           }
-        }, _callee5, this);
+        }, _callee4, this);
       }));
       function _openShareScreenSelection() {
         return _openShareScreenSelection2.apply(this, arguments);
@@ -901,32 +876,32 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_validateShareStart",
     value: function () {
-      var _validateShareStart2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(id, type) {
-        return _regenerator["default"].wrap(function (_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+      var _validateShareStart2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(id, type) {
+        return _regenerator["default"].wrap(function (_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
               if (!this.supportEnumScreen) {
-                _context6.next = 2;
+                _context5.next = 2;
                 break;
               }
-              if (!(type === _type2.AgoraRtcScreenCaptureType.WINDOW && !this._validateWindow(id))) {
-                _context6.next = 1;
+              if (!(type === _type.FcrScreenCaptureType.WINDOW && !this._validateWindow(id))) {
+                _context5.next = 1;
                 break;
               }
-              return _context6.abrupt("return", false);
+              return _context5.abrupt("return", false);
             case 1:
-              if (!(type === _type2.AgoraRtcScreenCaptureType.SCREEN && !this._validateDisplay(id))) {
-                _context6.next = 2;
+              if (!(type === _type.FcrScreenCaptureType.SCREEN && !this._validateDisplay(id))) {
+                _context5.next = 2;
                 break;
               }
-              return _context6.abrupt("return", false);
+              return _context5.abrupt("return", false);
             case 2:
-              return _context6.abrupt("return", true);
+              return _context5.abrupt("return", true);
             case 3:
             case "end":
-              return _context6.stop();
+              return _context5.stop();
           }
-        }, _callee6, this);
+        }, _callee5, this);
       }));
       function _validateShareStart(_x4, _x5) {
         return _validateShareStart2.apply(this, arguments);
@@ -968,7 +943,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _ShareScreenStore = ShareScreenStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ShareScreenStore, [[_mobx.observable, 1, "boardOwnerUser"], [_decorator.bound, 2, "toggleIsShowToolbar"], [_setShareWithAudioStateDecs, 18, "setShareWithAudioState"], [_zoomInDecs, 18, "zoomIn"], [_zoomOutDecs, 18, "zoomOut"], [_fullContainerDecs, 18, "fullContainer"], [_setOriginScalcDecs, 18, "setOriginScalc"], [_hasLoopbackDeviceDecs, 18, "hasLoopbackDevice"], [_setShareAudioProcessingChannelDecs, 18, "setShareAudioProcessingChannel"], [_decorator.bound, 2, "setCardChooseBounds"], [_decorator.bound, 2, "handlerBoardShareStop"], [_decorator.bound, 2, "release"], [_openRelaunchTipsDialogDecs, 18, "openRelaunchTipsDialog"], [_startRenderSharePreviewDecs, 18, "startRenderSharePreview"], [_stopRenderSharePreviewDecs, 18, "stopRenderSharePreview"], [_handleStopShareDecs, 18, "handleStopShare"], [_handleStopShareByExitRoomDecs, 18, "handleStopShareByExitRoom"], [_decorator.bound, 2, "participantShareCanWeAnnotation"], [_handleStartShareDecs, 18, "handleStartShare"], [_openShareScreenSelectionDecs, 18, "_openShareScreenSelection"], [_closeShareScreenSelectionDecs, 18, "_closeShareScreenSelection"], [_openVideoWindowDialogDecs, 18, "_openVideoWindowDialog"], [_closeControlBarDecs, 18, "_closeControlBar"], [_closeVideoWindowDialogDecs, 18, "_closeVideoWindowDialog"], [_handleReplaceScreenDecs, 18, "_handleReplaceScreen"], [_decorator.bound, 2, "_handleOnline"], [_decorator.bound, 2, "_handleOffline"], [_initControlbarDecs, 18, "_initControlbar"], [_decorator.bound, 2, "_handleBrowserShow"], [_decorator.bound, 2, "_hendleBrowserHide"], [_decorator.bound, 2, "_handleOnScreenShareSeize"], [_decorator.bound, 2, "handleToggleScreenShareWithAudio"], [_toggleShareWithScenarioTypeDecs, 18, "toggleShareWithScenarioType"], [_handleChooseScreenDecs, 16, "handleChooseScreen"]], []).e, 3);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ShareScreenStore, [[_mobx.observable, 1, "boardOwnerUser"], [_decorator.bound, 2, "toggleIsShowToolbar"], [_setShareWithAudioStateDecs, 18, "setShareWithAudioState"], [_zoomInDecs, 18, "zoomIn"], [_zoomOutDecs, 18, "zoomOut"], [_fullContainerDecs, 18, "fullContainer"], [_setOriginScalcDecs, 18, "setOriginScalc"], [_setShareAudioProcessingChannelDecs, 18, "setShareAudioProcessingChannel"], [_decorator.bound, 2, "setCardChooseBounds"], [_decorator.bound, 2, "handlerBoardShareStop"], [_decorator.bound, 2, "release"], [_openRelaunchTipsDialogDecs, 18, "openRelaunchTipsDialog"], [_startRenderSharePreviewDecs, 18, "startRenderSharePreview"], [_stopRenderSharePreviewDecs, 18, "stopRenderSharePreview"], [_handleStopShareDecs, 18, "handleStopShare"], [_handleStopShareByExitRoomDecs, 18, "handleStopShareByExitRoom"], [_decorator.bound, 2, "participantShareCanWeAnnotation"], [_handleStartShareDecs, 18, "handleStartShare"], [_openShareScreenSelectionDecs, 18, "_openShareScreenSelection"], [_closeShareScreenSelectionDecs, 18, "_closeShareScreenSelection"], [_openVideoWindowDialogDecs, 18, "_openVideoWindowDialog"], [_closeControlBarDecs, 18, "_closeControlBar"], [_closeVideoWindowDialogDecs, 18, "_closeVideoWindowDialog"], [_handleReplaceScreenDecs, 18, "_handleReplaceScreen"], [_decorator.bound, 2, "_handleOnline"], [_decorator.bound, 2, "_handleOffline"], [_initControlbarDecs, 18, "_initControlbar"], [_decorator.bound, 2, "_handleBrowserShow"], [_decorator.bound, 2, "_hendleBrowserHide"], [_decorator.bound, 2, "_handleOnScreenShareSeize"], [_decorator.bound, 2, "handleToggleScreenShareWithAudio"], [_toggleShareWithScenarioTypeDecs, 18, "toggleShareWithScenarioType"], [_handleChooseScreenDecs, 16, "handleChooseScreen"]], []).e, 3);
 _init_boardOwnerUser = _applyDecs$e[0];
 _init_handleChooseScreen = _applyDecs$e[1];
 _initProto = _applyDecs$e[2];

package/lib/modules/share-screen/types.d.ts

@@ -1,27 +1,26 @@
-import { AgoraRtcScreenCaptureType } from 'agora-rte-sdk/lib/core/rtc/type';
 import { FcrIconType } from 'agora-ui-foundation/lib/components/icon/type';
 import { AudioProcessingChannel } from 'agora-ui-foundation/lib/components/room-screen-share-state-bar/share-audio';
-import { AgoraRtcDisplayInfo, AgoraRtcWindowInfo } from 'fcr-core/lib/imports';
+import { FcrDisplayInfo, FcrWindowInfo, FcrScreenCaptureType } from 'fcr-core/lib/type';
 import { CurrentShareBounds } from '../control-bar/types';
-export type FcrUIWindowCaptureSource = AgoraRtcWindowInfo;
-export type FcrUIDisplayCaptureSource = Omit<AgoraRtcDisplayInfo, 'image'> & {
+export type FcrUIWindowCaptureSource = FcrWindowInfo;
+export type FcrUIDisplayCaptureSource = Omit<FcrDisplayInfo, 'image'> & {
     image: FcrIconType | Uint8Array;
 };
 export interface FcrUIShareSelectionWindowProps {
     currentShareType: string;
     onChangeShareType: (type: string) => void;
-    screens: AgoraRtcWindowInfo[];
-    applications: AgoraRtcDisplayInfo[];
+    screens: FcrWindowInfo[];
+    applications: FcrDisplayInfo[];
 }
 export interface FcrUIShareSelectionDisplayProps {
     currentShareAudioProcessingChannel: AudioProcessingChannel;
     currentShareId: string;
-    currentShareType: AgoraRtcScreenCaptureType;
+    currentShareType: FcrScreenCaptureType;
     currentShareBounds: CurrentShareBounds;
     shareWithAudio: boolean;
 }
 export type CurrentShareScreenTypes = {
     id: string;
-    type: AgoraRtcScreenCaptureType;
+    type: FcrScreenCaptureType;
     bounds: CurrentShareBounds;
 };

package/lib/modules/video-window/components/members/index.js

@@ -18,7 +18,7 @@ var _icon = require("agora-ui-foundation/lib/components/icon");
 var _type2 = require("agora-ui-foundation/lib/components/icon/type");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _memberWindow = require("../../../components/member-window");
-var _type3 = require("agora-rte-sdk/lib/core/rtc/type");
+var _type3 = require("fcr-core/lib/type");
 require("./index.css");
 var _env = require("agora-foundation/lib/utilities/env");
 var _memberActions = require("../../../components/member-window/components/member-actions");
@@ -95,8 +95,8 @@ var Members = exports.Members = (0, _mobxReact.observer)(function () {
             hasUnmutePermission: hasUnmutePermission,
             hasRequestStartAudioPermission: hasRequestStartAudioPermission
           }),
-          videoRenderMode: _type3.AgoraRtcRenderMode.FIT,
-          videoStreamType: _type3.AgoraRtcVideoStreamType.LOW_STREAM,
+          videoRenderMode: _type3.FcrVideoRenderMode.FIT,
+          videoStreamType: _type3.FcrVideoStreamType.LOW_STREAM,
           windowData: windowData,
           showAvatar: true,
           isVideoSuspended: false,

package/lib/modules/video-window/store.js

@@ -64,7 +64,7 @@ var _constant = require("../../utilities/constant");
 var _decorator = require("agora-foundation/lib/decorator");
 var _type = require("./type");
 var _type2 = require("../layout/type");
-var _type3 = require("agora-rte-sdk/lib/core/rtc/type");
+var _type3 = require("fcr-core/lib/type");
 var _attendee = require("agora-ui-foundation/lib/components/participants/attendee");
 var _react = require("react");
 var _type4 = require("../../type");
@@ -245,10 +245,10 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
     key: "filterFoldList",
     get: function get() {
       var sourceList = this.foldList.filter(function (i) {
-        return !i.isMySelf || i.videoSourceType !== _type3.AgoraRtcVideoSourceType.SCREEN;
+        return !i.isMySelf || i.videoSourceType !== _type3.FcrVideoSourceType.SCREEN;
       });
       var _list = this.shouldHideNonVideoParticipants ? sourceList.filter(function (i) {
-        return i.isMySelf || i.hasVideoStream || i.videoSourceType === _type3.AgoraRtcVideoSourceType.SCREEN || i.type === _type2.FcrUIWindowType.BOARD;
+        return i.isMySelf || i.hasVideoStream || i.videoSourceType === _type3.FcrVideoSourceType.SCREEN || i.type === _type2.FcrUIWindowType.BOARD;
       }) : sourceList;
       return _list;
     }

package/lib/modules/whiteboard/components/control-bar/store.d.ts

@@ -20,6 +20,8 @@ export declare class WhiteboardControlBarStore {
     private _securityStore;
     private _annotationProvider;
     private _sharedAnnotationDataSource;
+    private _uiEventObserver;
+    private _userObserver;
     constructor({ uiEventStore, userControl, securityStore, annotationProvider, sharedAnnotationDataSource, }: {
         uiEventStore: FcrUIEventProvider;
         streamControl: FcrStreamControl;
@@ -38,5 +40,6 @@ export declare class WhiteboardControlBarStore {
     onClose(): void;
     setOwnerUser(user: FcrUserInfo): void;
     onEnable(controlEnabled: boolean): void;
+    release(): void;
 }
 export declare const WhiteboardControlBarUIContext: import("react").Context<WhiteboardControlBarStore>;

package/lib/modules/whiteboard/components/control-bar/store.js

@@ -48,6 +48,7 @@ require("core-js/modules/web.dom-collections.iterator.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _constant = require("../../../../utilities/constant");
 var _decorator = require("agora-foundation/lib/decorator");
@@ -79,8 +80,8 @@ var _J = /*#__PURE__*/new WeakMap();
 _ref = (_setOwnerUserDecs = [_mobx.action, _mobx.action.bound], _onEnableDecs = [_mobx.action, _mobx.action.bound], "ownerUser");
 var WhiteboardControlBarStore = exports.WhiteboardControlBarStore = /*#__PURE__*/function () {
   function WhiteboardControlBarStore(_ref2) {
-    var _userControl$getLocal,
-      _this = this;
+    var _this = this,
+      _userControl$getLocal;
     var uiEventStore = _ref2.uiEventStore,
       userControl = _ref2.userControl,
       securityStore = _ref2.securityStore,
@@ -97,14 +98,7 @@ var WhiteboardControlBarStore = exports.WhiteboardControlBarStore = /*#__PURE__*
     _classPrivateFieldInitSpec(this, _H, _init_scaleValue(this, 1));
     _classPrivateFieldInitSpec(this, _I, _init_controlEnabled(this, false));
     _classPrivateFieldInitSpec(this, _J, _init_isHost(this, false));
-    this._uiEventStore = uiEventStore;
-    this._userControl = userControl;
-    this.currentUser = userControl.getLocalUser();
-    this._securityStore = securityStore;
-    this._annotationProvider = annotationProvider;
-    this._sharedAnnotationDataSource = sharedAnnotationDataSource;
-    this.isHost = [_type2.FcrUserRole.HOST, _type2.FcrUserRole.COHOST].includes((_userControl$getLocal = userControl.getLocalUser()) === null || _userControl$getLocal === void 0 ? void 0 : _userControl$getLocal.userRole);
-    uiEventStore.addObserver({
+    (0, _defineProperty2["default"])(this, "_uiEventObserver", {
       onEvent: function onEvent(action, payload) {
         if (action === _constant.FcrUIAction.WHITEBOARD_CHANGED) {
           if (payload.action === _type.WhiteboardBaseEvents.SET_OWNER_USER_ID) {
@@ -120,7 +114,7 @@ var WhiteboardControlBarStore = exports.WhiteboardControlBarStore = /*#__PURE__*
         }
       }
     });
-    userControl.addObserver({
+    (0, _defineProperty2["default"])(this, "_userObserver", {
       onUserInfoUpdated: function onUserInfoUpdated(_, event) {
         var localUser = _this._userControl.getLocalUser();
         if (event.modifiedUser.userId === localUser.userId) {
@@ -128,6 +122,15 @@ var WhiteboardControlBarStore = exports.WhiteboardControlBarStore = /*#__PURE__*
         }
       }
     });
+    this._uiEventStore = uiEventStore;
+    this._userControl = userControl;
+    this.currentUser = userControl.getLocalUser();
+    this._securityStore = securityStore;
+    this._annotationProvider = annotationProvider;
+    this._sharedAnnotationDataSource = sharedAnnotationDataSource;
+    this.isHost = [_type2.FcrUserRole.HOST, _type2.FcrUserRole.COHOST].includes((_userControl$getLocal = userControl.getLocalUser()) === null || _userControl$getLocal === void 0 ? void 0 : _userControl$getLocal.userRole);
+    this._uiEventStore.addObserver(this._uiEventObserver);
+    this._userControl.addObserver(this._userObserver);
   }
   return (0, _createClass2["default"])(WhiteboardControlBarStore, [{
     key: _ref,
@@ -280,6 +283,12 @@ var WhiteboardControlBarStore = exports.WhiteboardControlBarStore = /*#__PURE__*
       });
       this._uiEventStore.sendEvent(_constant.FcrUIAction.RESET_WHITEBOARD_TOOLBAR_VARS);
     }
+  }, {
+    key: "release",
+    value: function release() {
+      this._uiEventStore.removeObserver(this._uiEventObserver);
+      this._userControl.removeObserver(this._userObserver);
+    }
   }]);
 }();
 _WhiteboardControlBarStore = WhiteboardControlBarStore;

package/lib/modules/whiteboard/components/toolbar/store.js

@@ -59,7 +59,7 @@ var _enums = require("fcr-core/lib/room-control/whiteboard-control/enums");
 var _libs = _interopRequireDefault(require("../switch-theme/libs"));
 var _tinycolor = _interopRequireDefault(require("tinycolor2"));
 var _decorator = require("agora-foundation/lib/decorator");
-var _imports = require("fcr-core/lib/imports");
+var _type2 = require("fcr-core/lib/type");
 var _utils = require("../../utils");
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _constant = require("../../../../utilities/constant");
@@ -97,7 +97,7 @@ var ToolbarStore = exports.ToolbarStore = /*#__PURE__*/function () {
         if (!_this._whiteboardControl) {
           return;
         }
-        if (state === _imports.AgoraRteConnectionState.CONNECTED) {
+        if (state === _type2.FcrConnectionState.CONNECTED) {
           var _this$_boardMainWindo;
           _this._boardMainWindow = _this._whiteboardControl.getMainWindow();
           _this._lastStrokeWidth = 0;

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

@@ -8,12 +8,14 @@ import { FcrUIEventProvider } from '../../providers/event-provider';
 import { FcrUIPrivilegeProvider } from '../../providers/privilege-provider';
 import { FcrUIAnnotationProvider } from '../../providers/annotation-provider';
 import { FcrUISharedAnnotationSource } from '../../shared-data-source/annotation-data';
+import { FcrUIMultiDisplayProvider } from '../../providers/multi-display-provider';
 export declare class FcrWhiteboardUIModule extends UIModule {
     protected logger: import("agora-foundation/lib/logger").Logger;
     private _disposers;
     private _uiEventStore?;
     private _userControl?;
     private _roomControl?;
+    private _streamControl?;
     private _securityStore?;
     private _whiteboardControl?;
     private _boardStore?;
@@ -28,6 +30,10 @@ export declare class FcrWhiteboardUIModule extends UIModule {
     private _timer;
     private _isMyBoard;
     private _boardObserver;
+    private _multiDisplayObserver;
+    private _streamObserver;
+    private _userObserver;
+    private _eventObserver;
     private _mounted;
     private _initialized;
     private _joined;
@@ -41,6 +47,8 @@ export declare class FcrWhiteboardUIModule extends UIModule {
     privilegeProvider?: FcrUIPrivilegeProvider;
     annotationProvider: FcrUIAnnotationProvider;
     sharedAnnotationDataSource: FcrUISharedAnnotationSource;
+    multiDisplayProvider?: FcrUIMultiDisplayProvider;
+    private accessor _isMultiDisplay;
     private accessor _lonelyWindowState;
     private accessor _ownerUser;
     private accessor _isHost;
@@ -65,15 +73,14 @@ export declare class FcrWhiteboardUIModule extends UIModule {
     } & {
         layout: FcrUIVideoWindowLayoutType;
     }): void;
-    onPropertiesUpdate(params: {
-        operatorUser: FcrUserInfo;
-    }): void;
+    private _handleActive;
     onDestroy(params?: {
         operatorUser?: FcrUserInfo;
     }): void;
     mount(): void;
     unmount(): void;
     unload(): void;
+    release(): void;
     private _setBackground;
     private _checkBoard;
     private _boardUIEvents;
@@ -85,7 +92,6 @@ export declare class FcrWhiteboardUIModule extends UIModule {
     private _setConnectionState;
     private _open;
     private _close;
-    private _openLonelyWindow;
     private _setJoinSuccessed;
     private _addDisposers;
     private _alertWhenBeenStopByOthers;