fcr-ui-scene 3.7.4 → 3.7.5

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

@@ -62,14 +62,15 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _mobx = require("mobx");
 var _constant = require("../../utilities/constant");
 var _decorator = require("agora-foundation/lib/decorator");
+var _objectManager = require("../../object-manager");
 var _type = require("./type");
-var _type2 = require("../layout/type");
-var _type3 = require("fcr-core/lib/type");
+var _type2 = require("fcr-core/lib/type");
 var _attendee = require("agora-ui-foundation/lib/components/participants/attendee");
 var _react = require("react");
-var _type4 = require("../../type");
+var _type3 = require("../../type");
+var _videoWindow = require("../dialog/dialogs/video-window");
 var _VideoWindowStore;
-var _initProto, _init_userVolumeMap, _init_wrapperHovering, _init_videoWindowPreviewType, _init_videoWindowCurrentWidth, _init_videoWindowCurrentHeight, _init_foldList, _init_innerFrameBounds, _changeVideoWindowBoundsDecs, _setVideoWindowPreviewTypeDecs, _closeVideoWindowDecs, _setWrapperHoverDecs, _getAllowedOperationsDecs, _onAudioVolumeUpdatedDecs, _ref;
+var _initProto, _init_userVolumeMap, _init_wrapperHovering, _init_videoWindowPreviewType, _setVideoWindowPreviewTypeDecs, _setWrapperHoverDecs, _getAllowedOperationsDecs, _onAudioVolumeUpdatedDecs, _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; }
@@ -83,53 +84,49 @@ function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 var _C = /*#__PURE__*/new WeakMap();
-var _D = /*#__PURE__*/new WeakMap();
-var _E = /*#__PURE__*/new WeakMap();
-var _F = /*#__PURE__*/new WeakMap();
-var _G = /*#__PURE__*/new WeakMap();
-_ref = (_changeVideoWindowBoundsDecs = [_mobx.action, _mobx.action.bound], _setVideoWindowPreviewTypeDecs = [_mobx.action, _mobx.action.bound], _closeVideoWindowDecs = [_mobx.action, _mobx.action.bound], _setWrapperHoverDecs = [_mobx.action, _mobx.action.bound], _getAllowedOperationsDecs = [_mobx.action, _mobx.action.bound], _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], "_uiEventStore");
+_ref = (_setVideoWindowPreviewTypeDecs = [_mobx.action, _mobx.action.bound], _setWrapperHoverDecs = [_mobx.action, _mobx.action.bound], _getAllowedOperationsDecs = [_mobx.action, _mobx.action.bound], _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], "_subscriptions");
 var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
-  function VideoWindowStore(params) {
+  function VideoWindowStore(_ref2) {
     var _this = this;
+    var objectManager = _ref2.objectManager;
     (0, _classCallCheck2["default"])(this, VideoWindowStore);
-    (0, _defineProperty2["default"])(this, _ref, void _initProto(this));
-    (0, _defineProperty2["default"])(this, "_subscriptions", []);
+    (0, _defineProperty2["default"])(this, _ref, (_initProto(this), []));
+    (0, _defineProperty2["default"])(this, "_dialogObserver", {
+      onDialogOpen: function onDialogOpen(dialogKey) {
+        return _this._handleDialogSwitch(dialogKey, true);
+      },
+      onDialogClose: function onDialogClose(dialogKey) {
+        return _this._handleDialogSwitch(dialogKey, false);
+      }
+    });
+    (0, _defineProperty2["default"])(this, "_sharedVideoWindowDataSourceObserver", {
+      onFoldListAdded: this._handleFoldListUpdated,
+      onFoldListRemoved: this._handleFoldListUpdated
+    });
     _classPrivateFieldInitSpec(this, _A, _init_userVolumeMap(this, new Map()));
-    _classPrivateFieldInitSpec(this, _B, _init_wrapperHovering(this));
+    _classPrivateFieldInitSpec(this, _B, _init_wrapperHovering(this, false));
     _classPrivateFieldInitSpec(this, _C, _init_videoWindowPreviewType(this, _type.FcrVideoWindowPreviewType.SMALL));
-    _classPrivateFieldInitSpec(this, _D, _init_videoWindowCurrentWidth(this));
-    _classPrivateFieldInitSpec(this, _E, _init_videoWindowCurrentHeight(this));
-    _classPrivateFieldInitSpec(this, _F, _init_foldList(this, []));
-    _classPrivateFieldInitSpec(this, _G, _init_innerFrameBounds(this, {
-      width: 0,
-      height: 0
-    }));
-    var uiEventStore = params.uiEventStore,
-      streamControl = params.streamControl,
-      securityStore = params.securityStore,
-      deviceStore = params.deviceStore,
-      sharedLayoutDataSource = params.sharedLayoutDataSource,
-      sharedInterpreterDataSource = params.sharedInterpreterDataSource,
-      sharedSettingDataSource = params.sharedSettingDataSource,
-      chatProvider = params.chatProvider,
-      sharedVideoWindowDataSource = params.sharedVideoWindowDataSource,
-      sharedMemberDataSource = params.sharedMemberDataSource;
-    this._uiEventStore = uiEventStore;
-    this._deviceStore = deviceStore;
-    this._streamControl = streamControl;
-    this._securityStore = securityStore;
-    this._sharedLayoutDataSource = sharedLayoutDataSource;
-    this._sharedInterpreterDataSource = sharedInterpreterDataSource;
-    this._sharedSettingDataSource = sharedSettingDataSource;
-    this._chatProvider = chatProvider;
-    this._sharedVideoWindowDataSource = sharedVideoWindowDataSource;
-    this._sharedMemberDataSource = sharedMemberDataSource;
-    this._streamControl.addObserver({
-      onStreamVolumeIndicationUpdated: this._onAudioVolumeUpdated
-    });
-    this.videoWindowCurrentHeight = _type.DefaultVideoWindowSmallTypeHeight;
-    this.videoWindowCurrentWidth = _type.DefaultVideoWindowWidth;
-    this.wrapperHovering = false;
+    // Get all required objects from objectManager
+    this._eventProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_EVENT_PROVIDER);
+    this._deviceStore = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DEVICE_PROVIDER);
+    this._privilegeProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_PRIVILEGE_PROVIDER);
+    this._sharedLayoutDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_LAYOUT_DATA_SOURCE);
+    this._sharedInterpreterDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_INTERPRETER_DATA_SOURCE);
+    this._sharedSettingDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_SETTING_DATA_SOURCE);
+    this._chatProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_CHAT_PROVIDER);
+    this._sharedVideoWindowDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_VIDEO_WINDOW_DATA_SOURCE);
+    this._sharedMemberDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_MEMBER_DATA_SOURCE);
+    this._windowProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_WINDOW_PROVIDER);
+    this._dialogProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DIALOG_PROVIDER);
+    this._screenShareProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_SCREEN_SHARE_PROVIDER);
+    var localVideoRenderProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_LOCAL_VIDEO_RENDER_PROVIDER);
+    var remoteVideoRenderProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_REMOTE_VIDEO_RENDER_PROVIDER);
+    this._videoRenderContext = {
+      localVideoRenderProvider: localVideoRenderProvider,
+      remoteVideoRenderProvider: remoteVideoRenderProvider
+    };
+    var roomProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_ROOM_PROVIDER);
+    this._streamControl = roomProvider.currentRoomControl.getStreamControl();
     this._subscriptions.push((0, _mobx.reaction)(function () {
       return _this._deviceStore.microphoneVolumeLevel;
     }, function (volume) {
@@ -137,6 +134,10 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
         _this.userVolumeMap.set('0', volume);
       });
     }));
+    this._streamControl.addObserver({
+      onStreamVolumeIndicationUpdated: this._onAudioVolumeUpdated
+    });
+    this._dialogProvider.addObserver(this._dialogObserver);
   }
   return (0, _createClass2["default"])(VideoWindowStore, [{
     key: "userVolumeMap",
@@ -162,47 +163,39 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
     set: function set(v) {
       _classPrivateFieldSet(_C, this, v);
     }
-  }, {
-    key: "videoWindowCurrentWidth",
-    get: function get() {
-      return _classPrivateFieldGet(_D, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_D, this, v);
-    }
-  }, {
-    key: "videoWindowCurrentHeight",
-    get: function get() {
-      return _classPrivateFieldGet(_E, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_E, this, v);
-    }
   }, {
     key: "foldList",
     get: function get() {
-      return _classPrivateFieldGet(_F, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_F, this, v);
+      return this._sharedVideoWindowDataSource.foldList;
     }
   }, {
-    key: "innerFrameBounds",
+    key: "videoRenderContext",
     get: function get() {
-      return _classPrivateFieldGet(_G, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_G, this, v);
+      return this._videoRenderContext;
     }
   }, {
     key: "shouldHideNonVideoParticipants",
     get: function get() {
       return this._sharedSettingDataSource.setting.shouldHideNonVideoParticipants;
     }
+  }, {
+    key: "filterFoldList",
+    get: function get() {
+      var _this2 = this;
+      return this.foldList.filter(function (i) {
+        if (i.videoSourceType === _type2.FcrVideoSourceType.SCREEN) {
+          return false;
+        }
+        if (_this2.shouldHideNonVideoParticipants) {
+          return i.isMySelf || i.hasVideoStream;
+        }
+        return true;
+      });
+    }
   }, {
     key: "foldListRenderData",
     get: function get() {
-      return this._sliceFoldList();
+      return this.videoWindowPreviewType === _type.FcrVideoWindowPreviewType.LIST ? this.filterFoldList.slice(0, 4) : this.videoWindowPreviewType === _type.FcrVideoWindowPreviewType.SMALL ? this.filterFoldList.slice(0, 1) : [];
     }
   }, {
     key: "spotlightStreamId",
@@ -212,9 +205,9 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "findSpotlightUser",
     get: function get() {
-      var _this2 = this;
+      var _this3 = this;
       return this.spotlightStreamId ? this.foldList.find(function (item) {
-        return item.videoStreamId === _this2.spotlightStreamId || item.audioStreamId === _this2.spotlightStreamId;
+        return item.videoStreamId === _this3.spotlightStreamId || item.audioStreamId === _this3.spotlightStreamId;
       }) : null;
     }
   }, {
@@ -225,12 +218,6 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
         return item.isPin;
       });
     }
-  }, {
-    key: "videoWindowHeight",
-    get: function get() {
-      var list = this._sliceFoldList();
-      return _type.DefaultVideoWindowHeight + list.length * _type.VideoWindowItemHeight;
-    }
   }, {
     key: "interpreterUserList",
     get: function get() {
@@ -241,17 +228,6 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
     get: function get() {
       return this._sharedInterpreterDataSource.isInterpreterEnabled;
     }
-  }, {
-    key: "filterFoldList",
-    get: function get() {
-      var sourceList = this.foldList.filter(function (i) {
-        return !i.isMySelf || i.videoSourceType !== _type3.FcrVideoSourceType.SCREEN;
-      });
-      var _list = this.shouldHideNonVideoParticipants ? sourceList.filter(function (i) {
-        return i.isMySelf || i.hasVideoStream || i.videoSourceType === _type3.FcrVideoSourceType.SCREEN || i.type === _type2.FcrUIWindowType.BOARD;
-      }) : sourceList;
-      return _list;
-    }
   }, {
     key: "shouldHaveListView",
     get: function get() {
@@ -267,6 +243,11 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
     get: function get() {
       return this._deviceStore.microphoneEnabled;
     }
+  }, {
+    key: "deviceCameraEnabled",
+    get: function get() {
+      return this._deviceStore.cameraEnabled;
+    }
   }, {
     key: "setVideoOrientation",
     value: function setVideoOrientation() {
@@ -278,6 +259,11 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
       this._subscriptions.forEach(function (fn) {
         return fn();
       });
+      this._streamControl.removeObserver({
+        onStreamVolumeIndicationUpdated: this._onAudioVolumeUpdated
+      });
+      this._dialogProvider.removeObserver(this._dialogObserver);
+      this._sharedVideoWindowDataSource.removeObserver(this._sharedVideoWindowDataSourceObserver);
     }
   }, {
     key: "removePin",
@@ -292,12 +278,12 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "sendParticipantEvent",
     value: function sendParticipantEvent(payload) {
-      this._uiEventStore.sendEvent(_constant.FcrUIAction.PARTICIPANT_ACTION, payload);
+      this._eventProvider.sendEvent(_constant.FcrUIAction.PARTICIPANT_ACTION, payload);
     }
   }, {
     key: "muteAudio",
     value: function muteAudio(mute, userId) {
-      this._uiEventStore.sendEvent(_constant.FcrUIAction.PARTICIPANT_ACTION, {
+      this._eventProvider.sendEvent(_constant.FcrUIAction.PARTICIPANT_ACTION, {
         action: mute ? _attendee.ParticipantActionType.MUTE_AUDIO : _attendee.ParticipantActionType.UNMUTE_AUDIO,
         userId: userId
       });
@@ -318,34 +304,23 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
           return _type.DefaultVideoWindowHeight;
       }
     }
-  }, {
-    key: "changeVideoWindowBounds",
-    value: function changeVideoWindowBounds() {
-      var videoWindowPreviewType = this.videoWindowPreviewType;
-      var videoWindowHeight = this.computedVideoWindowHeight();
-      this._uiEventStore.sendEvent(_constant.FcrUIAction.VIDEO_WINDOW_BOUNDS, {
-        videoWindowHeight: videoWindowHeight,
-        videoWindowPreviewType: videoWindowPreviewType
-      });
-      // 判断当前是否展开了popover区域，实际上只有展开了popover区域，这里的width和height才会有值
-    }
   }, {
     key: "openPrivateChat",
     value: function openPrivateChat(userId) {
-      if (!this._securityStore.permitPrivateChat(userId)) return;
+      if (!this._privilegeProvider.permitPrivateChat(userId)) return;
       this._sharedLayoutDataSource.setAsideLayout({
         chat: true
       });
       var user = this._sharedMemberDataSource.memberUserInfoList.find(function (u) {
         return u.userId === userId;
       });
-      // user && this._uiEventStore.notifyChatUpdateTarget(user, FcrRoomType.Mainroom);
-      user && this._chatProvider.setPrivateChatTargetUser(user, _type4.FcrUIRoomType.MAIN_ROOM);
+      // user && this._eventProvider.notifyChatUpdateTarget(user, FcrRoomType.Mainroom);
+      user && this._chatProvider.setPrivateChatTargetUser(user, _type3.FcrUIRoomType.MAIN_ROOM);
     }
   }, {
     key: "openRenameDialog",
     value: function openRenameDialog(userId) {
-      this._uiEventStore.sendEvent(_constant.FcrUIAction.PARTICIPANT_ACTION, {
+      this._eventProvider.sendEvent(_constant.FcrUIAction.PARTICIPANT_ACTION, {
         action: _attendee.ParticipantActionType.RENAME_IN_MEETING,
         userId: userId
       });
@@ -353,40 +328,30 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "hasMutePermission",
     value: function hasMutePermission(targetRole) {
-      return this._securityStore.hasMutePermission(targetRole);
+      return this._privilegeProvider.hasMutePermission(targetRole);
     }
   }, {
     key: "hasUnmutePermission",
     value: function hasUnmutePermission(targetRole) {
-      return this._securityStore.hasUnmutePermission(targetRole);
+      return this._privilegeProvider.hasUnmutePermission(targetRole);
     }
   }, {
     key: "hasRequestStartAudioPermission",
     value: function hasRequestStartAudioPermission(targetRole) {
-      return this._securityStore.hasRequestStartAudioPermission(targetRole);
+      return this._privilegeProvider.hasRequestStartAudioPermission(targetRole);
     }
   }, {
     key: "setVideoWindowPreviewType",
     value: function setVideoWindowPreviewType(type) {
+      if (type === this.videoWindowPreviewType) {
+        // no change no update
+        return;
+      }
       this.videoWindowPreviewType = type;
-      this.handleFoldListChanged();
-    }
-  }, {
-    key: "handleFoldListChanged",
-    value: function handleFoldListChanged() {
-      this.changeVideoWindowBounds();
-      var height = this.computedVideoWindowHeight();
-      this._uiEventStore.sendEvent(_constant.FcrUIAction.VIDEO_WINDOW_RESIZE, {
-        width: _type.DefaultVideoWindowWidth,
-        height: height
+      this._updateWindowProperties({
+        updateResizable: true
       });
     }
-  }, {
-    key: "closeVideoWindow",
-    value: function closeVideoWindow() {
-      this.videoWindowPreviewType = _type.FcrVideoWindowPreviewType.SMALL;
-      this.setVideoWindowPreviewType(_type.FcrVideoWindowPreviewType.SMALL);
-    }
   }, {
     key: "setWrapperHover",
     value: function setWrapperHover(hover) {
@@ -395,7 +360,25 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "getAllowedOperations",
     value: function getAllowedOperations(targetRole, isSelf) {
-      return this._securityStore.getAllowedOperations(targetRole, isSelf);
+      return this._privilegeProvider.getAllowedOperations(targetRole, isSelf);
+    }
+  }, {
+    key: "_updateWindowProperties",
+    value: function _updateWindowProperties() {
+      var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+          updateResizable: false
+        },
+        _ref3$updateResizable = _ref3.updateResizable,
+        updateResizable = _ref3$updateResizable === void 0 ? false : _ref3$updateResizable;
+      var height = this.computedVideoWindowHeight();
+      var videoWindow = this._windowProvider.getWindowById(_constant.FcrUIDialogKey.VIDEO_WINDOW);
+      if (updateResizable) {
+        var resizable = this.videoWindowPreviewType === _type.FcrVideoWindowPreviewType.SMALL;
+        videoWindow.setResizable(resizable);
+        videoWindow.setAspectRatio(resizable ? _type.VideoWindowRadio : 0);
+        videoWindow.setMinimumSize(_type.DefaultVideoWindowWidth, resizable ? _type.DefaultVideoWindowSmallTypeHeight : _type.DefaultVideoWindowHeight);
+      }
+      (0, _videoWindow.setVideoWindowDialogSize)(videoWindow, height);
     }
   }, {
     key: "_onAudioVolumeUpdated",
@@ -403,20 +386,33 @@ var VideoWindowStore = exports["default"] = /*#__PURE__*/function () {
       this.userVolumeMap.set(streamId, Math.floor(volume / 255 * 100));
     }
   }, {
-    key: "_sliceFoldList",
-    value: function _sliceFoldList() {
-      return this.videoWindowPreviewType === _type.FcrVideoWindowPreviewType.LIST ? this.filterFoldList.slice(0, 4) : this.videoWindowPreviewType === _type.FcrVideoWindowPreviewType.SMALL ? this.filterFoldList.slice(0, 1) : [];
+    key: "_handleFoldListUpdated",
+    value: function _handleFoldListUpdated() {
+      // 没有远端可以看了，如果当前在list模式，切换到small模式
+      if (!this.shouldHaveListView && this.videoWindowPreviewType === _type.FcrVideoWindowPreviewType.LIST) {
+        this.setVideoWindowPreviewType(_type.FcrVideoWindowPreviewType.SMALL);
+      } else {
+        this._updateWindowProperties();
+      }
+    }
+  }, {
+    key: "_handleDialogSwitch",
+    value: function _handleDialogSwitch(dialogKey, open) {
+      if (dialogKey !== _constant.FcrUIDialogKey.VIDEO_WINDOW) return;
+      if (open) {
+        this._sharedVideoWindowDataSource.addObserver(this._sharedVideoWindowDataSourceObserver);
+        this._updateWindowProperties();
+      } else {
+        this._sharedVideoWindowDataSource.removeObserver(this._sharedVideoWindowDataSourceObserver);
+        this.setVideoWindowPreviewType(_type.FcrVideoWindowPreviewType.SMALL);
+      }
     }
   }]);
 }();
 _VideoWindowStore = VideoWindowStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_VideoWindowStore, [[_mobx.observable, 1, "userVolumeMap"], [_mobx.observable, 1, "wrapperHovering"], [_mobx.observable, 1, "videoWindowPreviewType"], [_mobx.observable, 1, "videoWindowCurrentWidth"], [_mobx.observable, 1, "videoWindowCurrentHeight"], [_mobx.observable, 1, "foldList"], [_mobx.observable, 1, "innerFrameBounds"], [_mobx.computed, 3, "foldListRenderData"], [_mobx.computed, 3, "spotlightStreamId"], [_mobx.computed, 3, "findSpotlightUser"], [_mobx.computed, 3, "hasPinnedStream"], [_mobx.computed, 3, "videoWindowHeight"], [_mobx.computed, 3, "shouldHaveListView"], [_decorator.bound, 2, "setVideoOrientation"], [_decorator.bound, 2, "removePin"], [_decorator.bound, 2, "addPin"], [_decorator.bound, 2, "sendParticipantEvent"], [_decorator.bound, 2, "muteAudio"], [_decorator.bound, 2, "computedVideoWindowHeight"], [_changeVideoWindowBoundsDecs, 18, "changeVideoWindowBounds"], [_decorator.bound, 2, "openPrivateChat"], [_decorator.bound, 2, "openRenameDialog"], [_decorator.bound, 2, "hasMutePermission"], [_decorator.bound, 2, "hasUnmutePermission"], [_decorator.bound, 2, "hasRequestStartAudioPermission"], [_setVideoWindowPreviewTypeDecs, 18, "setVideoWindowPreviewType"], [_closeVideoWindowDecs, 18, "closeVideoWindow"], [_setWrapperHoverDecs, 18, "setWrapperHover"], [_getAllowedOperationsDecs, 18, "getAllowedOperations"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_decorator.bound, 2, "_sliceFoldList"]], []).e, 8);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_VideoWindowStore, [[_mobx.observable, 1, "userVolumeMap"], [_mobx.observable, 1, "wrapperHovering"], [_mobx.observable, 1, "videoWindowPreviewType"], [_mobx.computed, 3, "foldListRenderData"], [_mobx.computed, 3, "spotlightStreamId"], [_mobx.computed, 3, "findSpotlightUser"], [_mobx.computed, 3, "hasPinnedStream"], [_mobx.computed, 3, "shouldHaveListView"], [_decorator.bound, 2, "setVideoOrientation"], [_decorator.bound, 2, "removePin"], [_decorator.bound, 2, "addPin"], [_decorator.bound, 2, "sendParticipantEvent"], [_decorator.bound, 2, "muteAudio"], [_decorator.bound, 2, "computedVideoWindowHeight"], [_decorator.bound, 2, "openPrivateChat"], [_decorator.bound, 2, "openRenameDialog"], [_decorator.bound, 2, "hasMutePermission"], [_decorator.bound, 2, "hasUnmutePermission"], [_decorator.bound, 2, "hasRequestStartAudioPermission"], [_setVideoWindowPreviewTypeDecs, 18, "setVideoWindowPreviewType"], [_setWrapperHoverDecs, 18, "setWrapperHover"], [_getAllowedOperationsDecs, 18, "getAllowedOperations"], [_decorator.bound, 2, "_updateWindowProperties"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_decorator.bound, 2, "_handleFoldListUpdated"]], []).e, 4);
 _init_userVolumeMap = _applyDecs$e[0];
 _init_wrapperHovering = _applyDecs$e[1];
 _init_videoWindowPreviewType = _applyDecs$e[2];
-_init_videoWindowCurrentWidth = _applyDecs$e[3];
-_init_videoWindowCurrentHeight = _applyDecs$e[4];
-_init_foldList = _applyDecs$e[5];
-_init_innerFrameBounds = _applyDecs$e[6];
-_initProto = _applyDecs$e[7];
+_initProto = _applyDecs$e[3];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

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

@@ -1,17 +1,5 @@
-import { FcrStreamControl } from 'fcr-core';
-import { FcrUIEventProvider } from '../../providers/event-provider';
 import { FcrUIConnectType } from '../../type';
-import { FcrUIDeviceProvider } from '../../providers/device-provider';
-import { FcrUIPrivilegeProvider } from '../../providers/privilege-provider';
-import { FcrUIDeviceStreamProvider } from '../../providers/device-stream-provider';
-import { FcrUISharedSpeakerSpotlightDataSource } from '../../shared-data-source/speaker-spotlight';
-import { FcrUISharedPinDataSource } from '../../shared-data-source/pin-data';
-import { FcrUISharedLayoutDataSource } from '../../shared-data-source/layout-data';
-import { FcrUIVideoWindowDataSource } from '../../shared-data-source/video-window';
-import { FcrUISharedInterpreterDataSource } from '../../shared-data-source/interpreter';
-import { FcrUISharedSettingDataSource } from '../../shared-data-source/setting';
-import { FcrUIChatProvider } from '../../providers/chat-provider';
-import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
+import { FcrUIObjectManager } from '../../object-manager';
 export declare enum FcrVideoWindowPreviewType {
     MINI = "mini",
     SMALL = "small",
@@ -37,18 +25,6 @@ export declare const VideoWindowRadio: number;
 export declare const VideoWindowZoomMaxWidth = 644;
 export declare const VideoWindowZoomMaxHeight = 666;
 export declare const VideoWindowItemHeight = 144;
-export interface VideoWindowStoreParams {
-    uiEventStore: FcrUIEventProvider;
-    streamControl: FcrStreamControl;
-    securityStore: FcrUIPrivilegeProvider;
-    deviceStore: FcrUIDeviceProvider;
-    deviceStreamStore: FcrUIDeviceStreamProvider;
-    sharedSpeakerSpotlightDataSource: FcrUISharedSpeakerSpotlightDataSource;
-    sharedPinDataSource: FcrUISharedPinDataSource;
-    sharedLayoutDataSource: FcrUISharedLayoutDataSource;
-    sharedInterpreterDataSource: FcrUISharedInterpreterDataSource;
-    sharedSettingDataSource: FcrUISharedSettingDataSource;
-    chatProvider: FcrUIChatProvider;
-    sharedVideoWindowDataSource: FcrUIVideoWindowDataSource;
-    sharedMemberDataSource: FcrUIMemberSharedDataSource;
+export interface VideoWindowStoreArgs {
+    objectManager: FcrUIObjectManager;
 }

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

@@ -15,15 +15,17 @@ var _store = require("./store");
 var _topControl = _interopRequireDefault(require("./components/topControl"));
 var _speaking = _interopRequireDefault(require("./components/speaking"));
 require("./index.css");
+var _videoTrackRenderContext = require("../../shared-context/video-track-render-context");
 var _jsxRuntime = require("react/jsx-runtime");
 var View = exports.View = (0, _mobxReact.observer)(function () {
+  var divRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     isHover = _useState2[0],
     setIsHover = _useState2[1];
   var _useContext = (0, _react.useContext)(_store.StoreContext),
     setWrapperHover = _useContext.setWrapperHover,
-    innerFrameBounds = _useContext.innerFrameBounds;
+    videoRenderContext = _useContext.videoRenderContext;
   (0, _react.useEffect)(function () {
     if (!isHover) {
       var timer = setTimeout(function () {
@@ -36,11 +38,8 @@ var View = exports.View = (0, _mobxReact.observer)(function () {
       setWrapperHover(true);
     }
   }, [isHover]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    style: {
-      width: innerFrameBounds.width || undefined,
-      height: innerFrameBounds.height || undefined
-    },
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: divRef,
     onMouseEnter: function onMouseEnter() {
       setIsHover(true);
     },
@@ -48,6 +47,9 @@ var View = exports.View = (0, _mobxReact.observer)(function () {
       setIsHover(false);
     },
     className: "fcr-video-window-dialog-wrapper",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_topControl["default"], {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_speaking["default"], {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_members.Members, {})]
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_videoTrackRenderContext.FcrVideoTrackRenderContext.Provider, {
+      value: videoRenderContext,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_topControl["default"], {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_speaking["default"], {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_members.Members, {})]
+    })
   });
 });

package/lib/modules/waiting-room-layout/index.d.ts

@@ -1,14 +1,8 @@
 import { UIModule } from '../../base';
-import { FcrUIDeviceProvider } from '../../providers/device-provider';
-import { FcrUILocalVideoRenderProvider } from '../../providers/renderer-provider';
-import { FcrLayoutSlots } from './store';
-import { FcrUICurrentRoomControlProvider, FcrUIRoomProvider } from '../../providers/room-provider';
+import LayoutStore, { FcrLayoutSlots } from './store';
 export declare class WaitingRoomLayout extends UIModule {
-    private _store?;
-    deviceProvider?: FcrUIDeviceProvider;
-    localVideoRenderProvider?: FcrUILocalVideoRenderProvider;
-    currentRoomControlProvider?: FcrUICurrentRoomControlProvider;
-    roomProvider?: FcrUIRoomProvider;
+    private _store;
+    get store(): LayoutStore;
     onNodeWillActive(): void;
     onNodeWillInactive(): void;
     getComponent(slots?: Partial<FcrLayoutSlots & {

package/lib/modules/waiting-room-layout/index.js

@@ -17,16 +17,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WaitingRoomLayout = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.error.to-string.js");
+require("core-js/modules/es.array.concat.js");
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _base = require("../../base");
-var _toast = _interopRequireDefault(require("../dialog/dialogs/toast"));
 var _store = _interopRequireWildcard(require("./store"));
 var _view = _interopRequireDefault(require("./view"));
-var _confirm = require("../dialog/dialogs/confirm");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["globalToast", "confirm"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -34,43 +36,48 @@ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var WaitingRoomLayout = exports.WaitingRoomLayout = /*#__PURE__*/function (_UIModule) {
   function WaitingRoomLayout() {
+    var _this;
     (0, _classCallCheck2["default"])(this, WaitingRoomLayout);
-    return _callSuper(this, WaitingRoomLayout, arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, WaitingRoomLayout, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "_store", null);
+    return _this;
   }
   (0, _inherits2["default"])(WaitingRoomLayout, _UIModule);
   return (0, _createClass2["default"])(WaitingRoomLayout, [{
+    key: "store",
+    get: function get() {
+      if (!this._store) {
+        throw new Error('LayoutStore is not initialized');
+      }
+      return this._store;
+    }
+  }, {
     key: "onNodeWillActive",
     value: function onNodeWillActive() {
-      var _this$currentRoomCont;
-      this._store = new _store["default"]({
-        deviceProvider: this.deviceProvider,
-        localVideoRenderProvider: this.localVideoRenderProvider,
-        userControl: (_this$currentRoomCont = this.currentRoomControlProvider) === null || _this$currentRoomCont === void 0 ? void 0 : _this$currentRoomCont.currentRoomControl.getUserControl(),
-        roomProvider: this.roomProvider
-      });
+      var args = {
+        objectManager: this.objectManager
+      };
+      this._store = new _store["default"](args);
     }
   }, {
     key: "onNodeWillInactive",
     value: function onNodeWillInactive() {
-      var _this$_store;
-      (_this$_store = this._store) === null || _this$_store === void 0 || _this$_store.release();
+      this.store.release();
     }
   }, {
     key: "getComponent",
     value: function getComponent() {
       var slots = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var store = this._store;
       var globalToast = slots.globalToast,
         confirm = slots.confirm,
         restSlots = (0, _objectWithoutProperties2["default"])(slots, _excluded);
-      store.updateSlots(restSlots);
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_store.StoreContext.Provider, {
-        value: store,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_view["default"], {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_toast["default"], {
-          children: globalToast
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.ConfirmDialog, {
-          children: confirm
-        })]
+      this.store.updateSlots(restSlots);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
+        value: this.store,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view["default"], {})
       });
     }
   }]);

package/lib/modules/waiting-room-layout/store.d.ts

@@ -1,19 +1,13 @@
-import { FcrUserControl } from 'fcr-core';
-import { FcrUIDeviceProvider } from '../../providers/device-provider';
-import { FcrUILocalVideoRenderProvider } from '../../providers/renderer-provider';
-import { FcrUIRoomProvider } from '../../providers/room-provider';
 import { FcrUserInfo } from 'fcr-core/lib/type';
+import { FcrUIObjectManager } from '../../object-manager';
 export interface FcrLayoutSlots {
     chat: React.ReactNode;
     stateBar: React.ReactNode;
     actionBar: React.ReactNode;
     layers: React.ReactNode;
 }
-export interface LayoutStoreParams {
-    deviceProvider: FcrUIDeviceProvider;
-    localVideoRenderProvider: FcrUILocalVideoRenderProvider;
-    userControl: FcrUserControl;
-    roomProvider: FcrUIRoomProvider;
+export interface LayoutStoreArgs {
+    objectManager: FcrUIObjectManager;
 }
 export default class LayoutStore implements FcrLayoutSlots {
     private _deviceProvider;
@@ -31,7 +25,7 @@ export default class LayoutStore implements FcrLayoutSlots {
     accessor layers: React.ReactNode;
     accessor whiteboard: React.ReactNode;
     accessor isJbhToMainRoom: boolean;
-    constructor(params: LayoutStoreParams);
+    constructor({ objectManager }: LayoutStoreArgs);
     get localUser(): FcrUserInfo;
     get cameraId(): string;
     get cameraEnabled(): boolean;