fcr-ui-scene 3.4.0 → 3.4.2

package/lib/modules/layout/member-window/index.js

@@ -11,6 +11,7 @@ require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/esnext.async-iterator.filter.js");
 require("core-js/modules/esnext.async-iterator.for-each.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/web.dom-collections.for-each.js");
@@ -22,19 +23,10 @@ exports.MemberWindowActions = exports.MemberWindow = exports.MemberBoard = expor
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-require("core-js/modules/es.array.find.js");
-require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.array.some.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.set.js");
-require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.string.iterator.js");
-require("core-js/modules/esnext.async-iterator.find.js");
-require("core-js/modules/esnext.async-iterator.some.js");
-require("core-js/modules/esnext.iterator.constructor.js");
-require("core-js/modules/esnext.iterator.find.js");
-require("core-js/modules/esnext.iterator.some.js");
 require("core-js/modules/esnext.set.add-all.js");
 require("core-js/modules/esnext.set.delete-all.js");
 require("core-js/modules/esnext.set.difference.v2.js");
@@ -70,11 +62,12 @@ var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _popover = require("agora-ui-foundation/lib/components/popover");
 var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _type2 = require("fcr-core/lib/type");
+var _type2 = require("agora-edu-core/lib/type");
 var _hooks = require("../../../utilities/hooks");
+var _participantsMoreAction = require("../../participant/attendee/participants-more-action");
 var _type3 = require("../type");
 require("./index.css");
-var _store = require("../store");
+var _context = require("../context");
 var _localVideoPlayer = require("agora-ui-foundation/lib/components/local-video-player");
 var _iconPhoneCall = require("agora-ui-foundation/lib/components/icon-phone-call");
 var _videoTrackRenderContext = require("../../../utilities/video-track-render-context");
@@ -82,8 +75,7 @@ var _dialogs = require("../../dialog/dialogs");
 var _constant = require("../../../utilities/constant");
 var _type4 = require("../../video-window/type");
 var _env = require("agora-foundation/lib/utilities/env");
-var _fcrCore = require("fcr-core");
-var _participantsMore = require("agora-ui-foundation/lib/components/participants/participants-more");
+var _agoraEduCore = require("agora-edu-core");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["isLocal"];
 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; }
@@ -93,7 +85,7 @@ var MaxAvatarSize = 175;
 var AvatarSizeRatio = 0.2445;
 var AvatarTextSizeRatio = 0.32;
 var HideControlsTimeout = 3000;
-var meetingConnectorTypes = new Set([_fcrCore.FcrRoomConnectorType.SIP, _fcrCore.FcrRoomConnectorType.H323]);
+var meetingConnectorTypes = new Set([_agoraEduCore.FcrRoomConnectorType.SIP, _agoraEduCore.FcrRoomConnectorType.H323]);
 var clamp = function clamp(val, min, max) {
   return val < min ? min : val > max ? max : val;
 };
@@ -120,11 +112,10 @@ var MemberWindow = exports.MemberWindow = (0, _mobxReact.observer)(function (_re
     hasVideoStream = windowData.hasVideoStream,
     windowId = windowData.windowId,
     audioStreamConnectorType = windowData.audioStreamConnectorType,
-    videoStreamConnectorType = windowData.videoStreamConnectorType,
-    hasScreenSharing = windowData.hasScreenSharing;
+    videoStreamConnectorType = windowData.videoStreamConnectorType;
   var t = (0, _i18n.useI18n)();
-  var connectorType = audioStreamConnectorType !== _fcrCore.FcrRoomConnectorType.NONE ? audioStreamConnectorType : videoStreamConnectorType;
-  var isPhone = audioStreamConnectorType === _fcrCore.FcrRoomConnectorType.PSTN;
+  var connectorType = audioStreamConnectorType !== _agoraEduCore.FcrRoomConnectorType.NONE ? audioStreamConnectorType : videoStreamConnectorType;
+  var isPhone = audioStreamConnectorType === _agoraEduCore.FcrRoomConnectorType.PSTN;
   var isPhoneOnlyAudio = isPhone && !videoStreamId;
   var isMeeting = meetingConnectorTypes.has(connectorType);
   var suffixedName = userName + (isMySelf ? t('fmt_attendies_labels_setting_mine') : '');
@@ -190,8 +181,7 @@ var MemberWindow = exports.MemberWindow = (0, _mobxReact.observer)(function (_re
       streamId: windowId,
       videoStreamType: videoStreamType,
       renderMode: videoRenderMode,
-      hasVideoStream: hasVideoStream,
-      hasScreenSharing: hasScreenSharing
+      hasVideoStream: hasVideoStream
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames["default"])("fcr-member-window-excitation", {
         'fcr-member-window-excitation-show': canShowSpeakerSpotlight && isSpeakerSpotlight
@@ -220,7 +210,7 @@ var MemberWindow = exports.MemberWindow = (0, _mobxReact.observer)(function (_re
 var MicVolume = (0, _mobxReact.observer)(function (_ref2) {
   var id = _ref2.id,
     size = _ref2.size;
-  var _useContext = (0, _react.useContext)(_store.StoreContext),
+  var _useContext = (0, _react.useContext)(_context.StoreContext),
     userVolumeMap = _useContext.userVolumeMap;
   var volume = userVolumeMap.get(id || '') || 0;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -252,11 +242,7 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
     videoWindowCurrentHeight = _ref3.videoWindowCurrentHeight,
     videoWindowPreviewType = _ref3.videoWindowPreviewType,
     _ref3$showRotation = _ref3.showRotation,
-    showRotation = _ref3$showRotation === void 0 ? true : _ref3$showRotation,
-    interpreterUsers = _ref3.interpreterUsers,
-    interpreterState = _ref3.interpreterState,
-    handleRename = _ref3.handleRename,
-    renderListLength = _ref3.renderListLength;
+    showRotation = _ref3$showRotation === void 0 ? true : _ref3$showRotation;
   // iconsize gallery 24 normal 16
   var _ref4 = windowData || {},
     videoStreamId = _ref4.videoStreamId,
@@ -273,13 +259,6 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
     videoStreamConnectorType = _ref4.videoStreamConnectorType,
     _ref4$phoneMicEnabled = _ref4.phoneMicEnabled,
     phoneMicEnabled = _ref4$phoneMicEnabled === void 0 ? false : _ref4$phoneMicEnabled;
-  var interpreter = (0, _react.useMemo)(function () {
-    return !!(interpreterUsers !== null && interpreterUsers !== void 0 && interpreterUsers.find(function (ele) {
-      return ele.userId === userId;
-    }));
-  }, [interpreterUsers, userId]);
-  var insideShow = ![_type2.FcrUserRole.COHOST, _type2.FcrUserRole.HOST].includes(ownerRoleType);
-  var timerRef = (0, _react.useRef)();
   var t = (0, _i18n.useI18n)();
   var focus = (0, _hooks.useWindowFocus)();
   var _useState = (0, _react.useState)(false),
@@ -290,12 +269,11 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     isShowDropMenu = _useState4[0],
     setIsShowDropMenu = _useState4[1];
-  var connectorType = audioStreamConnectorType !== _fcrCore.FcrRoomConnectorType.NONE ? audioStreamConnectorType : videoStreamConnectorType;
-  var isNormal = connectorType === _fcrCore.FcrRoomConnectorType.NONE;
-  var isPhone = connectorType === _fcrCore.FcrRoomConnectorType.PSTN;
+  var connectorType = audioStreamConnectorType !== _agoraEduCore.FcrRoomConnectorType.NONE ? audioStreamConnectorType : videoStreamConnectorType;
+  var isNormal = connectorType === _agoraEduCore.FcrRoomConnectorType.NONE;
+  var isPhone = connectorType === _agoraEduCore.FcrRoomConnectorType.PSTN;
   var isMeeting = meetingConnectorTypes.has(connectorType);
-  var userType = audioStreamConnectorType === _fcrCore.FcrRoomConnectorType.PSTN && !videoStreamId ? 'phone' : isMeeting ? 'meeting-system' : 'normal';
-  var isShowInterpreterTag = interpreter && interpreterState;
+  var userType = audioStreamConnectorType === _agoraEduCore.FcrRoomConnectorType.PSTN && !videoStreamId ? 'phone' : isMeeting ? 'meeting-system' : 'normal';
   var isManager = ownerRoleType === _type2.FcrUserRole.HOST || ownerRoleType === _type2.FcrUserRole.COHOST;
   var handleVideoWindowVisibleChange = function handleVideoWindowVisibleChange(width, height, setResizable) {
     var videoWindowBrower = _dialogs.dialogWindows.get(_constant.DialogKey.VIDEO_WINDOW);
@@ -317,17 +295,12 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
       onVisibleChanged === null || onVisibleChanged === void 0 || onVisibleChanged(visible);
     } else {
       setIsShowDropMenu(visible);
-      timerRef.current = setTimeout(function () {
+      setTimeout(function () {
         handleVideoWindowVisibleChange(videoWindowCurrentWidth, videoWindowCurrentHeight, true);
         onVisibleChanged === null || onVisibleChanged === void 0 || onVisibleChanged(visible);
       }, 100);
     }
   };
-  (0, _react.useEffect)(function () {
-    return function () {
-      clearTimeout(timerRef.current);
-    };
-  }, [videoWindowPreviewType]);
   (0, _react.useEffect)(function () {
     if (!isOnlyShowVideoStream && !focus) {
       var timer = setTimeout(function () {
@@ -534,21 +507,6 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
       });
     }
   }
-  var interpreterTagDom = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-    children: t('fmt_ai_transcriptions_setting_label_translator')
-  });
-  var InterpreterTag = function InterpreterTag(props) {
-    var className = props.className,
-      _props$isShow = props.isShow,
-      isShow = _props$isShow === void 0 ? true : _props$isShow;
-    if (!isShow) {
-      return null;
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames["default"])('fcr-user-window-actions-tag', 'fcr-user-window-actions-tag-host', className),
-      children: interpreterTagDom
-    });
-  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames["default"])('fcr-user-window-actions', {
       'fcr-user-window-actions-hide': isOnlyShowVideoStream
@@ -557,135 +515,97 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
       e.preventDefault();
       setIsShowDropMenu(true);
     },
-    children: [isManager && /*#__PURE__*/(0, _jsxRuntime.jsx)(InterpreterTag, {
-      isShow: isShowInterpreterTag,
-      className: (0, _classnames["default"])('fcr-user-window-actions-bottom', 'fcr-user-window-actions-middle', {
-        'fcr-user-window-actions-bottom-show': showActionBottomLabel,
-        'fcr-user-window-actions-tag_large': windowSize === 'large'
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames["default"])('fcr-user-window-actions-bottom', {
         'fcr-user-window-actions-bottom-show': showActionBottomLabel
       }),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _classnames["default"])('fcr-user-window-actions-bottom-layout'),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: (0, _classnames["default"])('fcr-member-window-members-sharebtn', {
-            'fcr-member-window-members-sharebtn-show': hasScreenSharing
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames["default"])('fcr-member-window-members-sharebtn', {
+          'fcr-member-window-members-sharebtn-show': hasScreenSharing
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+          type: _type.FcrIconType.FCR_MOBILE_SHARESCREEN,
+          size: 18
+        })
+      }), windowSize === 'large' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames["default"])('fcr-user-window-actions-tag', {
+          'fcr-user-window-actions-tag-host': isManager,
+          'fcr-user-window-actions-tag-cohost': ownerRoleType === _type2.FcrUserRole.COHOST
+        }),
+        children: [icon, ownerRoleType === _type2.FcrUserRole.HOST && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: t('fmt_role_host')
+        }), ownerRoleType === _type2.FcrUserRole.COHOST && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: t('fmt_role_cohost')
+        })]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [isManager && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames["default"])('fcr-user-window-actions-tag', {
+            'fcr-user-window-actions-tag-host': isManager,
+            'fcr-user-window-actions-tag-cohost': ownerRoleType === _type2.FcrUserRole.COHOST
           }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: t(ownerRoleType === _type2.FcrUserRole.HOST ? 'fmt_role_host' : 'fmt_role_cohost')
+          })
+        }), !hasMicrophoneAudioStream ? isMeeting ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          className: "fcr-user-window-actions-microphone",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-            type: _type.FcrIconType.FCR_MOBILE_SHARESCREEN,
+            type: _type.FcrIconType.FCR_SIPDEVICE,
+            size: iconSize,
             colors: {
-              iconPrimary: 'var(--fcr_ui_scene_white10)'
-            },
-            size: 18
+              iconPrimary: 'var(--fcr_ui_scene_white10)',
+              iconSecondary: 'var(--fcr_ui_scene_ramp_green6)'
+            }
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "fcr-user-window-actions-bottom-layout-info",
-          children: [windowSize === 'large' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: (0, _classnames["default"])('fcr-user-window-actions-tag', {
-              'fcr-user-window-actions-tag-host': isManager || isShowInterpreterTag,
-              'fcr-user-window-actions-tag-cohost': ownerRoleType === _type2.FcrUserRole.COHOST
-            }),
-            children: [icon, ownerRoleType === _type2.FcrUserRole.HOST && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              children: t('fmt_role_host')
-            }), ownerRoleType === _type2.FcrUserRole.COHOST && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              children: t('fmt_role_cohost')
-            }), insideShow && isShowInterpreterTag && interpreterTagDom]
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [isManager ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: (0, _classnames["default"])('fcr-user-window-actions-tag', {
-                'fcr-user-window-actions-tag-host': isManager || isShowInterpreterTag,
-                'fcr-user-window-actions-tag-cohost': ownerRoleType === _type2.FcrUserRole.COHOST
-              }),
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                children: t(ownerRoleType === _type2.FcrUserRole.HOST ? 'fmt_role_host' : 'fmt_role_cohost')
-              })
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(InterpreterTag, {
-              isShow: isShowInterpreterTag,
-              className: "fcr-user-window-actions-tag"
-            }), !hasMicrophoneAudioStream ? isMeeting ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-              className: "fcr-user-window-actions-microphone",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-                type: _type.FcrIconType.FCR_SIPDEVICE,
-                size: iconSize,
-                colors: {
-                  iconPrimary: 'var(--fcr_ui_scene_white10)',
-                  iconSecondary: 'var(--fcr_ui_scene_ramp_green6)'
-                }
-              })
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-              content: t('fmt_device_label_audio_mute'),
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-                className: "fcr-user-window-actions-microphone",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-                  type: _type.FcrIconType.FCR_NOMUTE,
-                  size: iconSize,
-                  colors: {
-                    iconPrimary: 'var(--fcr_ui_scene_ramp_red6)',
-                    iconSecondary: 'var(--fcr_ui_scene_ramp_red6)'
-                  }
-                })
-              })
-            }) : isPhone ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-              className: "fcr-user-window-actions-microphone",
-              style: {
-                backgroundColor: 'var(--fcr_ui_scene_ramp_lightgreen6)'
-              },
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-                type: _type.FcrIconType.FCR_PHONECALL3,
-                size: iconSize,
-                colors: {
-                  iconPrimary: 'var(--fcr_ui_scene_white10)'
-                }
-              })
-            }) : isMeeting ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-              className: "fcr-user-window-actions-microphone",
-              style: {
-                backgroundColor: 'var(--fcr_ui_scene_ramp_purple7)'
-              },
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-                type: _type.FcrIconType.FCR_SIPDEVICE,
-                size: iconSize,
-                colors: {
-                  iconPrimary: 'var(--fcr_ui_scene_white10)',
-                  iconSecondary: 'var(--fcr_ui_scene_ramp_green6)'
-                }
-              })
-            }) : null]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "fcr-user-window-actions-name",
-            children: suffixedName
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "fcr-user-window-actions-name-isme",
-            children: isMeTag
-          }), isMeTag && allowedOperations.some(function (item) {
-            return item === 'change_name';
-          }) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "fcr-user-window-actions-name-rename",
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+          content: t('fmt_device_label_audio_mute'),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+            className: "fcr-user-window-actions-microphone",
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-              onClick: function onClick() {
-                return handleRename(userId);
-              },
-              type: _type.FcrIconType.FCR_RENAME,
+              type: _type.FcrIconType.FCR_NOMUTE,
+              size: iconSize,
               colors: {
-                iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+                iconPrimary: 'var(--fcr_ui_scene_ramp_red6)',
+                iconSecondary: 'var(--fcr_ui_scene_ramp_red6)'
               }
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-            className: "fcr-user-window-actions-name-doing",
-            children: [windowData.type === _type3.FcrUIWindowType.BOARD ? t('fmt_screenshare_whiteboard_tips_someonesharing', {
-              reason1: ''
-            }) : '', hasScreenSharing && windowData.type === _type3.FcrUIWindowType.VIDEO ? t('fmt_screenshare_status_sharing') : '']
-          })]
-        })]
-      }), !insideShow && !isManager && /*#__PURE__*/(0, _jsxRuntime.jsx)(InterpreterTag, {
-        isShow: isShowInterpreterTag,
-        className: "fcr-user-window-actions-bottom-interpreter-tag"
-      }), windowSize === 'large' && windowData.isMySelf && hasVideoStream && showRotation && renderListLength === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_localVideoPlayer.VideoOrientation, {
-        setVideoOrientation: function setVideoOrientation() {
-          _setVideoOrientation();
-        }
+          })
+        }) : isPhone ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          className: "fcr-user-window-actions-microphone",
+          style: {
+            backgroundColor: 'var(--fcr_ui_scene_ramp_lightgreen6)'
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+            type: _type.FcrIconType.FCR_PHONECALL3,
+            size: iconSize,
+            colors: {
+              iconPrimary: 'var(--fcr_ui_scene_white10)'
+            }
+          })
+        }) : isMeeting ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          className: "fcr-user-window-actions-microphone",
+          style: {
+            backgroundColor: 'var(--fcr_ui_scene_ramp_purple7)'
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+            type: _type.FcrIconType.FCR_SIPDEVICE,
+            size: iconSize,
+            colors: {
+              iconPrimary: 'var(--fcr_ui_scene_white10)',
+              iconSecondary: 'var(--fcr_ui_scene_ramp_green6)'
+            }
+          })
+        }) : null]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "fcr-user-window-actions-name",
+        children: suffixedName
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "fcr-user-window-actions-name-isme",
+        children: isMeTag
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        className: "fcr-user-window-actions-name-doing",
+        children: [windowData.type === _type3.FcrUIWindowType.BOARD ? t('fmt_screenshare_whiteboard_tips_someonesharing', {
+          reason1: ''
+        }) : '', hasScreenSharing && windowData.type === _type3.FcrUIWindowType.VIDEO ? t('fmt_screenshare_status_sharing') : '']
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames["default"])('fcr-user-window-actions-top', {
@@ -699,7 +619,7 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
           trigger: "click",
           visible: isShowDropMenu,
           onVisibleChange: onVisibleChange,
-          content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_participantsMore.FcrParticipantsMoreActions, {
+          content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_participantsMoreAction.ParticipantsMoreActions, {
             userType: userType,
             hasPinnedStream: hasPinnedStream,
             audioDeviceType: isPhone ? 'phone-mic' : 'computer-mic',
@@ -741,6 +661,10 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
         },
         children: t(actionAudioTag)
       })]
+    }), windowData.isMySelf && hasVideoStream && showRotation && /*#__PURE__*/(0, _jsxRuntime.jsx)(_localVideoPlayer.VideoOrientation, {
+      setVideoOrientation: function setVideoOrientation() {
+        _setVideoOrientation();
+      }
     })]
   });
 });
@@ -753,17 +677,14 @@ var MemberBoard = exports.MemberBoard = (0, _mobxReact.observer)(function (_ref5
     showActionBottomLabel = _ref5.showActionBottomLabel,
     isShowActionAudio = _ref5.isShowActionAudio,
     actionAudioTag = _ref5.actionAudioTag;
-  var _useContext2 = (0, _react.useContext)(_store.StoreContext),
+  var _useContext2 = (0, _react.useContext)(_context.StoreContext),
     hasPinnedStream = _useContext2.hasPinnedStream,
     localUserRole = _useContext2.localUserRole,
     sendParticipantEvent = _useContext2.sendParticipantEvent,
     muteAudio = _useContext2.muteAudio,
     hasMutePermission = _useContext2.hasMutePermission,
     openPrivateChat = _useContext2.openPrivateChat,
-    setVideoOrientation = _useContext2.setVideoOrientation,
-    interpreterUsers = _useContext2.interpreterUsers,
-    interpreterState = _useContext2.interpreterState,
-    openRenameDialog = _useContext2.openRenameDialog;
+    setVideoOrientation = _useContext2.setVideoOrientation;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames["default"])("fcr-member-board"),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -785,10 +706,7 @@ var MemberBoard = exports.MemberBoard = (0, _mobxReact.observer)(function (_ref5
       windowSize: "large",
       windowData: windowData,
       iconSize: 24,
-      showRotation: (0, _env.isElectron)(),
-      interpreterUsers: interpreterUsers,
-      interpreterState: interpreterState,
-      handleRename: openRenameDialog
+      showRotation: (0, _env.isElectron)()
     }), slot]
   });
 });
@@ -822,48 +740,31 @@ var FcrUILocalVideoPlayer = exports.FcrUILocalVideoPlayer = (0, _mobxReact.obser
   });
 });
 var FcrUIRemoteVideoPlayer = exports.FcrUIRemoteVideoPlayer = (0, _mobxReact.observer)(function (_ref7) {
-  var _context$remoteVideoR;
   var streamId = _ref7.streamId,
     hasVideoStream = _ref7.hasVideoStream,
     videoStreamType = _ref7.videoStreamType,
-    renderMode = _ref7.renderMode,
-    hasScreenSharing = _ref7.hasScreenSharing;
+    renderMode = _ref7.renderMode;
   var divRef = (0, _react.useRef)(null);
   var context = (0, _react.useContext)(_videoTrackRenderContext.FcrVideoTrackRenderContext);
-  var t = (0, _i18n.useI18n)();
-  var _ref8 = context.remoteVideoRenderManager || {},
-    startRenderRemoteVideo = _ref8.startRenderRemoteVideo,
-    stopRenderRemoteVideo = _ref8.stopRenderRemoteVideo;
-  var isFirstRemoteVideoFrameRendered = (_context$remoteVideoR = context.remoteVideoRenderManager) === null || _context$remoteVideoR === void 0 ? void 0 : _context$remoteVideoR.isStreamFirstFrameRendered(streamId);
+  var _ref8 = context.streamControl || {},
+    startRenderRemoteVideoStream = _ref8.startRenderRemoteVideoStream,
+    stopRenderRemoteVideoStream = _ref8.stopRenderRemoteVideoStream;
   (0, _react.useEffect)(function () {
     var dom = divRef.current;
     if (dom) {
       if (hasVideoStream) {
-        startRenderRemoteVideo === null || startRenderRemoteVideo === void 0 || startRenderRemoteVideo(streamId, videoStreamType, {
+        startRenderRemoteVideoStream === null || startRenderRemoteVideoStream === void 0 || startRenderRemoteVideoStream(streamId, videoStreamType, {
           renderMode: renderMode,
           isMirror: false
         }, dom);
       }
     }
     return function () {
-      dom && (stopRenderRemoteVideo === null || stopRenderRemoteVideo === void 0 ? void 0 : stopRenderRemoteVideo(streamId, dom));
+      dom && (stopRenderRemoteVideoStream === null || stopRenderRemoteVideoStream === void 0 ? void 0 : stopRenderRemoteVideoStream(streamId, dom));
     };
-  }, [hasVideoStream, streamId, videoStreamType, renderMode]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames["default"])('fcr-member-window-body fcr-member-window-body-video-remote', {
-        'fcr-member-window-body-video-remote-render': isFirstRemoteVideoFrameRendered && hasVideoStream
-      }),
-      ref: divRef
-    }), !isFirstRemoteVideoFrameRendered && hasVideoStream && hasScreenSharing && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "fcr-member-window-body-render-video-loading",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-        className: "render-video-loading-icon",
-        size: 24,
-        type: _type.FcrIconType.FCR_LOADING
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        children: [" ", t('fmt_screenshare_status_sharing'), " "]
-      })]
-    })]
+  }, [hasVideoStream, streamId, videoStreamType, renderMode, startRenderRemoteVideoStream, stopRenderRemoteVideoStream]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "fcr-member-window-body",
+    ref: divRef
   });
 });