fcr-ui-scene 3.3.1 → 3.4.1

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

@@ -215,6 +215,12 @@ var ControlBar = exports.ControlBar = /*#__PURE__*/function (_BaseFragment) {
         case _constant.RendererEventAction.SET_IS_PSTN_USER:
           this._store.setIsPstnUser(payload);
           break;
+        case _constant.RendererEventAction.SET_IS_MULTI:
+          this._store.setIsMulti(payload);
+          break;
+        case _constant.RendererEventAction.SET_CONTRL_IS_WATERMARK_ENABLE:
+          this._store.setWaterMarkEnabled(payload);
+          break;
       }
     }
   }]);

package/lib/fragments/control-bar/more-actions/index.js

@@ -23,7 +23,7 @@ var _react = require("react");
 var _constant = require("../../../utilities/constant");
 var _context = require("../context");
 require("./index.css");
-var _type2 = require("agora-edu-core/lib/type");
+var _type2 = require("fcr-core/lib/type");
 var _copyText = require("../../../utilities/copyText");
 var _toast = require("agora-ui-foundation/lib/components/toast");
 var _i18n = require("agora-ui-foundation/lib/i18n");

package/lib/fragments/control-bar/security-content/index.css

@@ -32,3 +32,68 @@
 .fcr-drop-menu-option-primary:hover path {
   fill: var(--fcr_ui_scene_ramp_brand6);
 }
+
+.room-control-options-box {
+  display: flex;
+  justify-content: space-between;
+}
+.room-control-options-box .fcr-checkbox {
+  width: fit-content;
+}
+
+.room-control-options-watermark-btns {
+  min-width: 104px;
+  height: 24px;
+  display: flex;
+  background-color: var(--fcr_mobile_ui_scene_fill1);
+  align-items: center;
+  padding: 2px;
+}
+
+.room-control-options-watermark-btn {
+  min-width: 50px;
+  height: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: var(--fcr_ui_scene_icontext1);
+  font-size: 12px;
+  background-color: transparent;
+  padding: 0px 4px;
+  width: auto !important;
+}
+
+.security-content-more-dropdown .fcr-tooltip-inner {
+  min-width: 302px !important;
+  width: auto !important;
+}
+
+.security-content-more-dropdown .fcr-drop-menu-option {
+  width: auto !important;
+}
+
+.room-control-options-watermark-btn--active {
+  background-color: #ffffff;
+  color: var(--fcr_ui_scene_ramp_brand6);
+}
+
+.room-control-options-watermark-title-box {
+  display: flex;
+  align-items: center;
+  font-size: 13px;
+}
+
+.room-control-drop-with-under-line::after {
+  content: '';
+  position: absolute;
+  left: -10px;
+  right: -10px;
+  bottom: -12px;
+  border-top: 1px solid var(--fcr_ui_scene_line1);
+  margin: 8px 0;
+}
+
+.room-control-drop-disable {
+  opacity: 0.5;
+  cursor: not-allowed;
+}

package/lib/fragments/control-bar/security-content/index.js

@@ -17,6 +17,10 @@ var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
 require("./index.css");
 var _mobxReact = require("mobx-react");
 var _i18n = require("agora-ui-foundation/lib/i18n");
+var _type = require("fcr-core/lib/type");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type2 = require("agora-ui-foundation/lib/components/icon/type");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _jsxRuntime = require("react/jsx-runtime");
 var SecurityContent = exports.SecurityContent = (0, _mobxReact.observer)(function () {
   var _useContext = (0, _react.useContext)(_context.StoreContext),
@@ -41,9 +45,19 @@ var SecurityContent = exports.SecurityContent = (0, _mobxReact.observer)(functio
     hasAllowWriteBoardPermission = _useContext.hasAllowWriteBoardPermission,
     hasWaitingRoomPermission = _useContext.hasWaitingRoomPermission,
     updateWaitingRoomEnabled = _useContext.updateWaitingRoomEnabled,
-    isWaitingRoomEnabled = _useContext.isWaitingRoomEnabled;
+    isWaitingRoomEnabled = _useContext.isWaitingRoomEnabled,
+    isWaterMarkEnabled = _useContext.isWaterMarkEnabled,
+    hasWatermarkEnablePermission = _useContext.hasWatermarkEnablePermission,
+    hasWatermarkDisablePermission = _useContext.hasWatermarkDisablePermission,
+    isMulti = _useContext.isMulti,
+    setWaterMarkLineType = _useContext.setWaterMarkLineType,
+    setAllowWaterMark = _useContext.setAllowWaterMark;
   var transI18n = (0, _i18n.useI18n)();
   var allActions = [{
+    title: transI18n('fmt_security_setting_label_security_setting'),
+    key: 'meeting_security_title',
+    type: 'title'
+  }, {
     title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
       checked: isLockRoomEnabled,
       label: transI18n('fmt_screenshare_controlbar_security_list_lock'),
@@ -67,6 +81,56 @@ var SecurityContent = exports.SecurityContent = (0, _mobxReact.observer)(functio
       return updateWaitingRoomEnabled(!isWaitingRoomEnabled);
     },
     classNames: 'room-control-drop-with-under-line'
+  }, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "room-control-options-box",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "room-control-options-watermark-title-box",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+          checked: isWaterMarkEnabled,
+          label: transI18n('fmt_security_setting_mobile_label_watermark'),
+          styleType: "white"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+          mouseEnterDelay: 0,
+          trigger: "hover",
+          placement: "top",
+          content: transI18n('fmt_security_setting_popup_tip_watermark_voice_active_prioritized'),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+            style: {
+              marginLeft: '6px'
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+              type: _type2.FcrIconType.FCR_HELPQUESTION,
+              size: 16
+            })
+          })
+        })]
+      }), isWaterMarkEnabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "room-control-options-watermark-btns",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "room-control-options-watermark-btn ".concat(isMulti ? '' : 'room-control-options-watermark-btn--active'),
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            setWaterMarkLineType(_type.FcrLineType.SINGLE_ROW);
+          },
+          children: transI18n('fmt_security_setting_mobile_option_watermark_style_single')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "room-control-options-watermark-btn ".concat(isMulti ? 'room-control-options-watermark-btn--active' : ''),
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            setWaterMarkLineType(_type.FcrLineType.MULTI_ROW);
+          },
+          children: transI18n('fmt_security_setting_mobile_option_watermark_style_multi')
+        })]
+      })]
+    }),
+    key: 'enable_watermark',
+    type: 'primary',
+    hasPermission: hasWatermarkEnablePermission && hasWatermarkDisablePermission,
+    onButtonClick: function onButtonClick() {
+      setAllowWaterMark();
+    },
+    classNames: 'room-control-drop-with-under-line'
   }, {
     title: transI18n('fmt_screenshare_options_allow'),
     key: 'allow_attendee_title',
@@ -159,7 +223,7 @@ var SecurityContent = exports.SecurityContent = (0, _mobxReact.observer)(functio
   // },
   ];
   var securityHasPermissionActions = allActions.filter(function (item) {
-    return item.hasPermission;
+    return item.hasPermission || item.type === 'title';
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "security-content",

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

@@ -16,7 +16,7 @@ var _mobxReact = require("mobx-react");
 var _context = require("../context");
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _type2 = require("agora-edu-core/lib/type");
+var _type2 = require("fcr-core/lib/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _meetingTime = require("../../../hooks/meeting-time");
 var _jsxRuntime = require("react/jsx-runtime");

package/lib/fragments/control-bar/view.js

@@ -28,7 +28,7 @@ var _moreActions = require("./more-actions");
 var _constant = require("../../utilities/constant");
 var _stopLiveStreaming = require("./stop-live-streaming");
 var _cloudRecordingButtons = require("./cloud-recording-buttons");
-var _type = require("agora-edu-core/lib/type");
+var _type = require("fcr-core/lib/type");
 var _toast = require("agora-ui-foundation/lib/components/toast");
 var _platform = require("../../utilities/platform");
 var _type2 = require("../../modules/action-bar/type");
@@ -195,13 +195,20 @@ var ControlBarView = exports.ControlBarView = (0, _mobxReact.observer)(function
       window.removeEventListener('blur', handleBlur);
     };
   }, []);
+  var setControlBarAlwaysOnTop = function setControlBarAlwaysOnTop() {
+    window.runtime.setAlwaysOnTop();
+    window.runtime.browserWindow.setAlwaysOnTop(true, 'screen-saver');
+  };
   (0, _react.useEffect)(function () {
-    window.runtime.browserWindow.setAlwaysOnTop(false);
+    setControlBarAlwaysOnTop();
     /** control-bar初始化后补偿发起一次store数据同步 */
     fetchLeavingRoomPropsAfterInit();
-    setTimeout(function () {
-      window.runtime.browserWindow.setAlwaysOnTop(true, 'screen-saver');
-    }, 500);
+    var timberId = setTimeout(setControlBarAlwaysOnTop, 500);
+    window.runtime.browserWindow.addListener('blur', setControlBarAlwaysOnTop);
+    return function () {
+      window.runtime.browserWindow.removeListener('blur', setControlBarAlwaysOnTop);
+      clearTimeout(timberId);
+    };
   }, []);
   return currentShareId ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRnd.Rnd, {
     style: {
@@ -268,10 +275,12 @@ var ControlBarView = exports.ControlBarView = (0, _mobxReact.observer)(function
           className: "share-action-nav__meeting-control-group",
           children: [hasSecurityPermission && /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
             mouseEnterDelay: 0,
+            overlayClassName: "security-content-more-dropdown",
             overlayInnerStyle: {
               boxShadow: 'none',
               backgroundColor: 'none',
-              borderRadius: 'var(--fcr_cornerradius_l)'
+              borderRadius: 'var(--fcr_cornerradius_l)',
+              minWidth: '302px'
             },
             content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_securityContent.SecurityContent, {}),
             trigger: "click",

package/lib/fragments/live-streaming/store.d.ts

@@ -1,4 +1,4 @@
-import { FcrLiveStreamingState } from 'agora-edu-core/lib/type';
+import { FcrLiveStreamingState } from 'fcr-core/lib/type';
 export default class LiveStreamingStore {
     accessor videoSteamingUrl: string;
     accessor videoStreamingKey: string;

package/lib/fragments/live-streaming/store.js

@@ -49,7 +49,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _type = require("agora-edu-core/lib/type");
+var _type = require("fcr-core/lib/type");
 var _mobx = require("mobx");
 var _rendererEvent = require("../../utilities/renderer-event");
 var _constant = require("../../utilities/constant");

package/lib/fragments/live-streaming/view.js

@@ -9,11 +9,13 @@ var _mobxReact = require("mobx-react");
 var _react = require("react");
 var _context = require("./context");
 var _container = require("agora-ui-foundation/lib/components/live-streaming/container");
-var _type = require("agora-edu-core/lib/type");
+var _type = require("fcr-core/lib/type");
 require("./index.css");
 var _windowHeader = require("agora-ui-foundation/lib/components/window-header");
+var _i18n = require("agora-ui-foundation/lib/i18n");
 var _jsxRuntime = require("react/jsx-runtime");
 var View = exports.View = (0, _mobxReact.observer)(function () {
+  var t = (0, _i18n.useI18n)();
   var _useContext = (0, _react.useContext)(_context.StoreContext),
     videoSteamingUrl = _useContext.videoSteamingUrl,
     videoStreamingKey = _useContext.videoStreamingKey,
@@ -29,7 +31,7 @@ var View = exports.View = (0, _mobxReact.observer)(function () {
       withWindowPopUpButton: false,
       enableMinimize: false,
       enableMaximize: false,
-      title: "Push the meeting to the specified live platform",
+      title: t('fmt_live_label_push_platform'),
       onClose: closeLiveStreaming
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_container.FcrLiveStreamingContainer, {
       defaultVideoSteamingUrl: videoSteamingUrl,

package/lib/fragments/share-screen-selection/selection-store.d.ts

@@ -1,6 +1,6 @@
 import { AgoraRtcDisplayInfo, 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 { FcrUserInfo, FcrUserRole } from 'agora-edu-core/lib/type';
+import { FcrUserInfo, FcrUserRole } from 'fcr-core/lib/type';
 type ScreenCaptureSourceType = Omit<AgoraRtcDisplayInfo, 'image'> & {
     image: React.ReactNode | Uint8Array;
 };

package/lib/fragments/share-screen-selection/selection-store.js

@@ -63,7 +63,7 @@ var _constant = require("../../utilities/constant");
 var _rendererEvent = require("../../utilities/renderer-event");
 var _icon = require("agora-ui-foundation/lib/components/icon");
 var _type2 = require("agora-ui-foundation/lib/components/icon/type");
-var _type3 = require("agora-edu-core/lib/type");
+var _type3 = require("fcr-core/lib/type");
 var _jsxRuntime = require("react/jsx-runtime");
 var _SelectionStore;
 var _initProto, _init_shareWithAudio, _init_currentSelection, _init_currentSelectionType, _init_applicationCaptureSources, _init_localUserRole, _init_boardOwnerUser, _init_localUser, _init_screenCaptureSources, _init_currentShareAudioProcessingChannel, _init_title, _init_localMicrophoneMute, _setDefaultScreenDecs, _setShareAudioProcessingChannelDecs, _setLocalMicrophoneStateDecs, _sendLocalAudioStateEventDecs, _setApplicationCaptureSourcesDecs, _setScreenCaptureSourcesDecs, _handleStartShareDecs, _handleChooseScreenDecs, _init_handleChooseScreen, _setShareWithAudioStateDecs, _setLocalUserRoleDecs, _setOwnerUserDecs, _setLocalUserDecs, _ref;

package/lib/fragments/share-screen-selection/view.js

@@ -70,8 +70,6 @@ var _platform = require("../../utilities/platform");
 var _type2 = require("../../type");
 var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _popover = require("agora-ui-foundation/lib/components/popover");
-var _openMicTips = _interopRequireDefault(require("./open-mic-tips"));
 var _jsxRuntime = require("react/jsx-runtime");
 var ShareSelectionWindowType = /*#__PURE__*/function (ShareSelectionWindowType) {
   ShareSelectionWindowType["BASIC"] = "basic";
@@ -226,25 +224,27 @@ var ShareSelection = exports.ShareSelection = (0, _mobxReact.observer)(function
       className: "share-selection-window__footer",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "share-selection-window__footer-action",
-        children: currentSelection.split('-')[0] !== 'whiteboard' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
-          showArrow: true,
-          visible: showOpenMicTips,
-          overlayInnerStyle: {
-            width: '270px'
-          },
-          content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_openMicTips["default"], {
-            onCancel: function onCancel() {
-              return toggleShareWithAudio(false);
-            },
-            onOK: openMicAndCloseTips
-          }),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_shareAudio.ShareAudio, {
-            shareWithAudio: shareWithAudio,
-            toggleShareWithAudio: toggleShareWithAudio,
-            currentAudioChannel: currentShareAudioProcessingChannel,
-            onSwitchAudioChannel: setShareAudioProcessingChannel
-          })
+        children: currentSelection.split('-')[0] !== 'whiteboard' &&
+        /*#__PURE__*/
+        // <FcrPopover
+        //   showArrow
+        //   visible={showOpenMicTips}
+        //   overlayInnerStyle={{
+        //     width: '270px',
+        //   }}
+        //   content={
+        //     <OpenMicTips
+        //       onCancel={() => toggleShareWithAudio(false)}
+        //       onOK={openMicAndCloseTips}
+        //     />
+        //   }>
+        (0, _jsxRuntime.jsx)(_shareAudio.ShareAudio, {
+          shareWithAudio: shareWithAudio,
+          toggleShareWithAudio: toggleShareWithAudio,
+          currentAudioChannel: currentShareAudioProcessingChannel,
+          onSwitchAudioChannel: setShareAudioProcessingChannel
         })
+        // </FcrPopover>
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
         disabled: currentSelection.split('-')[0] === 'whiteboard' && !!(boardOwnerUser !== null && boardOwnerUser !== void 0 && boardOwnerUser.userId) || loading,
         type: "primary",

package/lib/fragments/toolbar/components/eraser-picker.js

@@ -14,7 +14,7 @@ var _i18n = require("agora-ui-foundation/lib/i18n");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _icon = require("agora-ui-foundation/lib/components/icon");
 var _store = require("../store");
-var _enums = require("agora-edu-core/lib/room-control/whiteboard-control/enums");
+var _enums = require("fcr-core/lib/room-control/whiteboard-control/enums");
 var _jsxRuntime = require("react/jsx-runtime");
 var EraserPickerItem = exports.EraserPickerItem = (0, _mobxReact.observer)(function (_ref) {
   var offset = _ref.offset;

package/lib/fragments/toolbar/components/pen-picker.js

@@ -18,7 +18,7 @@ var _store = require("../store");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _icon = require("agora-ui-foundation/lib/components/icon");
-var _enums = require("agora-edu-core/lib/room-control/whiteboard-control/enums");
+var _enums = require("fcr-core/lib/room-control/whiteboard-control/enums");
 var _jsxRuntime = require("react/jsx-runtime");
 var penIconMap = (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _enums.FcrBoardShape.Curve, _type.FcrIconType.FCR_WHITEBOARD_PED3), _enums.FcrBoardShape.Straight, _type.FcrIconType.FCR_WHITEBOARD_PED2);
 var PenPickerItem = exports.PenPickerItem = (0, _mobxReact.observer)(function (_ref) {

package/lib/fragments/toolbar/components/shape-picker.js

@@ -20,7 +20,7 @@ var _store = require("../store");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _icon = require("agora-ui-foundation/lib/components/icon");
-var _enums = require("agora-edu-core/lib/room-control/whiteboard-control/enums");
+var _enums = require("fcr-core/lib/room-control/whiteboard-control/enums");
 var _jsxRuntime = require("react/jsx-runtime");
 var shapeIconMap = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _enums.FcrBoardShape.Arrow, _type.FcrIconType.FCR_WHITEBOARD_SHAP_ARROW), _enums.FcrBoardShape.Ellipse, _type.FcrIconType.FCR_WHITEBOARD_SHAP_CIRCLE), _enums.FcrBoardShape.Pentagram, _type.FcrIconType.FCR_WHITEBOARD_SHAP_STAR), _enums.FcrBoardShape.Rectangle, _type.FcrIconType.FCR_WHITEBOARD_SHAP_SQUARE), _enums.FcrBoardShape.Rhombus, _type.FcrIconType.FCR_WHITEBOARD_SHAP_REHUMBUS), _enums.FcrBoardShape.Triangle, _type.FcrIconType.FCR_WHITEBOARD_SHAP_TRIANGLE);
 var ShapePickerItem = exports.ShapePickerItem = (0, _mobxReact.observer)(function (_ref) {

package/lib/fragments/toolbar/components/transfer-position-icon/index.d.ts

@@ -0,0 +1,11 @@
+export declare enum TransferPosition {
+    TOP = 0,
+    BOTTOM = 1,
+    CENTER = 2
+}
+interface ITransferPositionIconProps {
+    currentPosition: TransferPosition;
+    onTransferPositionButtonClick: (targetPosition: TransferPosition) => void;
+}
+export declare const TransferPositionIcon: (props: ITransferPositionIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/fragments/toolbar/components/transfer-position-icon/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TransferPositionIcon = exports.TransferPosition = void 0;
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
+var TransferPosition = exports.TransferPosition = /*#__PURE__*/function (TransferPosition) {
+  TransferPosition[TransferPosition["TOP"] = 0] = "TOP";
+  TransferPosition[TransferPosition["BOTTOM"] = 1] = "BOTTOM";
+  TransferPosition[TransferPosition["CENTER"] = 2] = "CENTER";
+  return TransferPosition;
+}({});
+var TransferPositionIcon = exports.TransferPositionIcon = function TransferPositionIcon(props) {
+  var currentPosition = props.currentPosition,
+    onTransferPositionButtonClick = props.onTransferPositionButtonClick;
+  var handlerTransferPositionClick = function handlerTransferPositionClick() {
+    if (currentPosition === TransferPosition.BOTTOM) {
+      onTransferPositionButtonClick(TransferPosition.TOP);
+      return;
+    }
+    onTransferPositionButtonClick(TransferPosition.BOTTOM);
+  };
+  var transI18n = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+    content: currentPosition === TransferPosition.TOP ? transI18n('fmt_popup_options_placedbottom') : transI18n('fmt_popup_options_placedtop'),
+    mouseEnterDelay: 0,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "share-action-nav__not-draggable  share-state-nav__transfer-position",
+      onClick: handlerTransferPositionClick,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        type: currentPosition === TransferPosition.TOP ? _type.FcrIconType.FCR_SHARINGBAR_DOWN : _type.FcrIconType.FCR_SHARINGBAR_UP,
+        className: "share-state-nav__transfer-position-button ",
+        colors: {
+          iconPrimary: 'var(--fcr_ui_scene_black8)'
+        },
+        size: 20
+      })
+    })
+  });
+};

package/lib/fragments/toolbar/components/wrapper.js

@@ -11,9 +11,9 @@ require("core-js/modules/web.timers.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _store = require("../store");
-var _transferPositionIcon = require("../../control-bar/transfer-position-icon");
 var _reactRnd = require("react-rnd");
 var _mobxReact = require("mobx-react");
+var _transferPositionIcon = require("./transfer-position-icon");
 var _jsxRuntime = require("react/jsx-runtime");
 var DraggleWrapper = exports.DraggleWrapper = (0, _mobxReact.observer)(function (props) {
   var _useContext = (0, _react.useContext)(_store.ToolbarContext),

package/lib/fragments/toolbar/hooks.js

@@ -33,7 +33,7 @@ var _store = require("./store");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _screenCapturePicker = require("./components/screen-capture-picker");
-var _enums = require("agora-edu-core/lib/room-control/whiteboard-control/enums");
+var _enums = require("fcr-core/lib/room-control/whiteboard-control/enums");
 var _jsxRuntime = require("react/jsx-runtime");
 var useVisibleTools = exports.useVisibleTools = function useVisibleTools(diraction) {
   var _useContext = (0, _react.useContext)(_store.ToolbarContext),

package/lib/fragments/toolbar/store.d.ts

@@ -1,5 +1,5 @@
 import { FcrBoardShape, WhiteboardThemeType } from '../../modules/whiteboard/type';
-import { FcrBoardToolType } from 'agora-edu-core/lib/room-control/whiteboard-control/enums';
+import { FcrBoardToolType } from 'fcr-core/lib/room-control/whiteboard-control/enums';
 export declare class ToolbarStore {
     accessor observables: {
         currentTool: FcrBoardToolType | undefined;

package/lib/hooks/meeting-time.d.ts

@@ -1,4 +1,4 @@
-import { FcrRoomSchedule } from 'agora-edu-core/lib/type';
+import { FcrRoomSchedule } from 'fcr-core/lib/type';
 declare enum MeetingStatus {
     NORMAL = "normal",
     SOON_TO_END = "soon2end",

package/lib/modules/Interpreter/action/add-btn/index.css

@@ -0,0 +1,4 @@
+.fcr-interpreter-add-btn__top {
+  width: 100%;
+  background: var(--fcr_mobile_ui_scene_color_popup_block5);
+}

package/lib/modules/Interpreter/action/add-btn/index.d.ts

@@ -0,0 +1,11 @@
+import './index.css';
+export declare enum PositionType {
+    TOP = 0,
+    BOTTOM = 1
+}
+interface AddBtnProps {
+    className?: string;
+    position?: PositionType;
+}
+declare const _default: (props: AddBtnProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/modules/Interpreter/action/add-btn/index.js

@@ -0,0 +1,43 @@
+"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["default"] = exports.PositionType = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _mobxReact = require("mobx-react");
+var _button = require("agora-ui-foundation/lib/components/button");
+var _store = require("../../store");
+require("./index.css");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
+var PositionType = exports.PositionType = /*#__PURE__*/function (PositionType) {
+  PositionType[PositionType["TOP"] = 0] = "TOP";
+  PositionType[PositionType["BOTTOM"] = 1] = "BOTTOM";
+  return PositionType;
+}({});
+var AddBtn = function AddBtn(props) {
+  var className = props.className,
+    _props$position = props.position,
+    position = _props$position === void 0 ? PositionType.BOTTOM : _props$position;
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    addInterpreterUsers = _useContext.addInterpreterUsers,
+    localInterpreterUsers = _useContext.localInterpreterUsers;
+  var disabled = localInterpreterUsers.length > 9;
+  var transI18n = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+    shape: "rounded",
+    type: position == PositionType.TOP ? 'gray' : 'secondary-bordered',
+    size: "XS",
+    className: (0, _classnames["default"])({
+      'fcr-interpreter-add-btn__top': position === PositionType.TOP
+    }, className),
+    onClick: addInterpreterUsers,
+    disabled: disabled,
+    children: "+".concat(disabled ? transI18n('fmt_interpretation_setting_popup_controller_option_add_interpreter_limited') : transI18n('fmt_interpretation_setting_popup_controller_option_add_interpreter'))
+  });
+};
+var _default = exports["default"] = (0, _mobxReact.observer)(AddBtn);

package/lib/modules/Interpreter/action/delete-btn/index.css

@@ -0,0 +1,14 @@
+.fcr-interpreter-delete-btn-icon {
+  background-color: #fff;
+  width: 24px;
+  height: 24px;
+  border-radius: var(--fcr_cornerradius_xs);
+}
+.fcr-interpreter-delete-btn-icon:hover {
+  background: var(--fcr_web_ui_scene_hover);
+}
+
+.fcr-interpreter-delete-btn-icon:hover path {
+  fill: var(--fcr_web_ui_scene_mainicon2);
+  transition: all 0.2s ease;
+}

package/lib/modules/Interpreter/action/delete-btn/index.d.ts

@@ -0,0 +1,6 @@
+import { InitInterpreterItemModelType } from '../../type';
+import './index.css';
+declare const _default: ({ model }: {
+    model: InitInterpreterItemModelType;
+}) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/modules/Interpreter/action/delete-btn/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
+var _react = require("react");
+var _store = require("../../store");
+var _mobxReact = require("mobx-react");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var DeleteBtn = function DeleteBtn(_ref) {
+  var model = _ref.model;
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    deleteInterpreterUsers = _useContext.deleteInterpreterUsers;
+  var onClick = function onClick() {
+    deleteInterpreterUsers(model);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+    mouseEnterDelay: 0,
+    trigger: "hover",
+    placement: "top",
+    content: "\u5220\u9664",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        className: "fcr-interpreter-delete-btn-icon",
+        type: _type.FcrIconType.FCR_DELETE4,
+        onClick: onClick,
+        size: 20
+      })
+    })
+  });
+};
+var _default = exports["default"] = (0, _mobxReact.observer)(DeleteBtn);

package/lib/modules/Interpreter/action/edit-btn/index.css

@@ -0,0 +1,3 @@
+.fcr-simultaneous-interpretation__footer-right-set-btn {
+  margin-right: 8px;
+}

package/lib/modules/Interpreter/action/edit-btn/index.d.ts

@@ -0,0 +1,4 @@
+interface EditBtnProps {
+}
+declare const _default: (props: EditBtnProps) => import("react/jsx-runtime").JSX.Element | null;
+export default _default;