fcr-ui-scene 3.4.5 → 3.5.0

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

@@ -0,0 +1,129 @@
+"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.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.UserInfo = void 0;
+require("core-js/modules/es.array.find.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.find.js");
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReact = require("mobx-react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _fcrCore = require("fcr-core");
+var _localVideoPlayer = require("agora-ui-foundation/lib/components/local-video-player");
+var _provider = require("../provider");
+var _userTag = require("./user-tag");
+var _audioControl = require("./audio-control");
+var _shareStatus = require("./share-status");
+var _iconButtons = require("./icon-buttons");
+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 UserInfo = exports.UserInfo = (0, _mobxReact.observer)(function (_ref) {
+  var iconSize = _ref.iconSize,
+    windowSize = _ref.windowSize,
+    showActionBottomLabel = _ref.showActionBottomLabel,
+    showRotation = _ref.showRotation,
+    _ref$renderListLength = _ref.renderListLength,
+    renderListLength = _ref$renderListLength === void 0 ? 0 : _ref$renderListLength,
+    allowedOperations = _ref.allowedOperations,
+    interpreterUserList = _ref.interpreterUserList,
+    isInterpreterEnabled = _ref.isInterpreterEnabled,
+    _setVideoOrientation = _ref.setVideoOrientation,
+    meetingConnectorTypes = _ref.meetingConnectorTypes,
+    id = _ref.id,
+    volume = _ref.volume;
+  var t = (0, _i18n.useI18n)();
+  var store = (0, _provider.useMemberWindowActionsStore)();
+  var userId = store.userId,
+    ownerRoleType = store.ownerRoleType,
+    isMySelf = store.isMySelf,
+    connectorType = store.connectorType,
+    hasScreenSharing = store.hasScreenSharing,
+    isManager = store.isManager,
+    userName = store.userName,
+    handleRename = store.handleRename,
+    hasVideoStream = store.hasVideoStream,
+    hasLoopbackAudioStream = store.hasLoopbackAudioStream;
+  var interpreter = (0, _react.useMemo)(function () {
+    return !!(interpreterUserList !== null && interpreterUserList !== void 0 && interpreterUserList.find(function (ele) {
+      return ele.userId === userId;
+    }));
+  }, [interpreterUserList, userId]);
+  var insideShow = ![_fcrCore.FcrUserRole.COHOST, _fcrCore.FcrUserRole.HOST].includes(ownerRoleType);
+  var isShowInterpreterTag = interpreter && isInterpreterEnabled;
+  var isMeTag = isMySelf ? t('fmt_attendies_labels_setting_mine') : '';
+  var isMeeting = meetingConnectorTypes.has(connectorType);
+  var interpreterTagDom = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: t('fmt_ai_transcriptions_setting_label_translator')
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames["default"])('fcr-user-window-actions-bottom', {
+      'fcr-user-window-actions-bottom-show': showActionBottomLabel
+    }),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames["default"])('fcr-user-window-actions-bottom-layout'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.ShareScreenIconButton, {
+        hasScreenSharing: hasScreenSharing,
+        windowSize: windowSize
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.ShareSoundIconButton, {
+        hasScreenSharing: hasScreenSharing,
+        windowSize: windowSize,
+        hasLoopbackAudioStream: hasLoopbackAudioStream
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-user-window-actions-bottom-layout-info",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_userTag.UserTag, {
+          iconSize: iconSize,
+          windowSize: windowSize,
+          isShowInterpreterTag: isShowInterpreterTag,
+          meetingConnectorTypes: meetingConnectorTypes,
+          id: id,
+          volume: volume,
+          insideShow: insideShow,
+          interpreterTagDom: interpreterTagDom
+        }), windowSize !== 'large' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_audioControl.AudioControl, {
+          isMeeting: isMeeting,
+          iconSize: iconSize
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _classnames["default"])('fcr-user-window-actions-name', {
+            'ml-5': isManager || isShowInterpreterTag
+          }),
+          children: userName
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "fcr-user-window-actions-name-isme",
+          children: isMeTag
+        }), isMeTag && allowedOperations.includes('change_name') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.RenameTagIconButton, {
+          onClick: function onClick() {
+            return handleRename(userId);
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "fcr-user-window-actions-name-doing",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_shareStatus.ShareStatus, {})
+        })]
+      })]
+    }), !insideShow && !store.isManager && /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.InterpreterTag, {
+      isShow: isShowInterpreterTag,
+      className: "fcr-user-window-actions-bottom-interpreter-tag",
+      windowSize: windowSize
+    }), windowSize === 'large' && isMySelf && hasVideoStream && showRotation && renderListLength === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_localVideoPlayer.VideoOrientation, {
+      setVideoOrientation: function setVideoOrientation() {
+        _setVideoOrientation();
+      }
+    })]
+  });
+});

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface UserTagProps {
+    windowSize: 'large' | 'normal';
+    iconSize: number;
+    isShowInterpreterTag: boolean;
+    meetingConnectorTypes: Set<any>;
+    id: string | undefined;
+    volume: number;
+    insideShow: boolean;
+    interpreterTagDom: React.ReactNode;
+}
+export declare const UserTag: React.FC<UserTagProps>;

package/lib/modules/components/member-window/components/member-actions/components/user-tag.js

@@ -0,0 +1,57 @@
+"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.UserTag = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _provider = require("../provider");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _iconButtons = require("./icon-buttons");
+var _fcrCore = require("fcr-core");
+var _iconStatus = require("./icon-status");
+var _jsxRuntime = require("react/jsx-runtime");
+var UserTag = exports.UserTag = function UserTag(_ref) {
+  var iconSize = _ref.iconSize,
+    windowSize = _ref.windowSize,
+    isShowInterpreterTag = _ref.isShowInterpreterTag,
+    meetingConnectorTypes = _ref.meetingConnectorTypes,
+    id = _ref.id,
+    volume = _ref.volume,
+    insideShow = _ref.insideShow,
+    interpreterTagDom = _ref.interpreterTagDom;
+  var store = (0, _provider.useMemberWindowActionsStore)();
+  var isManager = store.isManager,
+    ownerRoleType = store.ownerRoleType;
+  var t = (0, _i18n.useI18n)();
+  if (windowSize === 'large') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_iconButtons.ActionsTagIconButton, {
+      hostTag: isManager || isShowInterpreterTag,
+      coHostTag: ownerRoleType === _fcrCore.FcrUserRole.COHOST,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_iconStatus.IconStatus, {
+        windowSize: windowSize,
+        iconSize: iconSize,
+        meetingConnectorTypes: meetingConnectorTypes,
+        id: id,
+        volume: volume
+      }), ownerRoleType === _fcrCore.FcrUserRole.HOST && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: t('fmt_role_host')
+      }), ownerRoleType === _fcrCore.FcrUserRole.COHOST && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: t('fmt_role_cohost')
+      }), insideShow && isShowInterpreterTag && interpreterTagDom]
+    });
+  }
+  return isManager ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.ActionsTagIconButton, {
+    hostTag: isManager || isShowInterpreterTag,
+    coHostTag: ownerRoleType === _fcrCore.FcrUserRole.COHOST,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: t(ownerRoleType === _fcrCore.FcrUserRole.HOST ? 'fmt_role_host' : 'fmt_role_cohost')
+    })
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.InterpreterTag, {
+    isShow: isShowInterpreterTag,
+    className: "fcr-user-window-actions-tag",
+    windowSize: windowSize
+  });
+};

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { MemberWindowActionsProps } from '../../types';
+export declare const MemberWindowActions: FC<MemberWindowActionsProps>;

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

@@ -0,0 +1,121 @@
+"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.MemberWindowActions = void 0;
+require("core-js/modules/es.array.find.js");
+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.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.find.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 = _interopRequireDefault(require("react"));
+var _provider = require("./provider");
+var _index = require("./components/layout/index");
+var _moreActions = require("./components/more-actions");
+var _userInfo = require("./components/user-info");
+var _iconButtons = require("./components/icon-buttons");
+var _fcrCore = require("fcr-core");
+var _jsxRuntime = require("react/jsx-runtime");
+var meetingConnectorTypes = new Set([_fcrCore.FcrRoomConnectorType.SIP, _fcrCore.FcrRoomConnectorType.H323]);
+var MemberWindowActions = exports.MemberWindowActions = function MemberWindowActions(_ref) {
+  var windowData = _ref.windowData,
+    iconSize = _ref.iconSize,
+    windowSize = _ref.windowSize,
+    sendParticipantEvent = _ref.sendParticipantEvent,
+    muteAudio = _ref.muteAudio,
+    hasPinnedStream = _ref.hasPinnedStream,
+    allowedOperations = _ref.allowedOperations,
+    setVideoOrientation = _ref.setVideoOrientation,
+    showActionBottomLabel = _ref.showActionBottomLabel,
+    isShowActionAudio = _ref.isShowActionAudio,
+    actionAudioTag = _ref.actionAudioTag,
+    onVisibleChanged = _ref.onVisibleChanged,
+    videoWindowCurrentWidth = _ref.videoWindowCurrentWidth,
+    videoWindowCurrentHeight = _ref.videoWindowCurrentHeight,
+    videoWindowPreviewType = _ref.videoWindowPreviewType,
+    _ref$showRotation = _ref.showRotation,
+    showRotation = _ref$showRotation === void 0 ? true : _ref$showRotation,
+    interpreterUserList = _ref.interpreterUserList,
+    isInterpreterEnabled = _ref.isInterpreterEnabled,
+    handleRename = _ref.handleRename,
+    renderListLength = _ref.renderListLength,
+    id = _ref.id,
+    volume = _ref.volume;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provider.MemberWindowActionsProvider, {
+    windowData: windowData,
+    sendParticipantEvent: sendParticipantEvent,
+    muteAudio: muteAudio,
+    handleRename: handleRename,
+    onVisibleChanged: onVisibleChanged,
+    interpreterUserList: interpreterUserList,
+    isInterpreterEnabled: isInterpreterEnabled,
+    videoWindowCurrentWidth: videoWindowCurrentWidth,
+    videoWindowCurrentHeight: videoWindowCurrentHeight,
+    videoWindowPreviewType: videoWindowPreviewType,
+    renderListLength: renderListLength,
+    children: function children(store) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.MemberActionsLayout, {
+        onContextMenu: function onContextMenu() {
+          return store.onVisibleChange(true);
+        },
+        headerSlot: store.isManager && /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.InterpreterTag, {
+          isShow: !!(interpreterUserList !== null && interpreterUserList !== void 0 && interpreterUserList.find(function (ele) {
+            return ele.userId === store.userId;
+          })) && !!isInterpreterEnabled,
+          showActionBottomLabel: showActionBottomLabel,
+          windowSize: windowSize
+        }),
+        topSlot: /*#__PURE__*/(0, _jsxRuntime.jsx)(_moreActions.MoreActions, {
+          isShowActionAudio: isShowActionAudio,
+          actionAudioTag: actionAudioTag,
+          hasPinnedStream: hasPinnedStream,
+          meetingConnectorTypes: meetingConnectorTypes,
+          allowedOperations: allowedOperations
+        }),
+        bottomSlot: /*#__PURE__*/(0, _jsxRuntime.jsx)(_userInfo.UserInfo, {
+          iconSize: iconSize,
+          windowSize: windowSize,
+          showActionBottomLabel: showActionBottomLabel,
+          showRotation: showRotation,
+          renderListLength: renderListLength,
+          allowedOperations: allowedOperations,
+          interpreterUserList: interpreterUserList,
+          isInterpreterEnabled: isInterpreterEnabled,
+          id: id,
+          volume: volume,
+          setVideoOrientation: setVideoOrientation,
+          meetingConnectorTypes: meetingConnectorTypes
+        })
+      });
+    }
+  });
+};

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

@@ -0,0 +1,2 @@
+import { FcrVideoWindowPreviewType } from '../../../../../video-window/type';
+export declare const handleVideoWindowVisibleChange: (width: number | undefined, height: number | undefined, setResizable: boolean, videoWindowPreviewType?: FcrVideoWindowPreviewType) => void;

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

@@ -0,0 +1,24 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleVideoWindowVisibleChange = void 0;
+var _constant = require("../../../../../../utilities/constant");
+var _dialogs = require("../../../../../dialog/dialogs");
+var _type = require("../../../../../video-window/type");
+var handleVideoWindowVisibleChange = exports.handleVideoWindowVisibleChange = function handleVideoWindowVisibleChange(width, height, setResizable, videoWindowPreviewType) {
+  var videoWindow = _dialogs.dialogWindows.get(_constant.FcrUIDialogKey.VIDEO_WINDOW);
+  if (!videoWindow) return;
+  var nearDispaly = window.runtime.screen.getDisplayNearestPoint(videoWindow.getBounds());
+  videoWindow.setBounds({
+    width: width,
+    height: height
+  });
+  if (videoWindowPreviewType === _type.FcrVideoWindowPreviewType.SMALL && setResizable) {
+    videoWindow.setResizable(true);
+  } else {
+    videoWindow.setResizable(false);
+  }
+};

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

@@ -0,0 +1,21 @@
+import React, { FC } from 'react';
+import { MemberWindowActionsStore } from './store';
+import { FcrUIVideoWindowData } from '../../../../../type';
+import { FcrVideoWindowPreviewType } from '../../../../video-window/type';
+import { FcrInterpreterUserInfo } from 'fcr-core/lib/room-control/interpreter-control/types';
+export interface MemberWindowActionsProviderProps {
+    windowData: FcrUIVideoWindowData;
+    sendParticipantEvent: (event: any) => void;
+    muteAudio: (mute: boolean, userId: string) => void;
+    handleRename: (userId: string) => void;
+    onVisibleChanged?: (visible: boolean) => void;
+    interpreterUserList?: FcrInterpreterUserInfo[] | null;
+    isInterpreterEnabled?: boolean;
+    videoWindowCurrentWidth?: number;
+    videoWindowCurrentHeight?: number;
+    videoWindowPreviewType?: FcrVideoWindowPreviewType;
+    renderListLength?: number;
+    children: React.ReactNode | ((store: MemberWindowActionsStore) => React.ReactNode);
+}
+export declare const MemberWindowActionsProvider: FC<MemberWindowActionsProviderProps>;
+export declare const useMemberWindowActionsStore: () => MemberWindowActionsStore;

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

@@ -0,0 +1,77 @@
+"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.useMemberWindowActionsStore = exports.MemberWindowActionsProvider = void 0;
+require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.error.to-string.js");
+require("core-js/modules/web.timers.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _store = require("./store");
+var _hooks = require("../../../../../utilities/hooks");
+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 HideControlsTimeout = 3000;
+var MemberWindowActionsProvider = exports.MemberWindowActionsProvider = function MemberWindowActionsProvider(_ref) {
+  var children = _ref.children,
+    windowData = _ref.windowData,
+    sendParticipantEvent = _ref.sendParticipantEvent,
+    muteAudio = _ref.muteAudio,
+    handleRename = _ref.handleRename,
+    onVisibleChanged = _ref.onVisibleChanged,
+    interpreterUserList = _ref.interpreterUserList,
+    isInterpreterEnabled = _ref.isInterpreterEnabled;
+  var focus = (0, _hooks.useWindowFocus)();
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isOnlyShowVideoStream = _useState2[0],
+    setIsOnlyShowVideoStream = _useState2[1];
+  var store = (0, _react.useMemo)(function () {
+    return new _store.MemberWindowActionsStore(windowData, sendParticipantEvent, muteAudio, handleRename, onVisibleChanged, interpreterUserList, isInterpreterEnabled);
+  }, [windowData, sendParticipantEvent, muteAudio, handleRename, onVisibleChanged, interpreterUserList, isInterpreterEnabled]);
+  (0, _react.useEffect)(function () {
+    store.setOnlyShowVideoStream(isOnlyShowVideoStream);
+  }, [store, isOnlyShowVideoStream]);
+  (0, _react.useEffect)(function () {
+    if (!isOnlyShowVideoStream && !focus) {
+      var timer = setTimeout(function () {
+        return setIsOnlyShowVideoStream(true);
+      }, HideControlsTimeout);
+      return function () {
+        return clearTimeout(timer);
+      };
+    } else if (focus && isOnlyShowVideoStream) {
+      setIsOnlyShowVideoStream(false);
+    }
+  }, [isOnlyShowVideoStream, focus]);
+  (0, _react.useEffect)(function () {
+    return function () {
+      store.release();
+    };
+  }, [store]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.MemberWindowActionsStoreContext.Provider, {
+    value: store,
+    children: typeof children === 'function' ? children(store) : children
+  });
+};
+var useMemberWindowActionsStore = exports.useMemberWindowActionsStore = function useMemberWindowActionsStore() {
+  var context = (0, _react.useContext)(_store.MemberWindowActionsStoreContext);
+  if (!context) {
+    throw new Error('useMemberWindowActionsStore must be used within a MemberWindowActionsProvider');
+  }
+  return context;
+};

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

@@ -0,0 +1,48 @@
+import { FcrRoomConnectorType, FcrUserRole } from 'fcr-core';
+import { FcrUIVideoWindowData, FcrUIWindowType } from '../../../../../type';
+import { FcrInterpreterUserInfo } from 'fcr-core/lib/room-control/interpreter-control/types';
+export declare class MemberWindowActionsStore {
+    private _windowData;
+    private _sendParticipantEvent;
+    private _muteAudio;
+    private _handleRename;
+    private _onVisibleChanged?;
+    private _interpreterUsers?;
+    private _interpreterState?;
+    accessor isOnlyShowVideoStream: boolean;
+    accessor isShowDropMenu: boolean;
+    accessor timerRef: NodeJS.Timeout | undefined;
+    accessor interpreterUser: FcrInterpreterUserInfo | null;
+    constructor(_windowData: FcrUIVideoWindowData, _sendParticipantEvent: (event: any) => void, _muteAudio: (mute: boolean, userId: string) => void, _handleRename: (userId: string) => void, _onVisibleChanged?: ((visible: boolean) => void) | undefined, _interpreterUsers?: FcrInterpreterUserInfo[] | null | undefined, _interpreterState?: boolean | undefined);
+    get windowData(): FcrUIVideoWindowData;
+    get userId(): string;
+    get userName(): string;
+    get isMySelf(): boolean;
+    get ownerRoleType(): FcrUserRole;
+    get isManager(): boolean;
+    get hasVideoStream(): boolean;
+    get hasScreenSharing(): boolean;
+    get isPin(): boolean;
+    get hasMicrophoneAudioStream(): boolean;
+    get audioStreamConnectorType(): FcrRoomConnectorType;
+    get videoStreamConnectorType(): FcrRoomConnectorType;
+    get videoStreamId(): string | undefined;
+    get audioStreamId(): string | undefined;
+    get phoneMicEnabled(): boolean | undefined;
+    get windowType(): FcrUIWindowType;
+    get connectorType(): FcrRoomConnectorType;
+    get isPhone(): boolean;
+    get isInterpreter(): boolean;
+    get isPurePhone(): boolean;
+    get isScreenSharing(): boolean;
+    get isWhiteboardSharing(): boolean;
+    get hasLoopbackAudioStream(): boolean;
+    setOnlyShowVideoStream(value: boolean): void;
+    setIsShowDropMenu(value: boolean): void;
+    onVisibleChange(visible: boolean): void;
+    sendParticipantEvent(event: any): void;
+    muteAudio(mute: boolean, userId: string): void;
+    handleRename(userId: string): void;
+    release(): void;
+}
+export declare const MemberWindowActionsStoreContext: import("react").Context<MemberWindowActionsStore | null>;