easemob-chat-uikit 1.0.0-beta

package/style.scss

@@ -0,0 +1,2 @@
+@import './style/index.scss';
+@import './button/style/style.scss'

package/types/ChatUI.d.ts

@@ -0,0 +1,2 @@
+export * from './module/index';
+export * from './src/entry';

package/types/module/audioMessage/AudioMessage.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BaseMessageProps } from '../baseMessage';
+import type { AudioMessageType } from '../types/messageType';
+export interface AudioMessageProps extends BaseMessageProps {
+    audioMessage: AudioMessageType;
+    prefix?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    type?: 'primary' | 'secondly';
+}
+declare const AudioMessage: (props: AudioMessageProps) => JSX.Element;
+export { AudioMessage };

package/types/module/audioMessage/AudioPlayer.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface AudioPlayerProps {
+}
+export interface AudioPlayerProps {
+    play?: boolean;
+    reverse?: boolean;
+    size?: string | number;
+    prefix?: string;
+    className?: string;
+}
+declare const AudioPlayer: (props: AudioPlayerProps) => JSX.Element;
+export { AudioPlayer };

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

@@ -0,0 +1,3 @@
+import { AudioMessage } from './AudioMessage';
+export type { AudioMessageProps } from './AudioMessage';
+export default AudioMessage;

package/types/module/baseMessage/BaseMessage.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+import { MessageStatusProps } from '../messageStatus/MessageStatus';
+export interface BaseMessageProps {
+    bubbleType?: 'primary' | 'secondly' | 'none';
+    status?: MessageStatusProps['status'];
+    avatar?: ReactNode;
+    direction?: 'ltr' | 'rtl';
+    prefix?: string;
+    shape?: 'ground' | 'square';
+    arrow?: boolean;
+    nickName?: string;
+    className?: string;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+    time?: number;
+}
+declare const BaseMessage: (props: BaseMessageProps) => JSX.Element;
+export { BaseMessage };

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

@@ -0,0 +1,3 @@
+import { BaseMessage } from './BaseMessage';
+export type { BaseMessageProps } from './BaseMessage';
+export default BaseMessage;

package/types/module/button/Button.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+declare const buttonShapes: ["circle", "round", "default"];
+export declare type ButtonShape = typeof buttonShapes[number];
+declare const buttonSizes: ["small", "medium", "large"];
+export declare type buttonSize = typeof buttonSizes[number];
+declare const buttonTypes: ["primary", "default", "ghost", "text"];
+export declare type ButtonType = typeof buttonTypes[number];
+export interface ButtonProps {
+    className?: string;
+    children?: React.ReactNode;
+    type?: ButtonType;
+    shape?: ButtonShape;
+    size?: buttonSize;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+}
+export declare const Button: ({ className, type, size, shape, disabled, icon, children, onClick, }: ButtonProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { Button } from './Button';
+export default Button;

package/types/module/chat/Chat.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+import { HeaderProps } from '../header';
+import { MessageEditorProps } from '../messageEditor';
+import { MsgListProps } from './MessageList';
+export interface ChatProps {
+    prefix?: string;
+    className?: string;
+    renderHeader?: (cvs: {
+        chatType: 'singleChat' | 'groupChat';
+        conversationId: string;
+        name?: string;
+        unreadCount?: number;
+    }) => ReactNode;
+    renderMessageList?: () => ReactNode;
+    renderMessageEditor?: () => ReactNode;
+    renderEmpty?: () => ReactNode;
+    headerProps?: {
+        onAvatarClick?: () => void;
+        moreAction?: HeaderProps['moreAction'];
+    };
+    messageListProps?: MsgListProps;
+    messageEditorProps?: MessageEditorProps;
+}
+declare const _default: React.FunctionComponent<ChatProps>;
+export default _default;

package/types/module/chat/MessageList.d.ts

@@ -0,0 +1,10 @@
+import React, { FC } from 'react';
+import { AgoraChat } from 'agora-chat';
+export interface MsgListProps {
+    prefix?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    renderMessage?: (message: AgoraChat.MessageBody) => JSX.Element;
+}
+declare let MessageList: FC<MsgListProps>;
+export { MessageList };

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

@@ -0,0 +1,3 @@
+import Chat from './Chat';
+export type { ChatProps } from './Chat';
+export default Chat;

package/types/module/contactList/ContactGroup.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from 'react';
+export interface ContactGroupProps {
+    prefix?: string;
+    children?: ReactNode;
+    title?: string;
+    itemCount?: number;
+    itemHeight?: number;
+    open?: boolean;
+    onclickTitle?: (data: any) => void;
+}
+declare const ContactGroup: FC<ContactGroupProps>;
+export { ContactGroup };

package/types/module/contactList/ContactItem.d.ts

@@ -0,0 +1,15 @@
+import React, { FC, ReactNode } from 'react';
+export interface ContactItemProps {
+    contactId: string;
+    className?: string;
+    prefix?: string;
+    avatarShape?: 'circle' | 'square';
+    avatarSize?: number;
+    focus?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, contactId: string) => void;
+    children?: ReactNode;
+    style?: React.CSSProperties;
+    isActive?: boolean;
+}
+declare const ContactItem: FC<ContactItemProps>;
+export { ContactItem };

package/types/module/contactList/ContactList.d.ts

@@ -0,0 +1,22 @@
+import React, { FC } from 'react';
+export interface ContactListProps {
+    className?: string;
+    prefix?: string;
+    data?: {
+        group?: Array<{
+            groupId: string;
+            groupName: string;
+        }>;
+        chatroom?: Array<{
+            chatroomId: string;
+            chatroomName: string;
+        }>;
+        contact?: Array<{
+            userId: string;
+            nickname: string;
+        }>;
+    };
+    onSearch?: (e: React.ChangeEvent<HTMLInputElement>) => boolean;
+}
+declare let ContactList: FC<ContactListProps>;
+export { ContactList };

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

@@ -0,0 +1,3 @@
+import { ContactItem } from './ContactItem';
+import { ContactList } from './ContactList';
+export { ContactItem, ContactList };

package/types/module/conversation/ConversationItem.d.ts

@@ -0,0 +1,17 @@
+import React, { FC, ReactNode } from 'react';
+import type { ConversationData } from './ConversationList';
+export interface ConversationItemProps {
+    className?: string;
+    prefix?: string;
+    nickname?: string;
+    avatarShape?: 'circle' | 'square';
+    avatarSize?: number;
+    avatar?: ReactNode;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    style?: React.CSSProperties;
+    badgeColor?: string;
+    isActive?: boolean;
+    data: ConversationData[0];
+}
+declare const ConversationItem: FC<ConversationItemProps>;
+export { ConversationItem };

package/types/module/conversation/ConversationList.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { ConversationItemProps } from './ConversationItem';
+import { HeaderProps } from '../header';
+export declare type ConversationData = Array<{
+    chatType: 'singleChat' | 'groupChat';
+    conversationId: string;
+    name?: string;
+    unreadCount: number;
+    lastMessage: {
+        type: 'txt' | 'img' | 'audio' | 'video' | 'file' | 'custom';
+        msg?: string;
+        time: number;
+        chatType: 'singleChat' | 'groupChat';
+        from: string;
+    };
+}>;
+export declare type ServerCvs = Array<{
+    channel_id: string;
+    lastMessage: any;
+    unread_num: number;
+}>;
+export interface ConversationListProps {
+    prefix?: string;
+    className?: string;
+    onItemClick?: (data: ConversationData[0]) => void;
+    onSearch?: (e: React.ChangeEvent<HTMLInputElement>) => boolean;
+    renderHeader?: () => React.ReactNode;
+    renderSearch?: () => React.ReactNode;
+    renderItem?: (cvs: ConversationData[0], index: number) => React.ReactNode;
+    headerProps?: HeaderProps;
+    itemProps?: ConversationItemProps;
+}
+declare const ConversationList: React.FunctionComponent<ConversationListProps>;
+export { ConversationList };

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

@@ -0,0 +1,3 @@
+export { ConversationItem } from './ConversationItem';
+export { ConversationList } from './ConversationList';
+export type { ConversationListProps, ConversationData, } from './ConversationList';

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

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+export interface EmptyProps {
+    className?: string;
+    prefix?: string;
+    text?: ReactNode;
+    icon?: ReactNode;
+}
+declare const Empty: FC<EmptyProps>;
+export { Empty };

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

@@ -0,0 +1,3 @@
+import { EmptyProps, Empty } from './Empty';
+export type { EmptyProps };
+export default Empty;

package/types/module/fileMessage/FileMessage.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { BaseMessageProps } from '../baseMessage';
+import { IconProps } from '../../src/icon';
+import type { FileMessageType } from '../types/messageType';
+export interface FileMessageProps extends BaseMessageProps {
+    fileMessage: FileMessageType;
+    iconType?: IconProps['type'];
+    prefix?: string;
+    className?: string;
+    type?: 'primary' | 'secondly';
+}
+declare const FileMessage: (props: FileMessageProps) => JSX.Element;
+export { FileMessage };

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

@@ -0,0 +1,2 @@
+import { FileMessage } from './FileMessage';
+export default FileMessage;

package/types/module/header/Header.d.ts

@@ -0,0 +1,22 @@
+import React, { FC, ReactNode } from 'react';
+export interface HeaderProps {
+    className?: string;
+    prefix?: string;
+    content?: ReactNode;
+    avatar?: ReactNode;
+    icon?: ReactNode;
+    back?: boolean;
+    renderContent?: () => React.ReactElement;
+    onIconClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    moreAction?: {
+        visible?: boolean;
+        icon?: ReactNode;
+        actions: Array<{
+            content: ReactNode;
+            onClick?: () => void;
+        }>;
+    };
+    onAvatarClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+}
+declare const Header: FC<HeaderProps>;
+export { Header };

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

@@ -0,0 +1,3 @@
+import { Header } from './Header';
+export type { HeaderProps } from './Header';
+export default Header;

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

@@ -0,0 +1,2 @@
+declare const useEventHandler: () => void;
+export { useEventHandler };

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

@@ -0,0 +1,9 @@
+declare const useParentName: (ref: {
+    current: any;
+}) => {
+    ref: {
+        current: any;
+    };
+    parentName: undefined;
+};
+export { useParentName };

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

@@ -0,0 +1,14 @@
+import { AgoraChat } from 'agora-chat';
+declare const useContacts: () => {
+    userId: string;
+    nickname: string;
+}[];
+export interface GroupData {
+    groupid: string;
+    groupname: string;
+}
+declare const useUserInfo: (userIds?: string[]) => {
+    [key: string]: AgoraChat.UpdateOwnUserInfoParams;
+} | undefined;
+declare const useGroups: () => GroupData[];
+export { useContacts, useGroups, useUserInfo };

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

@@ -0,0 +1,2 @@
+declare const useClient: () => import("agora-chat").AgoraChat.Connection;
+export { useClient };

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

@@ -0,0 +1,3 @@
+import type { ServerCvs } from '../conversation/ConversationList';
+declare const useConversation: () => ServerCvs;
+export { useConversation };

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

@@ -0,0 +1,6 @@
+import { CurrentConversation } from '../store/ConversationStore';
+declare const useHistoryMessages: (cvs: CurrentConversation) => {
+    historyMsgs: any;
+    loadMore: () => void;
+};
+export { useHistoryMessages };

package/types/module/imageMessage/ImageMessage.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { BaseMessageProps } from '../baseMessage';
+import type { ImageMessageType } from '../types/messageType';
+export interface ImageMessageProps extends BaseMessageProps {
+    imageMessage: ImageMessageType;
+    prefix?: string;
+    style?: React.CSSProperties;
+    onClickImage?: (url: string) => void;
+}
+export interface ImagePreviewProps {
+    visible: boolean;
+    previewImageUrl: string;
+    alt?: string;
+    onCancel?: () => void;
+}
+export declare const ImagePreview: (props: ImagePreviewProps) => JSX.Element;
+declare const _default: React.MemoExoticComponent<(props: ImageMessageProps) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,4 @@
+import ImageMessage, { ImagePreview } from './ImageMessage';
+export type { ImageMessageProps } from './ImageMessage';
+export { ImagePreview };
+export default ImageMessage;

package/types/module/index.d.ts

@@ -0,0 +1,22 @@
+import AudioMessage from './audioMessage';
+import BaseMessage from './baseMessage';
+import FileMessage from './fileMessage';
+import ImageMessage from './imageMessage';
+import NoticeMessage from './noticeMessage';
+import TextMessage from './textMessage';
+import VideoMessage from './videoMessage';
+import MessageStatus from './messageStatus/MessageStatus';
+import Chat from './chat';
+import { ContactList } from './contactList';
+import { ConversationList } from './conversation';
+import MessageEditor from './messageEditor';
+import Header from './header';
+import Empty from './empty';
+import rootStore from './store/index';
+import { RootContext, RootProvider, RootConsumer } from './store/rootContext';
+import Provider from './store/Provider';
+import { useClient } from './hooks/useClient';
+import { useConversation } from './hooks/useConversation';
+import { useHistoryMessages } from './hooks/useHistoryMsg';
+import Button from './button';
+export { AudioMessage, BaseMessage, FileMessage, ImageMessage, NoticeMessage, TextMessage, VideoMessage, MessageStatus, Chat, ContactList, ConversationList, MessageEditor, Header, Empty, rootStore, RootContext, RootProvider, RootConsumer, Provider, useClient, useConversation, useHistoryMessages, Button, };

package/types/module/messageEditor/MessageEditor.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export interface MessageEditorProps {
+    actions?: {
+        name: string;
+        visible: boolean;
+        icon: ReactNode;
+        onClick: (name: string) => void;
+    }[];
+    onSend?: (message: any) => void;
+    className?: string;
+    showSendButton?: boolean;
+    sendButtonIcon?: ReactNode;
+    row?: number;
+    placeHolder?: string;
+}
+declare const MessageEditor: (props: MessageEditorProps) => JSX.Element;
+export { MessageEditor };

package/types/module/messageEditor/emoji/Emoji.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+import { emoji } from './emojiConfig';
+export interface EmojiProps {
+    icon?: ReactNode;
+    onSelected?: (emojiString: keyof typeof emoji.map) => void;
+    trigger?: 'click' | 'hover';
+    config?: {
+        map: any;
+        path: string;
+    };
+    onClick?: (e: React.MouseEvent<Element, MouseEvent>) => void;
+}
+declare const Emoji: (props: EmojiProps) => JSX.Element;
+export { Emoji };

package/types/module/messageEditor/emoji/emojiConfig.d.ts

@@ -0,0 +1,54 @@
+export declare const emoji: {
+    path: string;
+    map: {
+        '[):]': string;
+        '[:D]': string;
+        '[;)]': string;
+        '[:-o]': string;
+        '[:p]': string;
+        '[(H)]': string;
+        '[:@]': string;
+        '[:s]': string;
+        '[:$]': string;
+        '[:(]': string;
+        "[:'(]": string;
+        '[:|]': string;
+        '[(a)]': string;
+        '[8o|]': string;
+        '[8-|]': string;
+        '[+o(]': string;
+        '[<o)]': string;
+        '[|-)]': string;
+        '[*-)]': string;
+        '[:-#]': string;
+        '[:-*]': string;
+        '[^o)]': string;
+        '[8-)]': string;
+        '[(|)]': string;
+        '[(u)]': string;
+        '[(S)]': string;
+        '[(*)]': string;
+        '[(#)]': string;
+        '[(R)]': string;
+        '[({)]': string;
+        '[(})]': string;
+        '[(k)]': string;
+        '[(F)]': string;
+        '[(W)]': string;
+        '[(D)]': string;
+        '[(E)]': string;
+        '[(T)]': string;
+        '[(G)]': string;
+        '[(Y)]': string;
+        '[(I)]': string;
+        '[(J)]': string;
+        '[(K)]': string;
+        '[(L)]': string;
+        '[(M)]': string;
+        '[(N)]': string;
+        '[(O)]': string;
+        '[(P)]': string;
+        '[(U)]': string;
+        '[(Z)]': string;
+    };
+};

package/types/module/messageEditor/emoji/index.d.ts

@@ -0,0 +1,3 @@
+import { Emoji } from './Emoji';
+export type { EmojiProps } from './Emoji';
+export default Emoji;

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

@@ -0,0 +1,3 @@
+import { MessageEditor } from './MessageEditor';
+export type { MessageEditorProps } from './MessageEditor';
+export default MessageEditor;

package/types/module/messageEditor/moreAction/MoreAction.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface MoreActionProps {
+    prefix?: string;
+    icon?: ReactNode;
+    customActions?: Array<{
+        title: string;
+        onClick: () => void;
+        icon: ReactNode;
+    }>;
+    defaultActions?: [{}];
+}
+declare let MoreAction: (props: MoreActionProps) => JSX.Element;
+export { MoreAction };

package/types/module/messageEditor/moreAction/index.d.ts

@@ -0,0 +1,2 @@
+import { MoreAction } from './MoreAction';
+export default MoreAction;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AgoraChat } from 'agora-chat';
+export interface RecorderProps {
+    prefix?: string;
+    cancelBtnShape?: 'circle' | 'square';
+    onShow?: () => void;
+    onHide?: () => void;
+    onSend?: (message: AgoraChat.MessageBody) => void;
+}
+declare const Recorder: React.FC<RecorderProps>;
+export { Recorder };

package/types/module/messageEditor/recorder/index.d.ts

@@ -0,0 +1,2 @@
+import { Recorder } from './Recorder';
+export default Recorder;

package/types/module/messageEditor/recorder/recorderFun.d.ts

@@ -0,0 +1,9 @@
+declare const HZRecorder: {
+    (this: any, stream: any, config: {
+        sampleBits: number;
+        sampleRate: number;
+    }): void;
+    setErrorInfoText(errorMessage: any): void;
+    get(callback: (arg0: any, arg1: MediaStream) => void, config?: object): void;
+};
+export default HZRecorder;

package/types/module/messageEditor/textarea/Textarea.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface TextareaProps {
+    prefix?: string;
+    className?: string;
+    placeholder?: string;
+    hasSendButton?: boolean;
+}
+declare let Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<any>>;
+export { Textarea };

package/types/module/messageEditor/textarea/index.d.ts

@@ -0,0 +1,2 @@
+import { Textarea } from './Textarea';
+export default Textarea;

package/types/module/messageEditor/textarea/util.d.ts

@@ -0,0 +1 @@
+export declare const convertToMessage: (e: any) => string;

package/types/module/messageStatus/MessageStatus.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface MessageStatusProps {
+    status: 'received' | 'read' | 'unread' | 'sent' | 'failed' | 'sending' | 'default';
+    type?: 'icon' | 'text';
+    prefixCls?: string;
+    className?: string;
+}
+declare const MessageStatus: (props: MessageStatusProps) => JSX.Element;
+export default MessageStatus;

package/types/module/noticeMessage/NoticeMessage.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface NoticeMessageProps {
+    noticeMessage: {
+        from: string;
+        to: string;
+        id: string;
+        chatType: 'singleChat' | 'groupChat' | 'chatRoom';
+        time: number;
+        message: string;
+    };
+}
+declare const NoticeMessage: (props: NoticeMessageProps) => JSX.Element;
+export { NoticeMessage };

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

@@ -0,0 +1,3 @@
+import { NoticeMessage } from './NoticeMessage';
+export type { NoticeMessageProps } from './NoticeMessage';
+export default NoticeMessage;