fcr-ui-scene 3.7.8 → 3.8.0-alpha

package/lib/modules/components/toolbar/components/graphic-tool/graphic-panel/libs.js

@@ -7,27 +7,27 @@ Object.defineProperty(exports, "__esModule", {
 exports.convertShapeToBoardToolType = convertShapeToBoardToolType;
 exports.tools = exports.lineWidths = void 0;
 var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _enums = require("fcr-core/lib/room-control/whiteboard-control/enums");
+var _fcrCore = require("fcr-core");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var tools = exports.tools = [{
   iconType: _type.FcrIconType.FCR_WHITEBOARD_SHAP_SQUARE,
-  shape: _enums.FcrBoardShape.Rectangle,
+  shape: _fcrCore.FcrBoardShape.Rectangle,
   tip: (0, _i18n.transI18n)('fmt_whiteboard_tips_rectangle')
 }, {
   iconType: _type.FcrIconType.FCR_WHITEBOARD_SHAP_CIRCLE,
-  shape: _enums.FcrBoardShape.Ellipse,
+  shape: _fcrCore.FcrBoardShape.Ellipse,
   tip: (0, _i18n.transI18n)('fmt_whiteboard_tips_circle')
 }, {
   iconType: _type.FcrIconType.FCR_WHITEBOARD_SHAP_TRIANGLE,
-  shape: _enums.FcrBoardShape.Triangle,
+  shape: _fcrCore.FcrBoardShape.Triangle,
   tip: (0, _i18n.transI18n)('fmt_whiteboard_tips_triangle')
 }, {
   iconType: _type.FcrIconType.FCR_WHITEBOARD_SHAP_LINE,
-  shape: _enums.FcrBoardShape.Straight,
+  shape: _fcrCore.FcrBoardShape.Straight,
   tip: (0, _i18n.transI18n)('fmt_whiteboard_tips_straight')
 }, {
   iconType: _type.FcrIconType.FCR_WHITEBOARD_SHAP_ARROW,
-  shape: _enums.FcrBoardShape.Arrow,
+  shape: _fcrCore.FcrBoardShape.Arrow,
   tip: (0, _i18n.transI18n)('fmt_whiteboard_tips_arrow')
 }];
 var lineWidths = exports.lineWidths = [{
@@ -45,21 +45,21 @@ var lineWidths = exports.lineWidths = [{
 }];
 function convertShapeToBoardToolType(shape) {
   switch (shape) {
-    case _enums.FcrBoardShape.Arrow:
-      return _enums.FcrBoardToolType.ARROW;
-    case _enums.FcrBoardShape.Curve:
-      return _enums.FcrBoardToolType.CURVE;
-    case _enums.FcrBoardShape.Ellipse:
-      return _enums.FcrBoardToolType.ELLIPSE;
-    case _enums.FcrBoardShape.Pentagram:
-      return _enums.FcrBoardToolType.PENTAGRAM;
-    case _enums.FcrBoardShape.Rectangle:
-      return _enums.FcrBoardToolType.RECTANGLE;
-    case _enums.FcrBoardShape.Straight:
-      return _enums.FcrBoardToolType.STRAIGHT;
-    case _enums.FcrBoardShape.Triangle:
-      return _enums.FcrBoardToolType.TRIANGLE;
+    case _fcrCore.FcrBoardShape.Arrow:
+      return _fcrCore.FcrBoardToolType.ARROW;
+    case _fcrCore.FcrBoardShape.Curve:
+      return _fcrCore.FcrBoardToolType.CURVE;
+    case _fcrCore.FcrBoardShape.Ellipse:
+      return _fcrCore.FcrBoardToolType.ELLIPSE;
+    case _fcrCore.FcrBoardShape.Pentagram:
+      return _fcrCore.FcrBoardToolType.PENTAGRAM;
+    case _fcrCore.FcrBoardShape.Rectangle:
+      return _fcrCore.FcrBoardToolType.RECTANGLE;
+    case _fcrCore.FcrBoardShape.Straight:
+      return _fcrCore.FcrBoardToolType.STRAIGHT;
+    case _fcrCore.FcrBoardShape.Triangle:
+      return _fcrCore.FcrBoardToolType.TRIANGLE;
     default:
-      return _enums.FcrBoardToolType.NONE;
+      return _fcrCore.FcrBoardToolType.NONE;
   }
 }

package/lib/modules/components/toolbar/components/graphic-tool/index.d.ts

@@ -1,4 +1,4 @@
-import { FcrBoardShape, FcrBoardToolType } from 'fcr-core/lib/room-control/whiteboard-control/enums';
+import { FcrBoardShape, FcrBoardToolType } from 'fcr-core';
 import { ToolTipProps } from 'agora-ui-foundation/lib/components/tooltip';
 export declare const AnnotationGraphicTool: (props: {
     size?: number;

package/lib/modules/components/toolbar/components/multiple-color-tool/index.d.ts

@@ -1,5 +1,5 @@
 import { ToolTipProps } from 'agora-ui-foundation/lib/components/tooltip';
-import { FcrColor } from 'fcr-core/lib/room-control/whiteboard-control/types';
+import { FcrColor } from 'fcr-core';
 export declare const MultipleColorTool: (props: {
     coverCount?: number;
     commonColors: string[];

package/lib/modules/components/toolbar/components/pen-tool/index.d.ts

@@ -1,4 +1,4 @@
-import { FcrBoardToolType } from 'fcr-core/lib/room-control/whiteboard-control/enums';
+import { FcrBoardToolType } from 'fcr-core';
 import { ToolTipProps } from 'agora-ui-foundation/lib/components/tooltip';
 export declare const AnnotationPenTool: (props: {
     size?: number;

package/lib/modules/components/toolbar/components/pen-tool/index.js

@@ -12,7 +12,7 @@ var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _item = require("../item");
 var _penPanel = require("./pen-panel");
 var _react = require("react");
-var _enums = require("fcr-core/lib/room-control/whiteboard-control/enums");
+var _fcrCore = require("fcr-core");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _jsxRuntime = require("react/jsx-runtime");
 var AnnotationPenTool = exports.AnnotationPenTool = function AnnotationPenTool(props) {
@@ -31,13 +31,13 @@ var AnnotationPenTool = exports.AnnotationPenTool = function AnnotationPenTool(p
     setVisible = _useState2[1];
   var handleClick = function handleClick() {
     setVisible(!visible);
-    setTool(_enums.FcrBoardToolType.CURVE);
+    setTool(_fcrCore.FcrBoardToolType.CURVE);
   };
   var handleVisibleChange = function handleVisibleChange(visible) {
     setVisible(visible);
   };
   var t = (0, _i18n.useI18n)();
-  var penMap = (0, _defineProperty2["default"])({}, _enums.FcrBoardToolType.CURVE, _type.FcrIconType.FCR_WHITEBOARD_PED5);
+  var penMap = (0, _defineProperty2["default"])({}, _fcrCore.FcrBoardToolType.CURVE, _type.FcrIconType.FCR_WHITEBOARD_PED5);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
     placement: placement,
     size: size,

package/lib/modules/components/toolbar/index.d.ts

@@ -1,5 +1,5 @@
-import { FcrBoardShape, FcrBoardToolType } from 'fcr-core/lib/room-control/whiteboard-control/enums';
-import { FcrColor } from 'fcr-core/lib/room-control/whiteboard-control/types';
+import { FcrBoardShape, FcrBoardToolType } from 'fcr-core';
+import { FcrColor } from 'fcr-core';
 import './style.css';
 export declare const colors: string[];
 export declare const WhiteboardToolbar: (props: {

package/lib/modules/components/toolbar/index.js

@@ -13,7 +13,7 @@ require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _enums = require("fcr-core/lib/room-control/whiteboard-control/enums");
+var _fcrCore = require("fcr-core");
 var _item = require("./components/item");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _penTool = require("./components/pen-tool");
@@ -82,27 +82,28 @@ var WhiteboardToolbar = exports.WhiteboardToolbar = function WhiteboardToolbar(p
       setTool: setTool,
       hideTitle: true,
       direction: direction
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
+    }, 0), /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
       size: size,
-      active: currentTool === _enums.FcrBoardToolType.TEXT,
+      active: currentTool === _fcrCore.FcrBoardToolType.TEXT,
       onClick: function onClick() {
-        return setTool(_enums.FcrBoardToolType.TEXT);
+        return setTool(_fcrCore.FcrBoardToolType.TEXT);
       },
       iconType: _type.FcrIconType.FCR_WHITEBOARD_TEXT,
       title: t('fmt_screenshare_whiteboard_button_text'),
       hideTitle: true,
       placement: placement
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
-      size: size,
-      active: currentTool === _enums.FcrBoardToolType.HAND,
-      onClick: function onClick() {
-        return setTool(_enums.FcrBoardToolType.HAND);
-      },
-      iconType: _type.FcrIconType.FCR_WHITEBOARD_MOVESUBJECTS2,
-      title: t('fmt_screenshare_whiteboard_button_dragdrop'),
-      hideTitle: true,
-      placement: placement
-    }), commonColors ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_cleanTool.AnnotationCleanTool, {
+    }, 1),
+    // <AnnotationToolItem
+    //   key={2}
+    //   size={size}
+    //   active={currentTool === FcrBoardToolType.HAND}
+    //   onClick={() => setTool(FcrBoardToolType.HAND)}
+    //   iconType={FcrIconType.FCR_WHITEBOARD_MOVESUBJECTS2}
+    //   title={t('fmt_screenshare_whiteboard_button_dragdrop')}
+    //   hideTitle
+    //   placement={placement}
+    // />,
+    commonColors ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_cleanTool.AnnotationCleanTool, {
       size: size,
       hideTitle: true,
       currentTool: currentTool,
@@ -110,30 +111,30 @@ var WhiteboardToolbar = exports.WhiteboardToolbar = function WhiteboardToolbar(p
       setTool: setTool,
       clean: clean,
       direction: direction
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
+    }, 3) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
       size: size,
-      active: currentTool === _enums.FcrBoardToolType.ERASER,
+      active: currentTool === _fcrCore.FcrBoardToolType.ERASER,
       onClick: function onClick() {
-        return setTool(_enums.FcrBoardToolType.ERASER);
+        return setTool(_fcrCore.FcrBoardToolType.ERASER);
       },
       iconType: _type.FcrIconType.FCR_WHITEBOARD_ERASER2,
       title: t('fmt_screenshare_whiteboard_button_eraser'),
       hideTitle: true,
       placement: placement
-    }), (0, _env.isElectron)() && onCaptureScreen && commonColors && /*#__PURE__*/(0, _jsxRuntime.jsx)(_captureTool.AnnotationCaptureTool, {
+    }, 4), (0, _env.isElectron)() && onCaptureScreen && commonColors && /*#__PURE__*/(0, _jsxRuntime.jsx)(_captureTool.AnnotationCaptureTool, {
       size: size,
       direction: direction,
       hideTitle: true,
       placement: placement,
       onClick: onCaptureScreen
-    }), !commonColors && /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
+    }, 5), !commonColors && /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
       size: size,
       onClick: clean,
       iconType: _type.FcrIconType.FCR_DELETE5,
       title: t('fmt_screenshare_whiteboard_button_empty'),
       hideTitle: true,
       placement: placement
-    })].filter(function (item) {
+    }, 6)].filter(function (item) {
       return !!item;
     });
   }, effects);
@@ -142,26 +143,26 @@ var WhiteboardToolbar = exports.WhiteboardToolbar = function WhiteboardToolbar(p
     var shows = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
     return [/*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
       size: size,
-      active: currentTool === _enums.FcrBoardToolType.LASER_POINTER,
+      active: currentTool === _fcrCore.FcrBoardToolType.LASER_POINTER,
       onClick: function onClick() {
-        return setTool(_enums.FcrBoardToolType.LASER_POINTER);
+        return setTool(_fcrCore.FcrBoardToolType.LASER_POINTER);
       },
       iconType: _type.FcrIconType.FCR_WHITEBOARD_LASERPEN1,
       color: '#FF0005',
       title: t('fmt_screenshare_whiteboard_button_laserpen'),
       hideTitle: true,
       placement: placement
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
+    }, 7), /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
       size: size,
-      active: currentTool === _enums.FcrBoardToolType.SELECTOR,
+      active: currentTool === _fcrCore.FcrBoardToolType.SELECTOR,
       onClick: function onClick() {
-        return setTool(_enums.FcrBoardToolType.SELECTOR);
+        return setTool(_fcrCore.FcrBoardToolType.SELECTOR);
       },
       iconType: _type.FcrIconType.FCR_WHITECHOOSE,
       title: t('fmt_screenshare_whiteboard_button_boxselection'),
       hideTitle: true,
       placement: placement
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_penTool.AnnotationPenTool, {
+    }, 8), /*#__PURE__*/(0, _jsxRuntime.jsx)(_penTool.AnnotationPenTool, {
       size: size,
       placement: placement,
       currentColor: currentColor,
@@ -171,11 +172,11 @@ var WhiteboardToolbar = exports.WhiteboardToolbar = function WhiteboardToolbar(p
       setStrokeWidth: setStrokeWidth,
       hideTitle: true,
       direction: direction
-    })].concat((0, _toConsumableArray2["default"])(hiddens), [coverCount >= 2 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_groupTool.AnnotationGroupTool, {
+    }, 9)].concat((0, _toConsumableArray2["default"])(hiddens), [coverCount >= 2 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_groupTool.AnnotationGroupTool, {
       size: size,
       placement: placement,
       children: shows
-    }), commonColors ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_multipleColorTool.MultipleColorTool, {
+    }, 10), commonColors ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_multipleColorTool.MultipleColorTool, {
       coverCount: coverCount,
       commonColors: commonColors || [],
       currentColor: currentColor,
@@ -187,7 +188,7 @@ var WhiteboardToolbar = exports.WhiteboardToolbar = function WhiteboardToolbar(p
       onContextMenuClick: function onContextMenuClick(colors) {
         return setCommonColors === null || setCommonColors === void 0 ? void 0 : setCommonColors(colors);
       }
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_colorTool.AnnotationColorTool, {
+    }, 11) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_colorTool.AnnotationColorTool, {
       direction: 'horizontal',
       placement: placement,
       size: 36,
@@ -195,7 +196,7 @@ var WhiteboardToolbar = exports.WhiteboardToolbar = function WhiteboardToolbar(p
       colors: themeColors,
       setStrokeColor: setStrokeColor,
       hideTitle: true
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
+    }, 12), /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
       size: size,
       onClick: undo,
       iconType: _type.FcrIconType.FCR_MOBILE_WHITEBOARD_UNDO,
@@ -203,7 +204,7 @@ var WhiteboardToolbar = exports.WhiteboardToolbar = function WhiteboardToolbar(p
       disabled: !redoSteps,
       hideTitle: true,
       placement: placement
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
+    }, 13), /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
       size: size,
       onClick: redo,
       iconType: _type.FcrIconType.FCR_MOBILE_WHITEBOARD_REDO,
@@ -211,12 +212,12 @@ var WhiteboardToolbar = exports.WhiteboardToolbar = function WhiteboardToolbar(p
       disabled: !undoSteps,
       hideTitle: true,
       placement: placement
-    }), onSave && /*#__PURE__*/(0, _jsxRuntime.jsx)(_saveDraft.AnnotationToolSaveDraft, {
+    }, 14), onSave && /*#__PURE__*/(0, _jsxRuntime.jsx)(_saveDraft.AnnotationToolSaveDraft, {
       progress: progress || 0,
       setProgress: setProgress || function () {},
       onClick: onSave,
       placement: placement
-    })]).filter(function (item) {
+    }, 15)]).filter(function (item) {
       return !!item;
     });
   }, effects);

package/lib/modules/components/toolbar/style.css

@@ -3,7 +3,7 @@
   position: absolute;
   left: 20px;
   top: 20px;
-  z-index: 1000;
+  z-index: 999;
   background-color: #fff;
   border-radius: 8px;
   box-shadow: var(--fcr_web_light_dropup);

package/lib/modules/components/toolbar/types.d.ts

@@ -1,4 +1,4 @@
-import { FcrBoardShape, FcrBoardToolType } from 'fcr-core/lib/room-control/whiteboard-control/enums';
+import { FcrBoardShape, FcrBoardToolType } from 'fcr-core';
 export type FcrToolbarState = {
     controlEnable: boolean;
     currentTool: FcrBoardToolType;

package/lib/modules/connection-gateway/store.d.ts

@@ -20,6 +20,7 @@ export default class ConnectionGatewayStore implements FcrUIManagedObject {
     private _devicePrivilegeProvider?;
     private _sharedDevicePrivilegeDataSource?;
     private _sharedMemberDataSource;
+    private _sharedSettingDataSource;
     accessor activeTabKey: string;
     accessor rememberMe: boolean;
     accessor rememberedNumberList: ConnectListType[];

package/lib/modules/connection-gateway/store.js

@@ -167,6 +167,7 @@ var ConnectionGatewayStore = exports["default"] = /*#__PURE__*/function () {
     // Optional providers with try-catch
     this._devicePrivilegeProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DEVICE_PRIVILEGE_PROVIDER);
     this._sharedDevicePrivilegeDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_DEVICE_PRIVILEGE_DATA_SOURCE);
+    this._sharedSettingDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_SETTING_DATA_SOURCE);
     this._deviceObserver = {
       onAudioConnected: function onAudioConnected() {
         _this.closeConnectionDialog();
@@ -319,6 +320,10 @@ var ConnectionGatewayStore = exports["default"] = /*#__PURE__*/function () {
         activeTab: _type3.DeviceSettingTab.AUDIO,
         highlightSelector: _constant.FcrUIHighlightElement.AUDIO_MICROPHONE
       });
+      this._sharedSettingDataSource.setDialogConfig({
+        activeTab: _type3.DeviceSettingTab.AUDIO,
+        highlightSelector: _constant.FcrUIHighlightElement.AUDIO_MICROPHONE
+      });
     }
   }, {
     key: "closeConnectionDialog",

package/lib/modules/control-bar/components/apps-popover/index.d.ts

@@ -0,0 +1,3 @@
+export declare const AppsPopover: (props: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/control-bar/components/apps-popover/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AppsPopover = void 0;
+var _popover = require("agora-ui-foundation/lib/components/popover");
+var _appList = require("../../../components/apps/app-list");
+var _store = require("../../store");
+var _react = require("react");
+var _mobxReact = require("mobx-react");
+var _jsxRuntime = require("react/jsx-runtime");
+var AppsPopover = exports.AppsPopover = (0, _mobxReact.observer)(function (props) {
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    appItemOptions = _useContext.appItemOptions,
+    appActionbarPopoverVisible = _useContext.appActionbarPopoverVisible,
+    setAppActionbarPopoverVisible = _useContext.setAppActionbarPopoverVisible;
+  var children = props.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
+    trigger: "click",
+    showArrow: false,
+    content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appList.AppList, {
+      appItemProps: appItemOptions
+    }),
+    overlayInnerStyle: {
+      boxShadow: 'var(--fcr_web_light_dropup_m)',
+      border: 'none',
+      width: '374px',
+      height: 'auto'
+    },
+    onVisibleChange: function onVisibleChange(visible) {
+      setAppActionbarPopoverVisible(visible);
+    },
+    afterVisibleChange: function afterVisibleChange(visible) {
+      setAppActionbarPopoverVisible(visible);
+    },
+    visible: appActionbarPopoverVisible,
+    children: children
+  });
+});

package/lib/modules/control-bar/components/more-actions/index.js

@@ -35,6 +35,7 @@ var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(f
     hasStartLiveStreamingPermission = _useContext.hasStartLiveStreamingPermission,
     hasGetLiveStreamingUrlPermission = _useContext.hasGetLiveStreamingUrlPermission,
     hasEndRoomPermission = _useContext.hasEndRoomPermission,
+    isRecordingSupported = _useContext.isRecordingSupported,
     newMessageCount = _useContext.newMessageCount,
     isRoomDetailSupported = _useContext.isRoomDetailSupported;
   var transI18n = (0, _i18n.useI18n)();
@@ -65,7 +66,14 @@ var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(f
     text: transI18n('fmt_screenshare_controlbar_button_more_cloudRecord'),
     displayWhenNoPermission: 'hidden',
     key: cloudRecordingState === _type2.FcrRecordingState.Stopped ? _enums.MoreAction.CLOUD_RECORDING_START : _enums.MoreAction.CLOUD_RECORDING_STOP,
-    hasPermission: hasStartCloudRecordingPermission && cloudRecordingState === _type2.FcrRecordingState.Stopped
+    hasPermission: isRecordingSupported && hasStartCloudRecordingPermission && cloudRecordingState === _type2.FcrRecordingState.Stopped
+  }, {
+    icon: _type.FcrIconType.FCR_MOREAPP,
+    text: 'Apps',
+    displayWhenNoPermission: 'hidden',
+    key: _enums.MoreAction.OPEN_APPS,
+    hasPermission: true,
+    classNames: 'share-action-nav__media-list-item-with-divider'
   },
   // {
   //   icon: null,

package/lib/modules/control-bar/enums.d.ts

@@ -19,5 +19,6 @@ export declare enum MoreAction {
     CLOUD_RECORDING_STOP = 7,
     LEAVE_ROOM = 8,
     COPY_INVITE_LINK = 9,
-    COPY_MEETING_INFO = 10
+    COPY_MEETING_INFO = 10,
+    OPEN_APPS = 11
 }

package/lib/modules/control-bar/enums.js

@@ -29,5 +29,6 @@ var MoreAction = exports.MoreAction = /*#__PURE__*/function (MoreAction) {
   MoreAction[MoreAction["LEAVE_ROOM"] = 8] = "LEAVE_ROOM";
   MoreAction[MoreAction["COPY_INVITE_LINK"] = 9] = "COPY_INVITE_LINK";
   MoreAction[MoreAction["COPY_MEETING_INFO"] = 10] = "COPY_MEETING_INFO";
+  MoreAction[MoreAction["OPEN_APPS"] = 11] = "OPEN_APPS";
   return MoreAction;
 }({});

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

@@ -22,6 +22,7 @@ export default class ControlBarStore implements FcrUIManagedObject {
     private _messageProvider;
     private _dialogProvider;
     private _facilityProvider;
+    private _applistProvider;
     private _sharedMeetingTimeDataSource;
     private _sharedChatDataSource;
     private _sharedLayoutDataSource;
@@ -43,6 +44,7 @@ export default class ControlBarStore implements FcrUIManagedObject {
         x: number;
         y: number;
     };
+    accessor appActionbarPopoverVisible: boolean;
     accessor roomInfo: FcrRoomInfo;
     accessor roomSchedule: FcrRoomSchedule;
     accessor meetingId: string;
@@ -62,6 +64,7 @@ export default class ControlBarStore implements FcrUIManagedObject {
     get meetingTime(): string;
     get isMuteAudio(): boolean;
     get isRoomDetailSupported(): boolean;
+    get isRecordingSupported(): boolean;
     get meetingTimeKey(): string;
     get roomId(): string;
     get checkedStateMap(): FcrSecurityCheckedStateType;
@@ -73,6 +76,7 @@ export default class ControlBarStore implements FcrUIManagedObject {
     get roomDetailCopyText(): string;
     get audioShareMode(): AudioProcessingChannel;
     get newMessageCount(): number;
+    get appItemOptions(): import("../components/apps/types").AppItemProps[];
     constructor({ objectManager }: ControlBarStoreArgs);
     setCheckedStateMap(val: FcrSecurityCheckedStateType): void;
     setShareWithAudioState(withAudio: boolean): void;
@@ -102,6 +106,7 @@ export default class ControlBarStore implements FcrUIManagedObject {
     handleLeaveRoom(): void;
     closeLeaveMeetingDialog(): void;
     handleMoreClick(actionKey: MoreAction): void;
-    updateWindowBounds(): void;
+    updateWindowBounds(bounds: FcrUI.FcrUIRectangle): void;
+    setAppActionbarPopoverVisible(visible: boolean): void;
 }
 export declare const StoreContext: import("react").Context<ControlBarStore>;