fcr-ui-scene-mobile 3.4.0

package/lib/modules/action-bar/more-popup/index.js

@@ -0,0 +1,126 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FcrMobileMorePopup = void 0;
+var _popup = require("agora-ui-foundation/lib/components/popup");
+var _mobile = require("agora-ui-foundation/lib/components/switch/mobile");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+require("./index.css");
+var _globalContext = require("../../../common/global-context");
+var _type = require("fcr-core/lib/type");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
+var FcrMobileMorePopup = exports.FcrMobileMorePopup = (0, _mobxReact.observer)(function () {
+  var _useContext = (0, _react.useContext)(_globalContext.FcrMobileGlobalContext),
+    settingStore = _useContext.settingStore,
+    securityStore = _useContext.securityStore;
+  var morePopoverOpened = settingStore.morePopoverOpened,
+    setMorePopoverOpened = settingStore.setMorePopoverOpened,
+    setting = settingStore.setting,
+    setSetting = settingStore.setSetting;
+  var setAllowWaterMark = securityStore.setAllowWaterMark,
+    isWaterMarkEnabled = securityStore.isWaterMarkEnabled,
+    isMulti = securityStore.isMulti;
+  var waterMarkEnabled = isWaterMarkEnabled();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_popup.FcrPopup, {
+    showCloseButton: true,
+    visible: morePopoverOpened,
+    onMaskClick: function onMaskClick() {
+      setMorePopoverOpened(false);
+    },
+    onClose: function onClose() {
+      setMorePopoverOpened(false);
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fcr-mobile-more-cfg-con-wrap",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-mobile-more-cfg-con-header",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "fcr-mobile-more-cfg-con-header-title",
+          children: (0, _i18n.transI18n)('fmt_h_label_more_function')
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-mobile-cfg-body",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "fcr-mobile-more-cfg-card",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "fcr-mobile-more-cfg-card-item border",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "fcr-mobile-cfg-card-item-label",
+              children: (0, _i18n.transI18n)('fmt_internalsetting_other_spot_light')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobile.FcrMobileSwitch, {
+              value: setting.spotlightEnabled,
+              onChange: function onChange(v) {
+                return setSetting({
+                  spotlightEnabled: v
+                });
+              }
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "fcr-mobile-more-cfg-card-item border",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "fcr-mobile-cfg-card-item-label",
+              children: (0, _i18n.transI18n)('fmt_setting_option_hidenonvideo')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobile.FcrMobileSwitch, {
+              value: setting.shouldHideNonVideoParticipants,
+              onChange: function onChange(v) {
+                return setSetting({
+                  shouldHideNonVideoParticipants: v
+                });
+              }
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "fcr-mobile-more-cfg-card-item border",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "fcr-mobile-cfg-card-item-label",
+              children: (0, _i18n.transI18n)('fmt_uimanager_labels_mirror')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobile.FcrMobileSwitch, {
+              value: setting.localMirror,
+              onChange: function onChange(v) {
+                return setSetting({
+                  localMirror: v
+                });
+              }
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "fcr-mobile-more-cfg-card-item",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "fcr-mobile-cfg-card-item-label",
+              children: (0, _i18n.transI18n)('fmt_security_setting_label_watermark')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobile.FcrMobileSwitch, {
+              value: waterMarkEnabled,
+              onChange: function onChange() {
+                return setAllowWaterMark(!waterMarkEnabled, void 0);
+              }
+            })]
+          }), waterMarkEnabled ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "fcr-mobile-more-cfg-card-item",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "fcr-mobile-cfg-card-item-label",
+              children: (0, _i18n.transI18n)('fmt_security_setting_mobile_label_watermark_style')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: "fcr-mobile-more-cfg-card-item-linechoose",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "fcr-mobile-more-cfg-card-item-btn ".concat(isMulti() ? '' : 'active'),
+                onClick: function onClick() {
+                  setAllowWaterMark(waterMarkEnabled, _type.FcrLineType.SINGLE_ROW);
+                },
+                children: (0, _i18n.transI18n)('fmt_security_setting_mobile_option_watermark_style_single')
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "fcr-mobile-more-cfg-card-item-btn ".concat(isMulti() ? 'active' : ''),
+                onClick: function onClick() {
+                  setAllowWaterMark(waterMarkEnabled, _type.FcrLineType.MULTI_ROW);
+                },
+                children: (0, _i18n.transI18n)('fmt_security_setting_mobile_option_watermark_style_multi')
+              })]
+            })]
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {})]
+        })
+      })]
+    })
+  });
+});

package/lib/modules/action-bar/store.d.ts

@@ -0,0 +1,196 @@
+import { FcrBaseRoomControl, FcrDesktopMediaControl, FcrStreamControl, FcrUserControl } from 'fcr-core';
+import { FcrLiveStreamingState, FcrRecordingState, FcrUserInfo, FcrUserRole, FcrLineType } from 'fcr-core/lib/type';
+import { FcrUIEventStore } from '../../common/event-store';
+import { RoomType } from '../../utilities/constant';
+import { FcrSecurityStore } from '../../common/security-store';
+import { FcrDeviceStore } from '../../common/device-store';
+import { ConnectType, ConnectionTabType } from './type';
+import { FcrDeviceStreamStore } from '../../common/device-stream-store';
+import { FcrChatRoomReceiveBaseMessage } from 'fcr-core/lib/room-control/chatroom-control/type';
+import { FcrUserKickedOutType } from 'fcr-core/lib/room-control/user-control/type';
+import { FcrRoomType } from 'fcr-core/lib/room-control/type';
+interface ActionBarStoreArgs {
+    roomControl: FcrBaseRoomControl;
+    userControl: FcrUserControl;
+    uiEventStore: FcrUIEventStore;
+    deviceStore: FcrDeviceStore;
+    deviceStreamStore: FcrDeviceStreamStore;
+    securityStore: FcrSecurityStore;
+    streamControl: FcrStreamControl;
+    mediaControl: FcrDesktopMediaControl;
+}
+export declare enum MoreMenuType {
+    DEFAULT = 0,
+    SECURITY = 1
+}
+export declare enum AudioConnectType {
+    NONE = 0,
+    COMPUTER = 1,
+    PHONE = 2
+}
+type ChatRoomStoreMap = {
+    [K in RoomType]?: number;
+};
+export default class ActionBarStore {
+    protected logger: import("agora-foundation/lib/logger").Logger;
+    private _disposers;
+    private _chatRenderAt;
+    private _participantsRenderAt;
+    private _roomControl;
+    private _waitingRoomControl?;
+    private _userControl;
+    private _streamControl;
+    private _mediaControl;
+    private _deviceStore;
+    private _deviceStreamStore;
+    private _uiEventStore;
+    private _securityStore;
+    private _screenVideoTrack;
+    private _userObserver;
+    private _waitingRoomUserObserver;
+    private _roomObserver;
+    private _uiEventObserver;
+    private _streamObserver;
+    private _deviceObserver;
+    private _observer;
+    private _openedDialogIdMap;
+    private _participantVisible;
+    private _chatVisible;
+    private _liveStreamingDialogId;
+    private _newMessageTooltipTimer;
+    private _hideBarArrowTimer;
+    private _sharingOwnerUser;
+    private _participantTab;
+    accessor users: FcrUserInfo[];
+    accessor newMessageTooltipVisible: boolean;
+    accessor newMessageCount: ChatRoomStoreMap;
+    accessor latestMessage: FcrChatRoomReceiveBaseMessage | undefined;
+    accessor totalUser: number;
+    accessor totalWaitingRoomUser: number;
+    accessor liveStreamingState: FcrLiveStreamingState;
+    accessor currentMenuIs: MoreMenuType;
+    accessor cloudRecordingState: FcrRecordingState;
+    accessor localUserRole: FcrUserRole;
+    accessor localUser: FcrUserInfo;
+    accessor connectionSettingVisible: boolean;
+    accessor connectType: ConnectType;
+    accessor folded: boolean;
+    accessor boardOwnerUser: FcrUserInfo | null;
+    accessor hasScreenShare: boolean;
+    accessor showArrow: boolean;
+    accessor phoneMicEnabled: boolean;
+    accessor isNewWaitingRoomUserEnter: boolean;
+    accessor chatTabIndex: string;
+    accessor popoverOpened: boolean;
+    accessor participantsPopoverOpened: boolean;
+    constructor(args: ActionBarStoreArgs);
+    get remoteUsers(): FcrUserInfo[];
+    get hasStartScreenSharePermission(): boolean;
+    get hasStartLiveStreamingPermission(): boolean;
+    get hasEnableStartAudioPermission(): boolean;
+    get hasEnableChangeNamePermission(): boolean;
+    get hasEnableStartVideoPermission(): boolean;
+    get hasLockRoomPermission(): boolean;
+    get hasWaitingRoomPermission(): boolean;
+    get hasWatermarkEnablePermission(): boolean;
+    get hasWatermarkDisablePermission(): boolean;
+    get hasEnableStartSharePermission(): boolean;
+    get hasAllowWriteBoardPermission(): boolean;
+    get hasCloseWriteBoardPermission(): boolean;
+    get hasAllowScreenShareAndBoardPermission(): boolean;
+    get hasAllowChatPermission(): boolean;
+    get hasStartCloudRecordingPermission(): boolean;
+    get hasAssignHostBeforeLeavingPermission(): boolean;
+    get hasEndRoomPermission(): boolean;
+    get isScreenShareAndBoardEnabled(): boolean;
+    get isBoardWriteEnabled(): boolean;
+    get isWaterMarkEnabled(): boolean;
+    get isMulti(): boolean;
+    get isPstnUser(): boolean;
+    get cameraEnabled(): boolean;
+    get cameraId(): string;
+    get cameraList(): import("agora-rte-sdk").AgoraRtcDeviceInfo[];
+    get microphoneEnabled(): boolean;
+    get microphoneId(): string;
+    get microphoneVolumeLevel(): number;
+    get microphoneList(): import("agora-rte-sdk").AgoraRtcDeviceInfo[];
+    get speakerId(): string;
+    get speakerList(): import("agora-rte-sdk").AgoraRtcDeviceInfo[];
+    get allNewMessage(): number;
+    get isMainRoom(): boolean;
+    pauseCloudRecording(): void;
+    resumeCloudRecording(): void;
+    stopCloudRecording(): void;
+    startCloudRecording(): void;
+    toggleLayoutBarLock(payload: boolean): void;
+    showNewMessageTooltip(): void;
+    hideNewMessageTooltip(): void;
+    switchMenu(value?: MoreMenuType): void;
+    get isLocked(): boolean;
+    isWaitingRoomEnabled(): boolean;
+    enableCamera(enable: boolean): void;
+    enableMicrophone(enable: boolean): void;
+    closeSpeaker(): void;
+    setAllowBoardWrite(): Promise<void>;
+    setAllowScreenShare(): Promise<void>;
+    closeBoard(): void;
+    assignHost(user: FcrUserInfo): void;
+    leave(): void;
+    keepPhoneAudioConnection(): void;
+    setPopoverOpened(isShow: boolean): void;
+    getRoomType(): FcrRoomType | undefined;
+    end(): void;
+    release(): void;
+    allowJoinWithMuteAudio(): boolean;
+    setAllowJoinWithMuteAudio(enable: boolean): void;
+    isLockRoomEnabled(): boolean;
+    setLockRoomEnabled(enable: boolean): void;
+    setAllowShareScreen(enable: boolean): void;
+    allowShareScreen(): boolean;
+    allowWriteBoard(): boolean;
+    allowChat(): boolean;
+    setAllowChat(enable: boolean): void;
+    allowUnmuteSelfAudio(): boolean;
+    setAllowUnmuteSelfAudio(enable: boolean): void;
+    allowUnmuteSelfVideo(): boolean;
+    setAllowUnmuteSelfVideo(enable: boolean): void;
+    toggleChat(): void;
+    openChat(): void;
+    closeChat(): void;
+    toggleParticipants(): void;
+    openParticipants(): void;
+    closeParticipants(): void;
+    startScreenShare(): void;
+    openWhiteboard(): void;
+    closeWhiteboard(): void;
+    closeLiveStreamingDialog(): void;
+    toggleConnection(): void;
+    openConnection(type: ConnectionTabType): void;
+    closeConnection(): void;
+    toggleFold(): void;
+    setShowArrow(show: boolean): void;
+    setEnableWaitingRoom(enable: boolean, isNeedShowDialog: boolean): Promise<void>;
+    kickOutWaitingRoomAllMember(type: FcrUserKickedOutType): Promise<void>;
+    moveToMainRoomAllMember(): Promise<void>;
+    private _interceptShareScreen;
+    private _handleRemoteUsersJoined;
+    private _handleRemoteUsersLeft;
+    private _handleAllUserCountUpdated;
+    private _getWaitingRoomUserCount;
+    private _handleRemoteWaitingUserLeft;
+    private _handleRemoteWaitingUserJoined;
+    private _handleUserInfoUpdated;
+    private _handleLiveStreamingStateUpdated;
+    private _handleNewMessageEvent;
+    private _handleChatVisible;
+    private _handlerTraceScreenCaptureStateUpdate;
+    setAllowWaterMark(): void;
+    setWaterMarkLineType(lineType: FcrLineType): void;
+    private _onEvent;
+    private _operateWaitingRoom;
+    private _handleCloudRecordingStateUpdated;
+    private _handleStreamsAddedOrUpdated;
+    setParticipantsPopoverOpened(visible: boolean): void;
+    private _handleMicrophoneChanged;
+}
+export {};