fcr-ui-scene 3.4.5 → 3.5.1

package/lib/modules/action-bar/components/trigger-output-language/index.js

@@ -1,17 +1,33 @@
 "use strict";
 
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.define-properties.js");
 require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TriggerOutputLanguage = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.map.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _mobxReact = require("mobx-react");
 var _reactRnd = require("react-rnd");
@@ -25,8 +41,10 @@ var _loadingWrapper = require("../../../interpreter/loading-wrapper");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-var useDefaultPosition = function useDefaultPosition() {
-  var position = (0, _react.useMemo)(function () {
+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; }
+var useRndProps = function useRndProps() {
+  var defaultPosition = (0, _react.useMemo)(function () {
     var windowWidth = window.innerWidth;
     var width = 210;
     var height = 60;
@@ -38,7 +56,26 @@ var useDefaultPosition = function useDefaultPosition() {
       height: height
     };
   }, []);
-  return position;
+  var _useState = (0, _react.useState)(defaultPosition.x),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    currentCoordinateX = _useState2[0],
+    setCurrentCoordinateX = _useState2[1];
+  var _useState3 = (0, _react.useState)(defaultPosition.y),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    currentCoordinateY = _useState4[0],
+    setCurrentCoordinateY = _useState4[1];
+  var onDrag = function onDrag(_, data) {
+    setCurrentCoordinateX(data.x);
+    setCurrentCoordinateY(data.y > -60 ? -60 : data.y);
+  };
+  return {
+    "default": defaultPosition,
+    position: {
+      x: currentCoordinateX,
+      y: currentCoordinateY
+    },
+    onDrag: onDrag
+  };
 };
 var useGuideContent = function useGuideContent() {
   var transI18n = (0, _i18n.useI18n)();
@@ -64,15 +101,9 @@ var useGuideContent = function useGuideContent() {
 var useOutputLanguageOptionList = function useOutputLanguageOptionList() {
   var getLanguageConfig = (0, _useLanguageConfig.useLanguageConfig)();
   var _useContext = (0, _react.useContext)(_store.ActionBarContext),
-    interpreter = _useContext.interpreter;
+    supportedLanguages = _useContext.supportedLanguages;
   return (0, _react.useMemo)(function () {
-    var outputLanguageOptionList = [];
-    if (interpreter) {
-      var sourceLanguage = interpreter.sourceLanguage,
-        targetLanguage = interpreter.targetLanguage;
-      outputLanguageOptionList = [sourceLanguage, targetLanguage];
-    }
-    return outputLanguageOptionList.map(function (language) {
+    return supportedLanguages.map(function (language) {
       var languageConfig = getLanguageConfig(language);
       var abbr = languageConfig.abbr,
         imgSrc = languageConfig.imgSrc,
@@ -83,17 +114,17 @@ var useOutputLanguageOptionList = function useOutputLanguageOptionList() {
         value: value
       };
     });
-  }, [interpreter]);
+  }, [supportedLanguages]);
 };
 var usePosition = function usePosition() {
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    startX = _useState2[0],
-    setStartX = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    startY = _useState4[0],
-    setStartY = _useState4[1];
+  var _useState5 = (0, _react.useState)(0),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    startX = _useState6[0],
+    setStartX = _useState6[1];
+  var _useState7 = (0, _react.useState)(0),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    startY = _useState8[0],
+    setStartY = _useState8[1];
   var handleMouseDown = function handleMouseDown(e) {
     setStartX(e.clientX);
     setStartY(e.clientY);
@@ -109,12 +140,19 @@ var TriggerOutputLanguage = exports.TriggerOutputLanguage = (0, _mobxReact.obser
     setOutputLanguage = _useContext2.setOutputLanguage,
     outputLanguage = _useContext2.outputLanguage;
   var position = usePosition();
+  var guideContent = useGuideContent();
+  var rndProps = useRndProps();
   var outputLanguageOptionList = useOutputLanguageOptionList();
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    loading = _useState6[0],
-    setLoading = _useState6[1];
-  var guideTooltip = (0, _react.useRef)();
+  var _useState9 = (0, _react.useState)(false),
+    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    loading = _useState10[0],
+    setLoading = _useState10[1];
+  var guideToolTipRef = (0, _react.useRef)();
+  var onDragStart = function onDragStart() {
+    if (guideToolTipRef.current) {
+      guideToolTipRef.current.setShow(false);
+    }
+  };
   var handleSetOutputLanguage = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(language) {
       return _regenerator["default"].wrap(function _callee$(_context) {
@@ -158,42 +196,17 @@ var TriggerOutputLanguage = exports.TriggerOutputLanguage = (0, _mobxReact.obser
       return _ref2.apply(this, arguments);
     };
   }();
-  var onDragStart = function onDragStart() {
-    if (guideTooltip.current) {
-      guideTooltip.current.setShow(false);
-    }
-  };
-  var guideContent = useGuideContent();
-  var defaultPosition = useDefaultPosition();
-  var _useState7 = (0, _react.useState)(defaultPosition.x),
-    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-    currentCoordinateX = _useState8[0],
-    setCurrentCoordinateX = _useState8[1];
-  var _useState9 = (0, _react.useState)(defaultPosition.y),
-    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-    currentCoordinateY = _useState10[0],
-    setCurrentCoordinateY = _useState10[1];
-  var onDrag = function onDrag(_, data) {
-    setCurrentCoordinateX(data.x);
-    setCurrentCoordinateY(data.y > -60 ? -60 : data.y);
-  };
   if (!outputLanguage) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRnd.Rnd, {
-    "default": defaultPosition,
-    onDrag: onDrag,
-    position: {
-      x: currentCoordinateX,
-      y: currentCoordinateY
-    },
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRnd.Rnd, _objectSpread(_objectSpread({}, rndProps), {}, {
     bounds: "window",
     enableResizing: false,
     onDragStart: onDragStart,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_guideTooltip.GuideTooltip, {
       content: "",
       guideContent: guideContent,
-      ref: guideTooltip,
+      ref: guideToolTipRef,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_loadingWrapper.LoadingWrapper, {
         maskClassName: "switch-language-loading",
         loading: loading,
@@ -226,5 +239,5 @@ var TriggerOutputLanguage = exports.TriggerOutputLanguage = (0, _mobxReact.obser
         })
       })
     })
-  });
+  }));
 });

package/lib/modules/action-bar/components/trigger-subscribe-language/index.js

@@ -55,12 +55,12 @@ var useSubscribeLanguageOptionList = function useSubscribeLanguageOptionList() {
 };
 var usesSubscribeMainRoom = function usesSubscribeMainRoom() {
   var _useContext2 = (0, _react.useContext)(_store.ActionBarContext),
-    subscribeLanguageList = _useContext2.subscribeLanguageList;
+    hasSubscribedLanguageList = _useContext2.hasSubscribedLanguageList;
   var transI18n = (0, _i18n.useI18n)();
   var label = transI18n('fmt_interpretation_mobile_attendnees_popup_label_original_aswell');
   return (0, _react.useMemo)(function () {
-    var checked = subscribeLanguageList.includes(_interpreter.ORIGIN);
-    var languageList = subscribeLanguageList.filter(function (language) {
+    var checked = hasSubscribedLanguageList.includes(_interpreter.ORIGIN);
+    var languageList = hasSubscribedLanguageList.filter(function (language) {
       return language !== _interpreter.ORIGIN;
     });
     var isShow = languageList.length > 0;
@@ -69,13 +69,13 @@ var usesSubscribeMainRoom = function usesSubscribeMainRoom() {
       isShow: isShow,
       label: label
     };
-  }, [subscribeLanguageList]);
+  }, [hasSubscribedLanguageList]);
 };
 var TriggerSubscribeLanguagePopoverContent = exports.TriggerSubscribeLanguagePopoverContent = (0, _mobxReact.observer)(function () {
   var _useContext3 = (0, _react.useContext)(_store.ActionBarContext),
     subscribeLanguage = _useContext3.subscribeLanguage,
-    setSubscribeMainRoom = _useContext3.setSubscribeMainRoom,
-    subscribeLanguageList = _useContext3.subscribeLanguageList;
+    subscribeExtraOriginLanguage = _useContext3.subscribeExtraOriginLanguage,
+    hasSubscribedLanguageList = _useContext3.hasSubscribedLanguageList;
   var optionList = useSubscribeLanguageOptionList();
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -102,9 +102,26 @@ var TriggerSubscribeLanguagePopoverContent = exports.TriggerSubscribeLanguagePop
       return _ref.apply(this, arguments);
     };
   }();
-  var clickSubscribeMainRoom = function clickSubscribeMainRoom() {
-    setSubscribeMainRoom(!subscribeMainRoom.checked);
-  };
+  var clickSubscribeMainRoom = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            setLoading(true);
+            _context2.next = 3;
+            return subscribeExtraOriginLanguage(!subscribeMainRoom.checked);
+          case 3:
+            setLoading(false);
+          case 4:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function clickSubscribeMainRoom() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "fcr-device-popover-content",
     onClick: function onClick(e) {
@@ -121,7 +138,7 @@ var TriggerSubscribeLanguagePopoverContent = exports.TriggerSubscribeLanguagePop
             children: optionList.map(function (option) {
               var value = option.value,
                 label = option.label;
-              var checked = value === _interpreter.ORIGIN && subscribeLanguageList.length > 1 ? false : subscribeLanguageList.includes(value);
+              var checked = value === _interpreter.ORIGIN && hasSubscribedLanguageList.length > 1 ? false : hasSubscribedLanguageList.includes(value);
               return /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
                 name: "mic",
                 styleType: "transparent",
@@ -152,13 +169,13 @@ var TriggerSubscribeLanguagePopoverContent = exports.TriggerSubscribeLanguagePop
 });
 var useGuideContent = function useGuideContent() {
   var _useContext4 = (0, _react.useContext)(_store.ActionBarContext),
-    preSubscribeLanguageList = _useContext4.preSubscribeLanguageList,
+    preHasSubscribedLanguageList = _useContext4.preHasSubscribedLanguageList,
     subscribeLanguageOptionList = _useContext4.subscribeLanguageOptionList;
   var transI18n = (0, _i18n.useI18n)();
   var content = transI18n('fmt_interpretation_sidebar_toast_hover_choose_language');
   var guideContent = transI18n('fmt_interpretation_mobile_toast_controller_label_interpret_in_process');
   var removeGuideContent = transI18n('fmt_interpretation_attendness_sidbar_popup_toast_label_channel_close');
-  var isRemove = preSubscribeLanguageList.some(function (ele) {
+  var isRemove = preHasSubscribedLanguageList.some(function (ele) {
     return !subscribeLanguageOptionList.includes(ele);
   });
   return (0, _react.useMemo)(function () {
@@ -166,19 +183,19 @@ var useGuideContent = function useGuideContent() {
       content: content,
       guideContent: !!isRemove ? removeGuideContent : guideContent
     };
-  }, [preSubscribeLanguageList, subscribeLanguageOptionList]);
+  }, [preHasSubscribedLanguageList, subscribeLanguageOptionList]);
 };
-var TriggerSubscribeLanguage = exports.TriggerSubscribeLanguage = (0, _mobxReact.observer)(function (_ref2) {
-  var id = _ref2.id,
-    order = _ref2.order;
+var TriggerSubscribeLanguage = exports.TriggerSubscribeLanguage = (0, _mobxReact.observer)(function (_ref3) {
+  var id = _ref3.id,
+    order = _ref3.order;
   var transI18n = (0, _i18n.useI18n)();
   var title = transI18n('fmt_interpretation_mobile_setting_controller_option_interpret');
   var _useContext5 = (0, _react.useContext)(_store.ActionBarContext),
-    interpreterState = _useContext5.interpreterState;
+    isInterpreterEnabled = _useContext5.isInterpreterEnabled;
   var _useGuideContent = useGuideContent(),
     content = _useGuideContent.content,
     guideContent = _useGuideContent.guideContent;
-  if (!interpreterState) {
+  if (!isInterpreterEnabled) {
     return null;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_guideTooltip.GuideTooltip, {

package/lib/modules/action-bar/index.css

@@ -310,3 +310,11 @@ html {
 .fcr-secuirty-tooltip {
   max-width: unset !important;
 }
+
+.share-screen-menu .fcr-drop-menu-title {
+  font-weight: 700;
+}
+
+.fcr-drop-menu-option-primary-no-hover:hover {
+  background: transparent;
+}

package/lib/modules/action-bar/index.d.ts

@@ -14,6 +14,10 @@ import { FcrUIMessageProvider } from '../../providers/message-provider';
 import { FcrUISharedChatDataSource } from '../../shared-data-source/chat-data';
 import { FcrUIInterpreterProvider } from '../../providers/interpreter-provider';
 import { FcrUISharedDevicePrivilegeDataSource } from '../../shared-data-source/device-privilege-data';
+import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
+import { FcrUIWidgetProvider } from '../../providers/widget-provider';
+import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
+import { FcrUISecuritySharedDataSource } from '../../shared-data-source/security-data';
 export declare class FcrActionBarUIModule extends UIModule {
     private _store?;
     private _deviceControlStore?;
@@ -35,6 +39,10 @@ export declare class FcrActionBarUIModule extends UIModule {
     sharedChatDataSource?: FcrUISharedChatDataSource;
     interpreterProvider?: FcrUIInterpreterProvider;
     sharedDevicePrivilegeDataSource?: FcrUISharedDevicePrivilegeDataSource;
+    sharedMemberDataSource?: FcrUIMemberSharedDataSource;
+    widgetProvider?: FcrUIWidgetProvider;
+    abilityProvider?: FcrUIAbilityProviderImpl;
+    sharedSecuritySharedDataSource?: FcrUISecuritySharedDataSource;
     onNodeWillActive(): void;
     onNodeWillInactive(): void;
     getComponent(): import("react/jsx-runtime").JSX.Element;

package/lib/modules/action-bar/index.js

@@ -64,10 +64,13 @@ var FcrActionBarUIModule = exports.FcrActionBarUIModule = /*#__PURE__*/function
         messageProvider: this.messageProvider,
         sharedChatDataSource: this.sharedChatDataSource,
         interpreterProvider: this.interpreterProvider,
-        sharedDevicePrivilegeDataSource: this.sharedDevicePrivilegeDataSource
+        sharedDevicePrivilegeDataSource: this.sharedDevicePrivilegeDataSource,
+        sharedMemberDataSource: this.sharedMemberDataSource,
+        widgetProvider: this.widgetProvider,
+        sharedSecuritySharedDataSource: this.sharedSecuritySharedDataSource
       });
-      this._deviceControlStore = new _store2.DeviceControlStore((_this$currentRoomCont3 = this.currentRoomControlProvider) === null || _this$currentRoomCont3 === void 0 ? void 0 : _this$currentRoomCont3.currentRoomControl, this.deviceProvider, this.eventProvider, this.deviceStreamProvider, this.sharedDevicePrivilegeDataSource);
-      this._leaveMeetingStore = new _store3.LeaveMeetingStore(privilegeProvider, this.roomProvider, (_this$currentRoomCont4 = this.currentRoomControlProvider) === null || _this$currentRoomCont4 === void 0 ? void 0 : _this$currentRoomCont4.currentRoomControl);
+      this._deviceControlStore = new _store2.DeviceControlStore((_this$currentRoomCont3 = this.currentRoomControlProvider) === null || _this$currentRoomCont3 === void 0 ? void 0 : _this$currentRoomCont3.currentRoomControl, this.deviceProvider, this.dialogProvider, this.deviceStreamProvider, this.sharedDevicePrivilegeDataSource);
+      this._leaveMeetingStore = new _store3.LeaveMeetingStore(privilegeProvider, this.roomProvider, (_this$currentRoomCont4 = this.currentRoomControlProvider) === null || _this$currentRoomCont4 === void 0 ? void 0 : _this$currentRoomCont4.currentRoomControl, this.sharedMemberDataSource, this.abilityProvider, this.dialogProvider);
     }
   }, {
     key: "onNodeWillInactive",

package/lib/modules/action-bar/store.d.ts

@@ -1,5 +1,6 @@
 import { FcrLiveStreamingState, FcrRecordingState, FcrUserInfo, FcrUserRole, FcrLineType } from 'fcr-core/lib/type';
 import { DeviceSettingDialogConfig } from '../setting/store';
+import { FcrUIRoomType, FcrUIWebWidgetConfig } from '../../type';
 import { FcrUserKickedOutType } from 'fcr-core/lib/room-control/user-control/type';
 import { FcrBaseRoomControl, FcrRoomType } from 'fcr-core/lib/room-control/type';
 import { FcrLanguage } from 'fcr-core/lib/room-control/interpreter-control/types';
@@ -20,6 +21,9 @@ import { FcrUIMessageProvider } from '../../providers/message-provider';
 import { FcrUISharedChatDataSource } from '../../shared-data-source/chat-data';
 import { FcrUIInterpreterProvider } from '../../providers/interpreter-provider';
 import { FcrUISharedDevicePrivilegeDataSource } from '../../shared-data-source/device-privilege-data';
+import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
+import { FcrUIWidgetProvider } from '../../providers/widget-provider';
+import { FcrSecurityCheckedStateType, FcrUISecuritySharedDataSource } from '../../shared-data-source/security-data';
 export declare enum AudioConnectType {
     NONE = 0,
     COMPUTER = 1,
@@ -45,9 +49,12 @@ export default class ActionBarStore {
     private _screenVideoTrack;
     private _sharedLayoutDataSource;
     private _sharedChatDataSource;
-    private _interpreterProvider;
+    private _interpreterProvider?;
     private _sharedDevicePrivilegeDataSource;
+    private _sharedMemberDataSource;
     private _roomType;
+    private _widgetProvider;
+    private _sharedSecuritySharedDataSource;
     private _userObserver;
     private _roomObserver;
     private _mainRoomObserver;
@@ -58,30 +65,23 @@ export default class ActionBarStore {
     private _hideBarArrowTimer;
     private _sharingOwnerUser;
     private _participantTab;
-    private _interpreterControl;
     private _streamObserver;
-    private _interpreterObserver;
     private _interpreterProviderObserver;
-    accessor users: FcrUserInfo[];
     accessor newMessageTooltipVisible: boolean;
-    accessor totalUser: number;
     accessor totalWaitingRoomUser: number;
     accessor liveStreamingState: FcrLiveStreamingState;
     accessor currentMenuIs: MoreMenuType;
     accessor cloudRecordingState: FcrRecordingState;
-    accessor localUserRole: FcrUserRole;
-    accessor localUser: FcrUserInfo;
     accessor connectionSettingVisible: boolean;
     accessor folded: boolean;
     accessor boardOwnerUser: FcrUserInfo | null;
     accessor hasScreenShare: boolean;
     accessor showArrow: boolean;
     accessor phoneMicEnabled: boolean;
-    accessor chatTabIndex: FcrRoomType;
+    accessor chatTabIndex: FcrUIRoomType;
     accessor popoverOpened: boolean;
     accessor stateBarLeaveMeeting: boolean;
-    accessor isPstnUser: boolean;
-    accessor interpreterUsersOffline: boolean;
+    accessor hasOfflineUserExistence: boolean;
     constructor(args: {
         roomProvider: FcrUIRoomProvider;
         roomControl: FcrBaseRoomControl;
@@ -97,15 +97,27 @@ export default class ActionBarStore {
         chatProvider: FcrUIChatProvider;
         sharedInterpreterDataSource: FcrUISharedInterpreterDataSource;
         sharedChatDataSource: FcrUISharedChatDataSource;
-        interpreterProvider: FcrUIInterpreterProvider;
+        interpreterProvider?: FcrUIInterpreterProvider;
         sharedDevicePrivilegeDataSource: FcrUISharedDevicePrivilegeDataSource;
+        sharedMemberDataSource: FcrUIMemberSharedDataSource;
+        widgetProvider: FcrUIWidgetProvider;
+        sharedSecuritySharedDataSource: FcrUISecuritySharedDataSource;
     });
-    get interpreter(): import("fcr-core/lib/room-control/interpreter-control/types").FcrInterpreterUserInfo | null;
-    get interpreterUsers(): import("fcr-core/lib/room-control/interpreter-control/types").FcrInterpreterUserInfo[] | null;
-    get interpreterState(): boolean;
+    get checkedStateMap(): FcrSecurityCheckedStateType;
+    setCheckedStateMap(val: FcrSecurityCheckedStateType): void;
+    get registeredWidgetConfigs(): FcrUIWebWidgetConfig[];
+    get supportedLanguages(): FcrLanguage[];
+    get users(): FcrUserInfo[];
+    get localUserRole(): FcrUserRole;
+    get localUserId(): string;
+    get totalUser(): number;
+    get isPstnUser(): boolean;
+    get localInterpreterUserInfo(): import("fcr-core/lib/room-control/interpreter-control/types").FcrInterpreterUserInfo | null;
+    get interpreterUserList(): import("fcr-core/lib/room-control/interpreter-control/types").FcrInterpreterUserInfo[] | null;
+    get isInterpreterEnabled(): boolean;
     get outputLanguage(): FcrLanguage | null;
-    get subscribeLanguageList(): FcrUILanguage[];
-    get preSubscribeLanguageList(): FcrUILanguage[];
+    get hasSubscribedLanguageList(): FcrUILanguage[];
+    get preHasSubscribedLanguageList(): FcrUILanguage[];
     get subscribeLanguageOptionList(): FcrUILanguage[];
     get isNewWaitingRoomUserEnter(): boolean;
     get privilegeProvider(): FcrUIPrivilegeProvider;
@@ -150,10 +162,12 @@ export default class ActionBarStore {
     get newMessageCount(): import("./types").ChatRoomStoreMap;
     set newMessageCount(value: import("./types").ChatRoomStoreMap);
     get latestMessage(): import("../../providers/chat-provider").FcrChatRoomReceiveMessage | undefined;
+    get hasSecurityPermissions(): boolean;
     pauseCloudRecording(): void;
     resumeCloudRecording(): void;
     stopCloudRecording(): void;
     startCloudRecording(): void;
+    showLockedRoomToast(enable: boolean): void;
     toggleLayoutBarLock(payload: boolean): void;
     showNewMessageTooltip(): void;
     hideNewMessageTooltip(): void;
@@ -162,8 +176,8 @@ export default class ActionBarStore {
     isWaitingRoomEnabled(): boolean;
     isAllowJoinWithAudioEnabled(): boolean;
     enableMicrophone(enable: boolean): void;
-    setAllowBoardWrite(): Promise<void>;
-    setAllowScreenShare(): void;
+    setAllowWriteBoard(state: boolean): void;
+    setAllowScreenShare(state: boolean): void;
     setPopoverOpened(isShow: boolean): void;
     setStateBarLeaveMeeting(isShow: boolean): void;
     getRoomType(): FcrRoomType | undefined;
@@ -209,8 +223,6 @@ export default class ActionBarStore {
     private _interceptShareBoard;
     private _handleRemoteUsersJoined;
     private _handleRemoteUsersLeft;
-    private _handleAllUserCountUpdated;
-    private _handleUserInfoUpdated;
     private _handleLiveStreamingStateUpdated;
     private _handleChatVisible;
     private _handlerTraceScreenCaptureStateUpdate;
@@ -223,7 +235,10 @@ export default class ActionBarStore {
     private _handleStreamsAddedOrUpdated;
     setOutputLanguage(language: FcrLanguage): Promise<void>;
     subscribeLanguage(language: FcrUILanguage): Promise<void>;
-    setSubscribeMainRoom(enable: boolean): void;
-    getInterpreterUsersAllOnline(): boolean;
+    subscribeExtraOriginLanguage(enable: boolean): Promise<void>;
+    getOfflineUserExistenceState(): boolean;
+    openWidget(widgetId: string): void;
+    closeWidget(widgetId: string): void;
+    private _checkIsWidgetSupportedRole;
 }
 export declare const ActionBarContext: import("react").Context<ActionBarStore>;