fcr-ui-scene 3.4.3 → 3.4.4

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

@@ -571,14 +571,15 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
         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
+            'fcr-member-window-members-sharebtn-show': hasScreenSharing,
+            'fcr-member-window-members-sharebtn-large': windowSize === 'large'
           }),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
             type: _type.FcrIconType.FCR_MOBILE_SHARESCREEN,
             colors: {
               iconPrimary: 'var(--fcr_ui_scene_white10)'
             },
-            size: 18
+            size: windowSize === 'large' ? 24 : 18
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "fcr-user-window-actions-bottom-layout-info",
@@ -654,7 +655,9 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
               })
             }) : null]
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "fcr-user-window-actions-name",
+            className: (0, _classnames["default"])('fcr-user-window-actions-name', {
+              'ml-5': isManager || isShowInterpreterTag
+            }),
             children: suffixedName
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             className: "fcr-user-window-actions-name-isme",
@@ -664,7 +667,9 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
           }) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             className: "fcr-user-window-actions-name-rename",
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-              onClick: handleRename,
+              onClick: function onClick() {
+                return handleRename(userId);
+              },
               type: _type.FcrIconType.FCR_RENAME,
               colors: {
                 iconPrimary: 'var(--fcr_ui_scene_icontext1)'
@@ -697,6 +702,16 @@ var MemberWindowActions = exports.MemberWindowActions = (0, _mobxReact.observer)
           trigger: "click",
           visible: isShowDropMenu,
           onVisibleChange: onVisibleChange,
+          overlayInnerStyle: {
+            border: 0,
+            boxShadow: '0px 0px 15px var(--fcr_web_light_dropup_m)',
+            borderRadius: 'var(--fcr_cornerradius_l)',
+            minWidth: '210px',
+            maxWidth: '300px',
+            width: 'fit-content'
+          },
+          overlayClassName: "member-window-actions__more-actions",
+          mouseEnterDelay: 0,
           content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_participantsMore.FcrParticipantsMoreActions, {
             userType: userType,
             hasPinnedStream: hasPinnedStream,
@@ -820,6 +835,7 @@ 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,
@@ -828,39 +844,24 @@ var FcrUIRemoteVideoPlayer = exports.FcrUIRemoteVideoPlayer = (0, _mobxReact.obs
   var divRef = (0, _react.useRef)(null);
   var context = (0, _react.useContext)(_videoTrackRenderContext.FcrVideoTrackRenderContext);
   var t = (0, _i18n.useI18n)();
-  var _ref8 = context.streamControl || {},
-    startRenderRemoteVideoStream = _ref8.startRenderRemoteVideoStream,
-    stopRenderRemoteVideoStream = _ref8.stopRenderRemoteVideoStream,
-    addObserver = _ref8.addObserver,
-    removeObserver = _ref8.removeObserver;
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    isFirstRemoteVideoFrameRendered = _useState6[0],
-    setIsFirstRemoteVideoFrameRendered = _useState6[1];
+  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);
   (0, _react.useEffect)(function () {
     var dom = divRef.current;
-    var observer = {
-      onFirstRemoteVideoFrameRendered: function onFirstRemoteVideoFrameRendered(roomId, renderStreamId, dimensions) {
-        if (streamId === renderStreamId) {
-          setIsFirstRemoteVideoFrameRendered(true);
-        }
-      }
-    };
     if (dom) {
       if (hasVideoStream) {
-        startRenderRemoteVideoStream === null || startRenderRemoteVideoStream === void 0 || startRenderRemoteVideoStream(streamId, videoStreamType, {
+        startRenderRemoteVideo === null || startRenderRemoteVideo === void 0 || startRenderRemoteVideo(streamId, videoStreamType, {
           renderMode: renderMode,
           isMirror: false
         }, dom);
-        addObserver && addObserver(observer);
       }
     }
     return function () {
-      removeObserver && removeObserver(observer);
-      setIsFirstRemoteVideoFrameRendered(false);
-      dom && (stopRenderRemoteVideoStream === null || stopRenderRemoteVideoStream === void 0 ? void 0 : stopRenderRemoteVideoStream(streamId, dom));
+      dom && (stopRenderRemoteVideo === null || stopRenderRemoteVideo === void 0 ? void 0 : stopRenderRemoteVideo(streamId, dom));
     };
-  }, [hasVideoStream, streamId, videoStreamType, renderMode, startRenderRemoteVideoStream, stopRenderRemoteVideoStream]);
+  }, [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', {

package/lib/modules/layout/store.js

@@ -33,6 +33,9 @@ require("core-js/modules/es.object.values.js");
 require("core-js/modules/es.set.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.async-iterator.for-each.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.for-each.js");

package/lib/modules/layout/type.js

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VideoRatio = exports.GalleryMaxSize = exports.FcrUIWindowType = exports.FcrUIVideoWindowMainSortingPriority = exports.FcrUIVideoWindowLayoutType = exports.FcrUIVideoWindowFoldSortingPriority = void 0;
 var FcrUIVideoWindowLayoutType = exports.FcrUIVideoWindowLayoutType = /*#__PURE__*/function (FcrUIVideoWindowLayoutType) {
-  /** Show a carousel on top and a big video on the rest of the screen. */
   FcrUIVideoWindowLayoutType["Speaker"] = "speaker";
-  /** Show videos in grid, filling the screen. */
   FcrUIVideoWindowLayoutType["Gallery"] = "gallery";
   return FcrUIVideoWindowLayoutType;
 }({});

package/lib/modules/layout/video-window-datasource.js

@@ -45,6 +45,10 @@ require("core-js/modules/es.object.assign.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.async-iterator.some.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.find.js");

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

@@ -43,6 +43,7 @@ require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.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/esnext.weak-map.delete-all.js");

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

@@ -0,0 +1,2 @@
+import NotificationStore from './store';
+export declare const StoreContext: import("react").Context<NotificationStore>;

package/lib/modules/notification/context.js

@@ -0,0 +1,9 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StoreContext = void 0;
+var _react = require("react");
+var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/notification/interpreter-status/index.js

@@ -8,8 +8,7 @@ exports.InterpreterStatus = void 0;
 require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.join.js");
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _icon = require("agora-ui-foundation/lib/components/icon");
 var _type = require("agora-ui-foundation/lib/components/icon/type");

package/lib/modules/offscreen-pulling/index.js

@@ -15,6 +15,7 @@ require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.parse-int.js");
 require("core-js/modules/es.string.iterator.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/esnext.map.delete-all.js");

package/lib/modules/participant/attendee/index.css

@@ -16,54 +16,3 @@
   max-width: 300px;
   padding: 0;
 }
-
-.operate-waiting-room-dialog-content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: white;
-  padding: 20px;
-  border-radius: 20px;
-}
-
-.operate-waiting-room-dialog-title {
-  font-weight: 600;
-  font-size: 16px;
-  margin-bottom: 10px;
-}
-
-.operate-waiting-room-dialog-tooltip {
-  margin-bottom: 10px;
-}
-
-.operate-waiting-room-dialog-confirm {
-  display: flex;
-}
-
-.operate-waiting-room-dialog-btns {
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-  margin-top: 10px;
-}
-
-.operate-waiting-room-dialog-btns .fcr-button-normal {
-  width: 48%;
-}
-
-.operate-waiting-room-dialog-btns .fcr-button-white {
-  background-color: var(--fcr_ui_scene_btn2);
-  color: var(--fcr_ui_scene_icontext2);
-  width: 48%;
-}
-
-.operate-waiting-room-dialog-btns .fcr-button-white:hover {
-  background-color: var(--fcr_ui_scene_btn2) !important;
-  color: var(--fcr_ui_scene_icontext2) !important;
-  width: 48%;
-}
-
-.operate-waiting-room-dialog-btns .fcr-button-danger {
-  width: 48%;
-}

package/lib/modules/participant/attendee/index.d.ts

@@ -2,18 +2,21 @@ import { ParticipantActionType, User } from 'agora-ui-foundation/lib/components/
 import { FcrUserRole } from '../../../type';
 import './index.css';
 import { FcrPrivilegeUserRole } from 'fcr-core';
+import { DialogKey } from '../../../utilities/constant';
 import { FcrInterpreterUserInfo, FcrLanguage } from 'fcr-core/lib/room-control/interpreter-control/types';
 import { FcrUserKickedOutType } from 'fcr-core/lib/room-control/user-control/type';
-import { FcrRoomType } from 'fcr-core/lib/room-control/type';
-import './index.css';
 export type OperateWaitingRoomMemberDialogProps = {
     type: 'remove' | 'removeAll' | 'admitAll';
     tooltip: string;
     title: string;
     userId?: string;
-    onChecked?: (value: boolean) => void;
 };
-export declare const OperateWaitingRoomMemberDialog: ({ type, tooltip, onChecked, }: OperateWaitingRoomMemberDialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WaitingRoomDialogKeyMap: {
+    remove: DialogKey;
+    removeAll: DialogKey;
+    admitAll: DialogKey;
+};
+export declare const OperateWaitingRoomMemberDialog: ({ type, tooltip, title, userId, }: OperateWaitingRoomMemberDialogProps) => import("react/jsx-runtime").JSX.Element;
 interface ParticipantAttendeeProps extends User {
     onParticipantsButtonClick: (action: ParticipantActionType, userId: string, type?: FcrUserKickedOutType | undefined) => void;
     currentPerspectiveType?: 'host' | 'attendee' | 'cohost';
@@ -25,7 +28,7 @@ interface ParticipantAttendeeProps extends User {
     hasMutePermission: (role: FcrPrivilegeUserRole | FcrUserRole) => boolean;
     hasUnmutePermission: (role: FcrPrivilegeUserRole | FcrUserRole) => boolean;
     hasRequestStartAudioPermission: (role: FcrPrivilegeUserRole | FcrUserRole) => boolean;
-    activeTab: FcrRoomType;
+    activeTab: string;
     moveToMainRoomByUserIds: (userId: string[]) => void;
     interpreterUsers?: FcrInterpreterUserInfo[] | null;
     interpreterState: boolean;

package/lib/modules/participant/attendee/index.js

@@ -9,6 +9,8 @@ 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.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
@@ -16,9 +18,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ParticipantAttendee = exports.OperateWaitingRoomMemberDialog = void 0;
+exports.WaitingRoomDialogKeyMap = exports.ParticipantAttendee = exports.OperateWaitingRoomMemberDialog = void 0;
 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");
 require("core-js/modules/web.timers.js");
@@ -43,26 +46,47 @@ require("./index.css");
 var _helper = require("agora-ui-foundation/lib/components/avatar/helper");
 var _fcrCore = require("fcr-core");
 var _participantsMore = require("agora-ui-foundation/lib/components/participants/participants-more");
+var _constant = require("../../../utilities/constant");
 var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
+var _button = require("agora-ui-foundation/lib/components/button");
 var _useLanguageConfig = require("../../interpreter/interpreter-list/interpreter-item/components/pick-language/useLanguageConfig");
+var _type3 = require("fcr-core/lib/room-control/user-control/type");
 var _useClickAnywhere = require("agora-ui-foundation/lib/hooks/use-click-anywhere");
 var _useElectron = require("../../dialog/hooks/useElectron");
-var _type3 = require("fcr-core/lib/room-control/type");
 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 WaitingRoomDialogKeyMap = exports.WaitingRoomDialogKeyMap = {
+  remove: _constant.DialogKey.WAITING_ROOM_SINGLE_REMOVE,
+  removeAll: _constant.DialogKey.WAITING_ROOM_ALL_REMOVE,
+  admitAll: _constant.DialogKey.WAITING_ROOM_ALL_ADMIT
+};
 var OperateWaitingRoomMemberDialog = exports.OperateWaitingRoomMemberDialog = function OperateWaitingRoomMemberDialog(_ref) {
   var type = _ref.type,
     tooltip = _ref.tooltip,
-    onChecked = _ref.onChecked;
+    title = _ref.title,
+    userId = _ref.userId;
   var t = (0, _i18n.useI18n)();
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     isChecked = _useState2[0],
     setIsChecked = _useState2[1];
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    removeWaitingRoomUser = _useContext.removeWaitingRoomUser,
+    moveToMainRoomAllMember = _useContext.moveToMainRoomAllMember,
+    kickOutWaitingRoomAllMember = _useContext.kickOutWaitingRoomAllMember,
+    closeRemoveAdmitWaitingRoomDialog = _useContext.closeRemoveAdmitWaitingRoomDialog;
+  var buttonTextMap = {
+    removeAll: t('fmt_waitingroom_sidebar_button_removeall'),
+    admitAll: t('fmt_waitingroom_sidebar_button_admitall'),
+    remove: t('fmt_waitingroom_sidebar_popup_button_remove')
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "operate-waiting-room-dialog-content",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "operate-waiting-room-dialog-title",
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "operate-waiting-room-dialog-tooltip",
       children: tooltip
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -70,10 +94,7 @@ var OperateWaitingRoomMemberDialog = exports.OperateWaitingRoomMemberDialog = fu
       children: type === 'admitAll' ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
           checked: isChecked,
-          onChange: function onChange(value) {
-            setIsChecked(value);
-            onChecked && onChecked(value);
-          },
+          onChange: setIsChecked,
           size: "small",
           styleType: "white"
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -83,6 +104,34 @@ var OperateWaitingRoomMemberDialog = exports.OperateWaitingRoomMemberDialog = fu
           children: t('fmt_waitingroom_sidebar_popup_option_notagain')
         })]
       })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "operate-waiting-room-dialog-btns",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+        size: "S",
+        shape: "rounded",
+        styleType: "white",
+        onClick: function onClick() {
+          closeRemoveAdmitWaitingRoomDialog(WaitingRoomDialogKeyMap[type]);
+        },
+        children: t('fmt_waitingroom_sidebar_popup_button_cancel')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+        size: "S",
+        shape: "rounded",
+        styleType: type === 'admitAll' ? 'normal' : 'danger',
+        onClick: function onClick() {
+          if (type === 'remove') {
+            removeWaitingRoomUser(userId, isChecked ? _type3.FcrUserKickedOutType.Forever : _type3.FcrUserKickedOutType.Once);
+          }
+          if (type === 'removeAll') {
+            kickOutWaitingRoomAllMember(isChecked ? _type3.FcrUserKickedOutType.Forever : _type3.FcrUserKickedOutType.Once);
+          }
+          if (type === 'admitAll') {
+            moveToMainRoomAllMember();
+          }
+          closeRemoveAdmitWaitingRoomDialog(WaitingRoomDialogKeyMap[type]);
+        },
+        children: buttonTextMap[type]
+      })]
     })]
   });
 };
@@ -225,14 +274,14 @@ var ParticipantAttendee = exports.ParticipantAttendee = (0, _mobxReact.observer)
     var timeoutId = (0, _react.useRef)();
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "attendee__user-action attendee__user-action-host ".concat(isShowDropMenu ? 'attendee__user-action-hovered' : ''),
-      children: [isShowActionAudio && activeTab === _type3.FcrRoomType.Mainroom && /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.FcrActionButton, {
+      children: [isShowActionAudio && activeTab === _constant.RoomType.MAIN_ROOM && /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.FcrActionButton, {
         size: "small",
         onClick: handleAudioButtonClick,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: hasAudio ? 'attendee__danger-operate' : 'attendee__normal-operate',
           children: t(actionAudioTag)
         })
-      }), activeTab === _type3.FcrRoomType.Waitingroom && /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.FcrActionButton, {
+      }), activeTab === _constant.RoomType.WAITING_ROOM && /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.FcrActionButton, {
         size: "small",
         onClick: function onClick() {
           return moveToMainRoomByUserIds([userId]);
@@ -277,7 +326,7 @@ var ParticipantAttendee = exports.ParticipantAttendee = (0, _mobxReact.observer)
             hasAudio: hasAudio,
             userName: userName,
             audioDeviceType: audioDeviceType,
-            hideActions: activeTab === _type3.FcrRoomType.Mainroom ? mainRoomParticipateActionsNeedHiden : waitingRoomParticipateActionsNeedHiden
+            hideActions: activeTab === _constant.RoomType.MAIN_ROOM ? mainRoomParticipateActionsNeedHiden : waitingRoomParticipateActionsNeedHiden
           }))
         }),
         placement: "bottomRight",
@@ -367,12 +416,12 @@ var ParticipantAttendee = exports.ParticipantAttendee = (0, _mobxReact.observer)
         colors: {
           iconPrimary: 'var(--fcr_ui_scene_ramp_green6)'
         }
-      }), audioDeviceType !== 'none' && activeTab === _type3.FcrRoomType.Mainroom && /*#__PURE__*/(0, _jsxRuntime.jsx)(MicrophoneIndicator, {
+      }), audioDeviceType !== 'none' && activeTab === _constant.RoomType.MAIN_ROOM && /*#__PURE__*/(0, _jsxRuntime.jsx)(MicrophoneIndicator, {
         audioDeviceType: audioDeviceType,
         hasAudio: hasAudio,
         isLocal: !!isMe,
         userId: userId
-      }), videoDeviceType !== 'none' && activeTab === _type3.FcrRoomType.Mainroom && /*#__PURE__*/(0, _jsxRuntime.jsx)(_cameraState.CameraState, {
+      }), videoDeviceType !== 'none' && activeTab === _constant.RoomType.MAIN_ROOM && /*#__PURE__*/(0, _jsxRuntime.jsx)(_cameraState.CameraState, {
         isCameraMuted: !hasVideo,
         size: 28,
         renderIconType: 'surface'
@@ -385,9 +434,9 @@ var MicrophoneIndicator = (0, _mobxReact.observer)(function (_ref2) {
     hasAudio = _ref2.hasAudio,
     isLocal = _ref2.isLocal,
     userId = _ref2.userId;
-  var _useContext = (0, _react.useContext)(_store.StoreContext),
-    audioVolumeMap = _useContext.audioVolumeMap,
-    localMicVolume = _useContext.localMicVolume;
+  var _useContext2 = (0, _react.useContext)(_store.StoreContext),
+    audioVolumeMap = _useContext2.audioVolumeMap,
+    localMicVolume = _useContext2.localMicVolume;
   var volume = isLocal ? localMicVolume : audioVolumeMap.get(userId);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_microphoneState.MicrophoneState, {
     isMicrophoneMuted: !hasAudio,

package/lib/modules/participant/attendee/participants-more-action.d.ts

@@ -0,0 +1,18 @@
+import { ParticipantType } from '../../../utilities/constant';
+import { FcrUserRole } from '../../../type';
+interface ParticipantsMoreActionsProps {
+    isMe?: boolean;
+    userId: string;
+    hasVideo: boolean;
+    hasAudio: boolean;
+    onParticipantsButtonClick: (action: ParticipantType, userId: string) => void;
+    userName: string;
+    userRole: FcrUserRole;
+    isPin: boolean;
+    hasPinnedStream: boolean;
+    allowedOperations: string[];
+    audioDeviceType: string;
+    userType?: string;
+}
+export declare const ParticipantsMoreActions: (props: ParticipantsMoreActionsProps) => import("react/jsx-runtime").JSX.Element;
+export {};