fcr-ui-scene 3.4.4 → 3.4.5

package/lib/modules/live-streaming/context.d.ts

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

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

@@ -1,9 +0,0 @@
-"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/context.d.ts

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

package/lib/modules/notification/context.js

@@ -1,9 +0,0 @@
-"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/participant/attendee/index.css

@@ -1,18 +0,0 @@
-.attendee__user-info-avatar_speakerSpotlight {
-  position: relative;
-}
-.attendee__user-info-avatar_speakerSpotlight::before {
-  content: '';
-  display: block;
-  position: absolute;
-  top: -4px;
-  left: -4px;
-  width: calc(100% + 8px);
-  height: calc(100% + 8px);
-  border: 2px solid var(--fcr_ui_scene_ramp_green6);
-  border-radius: var(--fcr_cornerradius_l);
-}
-.attendee__more-actions {
-  max-width: 300px;
-  padding: 0;
-}

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

@@ -1,39 +0,0 @@
-import { ParticipantActionType, User } from 'agora-ui-foundation/lib/components/participants/attendee';
-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';
-export type OperateWaitingRoomMemberDialogProps = {
-    type: 'remove' | 'removeAll' | 'admitAll';
-    tooltip: string;
-    title: string;
-    userId?: string;
-};
-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';
-    isPin: boolean;
-    hasPinnedStream: boolean;
-    enableSpotlight: boolean;
-    isBoardActive?: boolean;
-    allowedOperations: string[];
-    hasMutePermission: (role: FcrPrivilegeUserRole | FcrUserRole) => boolean;
-    hasUnmutePermission: (role: FcrPrivilegeUserRole | FcrUserRole) => boolean;
-    hasRequestStartAudioPermission: (role: FcrPrivilegeUserRole | FcrUserRole) => boolean;
-    activeTab: string;
-    moveToMainRoomByUserIds: (userId: string[]) => void;
-    interpreterUsers?: FcrInterpreterUserInfo[] | null;
-    interpreterState: boolean;
-    interpreterInputLanguage: FcrLanguage | undefined;
-    type: 'modal' | 'window';
-}
-export declare const ParticipantAttendee: (props: ParticipantAttendeeProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,447 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.for-each.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");
-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");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _avatar = require("agora-ui-foundation/lib/components/avatar");
-var _action = require("agora-ui-foundation/lib/components/button/action");
-var _icon = require("agora-ui-foundation/lib/components/icon");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _attendee = require("agora-ui-foundation/lib/components/participants/attendee");
-var _popover = require("agora-ui-foundation/lib/components/popover");
-var _cameraState = require("agora-ui-foundation/lib/components/room-screen-share-state-bar/camera-state");
-var _microphoneState = require("agora-ui-foundation/lib/components/room-screen-share-state-bar/microphone-state");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _mobxReact = require("mobx-react");
-var _react = require("react");
-var _store = require("../store");
-var _type2 = require("../../../type");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _muteAction = require("../../../utilities/mute-action");
-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 _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,
-    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", {
-      className: "operate-waiting-room-dialog-confirm",
-      children: type === 'admitAll' ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-          checked: isChecked,
-          onChange: setIsChecked,
-          size: "small",
-          styleType: "white"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          style: {
-            marginLeft: '10px'
-          },
-          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]
-      })]
-    })]
-  });
-};
-var ParticipantAttendee = exports.ParticipantAttendee = (0, _mobxReact.observer)(function (props) {
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    isShowDropMenu = _useState4[0],
-    setIsShowDropMenu = _useState4[1];
-  var userId = props.userId,
-    userName = props.userName,
-    isMe = props.isMe,
-    isHost = props.isHost,
-    hasAudio = props.hasAudio,
-    hasVideo = props.hasVideo,
-    isScreenSharing = props.isScreenSharing,
-    isBoardActive = props.isBoardActive,
-    _props$onParticipants = props.onParticipantsButtonClick,
-    onParticipantsButtonClick = _props$onParticipants === void 0 ? function () {} : _props$onParticipants,
-    _props$currentPerspec = props.currentPerspectiveType,
-    currentPerspectiveType = _props$currentPerspec === void 0 ? 'attendee' : _props$currentPerspec,
-    audioDeviceType = props.audioDeviceType,
-    videoDeviceType = props.videoDeviceType,
-    userType = props.userType,
-    userRole = props.userRole,
-    isSpotlight = props.isSpotlight,
-    isPin = props.isPin,
-    hasPinnedStream = props.hasPinnedStream,
-    enableSpotlight = props.enableSpotlight,
-    allowedOperations = props.allowedOperations,
-    hasMutePermission = props.hasMutePermission,
-    hasUnmutePermission = props.hasUnmutePermission,
-    hasRequestStartAudioPermission = props.hasRequestStartAudioPermission,
-    activeTab = props.activeTab,
-    moveToMainRoomByUserIds = props.moveToMainRoomByUserIds,
-    interpreterUsers = props.interpreterUsers,
-    interpreterState = props.interpreterState,
-    interpreterInputLanguage = props.interpreterInputLanguage,
-    type = props.type;
-  var dialogInstanceContext = (0, _react.useContext)(_useElectron.DialogInstanceContext);
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    disableHover = _useState6[0],
-    setDisableHover = _useState6[1];
-  var nameColor = (0, _helper.getNameColor)(userName);
-  var volumeTimer = undefined;
-  var _useState7 = (0, _react.useState)(0),
-    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-    phoneCallFrame = _useState8[0],
-    setPhoneCallFrame = _useState8[1];
-  var clickAnywhere = (0, _react.useCallback)(function () {
-    setIsShowDropMenu(false);
-  }, [setIsShowDropMenu]);
-  var clickRef = (0, _useClickAnywhere.useClickAnywhere)(clickAnywhere, type === 'modal' ? dialogInstanceContext === null || dialogInstanceContext === void 0 ? void 0 : dialogInstanceContext.newRendererWindow : window);
-  var percentPhone = function percentPhone(phoneCallFrame) {
-    switch (phoneCallFrame) {
-      case '0':
-        return 30;
-      case '1':
-        return 19;
-      case '2':
-        return 9;
-      default:
-        return 4;
-    }
-  };
-  var userAvatar = function userAvatar() {
-    if (userType === 'meeting-system') {
-      return {
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-          type: _type.FcrIconType.FCR_SIPDEVICE,
-          colors: {
-            iconPrimary: 'var(--fcr_ui_scene_white10)',
-            iconSecondary: 'var(--fcr_ui_scene_ramp_green6)'
-          }
-        }),
-        backgroundColor: 'var(--fcr_ui_scene_ramp_purple7)'
-      };
-    }
-    if (userType === 'phone') {
-      return {
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-          type: _type.FcrIconType.FCR_PHONECALL3,
-          colors: {
-            iconPrimary: 'var(--fcr_ui_scene_white10)'
-          }
-        }),
-        backgroundColor: 'var(--fcr_ui_scene_ramp_green6)'
-      };
-    }
-    return {
-      icon: null,
-      backgroundColor: ''
-    };
-  };
-  (0, _react.useEffect)(function () {
-    setDisableHover(userType === 'meeting-system');
-  }, [userType]);
-  (0, _react.useEffect)(function () {
-    if (volumeTimer) {
-      clearInterval(volumeTimer);
-    }
-    if (audioDeviceType === 'phone-mic') {
-      volumeTimer = setInterval(function () {
-        setPhoneCallFrame(function (frame) {
-          return (frame + 1) % 4;
-        });
-      }, 250);
-      return function () {
-        return clearInterval(volumeTimer);
-      };
-    }
-  }, [audioDeviceType]);
-  var userActions = function userActions() {
-    var handleAudioButtonClick = function handleAudioButtonClick() {
-      var action = hasAudio ? _attendee.ParticipantActionType.MUTE_AUDIO : _attendee.ParticipantActionType.UNMUTE_AUDIO;
-      onParticipantsButtonClick(action, userId);
-    };
-    var handlePrivateChatButtonClick = function handlePrivateChatButtonClick() {
-      onParticipantsButtonClick(_attendee.ParticipantActionType.PRIVATE_CHAT, userId);
-    };
-    var handleMoreActionsClick = function handleMoreActionsClick(action, userId) {
-      onParticipantsButtonClick(action, userId);
-      setIsShowDropMenu(false);
-    };
-    var muteAudioPermission = hasMutePermission(isMe ? _fcrCore.FcrPrivilegeUserRole.SELF : userRole);
-    var startAudioPermission = hasUnmutePermission(isMe ? _fcrCore.FcrPrivilegeUserRole.SELF : userRole);
-    var requestStartAudioPermission = hasRequestStartAudioPermission(userRole);
-    var _actionMute = (0, _muteAction.actionMute)(!!isMe, hasAudio, muteAudioPermission, startAudioPermission, requestStartAudioPermission),
-      isShowActionAudio = _actionMute.isShowActionAudio,
-      actionAudioTag = _actionMute.actionAudioTag;
-    var waitingRoomParticipateActionsNeedHiden = ['start_video', 'request_start_video', 'stop_video', 'pin', 'set_as_host', 'set_as_co_host', 'revoke_co_host', 'merge_video', 'put_into_waiting_room'];
-    var mainRoomParticipateActionsNeedHiden = [];
-    (0, _react.useEffect)(function () {
-      return function () {
-        if (timeoutId.current) {
-          clearTimeout(timeoutId.current);
-        }
-      };
-    }, []);
-    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 === _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 === _constant.RoomType.WAITING_ROOM && /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.FcrActionButton, {
-        size: "small",
-        onClick: function onClick() {
-          return moveToMainRoomByUserIds([userId]);
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: 'attendee__normal-operate',
-          children: t('fmt_waitingroom_sidebar_button_admit')
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
-        visible: isShowDropMenu,
-        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: "attendee__more-actions",
-        mouseEnterDelay: 0,
-        content: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          ref: clickRef,
-          onMouseEnter: function onMouseEnter() {
-            if (timeoutId.current) {
-              clearTimeout(timeoutId.current);
-            }
-          },
-          onMouseLeave: function onMouseLeave() {
-            timeoutId.current = setTimeout(function () {
-              setIsShowDropMenu(false);
-            }, 200);
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_participantsMore.FcrParticipantsMoreActions, _objectSpread(_objectSpread({}, props), {}, {
-            onParticipantsButtonClick: handleMoreActionsClick,
-            userRole: userRole,
-            isPin: isPin,
-            hasPinnedStream: hasPinnedStream,
-            allowedOperations: allowedOperations,
-            userType: userType,
-            userId: userId,
-            hasVideo: hasVideo,
-            hasAudio: hasAudio,
-            userName: userName,
-            audioDeviceType: audioDeviceType,
-            hideActions: activeTab === _constant.RoomType.MAIN_ROOM ? mainRoomParticipateActionsNeedHiden : waitingRoomParticipateActionsNeedHiden
-          }))
-        }),
-        placement: "bottomRight",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.FcrActionButton, {
-          onClick: function onClick() {
-            if (!isShowDropMenu) {
-              setIsShowDropMenu(true);
-            }
-          },
-          size: "small",
-          iconType: _type.FcrIconType.FCR_DROPDOWN,
-          children: t('fmt_participants_member_button_more')
-        })
-      })]
-    });
-  };
-  var t = (0, _i18n.useI18n)();
-  var interpreter = (0, _react.useMemo)(function () {
-    return interpreterUsers === null || interpreterUsers === void 0 ? void 0 : interpreterUsers.find(function (ele) {
-      return ele.userId === userId;
-    });
-  }, [interpreterUsers, userId]);
-  var getLanguageConfig = (0, _useLanguageConfig.useLanguageConfig)();
-  var interpreterTag = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: interpreter && interpreterState && interpreterInputLanguage && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "attendee__host-badge attendee__interpreter-tag-bg",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "attendee__interpreter-tag-user",
-        children: t('fmt_ai_transcriptions_setting_label_translator')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "attendee__interpreter-tag-language",
-        children: getLanguageConfig(interpreterInputLanguage).abbr
-      })]
-    })
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames["default"])('attendee', {
-      'attendee-active': isShowDropMenu && !disableHover
-    }),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "attendee__user-info",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames["default"])('attendee__user-info-avatar', {
-          'attendee__user-info-avatar_speakerSpotlight': isSpotlight && enableSpotlight
-        }),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.FcrAvatar, _objectSpread({
-          size: 32,
-          nickName: userName,
-          textSize: 14
-        }, userAvatar()))
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "attendee__user-info-identity",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "attendee__name",
-          style: {
-            color: nameColor
-          },
-          children: [userName, isMe && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "attendee__me-badge",
-            children: "(Me)"
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "attendee__tag-group",
-          children: [isHost && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "attendee__host-badge",
-            children: t('fmt_role_host')
-          }), isHost && interpreterTag]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "attendee__tag-group",
-          children: [userRole === _type2.FcrUserRole.COHOST && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "attendee__host-badge attendee__cohost-tag-bg",
-            children: t('fmt_role_cohost')
-          }), !isHost && interpreterTag]
-        })]
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "attendee__user-media",
-      children: [isScreenSharing && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-        type: _type.FcrIconType.FCR_SCREENSHARING_1,
-        size: 28,
-        colors: {
-          iconPrimary: 'var(--fcr_ui_scene_ramp_green6)'
-        }
-      }), isBoardActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-        type: _type.FcrIconType.FCR_WHITEBOARD,
-        size: 28,
-        colors: {
-          iconPrimary: 'var(--fcr_ui_scene_ramp_green6)'
-        }
-      }), audioDeviceType !== 'none' && activeTab === _constant.RoomType.MAIN_ROOM && /*#__PURE__*/(0, _jsxRuntime.jsx)(MicrophoneIndicator, {
-        audioDeviceType: audioDeviceType,
-        hasAudio: hasAudio,
-        isLocal: !!isMe,
-        userId: userId
-      }), videoDeviceType !== 'none' && activeTab === _constant.RoomType.MAIN_ROOM && /*#__PURE__*/(0, _jsxRuntime.jsx)(_cameraState.CameraState, {
-        isCameraMuted: !hasVideo,
-        size: 28,
-        renderIconType: 'surface'
-      })]
-    }), userActions()]
-  }, userId);
-});
-var MicrophoneIndicator = (0, _mobxReact.observer)(function (_ref2) {
-  var audioDeviceType = _ref2.audioDeviceType,
-    hasAudio = _ref2.hasAudio,
-    isLocal = _ref2.isLocal,
-    userId = _ref2.userId;
-  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,
-    size: 28,
-    isPhoneMic: audioDeviceType === 'phone-mic',
-    voicePercent: volume || 0
-  });
-});

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

@@ -1,18 +0,0 @@
-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 {};