easemob-chat-uikit 2.0.1 → 2.1.0

package/types/module/callkit/CallKit.d.ts

@@ -4,4 +4,5 @@ import type { CallKitProps, CallKitRef } from './types/index';
  * CallKit主组件
  */
 declare const CallKit: React.ForwardRefExoticComponent<CallKitProps & React.RefAttributes<CallKitRef>>;
+export { CallKit };
 export default CallKit;

package/types/module/callkit/hooks/useFullscreen.d.ts

@@ -5,5 +5,5 @@ export declare const useFullscreen: (containerRef: React.RefObject<HTMLDivElemen
     isFullscreen: boolean;
     enterFullscreen: () => Promise<void>;
     exitFullscreen: () => Promise<void>;
-    toggleFullscreen: () => void;
+    toggleFullscreen: (e: React.MouseEvent) => void;
 };

package/types/module/callkit/index.d.ts

@@ -1,4 +1,4 @@
-import CallKit from './CallKit';
+import { CallKit } from './CallKit';
 import VideoLayout from './VideoLayout';
 import CallControls from './components/CallControls';
 export type { CallKitProps, CallKitRef, VideoWindowProps, LayoutMode, InvitationInfo, InvitationNotificationProps, } from './types/index';
@@ -10,7 +10,6 @@ export { CallKit, VideoLayout, CallControls };
 export { MiniSizeWindow } from './components/MiniSizeWindow';
 export { default as InvitationContent } from './components/InvitationContent';
 export { MultiPartyLayout } from './layouts/MultiPartyLayout';
-export { PreviewLayout } from './layouts/PreviewLayout';
 export { FullLayoutManager } from './layouts/FullLayoutManager';
 export { OneToOneFullLayout } from './layouts/OneToOneFullLayout';
 export { MultiPartyFullLayout } from './layouts/MultiPartyFullLayout';

package/types/module/callkit/layouts/MultiPartyLayout.d.ts

@@ -9,7 +9,7 @@ export declare class MultiPartyLayoutStrategy implements LayoutStrategy {
     renderLayout(videos: VideoWindowProps[], layoutConfig: LayoutConfig, videoSize: VideoSize, renderVideoWindow: (video: VideoWindowProps, index: number, windowSize?: {
         width: number;
         height: number;
-    }) => React.ReactNode, prefixCls: string, gap: number, selectedVideoId?: string, onVideoClick?: (videoId: string) => void, switchingState?: VideoSwitchingState): React.ReactNode;
+    }) => React.ReactNode, prefixCls: string, gap: number, selectedVideoId?: string, onVideoClick?: (e: React.MouseEvent, videoId: string) => void, switchingState?: VideoSwitchingState): React.ReactNode;
 }
 /**
  * 主要视频 + 缩略图布局策略
@@ -20,7 +20,7 @@ export declare class MainVideoLayoutStrategy implements LayoutStrategy {
     renderLayout(videos: VideoWindowProps[], layoutConfig: LayoutConfig, videoSize: VideoSize, renderVideoWindow: (video: VideoWindowProps, index: number, windowSize?: {
         width: number;
         height: number;
-    }) => React.ReactNode, prefixCls: string, gap: number, selectedVideoId?: string, onVideoClick?: (videoId: string) => void, switchingState?: VideoSwitchingState, onExitMainVideoMode?: () => void): React.ReactNode;
+    }) => React.ReactNode, prefixCls: string, gap: number, selectedVideoId?: string, onVideoClick?: (e: React.MouseEvent, videoId: string) => void, switchingState?: VideoSwitchingState, onExitMainVideoMode?: () => void): React.ReactNode;
 }
 /**
  * 多人布局组件

package/types/module/callkit/services/CallService.d.ts

@@ -85,6 +85,8 @@ export interface CallServiceConfig {
     onRtcEngineCreated?: (rtc: any) => void;
     onInvitedUserRemoved?: (userId: string, reason: 'refused' | 'cancelled' | 'timeout') => void;
     encoderConfig?: VideoEncoderConfigurationPreset;
+    onRingtoneStart?: (type: 'outgoing' | 'incoming') => void;
+    onRingtoneEnd?: (type: 'outgoing' | 'incoming') => void;
 }
 export declare class CallService {
     private client;
@@ -127,6 +129,8 @@ export declare class CallService {
     private onRemoteUserLeft?;
     private onRtcEngineCreated?;
     private onCallError?;
+    private onRingtoneStart?;
+    private onRingtoneEnd?;
     private cachedGroupInfos;
     private speakingVolumeThreshold;
     private outgoingRingtoneAudio;
@@ -142,6 +146,7 @@ export declare class CallService {
     private encoderConfig?;
     private creatingAudioTrack;
     private UIdToUserIdMap;
+    private enableMic;
     constructor(config: CallServiceConfig);
     setUIdToUserIdMap(uid: string, userId: string): void;
     getAccessToken(): Promise<string | null>;
@@ -186,7 +191,7 @@ export declare class CallService {
     private handleConfirmCalleeMessage;
     private handleCancelCallMessage;
     private handleLeaveCallMessage;
-    toggleMute(): boolean;
+    toggleMute(): Promise<boolean>;
     toggleCamera(): Promise<boolean>;
     private toggleCameraInPreview;
     private speakerEnabled;

package/types/module/callkit/types/index.d.ts

@@ -51,7 +51,7 @@ export interface LayoutStrategy {
     renderLayout(videos: VideoWindowProps[], layoutConfig: LayoutConfig, videoSize: VideoSize, renderVideoWindow: (video: VideoWindowProps, index: number, windowSize?: {
         width: number;
         height: number;
-    }) => React.ReactNode, prefixCls: string, gap: number, selectedVideoId?: string, onVideoClick?: (videoId: string) => void, switchingState?: VideoSwitchingState, onExitMainVideoMode?: () => void): React.ReactNode;
+    }) => React.ReactNode, prefixCls: string, gap: number, selectedVideoId?: string, onVideoClick?: (e: React.MouseEvent, videoId: string) => void, switchingState?: VideoSwitchingState, onExitMainVideoMode?: () => void): React.ReactNode;
 }
 export interface LayoutOptions {
     aspectRatio: number;
@@ -109,7 +109,7 @@ export interface CallKitRef {
     setUserInfo: (userInfo: {
         [key: string]: any;
     }) => void;
-    toggleMute: () => boolean;
+    toggleMute: () => Promise<boolean>;
     toggleCamera: () => Promise<boolean>;
     isMuted: () => boolean;
     isCameraEnabled: () => boolean;
@@ -211,7 +211,7 @@ export interface CallKitProps {
     onSpeakerToggle?: (enabled: boolean) => void;
     onScreenShareToggle?: (sharing: boolean) => void;
     onHangup?: () => void;
-    onAddParticipant?: () => void;
+    onAddParticipant?: (event: React.MouseEvent) => void;
     onInvitationAccept?: (invitation: InvitationInfo) => void;
     onInvitationReject?: (invitation: InvitationInfo) => void;
     logLevel?: 'error' | 'warn' | 'info' | 'debug' | 'verbose';
@@ -229,6 +229,9 @@ export interface CallKitProps {
     onRemoteUserLeft?: (userId: string, callType: 'video' | 'audio' | 'group') => void;
     onRtcEngineCreated?: (rtc: any) => void;
     onEndCallWithReason?: (reason: string, callInfo: CallInfo) => void;
+    onRingtoneStart?: (type: 'outgoing' | 'incoming') => void;
+    onRingtoneEnd?: () => void;
+    onCallStatusChanged?: (status: 'idle' | 'calling' | 'ringing' | 'connected' | 'disconnected') => void;
 }
 import type React from 'react';
 export interface CustomIconProps {

package/types/module/callkit/types/layout.d.ts

@@ -29,9 +29,9 @@ export interface FullLayoutProps extends BaseLayoutProps {
     callStatus?: 'idle' | 'calling' | 'ringing' | 'connected';
     isShowingPreview?: boolean;
     isFullscreen?: boolean;
-    onFullscreenToggle?: () => void;
+    onFullscreenToggle?: (e: React.MouseEvent) => void;
     isMinimized?: boolean;
-    onMinimizedToggle?: () => void;
+    onMinimizedToggle?: (e: React.MouseEvent) => void;
     showControls?: boolean;
     muted?: boolean;
     cameraEnabled?: boolean;
@@ -42,7 +42,7 @@ export interface FullLayoutProps extends BaseLayoutProps {
     onSpeakerToggle?: (enabled: boolean) => void;
     onScreenShareToggle?: (sharing: boolean) => void;
     onHangup?: () => void;
-    onAddParticipant?: () => void;
+    onAddParticipant?: (event: React.MouseEvent) => void;
     onPreviewAccept?: () => void;
     onPreviewReject?: () => void;
     onMinimizedClick?: (event?: React.MouseEvent) => void;
@@ -65,6 +65,8 @@ export interface FullLayoutProps extends BaseLayoutProps {
     }>;
     customIcons?: CallKitIconMap;
     iconRenderer?: (iconType: string, defaultIcon: React.ReactElement, context?: any) => React.ReactElement;
+    isDragging?: boolean;
+    justFinishedDrag?: boolean;
 }
 /**
  * 布局组件的工厂函数类型

package/types/module/hooks/useSDK.d.ts

@@ -1,4 +1,6 @@
+import { ChatSDK } from '../SDK';
 declare const useSDK: () => {
     ChatSDK: import("easemob-websdk").EasemobChatStatic;
+    ChatSDKType: typeof ChatSDK;
 };
 export { useSDK };

package/types/module/messageInput/MessageInput.d.ts

@@ -30,11 +30,11 @@ export interface MessageInputProps {
     giftKeyboardProps?: GiftKeyboardProps;
     onChange?: (value: string) => void;
     onFocus?: () => void;
+    disableRecorder?: boolean;
+    disableRecorderTitle?: string;
 }
-declare const _default: {
-    (props: MessageInputProps): import("react/jsx-runtime").JSX.Element;
-    defaultActions: Actions;
-} & {
-    displayName: string;
-};
+export interface MessageInputRef {
+    stopRecording: () => void;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<MessageInputProps & React.RefAttributes<MessageInputRef>, "ref"> & React.RefAttributes<MessageInputRef>>>;
 export default _default;

package/types/module/messageInput/index.d.ts

@@ -6,4 +6,5 @@ export type { EmojiProps } from './emoji';
 export type { SelectedControlsProps } from './selectedControls';
 export type { SuggestListProps } from './suggestList';
 export type { TextareaProps } from './textarea';
+export type { MessageInputRef } from './MessageInput';
 export default MessageInput;

package/types/module/messageInput/recorder/Recorder.d.ts

@@ -14,6 +14,11 @@ export interface RecorderProps {
     conversation?: CurrentConversation;
     onBeforeSendMessage?: (message: ChatSDK.MessageBody) => Promise<CurrentConversation | void>;
     isChatThread?: boolean;
+    disabled?: boolean;
+    disabledTitle?: string;
 }
-declare const Recorder: React.FC<RecorderProps>;
+export interface RecorderRef {
+    stopRecording: () => void;
+}
+declare const Recorder: React.ForwardRefExoticComponent<RecorderProps & React.RefAttributes<RecorderRef>>;
 export { Recorder };

package/types/module/store/Provider.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 export interface ProviderProps {
     initConfig: {
-        appKey: string;
+        appKey?: string;
         userId?: string;
         token?: string;
         password?: string;

package/types/module/store/index.d.ts

@@ -6,11 +6,8 @@ import PinnedMessagesStore from './PinnedMessagesStore';
 import { ChatSDK } from 'module/SDK';
 import { ProviderProps } from '../store/Provider';
 type InitConfig = {
-    appKey: string;
-    appId?: string;
-} | {
     appKey?: string;
-    appId: string;
+    appId?: string;
 };
 declare class RootStore {
     messageStore: MessageStore;

package/types/module/store/rootContext.d.ts

@@ -8,6 +8,8 @@ export interface RootConsumerProps {
 export interface ContextProps {
     rootStore: RootStore;
     initConfig: {
+        appKey?: string;
+        appId?: string;
         token?: string;
         userId?: string;
         translationTargetLanguage?: string;
@@ -15,13 +17,7 @@ export interface ContextProps {
         maxMessages?: number;
         isFixedDeviceId?: boolean;
         useOwnUploadFun?: boolean;
-    } & ({
-        appKey: string;
-        appId?: string;
-    } | {
-        appKey?: string;
-        appId: string;
-    });
+    };
     client: ChatSDK.Connection;
     features?: {
         chat?: {

package/types/module/utils/index.d.ts

@@ -31,5 +31,5 @@ export declare function getMessages(cvs: CurrentConversation): (ChatSDK.MessageB
 export declare function getMessageIndex(messages: (ChatSDK.MessageBody | NoticeMessageBody)[], messageId: string): number;
 export declare function getReactionByEmoji(message: ChatSDK.MessageBody | NoticeMessageBody, emoji: string): any;
 export declare const getMsgSenderNickname: (msg: BaseMessageType, parentId?: string) => any;
-export declare function sortByPinned(a: any, b: any): 0 | 1 | -1;
+export declare function sortByPinned(a: any, b: any): 1 | 0 | -1;
 export declare function checkCharacter(character: string): "zh" | "en" | "unknown";

package/types/module/callkit/layouts/PreviewLayout.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import type { LayoutStrategy, LayoutConfig, VideoSize, ContainerSize, LayoutOptions, VideoWindowProps } from '../types/index';
-/**
- * 预览布局策略（竖屏布局，用于接通前预览自己画面）
- */
-export declare class PreviewLayoutStrategy implements LayoutStrategy {
-    calculateLayout(videoCount: number, containerSize: ContainerSize): LayoutConfig;
-    calculateVideoSize(layoutConfig: LayoutConfig, containerSize: ContainerSize, options: LayoutOptions): VideoSize;
-    renderLayout(videos: VideoWindowProps[], layoutConfig: LayoutConfig, videoSize: VideoSize, renderVideoWindow: (video: VideoWindowProps, index: number, windowSize?: {
-        width: number;
-        height: number;
-    }) => React.ReactNode, prefixCls: string, gap: number): React.ReactNode;
-}
-/**
- * 预览布局组件
- */
-interface PreviewLayoutProps {
-    videos: VideoWindowProps[];
-    containerSize: ContainerSize;
-    layoutOptions: LayoutOptions;
-    renderVideoWindow: (video: VideoWindowProps, index: number) => React.ReactNode;
-    prefixCls: string;
-}
-export declare const PreviewLayout: React.FC<PreviewLayoutProps>;
-export {};