easemob-chat-uikit 2.0.1 → 2.2.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/contactList/ContactDetail.d.ts

@@ -18,6 +18,8 @@ export interface ContactDetailProps {
     onAudioCall?: () => void | boolean;
     onVideoCall?: () => void | boolean;
     renderEmpty?: () => React.ReactNode;
+    back?: boolean;
+    onClickBack?: () => void;
 }
 export declare const ContactDetail: React.FC<ContactDetailProps>;
 declare const _default: React.FunctionComponent<ContactDetailProps>;

package/types/module/empty/Empty.d.ts

@@ -5,6 +5,7 @@ export interface EmptyProps {
     prefix?: string;
     text?: ReactNode;
     icon?: ReactNode;
+    onClickBack?: () => void;
 }
 declare const Empty: FC<EmptyProps>;
 export { Empty };

package/types/module/groupDetail/GroupDetail.d.ts

@@ -13,6 +13,7 @@ export interface GroupDetailProps {
     onLeaveGroup?: () => void;
     onDestroyGroup?: () => void;
     onGroupMemberVisibleChange?: (visible: boolean) => void;
+    onBack?: () => void;
 }
 declare const _default: React.FunctionComponent<GroupDetailProps>;
 export default _default;

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/hooks/useScreen.d.ts

@@ -0,0 +1,25 @@
+export type Orientation = 'portrait' | 'landscape';
+export type BreakpointKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface Breakpoints {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+}
+export interface ScreenInfo {
+    width: number;
+    height: number;
+    vw: number;
+    vh: number;
+    devicePixelRatio: number;
+    orientation: Orientation;
+    breakpoint: BreakpointKey;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+    isTouchDevice: boolean;
+    prefersReducedMotion: boolean;
+}
+export declare function useScreen(customBreakpoints?: Partial<Breakpoints>): ScreenInfo;
+export declare function useIsMobile(customBreakpoints?: Partial<Breakpoints>): boolean;

package/types/module/index.d.ts

@@ -34,6 +34,7 @@ import { useChatContext } from './hooks/useChatContext';
 import { useAddressContext } from './hooks/useAddressContext';
 import { useThreadContext } from './hooks/useThreadContext';
 import { useSDK } from './hooks/useSDK';
+import { useIsMobile, useScreen } from './hooks/useScreen';
 import Thread, { ThreadProps } from './thread';
 import UserProfile, { UserProfileProps } from './userProfile';
 import { Blocklist, BlocklistProps } from './blocklist';
@@ -45,4 +46,4 @@ import { CallKitProps, CallInfo, CallErrorCode, CallError } from './callkit';
 import { CallKitRef } from './callkit/types/index';
 export type { AudioMessageProps, BaseMessageProps, FileMessageProps, ImageMessageProps, ImagePreviewProps, NoticeMessageProps, TextMessageProps, VideoMessageProps, MessageStatusProps, CombinedMessageProps, PinnedMessageProps, RepliedMsgProps, UnsentRepliedMsgProps, ChatProps, MsgListProps, ConversationItemProps, ConversationListProps, ConversationData, MessageInputProps, MoreActionProps, RecorderProps, EmojiProps, SelectedControlsProps, SuggestListProps, TextareaProps, HeaderProps, EmptyProps, RecalledMessageProps, RootStore, InitConfig, MessageStore, Message, SelectedMessage, Typing, ConversationStore, AT_TYPE, Conversation, CurrentConversation, ById, AddressStore, MemberRole, MemberItem, GroupItem, AppUserInfo, ThreadStore, ThreadData, CurrentThread, ProviderProps, ContextProps, ThreadProps, UserProfileProps, BlocklistProps, ContactListProps, ContactDetailProps, GroupDetailProps, GroupMemberProps, UserCardMessageProps, UserSelectProps, CallKitProps, CallKitRef, CallInfo, CallErrorCode, CallError, };
 declare const UIKitProvider: import("react").NamedExoticComponent<ProviderProps>;
-export { AudioMessage, BaseMessage, FileMessage, ImageMessage, NoticeMessage, TextMessage, VideoMessage, CombinedMessage, PinnedMessage, RepliedMsg, UnsentRepliedMsg, MessageStatus, Chat, MessageList, ContactList, ConversationList, ConversationItem, MessageInput, Header, Empty, RecalledMessage, rootStore, RootContext, RootProvider, RootConsumer, Provider, UIKitProvider, Thread, UserProfile, Blocklist, useClient, useConversations, usePinnedMessage, useHistoryMessages, useSDK, useConversationContext, useChatContext, useAddressContext, useThreadContext, useChatroomContext, Chatroom, ChatroomMember, ChatroomMessage, ContactItem, ContactDetail, GroupDetail, GroupMember, UserCardMessage, UserSelect, CallKit, };
+export { AudioMessage, BaseMessage, FileMessage, ImageMessage, NoticeMessage, TextMessage, VideoMessage, CombinedMessage, PinnedMessage, RepliedMsg, UnsentRepliedMsg, MessageStatus, Chat, MessageList, ContactList, ConversationList, ConversationItem, MessageInput, Header, Empty, RecalledMessage, rootStore, RootContext, RootProvider, RootConsumer, Provider, UIKitProvider, Thread, UserProfile, Blocklist, useClient, useConversations, usePinnedMessage, useHistoryMessages, useSDK, useIsMobile, useScreen, useConversationContext, useChatContext, useAddressContext, useThreadContext, useChatroomContext, Chatroom, ChatroomMember, ChatroomMessage, ContactItem, ContactDetail, GroupDetail, GroupMember, UserCardMessage, UserSelect, CallKit, };

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/emoji/Emoji.d.ts

@@ -26,5 +26,9 @@ export interface EmojiProps {
     closeAfterClick?: boolean;
     onOpenChange?: (open: boolean) => void;
 }
-declare const Emoji: (props: EmojiProps) => import("react/jsx-runtime").JSX.Element;
+export interface EmojiRef {
+    open?: () => void;
+    close?: () => void;
+}
+declare const Emoji: React.ForwardRefExoticComponent<EmojiProps & React.RefAttributes<EmojiRef>>;
 export { Emoji };

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/reaction/EmojiKeyboard.d.ts

@@ -10,5 +10,9 @@ export interface EmojiKeyBoardProps {
     onClick?: (e: React.MouseEvent<Element, MouseEvent>) => void;
     onOpenChange?: (open: boolean) => void;
 }
-declare const EmojiKeyBoard: (props: EmojiKeyBoardProps) => import("react/jsx-runtime").JSX.Element;
+export interface EmojiKeyBoardRef {
+    open?: () => void;
+    close?: () => void;
+}
+declare const EmojiKeyBoard: React.ForwardRefExoticComponent<EmojiKeyBoardProps & React.RefAttributes<EmojiKeyBoardRef>>;
 export { EmojiKeyBoard };

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

@@ -1,4 +1,5 @@
 import { EmojiKeyBoard } from './EmojiKeyboard';
 import { ReactionMessage } from './ReactionMessage';
 export type { ReactionData, ReactionMessageProps } from './ReactionMessage';
+export type { EmojiKeyBoardRef } from './EmojiKeyboard';
 export { EmojiKeyBoard, ReactionMessage };

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/thread/ThreadListExpandableIcon.d.ts

@@ -5,8 +5,13 @@ export interface ThreadListExpandableIconProps {
     style?: React.CSSProperties;
     onClose?: () => void;
     icon?: React.ReactNode;
+    iconWidth?: string | number;
+    iconHeight?: string | number;
+    onClickItem?: () => void;
 }
-declare const _default: ((props: ThreadListExpandableIconProps) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
+export interface ThreadListExpandableIconRef {
+    open: () => void;
+    close: () => void;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<ThreadListExpandableIconProps & React.RefAttributes<ThreadListExpandableIconRef>, "ref"> & React.RefAttributes<ThreadListExpandableIconRef>>>;
 export default _default;

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";