fcr-ui-scene 3.6.1 → 3.6.2

package/lib/modules/annotation/style.css

@@ -0,0 +1,26 @@
+.annotation-container {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 1000;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+}
+
+.annotation-main {
+  width: 100%;
+  height: 100%;
+}
+
+.annotation-action-prevent{
+  width:100%;
+  height: 100%;
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  z-index: 100;
+}

package/lib/modules/annotation/view.d.ts

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

package/lib/modules/annotation/view.js

@@ -0,0 +1,32 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Annotation = void 0;
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _store = require("./store");
+var _store2 = require("../whiteboard/components/toolbar/store");
+var _toolbar = require("../whiteboard/components/toolbar");
+require("./style.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var Annotation = exports.Annotation = (0, _mobxReact.observer)(function () {
+  var _useContext = (0, _react.useContext)(_store.AnnotationStoreContext),
+    handleBoardDomLoad = _useContext.handleBoardDomLoad,
+    handleBoardContainerDomLoad = _useContext.handleBoardContainerDomLoad,
+    isShowToolbar = _useContext.isShowToolbar,
+    getToolbarStore = _useContext.getToolbarStore,
+    resetToolbarStore = _useContext.resetToolbarStore;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "annotation-container netless-whiteboard-wrapper",
+    ref: handleBoardContainerDomLoad,
+    children: resetToolbarStore ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_store2.ToolbarContext.Provider, {
+      value: getToolbarStore(),
+      children: isShowToolbar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_toolbar.Toolbar, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "annotation-action-prevent"
+      })
+    }) : null
+  });
+});

package/lib/modules/chat/view.js

@@ -1,6 +1,12 @@
 "use strict";
 
+require("core-js/modules/es.symbol.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");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -29,6 +35,7 @@ require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/web.dom-collections.iterator.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -48,6 +55,8 @@ var _fcrCore = require("fcr-core");
 var _types = require("./types");
 var _chatTabs = _interopRequireDefault(require("./components/chat-tabs"));
 var _jsxRuntime = require("react/jsx-runtime");
+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 Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
   var _chatRoomStores$FcrUI;
   var updateReadIndex = _ref.updateReadIndex,
@@ -66,7 +75,7 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
     forbiddenTxt: t('fmt_chat_button_muteall'),
     styles: {
       display: 'flex',
-      height: (_chatRoomStores$FcrUI = chatRoomStores[_type.FcrUIRoomType.WAITING_ROOM]) !== null && _chatRoomStores$FcrUI !== void 0 && _chatRoomStores$FcrUI.userCount || 0 > 0 ? 'calc(100% - 28px)' : '100%'
+      height: (_chatRoomStores$FcrUI = chatRoomStores[_type.FcrUIRoomType.WAITING_ROOM]) !== null && _chatRoomStores$FcrUI !== void 0 && _chatRoomStores$FcrUI.userCount || 0 > 0 ? 'calc(100% - 34px)' : '100%'
     }
   };
   var styles = defaultProps.styles,
@@ -187,115 +196,118 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
     });
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_chatTabs["default"], {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatWrapper.ChatWrapper, {
-      styles: styles,
-      errorMsg: errorMsg,
-      forbiddenTxt: forbiddenTxt,
-      singling: singling,
-      forbidden: !localIsManager && !hasChatSendPublicPermission && !hasChatSendPrivatePermission,
-      isHost: isHost,
-      handMsg: function handMsg(msg) {
-        if (chatRoomState !== _type3.FcrChatRoomConnectionState.Connected) {
-          handleToast({
-            id: 'send-msg-offline',
-            toastProps: {
-              type: 'error',
-              content: t('fmt_chat_tips_Networkconnect'),
-              size: 'small'
-            }
-          });
-          return;
-        }
-        if (!localIsManager) {
-          if (privateTargetUser.userId === _types.USER_NONE) {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_chatTabs["default"], {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: _objectSpread({}, styles),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatWrapper.ChatWrapper, {
+        styles: styles,
+        errorMsg: errorMsg,
+        forbiddenTxt: forbiddenTxt,
+        singling: singling,
+        forbidden: !localIsManager && !hasChatSendPublicPermission && !hasChatSendPrivatePermission,
+        isHost: isHost,
+        handMsg: function handMsg(msg) {
+          if (chatRoomState !== _type3.FcrChatRoomConnectionState.Connected) {
             handleToast({
-              id: 'send-msg-to-none',
+              id: 'send-msg-offline',
               toastProps: {
-                type: 'normal',
-                content: t('fmt_chat_tips_selectchat'),
+                type: 'error',
+                content: t('fmt_chat_tips_Networkconnect'),
                 size: 'small'
               }
             });
             return;
           }
+          if (!localIsManager) {
+            if (privateTargetUser.userId === _types.USER_NONE) {
+              handleToast({
+                id: 'send-msg-to-none',
+                toastProps: {
+                  type: 'normal',
+                  content: t('fmt_chat_tips_selectchat'),
+                  size: 'small'
+                }
+              });
+              return;
+            }
 
-          // if (
-          //   chatLevel === 'no_one' ||
-          //   (chatLevel !== 'everyone' &&
-          //     privateTargetUser.userId !== USER_ALL &&
-          //     !isManager(privateTargetUser.userRole))
-          // ) {
-          //   handleToast({
-          //     id: 'send-msg-to-none',
-          //     toastProps: {
-          //       type: 'normal',
-          //       content: t('fmt_chat_tips_permissionchange'),
-          //       size: 'small',
-          //     },
-          //   });
-          //   resetTargetUser();
-          //   return;
-          // }
+            // if (
+            //   chatLevel === 'no_one' ||
+            //   (chatLevel !== 'everyone' &&
+            //     privateTargetUser.userId !== USER_ALL &&
+            //     !isManager(privateTargetUser.userRole))
+            // ) {
+            //   handleToast({
+            //     id: 'send-msg-to-none',
+            //     toastProps: {
+            //       type: 'normal',
+            //       content: t('fmt_chat_tips_permissionchange'),
+            //       size: 'small',
+            //     },
+            //   });
+            //   resetTargetUser();
+            //   return;
+            // }
 
-          if (privateTargetUser.userId === _types.USER_ALL && !hasSendMessagePermission) {
-            handleToast({
-              id: 'send-msg-to-none',
-              toastProps: {
-                type: 'normal',
-                content: t('fmt_chat_tips_permissionchange'),
-                size: 'small'
-              }
-            });
-            return;
-          } else if (privateTargetUser.userId !== _types.USER_ALL && !hasChatSendPrivatePermission) {
-            handleToast({
-              id: 'send-msg-to-none',
-              toastProps: {
-                type: 'normal',
-                content: t('fmt_chat_tips_permissionchange'),
-                size: 'small'
-              }
-            });
-            resetTargetUser();
-            return;
-          }
-        }
-        sendMsg(msg);
-      },
-      handleClickUploadImage: handleClickUploadImage,
-      msgBarElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatBar.MessageBar, {
-        users: targetList
-      }),
-      targetUserIsOnline: targetUserIsOnline,
-      privateTarget: privateTargetUser.userId,
-      selectTargetNickname: privateTargetUser.userName,
-      multiSelectActive: multiSelectActive,
-      selectCnt: copyMap.size,
-      onSelectCancel: function onSelectCancel() {
-        resetMultiSelectStates();
-      },
-      onSelectConfirm: /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return handleMultiCopyMsg();
-            case 2:
-              resetMultiSelectStates();
-              copyTips();
-            case 4:
-            case "end":
-              return _context2.stop();
+            if (privateTargetUser.userId === _types.USER_ALL && !hasSendMessagePermission) {
+              handleToast({
+                id: 'send-msg-to-none',
+                toastProps: {
+                  type: 'normal',
+                  content: t('fmt_chat_tips_permissionchange'),
+                  size: 'small'
+                }
+              });
+              return;
+            } else if (privateTargetUser.userId !== _types.USER_ALL && !hasChatSendPrivatePermission) {
+              handleToast({
+                id: 'send-msg-to-none',
+                toastProps: {
+                  type: 'normal',
+                  content: t('fmt_chat_tips_permissionchange'),
+                  size: 'small'
+                }
+              });
+              resetTargetUser();
+              return;
+            }
           }
-        }, _callee2);
-      })),
-      defaultMsg: textMsg,
-      updateChatTextMsg: updateChatTextMsg,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_messageList.MessageList, {
-        updateReadMsgIndex: updateReadIndex,
-        userId: localUserId,
-        setMultiSelectActive: setMultiSelectActive,
-        multiSelectActive: multiSelectActive
+          sendMsg(msg);
+        },
+        handleClickUploadImage: handleClickUploadImage,
+        msgBarElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatBar.MessageBar, {
+          users: targetList
+        }),
+        targetUserIsOnline: targetUserIsOnline,
+        privateTarget: privateTargetUser.userId,
+        selectTargetNickname: privateTargetUser.userName,
+        multiSelectActive: multiSelectActive,
+        selectCnt: copyMap.size,
+        onSelectCancel: function onSelectCancel() {
+          resetMultiSelectStates();
+        },
+        onSelectConfirm: /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+          return _regenerator["default"].wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return handleMultiCopyMsg();
+              case 2:
+                resetMultiSelectStates();
+                copyTips();
+              case 4:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        })),
+        defaultMsg: textMsg,
+        updateChatTextMsg: updateChatTextMsg,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_messageList.MessageList, {
+          updateReadMsgIndex: updateReadIndex,
+          userId: localUserId,
+          setMultiSelectActive: setMultiSelectActive,
+          multiSelectActive: multiSelectActive
+        })
       })
     })]
   });

package/lib/modules/components/annotation-menu/index.d.ts

@@ -0,0 +1,7 @@
+declare const AnnotationMenu: ({ hasAnnotationAllowWritePermission, allowAnnotationWriteState, showClear, setAllowAnnotationWrite, }: {
+    hasAnnotationAllowWritePermission: boolean;
+    allowAnnotationWriteState: boolean;
+    showClear?: boolean;
+    setAllowAnnotationWrite: (allow: boolean) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default AnnotationMenu;

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

@@ -0,0 +1,119 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.for-each.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/esnext.async-iterator.for-each.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", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.map.js");
+var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
+var _dropMenu = require("agora-ui-foundation/lib/components/drop-menu");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _type2 = require("../../whiteboard/type");
+var _rendererEvent = require("../../../utilities/renderer-event");
+var _jsxRuntime = require("react/jsx-runtime");
+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 AnnotationMenu = function AnnotationMenu(_ref) {
+  var hasAnnotationAllowWritePermission = _ref.hasAnnotationAllowWritePermission,
+    allowAnnotationWriteState = _ref.allowAnnotationWriteState,
+    showClear = _ref.showClear,
+    setAllowAnnotationWrite = _ref.setAllowAnnotationWrite;
+  var transI18n = (0, _i18n.useI18n)();
+  function onClearAllAnnotation() {
+    (0, _rendererEvent.sendEvent)({
+      action: _type2.ToolbarEvents.CLEAN,
+      payload: null
+    });
+  }
+  var hostMenu = hasAnnotationAllowWritePermission ? [{
+    title: transI18n('fmt_screenshare_controlbar_settings_label_annotation_settings'),
+    key: 'annotation_setting_title',
+    type: 'title'
+  }, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+      checked: allowAnnotationWriteState,
+      label: transI18n('fmt_screenshare_controlbar_annotations_options_attendees_annotate'),
+      styleType: "white"
+    }),
+    key: 'allow_other_member_add_annotation',
+    type: 'primary',
+    onButtonClick: function onButtonClick() {
+      return setAllowAnnotationWrite(!allowAnnotationWriteState);
+    }
+  }
+  // {
+  //   title: (
+  //     <FcrCheckbox
+  //       checked={false}
+  //       label={transI18n('fmt_screenshare_controlbar_annotations_options_show_name')}
+  //       styleType="white"
+  //     />
+  //   ),
+  //   key: 'allow_other_member_add_annotation',
+  //   type: 'primary',
+  // },
+  ] : [];
+  showClear && hasAnnotationAllowWritePermission && hostMenu.push({
+    type: 'line',
+    title: '',
+    key: 'annotation_operation_line'
+  });
+  var ownerMenu = showClear ? [{
+    title: transI18n('fmt_screenshare_controlbar_settings_label_annotation_controls'),
+    key: 'annotation_operation_title',
+    type: 'title'
+  }, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_DELETE3,
+      size: 24,
+      colors: {
+        iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+      }
+    }),
+    title: transI18n('fmt_screenshare_controlbar_options_clear_all'),
+    key: 'clear_all_annotation',
+    type: 'primary',
+    onButtonClick: onClearAllAnnotation
+  }] : [];
+  var allActions = [].concat(hostMenu, ownerMenu);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropMenu.FcrDropMenu, {
+    className: "security-menu",
+    options: allActions.filter(function (action) {
+      return action.type !== 'disabled';
+    }).map(function (action) {
+      if (action.type === 'primary') {
+        return _objectSpread(_objectSpread({}, action), {}, {
+          title: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "security-drop-menu-checkbox",
+            children: action.title
+          })
+        });
+      }
+      return _objectSpread({}, action);
+    })
+  });
+};
+var _default = exports["default"] = AnnotationMenu;

package/lib/modules/components/leave-meeting/components/assign-host.js

@@ -6,8 +6,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AssignHost = void 0;
-require("core-js/modules/es.array.index-of.js");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.array.find.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.find.js");
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _mobxReact = require("mobx-react");
@@ -20,42 +24,42 @@ var _icon = require("agora-ui-foundation/lib/components/icon");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _jsxRuntime = require("react/jsx-runtime");
 var AssignHost = exports.AssignHost = (0, _mobxReact.observer)(function (props) {
-  var _remoteUsers$selected2;
   var remoteUsers = props.remoteUsers,
     assignHost = props.assignHost,
     loading = props.loading;
-  var _useState = (0, _react.useState)(0),
+  var _useState = (0, _react.useState)(''),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    selected = _useState2[0],
-    setSelected = _useState2[1];
-  var selectedUidRef = (0, _react.useRef)(remoteUsers[selected].userId);
+    selectedUserId = _useState2[0],
+    setSelectedUserId = _useState2[1];
   var t = (0, _i18n.useI18n)();
   (0, _react.useEffect)(function () {
-    var _remoteUsers$selected;
-    var isSelectedUserLeft = selectedUidRef.current !== ((_remoteUsers$selected = remoteUsers[selected]) === null || _remoteUsers$selected === void 0 ? void 0 : _remoteUsers$selected.userId);
-    if (remoteUsers.length === 0) {
-      setSelected(0);
-    } else if (selected >= remoteUsers.length) {
-      setSelected(remoteUsers.length - 1);
-    } else if (isSelectedUserLeft) {
-      // 勾选的用户离开之后勾选第一个用户
-      setSelected(0);
+    var selectedUser = remoteUsers.find(function (v) {
+      return v.userId === selectedUserId;
+    });
+    var isSelectedUserLeft = !selectedUser;
+    var isSelectedUserLeftOrNotSelected = isSelectedUserLeft || !selectedUserId;
+
+    // 如果勾选的用户离开或者没有勾选用户，则勾选第一个用户
+    if (isSelectedUserLeftOrNotSelected && remoteUsers.length > 0) {
+      setSelectedUserId(remoteUsers[0].userId);
     }
-  }, [remoteUsers, selected]);
+  }, [remoteUsers, selectedUserId]);
   var handleLeave = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
       var user;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (!(remoteUsers.length === 0 || !remoteUsers[selected])) {
-              _context.next = 3;
+            user = remoteUsers.find(function (v) {
+              return v.userId === selectedUserId;
+            });
+            if (!(remoteUsers.length === 0 || !user)) {
+              _context.next = 4;
               break;
             }
             props.setPopoverOpened(false);
             return _context.abrupt("return");
-          case 3:
-            user = remoteUsers[selected];
+          case 4:
             assignHost(user);
             props.setPopoverOpened(false);
           case 6:
@@ -98,10 +102,9 @@ var AssignHost = exports.AssignHost = (0, _mobxReact.observer)(function (props)
       children: t('fmt_toolbar_button_assignleave')
     }),
     candidateUsers: remoteUsers,
-    selectedUid: (_remoteUsers$selected2 = remoteUsers[selected]) === null || _remoteUsers$selected2 === void 0 ? void 0 : _remoteUsers$selected2.userId,
+    selectedUid: selectedUserId,
     onSelect: function onSelect(user) {
-      selectedUidRef.current = user.userId;
-      setSelected(remoteUsers.indexOf(user));
+      setSelectedUserId(user.userId);
     }
   });
 });

package/lib/modules/components/member-window/components/member-actions/components/icon-buttons/index.d.ts

@@ -30,6 +30,8 @@ export declare const ShareSoundIconButton: (props: {
     hasScreenSharing: boolean;
     windowSize: string;
     hasLoopbackAudioStream: boolean;
+    largeSize?: number;
+    normalSize?: number;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const ActionsTagIconButton: (props: PropsWithChildren<{
     hostTag: boolean;

package/lib/modules/components/member-window/components/member-actions/components/icon-buttons/index.js

@@ -126,9 +126,13 @@ var ShareScreenIconButton = exports.ShareScreenIconButton = function ShareScreen
   });
 };
 var ShareSoundIconButton = exports.ShareSoundIconButton = function ShareSoundIconButton(props) {
+  var _ref;
   var hasScreenSharing = props.hasScreenSharing,
     windowSize = props.windowSize,
-    hasLoopbackAudioStream = props.hasLoopbackAudioStream;
+    hasLoopbackAudioStream = props.hasLoopbackAudioStream,
+    largeSize = props.largeSize,
+    normalSize = props.normalSize;
+  var useSize = (_ref = windowSize === 'large' ? largeSize : normalSize) !== null && _ref !== void 0 ? _ref : windowSize === 'large' ? 24 : 18;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classnames["default"])('fcr-member-window-members-shareSound', {
       'fcr-member-window-members-sharebtn-show': hasScreenSharing && hasLoopbackAudioStream,
@@ -139,7 +143,7 @@ var ShareSoundIconButton = exports.ShareSoundIconButton = function ShareSoundIco
       colors: {
         iconPrimary: 'var(--fcr_ui_scene_ramp_green6)'
       },
-      size: windowSize === 'large' ? 24 : 18
+      size: useSize
     })
   });
 };

package/lib/modules/components/member-window/components/video-player/components/remote-video-player.d.ts

@@ -1,8 +1,9 @@
 import { AgoraRtcRenderMode, AgoraRtcVideoStreamType } from 'fcr-core/lib/imports';
-export declare const FcrUIRemoteVideoPlayer: ({ streamId, hasVideoStream, videoStreamType, renderMode, }: {
+export declare const FcrUIRemoteVideoPlayer: ({ streamId, hasVideoStream, videoStreamType, renderMode, hasScreenSharing, scalcValue, }: {
     streamId: string;
     hasVideoStream: boolean;
     videoStreamType: AgoraRtcVideoStreamType;
     renderMode: AgoraRtcRenderMode;
     hasScreenSharing: boolean;
+    scalcValue: number;
 }) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/components/member-window/components/video-player/components/remote-video-player.js

@@ -17,7 +17,9 @@ var FcrUIRemoteVideoPlayer = exports.FcrUIRemoteVideoPlayer = (0, _mobxReact.obs
   var streamId = _ref.streamId,
     hasVideoStream = _ref.hasVideoStream,
     videoStreamType = _ref.videoStreamType,
-    renderMode = _ref.renderMode;
+    renderMode = _ref.renderMode,
+    hasScreenSharing = _ref.hasScreenSharing,
+    scalcValue = _ref.scalcValue;
   var divRef = (0, _react.useRef)(null);
   var context = (0, _react.useContext)(_videoTrackRenderContext.FcrVideoTrackRenderContext);
   var t = (0, _i18n.useI18n)();
@@ -44,6 +46,9 @@ var FcrUIRemoteVideoPlayer = exports.FcrUIRemoteVideoPlayer = (0, _mobxReact.obs
       className: (0, _classnames["default"])('fcr-member-window-body fcr-member-window-body-video-remote', {
         'fcr-member-window-body-video-remote-render': isFirstRemoteVideoFrameRendered && hasVideoStream
       }),
+      style: {
+        transform: "scale(".concat(scalcValue, ")")
+      },
       ref: divRef
     })
   });

package/lib/modules/components/member-window/components/video-player/index.d.ts

@@ -6,4 +6,5 @@ export declare const FcrUIVideoPlayer: (props: {
     videoStreamType: AgoraRtcVideoStreamType;
     renderMode: AgoraRtcRenderMode;
     hasScreenSharing: boolean;
+    scalcValue: number;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -8,4 +8,4 @@ export declare const AvatarTextSizeRatio = 0.32;
 export declare const HideControlsTimeout = 3000;
 export declare const meetingConnectorTypes: Set<FcrRoomConnectorType>;
 export declare const clamp: (val: number, min: number, max: number) => number;
-export declare const MemberWindow: ({ showAvatar, windowData, onDoubleClick, slot, width, height, canShowSpeakerSpotlight, onRemovePin, memberWindowPreviewType, videoRenderMode, videoStreamType, isVideoSuspended, }: MemberWindowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MemberWindow: ({ showAvatar, windowData, onDoubleClick, slot, width, height, canShowSpeakerSpotlight, onRemovePin, memberWindowPreviewType, videoRenderMode, videoStreamType, isVideoSuspended, annotation, scalcValue, }: MemberWindowProps) => import("react/jsx-runtime").JSX.Element;