fcr-ui-scene 3.6.4-rc.1 → 3.7.0

package/lib/modules/components/security-menu/index.js

@@ -102,9 +102,6 @@ var SecurityMenu = (0, _mobxReact.observer)(function (props) {
       key: 'enable_waiting_room',
       type: 'primary',
       onButtonClick: function onButtonClick() {
-        setCheckedStateMap(_objectSpread(_objectSpread({}, checkedStateMap), {
-          enableWaitingRoom: !checkedStateMap.enableWaitingRoom
-        }));
         setEnableWaitingRoom(!checkedStateMap.enableWaitingRoom, true);
       }
     });
@@ -145,7 +142,9 @@ var SecurityMenu = (0, _mobxReact.observer)(function (props) {
             className: "room-control-options-watermark-btn ".concat(privilege.targetLoadingWatermarkLineTypeIsMulti ? '' : 'room-control-options-watermark-btn--active'),
             onClick: function onClick(e) {
               e.stopPropagation();
-              setAllowWaterMarkLine(isWaterMarkEnabled(), _type2.FcrLineType.SINGLE_ROW);
+              if (privilege.targetLoadingWatermarkLineTypeIsMulti) {
+                setAllowWaterMarkLine(isWaterMarkEnabled(), _type2.FcrLineType.SINGLE_ROW);
+              }
             },
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               className: "btn-label",
@@ -162,7 +161,9 @@ var SecurityMenu = (0, _mobxReact.observer)(function (props) {
             className: "room-control-options-watermark-btn ".concat(privilege.targetLoadingWatermarkLineTypeIsMulti ? 'room-control-options-watermark-btn--active' : ''),
             onClick: function onClick(e) {
               e.stopPropagation();
-              setAllowWaterMarkLine(isWaterMarkEnabled(), _type2.FcrLineType.MULTI_ROW);
+              if (!privilege.targetLoadingWatermarkLineTypeIsMulti) {
+                setAllowWaterMarkLine(isWaterMarkEnabled(), _type2.FcrLineType.MULTI_ROW);
+              }
             },
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               className: "btn-label",

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

@@ -14,6 +14,7 @@ var _annotationMenu = _interopRequireDefault(require("../../../components/annota
 var _react = require("react");
 var _mobxReact = require("mobx-react");
 var _store = require("../../store");
+var _view = require("../../view");
 var _jsxRuntime = require("react/jsx-runtime");
 var AnnotationButton = exports.AnnotationButton = (0, _mobxReact.observer)(function () {
   var transI18n = (0, _i18n.useI18n)();
@@ -21,13 +22,24 @@ var AnnotationButton = exports.AnnotationButton = (0, _mobxReact.observer)(funct
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
-  var _useContext = (0, _react.useContext)(_store.StoreContext),
-    toggleAnnotation = _useContext.toggleAnnotation,
-    hasAnnotationAllowWritePermission = _useContext.hasAnnotationAllowWritePermission,
-    allowAnnotationWriteState = _useContext.allowAnnotationWriteState,
-    setAllAnnotationWrite = _useContext.setAllAnnotationWrite,
-    isSharingScreen = _useContext.isSharingScreen,
-    log = _useContext.log;
+  var _useContext = (0, _react.useContext)(_view.ControlbarContext),
+    browserWindow = _useContext.browserWindow;
+  var _useContext2 = (0, _react.useContext)(_store.StoreContext),
+    toggleAnnotation = _useContext2.toggleAnnotation,
+    hasAnnotationAllowWritePermission = _useContext2.hasAnnotationAllowWritePermission,
+    allowAnnotationWriteState = _useContext2.allowAnnotationWriteState,
+    setAllAnnotationWrite = _useContext2.setAllAnnotationWrite,
+    isSharingScreen = _useContext2.isSharingScreen,
+    log = _useContext2.log;
+  var handleBlur = function handleBlur() {
+    setVisible(false);
+  };
+  (0, _react.useEffect)(function () {
+    browserWindow === null || browserWindow === void 0 || browserWindow.on('blur', handleBlur);
+    return function () {
+      browserWindow === null || browserWindow === void 0 || browserWindow.off('blur', handleBlur);
+    };
+  }, [browserWindow]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltipsButton.FrcTooltipButton, {
     active: visible,
     tooltip: {
@@ -53,7 +65,8 @@ var AnnotationButton = exports.AnnotationButton = (0, _mobxReact.observer)(funct
       }),
       onVisibleChange: function onVisibleChange(visible) {
         setVisible(visible);
-      }
+      },
+      visible: visible
     }
   });
 });

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

@@ -24,6 +24,12 @@
   width: 100%;
 }
 
+.leave-room-dialog-content > button {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
 .share-action-nav__popover-inner-content {
   position: relative;
 }
@@ -40,6 +46,13 @@
   color: var(--fcr_ui_scene_ramp_red6);
 }
 
+.share-action-nav__popover-inner-content
+  .share-action-nav__popover-inner-content-leave-option
+  .share-action-nav__popover-option:hover
+  path {
+  fill: var(--fcr_ui_scene_ramp_red6);
+}
+
 .share-action-nav__popover-inner-content
   .share-action-nav__popover-inner-content-leave-option
   .share-action-nav__popover-option:hover {

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

@@ -62,7 +62,7 @@ var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(f
     (0, _copyText.copyText)(roomDetailCopyText).then(function () {
       showToast({
         type: 'info',
-        content: transI18n('fmt_statusbar_status_coppied')
+        content: transI18n('fmt_meeting_mainwindow_topbar_left_popup_toast_copy_done')
       });
     });
   }, []);

package/lib/modules/control-bar/components/share-audio/index.css

@@ -0,0 +1,90 @@
+.share-audio-checkbox {
+  display: flex;
+  flex-direction: row;
+  gap: 0;
+}
+
+.share-audio-action-button {
+  height: 36px;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: center;
+}
+
+.share-selectrion .fcr-checkbox-label {
+  color: var(--fcr_ui_scene_icontext1);
+}
+.share-audio-popover {
+  /* background-color: var(--fcr_mobile_ui_scene_color_popup_fill2); */
+}
+.share-audio-popover .fcr-tooltip-content {
+  border: 0.5px solid var(--fcr_ui_scene_line1);
+  border-radius: var(--fcr_cornerradius_l);
+  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
+}
+.share-audio-popover .fcr-radio:hover {
+  background-color: var(--fcr_web_ui_scene_hover);
+}
+
+.share-audio-popover .fcr-radio:hover .fcr-radio-label {
+  color: var(--fcr_web_ui_scene_mainicon2);
+}
+
+.share-audio-popover .fcr-radio {
+  width: 100%;
+  border-radius: 4px;
+  height: 32px;
+  display: flex;
+  color: var(--fcr_ui_scene_icontext1);
+  align-items: center;
+  gap: 8px;
+  padding: 6px;
+  box-sizing: border-box;
+}
+
+.share-audio-popover .fcr-radio-transparent .fcr-radio-label {
+  color: var(--fcr_ui_scene_icontext1);
+  font-weight: 400;
+}
+
+.share-audio-popover .share-audio-options svg {
+  width: 14px;
+  height: 14px;
+}
+
+.share-audio-popover .share-audio-options .fcr-radio-transparent:hover path {
+  fill: var(--fcr_ui_scene_ramp_brand6);
+}
+
+.share-audio-popover .fcr-radio-transparent:hover .fcr-radio-label,
+.share-audio-popover .fcr-radio-transparent:hover .radio-label-normal {
+  color: var(--fcr_web_ui_scene_mainicon2);
+}
+
+/* .share-audio-popover
+  .fcr-radio-transparent
+  .fcr-radio-input-wrapper:has(> input:checked)
+  ~ .fcr-radio-label {
+  color: var(--fcr_web_ui_scene_mainicon2);
+} */
+
+.share-audio-popover
+  .fcr-radio-transparent
+  .share-audio-popover
+  .fcr-radio:hover
+  .fcr-radio-input-wrapper
+  > input:checked
+  ~ .fcr-radio-inner
+  svg
+  path {
+  fill: var(--fcr_web_ui_scene_mainicon2);
+}
+
+/* .radio-label-active {
+  color: var(--fcr_web_ui_scene_mainicon2);
+}
+.radio-label-normal {
+  color: var(--fcr_ui_scene_icontext1);
+} */

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

@@ -0,0 +1,15 @@
+import './index.css';
+import { BrowserWindow } from 'electron';
+export declare enum AudioProcessingChannel {
+    MONO = "1",
+    STEREO = "2"
+}
+export interface ShareAudioProps {
+    shareWithAudio: boolean;
+    currentAudioChannel?: AudioProcessingChannel;
+    onSwitchAudioChannel?: (target: AudioProcessingChannel) => void;
+    toggleShareWithAudio?: (target: boolean) => void;
+    showInfoTip?: boolean;
+    browserWindow: BrowserWindow;
+}
+export declare const ShareAudio: (props: ShareAudioProps) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/control-bar/components/share-audio/index.js

@@ -0,0 +1,173 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.weak-map.delete-all.js");
+require("core-js/modules/esnext.weak-map.emplace.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShareAudio = exports.AudioProcessingChannel = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+require("./index.css");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
+var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
+var _popover = require("agora-ui-foundation/lib/components/popover");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _radio = require("agora-ui-foundation/lib/components/radio");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var AudioProcessingChannel = exports.AudioProcessingChannel = /*#__PURE__*/function (AudioProcessingChannel) {
+  AudioProcessingChannel["MONO"] = "1";
+  AudioProcessingChannel["STEREO"] = "2";
+  return AudioProcessingChannel;
+}({});
+var ShareAudio = exports.ShareAudio = function ShareAudio(props) {
+  var t = (0, _i18n.useI18n)();
+  var shareWithAudio = props.shareWithAudio,
+    _props$currentAudioCh = props.currentAudioChannel,
+    currentAudioChannel = _props$currentAudioCh === void 0 ? AudioProcessingChannel.MONO : _props$currentAudioCh,
+    toggleShareWithAudio = props.toggleShareWithAudio,
+    _props$showInfoTip = props.showInfoTip,
+    showInfoTip = _props$showInfoTip === void 0 ? false : _props$showInfoTip,
+    browserWindow = props.browserWindow;
+  var _React$useState = _react["default"].useState(false),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    popoverVisible = _React$useState2[0],
+    setVisible = _React$useState2[1];
+  var handlerVisibleChange = function handlerVisibleChange(visible) {
+    setVisible(visible);
+  };
+  function handleBlur(event) {
+    setVisible(false);
+  }
+  (0, _react.useEffect)(function () {
+    browserWindow.on('blur', handleBlur);
+    return function () {
+      browserWindow.off('blur', handleBlur);
+    };
+  }, []);
+  var shareAudioTips = (0, _react.useMemo)(function () {
+    if (!shareWithAudio) {
+      return t('fmt_screenshare_window_checkbox_shareAudio');
+    }
+    if (currentAudioChannel === AudioProcessingChannel.STEREO) {
+      return t('fmt_uimanager_option_dualchannel');
+    }
+    return t('fmt_uimanager_option_Sharedmono');
+  }, [shareWithAudio, currentAudioChannel]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "share-audio-checkbox",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+      content: shareAudioTips,
+      trigger: "hover",
+      placement: "top",
+      mouseEnterDelay: 0,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "share-audio-action-button share-selectrion",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+          checked: shareWithAudio,
+          label: t('fmt_screenshare_window_checkbox_shareAudio'),
+          styleType: "brand",
+          onChange: toggleShareWithAudio
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
+      overlayClassName: "share-audio-popover",
+      overlayInnerStyle: {
+        border: 0,
+        boxShadow: 'var(--fcr_web_light_dropup_m)',
+        borderRadius: 'var(--fcr_cornerradius_l)',
+        padding: '4px 6px'
+      },
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(ShareAudioOptions, _objectSpread({}, props)),
+      trigger: "click",
+      visible: popoverVisible,
+      onVisibleChange: handlerVisibleChange,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "share-audio-action-button share-selectrion",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+          type: popoverVisible ? _type.FcrIconType.FCR_DROPUP4 : _type.FcrIconType.FCR_DROPDOWN4,
+          size: 24,
+          colors: {
+            iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
+          }
+        })
+      })
+    }), showInfoTip ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+      mouseEnterDelay: 0,
+      trigger: "hover",
+      placement: "top",
+      content: t('fmt_screenshare_tips_share_pc_sound'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        style: {
+          marginLeft: '6px'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+          type: _type.FcrIconType.FCR_EXCLAMATIONMASK,
+          size: 20,
+          colors: {
+            iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+          }
+        })
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {})]
+  });
+};
+var ShareAudioOptions = function ShareAudioOptions(props) {
+  var _props$onSwitchAudioC = props.onSwitchAudioChannel,
+    onSwitchAudioChannel = _props$onSwitchAudioC === void 0 ? function () {} : _props$onSwitchAudioC,
+    _props$currentAudioCh2 = props.currentAudioChannel,
+    currentAudioChannel = _props$currentAudioCh2 === void 0 ? AudioProcessingChannel.MONO : _props$currentAudioCh2;
+  var t = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "share-audio-options share-audio-not-draggable",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadioGroup, {
+      defaultValue: currentAudioChannel,
+      options: [{
+        label: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: currentAudioChannel === AudioProcessingChannel.MONO ? 'radio-label-active' : 'radio-label-normal',
+          children: t('fmt_uimanager_option_Monochannel')
+        }),
+        value: AudioProcessingChannel.MONO,
+        iconColor: 'var(--fcr_ui_scene_icontext1)',
+        styleType: 'transparent'
+      }, {
+        label: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: currentAudioChannel === AudioProcessingChannel.STEREO ? 'radio-label-active' : 'radio-label-normal',
+          children: t('fmt_uimanager_option_Stereo')
+        }),
+        value: AudioProcessingChannel.STEREO,
+        iconColor: 'var(--fcr_ui_scene_icontext1)',
+        styleType: 'transparent'
+      }],
+      onChange: function onChange(value) {
+        onSwitchAudioChannel(value);
+      }
+    })
+  });
+};

package/lib/modules/control-bar/components/share-state-nav/index.css

@@ -72,3 +72,8 @@
     opacity: 1;
   }
 }
+
+.share-state-nav__meeting-scenario-type {
+  display: flex;
+  align-items: center;
+}

package/lib/modules/control-bar/components/share-state-nav/index.js

@@ -45,7 +45,8 @@ var ShareStateNav = exports.ShareStateNav = (0, _mobxReact.observer)(function (p
   var _useContext = (0, _react.useContext)(_store.StoreContext),
     isMuteAudio = _useContext.isMuteAudio,
     cloudRecordingState = _useContext.cloudRecordingState,
-    meetingTime = _useContext.meetingTime;
+    meetingTime = _useContext.meetingTime,
+    isCurrentScreenShareInSmoothType = _useContext.isCurrentScreenShareInSmoothType;
   var transI18n = (0, _i18n.useI18n)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "share-state-nav fcr-flex fcr-items-center \n                 fcr-justify-center share-action-nav__can-draggable \n                ".concat(currentPosition === _enums.TransferPosition.TOP ? 'share-state-nav-top' : 'share-state-nav-bottom'),
@@ -55,7 +56,18 @@ var ShareStateNav = exports.ShareStateNav = (0, _mobxReact.observer)(function (p
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "share-state-nav__state-text",
       children: transI18n('fmt_settings_tips_sharing')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+    }), isCurrentScreenShareInSmoothType ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "share-state-nav__meeting-scenario-type",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        type: _type.FcrIconType.FCR_HOME_QUICKSTART,
+        size: 20,
+        colors: {
+          iconPrimary: 'var(--fcr_ui_scene_black8)'
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: transI18n('fmt_uimanager_option_Fluencypriority')
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
       trigger: "hover",
       mouseEnterDelay: 0,
       content: isMuteAudio ? transI18n('fmt_popup_label_muted') : transI18n('fmt_popup_label_turnedon'),

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

@@ -20,6 +20,7 @@ import { FcrUISecuritySharedDataSource } from '../../shared-data-source/security
 import { FcrUIAnnotationProvider } from '../../providers/annotation-provider';
 import { FcrUISharingProvider } from '../../providers/sharing-provider';
 import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
+import { FcrUISharedConfirmDataSource } from '../../shared-data-source/confirm-data';
 export declare class ControlBarUIModule extends UIModule {
     private _store?;
     private _deviceControlStore?;
@@ -45,6 +46,7 @@ export declare class ControlBarUIModule extends UIModule {
     annotationProvider?: FcrUIAnnotationProvider;
     sharingProvider?: FcrUISharingProvider;
     sharedScreenShareSharedDataSource?: FcrUIScreenShareSharedDataSource;
+    sharedConfirmDataSource?: FcrUISharedConfirmDataSource;
     onNodeWillActive(): void;
     onNodeWillInactive(): void;
     getComponent(props: {

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

@@ -60,7 +60,8 @@ var ControlBarUIModule = exports.ControlBarUIModule = /*#__PURE__*/function (_UI
         sharingProvider: this.sharingProvider,
         screenShareProvider: this.screenShareProvider,
         sharedScreenShareSharedDataSource: this.sharedScreenShareSharedDataSource,
-        dialogProvider: this.dialogProvider
+        dialogProvider: this.dialogProvider,
+        sharedConfirmDataSource: this.sharedConfirmDataSource
       });
       this.privilegeProvider = this.privilegeProvider;
       this.screenShareProvider = this.screenShareProvider;
@@ -93,6 +94,13 @@ var ControlBarUIModule = exports.ControlBarUIModule = /*#__PURE__*/function (_UI
         case _constant.FcrUIRendererEventAction.POWER_MONITOR_LOCK_SCREEN:
           this._store.handlerStopShare();
           break;
+        case _constant.FcrUIRendererEventAction.POWER_MONITOR_RESUME:
+          this._store.handlerStopShare();
+          break;
+        case _constant.FcrUIRendererEventAction.FRAGMENT_ANNOTATION_ENGINE_STATE:
+          this.logger.info("[control-bar] fragment-annotation-engine-state, ".concat(event.payload));
+          this._store.setFragmentEngineState(event.payload);
+          break;
       }
     }
   }]);

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

@@ -1,7 +1,7 @@
 import { AgoraRtcScreenCaptureType, AgoraRtcWindowInfo } from 'agora-rte-sdk/lib/core/rtc/type';
 import { AudioProcessingChannel } from 'agora-ui-foundation/lib/components/room-screen-share-state-bar/share-audio';
 import { FcrMainRoomControl } from 'fcr-core/lib/room-control/type';
-import { FcrLiveStreamingState, FcrRecordingState, FcrRoomInfo } from 'fcr-core/lib/type';
+import { FcrConnectionState, FcrLiveStreamingState, FcrRecordingState, FcrRoomInfo } from 'fcr-core/lib/type';
 import { FcrUIEventProvider } from '../../providers/event-provider';
 import { FcrUIPrivilegeProvider } from '../../providers/privilege-provider';
 import { FcrUIDeviceProvider } from '../../providers/device-provider';
@@ -14,7 +14,6 @@ import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-dat
 import { FcrUILocalStorageProvider } from '../../providers/local-storage-provider';
 import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
 import { FcrUIMeetingTimeSharedDataSource } from '../../shared-data-source/meeting-time';
-import { CurrentShareScreenWorkArea } from '../../utilities/tools';
 import { FcrUIMessageProvider } from '../../providers/message-provider';
 import { FcrSecurityCheckedStateType, FcrUISecuritySharedDataSource } from '../../shared-data-source/security-data';
 import { FcrUIAnnotationProvider } from '../../providers/annotation-provider';
@@ -22,6 +21,8 @@ import { FcrUISharingProvider } from '../../providers/sharing-provider';
 import { FcrUIScreenShareProvider } from '../../providers/screen-share-provider';
 import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
 import { FcrUIDialogProvider } from '../../providers/dialog-provider';
+import { CurrentShareScreenWorkArea } from '../../utilities/dialog-utils';
+import { FcrUISharedConfirmDataSource } from '../../shared-data-source/confirm-data';
 export default class ControlBarStore {
     protected logger: import("agora-foundation/lib/logger").Logger;
     private _screenBounds;
@@ -36,6 +37,7 @@ export default class ControlBarStore {
     private _liveStreamingDialogKey;
     private _sharedLayoutDataSource;
     private _sharedMemberDataSource;
+    private _sharedConfirmDataSource;
     private _deviceProvider;
     private _localStorageProvider;
     private _abilityProvider;
@@ -63,6 +65,7 @@ export default class ControlBarStore {
     accessor hiddenShareActionNav: boolean;
     accessor boardOwnerUser: string;
     accessor currentShareDisplayId: number;
+    accessor fragmentEngineState: FcrConnectionState;
     isAnnotationSupported(): boolean;
     get shareWithAudio(): boolean;
     get currentShareId(): string;
@@ -86,7 +89,7 @@ export default class ControlBarStore {
     get hasAssignHostBeforeLeavingPermission(): boolean;
     get hasEndRoomPermission(): boolean;
     get hasAnnotationAllowWritePermission(): boolean;
-    get hasAnnotationStartPermission(): boolean;
+    get hasAnnotationWritePermission(): boolean;
     get allowAnnotationWriteState(): boolean;
     get totalHourText(): string;
     get totalMinuteText(): string;
@@ -97,8 +100,9 @@ export default class ControlBarStore {
     set newMessageCount(value: import("../action-bar/types").ChatRoomStoreMap);
     get isRoomDetailSupported(): boolean;
     get meetingTimeKey(): string;
-    get roomId(): string | undefined;
-    get meetingId(): string | undefined;
+    get roomId(): string;
+    get meetingId(): string;
+    get isCurrentScreenShareInSmoothType(): boolean;
     get scheduleInfo(): import("fcr-core/lib/type").FcrRoomSchedule | undefined;
     get isPstnUser(): boolean;
     get localUserRole(): import("fcr-core").FcrUserRole;
@@ -106,8 +110,11 @@ export default class ControlBarStore {
     get shareAudioProcessingChannel(): AudioProcessingChannel;
     get checkedStateMap(): FcrSecurityCheckedStateType;
     get isSharingScreen(): boolean;
-    get isReplaceScreen(): boolean;
-    constructor({ uiEventStore, securityStore, roomControl, deviceProvider, sharedLayoutDataSource, roomProvider, sharedChatDataSource, sharedMemberDataSource, localStorageProvider, abilityProvider, sharedMeetingTimeDataSource, messageProvider, sharedSecuritySharedDataSource, annotationProvider, sharingProvider, screenShareProvider, sharedScreenShareSharedDataSource, dialogProvider, }: {
+    get mousePosition(): {
+        x: number;
+        y: number;
+    };
+    constructor({ uiEventStore, securityStore, roomControl, deviceProvider, sharedLayoutDataSource, roomProvider, sharedChatDataSource, sharedMemberDataSource, localStorageProvider, abilityProvider, sharedMeetingTimeDataSource, messageProvider, sharedSecuritySharedDataSource, annotationProvider, sharingProvider, screenShareProvider, sharedScreenShareSharedDataSource, dialogProvider, sharedConfirmDataSource, }: {
         uiEventStore: FcrUIEventProvider;
         securityStore: FcrUIPrivilegeProvider;
         roomControl: FcrMainRoomControl;
@@ -126,6 +133,7 @@ export default class ControlBarStore {
         screenShareProvider: FcrUIScreenShareProvider;
         sharedScreenShareSharedDataSource: FcrUIScreenShareSharedDataSource;
         dialogProvider: FcrUIDialogProvider;
+        sharedConfirmDataSource: FcrUISharedConfirmDataSource;
     });
     setCheckedStateMap(val: FcrSecurityCheckedStateType): void;
     setShareWithAudioState(withAudio: boolean): void;
@@ -133,6 +141,7 @@ export default class ControlBarStore {
     createNewShare(): void;
     handlerStopShare(): void;
     setShareAudioProcessingChannel(target: AudioProcessingChannel): void;
+    setFragmentEngineState(state: FcrConnectionState): void;
     handleMoreClick(actionKey: MoreAction): void;
     openLiveStreamingDialog(): void;
     pauseCloudRecording(): void;