fcr-ui-scene 3.2.0 → 3.3.0

package/lib/modules/participant/view.js

@@ -27,6 +27,7 @@ var _env = require("agora-foundation/lib/utilities/env");
 var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
 var _dialog = require("agora-ui-foundation/lib/components/dialog");
 var _participants = require("agora-ui-foundation/lib/components/participants");
+var _tabs = require("agora-ui-foundation/lib/components/tabs");
 var _footer = require("agora-ui-foundation/lib/components/participants/footer");
 var _mobxReact = require("mobx-react");
 var _react = require("react");
@@ -37,6 +38,8 @@ var _context2 = require("../dialog/context");
 require("./index.css");
 var _roomControlDropMenu = require("./room-control-drop-menu");
 var _i18n = require("agora-ui-foundation/lib/i18n");
+var _button = require("agora-ui-foundation/lib/components/button");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _jsxRuntime = require("react/jsx-runtime");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -73,7 +76,11 @@ var MuteAllDialog = exports.MuteAllDialog = function MuteAllDialog(_ref) {
     title: transI18n('fmt_attendies_options_muteall'),
     visible: showMuteAllDialog,
     okButtonProps: {
-      styleType: 'danger'
+      styleType: 'danger',
+      shape: 'rounded'
+    },
+    cancelButtonProps: {
+      shape: 'rounded'
     },
     onCancel: onCancel,
     okText: transI18n('fmt_attendies_button_muteall'),
@@ -92,6 +99,9 @@ var MuteAllDialog = exports.MuteAllDialog = function MuteAllDialog(_ref) {
         checked: allowUnmute,
         onChange: function onChange(checked) {
           return setAllowUnmute(checked);
+        },
+        style: {
+          marginTop: '16px'
         }
       })]
     })
@@ -135,34 +145,103 @@ var MergeConfrimDialog = function MergeConfrimDialog(_ref2) {
     })
   });
 };
-var ParticipantsContainer = (0, _mobxReact.observer)(function () {
+var ParticipantWaitingRoomFooterBtnList = function ParticipantWaitingRoomFooterBtnList(_ref3) {
+  var openRemoveAdmitWaitingRoomDialog = _ref3.openRemoveAdmitWaitingRoomDialog;
+  var t = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "fcr-participant__footer fcr-participant__footer_waiting_room",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+      content: t('fmt_waitingroom_sidebar_button_removeall'),
+      mouseEnterDelay: 0,
+      trigger: "hover",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+        type: "secondary-bordered",
+        size: "XS",
+        onClick: function onClick() {
+          openRemoveAdmitWaitingRoomDialog(_constant.DialogKey.WAITING_ROOM_ALL_REMOVE, {
+            title: t('fmt_waitingroom_sidebar_popup_removeall'),
+            type: 'removeAll',
+            tooltip: t('fmt_waitingroom_mobile_memberlist_popup_label_sure_to_remove_all')
+          });
+        },
+        children: t('fmt_waitingroom_sidebar_button_removeall')
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+      content: t('fmt_waitingroom_sidebar_button_admitall'),
+      mouseEnterDelay: 0,
+      trigger: "hover",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+        type: "secondary-bordered",
+        size: "XS",
+        onClick: function onClick() {
+          openRemoveAdmitWaitingRoomDialog(_constant.DialogKey.WAITING_ROOM_ALL_ADMIT, {
+            title: t('fmt_waitingroom_mobile_memberlist_popup_label_admit_all'),
+            type: 'admitAll',
+            tooltip: t('fmt_waitingroom_mobile_memberlist_popup_label_sure_to_admit_all')
+          });
+        },
+        children: t('fmt_waitingroom_sidebar_button_admitall')
+      })
+    })]
+  });
+};
+var ParticipantFooter = (0, _mobxReact.observer)(function (_ref4) {
+  var handlerRoomControlClick = _ref4.handlerRoomControlClick;
   var _useContext = (0, _react.useContext)(_context.StoreContext),
-    userList = _useContext.userList,
-    handlerSearchUser = _useContext.handlerSearchUser,
-    searchText = _useContext.searchText,
-    currentPerspectiveType = _useContext.currentPerspectiveType,
-    setCurrentModal = _useContext.setCurrentModal,
-    handlerRoomControlAction = _useContext.handlerRoomControlAction,
-    handlerUserAction = _useContext.handlerUserAction,
-    allowUnmuteSelfAudio = _useContext.allowUnmuteSelfAudio,
-    allowJoinWithMuteAudio = _useContext.allowJoinWithMuteAudio,
-    currentModal = _useContext.currentModal,
-    openParticipantsWindow = _useContext.openParticipantsWindow,
-    onInvite = _useContext.onInvite,
+    activeTab = _useContext.activeTab,
     hasRevokeHostPermission = _useContext.hasRevokeHostPermission,
-    checkIsPin = _useContext.checkIsPin,
-    hasPinnedStream = _useContext.hasPinnedStream,
-    enableSpotlight = _useContext.enableSpotlight,
-    mergeConfirmDialog = _useContext.mergeConfirmDialog,
-    setMergeConfirmDialog = _useContext.setMergeConfirmDialog,
-    mergeConfirmDialogOk = _useContext.mergeConfirmDialogOk,
-    mergeUserId = _useContext.mergeUserId,
-    mergeUserInfo = _useContext.mergeUserInfo,
-    getAllowedOperations = _useContext.getAllowedOperations,
-    hasMutePermission = _useContext.hasMutePermission,
-    hasUnmutePermission = _useContext.hasUnmutePermission,
-    hasRequestStartAudioPermission = _useContext.hasRequestStartAudioPermission;
+    currentPerspectiveType = _useContext.currentPerspectiveType,
+    kickOutWaitingRoomAllMember = _useContext.kickOutWaitingRoomAllMember,
+    moveToMainRoomAllMember = _useContext.moveToMainRoomAllMember,
+    openRemoveAdmitWaitingRoomDialog = _useContext.openRemoveAdmitWaitingRoomDialog;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: activeTab === _constant.RoomType.MAIN_ROOM ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_footer.FcrParticipantsFooter, {
+      hasRevokeHostPermission: hasRevokeHostPermission,
+      onRoomControlClick: handlerRoomControlClick,
+      type: currentPerspectiveType,
+      moreDropMenu: /*#__PURE__*/(0, _jsxRuntime.jsx)(_roomControlDropMenu.RoomControlDropMenu, {})
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(ParticipantWaitingRoomFooterBtnList, {
+      openRemoveAdmitWaitingRoomDialog: openRemoveAdmitWaitingRoomDialog
+    })
+  });
+});
+var ParticipantsContainer = (0, _mobxReact.observer)(function () {
+  var _useContext2 = (0, _react.useContext)(_context.StoreContext),
+    userList = _useContext2.userList,
+    handlerSearchUser = _useContext2.handlerSearchUser,
+    searchText = _useContext2.searchText,
+    currentPerspectiveType = _useContext2.currentPerspectiveType,
+    setCurrentModal = _useContext2.setCurrentModal,
+    handlerRoomControlAction = _useContext2.handlerRoomControlAction,
+    handlerUserAction = _useContext2.handlerUserAction,
+    allowUnmuteSelfAudio = _useContext2.allowUnmuteSelfAudio,
+    allowJoinWithMuteAudio = _useContext2.allowJoinWithMuteAudio,
+    currentModal = _useContext2.currentModal,
+    openParticipantsWindow = _useContext2.openParticipantsWindow,
+    onInvite = _useContext2.onInvite,
+    hasRevokeHostPermission = _useContext2.hasRevokeHostPermission,
+    checkIsPin = _useContext2.checkIsPin,
+    hasPinnedStream = _useContext2.hasPinnedStream,
+    enableSpotlight = _useContext2.enableSpotlight,
+    mergeConfirmDialog = _useContext2.mergeConfirmDialog,
+    setMergeConfirmDialog = _useContext2.setMergeConfirmDialog,
+    mergeConfirmDialogOk = _useContext2.mergeConfirmDialogOk,
+    mergeUserId = _useContext2.mergeUserId,
+    mergeUserInfo = _useContext2.mergeUserInfo,
+    getAllowedOperations = _useContext2.getAllowedOperations,
+    hasMutePermission = _useContext2.hasMutePermission,
+    hasUnmutePermission = _useContext2.hasUnmutePermission,
+    hasRequestStartAudioPermission = _useContext2.hasRequestStartAudioPermission,
+    hasWaitingRoomPermission = _useContext2.hasWaitingRoomPermission,
+    handleActiveTab = _useContext2.handleActiveTab,
+    activeTab = _useContext2.activeTab,
+    moveToMainRoomByUserIds = _useContext2.moveToMainRoomByUserIds,
+    kickOutWaitingRoomAllMember = _useContext2.kickOutWaitingRoomAllMember,
+    moveToMainRoomAllMember = _useContext2.moveToMainRoomAllMember,
+    isNewWaitingRoomUserEnter = _useContext2.isNewWaitingRoomUserEnter,
+    waitingRoomUserCount = _useContext2.waitingRoomUserCount;
   var dialogStore = (0, _react.useContext)(_context2.StoreContext);
+  var transI18n = (0, _i18n.useI18n)();
   var handlerRoomControlClick = function handlerRoomControlClick(action, userId) {
     if (action === _constant.RoomControlType.MUTE_ALL_AUDIO) {
       setShowMuteAllDialog(true);
@@ -186,16 +265,39 @@ var ParticipantsContainer = (0, _mobxReact.observer)(function () {
   } : void 0;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "participants-container",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_participants.FcrParticipants, {
+    children: [waitingRoomUserCount > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.FcrTabs, {
+      items: [{
+        label: transI18n('fmt_waitingroom_sidebar_chat_label_meeting'),
+        key: _constant.RoomType.MAIN_ROOM
+      }, {
+        label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "participants-container-icon",
+          children: [isNewWaitingRoomUserEnter ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "participants-container-red"
+          }) : null, transI18n('fmt_waitingroom_sidebar_label_waiting', {
+            reason1: waitingRoomUserCount
+          })]
+        }),
+        key: _constant.RoomType.WAITING_ROOM
+      }],
+      activeKey: activeTab,
+      onChange: function onChange(key) {
+        handleActiveTab(key);
+      }
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_participants.FcrParticipants, {
       type: currentModal,
       userList: userList,
       onSearch: handlerSearchUser,
       searchText: searchText,
       onInvite: onInvite,
+      hasPinnedStream: hasPinnedStream,
+      toggleParticipantAction: handlerUserAction,
       userRenderer: function userRenderer(user) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobxReact.Observer, {
           children: function children() {
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_attendee.ParticipantAttendee, _objectSpread(_objectSpread({
+              activeTab: activeTab,
+              moveToMainRoomByUserIds: moveToMainRoomByUserIds,
               hasMutePermission: hasMutePermission,
               hasUnmutePermission: hasUnmutePermission,
               hasRequestStartAudioPermission: hasRequestStartAudioPermission,
@@ -215,11 +317,8 @@ var ParticipantsContainer = (0, _mobxReact.observer)(function () {
       //   <FcrWindowHeader type={currentModal} onTypeChange={handlerTypeChange} title="参会人" />
       // }
       ,
-      footer: /*#__PURE__*/(0, _jsxRuntime.jsx)(_footer.FcrParticipantsFooter, {
-        hasRevokeHostPermission: hasRevokeHostPermission,
-        onRoomControlClick: handlerRoomControlClick,
-        type: currentPerspectiveType,
-        moreDropMenu: /*#__PURE__*/(0, _jsxRuntime.jsx)(_roomControlDropMenu.RoomControlDropMenu, {})
+      footer: /*#__PURE__*/(0, _jsxRuntime.jsx)(ParticipantFooter, {
+        handlerRoomControlClick: handlerRoomControlClick
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(MuteAllDialog, {
       getContainer: dialogContaner,
@@ -253,8 +352,8 @@ var ParticipantsContainer = (0, _mobxReact.observer)(function () {
   });
 });
 var View = exports.View = (0, _mobxReact.observer)(function () {
-  var _useContext2 = (0, _react.useContext)(_context.StoreContext),
-    currentModal = _useContext2.currentModal;
+  var _useContext3 = (0, _react.useContext)(_context.StoreContext),
+    currentModal = _useContext3.currentModal;
   if (currentModal === 'modal') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(ParticipantsContainer, {});
   }

package/lib/modules/setting/index.css

@@ -101,11 +101,7 @@
   width: 100%;
   height: 100%;
 }
-.fcr-device-settings__tab-content-wrapper .fcr-device-settings-video__bottom {
-  position: inherit;
-  bottom: 8px;
-  width: calc(100% - 30px);
-}
+
 .fcr-device-settings__tab-content-wrapper.is-tab-content-video-wrapper {
   overflow: hidden;
 }

package/lib/modules/setting/index.dev.js

@@ -28,7 +28,7 @@ window.__DEV_ENGINE_IS_READY__.then(/*#__PURE__*/(0, _asyncToGenerator2["default
         _context.next = 5;
         return engine.login();
       case 5:
-        roomControl = engine.createRoomControl(roomId);
+        roomControl = engine.createMainRoomControl(roomId);
         userName = 'test-user';
         _context.next = 9;
         return roomControl.join({

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

@@ -8,7 +8,7 @@ import { DEFAULT_BEAUTY_VALUE } from 'agora-ui-foundation/lib/components/local-v
 import { FcrUISceneConfig } from '../../type';
 import { VirtualBackground } from '../device-pretest/assets/virtual-backdound-resources';
 import { FcrDeviceStore } from '../../common/device-store';
-import { FcrMainRoomControl } from 'agora-edu-core/lib/room-control/type';
+import { FcrBaseRoomControl } from 'agora-edu-core/lib/room-control/type';
 export interface DeviceItem {
     text: string;
     value: string;
@@ -159,7 +159,7 @@ export default class SettingStore {
         uiEventStore: FcrUIEventStore;
         monitorControl: FcrMonitorControl;
         streamControl: FcrStreamControl;
-        roomControl: FcrMainRoomControl;
+        roomControl: FcrBaseRoomControl;
         deviceStore: FcrDeviceStore;
     });
     enableVirtualBackground(enable: boolean, source?: VirtualBackground): void;

package/lib/modules/setting/store.js

@@ -1092,16 +1092,11 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_handleCameraListUpdated",
     value: function () {
-      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(cameraList, currentDeviceExist) {
-        var deviceId, cameraTrack;
+      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(cameraList) {
         return _regenerator["default"].wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              if (!currentDeviceExist && cameraList.length > 0) {
-                deviceId = cameraList[0].deviceId;
-                this._deviceStore.setCameraId(deviceId);
-                cameraTrack = this._mediaControl.getCameraTrack(this._deviceStore.cameraId);
-                cameraTrack.start();
+              if (cameraList.length > 0) {
                 this._settingVideoOpened && this._deviceStore.startOrStopCamera(true);
               }
             case 1:
@@ -1110,7 +1105,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
           }
         }, _callee3, this);
       }));
-      function _handleCameraListUpdated(_x, _x2) {
+      function _handleCameraListUpdated(_x) {
         return _handleCameraListUpdated2.apply(this, arguments);
       }
       return _handleCameraListUpdated;

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

@@ -51,7 +51,7 @@ var TranslateSettings = exports.TranslateSettings = (0, _mobxReact.observer)(fun
       addition: '',
       value: 1
     }, {
-      label: t('fmt_ai_transcriptions_setting_option_translate_'),
+      label: t('fmt_ai_transcriptions_setting_option_translate'),
       addition: '',
       value: 2
     }];

package/lib/modules/setting/video-settings/index.css

@@ -33,7 +33,6 @@
   align-items: center;
   padding: 10px 12px;
   flex: 1;
-  max-width: 76%;
 }
 
 .fcr-device-settings-video__beauty-slider-value {
@@ -56,8 +55,8 @@
 .fcr-device-settings-video__video-flip-container {
   position: absolute;
   z-index: 10;
-  right: 8px;
-  bottom: 8px;
+  right: 6px;
+  bottom: 6px;
   border-radius: var(--fcr_cornerradius_s);
   background: var(--fcr_ui_scene_click);
 }
@@ -166,7 +165,6 @@
 .fcr-virtual-background-setting__container {
   display: flex;
   flex-direction: column;
-  gap: 10px;
 }
 
 .fcr-device-settings-video__tips {
@@ -176,7 +174,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-bottom: 20px;
+  margin: 20px 0px;
   color: var(--fcr_ui_scene_icontext7);
 }
 
@@ -221,6 +219,11 @@
   flex-direction: column;
 }
 
+.fcr-virtual-background-setting__virtual-item:not(:first-child):hover
+  .fcr-virtual-background-setting__virtual-source {
+  transform: scale(1.05);
+}
+
 .fcr-virtual-background-setting__virtual-video-source {
   position: relative;
   width: 100%;
@@ -297,7 +300,7 @@
   font-weight: 300;
   font-size: 12px;
   line-height: 12px;
-  color: var(--fcr_ui_scene_icontext2);
+  color: var(--fcr_ui_scene_icontext1);
   padding: 10px 0px 8px;
 }
 

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

@@ -5,6 +5,7 @@ import { FcrDeviceStore } from '../../common/device-store';
 import { FcrSecurityStore } from '../../common/security-store';
 import { FcrUIEventStore } from '../../common/event-store';
 import { FcrDeviceStreamStore } from '../../common/device-stream-store';
+import { FcrUISceneConfig } from '../../type';
 export declare class ShareScreenUIModule extends UIModule {
     private _store;
     constructor(args: {
@@ -14,6 +15,7 @@ export declare class ShareScreenUIModule extends UIModule {
         securityStore: FcrSecurityStore;
         uiEventStore: FcrUIEventStore;
         deviceStreamStore: FcrDeviceStreamStore;
+        config: FcrUISceneConfig;
     });
     getShareState(): void;
     startShareScreen(): void;

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

@@ -31,7 +31,7 @@ window.__DEV_ENGINE_IS_READY__.then(/*#__PURE__*/(0, _asyncToGenerator2["default
         _context.next = 5;
         return engine.login();
       case 5:
-        roomControl = engine.createRoomControl(roomId);
+        roomControl = engine.createMainRoomControl(roomId);
         userName = 'test-user';
         deviceStore = new _deviceStore.FcrDeviceStore(userName, engine.getDesktopMediaControl());
         _context.next = 10;
@@ -66,7 +66,8 @@ window.__DEV_ENGINE_IS_READY__.then(/*#__PURE__*/(0, _asyncToGenerator2["default
             uiEventStore: uiEventStore
           }),
           securityStore: securityStore,
-          uiEventStore: uiEventStore
+          uiEventStore: uiEventStore,
+          config: {}
         });
         App = (0, _root.hot)(function () {
           (0, _hooks.useUnmount)(function () {

package/lib/modules/share-screen/selection/index.css

@@ -18,6 +18,8 @@
   min-height: 550px;
   overflow: hidden;
   -webkit-app-region: no-drag;
+  background-color: #fff;
+  border-radius: var(--fcr_cornerradius_l);
 }
 
 .share-selection-window__share-content {

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

@@ -7,6 +7,7 @@ import { FcrSecurityStore } from '../../common/security-store';
 import { DialogKey } from '../../utilities/constant';
 import { FcrDeviceStreamStore } from '../../common/device-stream-store';
 import { FcrDeviceStore } from '../../common/device-store';
+import { FcrUISceneConfig } from '../../type';
 type ScreenCaptureSourceType = Omit<AgoraRtcDisplayInfo, 'image'> & {
     image: React.ReactNode | Uint8Array;
 };
@@ -59,16 +60,18 @@ export default class ShareScreenStore {
     accessor localUserRole: FcrUserRole;
     accessor title: string;
     accessor localMicrophoneMute: boolean;
+    private _config;
     get localVideoState(): boolean | undefined;
     get localAudioState(): boolean | undefined;
     get localAudioVolume(): boolean | undefined;
-    constructor({ roomControl, mediaControl, securityStore, uiEventStore, deviceStore, deviceStreamStore, }: {
+    constructor({ roomControl, mediaControl, securityStore, uiEventStore, deviceStore, deviceStreamStore, config, }: {
         roomControl: FcrBaseRoomControl;
         mediaControl: FcrDesktopMediaControl;
         securityStore: FcrSecurityStore;
         uiEventStore: FcrUIEventStore;
         deviceStore: FcrDeviceStore;
         deviceStreamStore: FcrDeviceStreamStore;
+        config: FcrUISceneConfig;
     });
     handleChooseScreen: (id: string, type?: AgoraRtcScreenCaptureType) => void;
     setShareWithAudioState(withAudio: boolean): void;
@@ -94,7 +97,6 @@ export default class ShareScreenStore {
     setAllowUnmuteSelfVideo(allow: boolean): void;
     setAllowUnmuteSelfAudio(allow: boolean): void;
     setLockRoomEnabled(lock: boolean): void;
-    setWaitingRoomEnabled(allow: boolean): void;
     openDialog(item: DialogKey): void;
     closeDialog(item: DialogKey): void;
     openLiveStreamingDialog(): void;
@@ -104,7 +106,7 @@ export default class ShareScreenStore {
     openVideoWindowDialog(): void;
     closeControlBar(): void;
     closeVideoWindowDialog(): void;
-    setShareWithAudio(withAudio: any, confirmAudioShareWhileMicOff?: boolean): void;
+    setShareWithAudio(withAudio: boolean, confirmAudioShareWhileMicOff?: boolean): void;
     private _setWithAudioState;
     handleShareScreenResource(): Promise<void>;
     handleStartShare(id?: string, type?: AgoraRtcScreenCaptureType, withAudio?: boolean, audioProcessingChannel?: AudioProcessingChannel): Promise<void>;
@@ -134,6 +136,7 @@ export default class ShareScreenStore {
     private _validateShareStart;
     private _hasScreenSharePermission;
     private _getExcludeWindows;
+    private _initToolbar;
 }
 export declare const StoreContext: import("react").Context<ShareScreenStore>;
 export {};