fcr-ui-scene 3.6.1 → 3.6.3

package/lib/modules/setting/index.js

@@ -84,7 +84,7 @@ var SettingUIModule = exports.SettingUIModule = /*#__PURE__*/function (_UIModule
       var _this$currentRoomCont, _this$currentRoomCont2, _this$sharedConfigDat;
       this.streamControl = (_this$currentRoomCont = this.currentRoomControlProvider) === null || _this$currentRoomCont === void 0 ? void 0 : _this$currentRoomCont.currentRoomControl.getStreamControl();
       this.userControl = (_this$currentRoomCont2 = this.currentRoomControlProvider) === null || _this$currentRoomCont2 === void 0 ? void 0 : _this$currentRoomCont2.currentRoomControl.getUserControl();
-      if (this.deviceProvider && this.currentRoomControlProvider && this.streamControl && this.eventProvider && this.monitorProvider && (_this$sharedConfigDat = this.sharedConfigDataSource) !== null && _this$sharedConfigDat !== void 0 && _this$sharedConfigDat.sceneConfig && this.sharedConfigDataSource.settingConfig && this.sharedLayoutDataSource && this.messageProvider && this.dialogProvider && this.sharedSettingDataSource && this.localStorageProvider) {
+      if (this.deviceProvider && this.currentRoomControlProvider && this.streamControl && this.eventProvider && this.monitorProvider && (_this$sharedConfigDat = this.sharedConfigDataSource) !== null && _this$sharedConfigDat !== void 0 && _this$sharedConfigDat.sceneConfig && this.sharedConfigDataSource.settingConfig && this.sharedLayoutDataSource && this.messageProvider && this.dialogProvider && this.sharedSettingDataSource && this.userSettingStorageProvider) {
         var _this$sharedConfigDat2, _this$sharedConfigDat3, _this$userControl;
         this._store = new _store["default"]({
           uiEventStore: this.eventProvider,
@@ -99,8 +99,8 @@ var SettingUIModule = exports.SettingUIModule = /*#__PURE__*/function (_UIModule
           sharedSettingDataSource: this.sharedSettingDataSource,
           dialogProvider: this.dialogProvider,
           settingConfig: this.sharedConfigDataSource.settingConfig,
-          localStorageProvider: this.localStorageProvider,
-          userId: (_this$userControl = this.userControl) === null || _this$userControl === void 0 ? void 0 : _this$userControl.getLocalUser().userId
+          userId: (_this$userControl = this.userControl) === null || _this$userControl === void 0 ? void 0 : _this$userControl.getLocalUser().userId,
+          userSettingStorageProvider: this.userSettingStorageProvider
         });
       }
     }

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

@@ -14,8 +14,7 @@ import { FcrUISharedLayoutDataSource } from '../../shared-data-source/layout-dat
 import { FcrUIMessageProvider } from '../../providers/message-provider';
 import { FcrUISharedSettingDataSource } from '../../shared-data-source/setting';
 import { FcrUIDialogProvider } from '../../providers/dialog-provider';
-import { FcrUILocalStorageProviderImpl } from '../../providers/local-storage-provider';
-export declare const SETTING_KEY = "setting";
+import { FcrUIUserSettingStorageProviderImpl } from '../../providers/user-setting-storage-provider';
 export interface FcrDeviceObserver {
     onCameraChanged?(cameraId: string): void;
     onMicrophoneChanged?(microphoneId: string): void;
@@ -40,7 +39,7 @@ export interface DeviceSettingDialogConfig {
     highlightSelector: FcrUIHighlightElement | undefined;
     videoActiveTab: VideoActiveTab;
 }
-export interface CustomSetting {
+export interface FcrUICustomSetting {
     shouldDisplayPreviewDialog: boolean;
     shouldHideNonVideoParticipants: boolean;
     displayedMaxAttendees: number;
@@ -174,10 +173,10 @@ export default class SettingStore {
     get currentIsMirror(): boolean;
     get microphoneDetecting(): boolean;
     get speakerDetecting(): boolean;
-    get setting(): CustomSetting;
+    get setting(): FcrUICustomSetting;
     get settingConfig(): FcrUISettingConfig;
     private _userId;
-    constructor({ monitorControl, uiEventStore, deviceStore, streamControl, roomControl, config, parameters, sharedLayoutDataSource, messageProvider, dialogProvider, sharedSettingDataSource, settingConfig, localStorageProvider, userId, }: {
+    constructor({ monitorControl, uiEventStore, deviceStore, streamControl, roomControl, config, parameters, sharedLayoutDataSource, messageProvider, dialogProvider, sharedSettingDataSource, settingConfig, userId, userSettingStorageProvider, }: {
         uiEventStore: FcrUIEventProvider;
         deviceStore: FcrUIDeviceProvider;
         streamControl?: FcrStreamControl;
@@ -190,7 +189,7 @@ export default class SettingStore {
         sharedLayoutDataSource?: FcrUISharedLayoutDataSource;
         messageProvider: FcrUIMessageProvider;
         dialogProvider: FcrUIDialogProvider;
-        localStorageProvider: FcrUILocalStorageProviderImpl;
+        userSettingStorageProvider: FcrUIUserSettingStorageProviderImpl;
         userId: string;
     });
     get messageProvider(): FcrUIMessageProvider;
@@ -228,7 +227,7 @@ export default class SettingStore {
     stopMicrophoneTest(): void;
     release(): void;
     setDialogConfig(dialogConfig: Partial<DeviceSettingDialogConfig>): void;
-    setSetting(setting: Partial<CustomSetting>): void;
+    setSetting(setting: Partial<FcrUICustomSetting>): void;
     private _onEvent;
     private _onNetworkStatsUpdated;
     clearGetSystemInfoInterval(): void;
@@ -245,9 +244,8 @@ export default class SettingStore {
     private _handleCameraListUpdated;
     private _onAudioVolumeUpdated;
     private _preHandleSetting;
-    _setMeetingSettingsToLocalStorage(value: any): void;
-    _getMeetingSettingsFromLocalStorage(): any;
-    _initDialogConfig(): void;
+    private _setMeetingSettingsToLocalStorage;
+    private _getMeetingSettingsFromLocalStorage;
     changeMediaSetting(key: keyof typeof this.settingConfig.media, value: any): void;
 }
 export declare const StoreContext: import("react").Context<SettingStore>;

package/lib/modules/setting/store.js

@@ -33,7 +33,7 @@ Object.defineProperty(exports, "DEFAULT_BEAUTY_VALUE", {
     return _localVideoPlayer.DEFAULT_BEAUTY_VALUE;
   }
 });
-exports["default"] = exports.StoreContext = exports.SETTING_KEY = exports.DeviceSettingTab = void 0;
+exports["default"] = exports.StoreContext = exports.DeviceSettingTab = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -106,7 +106,7 @@ var _i18n = require("agora-ui-foundation/lib/i18n");
 var _logger = require("../../utilities/logger");
 var _excluded = ["dialogId"];
 var _SettingStore;
-var _initProto, _init_loudestStreamVolumeLevel, _init_isPreMeetingSettingsStore, _init_microphoneVolumeLevel, _init_isWifiConnected, _init_dialogConfig, _init_networkState, _init_performanceState, _init_localAudioStreamMap, _init_remoteAudioStreamMap, _init_localVideoStreamMap, _init_remoteVideoStreamMap, _init_systemMemorySize, _init_systemCpuDesc, _init_config, _init_getSystemInfoTimer, _setDialogConfigDecs, _setSettingDecs, _onEventDecs, _onNetworkStatsUpdatedDecs, _clearGetSystemInfoIntervalDecs, _closeDialogDecs, _onLocalAudioStatsUpdatedDecs, _onRemoteAudioStatsUpdatedDecs, _onLocalVideoStatsUpdatedDecs, _onRemoteVideoStatsUpdatedDecs, _onStreamsAddedDecs, _onStreamsUpdatedDecs, _onStreamsRemovedDecs, _onPerformanceUpdatedDecs, _onAudioVolumeUpdatedDecs, _preHandleSettingDecs, _setMeetingSettingsToLocalStorageDecs, _getMeetingSettingsFromLocalStorageDecs, _initDialogConfigDecs, _changeMediaSettingDecs, _ref;
+var _initProto, _init_loudestStreamVolumeLevel, _init_isPreMeetingSettingsStore, _init_microphoneVolumeLevel, _init_isWifiConnected, _init_dialogConfig, _init_networkState, _init_performanceState, _init_localAudioStreamMap, _init_remoteAudioStreamMap, _init_localVideoStreamMap, _init_remoteVideoStreamMap, _init_systemMemorySize, _init_systemCpuDesc, _init_config, _init_getSystemInfoTimer, _setDialogConfigDecs, _setSettingDecs, _onEventDecs, _onNetworkStatsUpdatedDecs, _clearGetSystemInfoIntervalDecs, _closeDialogDecs, _onLocalAudioStatsUpdatedDecs, _onRemoteAudioStatsUpdatedDecs, _onLocalVideoStatsUpdatedDecs, _onRemoteVideoStatsUpdatedDecs, _onStreamsAddedDecs, _onStreamsUpdatedDecs, _onStreamsRemovedDecs, _onPerformanceUpdatedDecs, _onAudioVolumeUpdatedDecs, _preHandleSettingDecs, _setMeetingSettingsToLocalStorageDecs, _getMeetingSettingsFromLocalStorageDecs, _changeMediaSettingDecs, _ref;
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -122,7 +122,6 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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 SETTING_KEY = exports.SETTING_KEY = 'setting';
 var DeviceSettingTab = exports.DeviceSettingTab = /*#__PURE__*/function (DeviceSettingTab) {
   DeviceSettingTab["GENERAL"] = "general";
   DeviceSettingTab["AUDIO"] = "audio";
@@ -154,7 +153,7 @@ var _L = /*#__PURE__*/new WeakMap();
 var _M = /*#__PURE__*/new WeakMap();
 var _N = /*#__PURE__*/new WeakMap();
 var _O = /*#__PURE__*/new WeakMap();
-_ref = (_setDialogConfigDecs = [_mobx.action, _mobx.action.bound], _setSettingDecs = [_mobx.action, _mobx.action.bound], _onEventDecs = [_mobx.action, _mobx.action.bound], _onNetworkStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _clearGetSystemInfoIntervalDecs = [_mobx.action, _mobx.action.bound], _closeDialogDecs = [_mobx.action, _mobx.action.bound], _onLocalAudioStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onRemoteAudioStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onLocalVideoStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onRemoteVideoStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onStreamsAddedDecs = [_mobx.action, _mobx.action.bound], _onStreamsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onStreamsRemovedDecs = [_mobx.action, _mobx.action.bound], _onPerformanceUpdatedDecs = [_mobx.action, _mobx.action.bound], _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _preHandleSettingDecs = [_mobx.action, _mobx.action.bound], _setMeetingSettingsToLocalStorageDecs = [_mobx.action, _mobx.action.bound], _getMeetingSettingsFromLocalStorageDecs = [_mobx.action, _mobx.action.bound], _initDialogConfigDecs = [_mobx.action, _mobx.action.bound], _changeMediaSettingDecs = [_mobx.action, _mobx.action.bound], "_localStorageProvider");
+_ref = (_setDialogConfigDecs = [_mobx.action, _mobx.action.bound], _setSettingDecs = [_mobx.action, _mobx.action.bound], _onEventDecs = [_mobx.action, _mobx.action.bound], _onNetworkStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _clearGetSystemInfoIntervalDecs = [_mobx.action, _mobx.action.bound], _closeDialogDecs = [_mobx.action, _mobx.action.bound], _onLocalAudioStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onRemoteAudioStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onLocalVideoStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onRemoteVideoStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onStreamsAddedDecs = [_mobx.action, _mobx.action.bound], _onStreamsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onStreamsRemovedDecs = [_mobx.action, _mobx.action.bound], _onPerformanceUpdatedDecs = [_mobx.action, _mobx.action.bound], _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _preHandleSettingDecs = [_mobx.action, _mobx.action.bound], _setMeetingSettingsToLocalStorageDecs = [_mobx.action, _mobx.action.bound], _getMeetingSettingsFromLocalStorageDecs = [_mobx.action, _mobx.action.bound], _changeMediaSettingDecs = [_mobx.action, _mobx.action.bound], "_userSettingStorageProvider");
 var SettingStore = exports["default"] = /*#__PURE__*/function () {
   function SettingStore(_ref2) {
     var _this$_roomControl, _this$_streamControl, _this$_streamControl2;
@@ -170,8 +169,8 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       dialogProvider = _ref2.dialogProvider,
       sharedSettingDataSource = _ref2.sharedSettingDataSource,
       settingConfig = _ref2.settingConfig,
-      localStorageProvider = _ref2.localStorageProvider,
-      userId = _ref2.userId;
+      userId = _ref2.userId,
+      userSettingStorageProvider = _ref2.userSettingStorageProvider;
     (0, _classCallCheck2["default"])(this, SettingStore);
     // @internal
     (0, _defineProperty2["default"])(this, _ref, void _initProto(this));
@@ -252,7 +251,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _M, _init_systemCpuDesc(this, ''));
     _classPrivateFieldInitSpec(this, _N, _init_config(this, undefined));
     _classPrivateFieldInitSpec(this, _O, _init_getSystemInfoTimer(this, null));
-    this._localStorageProvider = localStorageProvider;
+    this._userSettingStorageProvider = userSettingStorageProvider;
     this._monitorControl = monitorControl;
     this._streamControl = streamControl;
     this._roomControl = roomControl;
@@ -270,7 +269,8 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
     } else {
       this.isPreMeetingSettingsStore = true;
     }
-    this._initDialogConfig();
+    // this._initDialogConfig();
+
     var defaultVideoGallerySize = (0, _parameters.getDefaultVideoGallerySize)(parameters);
     if (defaultVideoGallerySize) {
       defaultVideoGallerySize = Math.min(Math.max(defaultVideoGallerySize, 16), 25);
@@ -1231,22 +1231,24 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
     key: "_setMeetingSettingsToLocalStorage",
     value: function _setMeetingSettingsToLocalStorage(value) {
       var oldValue = this._getMeetingSettingsFromLocalStorage() || {};
-      this._localStorageProvider.write(SETTING_KEY, _objectSpread(_objectSpread({}, oldValue), value));
+      this._userSettingStorageProvider.write({
+        setting: _objectSpread(_objectSpread({}, oldValue), value)
+      });
     }
   }, {
     key: "_getMeetingSettingsFromLocalStorage",
     value: function _getMeetingSettingsFromLocalStorage() {
-      return this._localStorageProvider.read(SETTING_KEY);
-    }
-  }, {
-    key: "_initDialogConfig",
-    value: function _initDialogConfig() {
-      var value = this._getMeetingSettingsFromLocalStorage();
-      if (value && !this.isPreMeetingSettingsStore) {
-        var _value$dialogConfig;
-        this.dialogConfig = (_value$dialogConfig = value.dialogConfig) !== null && _value$dialogConfig !== void 0 ? _value$dialogConfig : this.dialogConfig;
-      }
+      var _this$_userSettingSto;
+      return (_this$_userSettingSto = this._userSettingStorageProvider.read()) === null || _this$_userSettingSto === void 0 ? void 0 : _this$_userSettingSto.setting;
     }
+
+    // @action.bound
+    // private _initDialogConfig() {
+    //   const value = this._getMeetingSettingsFromLocalStorage();
+    //   if (value && !this.isPreMeetingSettingsStore) {
+    //     this.dialogConfig = value.dialogConfig ?? this.dialogConfig;
+    //   }
+    // }
   }, {
     key: "changeMediaSetting",
     value: function changeMediaSetting(key, value) {
@@ -1256,7 +1258,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _SettingStore = SettingStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_SettingStore, [[_mobx.observable, 1, "loudestStreamVolumeLevel"], [_mobx.observable, 1, "isPreMeetingSettingsStore"], [_mobx.observable, 1, "microphoneVolumeLevel"], [_mobx.observable, 1, "isWifiConnected"], [_mobx.observable, 1, "dialogConfig"], [_mobx.observable, 1, "networkState"], [_mobx.observable, 1, "performanceState"], [_mobx.observable, 1, "localAudioStreamMap"], [_mobx.observable, 1, "remoteAudioStreamMap"], [_mobx.observable, 1, "localVideoStreamMap"], [_mobx.observable, 1, "remoteVideoStreamMap"], [_mobx.observable, 1, "systemMemorySize"], [_mobx.observable, 1, "systemCpuDesc"], [_mobx.observable, 1, "config"], [_mobx.observable, 1, "getSystemInfoTimer"], [_mobx.computed, 3, "maxVideoSendInfo"], [_mobx.computed, 3, "maxVideoReceiveInfo"], [_mobx.computed, 3, "sendScreenShareInfo"], [_mobx.computed, 3, "receiveScreenShareInfo"], [_mobx.computed, 3, "microphoneVolumeDb"], [_mobx.computed, 3, "speakerVolumeDb"], [_mobx.computed, 3, "speakerTestVolumeLevel"], [_mobx.computed, 3, "microphoneTestVolumeLevel"], [_mobx.computed, 3, "speakerVolume"], [_mobx.computed, 3, "microphoneVolume"], [_mobx.computed, 3, "isLocalMirrorEnabled"], [_mobx.computed, 3, "isLocalEditBeautyOptions"], [_mobx.computed, 3, "currentBeautyKey"], [_mobx.computed, 3, "beautyOptions"], [_mobx.computed, 3, "cameraDeviceId"], [_mobx.computed, 3, "cameraEnabled"], [_mobx.computed, 3, "showForceOpenEffectDialog"], [_mobx.computed, 3, "currentVirtualBackgroundName"], [_mobx.computed, 3, "cameraDeviceList"], [_mobx.computed, 3, "microphoneDeviceId"], [_mobx.computed, 3, "speakerDeviceId"], [_mobx.computed, 3, "speakerDeviceList"], [_mobx.computed, 3, "microphoneDeviceList"], [_mobx.computed, 3, "enableBeauty"], [_mobx.computed, 3, "virtualBackgroundList"], [_mobx.computed, 3, "currentIsMirror"], [_mobx.computed, 3, "microphoneDetecting"], [_mobx.computed, 3, "speakerDetecting"], [_mobx.computed, 3, "setting"], [_decorator.bound, 2, "enableVirtualBackground"], [_decorator.bound, 2, "setEditBeautyKey"], [_decorator.bound, 2, "enableBeautyEffect"], [_decorator.bound, 2, "_initReactions"], [_decorator.bound, 2, "setCameraDevice"], [_decorator.bound, 2, "setMicrophoneDevice"], [_decorator.bound, 2, "stopSpeakerTest"], [_decorator.bound, 2, "startSpeakerTest"], [_decorator.bound, 2, "setSpeakerDevice"], [_decorator.bound, 2, "setSpeakerVolume"], [_decorator.bound, 2, "setMicrophoneVolume"], [_decorator.bound, 2, "setVideoOrientation"], [_decorator.bound, 2, "setBeautyOptions"], [_decorator.bound, 2, "toggleLocalMirrorPreview"], [_decorator.bound, 2, "startVideo"], [_decorator.bound, 2, "stopVideo"], [_decorator.bound, 2, "handleForceOpenVideoEffect"], [_decorator.bound, 2, "handleCancelForceOpenVideoEffect"], [_decorator.bound, 2, "toggleLocalMirror"], [_decorator.bound, 2, "setSettingVideoOpened"], [_decorator.bound, 2, "_syncSystemInfo"], [_decorator.bound, 2, "startCameraTest"], [_decorator.bound, 2, "stopCameraTest"], [_setDialogConfigDecs, 18, "setDialogConfig"], [_setSettingDecs, 18, "setSetting"], [_onEventDecs, 18, "_onEvent"], [_onNetworkStatsUpdatedDecs, 18, "_onNetworkStatsUpdated"], [_clearGetSystemInfoIntervalDecs, 18, "clearGetSystemInfoInterval"], [_closeDialogDecs, 18, "closeDialog"], [_onLocalAudioStatsUpdatedDecs, 18, "_onLocalAudioStatsUpdated"], [_onRemoteAudioStatsUpdatedDecs, 18, "_onRemoteAudioStatsUpdated"], [_onLocalVideoStatsUpdatedDecs, 18, "_onLocalVideoStatsUpdated"], [_onRemoteVideoStatsUpdatedDecs, 18, "_onRemoteVideoStatsUpdated"], [_onStreamsAddedDecs, 18, "_onStreamsAdded"], [_onStreamsUpdatedDecs, 18, "_onStreamsUpdated"], [_onStreamsRemovedDecs, 18, "_onStreamsRemoved"], [_onPerformanceUpdatedDecs, 18, "_onPerformanceUpdated"], [_decorator.bound, 2, "_handleCameraChanged"], [_decorator.bound, 2, "_handleCameraListUpdated"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_preHandleSettingDecs, 18, "_preHandleSetting"], [_setMeetingSettingsToLocalStorageDecs, 18, "_setMeetingSettingsToLocalStorage"], [_getMeetingSettingsFromLocalStorageDecs, 18, "_getMeetingSettingsFromLocalStorage"], [_initDialogConfigDecs, 18, "_initDialogConfig"], [_changeMediaSettingDecs, 18, "changeMediaSetting"]], []).e, 16);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_SettingStore, [[_mobx.observable, 1, "loudestStreamVolumeLevel"], [_mobx.observable, 1, "isPreMeetingSettingsStore"], [_mobx.observable, 1, "microphoneVolumeLevel"], [_mobx.observable, 1, "isWifiConnected"], [_mobx.observable, 1, "dialogConfig"], [_mobx.observable, 1, "networkState"], [_mobx.observable, 1, "performanceState"], [_mobx.observable, 1, "localAudioStreamMap"], [_mobx.observable, 1, "remoteAudioStreamMap"], [_mobx.observable, 1, "localVideoStreamMap"], [_mobx.observable, 1, "remoteVideoStreamMap"], [_mobx.observable, 1, "systemMemorySize"], [_mobx.observable, 1, "systemCpuDesc"], [_mobx.observable, 1, "config"], [_mobx.observable, 1, "getSystemInfoTimer"], [_mobx.computed, 3, "maxVideoSendInfo"], [_mobx.computed, 3, "maxVideoReceiveInfo"], [_mobx.computed, 3, "sendScreenShareInfo"], [_mobx.computed, 3, "receiveScreenShareInfo"], [_mobx.computed, 3, "microphoneVolumeDb"], [_mobx.computed, 3, "speakerVolumeDb"], [_mobx.computed, 3, "speakerTestVolumeLevel"], [_mobx.computed, 3, "microphoneTestVolumeLevel"], [_mobx.computed, 3, "speakerVolume"], [_mobx.computed, 3, "microphoneVolume"], [_mobx.computed, 3, "isLocalMirrorEnabled"], [_mobx.computed, 3, "isLocalEditBeautyOptions"], [_mobx.computed, 3, "currentBeautyKey"], [_mobx.computed, 3, "beautyOptions"], [_mobx.computed, 3, "cameraDeviceId"], [_mobx.computed, 3, "cameraEnabled"], [_mobx.computed, 3, "showForceOpenEffectDialog"], [_mobx.computed, 3, "currentVirtualBackgroundName"], [_mobx.computed, 3, "cameraDeviceList"], [_mobx.computed, 3, "microphoneDeviceId"], [_mobx.computed, 3, "speakerDeviceId"], [_mobx.computed, 3, "speakerDeviceList"], [_mobx.computed, 3, "microphoneDeviceList"], [_mobx.computed, 3, "enableBeauty"], [_mobx.computed, 3, "virtualBackgroundList"], [_mobx.computed, 3, "currentIsMirror"], [_mobx.computed, 3, "microphoneDetecting"], [_mobx.computed, 3, "speakerDetecting"], [_mobx.computed, 3, "setting"], [_decorator.bound, 2, "enableVirtualBackground"], [_decorator.bound, 2, "setEditBeautyKey"], [_decorator.bound, 2, "enableBeautyEffect"], [_decorator.bound, 2, "_initReactions"], [_decorator.bound, 2, "setCameraDevice"], [_decorator.bound, 2, "setMicrophoneDevice"], [_decorator.bound, 2, "stopSpeakerTest"], [_decorator.bound, 2, "startSpeakerTest"], [_decorator.bound, 2, "setSpeakerDevice"], [_decorator.bound, 2, "setSpeakerVolume"], [_decorator.bound, 2, "setMicrophoneVolume"], [_decorator.bound, 2, "setVideoOrientation"], [_decorator.bound, 2, "setBeautyOptions"], [_decorator.bound, 2, "toggleLocalMirrorPreview"], [_decorator.bound, 2, "startVideo"], [_decorator.bound, 2, "stopVideo"], [_decorator.bound, 2, "handleForceOpenVideoEffect"], [_decorator.bound, 2, "handleCancelForceOpenVideoEffect"], [_decorator.bound, 2, "toggleLocalMirror"], [_decorator.bound, 2, "setSettingVideoOpened"], [_decorator.bound, 2, "_syncSystemInfo"], [_decorator.bound, 2, "startCameraTest"], [_decorator.bound, 2, "stopCameraTest"], [_setDialogConfigDecs, 18, "setDialogConfig"], [_setSettingDecs, 18, "setSetting"], [_onEventDecs, 18, "_onEvent"], [_onNetworkStatsUpdatedDecs, 18, "_onNetworkStatsUpdated"], [_clearGetSystemInfoIntervalDecs, 18, "clearGetSystemInfoInterval"], [_closeDialogDecs, 18, "closeDialog"], [_onLocalAudioStatsUpdatedDecs, 18, "_onLocalAudioStatsUpdated"], [_onRemoteAudioStatsUpdatedDecs, 18, "_onRemoteAudioStatsUpdated"], [_onLocalVideoStatsUpdatedDecs, 18, "_onLocalVideoStatsUpdated"], [_onRemoteVideoStatsUpdatedDecs, 18, "_onRemoteVideoStatsUpdated"], [_onStreamsAddedDecs, 18, "_onStreamsAdded"], [_onStreamsUpdatedDecs, 18, "_onStreamsUpdated"], [_onStreamsRemovedDecs, 18, "_onStreamsRemoved"], [_onPerformanceUpdatedDecs, 18, "_onPerformanceUpdated"], [_decorator.bound, 2, "_handleCameraChanged"], [_decorator.bound, 2, "_handleCameraListUpdated"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_preHandleSettingDecs, 18, "_preHandleSetting"], [_setMeetingSettingsToLocalStorageDecs, 18, "_setMeetingSettingsToLocalStorage"], [_getMeetingSettingsFromLocalStorageDecs, 18, "_getMeetingSettingsFromLocalStorage"], [_changeMediaSettingDecs, 18, "changeMediaSetting"]], []).e, 16);
 _init_loudestStreamVolumeLevel = _applyDecs$e[0];
 _init_isPreMeetingSettingsStore = _applyDecs$e[1];
 _init_microphoneVolumeLevel = _applyDecs$e[2];

package/lib/modules/share-screen/components/selection/index.js

@@ -55,8 +55,6 @@ require("core-js/modules/esnext.typed-array.filter-reject.js");
 require("core-js/modules/esnext.typed-array.group-by.js");
 require("core-js/modules/esnext.typed-array.to-spliced.js");
 require("core-js/modules/esnext.typed-array.unique-by.js");
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _card = require("agora-ui-foundation/lib/components/card");
 var _type = require("agora-rte-sdk/lib/core/rtc/type");
@@ -80,7 +78,7 @@ var ShareSelectionWindowType = /*#__PURE__*/function (ShareSelectionWindowType)
 }(ShareSelectionWindowType || {});
 var ShareSelection = exports.ShareSelection = (0, _mobxReact.observer)(function () {
   var _useContext = (0, _react.useContext)(_store.StoreContext),
-    currentSelection = _useContext.currentSelection,
+    currentSelectionId = _useContext.currentSelectionId,
     applicationCaptureSources = _useContext.applicationCaptureSources,
     screenCaptureSources = _useContext.screenCaptureSources,
     currentSelectionType = _useContext.currentSelectionType,
@@ -96,7 +94,8 @@ var ShareSelection = exports.ShareSelection = (0, _mobxReact.observer)(function
     openRelaunchTipsDialog = _useContext.openRelaunchTipsDialog,
     shareWithAudio = _useContext.shareWithAudio,
     setShareWithAudioState = _useContext.setShareWithAudioState,
-    currentSelectionBounds = _useContext.currentSelectionBounds;
+    currentSelectionBounds = _useContext.currentSelectionBounds,
+    handleToggleScreenShareWithAudio = _useContext.handleToggleScreenShareWithAudio;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     loading = _useState2[0],
@@ -109,37 +108,14 @@ var ShareSelection = exports.ShareSelection = (0, _mobxReact.observer)(function
       setLoading(false);
     };
   }, []);
-  var toggleShareWithAudio = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(target) {
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (target) {
-              _context.next = 3;
-              break;
-            }
-            setShareWithAudioState(target);
-            return _context.abrupt("return");
-          case 3:
-            setShareWithAudioState(target);
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function toggleShareWithAudio(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
   var handleOkClick = (0, _react.useCallback)((0, _debounce["default"])(function () {
-    if (currentSelection) {
+    if (currentSelectionId) {
       setLoading(true);
-      handleStartShare(currentSelection, currentSelectionType, shareWithAudio, _shareAudio.AudioProcessingChannel.MONO, currentSelectionBounds)["finally"](function () {
+      handleStartShare(currentSelectionId, currentSelectionType, shareWithAudio, _shareAudio.AudioProcessingChannel.MONO, currentSelectionBounds)["finally"](function () {
         setLoading(false);
       });
     }
-  }, 300), [currentSelection, currentSelectionType, shareWithAudio, handleStartShare]);
+  }, 300), [currentSelectionId, currentSelectionType, shareWithAudio, handleStartShare]);
   var transI18n = (0, _i18n.useI18n)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "share-selection-window",
@@ -154,7 +130,7 @@ var ShareSelection = exports.ShareSelection = (0, _mobxReact.observer)(function
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_card.FcrCard, {
             disabled: isWhiteboard && !!(boardOwnerUser !== null && boardOwnerUser !== void 0 && boardOwnerUser.userId),
             title: isWhiteboard ? t('fmt_share_options_whiteboard') : screen.title,
-            active: currentSelectionType === type && screen.id === currentSelection || screen.id === currentSelection,
+            active: currentSelectionType === type && screen.id === currentSelectionId || screen.id === currentSelectionId,
             onCardClick: function onCardClick() {
               handleChooseScreen(screen.id, type, screenWithBounds.bounds);
             },
@@ -197,7 +173,7 @@ var ShareSelection = exports.ShareSelection = (0, _mobxReact.observer)(function
           className: "share-selection-window__share-application share-selection-window__share-card",
           children: applicationCaptureSources.map(function (application) {
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_card.FcrCard, {
-              active: currentSelectionType === _type.AgoraRtcScreenCaptureType.WINDOW && application.id === currentSelection,
+              active: currentSelectionType === _type.AgoraRtcScreenCaptureType.WINDOW && application.id === currentSelectionId,
               onCardClick: function onCardClick() {
                 handleChooseScreen(application.id, _type.AgoraRtcScreenCaptureType.WINDOW, application.bounds);
               },
@@ -219,14 +195,14 @@ var ShareSelection = exports.ShareSelection = (0, _mobxReact.observer)(function
       className: "share-selection-window__footer",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "share-selection-window__footer-action",
-        children: currentSelection.split('-')[0] !== 'whiteboard' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_shareAudio.ShareAudio, {
+        children: currentSelectionId.split('-')[0] !== 'whiteboard' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_shareAudio.ShareAudio, {
           shareWithAudio: shareWithAudio,
-          toggleShareWithAudio: toggleShareWithAudio,
+          toggleShareWithAudio: handleToggleScreenShareWithAudio,
           currentAudioChannel: currentShareAudioProcessingChannel,
           onSwitchAudioChannel: setShareAudioProcessingChannel
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-        disabled: currentSelection.split('-')[0] === 'whiteboard' && !!(boardOwnerUser !== null && boardOwnerUser !== void 0 && boardOwnerUser.userId) || loading,
+        disabled: currentSelectionId.split('-')[0] === 'whiteboard' && !!(boardOwnerUser !== null && boardOwnerUser !== void 0 && boardOwnerUser.userId) || loading,
         type: "primary",
         shape: "rounded",
         size: "XS",
@@ -240,13 +216,13 @@ var ShareSelection = exports.ShareSelection = (0, _mobxReact.observer)(function
     })]
   });
 });
-var ThumbnailRender = function ThumbnailRender(_ref2) {
-  var image = _ref2.image,
-    _ref2$width = _ref2.width,
-    width = _ref2$width === void 0 ? 100 : _ref2$width,
-    _ref2$height = _ref2.height,
-    height = _ref2$height === void 0 ? 100 : _ref2$height,
-    title = _ref2.title;
+var ThumbnailRender = function ThumbnailRender(_ref) {
+  var image = _ref.image,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 100 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 100 : _ref$height,
+    title = _ref.title;
   var data = (0, _react.useMemo)(function () {
     return (0, _tools.uint8ArrayToImageData)({
       buffer: image,

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

@@ -8,7 +8,9 @@ import { FcrUIMessageProvider } from '../../providers/message-provider';
 import { FcrUIDialogProvider } from '../../providers/dialog-provider';
 import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
 import { FcrUISharedConfigDataSource } from '../../shared-data-source/config';
-import { FcrUIScreenShareDataSource } from '../../shared-data-source/screen-share-data-source';
+import { FcrUIScreenShareProvider } from '../../providers/screen-share-provider';
+import { FcrUIAnnotationProvider } from '../../providers/annotation-provider';
+import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
 export declare class ShareScreenUIModule extends UIModule {
     private _store?;
     mainRoomControlProvider?: FcrUIMainRoomControlProvider;
@@ -21,7 +23,9 @@ export declare class ShareScreenUIModule extends UIModule {
     roomProvider?: FcrUIRoomProvider;
     sharedConfigDataSource?: FcrUISharedConfigDataSource;
     connectionProvider?: FcrUIConnectionProvider;
-    screenShareDataSource?: FcrUIScreenShareDataSource;
+    screenShareProvider?: FcrUIScreenShareProvider;
+    annotationProvider?: FcrUIAnnotationProvider;
+    sharedScreenShareSharedDataSource?: FcrUIScreenShareSharedDataSource;
     onNodeWillActive(): void;
     onNodeWillInactive(): void;
     getComponent(): import("react/jsx-runtime").JSX.Element;

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

@@ -51,8 +51,10 @@ var ShareScreenUIModule = exports.ShareScreenUIModule = /*#__PURE__*/function (_
         sharedMemberDataSource: this.sharedMemberDataSource,
         roomProvider: this.roomProvider,
         sharedConfigDataSource: this.sharedConfigDataSource,
-        connectionProvider: this.connectionProvider,
-        screenShareDataSource: this.screenShareDataSource
+        screenShareProvider: this.screenShareProvider,
+        annotationProvider: this.annotationProvider,
+        sharedScreenShareSharedDataSource: this.sharedScreenShareSharedDataSource,
+        connectionProvider: this.connectionProvider
       });
     }
   }, {

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

@@ -1,19 +1,21 @@
 import { FcrConnectionState, FcrMediaSourceState } from 'fcr-core';
+import { FcrScreenTrack } from 'fcr-core/lib/media-control/type';
 import { FcrUserInfo } from 'fcr-core/lib/type';
-import { AgoraRtcScreenCaptureType, AgoraRtcWindowInfo } from 'agora-rte-sdk/lib/core/rtc/type';
+import { AgoraRtcScreenCaptureType } from 'agora-rte-sdk/lib/core/rtc/type';
 import { AudioProcessingChannel } from 'agora-ui-foundation/lib/components/room-screen-share-state-bar/share-audio';
 import { FcrMainRoomControl } from 'fcr-core/lib/room-control/type';
 import { FcrUIPrivilegeProvider } from '../../providers/privilege-provider';
 import { FcrUIEventProvider } from '../../providers/event-provider';
 import { FcrUIDeviceProvider } from '../../providers/device-provider';
-import { FcrUIDisplayCaptureSource } from './types';
 import { FcrUIMessageProvider } from '../../providers/message-provider';
 import { FcrUIDialogProvider } from '../../providers/dialog-provider';
 import { CurrentShareBounds } from '../control-bar/types';
 import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
 import { FcrUIConnectionProvider, FcrUIRoomProvider } from '../../providers/room-provider';
 import { FcrUISharedConfigDataSource } from '../../shared-data-source/config';
-import { FcrUIScreenShareDataSource } from '../../shared-data-source/screen-share-data-source';
+import { FcrUIScreenShareProvider } from '../../providers/screen-share-provider';
+import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
+import { FcrUIAnnotationProvider } from '../../providers/annotation-provider';
 export default class ShareScreenStore {
     protected logger: import("agora-foundation/lib/logger").Logger;
     private _disposers;
@@ -22,51 +24,47 @@ export default class ShareScreenStore {
     private _messageProvider;
     private _dialogProvider;
     private _roomProvider;
-    private _streamControl;
     private _securityStore;
     private _userControl;
     private _boardControl;
+    private _screenShareProvider;
     private _controlBarWindowId;
-    private _currentShareStreamId;
     private _removeScreenStreamFailed;
-    private _isReplaceScreen;
-    private _previewDom;
     private _sharedMemberDataSource;
-    private _connectionObserver;
+    private _sharedScreenShareSharedDataSource;
+    private _connectionProvider;
+    private _isOnline;
     private _roomObserver;
-    private _observer;
     private _uiEventObserver;
-    private _streamObserver;
+    private _screenCaptureStateObserver;
     private _boardObserver;
-    private _loopbackAudioSourceId;
     private _shareSelectionDialogId;
     private _controlBarDialogId;
     private _videoWindowDialogId;
-    private _shareLocked;
-    private _screenTrack;
-    private _shareAudioTrack;
-    private _currentShareId;
-    private _currentShareType;
-    private _connectionProvider;
-    private _screenShareDataSource;
-    private _isOnline;
-    accessor screenSharingState: FcrMediaSourceState;
-    accessor applicationCaptureSources: AgoraRtcWindowInfo[];
-    accessor screenCaptureSources: FcrUIDisplayCaptureSource[];
-    accessor currentSelection: string;
-    accessor currentSelectionType: AgoraRtcScreenCaptureType;
-    accessor shareWithAudio: boolean;
+    private _annotationProvider;
     accessor boardOwnerUser: FcrUserInfo | undefined;
-    accessor currentSelectionBounds: CurrentShareBounds;
-    accessor connectionState: FcrConnectionState;
+    get currentShareStreamId(): string;
+    get screenTrack(): FcrScreenTrack | null;
+    get currentShareType(): AgoraRtcScreenCaptureType;
     get localUser(): FcrUserInfo;
     get localUserRole(): import("fcr-core").FcrUserRole;
     get isHost(): boolean;
     get supportEnumScreen(): boolean;
-    get appWindowList(): Promise<AgoraRtcWindowInfo[]>;
+    get appWindowList(): Promise<import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcWindowInfo[]>;
     get displayList(): Promise<import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcDisplayInfo[]>;
+    get connectionState(): FcrConnectionState;
+    get screenSharingState(): FcrMediaSourceState;
+    get applicationCaptureSources(): import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcWindowInfo[];
+    get screenCaptureSources(): import("./types").FcrUIDisplayCaptureSource[];
     get currentShareAudioProcessingChannel(): AudioProcessingChannel;
-    constructor({ roomControl, deviceProvider, privilegeProvider, messageProvider, dialogProvider, eventProvider, sharedMemberDataSource, roomProvider, sharedConfigDataSource, connectionProvider, screenShareDataSource, }: {
+    get currentSelectionId(): string;
+    get currentSelectionType(): AgoraRtcScreenCaptureType;
+    get shareWithAudio(): boolean;
+    get currentSelectionBounds(): CurrentShareBounds;
+    get shareLock(): boolean;
+    get currentShareId(): string;
+    get _screenShareInfoForLog(): string;
+    constructor({ roomControl, deviceProvider, privilegeProvider, messageProvider, dialogProvider, eventProvider, sharedMemberDataSource, roomProvider, sharedConfigDataSource, screenShareProvider, annotationProvider, sharedScreenShareSharedDataSource, connectionProvider, }: {
         roomControl: FcrMainRoomControl;
         deviceProvider: FcrUIDeviceProvider;
         privilegeProvider: FcrUIPrivilegeProvider;
@@ -76,40 +74,36 @@ export default class ShareScreenStore {
         sharedMemberDataSource: FcrUIMemberSharedDataSource;
         roomProvider: FcrUIRoomProvider;
         sharedConfigDataSource: FcrUISharedConfigDataSource;
+        screenShareProvider: FcrUIScreenShareProvider;
+        annotationProvider: FcrUIAnnotationProvider;
+        sharedScreenShareSharedDataSource: FcrUIScreenShareSharedDataSource;
         connectionProvider: FcrUIConnectionProvider;
-        screenShareDataSource: FcrUIScreenShareDataSource;
     });
+    private _handleOnScreenCaptureStopped;
+    private _handleOnScreenCaptureStarted;
+    private _hasScreenSharePermission;
     handleChooseScreen: (id: string, type: AgoraRtcScreenCaptureType | undefined, bounds: CurrentShareBounds) => void;
     setShareWithAudioState(withAudio: boolean): void;
     hasLoopbackDevice(): Promise<boolean>;
-    setShareAudioProcessingChannel(channel: AudioProcessingChannel): void;
+    setShareAudioProcessingChannel(currentShareAudioProcessingChannel: AudioProcessingChannel): void;
     handlerBoardShareStop(): void;
     release(): void;
     openRelaunchTipsDialog(): void;
-    startPreview(dom: HTMLElement): void;
+    startRenderSharePreview(dom: HTMLElement): void;
+    stopRenderSharePreview(screenTrack?: FcrScreenTrack | null | undefined): void;
     handleStopShare(): void;
     prepareShareScreen(): Promise<void>;
     handleStartShare(id: string, type: AgoraRtcScreenCaptureType, withAudio: boolean, audioProcessingChannel: AudioProcessingChannel | undefined, bounds: CurrentShareBounds): Promise<void>;
-    private _startLoopback;
-    private _handleShareStartWithAudio;
-    private _handleShareStopWithAudio;
     private _openShareScreenSelection;
     private _closeShareScreenSelection;
     private _setControlBarWindowId;
     private _openVideoWindowDialog;
     private _closeControlBar;
     private _closeVideoWindowDialog;
-    private _setWithAudioState;
+    private _handleOnScreenShareReplaceBegin;
     private _handleReplaceScreen;
-    private _createScreenStream;
-    private _handleWebScreenCaptureStateUpdated;
-    private _handleScreenCaptureStateUpdated;
     private _setShareLock;
-    private _closeCapture;
-    private _removeScreenStream;
-    private _syncShareStreamState;
-    private _isStoppedFor;
-    private _handleStreamUpdate;
+    private _closeShareScreenComps;
     private _addEventListeners;
     private _removeEventListeners;
     private _handleOnline;
@@ -119,8 +113,9 @@ export default class ShareScreenStore {
     private _validateWindow;
     private _validateDisplay;
     private _validateShareStart;
-    private _hasScreenSharePermission;
-    private _getExcludeWindows;
     private _initControlbar;
+    private _handleBrowserShow;
+    private _hendleBrowserHide;
+    handleToggleScreenShareWithAudio(withAudio: boolean): void;
 }
 export declare const StoreContext: import("react").Context<ShareScreenStore>;