fcr-ui-scene 3.6.4 → 3.7.1

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

@@ -5,14 +5,19 @@ require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/es.symbol.to-primitive.js");
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.error.to-string.js");
+require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.is-array.js");
 require("core-js/modules/es.date.to-primitive.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.object.create.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/esnext.function.metadata.js");
+require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.symbol.metadata.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -79,7 +84,9 @@ var _constant = require("../../utilities/constant");
 var _enums = require("./enums");
 var _logger = require("../../utilities/logger");
 var _ActionBarStore;
-var _initProto, _init_newMessageTooltipVisible, _init_totalWaitingRoomUser, _init_liveStreamingState, _init_currentMenuIs, _init_cloudRecordingState, _init_connectionSettingVisible, _init_folded, _init_boardOwnerUser, _init_showArrow, _init_phoneMicEnabled, _init_chatTabIndex, _init_popoverOpened, _init_stateBarLeaveMeeting, _init_hasOfflineUserExistence, _init_connectionState, _setCheckedStateMapDecs, _pauseCloudRecordingDecs, _resumeCloudRecordingDecs, _stopCloudRecordingDecs, _showLockedRoomToastDecs, _toggleLayoutBarLockDecs, _showNewMessageTooltipDecs, _hideNewMessageTooltipDecs, _switchMenuDecs, _setPopoverOpenedDecs, _setStateBarLeaveMeetingDecs, _handleJoinWaitingRoomDecs, _toggleFoldDecs, _setShowArrowDecs, _setEnableWaitingRoomDecs, _kickOutWaitingRoomAllMemberDecs, _moveToMainRoomAllMemberDecs, _handleRemoteUsersJoinedDecs, _handleRemoteUsersLeftDecs, _handleLiveStreamingStateUpdatedDecs, _handleChatVisibleDecs, _operateWaitingRoomDecs, _handleCloudRecordingStateUpdatedDecs, _setOutputLanguageDecs, _subscribeLanguageDecs, _subscribeExtraOriginLanguageDecs, _getOfflineUserExistenceStateDecs, _openWidgetDecs, _closeWidgetDecs, _ref;
+var _initProto, _init_newMessageTooltipVisible, _init_totalWaitingRoomUser, _init_liveStreamingState, _init_currentMenuIs, _init_cloudRecordingState, _init_connectionSettingVisible, _init_folded, _init_boardOwnerUser, _init_showArrow, _init_phoneMicEnabled, _init_chatTabIndex, _init_stateBarLeaveMeeting, _init_hasOfflineUserExistence, _init_connectionState, _init_appActionbarPopoverVisible, _setCheckedStateMapDecs, _pauseCloudRecordingDecs, _resumeCloudRecordingDecs, _stopCloudRecordingDecs, _showLockedRoomToastDecs, _toggleLayoutBarLockDecs, _showNewMessageTooltipDecs, _hideNewMessageTooltipDecs, _switchMenuDecs, _setPopoverOpenedDecs, _setStateBarLeaveMeetingDecs, _handleJoinWaitingRoomDecs, _toggleFoldDecs, _setShowArrowDecs, _setEnableWaitingRoomDecs, _kickOutWaitingRoomAllMemberDecs, _moveToMainRoomAllMemberDecs, _handleRemoteUsersJoinedDecs, _handleRemoteUsersLeftDecs, _handleLiveStreamingStateUpdatedDecs, _handleChatVisibleDecs, _setAppActionbarPopoverVisibleDecs, _operateWaitingRoomDecs, _handleCloudRecordingStateUpdatedDecs, _setOutputLanguageDecs, _subscribeLanguageDecs, _subscribeExtraOriginLanguageDecs, _getOfflineUserExistenceStateDecs, _clickWidgetDecs, _closeWidgetDecs, _ref;
+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; }
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
@@ -117,7 +124,7 @@ _ref = (_setCheckedStateMapDecs = [_mobx.action, _mobx.action.bound], _pauseClou
   leading: true
 })], _stopCloudRecordingDecs = [_decorator.bound, (0, _decorator.debounced)(500, {
   leading: true
-})], _showLockedRoomToastDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutBarLockDecs = [_mobx.action, _mobx.action.bound], _showNewMessageTooltipDecs = [_mobx.action, _mobx.action.bound], _hideNewMessageTooltipDecs = [_mobx.action, _mobx.action.bound], _switchMenuDecs = [_mobx.action, _mobx.action.bound], _setPopoverOpenedDecs = [_mobx.action, _mobx.action.bound], _setStateBarLeaveMeetingDecs = [_mobx.action, _mobx.action.bound], _handleJoinWaitingRoomDecs = [_mobx.action, _mobx.action.bound], _toggleFoldDecs = [_mobx.action, _mobx.action.bound], _setShowArrowDecs = [_mobx.action, _mobx.action.bound], _setEnableWaitingRoomDecs = [_mobx.action, _mobx.action.bound], _kickOutWaitingRoomAllMemberDecs = [_mobx.action, _mobx.action.bound], _moveToMainRoomAllMemberDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUsersJoinedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUsersLeftDecs = [_mobx.action, _mobx.action.bound], _handleLiveStreamingStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleChatVisibleDecs = [_mobx.action, _mobx.action.bound], _operateWaitingRoomDecs = [_mobx.action, _mobx.action.bound], _handleCloudRecordingStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _setOutputLanguageDecs = [_mobx.action, _mobx.action.bound], _subscribeLanguageDecs = [_mobx.action, _mobx.action.bound], _subscribeExtraOriginLanguageDecs = [_mobx.action, _mobx.action.bound], _getOfflineUserExistenceStateDecs = [_mobx.action, _mobx.action.bound], _openWidgetDecs = [_mobx.action, _mobx.action.bound], _closeWidgetDecs = [_mobx.action, _mobx.action.bound], "logger");
+})], _showLockedRoomToastDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutBarLockDecs = [_mobx.action, _mobx.action.bound], _showNewMessageTooltipDecs = [_mobx.action, _mobx.action.bound], _hideNewMessageTooltipDecs = [_mobx.action, _mobx.action.bound], _switchMenuDecs = [_mobx.action, _mobx.action.bound], _setPopoverOpenedDecs = [_mobx.action, _mobx.action.bound], _setStateBarLeaveMeetingDecs = [_mobx.action, _mobx.action.bound], _handleJoinWaitingRoomDecs = [_mobx.action, _mobx.action.bound], _toggleFoldDecs = [_mobx.action, _mobx.action.bound], _setShowArrowDecs = [_mobx.action, _mobx.action.bound], _setEnableWaitingRoomDecs = [_mobx.action, _mobx.action.bound], _kickOutWaitingRoomAllMemberDecs = [_mobx.action, _mobx.action.bound], _moveToMainRoomAllMemberDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUsersJoinedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUsersLeftDecs = [_mobx.action, _mobx.action.bound], _handleLiveStreamingStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleChatVisibleDecs = [_mobx.action, _mobx.action.bound], _setAppActionbarPopoverVisibleDecs = [_mobx.action, _mobx.action.bound], _operateWaitingRoomDecs = [_mobx.action, _mobx.action.bound], _handleCloudRecordingStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _setOutputLanguageDecs = [_mobx.action, _mobx.action.bound], _subscribeLanguageDecs = [_mobx.action, _mobx.action.bound], _subscribeExtraOriginLanguageDecs = [_mobx.action, _mobx.action.bound], _getOfflineUserExistenceStateDecs = [_mobx.action, _mobx.action.bound], _clickWidgetDecs = [_mobx.action, _mobx.action.bound], _closeWidgetDecs = [_mobx.action, _mobx.action.bound], "logger");
 var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
   function ActionBarStore(args) {
     var _this = this,
@@ -153,6 +160,9 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
         _this.hasOfflineUserExistence = _this.getOfflineUserExistenceState();
       }
     });
+    (0, _defineProperty2["default"])(this, "_applistObserver", {
+      onApplistItemClick: this._handleApplistItemClick.bind(this)
+    });
     _classPrivateFieldInitSpec(this, _A, _init_newMessageTooltipVisible(this, false));
     _classPrivateFieldInitSpec(this, _B, _init_totalWaitingRoomUser(this, 0));
     _classPrivateFieldInitSpec(this, _C, _init_liveStreamingState(this));
@@ -164,10 +174,10 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _I, _init_showArrow(this, false));
     _classPrivateFieldInitSpec(this, _J, _init_phoneMicEnabled(this, false));
     _classPrivateFieldInitSpec(this, _K, _init_chatTabIndex(this, _type2.FcrUIRoomType.MAIN_ROOM));
-    _classPrivateFieldInitSpec(this, _L, _init_popoverOpened(this, false));
-    _classPrivateFieldInitSpec(this, _M, _init_stateBarLeaveMeeting(this, false));
-    _classPrivateFieldInitSpec(this, _N, _init_hasOfflineUserExistence(this, true));
-    _classPrivateFieldInitSpec(this, _O, _init_connectionState(this, _fcrCore.FcrConnectionState.CONNECTED));
+    _classPrivateFieldInitSpec(this, _L, _init_stateBarLeaveMeeting(this, false));
+    _classPrivateFieldInitSpec(this, _M, _init_hasOfflineUserExistence(this, true));
+    _classPrivateFieldInitSpec(this, _N, _init_connectionState(this, _fcrCore.FcrConnectionState.CONNECTED));
+    _classPrivateFieldInitSpec(this, _O, _init_appActionbarPopoverVisible(this, false));
     this._roomProvider = args.roomProvider;
     this._roomControl = args.roomControl;
     this._deviceProvider = args.deviceProvider;
@@ -187,6 +197,9 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     this._sharedSecuritySharedDataSource = args.sharedSecuritySharedDataSource;
     this._sharedScreenShareSharedDataSource = args.sharedScreenShareSharedDataSource;
     this._abilityProvider = args.abilityProvider;
+    this._applistProvider = args.applistProvider;
+    this._sharedApplistDataSource = args.sharedApplistDataSource;
+    this._applistProvider.addObserver(this._applistObserver);
     this._userControl = this._roomControl.getUserControl();
     this._roomType = (_this$_roomControl$ge = this._roomControl.getRoomInfo()) === null || _this$_roomControl$ge === void 0 ? void 0 : _this$_roomControl$ge.roomType;
     this.liveStreamingState = this._roomControl.getLiveStreamingState();
@@ -336,7 +349,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_K, this, v);
     }
   }, {
-    key: "popoverOpened",
+    key: "stateBarLeaveMeeting",
     get: function get() {
       return _classPrivateFieldGet(_L, this);
     },
@@ -344,7 +357,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_L, this, v);
     }
   }, {
-    key: "stateBarLeaveMeeting",
+    key: "hasOfflineUserExistence",
     get: function get() {
       return _classPrivateFieldGet(_M, this);
     },
@@ -352,7 +365,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_M, this, v);
     }
   }, {
-    key: "hasOfflineUserExistence",
+    key: "connectionState",
     get: function get() {
       return _classPrivateFieldGet(_N, this);
     },
@@ -360,13 +373,18 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_N, this, v);
     }
   }, {
-    key: "connectionState",
+    key: "appActionbarPopoverVisible",
     get: function get() {
       return _classPrivateFieldGet(_O, this);
     },
     set: function set(v) {
       _classPrivateFieldSet(_O, this, v);
     }
+  }, {
+    key: "_handleApplistItemClick",
+    value: function _handleApplistItemClick() {
+      this.setAppActionbarPopoverVisible(false);
+    }
   }, {
     key: "checkedStateMap",
     get: function get() {
@@ -389,6 +407,11 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
       });
       return widgetConfigs;
     }
+  }, {
+    key: "appItemOptions",
+    get: function get() {
+      return this._applistProvider.appItemOptions;
+    }
   }, {
     key: "supportedLanguages",
     get: function get() {
@@ -673,6 +696,11 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     set: function set(value) {
       this._sharedChatDataSource.newMessageCount = value;
     }
+  }, {
+    key: "endMeetingPopoverOpened",
+    get: function get() {
+      return this._sharedLayoutDataSource.endMeetingPopoverOpened;
+    }
   }, {
     key: "latestMessage",
     get: function get() {
@@ -781,7 +809,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setPopoverOpened",
     value: function setPopoverOpened(isShow) {
-      this.popoverOpened = isShow;
+      this._sharedLayoutDataSource.endMeetingPopoverOpened = isShow;
       if (this.stateBarLeaveMeeting && !isShow) {
         this.stateBarLeaveMeeting = false;
       }
@@ -791,12 +819,6 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     value: function setStateBarLeaveMeeting(isShow) {
       this.stateBarLeaveMeeting = isShow;
     }
-  }, {
-    key: "getRoomType",
-    value: function getRoomType() {
-      var _this$_roomControl$ge2;
-      return (_this$_roomControl$ge2 = this._roomControl.getRoomInfo()) === null || _this$_roomControl$ge2 === void 0 ? void 0 : _this$_roomControl$ge2.roomType;
-    }
   }, {
     key: "release",
     value: function release() {
@@ -808,6 +830,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
       this._userControl.removeObserver(this._userObserver);
       this._roomControl.removeObserver(this._mainRoomObserver);
       this._eventProvider.removeObserver(this._uiEventObserver);
+      this._applistProvider.removeObserver(this._applistObserver);
       if (this._roomType === _type5.FcrRoomType.Mainroom) {
         var _this$_interpreterPro;
         this._roomProvider.removeObserver(this._roomObserver);
@@ -1074,10 +1097,16 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
                   reason1: this._sharedWaitingRoomDataSource.totalWaitingRoomUser
                 }),
                 onCancel: function onCancel() {
+                  _this4.setCheckedStateMap(_objectSpread(_objectSpread({}, _this4.checkedStateMap), {
+                    enableWaitingRoom: false
+                  }));
                   _this4._eventProvider.sendEvent(_constant.FcrUIAction.MOVE_TO_MAIN_ROOM_ALL_MEMBER, false);
                   _this4._dialogProvider.closeConfirm(dialogId);
                 },
                 onOk: function onOk() {
+                  _this4.setCheckedStateMap(_objectSpread(_objectSpread({}, _this4.checkedStateMap), {
+                    enableWaitingRoom: false
+                  }));
                   _this4._eventProvider.sendEvent(_constant.FcrUIAction.MOVE_TO_MAIN_ROOM_ALL_MEMBER, true);
                   _this4._dialogProvider.closeConfirm(dialogId);
                 },
@@ -1243,6 +1272,11 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
       this.hideNewMessageTooltip();
       this.newMessageCount[this.chatTabIndex] = 0;
     }
+  }, {
+    key: "setAppActionbarPopoverVisible",
+    value: function setAppActionbarPopoverVisible(visible) {
+      this.appActionbarPopoverVisible = visible;
+    }
   }, {
     key: "setAllowWaterMark",
     value: function setAllowWaterMark() {
@@ -1487,9 +1521,13 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
       return !!isOffLine;
     }
   }, {
-    key: "openWidget",
-    value: function openWidget(widgetId) {
-      this._widgetProvider.openWidget(widgetId);
+    key: "clickWidget",
+    value: function clickWidget(widgetConfig) {
+      if (widgetConfig.type === _type2.FcrWidgetType.eventWidget) {
+        this._widgetProvider.onWidgetClick(widgetConfig.id);
+      } else {
+        this._widgetProvider.openWidget(widgetConfig.id);
+      }
     }
   }, {
     key: "closeWidget",
@@ -1508,7 +1546,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _ActionBarStore = ActionBarStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ActionBarStore, [[_mobx.observable, 1, "newMessageTooltipVisible"], [_mobx.observable, 1, "totalWaitingRoomUser"], [_mobx.observable, 1, "liveStreamingState"], [_mobx.observable, 1, "currentMenuIs"], [_mobx.observable, 1, "cloudRecordingState"], [_mobx.observable, 1, "connectionSettingVisible"], [_mobx.observable, 1, "folded"], [_mobx.observable, 1, "boardOwnerUser"], [_mobx.observable, 1, "showArrow"], [_mobx.observable, 1, "phoneMicEnabled"], [_mobx.observable, 1, "chatTabIndex"], [_mobx.observable, 1, "popoverOpened"], [_mobx.observable, 1, "stateBarLeaveMeeting"], [_mobx.observable, 1, "hasOfflineUserExistence"], [_mobx.observable, 1, "connectionState"], [_mobx.computed, 3, "checkedStateMap"], [_setCheckedStateMapDecs, 18, "setCheckedStateMap"], [_mobx.computed, 3, "registeredWidgetConfigs"], [_mobx.computed, 3, "asideLayout"], [_mobx.computed, 3, "chatRenderAt"], [_mobx.computed, 3, "participantsRenderAt"], [_mobx.computed, 3, "participantVisible"], [_mobx.computed, 3, "chatVisible"], [_mobx.computed, 3, "hasStartScreenSharePermission"], [_mobx.computed, 3, "hasStopScreenSharePermission"], [_mobx.computed, 3, "sharingOwnerUser"], [_mobx.computed, 3, "hasEnableStartScreenSharePermission"], [_mobx.computed, 3, "hasStartLiveStreamingPermission"], [_mobx.computed, 3, "hasEnableStartAudioPermission"], [_mobx.computed, 3, "hasEnableChangeNamePermission"], [_mobx.computed, 3, "hasEnableStartVideoPermission"], [_mobx.computed, 3, "hasLockRoomPermission"], [_mobx.computed, 3, "hasEnableJoinWithAudioPermission"], [_mobx.computed, 3, "hasWaitingRoomPermission"], [_mobx.computed, 3, "hasWatermarkDisablePermission"], [_mobx.computed, 3, "hasEnableStartSharePermission"], [_mobx.computed, 3, "hasAllowWriteBoardPermission"], [_mobx.computed, 3, "hasCloseWriteBoardPermission"], [_mobx.computed, 3, "hasAllowScreenShareAndBoardPermission"], [_mobx.computed, 3, "hasAllowChatPermission"], [_mobx.computed, 3, "hasStartCloudRecordingPermission"], [_mobx.computed, 3, "hasAssignHostBeforeLeavingPermission"], [_mobx.computed, 3, "hasEndRoomPermission"], [_mobx.computed, 3, "isScreenShareAndBoardEnabled"], [_mobx.computed, 3, "isBoardWriteEnabled"], [_mobx.computed, 3, "isWaterMarkEnabled"], [_mobx.computed, 3, "isMulti"], [_mobx.computed, 3, "hasEnableInterpreterPermission"], [_mobx.computed, 3, "hasDisableInterpreterPermission"], [_mobx.computed, 3, "microphoneEnabled"], [_mobx.computed, 3, "allNewMessage"], [_mobx.computed, 3, "isMainRoom"], [_mobx.computed, 3, "hasAllowChangeNamePromission"], [_mobx.computed, 3, "hasDisallowChangeNamePromission"], [_mobx.computed, 3, "newMessageCount"], [_pauseCloudRecordingDecs, 2, "pauseCloudRecording"], [_resumeCloudRecordingDecs, 2, "resumeCloudRecording"], [_stopCloudRecordingDecs, 2, "stopCloudRecording"], [_decorator.bound, 2, "startCloudRecording"], [_showLockedRoomToastDecs, 18, "showLockedRoomToast"], [_toggleLayoutBarLockDecs, 18, "toggleLayoutBarLock"], [_showNewMessageTooltipDecs, 18, "showNewMessageTooltip"], [_hideNewMessageTooltipDecs, 18, "hideNewMessageTooltip"], [_switchMenuDecs, 18, "switchMenu"], [_mobx.computed, 3, "isLocked"], [_decorator.bound, 2, "isWaitingRoomEnabled"], [_decorator.bound, 2, "isAllowJoinWithAudioEnabled"], [_decorator.bound, 2, "enableMicrophone"], [_decorator.bound, 2, "setAllowWriteBoard"], [_decorator.bound, 2, "setAllowAnnotation"], [_decorator.bound, 2, "setAllowScreenShare"], [_setPopoverOpenedDecs, 18, "setPopoverOpened"], [_setStateBarLeaveMeetingDecs, 18, "setStateBarLeaveMeeting"], [_decorator.bound, 2, "getRoomType"], [_decorator.bound, 2, "allowJoinWithMuteAudio"], [_decorator.bound, 2, "setAllowJoinWithMuteAudio"], [_decorator.bound, 2, "isLockRoomEnabled"], [_decorator.bound, 2, "setLockRoomEnabled"], [_decorator.bound, 2, "setAllowShareScreen"], [_decorator.bound, 2, "allowShareScreen"], [_decorator.bound, 2, "allowWriteBoard"], [_decorator.bound, 2, "allowChat"], [_decorator.bound, 2, "setAllowChat"], [_decorator.bound, 2, "allowUnmuteSelfAudio"], [_decorator.bound, 2, "setAllowUnmuteSelfAudio"], [_decorator.bound, 2, "allowUnmuteSelfVideo"], [_decorator.bound, 2, "setAllowUnmuteSelfVideo"], [_decorator.bound, 2, "allowChangeName"], [_decorator.bound, 2, "toggleChat"], [_decorator.bound, 2, "openChat"], [_decorator.bound, 2, "closeChat"], [_decorator.bound, 2, "toggleParticipants"], [_decorator.bound, 2, "openParticipants"], [_decorator.bound, 2, "closeParticipants"], [_decorator.bound, 2, "openDeviceSettingDialog"], [_decorator.bound, 2, "startScreenShare"], [_decorator.bound, 2, "openInterpreterDialog"], [_decorator.bound, 2, "openWhiteboard"], [_decorator.bound, 2, "closeWhiteboard"], [_decorator.bound, 2, "closeShareScreen"], [_decorator.bound, 2, "openLiveStreamingDialog"], [_decorator.bound, 2, "toggleConnection"], [_decorator.bound, 2, "openConnection"], [_decorator.bound, 2, "closeConnection"], [_handleJoinWaitingRoomDecs, 18, "_handleJoinWaitingRoom"], [_toggleFoldDecs, 18, "toggleFold"], [_setShowArrowDecs, 18, "setShowArrow"], [_setEnableWaitingRoomDecs, 18, "setEnableWaitingRoom"], [_kickOutWaitingRoomAllMemberDecs, 18, "kickOutWaitingRoomAllMember"], [_moveToMainRoomAllMemberDecs, 18, "moveToMainRoomAllMember"], [_decorator.bound, 2, "_interceptShareScreen"], [_decorator.bound, 2, "_interceptShareBoard"], [_handleRemoteUsersJoinedDecs, 18, "_handleRemoteUsersJoined"], [_handleRemoteUsersLeftDecs, 18, "_handleRemoteUsersLeft"], [_handleLiveStreamingStateUpdatedDecs, 18, "_handleLiveStreamingStateUpdated"], [_handleChatVisibleDecs, 18, "_handleChatVisible"], [_decorator.bound, 2, "setAllowWaterMark"], [_decorator.bound, 2, "setWaterMarkLineType"], [_decorator.bound, 2, "setAlllowChangeName"], [_decorator.bound, 2, "_onEvent"], [_operateWaitingRoomDecs, 18, "_operateWaitingRoom"], [_handleCloudRecordingStateUpdatedDecs, 18, "_handleCloudRecordingStateUpdated"], [_setOutputLanguageDecs, 18, "setOutputLanguage"], [_subscribeLanguageDecs, 18, "subscribeLanguage"], [_subscribeExtraOriginLanguageDecs, 18, "subscribeExtraOriginLanguage"], [_getOfflineUserExistenceStateDecs, 18, "getOfflineUserExistenceState"], [_openWidgetDecs, 18, "openWidget"], [_closeWidgetDecs, 18, "closeWidget"]], []).e, 16);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ActionBarStore, [[_mobx.observable, 1, "newMessageTooltipVisible"], [_mobx.observable, 1, "totalWaitingRoomUser"], [_mobx.observable, 1, "liveStreamingState"], [_mobx.observable, 1, "currentMenuIs"], [_mobx.observable, 1, "cloudRecordingState"], [_mobx.observable, 1, "connectionSettingVisible"], [_mobx.observable, 1, "folded"], [_mobx.observable, 1, "boardOwnerUser"], [_mobx.observable, 1, "showArrow"], [_mobx.observable, 1, "phoneMicEnabled"], [_mobx.observable, 1, "chatTabIndex"], [_mobx.observable, 1, "stateBarLeaveMeeting"], [_mobx.observable, 1, "hasOfflineUserExistence"], [_mobx.observable, 1, "connectionState"], [_mobx.observable, 1, "appActionbarPopoverVisible"], [_mobx.computed, 3, "checkedStateMap"], [_setCheckedStateMapDecs, 18, "setCheckedStateMap"], [_mobx.computed, 3, "registeredWidgetConfigs"], [_mobx.computed, 3, "asideLayout"], [_mobx.computed, 3, "chatRenderAt"], [_mobx.computed, 3, "participantsRenderAt"], [_mobx.computed, 3, "participantVisible"], [_mobx.computed, 3, "chatVisible"], [_mobx.computed, 3, "hasStartScreenSharePermission"], [_mobx.computed, 3, "hasStopScreenSharePermission"], [_mobx.computed, 3, "sharingOwnerUser"], [_mobx.computed, 3, "hasEnableStartScreenSharePermission"], [_mobx.computed, 3, "hasStartLiveStreamingPermission"], [_mobx.computed, 3, "hasEnableStartAudioPermission"], [_mobx.computed, 3, "hasEnableChangeNamePermission"], [_mobx.computed, 3, "hasEnableStartVideoPermission"], [_mobx.computed, 3, "hasLockRoomPermission"], [_mobx.computed, 3, "hasEnableJoinWithAudioPermission"], [_mobx.computed, 3, "hasWaitingRoomPermission"], [_mobx.computed, 3, "hasWatermarkDisablePermission"], [_mobx.computed, 3, "hasEnableStartSharePermission"], [_mobx.computed, 3, "hasAllowWriteBoardPermission"], [_mobx.computed, 3, "hasCloseWriteBoardPermission"], [_mobx.computed, 3, "hasAllowScreenShareAndBoardPermission"], [_mobx.computed, 3, "hasAllowChatPermission"], [_mobx.computed, 3, "hasStartCloudRecordingPermission"], [_mobx.computed, 3, "hasAssignHostBeforeLeavingPermission"], [_mobx.computed, 3, "hasEndRoomPermission"], [_mobx.computed, 3, "isScreenShareAndBoardEnabled"], [_mobx.computed, 3, "isBoardWriteEnabled"], [_mobx.computed, 3, "isWaterMarkEnabled"], [_mobx.computed, 3, "isMulti"], [_mobx.computed, 3, "hasEnableInterpreterPermission"], [_mobx.computed, 3, "hasDisableInterpreterPermission"], [_mobx.computed, 3, "microphoneEnabled"], [_mobx.computed, 3, "allNewMessage"], [_mobx.computed, 3, "isMainRoom"], [_mobx.computed, 3, "hasAllowChangeNamePromission"], [_mobx.computed, 3, "hasDisallowChangeNamePromission"], [_mobx.computed, 3, "newMessageCount"], [_mobx.computed, 3, "endMeetingPopoverOpened"], [_pauseCloudRecordingDecs, 2, "pauseCloudRecording"], [_resumeCloudRecordingDecs, 2, "resumeCloudRecording"], [_stopCloudRecordingDecs, 2, "stopCloudRecording"], [_decorator.bound, 2, "startCloudRecording"], [_showLockedRoomToastDecs, 18, "showLockedRoomToast"], [_toggleLayoutBarLockDecs, 18, "toggleLayoutBarLock"], [_showNewMessageTooltipDecs, 18, "showNewMessageTooltip"], [_hideNewMessageTooltipDecs, 18, "hideNewMessageTooltip"], [_switchMenuDecs, 18, "switchMenu"], [_mobx.computed, 3, "isLocked"], [_decorator.bound, 2, "isWaitingRoomEnabled"], [_decorator.bound, 2, "isAllowJoinWithAudioEnabled"], [_decorator.bound, 2, "enableMicrophone"], [_decorator.bound, 2, "setAllowWriteBoard"], [_decorator.bound, 2, "setAllowAnnotation"], [_decorator.bound, 2, "setAllowScreenShare"], [_setPopoverOpenedDecs, 18, "setPopoverOpened"], [_setStateBarLeaveMeetingDecs, 18, "setStateBarLeaveMeeting"], [_decorator.bound, 2, "allowJoinWithMuteAudio"], [_decorator.bound, 2, "setAllowJoinWithMuteAudio"], [_decorator.bound, 2, "isLockRoomEnabled"], [_decorator.bound, 2, "setLockRoomEnabled"], [_decorator.bound, 2, "setAllowShareScreen"], [_decorator.bound, 2, "allowShareScreen"], [_decorator.bound, 2, "allowWriteBoard"], [_decorator.bound, 2, "allowChat"], [_decorator.bound, 2, "setAllowChat"], [_decorator.bound, 2, "allowUnmuteSelfAudio"], [_decorator.bound, 2, "setAllowUnmuteSelfAudio"], [_decorator.bound, 2, "allowUnmuteSelfVideo"], [_decorator.bound, 2, "setAllowUnmuteSelfVideo"], [_decorator.bound, 2, "allowChangeName"], [_decorator.bound, 2, "toggleChat"], [_decorator.bound, 2, "openChat"], [_decorator.bound, 2, "closeChat"], [_decorator.bound, 2, "toggleParticipants"], [_decorator.bound, 2, "openParticipants"], [_decorator.bound, 2, "closeParticipants"], [_decorator.bound, 2, "openDeviceSettingDialog"], [_decorator.bound, 2, "startScreenShare"], [_decorator.bound, 2, "openInterpreterDialog"], [_decorator.bound, 2, "openWhiteboard"], [_decorator.bound, 2, "closeWhiteboard"], [_decorator.bound, 2, "closeShareScreen"], [_decorator.bound, 2, "openLiveStreamingDialog"], [_decorator.bound, 2, "toggleConnection"], [_decorator.bound, 2, "openConnection"], [_decorator.bound, 2, "closeConnection"], [_handleJoinWaitingRoomDecs, 18, "_handleJoinWaitingRoom"], [_toggleFoldDecs, 18, "toggleFold"], [_setShowArrowDecs, 18, "setShowArrow"], [_setEnableWaitingRoomDecs, 18, "setEnableWaitingRoom"], [_kickOutWaitingRoomAllMemberDecs, 18, "kickOutWaitingRoomAllMember"], [_moveToMainRoomAllMemberDecs, 18, "moveToMainRoomAllMember"], [_decorator.bound, 2, "_interceptShareScreen"], [_decorator.bound, 2, "_interceptShareBoard"], [_handleRemoteUsersJoinedDecs, 18, "_handleRemoteUsersJoined"], [_handleRemoteUsersLeftDecs, 18, "_handleRemoteUsersLeft"], [_handleLiveStreamingStateUpdatedDecs, 18, "_handleLiveStreamingStateUpdated"], [_handleChatVisibleDecs, 18, "_handleChatVisible"], [_setAppActionbarPopoverVisibleDecs, 18, "setAppActionbarPopoverVisible"], [_decorator.bound, 2, "setAllowWaterMark"], [_decorator.bound, 2, "setWaterMarkLineType"], [_decorator.bound, 2, "setAlllowChangeName"], [_decorator.bound, 2, "_onEvent"], [_operateWaitingRoomDecs, 18, "_operateWaitingRoom"], [_handleCloudRecordingStateUpdatedDecs, 18, "_handleCloudRecordingStateUpdated"], [_setOutputLanguageDecs, 18, "setOutputLanguage"], [_subscribeLanguageDecs, 18, "subscribeLanguage"], [_subscribeExtraOriginLanguageDecs, 18, "subscribeExtraOriginLanguage"], [_getOfflineUserExistenceStateDecs, 18, "getOfflineUserExistenceState"], [_clickWidgetDecs, 18, "clickWidget"], [_closeWidgetDecs, 18, "closeWidget"]], []).e, 16);
 _init_newMessageTooltipVisible = _applyDecs$e[0];
 _init_totalWaitingRoomUser = _applyDecs$e[1];
 _init_liveStreamingState = _applyDecs$e[2];
@@ -1520,9 +1558,9 @@ _init_boardOwnerUser = _applyDecs$e[7];
 _init_showArrow = _applyDecs$e[8];
 _init_phoneMicEnabled = _applyDecs$e[9];
 _init_chatTabIndex = _applyDecs$e[10];
-_init_popoverOpened = _applyDecs$e[11];
-_init_stateBarLeaveMeeting = _applyDecs$e[12];
-_init_hasOfflineUserExistence = _applyDecs$e[13];
-_init_connectionState = _applyDecs$e[14];
+_init_stateBarLeaveMeeting = _applyDecs$e[11];
+_init_hasOfflineUserExistence = _applyDecs$e[12];
+_init_connectionState = _applyDecs$e[13];
+_init_appActionbarPopoverVisible = _applyDecs$e[14];
 _initProto = _applyDecs$e[15];
 var ActionBarContext = exports.ActionBarContext = /*#__PURE__*/(0, _react.createContext)(null);

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

@@ -3,8 +3,8 @@ import { FcrIconType } from 'agora-ui-foundation/lib/components/icon/type';
 import { PopoverProps } from 'agora-ui-foundation/lib/components/popover';
 import { ToolTipProps } from 'agora-ui-foundation/lib/components/tooltip';
 import { FcrUserInfo, FcrUserRole } from 'fcr-core/lib/type';
-import { MouseEventHandler } from 'react';
 import { FcrUIRoomType } from '../../type';
+import { GenerateI18nKey } from 'agora-ui-foundation/lib/i18n';
 export interface Item {
     name: string;
     width: number;
@@ -30,8 +30,8 @@ export interface ActionBarItemWithPopoverProps extends ActionBarItemProps {
     popoverProps?: PopoverProps;
 }
 export interface AppItemProps {
-    name: string;
-    onClick: MouseEventHandler<HTMLDivElement>;
+    name: GenerateI18nKey<I18nResouceTypes>;
+    onClick: () => void;
     fcrToolTipProps?: ToolTipProps;
     fcrIconProps?: FcrIconProps;
     permission: boolean;

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

@@ -22,7 +22,6 @@ var _i18n = require("agora-ui-foundation/lib/i18n");
 var _triggerOutputLanguage = require("./components/trigger-output-language");
 var _notificationBar = require("./components/notification-bar");
 var _deviceControl = _interopRequireDefault(require("../components/device-control"));
-var _useAppItemOptions = _interopRequireDefault(require("./components/apps/useAppItemOptions"));
 var _leave = require("./components/leave");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
@@ -62,13 +61,13 @@ var FcrActionBar = exports.FcrActionBar = (0, _mobxReact.observer)(function () {
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     opened = _useState2[0],
     setOpenState = _useState2[1];
-  var appItemOptions = (0, _useAppItemOptions["default"])();
   var _useContext = (0, _react.useContext)(_store.ActionBarContext),
     folded = _useContext.folded,
     setShowArrow = _useContext.setShowArrow,
     showArrow = _useContext.showArrow,
     toggleFold = _useContext.toggleFold,
-    isMainRoom = _useContext.isMainRoom;
+    isMainRoom = _useContext.isMainRoom,
+    appItemOptions = _useContext.appItemOptions;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [!folded && showArrow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ToggleToolbarBtn, {
       toggleFold: toggleFold,

package/lib/modules/annotation/annotation-index.d.ts

@@ -0,0 +1,2 @@
+import './style.css';
+export declare const Toolbar: () => import("react/jsx-runtime").JSX.Element;

package/lib/modules/annotation/annotation-index.js

@@ -0,0 +1,80 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Toolbar = void 0;
+require("core-js/modules/es.error.to-string.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.date.to-string.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.map.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _annotationToolbarStore = require("./annotation-toolbar-store");
+var _moveHandle = require("./components/move-handle");
+var _foldIcon = _interopRequireDefault(require("./components/icons/fold-icon"));
+require("./style.css");
+var _hooks = require("./hooks");
+var _jsxRuntime = require("react/jsx-runtime");
+var Toolbar = exports.Toolbar = (0, _mobxReact.observer)(function () {
+  var _useAnnotationVisible = (0, _hooks.useAnnotationVisibleTools)(),
+    mainTools = _useAnnotationVisible.mainTools;
+  var _useContext = (0, _react.useContext)(_annotationToolbarStore.AnnotationReceiverToolbarContext),
+    repositionToolbar = _useContext.repositionToolbar;
+  var transI18n = (0, _i18n.useI18n)();
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    folded = _useState2[0],
+    setFolded = _useState2[1];
+  var handleFoldClick = function handleFoldClick() {
+    setFolded(!folded);
+  };
+  (0, _react.useEffect)(function () {
+    repositionToolbar();
+  }, []);
+  var clsn = (0, _classnames["default"])({
+    'fcr-board-toolbar--folded': folded,
+    // prevent first animation play
+    'fcr-board-toolbar--unfolded': typeof folded !== 'undefined' && !folded
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_moveHandle.DraggableWrapper, {
+    className: clsn,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "fcr-board-toolbar-main",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        className: "fcr-board-toolbar-list",
+        children: mainTools.map(function (_ref, i) {
+          var renderItem = _ref.renderItem;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: renderItem()
+          }, i.toString());
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "fcr-board-toolbar-fold",
+      onClick: handleFoldClick,
+      children: !folded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_foldIcon["default"], {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-board-toobar-folded-button",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+          type: _type.FcrIconType.FCR_WHITEBOARD_EXPAND2,
+          colors: {
+            iconPrimary: '#000',
+            iconSecondary: '#000'
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: transI18n('fmt_screenshare_whiteboard_button_spread')
+        })]
+      })
+    })]
+  });
+});

package/lib/modules/annotation/annotation-toolbar-store.d.ts

@@ -0,0 +1,82 @@
+import { FcrBoardShape, WhiteboardThemeType } from '../whiteboard/type';
+import { FcrBoardToolType } from 'fcr-core/lib/room-control/whiteboard-control/enums';
+import { FcrBoardMainWindow } from 'fcr-core/lib/room-control/whiteboard-control/types';
+import { FcrBaseRoomControl } from 'fcr-core/lib/room-control/type';
+import { FcrWhiteboardControl } from 'fcr-core/lib/room-control/whiteboard-control-v2/whiteboard-control/type';
+import { FcrUIAnnotationProvider } from '../../providers/annotation-provider';
+import { FcrUIEventProvider } from '../../providers/event-provider';
+import { FcrUISharedAnnotationSource } from '../../shared-data-source/annotation-data';
+export declare class AnnotationReceiverToolbarStore {
+    private _whiteboardControl;
+    private _roomControl;
+    private _annotationProvider;
+    private _eventProvider;
+    private _sharedAnnotationDataSource;
+    private _boardMainWindow;
+    private _lastStrokeWidth;
+    private _boardObserver;
+    private _whiteboardObserver;
+    private _uiEventObserver;
+    accessor observables: {
+        currentTool: FcrBoardToolType | undefined;
+        currentShape: FcrBoardShape | undefined;
+        currentColor: string;
+        currentStrokeWidth: number;
+        currentThemeType: WhiteboardThemeType;
+        toolbarPosition: {
+            x: number;
+            y: number;
+        };
+        toolbarReleased: boolean;
+        toolbarDockPosition: {
+            x: number | undefined;
+            y: number | undefined;
+            placement: "left" | "right";
+        };
+        redoSteps: boolean;
+        undoSteps: boolean;
+        lastPen: FcrBoardShape | undefined;
+        lastShape: FcrBoardShape | undefined;
+        maxCountVisibleTools: number;
+        layoutReady: boolean;
+        colors: string[];
+        commonColorIndex: number;
+        background: string;
+        commonColors: string[];
+        progress: number;
+    };
+    get roomInfo(): import("fcr-core/lib/type").FcrRoomInfo | undefined;
+    get boardMainWindow(): FcrBoardMainWindow | null;
+    constructor(_whiteboardControl: FcrWhiteboardControl, _roomControl: FcrBaseRoomControl, _annotationProvider: FcrUIAnnotationProvider, _eventProvider: FcrUIEventProvider, _sharedAnnotationDataSource: FcrUISharedAnnotationSource);
+    private _onUiEvent;
+    resetToolbarVars(): void;
+    get annotationHasStart(): boolean;
+    redo(): void;
+    undo(): void;
+    clean(): void;
+    setTool(tool: FcrBoardToolType): void;
+    setPen(shape: FcrBoardShape): void;
+    setShape(shape: FcrBoardShape): void;
+    setStrokeColor(color: string): void;
+    setStrokeWidth(strokeWidth: number): void;
+    clickExpansionTool(): void;
+    setToolbarPosition(pos: {
+        x: number;
+        y: number;
+    }): void;
+    dragToolbar(): void;
+    releaseToolbar(): void;
+    captureScreen(hideWindow?: boolean): void;
+    saveDraft(): void;
+    setTheme(theme: WhiteboardThemeType): void;
+    setCommonColor(color: string): void;
+    repositionToolbar(): void;
+    release(): void;
+    private _updateDockPlacement;
+    private _updateDockPosition;
+    private _updateMaxVisibleTools;
+    private _setBackgroundColor;
+    private _getSnapshotImage;
+    private _convertShapeToBoardToolType;
+}
+export declare const AnnotationReceiverToolbarContext: import("react").Context<AnnotationReceiverToolbarStore>;