fcr-ui-scene 3.4.5 → 3.5.0

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

@@ -0,0 +1,40 @@
+import { PropsWithChildren } from 'react';
+export declare const SipDeviceIconButton: (props: {
+    iconSize: number;
+    backgroundColor?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PhoneCallSilenceIconButton: (props: {
+    iconSize: number;
+    tooltip?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PhoneCallIconButton: (props: {
+    iconSize: number;
+    backgroundColor?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const NoMuteIconButton: (props: {
+    iconSize: number;
+    tooltip?: string;
+    isManager?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const InterpreterTag: (props: PropsWithChildren<{
+    className?: string;
+    isShow?: boolean;
+    showActionBottomLabel?: boolean;
+    windowSize?: string;
+}>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ShareScreenIconButton: (props: {
+    hasScreenSharing: boolean;
+    windowSize: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ShareSoundIconButton: (props: {
+    hasScreenSharing: boolean;
+    windowSize: string;
+    hasLoopbackAudioStream: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ActionsTagIconButton: (props: PropsWithChildren<{
+    hostTag: boolean;
+    coHostTag: boolean;
+}>) => import("react/jsx-runtime").JSX.Element;
+export declare const RenameTagIconButton: (props: {
+    onClick: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,170 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SipDeviceIconButton = exports.ShareSoundIconButton = exports.ShareScreenIconButton = exports.RenameTagIconButton = exports.PhoneCallSilenceIconButton = exports.PhoneCallIconButton = exports.NoMuteIconButton = exports.InterpreterTag = exports.ActionsTagIconButton = void 0;
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+var SipDeviceIconButton = exports.SipDeviceIconButton = function SipDeviceIconButton(props) {
+  var iconSize = props.iconSize,
+    _props$backgroundColo = props.backgroundColor,
+    backgroundColor = _props$backgroundColo === void 0 ? 'var(--fcr_ui_scene_ramp_purple7)' : _props$backgroundColo;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+    className: "fcr-user-window-actions-microphone",
+    style: {
+      backgroundColor: backgroundColor
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_SIPDEVICE,
+      size: iconSize,
+      colors: {
+        iconPrimary: 'var(--fcr_ui_scene_white10)',
+        iconSecondary: 'var(--fcr_ui_scene_ramp_green6)'
+      }
+    })
+  });
+};
+var PhoneCallSilenceIconButton = exports.PhoneCallSilenceIconButton = function PhoneCallSilenceIconButton(props) {
+  var iconSize = props.iconSize,
+    tooltip = props.tooltip;
+  var t = (0, _i18n.useI18n)();
+  var button = /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+    className: "fcr-user-window-actions-microphone",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_PHONECALL_SILENCE,
+      size: iconSize,
+      colors: {
+        iconPrimary: 'var(--fcr_ui_scene_ramp_red6)'
+      }
+    })
+  });
+  return tooltip ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+    content: tooltip,
+    children: button
+  }) : button;
+};
+var PhoneCallIconButton = exports.PhoneCallIconButton = function PhoneCallIconButton(props) {
+  var iconSize = props.iconSize,
+    _props$backgroundColo2 = props.backgroundColor,
+    backgroundColor = _props$backgroundColo2 === void 0 ? 'var(--fcr_ui_scene_ramp_lightgreen6)' : _props$backgroundColo2;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+    className: "fcr-user-window-actions-microphone",
+    style: {
+      backgroundColor: backgroundColor
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_PHONECALL3,
+      size: iconSize,
+      colors: {
+        iconPrimary: 'var(--fcr_ui_scene_white10)'
+      }
+    })
+  });
+};
+var NoMuteIconButton = exports.NoMuteIconButton = function NoMuteIconButton(props) {
+  var iconSize = props.iconSize,
+    tooltip = props.tooltip,
+    isManager = props.isManager;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+    content: tooltip,
+    mouseEnterDelay: 0,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      className: "fcr-user-window-actions-microphone",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        type: _type.FcrIconType.FCR_NOMUTE,
+        size: iconSize,
+        colors: {
+          iconPrimary: isManager ? 'currentColor' : 'var(--fcr_ui_scene_ramp_red6)',
+          iconSecondary: 'var(--fcr_ui_scene_ramp_red6)'
+        }
+      })
+    })
+  });
+};
+var InterpreterTag = exports.InterpreterTag = function InterpreterTag(props) {
+  var _props$isShow = props.isShow,
+    isShow = _props$isShow === void 0 ? true : _props$isShow,
+    children = props.children,
+    showActionBottomLabel = props.showActionBottomLabel,
+    windowSize = props.windowSize,
+    className = props.className;
+  var t = (0, _i18n.useI18n)();
+  if (!isShow) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames["default"])('fcr-user-window-actions-tag', 'fcr-user-window-actions-tag-host', className || (0, _classnames["default"])('fcr-user-window-actions-bottom', 'fcr-user-window-actions-middle', {
+      'fcr-user-window-actions-bottom-show': showActionBottomLabel,
+      'fcr-user-window-actions-tag_large': windowSize === 'large'
+    })),
+    children: children || /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: t('fmt_ai_transcriptions_setting_label_translator')
+    })
+  });
+};
+var ShareScreenIconButton = exports.ShareScreenIconButton = function ShareScreenIconButton(props) {
+  var hasScreenSharing = props.hasScreenSharing,
+    windowSize = props.windowSize;
+  return /*#__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-large': windowSize === 'large'
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_MOBILE_SHARESCREEN,
+      colors: {
+        iconPrimary: 'var(--fcr_ui_scene_white10)'
+      },
+      size: windowSize === 'large' ? 24 : 18
+    })
+  });
+};
+var ShareSoundIconButton = exports.ShareSoundIconButton = function ShareSoundIconButton(props) {
+  var hasScreenSharing = props.hasScreenSharing,
+    windowSize = props.windowSize,
+    hasLoopbackAudioStream = props.hasLoopbackAudioStream;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames["default"])('fcr-member-window-members-shareSound', {
+      'fcr-member-window-members-sharebtn-show': hasScreenSharing && hasLoopbackAudioStream,
+      'fcr-member-window-members-sharebtn-large': windowSize === 'large'
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      type: _type.FcrIconType.FCR_SHARE_SOUND,
+      colors: {
+        iconPrimary: 'var(--fcr_ui_scene_ramp_green6)'
+      },
+      size: windowSize === 'large' ? 24 : 18
+    })
+  });
+};
+var ActionsTagIconButton = exports.ActionsTagIconButton = function ActionsTagIconButton(props) {
+  var hostTag = props.hostTag,
+    coHostTag = props.coHostTag,
+    children = props.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames["default"])('fcr-user-window-actions-tag', {
+      'fcr-user-window-actions-tag-host': hostTag,
+      'fcr-user-window-actions-tag-cohost': coHostTag
+    }),
+    children: children
+  });
+};
+var RenameTagIconButton = exports.RenameTagIconButton = function RenameTagIconButton(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: "fcr-user-window-actions-name-rename",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      onClick: props.onClick,
+      type: _type.FcrIconType.FCR_RENAME,
+      colors: {
+        iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+      }
+    })
+  });
+};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { FcrRoomConnectorType } from 'fcr-core';
+interface IconStatusProps {
+    windowSize: 'large' | 'normal';
+    iconSize: number;
+    meetingConnectorTypes: Set<FcrRoomConnectorType>;
+    id: string | undefined;
+    volume: number;
+}
+export declare const IconStatus: React.FC<IconStatusProps>;
+export {};

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

@@ -0,0 +1,105 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconStatus = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReact = require("mobx-react");
+var _fcrCore = require("fcr-core");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _micVolume = require("../../mic-volume");
+var _iconButtons = require("./icon-buttons");
+var _iconPhoneCall = require("agora-ui-foundation/lib/components/icon-phone-call");
+var _provider = require("../provider");
+var _jsxRuntime = require("react/jsx-runtime");
+var IconStatus = exports.IconStatus = (0, _mobxReact.observer)(function (_ref) {
+  var windowSize = _ref.windowSize,
+    iconSize = _ref.iconSize,
+    meetingConnectorTypes = _ref.meetingConnectorTypes,
+    id = _ref.id,
+    volume = _ref.volume;
+  var t = (0, _i18n.useI18n)();
+  var store = (0, _provider.useMemberWindowActionsStore)();
+  var connectorType = store.connectorType,
+    audioStreamId = store.audioStreamId,
+    videoStreamId = store.videoStreamId,
+    hasMicrophoneAudioStream = store.hasMicrophoneAudioStream,
+    isManager = store.isManager,
+    phoneMicEnabled = store.phoneMicEnabled;
+  var isNormal = connectorType === _fcrCore.FcrRoomConnectorType.NONE;
+  var isPhone = store.isPhone;
+  var isMeeting = meetingConnectorTypes.has(connectorType);
+  var isPurePhone = audioStreamId === videoStreamId;
+  var renderNormalStatus = function renderNormalStatus() {
+    if (!hasMicrophoneAudioStream && !isMeeting) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.NoMuteIconButton, {
+        iconSize: iconSize,
+        tooltip: t('fmt_device_label_audio_mute'),
+        isManager: isManager
+      });
+    }
+    if (windowSize === 'large') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_micVolume.MicVolume, {
+        id: id,
+        size: iconSize,
+        volume: volume
+      });
+    }
+    return null;
+  };
+  var renderPhoneStatus = function renderPhoneStatus() {
+    if (windowSize === 'large' && !isPurePhone) {
+      return hasMicrophoneAudioStream ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        className: "fcr-user-window-actions-microphone",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconPhoneCall.FcrIconPhoneCall, {
+          size: iconSize,
+          isMuted: !phoneMicEnabled,
+          iconColors: {
+            iconPrimary: store.ownerRoleType === _fcrCore.FcrUserRole.HOST ? 'var(--fcr_ui_scene_white10)' : 'var(--fcr_ui_scene_ramp_lightgreen6)'
+          }
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.PhoneCallSilenceIconButton, {
+        tooltip: t('fmt_popup_label_muted'),
+        iconSize: iconSize
+      });
+    }
+    if (windowSize === 'normal') {
+      if (isPurePhone) {
+        return hasMicrophoneAudioStream ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.PhoneCallIconButton, {
+          iconSize: iconSize
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.PhoneCallSilenceIconButton, {
+          tooltip: t('fmt_popup_label_muted'),
+          iconSize: iconSize
+        });
+      } else {
+        return hasMicrophoneAudioStream ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.PhoneCallSilenceIconButton, {
+          tooltip: t('fmt_popup_label_muted'),
+          iconSize: iconSize
+        });
+      }
+    }
+  };
+  var renderMeetingStatus = function renderMeetingStatus() {
+    if (!hasMicrophoneAudioStream) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.SipDeviceIconButton, {
+          iconSize: iconSize
+        }), windowSize === 'normal' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.PhoneCallSilenceIconButton, {
+          tooltip: t('fmt_popup_label_muted'),
+          iconSize: iconSize
+        })]
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.SipDeviceIconButton, {
+      iconSize: iconSize
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames["default"])('fcr-audio-status', "fcr-audio-status-".concat(windowSize)),
+    children: [isNormal && renderNormalStatus(), isPhone && renderPhoneStatus(), isMeeting && renderMeetingStatus()]
+  });
+});

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

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+export interface MemberActionsLayoutProps {
+    headerSlot?: ReactNode;
+    topSlot?: ReactNode;
+    bottomSlot?: ReactNode;
+    onContextMenu?: () => void;
+    customClassName?: string;
+}
+export declare const MemberActionsLayout: React.FC<MemberActionsLayoutProps>;

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

@@ -0,0 +1,42 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.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.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.weak-map.delete-all.js");
+require("core-js/modules/esnext.weak-map.emplace.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MemberActionsLayout = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _provider = require("../../provider");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var MemberActionsLayout = exports.MemberActionsLayout = /*#__PURE__*/_react["default"].memo(function (_ref) {
+  var headerSlot = _ref.headerSlot,
+    topSlot = _ref.topSlot,
+    bottomSlot = _ref.bottomSlot,
+    onContextMenu = _ref.onContextMenu,
+    customClassName = _ref.customClassName;
+  var store = (0, _provider.useMemberWindowActionsStore)();
+  var handleContextMenu = (0, _react.useCallback)(function (e) {
+    e.preventDefault();
+    onContextMenu === null || onContextMenu === void 0 || onContextMenu();
+  }, [onContextMenu]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames["default"])('fcr-member-window__actions-container', customClassName, {
+      'fcr-member-window__actions-container-hidden': store.isOnlyShowVideoStream
+    }),
+    onContextMenu: handleContextMenu,
+    children: [headerSlot, topSlot, bottomSlot]
+  });
+});

package/lib/modules/components/member-window/components/member-actions/components/more-actions.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { FcrRoomConnectorType } from 'fcr-core';
+export declare const meetingConnectorTypes: Set<FcrRoomConnectorType>;
+export interface ActionsTopProps {
+    isShowActionAudio: boolean;
+    actionAudioTag: string;
+    hasPinnedStream: boolean;
+    meetingConnectorTypes: Set<FcrRoomConnectorType>;
+    allowedOperations: string[];
+}
+export declare const MoreActions: React.FC<ActionsTopProps>;

package/lib/modules/components/member-window/components/member-actions/components/more-actions.js

@@ -0,0 +1,157 @@
+"use strict";
+
+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.weak-map.js");
+require("core-js/modules/esnext.weak-map.delete-all.js");
+require("core-js/modules/esnext.weak-map.emplace.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.meetingConnectorTypes = exports.MoreActions = void 0;
+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");
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
+var _popover = require("agora-ui-foundation/lib/components/popover");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _participantsMore = require("agora-ui-foundation/lib/components/participants/participants-more");
+var _fcrCore = require("fcr-core");
+var _provider = require("../provider");
+var _type2 = require("fcr-core/lib/type");
+var _mobxReact = require("mobx-react");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var meetingConnectorTypes = exports.meetingConnectorTypes = new Set([_fcrCore.FcrRoomConnectorType.SIP, _fcrCore.FcrRoomConnectorType.H323]);
+var EMPTY_HIDE_ACTIONS = [];
+var MoreActions = exports.MoreActions = (0, _mobxReact.observer)(function (_ref) {
+  var isShowActionAudio = _ref.isShowActionAudio,
+    actionAudioTag = _ref.actionAudioTag,
+    hasPinnedStream = _ref.hasPinnedStream,
+    meetingConnectorTypes = _ref.meetingConnectorTypes,
+    allowedOperations = _ref.allowedOperations;
+  var t = (0, _i18n.useI18n)();
+  var store = (0, _provider.useMemberWindowActionsStore)();
+  var _ref2 = store.windowData || {},
+    userId = _ref2.userId,
+    userName = _ref2.userName,
+    ownerRoleType = _ref2.ownerRoleType,
+    isMySelf = _ref2.isMySelf,
+    hasVideoStream = _ref2.hasVideoStream,
+    hasMicrophoneAudioStream = _ref2.hasMicrophoneAudioStream,
+    isPin = _ref2.isPin,
+    audioStreamConnectorType = _ref2.audioStreamConnectorType,
+    videoStreamConnectorType = _ref2.videoStreamConnectorType;
+  var connectorType = audioStreamConnectorType !== _fcrCore.FcrRoomConnectorType.NONE ? audioStreamConnectorType : videoStreamConnectorType;
+  var isPhone = connectorType === _fcrCore.FcrRoomConnectorType.PSTN;
+  var isMeeting = meetingConnectorTypes.has(connectorType);
+  var userType = audioStreamConnectorType === _fcrCore.FcrRoomConnectorType.PSTN && !hasVideoStream ? 'phone' : isMeeting ? 'meeting-system' : 'normal';
+  var isHost = ownerRoleType === _type2.FcrUserRole.HOST;
+  var audioDeviceType = isPhone ? 'phone-mic' : 'computer-mic';
+  var userData = {
+    userId: userId,
+    userName: userName,
+    isMe: isMySelf,
+    userRole: ownerRoleType,
+    hasAudio: hasMicrophoneAudioStream,
+    hasVideo: hasVideoStream,
+    isPin: isPin,
+    audioDeviceType: audioDeviceType,
+    userType: userType,
+    isHost: isHost,
+    allowedOperations: allowedOperations
+  };
+  var onVisibleChange = function onVisibleChange(visible) {
+    store.onVisibleChange(visible);
+  };
+  var onMuteAudio = function onMuteAudio() {
+    store.muteAudio(store.hasMicrophoneAudioStream, store.userId);
+  };
+  var onParticipantsButtonClick = (0, _react.useCallback)(function (action, userId) {
+    store.sendParticipantEvent({
+      action: action,
+      userId: userId
+    });
+  }, [store]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames["default"])('fcr-user-window-actions-top', {
+      'fcr-user-window-actions-top-active': store.isShowDropMenu
+    }),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+      content: t('fmt_participants_member_button_more'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
+        showArrow: true,
+        placement: "bottomLeft",
+        trigger: "click",
+        visible: store.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, {
+          user: userData,
+          onParticipantsButtonClick: onParticipantsButtonClick,
+          hasPinnedStream: hasPinnedStream,
+          hideActions: EMPTY_HIDE_ACTIONS
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          className: "fcr-user-window-actions-more",
+          onClick: function onClick() {
+            onVisibleChange(true);
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+            type: _type.FcrIconType.FCR_MOBILE_MORE,
+            size: 20,
+            colors: {
+              iconPrimary: 'currentColor'
+            }
+          })
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      className: "fcr-user-window-actions-mute",
+      disabled: !isShowActionAudio,
+      onClick: onMuteAudio,
+      children: t(actionAudioTag)
+    })]
+  });
+});

package/lib/modules/components/member-window/components/member-actions/components/share-status.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ShareStatus: React.FC;

package/lib/modules/components/member-window/components/member-actions/components/share-status.js

@@ -0,0 +1,34 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShareStatus = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _provider = require("../provider");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _type = require("../../../../../../type");
+var _jsxRuntime = require("react/jsx-runtime");
+var ShareStatus = exports.ShareStatus = function ShareStatus() {
+  var store = (0, _provider.useMemberWindowActionsStore)();
+  var t = (0, _i18n.useI18n)();
+  var windowData = store.windowData,
+    hasScreenSharing = store.hasScreenSharing;
+  if (windowData.type === _type.FcrUIWindowType.BOARD) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: t('fmt_screenshare_whiteboard_tips_someonesharing', {
+        reason1: ''
+      })
+    });
+  }
+  if (hasScreenSharing && windowData.type === _type.FcrUIWindowType.VIDEO) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: windowData.hasBoardSharing ? t('fmt_screenshare_whiteboard_tips_someonesharing', {
+        reason1: ''
+      }) : t('fmt_screenshare_status_sharing')
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+};

package/lib/modules/components/member-window/components/member-actions/components/user-info.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface UserInfoProps {
+    iconSize: number;
+    windowSize: 'large' | 'normal';
+    showActionBottomLabel: boolean;
+    showRotation: boolean;
+    renderListLength?: number;
+    allowedOperations: string[];
+    interpreterUserList: any[] | null;
+    isInterpreterEnabled: boolean;
+    setVideoOrientation: () => void;
+    meetingConnectorTypes: Set<any>;
+    id: string | undefined;
+    volume: number;
+}
+export declare const UserInfo: React.FC<UserInfoProps>;