fcr-ui-scene 3.6.0 → 3.6.2

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

@@ -21,9 +21,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.End = void 0;
-require("core-js/modules/web.timers.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/web.timers.js");
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _button = require("agora-ui-foundation/lib/components/button");
@@ -47,18 +46,8 @@ var End = exports.End = (0, _mobxReact.observer)(function (props) {
     _setPopoverOpened = _useContext.setPopoverOpened,
     stateBarLeaveMeeting = _useContext.stateBarLeaveMeeting,
     setStateBarLeaveMeeting = _useContext.setStateBarLeaveMeeting;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    tooltipOpened = _useState2[0],
-    setTooltipOpened = _useState2[1];
   var popOverRef = (0, _react.useRef)(false);
-  var onTooltipChanged = function onTooltipChanged(v) {
-    if (!popoverOpened) {
-      setTooltipOpened(v);
-    }
-  };
   var onPopoverChanged = function onPopoverChanged(v) {
-    setTooltipOpened(false);
     _setPopoverOpened(v);
     toggleLayoutBarLock(v);
     popOverRef.current = v;

package/lib/modules/action-bar/components/more/poppover-content.js

@@ -128,7 +128,7 @@ var Chat = (0, _mobxReact.observer)(function (props) {
 });
 
 // See ../record/index.tsx.
-var Record = (0, _mobxReact.observer)(function (props) {
+var Record = (0, _mobxReact.observer)(function () {
   var t = (0, _i18n.useI18n)();
   var _useContext5 = (0, _react.useContext)(_store2.ActionBarContext),
     hasStartCloudRecordingPermission = _useContext5.hasStartCloudRecordingPermission,
@@ -208,7 +208,7 @@ var Record = (0, _mobxReact.observer)(function (props) {
     })]
   });
 });
-var Board = (0, _mobxReact.observer)(function (props) {
+var Board = (0, _mobxReact.observer)(function () {
   var t = (0, _i18n.useI18n)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "fcr-more-popover-content__group-item contain-icon",
@@ -220,8 +220,7 @@ var Board = (0, _mobxReact.observer)(function (props) {
     })]
   });
 });
-var BreakoutRoom = (0, _mobxReact.observer)(function (props) {
-  var t = (0, _i18n.useI18n)();
+var BreakoutRoom = (0, _mobxReact.observer)(function () {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "fcr-more-popover-content__group-item contain-icon",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
@@ -232,8 +231,7 @@ var BreakoutRoom = (0, _mobxReact.observer)(function (props) {
     })]
   });
 });
-var Respond = (0, _mobxReact.observer)(function (props) {
-  var t = (0, _i18n.useI18n)();
+var Respond = (0, _mobxReact.observer)(function () {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "fcr-more-popover-content__group-item contain-icon",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
@@ -264,10 +262,9 @@ var LiveStreaming = (0, _mobxReact.observer)(function (props) {
     })]
   });
 });
-var Apps = (0, _mobxReact.observer)(function (props) {
+var Apps = (0, _mobxReact.observer)(function () {
   var _useContext7 = (0, _react.useContext)(_store2.ActionBarContext),
     switchMenu = _useContext7.switchMenu;
-  var transI18n = (0, _i18n.useI18n)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "fcr-more-popover-content__group-item contain-icon",
     onClick: function onClick() {
@@ -281,7 +278,7 @@ var Apps = (0, _mobxReact.observer)(function (props) {
     })]
   });
 });
-var TriggerSubscribeLanguage = (0, _mobxReact.observer)(function (props) {
+var TriggerSubscribeLanguage = (0, _mobxReact.observer)(function () {
   var _useContext8 = (0, _react.useContext)(_store2.ActionBarContext),
     switchMenu = _useContext8.switchMenu;
   var transI18n = (0, _i18n.useI18n)();

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

@@ -35,21 +35,13 @@ var Participants = exports.Participants = (0, _mobxReact.observer)(function (_re
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     tooltipVisible = _useState2[0],
     setTooltipVisible = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    dialogTooltipVisible = _useState4[0],
-    setDialogTooltipVisible = _useState4[1];
   var title = transI18n('fmt_screenshare_controlbar_button_participant');
   var tooltip = transI18n('fmt_screenshare_controlbar_button_participant');
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
     mouseEnterDelay: 0,
     visible: tooltipVisible,
     onVisibleChange: function onVisibleChange(visible) {
-      if (dialogTooltipVisible) {
-        setTooltipVisible(false);
-      } else {
-        setTooltipVisible(visible);
-      }
+      setTooltipVisible(visible);
     },
     content: tooltip,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/modules/action-bar/components/screen-share/index.js

@@ -43,10 +43,6 @@ var ScreenShare = exports.ScreenShare = (0, _mobxReact.observer)(function (_ref)
     setMenuVisible(false);
     setTooltipVisible(false);
   }, [hasStartScreenSharePermission]);
-  function hanldeSubMenuClick() {
-    setMenuVisible(false);
-    setTooltipVisible(false);
-  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
     mouseEnterDelay: 0,
     onVisibleChange: function onVisibleChange() {

package/lib/modules/action-bar/components/screen-share/submenu.js

@@ -55,7 +55,8 @@ var SubMenu = exports.SubMenu = (0, _mobxReact.observer)(function () {
     hasStopScreenSharePermission = _useContext.hasStopScreenSharePermission,
     closeShareScreen = _useContext.closeShareScreen,
     checkedStateMap = _useContext.checkedStateMap,
-    setCheckedStateMap = _useContext.setCheckedStateMap;
+    setCheckedStateMap = _useContext.setCheckedStateMap,
+    setAllowAnnotation = _useContext.setAllowAnnotation;
   var t = (0, _i18n.useI18n)();
   var hasHostPermission = [_fcrCore.FcrUserRole.HOST, _fcrCore.FcrUserRole.COHOST].includes(localUserRole);
   var hasBoardControlPermission = boardOwnerUser && localUserId !== boardOwnerUser.userId && hasCloseWriteBoardPermission;
@@ -128,16 +129,16 @@ var SubMenu = exports.SubMenu = (0, _mobxReact.observer)(function () {
     classNames: 'fcr-checkbox-overlay-style'
   }, {
     title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-      checked: checkedStateMap.shareWhiteboard,
-      label: t('fmt_screenshare_options_editable'),
+      checked: checkedStateMap.allowAnnotationWriteState,
+      label: t('fmt_security_mainwindow_label_interactive_annotations'),
       styleType: "white"
     }),
-    key: 'enable_whiteboard',
+    key: 'enable_annotations',
     onButtonClick: function onButtonClick() {
       setCheckedStateMap(_objectSpread(_objectSpread({}, checkedStateMap), {
-        shareWhiteboard: !checkedStateMap.shareWhiteboard
+        shareWhiteboard: !checkedStateMap.allowAnnotationWriteState
       }));
-      setAllowWriteBoard(!checkedStateMap.shareWhiteboard);
+      setAllowAnnotation(!checkedStateMap.allowAnnotationWriteState);
     },
     classNames: 'fcr-checkbox-overlay-style'
   }];

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

@@ -319,3 +319,10 @@ html {
 .fcr-drop-menu-option-primary-no-hover:hover {
   background: transparent;
 }
+
+.fcr-screenshare-continue-share p {
+  min-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

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

@@ -18,6 +18,7 @@ import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-dat
 import { FcrUIWidgetProvider } from '../../providers/widget-provider';
 import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
 import { FcrUISecuritySharedDataSource } from '../../shared-data-source/security-data';
+import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
 export declare class FcrActionBarUIModule extends UIModule {
     private _store?;
     private _deviceControlStore?;
@@ -43,6 +44,7 @@ export declare class FcrActionBarUIModule extends UIModule {
     widgetProvider?: FcrUIWidgetProvider;
     abilityProvider?: FcrUIAbilityProviderImpl;
     sharedSecuritySharedDataSource?: FcrUISecuritySharedDataSource;
+    sharedScreenShareSharedDataSource?: FcrUIScreenShareSharedDataSource;
     onNodeWillActive(): void;
     onNodeWillInactive(): void;
     getComponent(): import("react/jsx-runtime").JSX.Element;

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

@@ -68,6 +68,7 @@ var FcrActionBarUIModule = exports.FcrActionBarUIModule = /*#__PURE__*/function
         sharedMemberDataSource: this.sharedMemberDataSource,
         widgetProvider: this.widgetProvider,
         sharedSecuritySharedDataSource: this.sharedSecuritySharedDataSource,
+        sharedScreenShareSharedDataSource: this.sharedScreenShareSharedDataSource,
         abilityProvider: this.abilityProvider
       });
       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);

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

@@ -25,6 +25,7 @@ import { FcrUISharedDevicePrivilegeDataSource } from '../../shared-data-source/d
 import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
 import { FcrUIWidgetProvider } from '../../providers/widget-provider';
 import { FcrSecurityCheckedStateType, FcrUISecuritySharedDataSource } from '../../shared-data-source/security-data';
+import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
 import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
 export declare enum AudioConnectType {
     NONE = 0,
@@ -57,6 +58,7 @@ export default class ActionBarStore {
     private _roomType;
     private _widgetProvider;
     private _sharedSecuritySharedDataSource;
+    private _sharedScreenShareSharedDataSource;
     private _abilityProvider;
     private _userObserver;
     private _roomObserver;
@@ -66,8 +68,6 @@ export default class ActionBarStore {
     private _openedDialogIdMap;
     private _newMessageTooltipTimer;
     private _hideBarArrowTimer;
-    private _sharingOwnerUser;
-    private _participantTab;
     private _streamObserver;
     private _interpreterProviderObserver;
     accessor newMessageTooltipVisible: boolean;
@@ -106,6 +106,7 @@ export default class ActionBarStore {
         sharedMemberDataSource: FcrUIMemberSharedDataSource;
         widgetProvider: FcrUIWidgetProvider;
         sharedSecuritySharedDataSource: FcrUISecuritySharedDataSource;
+        sharedScreenShareSharedDataSource: FcrUIScreenShareSharedDataSource;
         abilityProvider: FcrUIAbilityProviderImpl;
     });
     get checkedStateMap(): FcrSecurityCheckedStateType;
@@ -127,8 +128,8 @@ export default class ActionBarStore {
     get isNewWaitingRoomUserEnter(): boolean;
     get privilegeProvider(): FcrUIPrivilegeProvider;
     get asideLayout(): import("../../type").FcrUIUpdateAsideParams;
-    get chatRenderAt(): "aside" | "dialog";
-    get participantsRenderAt(): "aside" | "dialog";
+    get chatRenderAt(): "dialog" | "aside";
+    get participantsRenderAt(): "dialog" | "aside";
     get participantVisible(): boolean | undefined;
     get chatVisible(): boolean | undefined;
     get remoteUsers(): FcrUserInfo[];
@@ -182,6 +183,7 @@ export default class ActionBarStore {
     isAllowJoinWithAudioEnabled(): boolean;
     enableMicrophone(enable: boolean): void;
     setAllowWriteBoard(state: boolean): void;
+    setAllowAnnotation(state: boolean): void;
     setAllowScreenShare(state: boolean): void;
     setPopoverOpened(isShow: boolean): void;
     setStateBarLeaveMeeting(isShow: boolean): void;

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

@@ -28,7 +28,6 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.array.reduce.js");
 require("core-js/modules/es.array.some.js");
-require("core-js/modules/es.date.to-string.js");
 require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
@@ -156,8 +155,6 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "_openedDialogIdMap", new Map());
     (0, _defineProperty2["default"])(this, "_newMessageTooltipTimer", null);
     (0, _defineProperty2["default"])(this, "_hideBarArrowTimer", null);
-    (0, _defineProperty2["default"])(this, "_sharingOwnerUser", undefined);
-    (0, _defineProperty2["default"])(this, "_participantTab", _type6.FcrRoomType.Mainroom);
     (0, _defineProperty2["default"])(this, "_streamObserver", {
       onStreamsAdded: this._handleStreamsAddedOrUpdated,
       onStreamsUpdated: this._handleStreamsAddedOrUpdated,
@@ -201,6 +198,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     this._sharedMemberDataSource = args.sharedMemberDataSource;
     this._widgetProvider = args.widgetProvider;
     this._sharedSecuritySharedDataSource = args.sharedSecuritySharedDataSource;
+    this._sharedScreenShareSharedDataSource = args.sharedScreenShareSharedDataSource;
     this._abilityProvider = args.abilityProvider;
     this._streamControl = args.roomControl.getStreamControl();
     this._userControl = this._roomControl.getUserControl();
@@ -538,7 +536,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "sharingOwnerUser",
     get: function get() {
-      return this._screenShareProvider.screenSharingOwner;
+      return this._sharedScreenShareSharedDataSource.screenSharingOwner;
     }
   }, {
     key: "hasEnableStartScreenSharePermission",
@@ -640,7 +638,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "isBoardWriteEnabled",
     get: function get() {
-      return this._privilegeProvider.allowBoardWrite();
+      return this._privilegeProvider.allowBoardWriteState();
     }
   }, {
     key: "isWaterMarkEnabled",
@@ -792,6 +790,11 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     value: function setAllowWriteBoard(state) {
       this._privilegeProvider.setAllowWriteBoard(state);
     }
+  }, {
+    key: "setAllowAnnotation",
+    value: function setAllowAnnotation(state) {
+      this._privilegeProvider.setAllowWriteBoard(state);
+    }
   }, {
     key: "setAllowScreenShare",
     value: function setAllowScreenShare(state) {
@@ -995,10 +998,8 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "startScreenShare",
     value: function startScreenShare() {
-      console.log('performance: click button', new Date().getTime());
-      // if (!this._interceptShareBoard()) return;
       if (!this._interceptShareScreen()) return;
-      this._eventProvider.startShareScreen();
+      this._screenShareProvider.bootstrap();
     }
   }, {
     key: "openInterpreterDialog",
@@ -1201,10 +1202,13 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
             reason1: ((_this$sharingOwnerUse3 = this.sharingOwnerUser) === null || _this$sharingOwnerUse3 === void 0 ? void 0 : _this$sharingOwnerUse3.userName) || (0, _i18n.transI18n)('fmt_actionbar_screenshare_labels_others')
           }),
           okText: (0, _i18n.transI18n)('fmt_screenshare_continue_share'),
+          okButtonProps: {
+            className: 'fcr-screenshare-continue-share'
+          },
           closable: false,
           alignCenter: true,
           onOk: function onOk() {
-            _this5._eventProvider.startShareScreen();
+            _this5._screenShareProvider.bootstrap();
             _this5._dialogProvider.closeConfirm(confirmKey);
           },
           onCancel: function onCancel() {
@@ -1229,7 +1233,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
           closable: false,
           showCancel: false,
           onOk: function onOk() {
-            _this6._eventProvider.startShareScreen();
+            _this6._screenShareProvider.bootstrap();
             _this6._dialogProvider.closeDialog(confirmKey);
           },
           onCancel: function onCancel() {
@@ -1243,12 +1247,12 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     }
   }, {
     key: "_handleRemoteUsersJoined",
-    value: function _handleRemoteUsersJoined(roomId, events) {
+    value: function _handleRemoteUsersJoined(_roomId, _events) {
       this.hasOfflineUserExistence = this.getOfflineUserExistenceState();
     }
   }, {
     key: "_handleRemoteUsersLeft",
-    value: function _handleRemoteUsersLeft(roomId, events) {
+    value: function _handleRemoteUsersLeft(_roomId, _events) {
       this.hasOfflineUserExistence = this.getOfflineUserExistenceState();
     }
   }, {
@@ -1440,19 +1444,15 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     }()
   }, {
     key: "_handleCloudRecordingStateUpdated",
-    value: function _handleCloudRecordingStateUpdated(roomId, state) {
+    value: function _handleCloudRecordingStateUpdated(_roomId, state) {
       this.cloudRecordingState = state;
     }
   }, {
     key: "_handleStreamsAddedOrUpdated",
     value: function _handleStreamsAddedOrUpdated() {
-      var _this$_streamControl$;
       this.hasScreenShare = this._streamControl.getStreamList().some(function (stream) {
         return stream.videoSourceType === _type5.AgoraRteVideoSourceType.SCREEN;
       });
-      this._sharingOwnerUser = (_this$_streamControl$ = this._streamControl.getStreamList().find(function (stream) {
-        return stream.videoSourceType === _type5.AgoraRteVideoSourceType.SCREEN;
-      })) === null || _this$_streamControl$ === void 0 ? void 0 : _this$_streamControl$.owner;
     }
   }, {
     key: "setOutputLanguage",
@@ -1548,7 +1548,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     }
   }, {
     key: "_checkIsWidgetSupportedRole",
-    value: function _checkIsWidgetSupportedRole(widgetConfig, role) {
+    value: function _checkIsWidgetSupportedRole(widgetConfig, _role) {
       var _widgetConfig$support;
       if (!widgetConfig.supportedRoles || widgetConfig.supportedRoles.length === 0 || (_widgetConfig$support = widgetConfig.supportedRoles) !== null && _widgetConfig$support !== void 0 && _widgetConfig$support.includes(this.localUserRole)) {
         return true;
@@ -1558,7 +1558,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, "hasScreenShare"], [_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, "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"], [_handlerTraceScreenCaptureStateUpdateDecs, 18, "_handlerTraceScreenCaptureStateUpdate"], [_decorator.bound, 2, "setAllowWaterMark"], [_decorator.bound, 2, "setWaterMarkLineType"], [_decorator.bound, 2, "setAlllowChangeName"], [_decorator.bound, 2, "_onEvent"], [_operateWaitingRoomDecs, 18, "_operateWaitingRoom"], [_handleCloudRecordingStateUpdatedDecs, 18, "_handleCloudRecordingStateUpdated"], [_handleStreamsAddedOrUpdatedDecs, 18, "_handleStreamsAddedOrUpdated"], [_setOutputLanguageDecs, 18, "setOutputLanguage"], [_subscribeLanguageDecs, 18, "subscribeLanguage"], [_subscribeExtraOriginLanguageDecs, 18, "subscribeExtraOriginLanguage"], [_getOfflineUserExistenceStateDecs, 18, "getOfflineUserExistenceState"], [_openWidgetDecs, 18, "openWidget"], [_closeWidgetDecs, 18, "closeWidget"]], []).e, 17);
+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, "hasScreenShare"], [_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"], [_handlerTraceScreenCaptureStateUpdateDecs, 18, "_handlerTraceScreenCaptureStateUpdate"], [_decorator.bound, 2, "setAllowWaterMark"], [_decorator.bound, 2, "setWaterMarkLineType"], [_decorator.bound, 2, "setAlllowChangeName"], [_decorator.bound, 2, "_onEvent"], [_operateWaitingRoomDecs, 18, "_operateWaitingRoom"], [_handleCloudRecordingStateUpdatedDecs, 18, "_handleCloudRecordingStateUpdated"], [_handleStreamsAddedOrUpdatedDecs, 18, "_handleStreamsAddedOrUpdated"], [_setOutputLanguageDecs, 18, "setOutputLanguage"], [_subscribeLanguageDecs, 18, "subscribeLanguage"], [_subscribeExtraOriginLanguageDecs, 18, "subscribeExtraOriginLanguage"], [_getOfflineUserExistenceStateDecs, 18, "getOfflineUserExistenceState"], [_openWidgetDecs, 18, "openWidget"], [_closeWidgetDecs, 18, "closeWidget"]], []).e, 17);
 _init_newMessageTooltipVisible = _applyDecs$e[0];
 _init_totalWaitingRoomUser = _applyDecs$e[1];
 _init_liveStreamingState = _applyDecs$e[2];

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

@@ -57,7 +57,7 @@ var ToggleToolbarBtn = function ToggleToolbarBtn(_ref) {
     })
   });
 };
-var FcrActionBar = exports.FcrActionBar = (0, _mobxReact.observer)(function (props) {
+var FcrActionBar = exports.FcrActionBar = (0, _mobxReact.observer)(function () {
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     opened = _useState2[0],

package/lib/modules/annotation/components/control-bar/index.css

@@ -0,0 +1,48 @@
+.annotation-control-bar {
+  /* position: absolute;
+  top: 0;
+  left: 0; */
+  width: 100%;
+  height: 28px;
+  background-color: var(--fcr_web_ui_scene_fill2);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+  border-top: 2px solid var(--fcr_web_ui_scene_border1);
+  border-bottom: 4px solid var(--fcr_web_ui_scene_border1);
+  padding: 10px;
+}
+
+.annotation-control-bar-username {
+  margin-right: 10px;
+}
+
+.fcr-annotation-exit-draw-btn {
+  margin-left: 12px;
+}
+
+.fcr-annotation-exit-draw-btn p,
+.fcr-annotation-exit-draw-btn div {
+  min-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.annotation-control-bar-without-exit {
+  margin-left: 12px;
+  width: 20px;
+}
+
+.annotation-toolbar-btn {
+  margin-left: 0px !important;
+  width: 80px !important;
+}
+
+.annotation-toolbar-btn p {
+  width: 80px !important;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

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

@@ -0,0 +1,3 @@
+import './index.css';
+declare const FcrAnnotationControlBar: () => import("react/jsx-runtime").JSX.Element;
+export default FcrAnnotationControlBar;

package/lib/modules/annotation/components/control-bar/index.js

@@ -0,0 +1,101 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+require("./index.css");
+var _store = require("../../store");
+var _fcrCore = require("fcr-core");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _mobxReact = require("mobx-react");
+var _jsxRuntime = require("react/jsx-runtime");
+var FcrAnnotationControlBar = (0, _mobxReact.observer)(function () {
+  var _useContext = (0, _react.useContext)(_store.AnnotationStoreContext),
+    screenShareWindowData = _useContext.screenShareWindowData,
+    zoomIn = _useContext.zoomIn,
+    zoomOut = _useContext.zoomOut,
+    fullContainer = _useContext.fullContainer,
+    setOriginScalc = _useContext.setOriginScalc,
+    allowAnnotationWriteState = _useContext.allowAnnotationWriteState,
+    setToolsShow = _useContext.setToolsShow,
+    isShowToolbar = _useContext.isShowToolbar;
+  var transI18n = (0, _i18n.useI18n)();
+  var isMinimum = false;
+  var isMaxmum = false;
+  var isAdaptived = false;
+  var isOriginal = false;
+  var hasScreenSharing = screenShareWindowData && screenShareWindowData.videoSourceType === _fcrCore.FcrVideoSourceType.SCREEN;
+  var hasLoopbackAudioStream = hasScreenSharing && screenShareWindowData.hasLoopbackSharing && screenShareWindowData.hasMicrophoneAudioStream;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "annotation-control-bar",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "whiteboard-controlbar-left",
+      children: screenShareWindowData ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "annotation-control-bar-username",
+          children: [screenShareWindowData.userName, transI18n('fmt_uimanager_labels_sharing')]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+          type: !!hasLoopbackAudioStream ? _type.FcrIconType.FCR_DEVICEAUDIOON : _type.FcrIconType.FCR_DEVICEAUDIOOFF,
+          size: 22,
+          colors: {
+            iconPrimary: 'var(--fcr_ui_scene_ramp_green6)'
+          },
+          style: {
+            marginRight: '10px'
+          }
+        })]
+      }) : null
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "whiteboard-controlbar-center",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+        content: isMinimum ? transI18n('fmt_screenshare_whiteboard_tips_alreadyminumumsize') : transI18n('fmt_screenshare_whiteboard_button_narrow'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "whiteboard-controlbar-item",
+          onClick: zoomOut,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+            type: _type.FcrIconType.FCR_ZOOMOUT,
+            size: 22,
+            colors: {
+              iconPrimary: isMinimum ? 'gray' : 'var(--fcr_ui_scene_icontext1)'
+            }
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+        content: isMaxmum ? transI18n('fmt_screenshare_whiteboard_tips_alreadymaximumsize') : transI18n('fmt_screenshare_whiteboard_button_enlarge'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "whiteboard-controlbar-item",
+          onClick: zoomIn,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+            type: _type.FcrIconType.FCR_ZOOMIN,
+            size: 22,
+            colors: {
+              iconPrimary: isMaxmum ? 'gray' : 'var(--fcr_ui_scene_icontext1)'
+            }
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+        content: isOriginal ? transI18n('fmt_screenshare_tips_alreadyoriginalsize') : transI18n('fmt_screenshare_lables_originalsize'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "whiteboard-controlbar-item",
+          onClick: setOriginScalc,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+            type: _type.FcrIconType.FCR_EQUALRATIO,
+            size: 22,
+            colors: {
+              iconPrimary: isOriginal ? 'gray' : 'var(--fcr_ui_scene_icontext1)'
+            }
+          })
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "whiteboard-controlbar-right"
+    })]
+  });
+});
+var _default = exports["default"] = FcrAnnotationControlBar;

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

@@ -0,0 +1,3 @@
+export declare const AnnotationColorPanel: (props: {
+    onClick: (color: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/annotation/components/toolbar/components/color-tool/color-panel/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnnotationColorPanel = void 0;
+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 _type = require("agora-ui-foundation/lib/components/icon/type");
+var _item = require("../../item/item");
+var _panel = require("../../panel");
+var _mobxReact = require("mobx-react");
+var _store = require("../../../store");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+var AnnotationColorPanel = exports.AnnotationColorPanel = (0, _mobxReact.observer)(function (props) {
+  var onClick = props.onClick;
+  var _useContext = (0, _react.useContext)(_store.AnnotationToolbarContext),
+    _useContext$observabl = _useContext.observables,
+    colors = _useContext$observabl.colors,
+    currentColor = _useContext$observabl.currentColor;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_panel.AnnotationToolPanel, {
+    header: colors.map(function (color, index) {
+      return index < colors.length / 2 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
+        active: currentColor === color,
+        iconType: _type.FcrIconType.FCR_COLOR,
+        color: color,
+        lineColor: currentColor === color ? color : 'transparent',
+        onClick: onClick,
+        selected: currentColor === color
+      }, color);
+    }),
+    footer: colors.map(function (color, index) {
+      return index >= colors.length / 2 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
+        active: currentColor === color,
+        iconType: _type.FcrIconType.FCR_COLOR,
+        color: color,
+        lineColor: currentColor === color ? color : 'transparent',
+        onClick: onClick,
+        selected: currentColor === color
+      }, color);
+    })
+  });
+});

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

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