fcr-ui-scene 1.0.40 → 3.1.0

package/lib/modules/participant/room-control-drop-menu/index.css

@@ -0,0 +1,19 @@
+.room-control-drop-with-under-line {
+  position: relative;
+  /* margin: 8px 0; */
+}
+
+.room-control-drop-with-under-line::after {
+  content: '';
+  position: absolute;
+  left: -10px;
+  right: -10px;
+  bottom: -12px;
+  border-top: 1px solid var(--fcr_ui_scene_line1);
+  margin: 8px 0;
+}
+
+.room-control-drop-disable {
+  opacity: 0.5;
+  cursor: not-allowed;
+}

package/lib/modules/participant/room-control-drop-menu/index.d.ts

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

package/lib/modules/participant/room-control-drop-menu/index.js

@@ -0,0 +1,154 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RoomControlDropMenu = void 0;
+require("core-js/modules/es.array.unshift.js");
+var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
+var _dropMenu = require("agora-ui-foundation/lib/components/drop-menu");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _constant = require("../../../utilities/constant");
+var _context = require("../context");
+require("./index.css");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
+var RoomControlDropMenu = exports.RoomControlDropMenu = (0, _mobxReact.observer)(function () {
+  var _useContext = (0, _react.useContext)(_context.StoreContext),
+    allowUnmuteSelfAudio = _useContext.allowUnmuteSelfAudio,
+    allowJoinWithMuteAudio = _useContext.allowJoinWithMuteAudio,
+    isLockRoomEnabled = _useContext.isLockRoomEnabled,
+    isWaitingRoomEnabled = _useContext.isWaitingRoomEnabled,
+    allowChangeSelfName = _useContext.allowChangeSelfName,
+    allowUnmuteSelfVideo = _useContext.allowUnmuteSelfVideo,
+    allowChat = _useContext.allowChat,
+    allowShareScreen = _useContext.allowShareScreen,
+    handlerRoomControlAction = _useContext.handlerRoomControlAction,
+    hasRevokeHostPermission = _useContext.hasRevokeHostPermission;
+  var t = (0, _i18n.useI18n)();
+  var allActions = [{
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+      checked: false,
+      label: t('fmt_security_buttons_allhandsdown'),
+      styleType: "white"
+    }),
+    key: 'mute_all',
+    type: 'disabled',
+    classNames: 'room-control-drop-with-under-line'
+  }, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+      checked: allowJoinWithMuteAudio,
+      label: t('fmt_security_options_silence'),
+      styleType: "white",
+      onChange: function onChange(checked) {
+        console.log(t('fmt_security_options_silence'));
+        handlerRoomControlAction(_constant.RoomControlType.JOIN_WITH_MUTE_AUDIO, checked);
+      }
+    }),
+    key: 'join_room_with_mute',
+    type: 'primary'
+  }, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+      checked: false,
+      label: t('fmt_security_options_playnotification'),
+      styleType: "white"
+    }),
+    key: 'play_join_leave_sound',
+    type: 'disabled',
+    onButtonClick: function onButtonClick() {
+      handlerRoomControlAction(_constant.RoomControlType.PLAY_JOIN_LEAVE_SOUND);
+    }
+  }, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+      checked: isLockRoomEnabled,
+      label: t('fmt_screenshare_controlbar_security_list_lock'),
+      styleType: "white"
+    }),
+    key: 'lock_room',
+    type: 'primary',
+    onButtonClick: function onButtonClick() {
+      handlerRoomControlAction(_constant.RoomControlType.LOCK_ROOM, !isLockRoomEnabled);
+    }
+  }, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+      checked: isWaitingRoomEnabled,
+      label: t('fmt_screenshare_options_allow'),
+      styleType: "white",
+      onChange: function onChange(checked) {
+        handlerRoomControlAction(_constant.RoomControlType.ENABLE_WAITING_ROOM, checked);
+      }
+    }),
+    key: 'enable_waiting_room',
+    type: 'disabled',
+    classNames: 'room-control-drop-with-under-line'
+  }, {
+    title: t('fmt_screenshare_options_allow'),
+    key: 'allow_attendee_title',
+    type: 'title'
+  }, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+      checked: allowUnmuteSelfAudio,
+      label: t('fmt_screenshare_controlbar_security_list_participant_unmute'),
+      styleType: "white",
+      onChange: function onChange(checked) {
+        handlerRoomControlAction(_constant.RoomControlType.ALLOW_ATTENDEE_TO_UNMUTE, checked);
+      }
+    }),
+    key: 'unmute_yourself',
+    type: 'primary'
+  }, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+      checked: allowUnmuteSelfVideo,
+      label: t('fmt_security_options_openvideo'),
+      styleType: "white",
+      onChange: function onChange(checked) {
+        handlerRoomControlAction(_constant.RoomControlType.ALLOW_ATTENDEE_TO_OPEN_CAMERA, checked);
+      }
+    }),
+    key: 'start_video',
+    type: 'primary',
+    onButtonClick: function onButtonClick() {}
+  }, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+      checked: allowChangeSelfName,
+      label: t('fmt_screenshare_controlbar_security_list_participant_changeName'),
+      styleType: "white",
+      onChange: function onChange(checked) {
+        handlerRoomControlAction(_constant.RoomControlType.RENAME, checked);
+      }
+    }),
+    key: 'rename',
+    type: 'disabled',
+    classNames: 'room-control-drop-with-under-line'
+  }, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+      checked: false,
+      label: "".concat(t('fmt_security_options_removemultiple'), "..."),
+      styleType: "white"
+    }),
+    key: 'remove_participants',
+    type: 'danger',
+    onButtonClick: function onButtonClick() {},
+    classNames: 'room-control-drop-disable'
+  }];
+  if (hasRevokeHostPermission) {
+    allActions.unshift({
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+        checked: false,
+        label: t('fmt_security_options_restract'),
+        styleType: "white"
+      }),
+      key: 'revoke_host',
+      type: 'primary',
+      onButtonClick: function onButtonClick() {
+        handlerRoomControlAction(_constant.RoomControlType.REVOKE_HOST);
+      },
+      classNames: 'room-control-drop-with-under-line'
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropMenu.FcrDropMenu, {
+    options: allActions
+  });
+});

package/lib/modules/participant/store.d.ts

@@ -0,0 +1,145 @@
+import { FcrCoreEngine, FcrMainRoomControl } from 'agora-edu-core';
+import { FcrPeerSessionControl } from 'agora-edu-core/lib/peer-session';
+import { FcrMediaSourceState, FcrPrivilegeUserRole, FcrUserInfo, FcrUserRole } from 'agora-edu-core/lib/type';
+import { User } from 'agora-ui-foundation/lib/components/participants/attendee';
+import { FcrSecurityStore } from '../../common/security-store';
+import { ParticipantType, RoomControlType } from '../../utilities/constant';
+import { FcrUIEventStore } from '../../common/event-store';
+import { FcrDeviceStore } from '../../common/device-store';
+import { FcrDeviceStreamStore } from '../../common/device-stream-store';
+import { FcrUIMemberData } from './type';
+export default class ParticipantStore {
+    protected logger: import("agora-foundation/lib/logger").Logger;
+    private _dataSource;
+    private _roomControl;
+    private _streamControl;
+    private _userControl;
+    private _engine;
+    private _peerSessionControl;
+    private _disposers;
+    private _dialogId?;
+    private _deviceStore;
+    private _deviceStreamStore;
+    private _unmuteAudioTimestamp;
+    private _unmuteVideoTimestamp;
+    private accessor _mainList;
+    accessor _participantsWindowActive: boolean;
+    accessor currentPerspectiveType: 'host' | 'attendee' | 'cohost';
+    accessor audioVolumeMap: Map<string, number>;
+    accessor screenSharingState: FcrMediaSourceState;
+    accessor enableParticipantsJoinWithMute: boolean;
+    accessor searchText: string;
+    accessor currentModal: 'modal' | 'window';
+    accessor localUserRole: FcrUserRole;
+    accessor spotlightStreamId: string;
+    accessor enableSpotlight: boolean;
+    accessor mergeConfirmDialog: boolean;
+    accessor mergeUserId: string;
+    setSpotlightStreamId(streamId: string): void;
+    private _processedUserOpenDeviceRequests;
+    private _securityStore;
+    private _uiEventStore;
+    private _streamsObserver;
+    private _peerSessionObserver;
+    private _userObserver;
+    private _eventObserver;
+    private _whitebaordObderver;
+    constructor({ roomControl, engine, peerSessionControl, securityStore, uiEventStore, deviceStore, deviceStreamStore, }: {
+        roomControl: FcrMainRoomControl;
+        engine: FcrCoreEngine;
+        peerSessionControl: FcrPeerSessionControl;
+        securityStore: FcrSecurityStore;
+        uiEventStore: FcrUIEventStore;
+        deviceStore: FcrDeviceStore;
+        deviceStreamStore: FcrDeviceStreamStore;
+    });
+    release(): void;
+    get userListSource(): import("./member-list-data-source").FcrUIMemberDataImpl[];
+    get mergeUserInfo(): FcrUserInfo | undefined;
+    get userMap(): Map<string, FcrUIMemberData>;
+    get allowUnmuteSelfAudio(): boolean;
+    get allowJoinWithMuteAudio(): boolean;
+    get allowUnmuteSelfVideo(): boolean;
+    get isLockRoomEnabled(): boolean;
+    get isWaitingRoomEnabled(): boolean;
+    get allowChangeSelfName(): boolean;
+    get allowChat(): boolean;
+    get allowShareScreen(): boolean;
+    get pinedStreamIds(): string[];
+    checkIsPin: (userId: string) => boolean;
+    get hasPinnedStream(): boolean;
+    hasMutePermission(targetRole: FcrPrivilegeUserRole | FcrUserRole): boolean;
+    hasUnmutePermission(targetRole: FcrPrivilegeUserRole | FcrUserRole): boolean;
+    hasRequestStartAudioPermission(targetRole: FcrPrivilegeUserRole | FcrUserRole): boolean;
+    private _handleEvent;
+    setCurrentModal(modal: 'modal' | 'window'): void;
+    closeParticipantsAside(): void;
+    openParticipantsWindow(): void;
+    closeParticipantsWindow(): void;
+    openDialog(): void;
+    openConfirmDialog(params: {
+        title: string;
+        onCancel: () => void;
+        content: string;
+        onOk: () => void;
+        width?: number;
+        okText?: string;
+        cancelText?: string;
+        closable?: boolean;
+        height?: number;
+    }, id: string): void;
+    get userList(): User[];
+    setParticipantsWindowActive(active: boolean): void;
+    handlerSearchUser(searchText: string): void;
+    private _formatUser;
+    onInvite(): void;
+    setMergeConfirmDialog(visible: boolean): void;
+    mergeConfirmDialogOk(userId: string): void;
+    handlerUserAction(action: ParticipantType, userId: string): void;
+    getMicStreamVolume(streamId: string): number;
+    get localMicVolume(): number;
+    handlerRoomControlAction(action: RoomControlType, data?: any): void;
+    private _muteUserAudio;
+    private _unmuteUserAudio;
+    private _muteUserVideo;
+    private _unmuteUserVideo;
+    private _privateChat;
+    private _kickOutUser;
+    removePin(userId: string): void;
+    addPin(userId: string): void;
+    private _handleSetHostOrCoHost;
+    private _setAsHost;
+    private _setAsCoHost;
+    private _setAsAttendee;
+    private _muteAllAudio;
+    private _unmuteAllAudio;
+    private _enableSelfUnmute;
+    private _enableOpenVideo;
+    private _revokeHost;
+    private _playJoinLeaveSound;
+    private _lockRoom;
+    private _enableWaitingRoom;
+    private _enableRename;
+    private enableJoinWithMuteAudio;
+    private _onAudioVolumeUpdated;
+    private _updateUserBoardState;
+    private _handleRemoteUserJoined;
+    private _handleRemoteUserLeft;
+    private _onUserInfoUpdated;
+    private _initUserList;
+    private _handleStreamsAdded;
+    private _handleStreamsUpdated;
+    private _handleStreamsRemoved;
+    private _refreshCurrentPerspectiveType;
+    get hasRevokeHostPermission(): boolean;
+    getAllowedOperations(targetRole: FcrUserRole, isSelf: boolean): string[];
+    private _onPeerSessionReceived;
+    private _onPeerSessionAccepted;
+    private _onPeerSessionRejected;
+    private _updateSessionTimestamp;
+    private _sendEvent;
+    private _addReactions;
+    private _isCohost;
+    private _isHost;
+    private _updateLocalUserRole;
+}