fcr-ui-scene 3.1.1 → 3.2.0

package/lib/modules/layout/components/Aside.js

@@ -17,9 +17,9 @@ var _windowHeader = require("agora-ui-foundation/lib/components/window-header");
 var _hooks = require("../../../utilities/hooks");
 var _context = require("../context");
 var _utils = require("./utils");
-var _type2 = require("agora-edu-core/lib/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _iconButton = require("agora-ui-foundation/lib/components/icon-button");
+var _type2 = require("agora-edu-core/lib/room-control/chatroom-control/type");
 var _jsxRuntime = require("react/jsx-runtime");
 var minHeight = 350;
 var DividerHeight = 16;
@@ -86,6 +86,8 @@ var Aside = exports.Aside = (0, _mobxReact.observer)(function (_ref) {
           flex: 1
         },
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_windowHeader.FcrWindowHeader, {
+          showClose: false // 在 Aside 中有自定义的按钮样式，不用 header 中的关闭按钮
+          ,
           title: "".concat(transI18n('fmt_role_participant'), "(").concat(participantCount, ")"),
           type: _windowHeader.WindowType.MODAL,
           onTypeChange: moveParticipantFromAsideToDialog,
@@ -108,6 +110,7 @@ var Aside = exports.Aside = (0, _mobxReact.observer)(function (_ref) {
           flex: 1
         },
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_windowHeader.FcrWindowHeader, {
+          showClose: false,
           title: chatRoomState === _type2.FcrChatRoomConnectionState.Connected ? transI18n('fmt_chat_label_chat') : transI18n('fmt_aside_status_connecting'),
           onTypeChange: moveChatFromAsideToDialog,
           onClose: closeAsideChat,

package/lib/modules/layout/components/Carousel.js

@@ -8,6 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.Carousel = void 0;
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.slice.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.map.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _mobxReact = require("mobx-react");
@@ -23,6 +25,7 @@ var _type3 = require("agora-rte-sdk/lib/core/rtc/type");
 var _agoraEduCore = require("agora-edu-core");
 var _boardContext = _interopRequireDefault(require("../../../utilities/board-context"));
 var _muteAction = require("../../../utilities/mute-action");
+var _env = require("agora-foundation/lib/utilities/env");
 var _jsxRuntime = require("react/jsx-runtime");
 // import { UserWindow, UserWindowActions } from './UserWindow';
 
@@ -56,9 +59,6 @@ var Carousel = exports.Carousel = (0, _mobxReact.observer)(function () {
     whiteboard = _useContext.whiteboard,
     toggleMainStream = _useContext.toggleMainStream,
     hasPinnedStream = _useContext.hasPinnedStream,
-    streamControl = _useContext.streamControl,
-    deviceStore = _useContext.deviceStore,
-    documentVisible = _useContext.documentVisible,
     getAllowedOperations = _useContext.getAllowedOperations,
     setVideoOrientation = _useContext.setVideoOrientation,
     hasUnmutePermission = _useContext.hasUnmutePermission,
@@ -162,7 +162,7 @@ var Carousel = exports.Carousel = (0, _mobxReact.observer)(function () {
             width: fullWidth,
             gap: Gap
           },
-          children: documentVisible && carouselList.slice(page * itemsPerPage, (page + 1) * itemsPerPage).map(function (windowData) {
+          children: carouselList.slice(page * itemsPerPage, (page + 1) * itemsPerPage).map(function (windowData) {
             var isScreenSharing = windowData.videoSourceType === _agoraEduCore.FcrVideoSourceType.SCREEN;
             var isBoard = windowData.type === _type2.FcrUIWindowType.BOARD;
             var showActionBottomLabel = carouselList.length > 1 && windowData.isSpeakerSpotlight;
@@ -210,7 +210,8 @@ var Carousel = exports.Carousel = (0, _mobxReact.observer)(function () {
                   openPrivateChat: openPrivateChat,
                   windowSize: "normal",
                   windowData: windowData,
-                  iconSize: 16
+                  iconSize: 16,
+                  showRotation: (0, _env.isElectron)()
                 }),
                 videoRenderMode: _type3.AgoraRtcRenderMode.FIT,
                 videoStreamType: _type3.AgoraRtcVideoStreamType.LOW_STREAM,

package/lib/modules/layout/components/Gallery.js

@@ -28,6 +28,8 @@ require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.array.slice.js");
 require("core-js/modules/es.array.unshift.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.map.js");
 var _mobxReact = require("mobx-react");
 var _react = require("react");
 var _icon = require("agora-ui-foundation/lib/components/icon");
@@ -44,10 +46,11 @@ var _screen = require("../../../utilities/screen");
 var _button = require("agora-ui-foundation/lib/components/button");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _muteAction = require("../../../utilities/mute-action");
+var _env = require("agora-foundation/lib/utilities/env");
 var _jsxRuntime = require("react/jsx-runtime");
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var MinVideoWidth = 192;
 var MinVideoHeight = 114;
 var PaddingX = 25;
@@ -103,9 +106,6 @@ var Gallery = exports.Gallery = (0, _mobxReact.observer)(function () {
     toggleMainStream = _useContext.toggleMainStream,
     hasPinnedStream = _useContext.hasPinnedStream,
     currentShareData = _useContext.currentShareData,
-    streamControl = _useContext.streamControl,
-    deviceStore = _useContext.deviceStore,
-    documentVisible = _useContext.documentVisible,
     getAllowedOperations = _useContext.getAllowedOperations,
     setVideoOrientation = _useContext.setVideoOrientation,
     hasUnmutePermission = _useContext.hasUnmutePermission,
@@ -217,7 +217,7 @@ var Gallery = exports.Gallery = (0, _mobxReact.observer)(function () {
             style: {
               gap: Gap
             },
-            children: documentVisible && row.map(function (windowData) {
+            children: row.map(function (windowData) {
               var size = galleryList.length === 1 ? {
                 width: bounds.width,
                 height: bounds.height - paddingY + 20
@@ -274,7 +274,8 @@ var Gallery = exports.Gallery = (0, _mobxReact.observer)(function () {
                     openPrivateChat: openPrivateChat,
                     windowSize: "large",
                     windowData: windowData,
-                    iconSize: 24
+                    iconSize: 24,
+                    showRotation: (0, _env.isElectron)()
                   }),
                   videoRenderMode: _type3.AgoraRtcRenderMode.FIT,
                   videoStreamType: videoStreamType,

package/lib/modules/layout/components/index.css

@@ -154,6 +154,12 @@
   background-color: var(--fcr_web_ui_scene_fill2);
   font-size: 0;
 }
+.fcr-layout-content-expand button:active {
+  outline: none;
+}
+.fcr-layout-content-expand button:focus {
+  outline: none;
+}
 
 .fcr-layout-content-expand svg {
   transform: rotate(180deg);
@@ -216,6 +222,9 @@
   justify-content: center;
   font-size: 0;
 }
+.fcr-layout-content-carousel-collapse:active {
+  outline: none;
+}
 .fcr-layout-content-carousel-collapse:hover {
   color: var(--fcr_ui_scene_icontext2);
   background-color: var(--fcr_web_ui_scene_hover2);
@@ -293,7 +302,7 @@
   pointer-events: auto;
   position: absolute;
   transform: translate(0, -50%);
-  top: 50%;
+  top: calc(50% + 40px);
   background-color: var(--fcr_web_ui_scene_fill4_popup);
   border-radius: 8px;
   box-shadow: var(--fcr_web_light_dropup);
@@ -301,6 +310,7 @@
   flex-flow: column nowrap;
   align-items: center;
   font-size: 12px;
+  z-index: 10;
 }
 
 .fcr-layout-content-gallery-arrow:has(button:disabled) {

package/lib/modules/layout/components/index.js

@@ -4,6 +4,9 @@ require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.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.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/modules/layout/context.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import LayoutStore from './store';
 export declare const StoreContext: import("react").Context<LayoutStore>;

package/lib/modules/layout/index.dev.js

@@ -23,8 +23,8 @@ var _index = require("./index");
 var _store = _interopRequireDefault(require("./store"));
 var _type2 = require("./type");
 require("./index.css");
-var _type3 = require("agora-edu-core/lib/type");
-var _type4 = require("agora-rte-sdk/lib/core/scene/type");
+var _type3 = require("agora-rte-sdk/lib/core/scene/type");
+var _agoraEduCore = require("agora-edu-core");
 var _jsxRuntime = require("react/jsx-runtime");
 var copyRoomId = function copyRoomId() {
   navigator.clipboard.writeText(window.__DEV_ROOM_ID__).then(function () {
@@ -39,8 +39,8 @@ var App = (0, _root.hot)(function () {
     children: "Loading..."
   });
 });
-_reactDom["default"].render( /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
-window.__DEV_ENGINE_IS_READY__.then( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+_reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
+window.__DEV_ENGINE_IS_READY__.then(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
   var addObserver, bool, sample, connectorTypes, params, layoutUIModule, store, mockUser, App;
   return _regenerator["default"].wrap(function _callee$(_context) {
     while (1) switch (_context.prev = _context.next) {
@@ -84,7 +84,7 @@ window.__DEV_ENGINE_IS_READY__.then( /*#__PURE__*/(0, _asyncToGenerator2["defaul
         sample = function sample(a) {
           return a[Math.random() * a.length | 0];
         };
-        connectorTypes = [_type3.FcrRoomConnectorType.NONE, _type3.FcrRoomConnectorType.PSTN, _type3.FcrRoomConnectorType.SIP, _type3.FcrRoomConnectorType.H323];
+        connectorTypes = [_agoraEduCore.FcrRoomConnectorType.NONE, _agoraEduCore.FcrRoomConnectorType.PSTN, _agoraEduCore.FcrRoomConnectorType.SIP, _agoraEduCore.FcrRoomConnectorType.H323];
         params = {
           deviceStore: {
             addObserver: addObserver
@@ -157,7 +157,7 @@ window.__DEV_ENGINE_IS_READY__.then( /*#__PURE__*/(0, _asyncToGenerator2["defaul
             videoSourceType: 1,
             ownerRoleType: 1,
             sortingPriority: 0,
-            videoStreamConnectorType: _type4.AgoraRteRoomConnectorType.NONE
+            videoStreamConnectorType: _type3.AgoraRteRoomConnectorType.NONE
           };
         };
         window.__layout = store;
@@ -287,16 +287,16 @@ window.__DEV_ENGINE_IS_READY__.then( /*#__PURE__*/(0, _asyncToGenerator2["defaul
                   children: ["audioStreamConnectorType:", ' ', /*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
                     name: "audioStreamConnectorType",
                     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-                      value: _type3.FcrRoomConnectorType.NONE,
+                      value: _agoraEduCore.FcrRoomConnectorType.NONE,
                       children: "NONE"
                     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-                      value: _type3.FcrRoomConnectorType.PSTN,
+                      value: _agoraEduCore.FcrRoomConnectorType.PSTN,
                       children: "PSTN"
                     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-                      value: _type3.FcrRoomConnectorType.H323,
+                      value: _agoraEduCore.FcrRoomConnectorType.H323,
                       children: "H323"
                     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-                      value: _type3.FcrRoomConnectorType.SIP,
+                      value: _agoraEduCore.FcrRoomConnectorType.SIP,
                       children: "SIP"
                     })]
                   })]
@@ -366,7 +366,7 @@ window.__DEV_ENGINE_IS_READY__.then( /*#__PURE__*/(0, _asyncToGenerator2["defaul
             })]
           });
         }));
-        _reactDom["default"].render( /*#__PURE__*/(0, _jsxRuntime.jsx)(_context2.StoreContext.Provider, {
+        _reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_context2.StoreContext.Provider, {
           value: store,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {})
         }), document.getElementById('root'));

package/lib/modules/layout/index.js

@@ -55,12 +55,6 @@ var LayoutUIModule = exports.LayoutUIModule = /*#__PURE__*/function (_UIModule)
         case _constant.RendererEventAction.OPEN_PARTICIPANTS:
           this._store.moveParticipantFromAsideToDialog();
           break;
-        case _constant.RendererEventAction.CALL_HIDE:
-          this._store.setDocumentVisibility(false);
-          break;
-        case _constant.RendererEventAction.CALL_SHOW:
-          this._store.setDocumentVisibility(true);
-          break;
       }
     }
   }, {

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

@@ -115,6 +115,7 @@
   margin-right: 2px;
 }
 .fcr-member-window-members-sharebtn-show {
+  margin-left: 6px;
   display: flex;
 }
 /* fcr-member-window-action start */
@@ -251,18 +252,17 @@
   text-overflow: ellipsis;
 }
 .fcr-user-window-actions-name-isme {
-  padding-right: 2px;
   font-weight: normal;
 }
-.fcr-member-window-gallery .fcr-user-window-actions-name {
-  padding: 0 10px;
-}
+/* .fcr-member-window-gallery .fcr-user-window-actions-name {
+  padding: 0 4px;
+} */
 
 .fcr-user-window-actions-name-doing {
   line-height: 1;
   font-weight: var(--fcr_font_weight_s);
   white-space: nowrap;
-  padding-right: 2px;
+  padding-right: 6px;
 }
 
 .fcr-user-window-actions-top {

package/lib/modules/layout/member-window/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FcrUserRole } from 'agora-edu-core/lib/type';
 import { FcrUIVideoWindowData } from '../type';
 import './index.css';
@@ -20,10 +19,10 @@ export interface MemberWindowProps extends MemberWindowCustomProps {
     windowData: FcrUIVideoWindowData;
 }
 export declare const MemberWindow: ({ showAvatar, windowData, onDoubleClick, slot, width, height, canShowSpeakerSpotlight, onRemovePin, memberWindowPreviewType, videoRenderMode, videoStreamType, }: MemberWindowProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MemberWindowActions: ({ windowData, iconSize, windowSize, openPrivateChat, localUserRole, sendParticipantEvent, muteAudio, hasPinnedStream, allowedOperations, setVideoOrientation, showActionBottomLabel, isShowActionAudio, actionAudioTag, onVisibleChanged, videoWindowCurrentWidth, videoWindowCurrentHeight, videoWindowPreviewType, }: {
+export declare const MemberWindowActions: ({ windowData, iconSize, windowSize, openPrivateChat, localUserRole, sendParticipantEvent, muteAudio, hasPinnedStream, allowedOperations, setVideoOrientation, showActionBottomLabel, isShowActionAudio, actionAudioTag, onVisibleChanged, videoWindowCurrentWidth, videoWindowCurrentHeight, videoWindowPreviewType, showRotation, }: {
     windowData: FcrUIVideoWindowData;
     iconSize: number;
-    windowSize: 'large' | 'normal';
+    windowSize: "large" | "normal";
     openPrivateChat: (userId: string) => void;
     localUserRole: FcrUserRole;
     sendParticipantEvent: (event: any) => void;
@@ -34,10 +33,11 @@ export declare const MemberWindowActions: ({ windowData, iconSize, windowSize, o
     showActionBottomLabel: boolean;
     isShowActionAudio: boolean;
     actionAudioTag: string;
-    onVisibleChanged?: ((visible: boolean) => void) | undefined;
-    videoWindowCurrentWidth?: number | undefined;
-    videoWindowCurrentHeight?: number | undefined;
-    videoWindowPreviewType?: FcrVideoWindowPreviewType | undefined;
+    onVisibleChanged?: (visible: boolean) => void;
+    videoWindowCurrentWidth?: number;
+    videoWindowCurrentHeight?: number;
+    videoWindowPreviewType?: FcrVideoWindowPreviewType;
+    showRotation: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 interface MemberBoardProps {
     slot: React.ReactNode;

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

@@ -9,6 +9,11 @@ require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
+require("core-js/modules/esnext.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");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
@@ -22,6 +27,29 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.set.js");
 require("core-js/modules/es.string.iterator.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");
+require("core-js/modules/esnext.set.difference.js");
+require("core-js/modules/esnext.set.every.js");
+require("core-js/modules/esnext.set.filter.js");
+require("core-js/modules/esnext.set.find.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.intersection.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.js");
+require("core-js/modules/esnext.set.join.js");
+require("core-js/modules/esnext.set.map.js");
+require("core-js/modules/esnext.set.reduce.js");
+require("core-js/modules/esnext.set.some.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.js");
+require("core-js/modules/esnext.set.union.v2.js");
+require("core-js/modules/esnext.set.union.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/web.timers.js");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -46,6 +74,8 @@ var _videoTrackRenderContext = require("../../../utilities/video-track-render-co
 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 _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; }
@@ -55,7 +85,7 @@ var MaxAvatarSize = 175;
 var AvatarSizeRatio = 0.2445;
 var AvatarTextSizeRatio = 0.32;
 var HideControlsTimeout = 3000;
-var meetingConnectorTypes = new Set([_type2.FcrRoomConnectorType.SIP, _type2.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;
 };
@@ -84,8 +114,8 @@ var MemberWindow = exports.MemberWindow = (0, _mobxReact.observer)(function (_re
     audioStreamConnectorType = windowData.audioStreamConnectorType,
     videoStreamConnectorType = windowData.videoStreamConnectorType;
   var t = (0, _i18n.useI18n)();
-  var connectorType = audioStreamConnectorType !== _type2.FcrRoomConnectorType.NONE ? audioStreamConnectorType : videoStreamConnectorType;
-  var isPhone = audioStreamConnectorType === _type2.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') : '');
@@ -164,6 +194,8 @@ var MemberWindow = exports.MemberWindow = (0, _mobxReact.observer)(function (_re
         'fcr-member-window-pin-show': isPin
       }),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+        placement: "leftTop",
+        mouseEnterDelay: 0,
         content: t('fmt_attendies_options_cancelfixed'),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
@@ -208,7 +240,9 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
     onVisibleChanged = _ref3.onVisibleChanged,
     videoWindowCurrentWidth = _ref3.videoWindowCurrentWidth,
     videoWindowCurrentHeight = _ref3.videoWindowCurrentHeight,
-    videoWindowPreviewType = _ref3.videoWindowPreviewType;
+    videoWindowPreviewType = _ref3.videoWindowPreviewType,
+    _ref3$showRotation = _ref3.showRotation,
+    showRotation = _ref3$showRotation === void 0 ? true : _ref3$showRotation;
   // iconsize gallery 24 normal 16
   var _ref4 = windowData || {},
     videoStreamId = _ref4.videoStreamId,
@@ -235,11 +269,11 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     isShowDropMenu = _useState4[0],
     setIsShowDropMenu = _useState4[1];
-  var connectorType = audioStreamConnectorType !== _type2.FcrRoomConnectorType.NONE ? audioStreamConnectorType : videoStreamConnectorType;
-  var isNormal = connectorType === _type2.FcrRoomConnectorType.NONE;
-  var isPhone = connectorType === _type2.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 === _type2.FcrRoomConnectorType.PSTN && !videoStreamId ? 'phone' : isMeeting ? 'meeting-system' : 'normal';
+  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);
@@ -293,6 +327,7 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
         size: iconSize
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
         content: t('fmt_popup_label_muted'),
+        mouseEnterDelay: 0,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
           className: "fcr-user-window-actions-microphone",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
@@ -319,6 +354,7 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
         })
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
         content: t('fmt_popup_label_muted'),
+        mouseEnterDelay: 0,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
           className: "fcr-user-window-actions-microphone",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
@@ -363,6 +399,7 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
     if (isNormal) {
       icon = hasMicrophoneAudioStream ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
         content: t('fmt_popup_label_muted'),
+        mouseEnterDelay: 0,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
           className: "fcr-user-window-actions-microphone",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
@@ -394,6 +431,7 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
           })
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
           content: t('fmt_popup_label_muted'),
+          mouseEnterDelay: 0,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
             className: "fcr-user-window-actions-microphone",
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
@@ -454,6 +492,7 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
           content: t('fmt_popup_label_muted'),
+          mouseEnterDelay: 0,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
             className: "fcr-user-window-actions-microphone",
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
@@ -622,7 +661,7 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
         },
         children: t(actionAudioTag)
       })]
-    }), windowData.isMySelf && hasVideoStream && /*#__PURE__*/(0, _jsxRuntime.jsx)(_localVideoPlayer.VideoOrientation, {
+    }), windowData.isMySelf && hasVideoStream && showRotation && /*#__PURE__*/(0, _jsxRuntime.jsx)(_localVideoPlayer.VideoOrientation, {
       setVideoOrientation: function setVideoOrientation() {
         _setVideoOrientation();
       }
@@ -666,7 +705,8 @@ var MemberBoard = exports.MemberBoard = (0, _mobxReact.observer)(function (_ref5
       openPrivateChat: openPrivateChat,
       windowSize: "large",
       windowData: windowData,
-      iconSize: 24
+      iconSize: 24,
+      showRotation: (0, _env.isElectron)()
     }), slot]
   });
 });