fcr-ui-scene 3.7.8 → 3.7.9-alpha

package/lib/modules/setting/dialog-wrapper.js

@@ -1,110 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DialogWrapper = void 0;
-require("core-js/modules/web.timers.js");
-var _react = require("react");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _dialog = require("agora-ui-foundation/lib/components/dialog");
-var _icon = require("agora-ui-foundation/lib/components/icon");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _useNamespace = require("./common/useNamespace");
-var _mobxReact = require("mobx-react");
-var _store = require("./store");
-var _env = require("agora-foundation/lib/utilities/env");
-var _jsxRuntime = require("react/jsx-runtime");
-var scrollAndHighlightElement = function scrollAndHighlightElement(element) {
-  if (!element) return;
-  element.scrollIntoView({
-    behavior: 'smooth',
-    block: 'center'
-  });
-  var animation = element.animate([{
-    offset: 0,
-    background: 'var(--fcr_ui_scene_ramp_brand2)'
-  }, {
-    offset: 0.5 / 3,
-    background: 'var(--fcr_ui_scene_ramp_brand2)'
-  }, {
-    offset: 1 / 3,
-    background: 'var(--fcr_ui_scene_ramp_brand1)'
-  }, {
-    offset: 1.5 / 3,
-    background: 'var(--fcr_ui_scene_ramp_brand2)'
-  }, {
-    offset: 2 / 3,
-    background: 'var(--fcr_ui_scene_ramp_brand2)'
-  }, {
-    offset: 1,
-    background: 'transparent'
-  }], {
-    duration: 3000,
-    iterations: 1
-  });
-  animation.onfinish = function () {
-    animation.cancel();
-  };
-};
-var DialogWrapper = exports.DialogWrapper = (0, _mobxReact.observer)(function (props) {
-  var t = (0, _i18n.useI18n)();
-  var ns = (0, _useNamespace.useNamespace)('device-settings');
-  var containerRef = (0, _react.useRef)(null);
-  var _useContext = (0, _react.useContext)(_store.StoreContext),
-    dialogConfig = _useContext.dialogConfig,
-    setDialogConfig = _useContext.setDialogConfig,
-    closeDialog = _useContext.closeDialog;
-  (0, _react.useEffect)(function () {
-    if (!dialogConfig.highlightSelector || !containerRef) return;
-    var timer = setTimeout(function () {
-      var element = containerRef.current.querySelector("#".concat(dialogConfig.highlightSelector || ''));
-      scrollAndHighlightElement(element);
-      setDialogConfig({
-        highlightSelector: undefined
-      });
-    }, 100);
-    return function () {
-      clearTimeout(timer);
-    };
-  }, [dialogConfig.highlightSelector]);
-  var onClose = function onClose() {
-    closeDialog();
-  };
-  if ((0, _env.isElectron)()) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      ref: containerRef,
-      children: props.children
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_dialog.BaseDialog, {
-      destroyOnClose: true,
-      width: 530,
-      wrapClassName: ns.e('dialog'),
-      visible: true,
-      maskClosable: false,
-      closable: false,
-      onClose: onClose,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: ns.e('dialog-header'),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: ns.e('dialog-title'),
-          children: t('fmt_settings_option_setting')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-          onClick: onClose,
-          className: ns.e('dialog-close'),
-          type: _type.FcrIconType.FCR_CLOSE,
-          colors: {
-            iconPrimary: 'var(--fcr_ui_scene_icontext1)'
-          },
-          size: 14
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        ref: containerRef,
-        children: props.children
-      })]
-    })
-  });
-});

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

@@ -1,261 +0,0 @@
-import { FcrBeautyOptions } from 'fcr-core/lib/media-control/type';
-import { FcrDeviceInfo, FcrPerformanceInfo } from 'fcr-core/lib/type';
-import { FcrNetworkStats } from 'fcr-core/lib/type';
-import { FcrUIHighlightElement } from '../../utilities/constant';
-import { DEFAULT_BEAUTY_VALUE } from 'agora-ui-foundation/lib/components/local-video-player';
-import { FcrUIAiDenoiseLevel } from '../../type';
-import { VirtualBackground } from '../device-pretest/assets/virtual-backdound-resources';
-import { FcrUIDeviceProvider } from '../../providers/device-provider';
-import { FcrUIEventProvider } from '../../providers/event-provider';
-import { FcrUIMonitorProvider } from '../../providers/monitor-provider';
-import { FcrUISharedLayoutDataSource } from '../../shared-data-source/layout-data';
-import { FcrUIMessageProvider } from '../../providers/message-provider';
-import { FcrUISharedSettingDataSource } from '../../shared-data-source/setting';
-import { FcrUIDialogProvider } from '../../providers/dialog-provider';
-import { FcrUIRoomProvider } from '../../providers/room-provider';
-import { FcrUISharedConfigDataSource } from '../../shared-data-source/config';
-import { FcrUISharedInterpreterDataSource } from '../../shared-data-source/interpreter';
-export declare enum MeetingStatus {
-    PENDING = "pending",
-    ACTIVE = "active"
-}
-export interface FcrDeviceObserver {
-    onCameraChanged?(cameraId: string): void;
-    onMicrophoneChanged?(microphoneId: string): void;
-    onSpeakerChanged?(speakerId: string): void;
-    onCameraListUpdated?(cameraList: FcrDeviceInfo[]): void;
-    onMicrophoneListUpdated?(microphoneList: FcrDeviceInfo[]): void;
-    onSpeakerListUpdated?(speakerList: FcrDeviceInfo[]): void;
-}
-export interface DeviceItem {
-    text: string;
-    value: string;
-}
-export declare enum DeviceSettingTab {
-    GENERAL = "general",
-    AUDIO = "audio",
-    VIDEO = "video",
-    STATE = "state"
-}
-export type VideoActiveTab = 'basic' | 'virtual-background' | 'beauty-filter';
-export interface DeviceSettingDialogConfig {
-    activeTab: DeviceSettingTab;
-    highlightSelector: FcrUIHighlightElement | undefined;
-    videoActiveTab: VideoActiveTab;
-}
-export interface FcrUICustomSetting {
-    shouldDisplayPreviewDialog: boolean;
-    shouldHideNonVideoParticipants: boolean;
-    displayedMaxAttendees: number;
-    autoAdjustmentSpeakerVolume: boolean;
-    autoAdjustmentMicrophoneVolume: boolean;
-    noiseReduce: FcrUIAiDenoiseLevel;
-    recordingPath: string;
-    videoHD: boolean;
-    videoLowLight: boolean;
-    hardwareForReception: boolean;
-    videoNoise: boolean;
-    audioHiFi: boolean;
-    audioEchoCancellation: boolean;
-    audioStereo: boolean;
-    audioVoiceChanger: boolean;
-    spotlightEnabled: boolean;
-    isPlaySound: boolean;
-    language: string;
-    shouldHideMyVideo: boolean;
-    isDualDisplayMode: boolean;
-}
-export { DEFAULT_BEAUTY_VALUE };
-export type BeautyKey = 'none' | 'smoothnessLevel' | 'lighteningLevel' | 'lighteningLevel';
-export default class SettingStore {
-    private _enableRemoteVideoStatsDebugLog;
-    private _disposers;
-    private _currentDialogId;
-    private _monitorProvider;
-    private _currentRoomControl?;
-    private _eventProvider;
-    private _deviceProvider;
-    private _sharedLayoutDataSource;
-    private _videoView4Setting?;
-    private _settingVideoOpened;
-    private _deviceStoreObserver;
-    private _interpreterRoomControl?;
-    private _streamVolumeMap;
-    private _audioDeviceVolumeRefreshTask?;
-    private _volumeIndicationInterval;
-    private _cameraTrack?;
-    private _useDefaultAudioEchoCancellation;
-    private _messageProvider;
-    private _dialogProvider;
-    private _sharedSettingDataSource;
-    private _sharedConfigDataSource;
-    private _sharedInterpreterDataSource?;
-    private _streamInfoList;
-    private _onEventObserver;
-    private _monitorObserver;
-    private _roomObserver;
-    private _streamObserver;
-    accessor loudestStreamVolumeLevel: number;
-    accessor meetingStatus: MeetingStatus;
-    accessor microphoneVolumeLevel: number;
-    accessor isWifiConnected: boolean;
-    accessor dialogConfig: DeviceSettingDialogConfig;
-    accessor networkState: FcrNetworkStats;
-    accessor performanceState: FcrPerformanceInfo & {
-        cpuOtherAppUsage: number;
-        memoryOtherAppUsageRatio: number;
-        memoryOtherAppUsageInKbytes: number;
-    };
-    accessor localAudioStreamMap: Map<string, import("agora-rte-sdk").AgoraRtcLocalAudioStats>;
-    accessor remoteAudioStreamMap: Map<string, import("agora-rte-sdk").AgoraRtcRemoteAudioStats>;
-    accessor localVideoStreamMap: Map<string, import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcLocalTrackStats & {
-        sendFrameRate: number;
-        dimensions: import("agora-rte-sdk").AgoraRtcDimensions;
-        frameRate: number;
-        bitrate: number;
-    } & {
-        isScreenStream: boolean;
-    }>;
-    accessor remoteVideoStreamMap: Map<string, import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcRemoteTrackStats & {
-        dimensions: import("agora-rte-sdk").AgoraRtcDimensions;
-        frameRate: number;
-    } & {
-        isScreenStream: boolean;
-    }>;
-    accessor systemMemorySize: number;
-    accessor systemCpuDesc: string;
-    accessor getSystemInfoTimer: NodeJS.Timeout | null;
-    get maxVideoSendInfo(): (import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcLocalTrackStats & {
-        sendFrameRate: number;
-        dimensions: import("agora-rte-sdk").AgoraRtcDimensions;
-        frameRate: number;
-        bitrate: number;
-    } & {
-        isScreenStream: boolean;
-    }) | null;
-    get maxVideoReceiveInfo(): (import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcRemoteTrackStats & {
-        dimensions: import("agora-rte-sdk").AgoraRtcDimensions;
-        frameRate: number;
-    } & {
-        isScreenStream: boolean;
-    }) | null;
-    get sendScreenShareInfo(): (import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcLocalTrackStats & {
-        sendFrameRate: number;
-        dimensions: import("agora-rte-sdk").AgoraRtcDimensions;
-        frameRate: number;
-        bitrate: number;
-    } & {
-        isScreenStream: boolean;
-    }) | null;
-    get receiveScreenShareInfo(): (import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcRemoteTrackStats & {
-        dimensions: import("agora-rte-sdk").AgoraRtcDimensions;
-        frameRate: number;
-    } & {
-        isScreenStream: boolean;
-    }) | null;
-    get microphoneVolumeDb(): string;
-    get speakerVolumeDb(): string;
-    get speakerTestVolumeLevel(): number;
-    get microphoneTestVolumeLevel(): number;
-    get speakerVolume(): number;
-    get microphoneVolume(): number;
-    get isLocalMirrorEnabled(): boolean;
-    get isLocalEditBeautyOptions(): boolean;
-    get currentBeautyKey(): import("../../type").FcrUIBeautyKey;
-    get beautyOptions(): import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcBeautyOptions;
-    get cameraDeviceId(): string;
-    get cameraEnabled(): boolean;
-    get showForceOpenEffectDialog(): boolean;
-    get currentVirtualBackgroundName(): string;
-    get cameraDeviceList(): DeviceItem[];
-    get microphoneDeviceId(): string | null;
-    get speakerDeviceId(): string;
-    get speakerDeviceList(): DeviceItem[];
-    get microphoneDeviceList(): DeviceItem[];
-    get enableBeauty(): boolean;
-    get virtualBackgroundList(): VirtualBackground[];
-    get currentIsMirror(): boolean;
-    get microphoneDetecting(): boolean;
-    get speakerDetecting(): boolean;
-    get setting(): FcrUICustomSetting;
-    get media(): import("../../type").FcrUIMediaConfig;
-    get sceneConfig(): {
-        roomToken: string;
-        roomId: string;
-        userName: string;
-        userRole: import("fcr-core").FcrUserRole;
-        language: string;
-        userProperties?: Record<string, unknown> | undefined;
-        password?: string | undefined;
-        avatar?: string | undefined;
-    };
-    constructor({ monitorProvider, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedLayoutDataSource, messageProvider, dialogProvider, sharedSettingDataSource, sharedInterpreterDataSource, }: {
-        eventProvider: FcrUIEventProvider;
-        deviceProvider: FcrUIDeviceProvider;
-        monitorProvider: FcrUIMonitorProvider;
-        sharedConfigDataSource: FcrUISharedConfigDataSource;
-        sharedSettingDataSource: FcrUISharedSettingDataSource;
-        messageProvider: FcrUIMessageProvider;
-        dialogProvider: FcrUIDialogProvider;
-        sharedLayoutDataSource: FcrUISharedLayoutDataSource;
-        roomProvider?: FcrUIRoomProvider;
-        sharedInterpreterDataSource?: FcrUISharedInterpreterDataSource;
-    });
-    get messageProvider(): FcrUIMessageProvider;
-    startMeeting(): void;
-    initSettingConfig(): void;
-    enableVirtualBackground(enable: boolean, source?: VirtualBackground): void;
-    setEditBeautyKey(key: BeautyKey): void;
-    enableBeautyEffect(enable: boolean): void;
-    private _initReactions;
-    private _disposeReactions;
-    private _setupAudioVolumeAnalyzerTask;
-    setCameraDevice(cameraId: string): void;
-    setMicrophoneDevice(deviceId: string): void;
-    stopSpeakerTest(): void;
-    startSpeakerTest(): void;
-    setSpeakerDevice(deviceId: string): void;
-    setSpeakerVolume(value: number): void;
-    setMicrophoneVolume(value: number): void;
-    setVideoOrientation(): void;
-    setBeautyOptions(beautyOption: Partial<FcrBeautyOptions>): void;
-    toggleLocalMirrorPreview(isMirror: boolean): void;
-    startVideo(isMirror: boolean, view?: HTMLDivElement | undefined): void;
-    stopVideo(): void;
-    handleForceOpenVideoEffect(): void;
-    handleCancelForceOpenVideoEffect(): void;
-    toggleLocalMirror(enable: boolean): void;
-    setSettingVideoOpened(opened: boolean): void;
-    _syncSystemInfo(): Promise<void>;
-    private _enableVideoHd;
-    private _setVideoEncoderConfigForCameraStream;
-    private _enableLowlightEnhancement;
-    private _enableVideoDenoiser;
-    private _enableHardwareForReception;
-    startCameraTest(): void;
-    stopCameraTest(): void;
-    startMicrophoneTest(): void;
-    stopMicrophoneTest(): void;
-    release(): void;
-    setDialogConfig(dialogConfig: Partial<DeviceSettingDialogConfig>): void;
-    setSetting(setting: Partial<FcrUICustomSetting>): void;
-    private _onEvent;
-    private _onNetworkStatsUpdated;
-    clearGetSystemInfoInterval(): void;
-    closeDialog(): void;
-    private _onLocalAudioStatsUpdated;
-    private _onRemoteAudioStatsUpdated;
-    private _onLocalVideoStatsUpdated;
-    private _onRemoteVideoStatsUpdated;
-    private _onStreamsAdded;
-    private _onStreamsUpdated;
-    private _onStreamsRemoved;
-    private _onPerformanceUpdated;
-    private _handleCameraChanged;
-    private _handleCameraListUpdated;
-    private _onAudioVolumeUpdated;
-    private _preHandleSetting;
-    private _setMeetingSettingsToLocalStorage;
-    changeMediaSetting(key: keyof typeof this._sharedSettingDataSource.media, value: any): void;
-}
-export declare const StoreContext: import("react").Context<SettingStore>;