fcr-ui-scene 3.4.5 → 3.5.0

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

@@ -0,0 +1,56 @@
+.room-control-drop-with-under-line {
+  position: relative;
+  /* margin: 8px 0; */
+}
+.room-control-options-box {
+  display: flex;
+  justify-content: space-between;
+}
+.room-control-options-box .fcr-checkbox {
+  width: fit-content;
+}
+
+.room-control-options-watermark-btns {
+  width: 104px;
+  height: 24px;
+  display: flex;
+  background-color: var(--fcr_mobile_ui_scene_fill1);
+  align-items: center;
+  padding: 2px;
+}
+
+.room-control-options-watermark-btn {
+  width: 50px;
+  height: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: var(--fcr_ui_scene_icontext1);
+  font-size: 12px;
+  background-color: transparent;
+}
+.room-control-options-watermark-btn--active {
+  background-color: #ffffff;
+  color: var(--fcr_ui_scene_ramp_brand6);
+}
+
+.room-control-options-watermark-title-box {
+  display: flex;
+  align-items: center;
+  font-size: 13px;
+}
+
+.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,188 @@
+"use strict";
+
+require("core-js/modules/es.symbol.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.for-each.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.RoomControlDropMenu = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.unshift.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.map.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");
+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 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.filter(function (v) {
+      return v.type !== 'disabled';
+    }).map(function (v) {
+      if (v.type === 'primary') {
+        return _objectSpread(_objectSpread({}, v), {}, {
+          title: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "security-drop-menu-checkbox",
+            children: v.title
+          })
+        });
+      }
+      return _objectSpread({}, v);
+    })
+  });
+});

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

@@ -6,9 +6,10 @@ import { FcrUIDialogKey, FcrUIRoomControlType } from '../../utilities/constant';
 import { FcrUIDeviceStreamProvider } from '../../providers/device-stream-provider';
 import { FcrUIMemberData, OperateWaitingRoomMemberDialogProps, OpenMuteAllDialogProps } from './type';
 import { FcrUserKickedOutType } from 'fcr-core/lib/room-control/user-control/type';
-import { FcrMainRoomControl, FcrRoomType } from 'fcr-core/lib/room-control/type';
+import { FcrMainRoomControl } from 'fcr-core/lib/room-control/type';
 import { FcrLanguage } from 'fcr-core/lib/room-control/interpreter-control/types';
 import { ConfirmContentProps } from 'agora-ui-foundation/lib/components/confirm-content';
+import { FcrUIRoomType } from '../../type';
 import { FcrUIEventProvider } from '../../providers/event-provider';
 import { FcrUIDeviceProvider } from '../../providers/device-provider';
 import { FcrUISessionProvider } from '../../providers/session-provider';
@@ -21,10 +22,14 @@ import { FcrUISharedSettingDataSource } from '../../shared-data-source/setting';
 import { FcrUISharedWaitingRoomDataSource } from '../../shared-data-source/waiting-room';
 import { FcrUIChatProvider } from '../../providers/chat-provider';
 import { FcrUIVideoWindowDataSource } from '../../shared-data-source/video-window';
+import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
+import { FcrUISharedChatDataSource } from '../../shared-data-source/chat-data';
+import { FcrUIDialogProvider } from '../../providers/dialog-provider';
+import { FcrUIMessageProvider } from '../../providers/message-provider';
+import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
+import { FcrUISecuritySharedDataSource } from '../../shared-data-source/security-data';
 export default class ParticipantStore {
     protected logger: import("agora-foundation/lib/logger").Logger;
-    private _dataSource;
-    private _waitingRoomDataSource;
     private _screenSharingState;
     private _roomStore;
     private _chatProvider;
@@ -50,36 +55,40 @@ export default class ParticipantStore {
     private _sharedInterpreterDataSource;
     private _sharedVideoWindowDataSource;
     private _sharedWaitingRoomDataSource;
-    private _streamsObserver;
+    private _sharedMemberDataSource;
+    private _sharedChatDataSource;
     private _peerSessionObserver;
-    private _userObserver;
-    private _waitingRoomUserObserver;
+    private _dialogProvider;
+    private _abilityProvider;
+    private _messageProvider;
     private _roomStoreObserver;
     private _privilegeControlObserver;
+    private _userObserver;
     private _eventObserver;
     private _whitebaordObderver;
-    private get _localUser();
     private _sharedSettingDataSource;
+    private _sharedSecuritySharedDataSource;
     private accessor _mainList;
     private accessor _isChecked;
     accessor _participantsWindowActive: boolean;
-    accessor currentPerspectiveType: 'host' | 'attendee' | 'cohost';
-    accessor audioVolumeMap: Map<string, number>;
     accessor enableParticipantsJoinWithMute: boolean;
     accessor searchText: string;
     accessor currentModal: 'modal' | 'window';
-    accessor localUserRole: FcrUserRole;
     accessor mergeConfirmDialog: boolean;
     accessor mergeUserId: string;
-    accessor activeTab: FcrRoomType;
+    accessor activeTab: FcrUIRoomType;
     accessor interpreterInputLanguageList: {
         userId: string;
         language: FcrLanguage;
     }[];
     accessor newName: string;
-    accessor refreshList: number;
     accessor allowUnmute: boolean;
     accessor joinWithMuteAudio: boolean;
+    accessor showBecomeHostButton: boolean;
+    get audioVolumeMap(): Map<string, number>;
+    get localUser(): FcrUserInfo;
+    get localUserRole(): FcrUserRole;
+    get isLocalUserHost(): boolean;
     get enableSpotlight(): boolean;
     get userListSource(): import("./member-list-data-source").FcrUIMemberDataImpl[];
     get spotlightStreamId(): string;
@@ -91,18 +100,19 @@ export default class ParticipantStore {
     get isLockRoomEnabled(): boolean;
     get isWaitingRoomEnabled(): boolean;
     get allowChangeSelfName(): boolean;
-    get allowChat(): boolean;
-    get allowShareScreen(): boolean;
     get pinedStreamIds(): string[];
     get hasPinnedStream(): boolean;
     get userList(): User[];
     get localMicVolume(): number;
     get hasRevokeHostPermission(): boolean;
-    get interpreterUsers(): import("fcr-core/lib/room-control/interpreter-control/types").FcrInterpreterUserInfo[] | null;
-    get interpreterState(): boolean;
+    get interpreterUserList(): import("fcr-core/lib/room-control/interpreter-control/types").FcrInterpreterUserInfo[] | null;
+    get isInterpreterEnabled(): boolean;
     get waitingRoomUserCount(): number;
     get isNewWaitingRoomUserEnter(): boolean;
-    constructor({ roomControl, securityStore, uiEventStore, deviceStore, deviceStreamStore, roomStore, sessionProvider, sharedSpeakerSpotlightDataSource, sharedPinDataSource, sharedLayoutDataSource, sharedInterpreterDataSource, sharedSettingDataSource, sharedWaitingRoomDataSource, chatProvider, sharedVideoWindowDataSource, }: {
+    get isHostKeyEnabled(): boolean;
+    get hasInvite(): boolean;
+    get checkedStateMap(): import("../../shared-data-source/security-data").FcrSecurityCheckedStateType;
+    constructor({ roomControl, securityStore, uiEventStore, deviceStore, deviceStreamStore, roomStore, sessionProvider, sharedSpeakerSpotlightDataSource, sharedPinDataSource, sharedLayoutDataSource, sharedInterpreterDataSource, sharedSettingDataSource, sharedWaitingRoomDataSource, chatProvider, sharedVideoWindowDataSource, sharedMemberDataSource, sharedChatDataSource, dialogProvider, abilityProvider, messageProvider, sharedSecuritySharedDataSource, }: {
         roomControl: FcrMainRoomControl;
         securityStore: FcrUIPrivilegeProvider;
         uiEventStore: FcrUIEventProvider;
@@ -118,6 +128,12 @@ export default class ParticipantStore {
         sharedWaitingRoomDataSource: FcrUISharedWaitingRoomDataSource;
         chatProvider: FcrUIChatProvider;
         sharedVideoWindowDataSource: FcrUIVideoWindowDataSource;
+        sharedMemberDataSource: FcrUIMemberSharedDataSource;
+        sharedChatDataSource: FcrUISharedChatDataSource;
+        dialogProvider: FcrUIDialogProvider;
+        abilityProvider: FcrUIAbilityProviderImpl;
+        messageProvider: FcrUIMessageProvider;
+        sharedSecuritySharedDataSource: FcrUISecuritySharedDataSource;
     });
     release(): void;
     allowedOperations: (userId: string, userRole: FcrUserRole) => string[];
@@ -142,9 +158,15 @@ export default class ParticipantStore {
     getAllowedOperations: (targetRole: FcrUserRole, isSelf: boolean) => string[];
     closeRemoveAdmitWaitingRoomDialog(dialogKey: FcrUIDialogKey): void;
     openRemoveAdmitWaitingRoomDialog(params: OperateWaitingRoomMemberDialogProps): void;
-    setMuteAllDialogValue(allowUnmuteSelfAudio: boolean, allowJoinWithMuteAudio: boolean): void;
+    setAllowUnmute(checked: boolean): void;
+    setAllowJoinWithMuteAudio(checked: boolean): void;
     openMuteAllDialog(params: OpenMuteAllDialogProps): void;
+    isHostSupported(userId: string): boolean;
     handlerUserAction(action: ParticipantActionType, userId: string): void;
+    private _handleUserPropertiesUpdated;
+    private _handleRemoteUsersJoined;
+    private _handleUserInfoUpdated;
+    private _openChangeNameDialog;
     private _closeChangeNameDialog;
     private _moveToWaitingRoomByUserIds;
     removeWaitingRoomUser(userId: string, type: FcrUserKickedOutType): void;
@@ -154,8 +176,7 @@ export default class ParticipantStore {
     handlerRoomControlAction(action: FcrUIRoomControlType, data?: any): void;
     private _handleEvent;
     moveToMainRoomByUserIds(userId: string[]): void;
-    handleActiveTab(tab: FcrRoomType): void;
-    private _initWaitingRoomUserList;
+    handleActiveTab(tab: FcrUIRoomType): void;
     private _formatUser;
     private _muteUserAudio;
     private _unmuteUserAudio;
@@ -177,25 +198,12 @@ export default class ParticipantStore {
     private _enableWaitingRoom;
     private _enableRename;
     private enableJoinWithMuteAudio;
-    private _onAudioVolumeUpdated;
-    private _updateUserBoardState;
-    private _handleRemoteUserJoined;
-    private _handleRemoteUserLeft;
-    private _handleRemoteWaitingUserJoined;
-    private _handleRemoteWaitingUserLeft;
-    private _handleUserInfoUpdated;
-    private _handleUserPropertiesUpdated;
-    private _initUserList;
-    private _handleStreamsAdded;
-    private _handleStreamsUpdated;
-    private _handleStreamsRemoved;
-    private _refreshCurrentPerspectiveType;
     private _onPeerSessionReceived;
     private _onPeerSessionAccepted;
     private _onPeerSessionRejected;
     private _updateSessionTimestamp;
-    private _isHost;
-    private _updateLocalUserRole;
-    _getOutputLanguage(): Promise<void>;
+    private _getOutputLanguage;
+    private _checkCreatorInfo;
+    private _revokeHostByTicket;
 }
 export declare const StoreContext: import("react").Context<ParticipantStore>;