easemob-chat-uikit 1.0.0-beta

package/types/module/react-app-env.d.ts

@@ -0,0 +1,62 @@
+/// <reference types="node" />
+/// <reference types="react" />
+/// <reference types="react-dom" />
+
+declare namespace NodeJS {
+  interface ProcessEnv {
+    readonly NODE_ENV: 'development' | 'production' | 'test';
+    readonly PUBLIC_URL: string;
+  }
+}
+
+declare module '*.avif' {
+  const src: string;
+}
+
+declare module '*.bmp' {
+  const src: string;
+}
+
+declare module '*.gif' {
+  const src: string;
+}
+
+declare module '*.jpg' {
+  const src: string;
+}
+
+declare module '*.jpeg' {
+  const src: string;
+}
+
+declare module '*.png' {
+  const src: string;
+}
+
+declare module '*.webp' {
+  const src: string;
+}
+
+declare module '*.svg' {
+  import * as React from 'react';
+
+  // export const ReactComponent: React.FunctionComponent<
+  // 	React.SVGProps<SVGSVGElement> & { title?: string }
+  // >;
+
+  const src: string;
+}
+
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string };
+}
+
+declare module '*.module.scss' {
+  const classes: { readonly [key: string]: string };
+}
+
+declare module '*.module.sass' {
+  const classes: { readonly [key: string]: string };
+}
+
+declare module 'react-sticky';

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

@@ -0,0 +1,13 @@
+declare class AddressStore {
+    rootStore: any;
+    contacts: any[];
+    groups: any[];
+    chatroom: any[];
+    searchList: any[];
+    constructor(rootStore: any);
+    setContacts(contacts: any): void;
+    setGroups(groups: any): void;
+    setChatroom(chatroom: any): void;
+    setSearchList(searchList: any): void;
+}
+export default AddressStore;

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

@@ -0,0 +1,35 @@
+import { ChatType } from '../types/messageType';
+import { AgoraChat } from 'agora-chat';
+export interface Conversation {
+    chatType: ChatType;
+    conversationId: string;
+    lastMessage: AgoraChat.MessageBody;
+    unreadCount: number;
+    name?: string;
+}
+export interface CurrentConversation {
+    conversationId: string;
+    chatType: ChatType;
+    name?: string;
+    unreadCount?: number;
+}
+export interface ById {
+    [key: string]: Conversation;
+}
+declare class ConversationStore {
+    rootStore: any;
+    currentCvs: CurrentConversation;
+    conversationList: Conversation[];
+    searchList: Conversation[];
+    byId: ById;
+    constructor(rootStore: any);
+    setCurrentCvs(currentCvs: CurrentConversation): void;
+    setConversation(conversations: Conversation[]): void;
+    addConversation(conversation: Conversation): void;
+    setSearchList(conversations: Conversation[]): void;
+    deleteConversation(conversation: CurrentConversation): void;
+    modifyConversation(conversation: Conversation): void;
+    topConversation(conversation: Conversation): void;
+    getConversation(chatType: ChatType, cvsId: string): undefined;
+}
+export default ConversationStore;

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

@@ -0,0 +1,28 @@
+import { AgoraChat } from 'agora-chat';
+import { CurrentConversation } from './ConversationStore';
+declare class MessageStore {
+    rootStore: any;
+    message: {
+        singleChat: {
+            [key: string]: AgoraChat.MessageBody[];
+        };
+        groupChat: {
+            [key: string]: AgoraChat.MessageBody[];
+        };
+        byId: {
+            [key: string]: AgoraChat.MessageBody;
+        };
+    };
+    currentCVS: CurrentConversation;
+    constructor(rootStore: any);
+    get currentCvsMsgs(): AgoraChat.MessageBody[];
+    setCurrentCVS(currentCVS: CurrentConversation): void;
+    sendMessage(message: AgoraChat.MessageBody): void;
+    receiveMessage(message: AgoraChat.MessageBody): void;
+    modifyMessage(id: string, message: AgoraChat.MessageBody): void;
+    sendChannelAck(cvs: CurrentConversation): any;
+    updateMessageStatus(msgId: string, status: string): void;
+    addHistoryMsgs(cvs: CurrentConversation, msgs: any): void;
+    clearMessage(cvs: CurrentConversation): void;
+}
+export default MessageStore;

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

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+export interface ProviderProps {
+    initConfig: {
+        appKey: string;
+        userId?: string;
+        password?: string;
+    };
+    local?: {
+        fallbackLng?: string;
+        lng: 'zh' | 'en';
+        resources?: {
+            [key: string]: {
+                translation: {
+                    [key: string]: string;
+                };
+            };
+        };
+    };
+    children?: ReactNode;
+}
+declare const _default: React.NamedExoticComponent<ProviderProps>;
+export default _default;

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

@@ -0,0 +1,3 @@
+import { AgoraChat } from 'agora-chat';
+declare const client: AgoraChat.Connection;
+export default client;

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

@@ -0,0 +1,24 @@
+import MessageStore from './MessageStore';
+import ConversationStore from './ConversationStore';
+import AddressStore from './AddressStore';
+import { AgoraChat } from 'agora-chat';
+export interface InitConfig {
+    appKey: string;
+}
+export declare class RootStore {
+    messageStore: MessageStore;
+    conversationStore: ConversationStore;
+    addressStore: AddressStore;
+    client: AgoraChat.Connection;
+    loginState: boolean;
+    initConfig: {
+        appKey: string;
+    };
+    constructor();
+    setClient(client: AgoraChat.Connection): void;
+    setLoginState(state: boolean): void;
+    setInitConfig(initConfig: InitConfig): void;
+}
+export declare function getStore(): RootStore;
+declare const store2: RootStore;
+export default store2;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { AgoraChat } from 'agora-chat';
+import { RootStore } from './index';
+export interface RootConsumerProps {
+    rootStore: RootStore;
+    client: AgoraChat.Connection;
+}
+export interface ContextProps {
+    rootStore: RootStore;
+    initConfig: any;
+    client: any;
+}
+export declare const RootContext: React.Context<ContextProps>;
+export declare const RootConsumer: React.Consumer<ContextProps>;
+export declare const RootProvider: React.Provider<ContextProps>;

package/types/module/textMessage/TextMessage.d.ts

@@ -0,0 +1,28 @@
+import React, { ReactNode } from 'react';
+import { MessageStatusProps } from '../messageStatus/MessageStatus';
+export interface TextMessage {
+    from: string;
+    to: string;
+    time: number;
+    msg: string;
+    chatType: 'singleChat' | 'groupChat' | 'chatRoom';
+    status: MessageStatusProps['status'];
+    bySelf: boolean;
+}
+export interface TextMessageProps {
+    textMessage: TextMessage;
+    bubbleType?: 'primary' | 'secondly' | 'none';
+    showCheck?: boolean;
+    status?: 'received' | 'read' | 'sent' | 'sending';
+    avatar?: ReactNode;
+    position?: 'left' | 'right';
+    prefix?: string;
+    type?: 'primary' | 'default';
+    shape?: 'ground' | 'square';
+    arrow?: boolean;
+    nickName?: string;
+    className?: string;
+    children?: string;
+    style?: React.CSSProperties;
+}
+export declare const TextMessage: (props: TextMessageProps) => JSX.Element;

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

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

package/types/module/types/messageType.d.ts

@@ -0,0 +1,164 @@
+export declare type ChatType = 'singleChat' | 'groupChat';
+export declare type MessageStatus = 'received' | 'read' | 'unread' | 'sent' | 'failed' | 'sending' | 'default';
+export interface FileObj {
+    url: string;
+    filename: string;
+    filetype: string;
+    data: File;
+}
+declare type MessagePriority = 'high' | 'normal' | 'low';
+interface Reaction {
+    /** 消息 Reaction，最大长度 128 字符。 */
+    reaction: string;
+    /** 该 Reaction 的数量。 */
+    count: number;
+    /** 更新 Reaction 的操作。Reaction 更新后会触发 onReactionChange 回调。*/
+    op?: {
+        operator: string;
+        reactionType: 'create' | 'delete';
+    }[];
+    /** 添加 Reaction 的用户 ID。 */
+    userList: string[];
+    /** 当前用户是否添加过此 reaction。
+     * - `true`：是；
+     * - `false`：否。
+     */
+    isAddedBySelf?: boolean;
+}
+interface LastMessage {
+    /** 消息 ID */
+    id: string;
+    /** 发送方的用户 ID */
+    from: string;
+    /** 接收方的用户 ID */
+    to: string;
+    /** 消息发送的 Unix 时间戳，单位为毫秒。 */
+    timestamp: number;
+    /** 消息内容。 */
+    payload: any;
+}
+interface ChatThreadOverview {
+    /** 子区 ID。 */
+    id: string;
+    /** 子区所属群组的 ID。 */
+    parentId: string;
+    /** 子区名称。 */
+    name: string;
+    /** 子区的最新一条消息。 */
+    lastMessage: LastMessage;
+    /** 子区创建的 Unix 时间戳，单位为毫秒。 */
+    createTimestamp: number;
+    /** 子区概览信息更新的 Unix 时间戳，单位为毫秒。 */
+    updateTimestamp: number;
+    /** 子区的回复消息数量。 */
+    messageCount: number;
+}
+declare enum ONLINESTATETYPE {
+    /** 离线消息。 */
+    OFFLINE = 0,
+    /** 在线消息。 */
+    ONLINE = 1,
+    /** 未知状态。 */
+    UNKNOWN = 2,
+    /** 未启用消息在线状态。 */
+    NONE = 3
+}
+interface BaseMessage {
+    id: string;
+    to: string;
+    from: string;
+    chatType: ChatType;
+    time: number;
+    ext?: {
+        [key: string]: any;
+    };
+    msgConfig?: {
+        allowGroupAck?: boolean;
+        languages?: string[];
+    };
+    isChatThread?: boolean;
+    priority?: MessagePriority;
+    reactions?: Reaction;
+    chatThreadOverview?: ChatThreadOverview;
+    onlineState?: ONLINESTATETYPE;
+    status: MessageStatus;
+    bySelf: boolean;
+}
+export interface FileMessageType extends BaseMessage {
+    type: 'file';
+    file: FileObj;
+    filename: string;
+    file_length: number;
+    url: string;
+    body?: {
+        url: string;
+        type: string;
+        filename: string;
+    };
+}
+export interface TextMessageType extends BaseMessage {
+    type: 'txt';
+    msg: string;
+}
+export interface CustomMessageType extends BaseMessage {
+    type: 'custom';
+    customEvent: string;
+    customExts: {
+        [key: string]: any;
+    };
+}
+export interface ImageMessageType extends BaseMessage {
+    type: 'image';
+    file: FileObj;
+    width?: number;
+    height?: number;
+    file_length?: number;
+    fileInputId?: string;
+    thumb?: string;
+    thumb_secret?: string;
+    secret?: string;
+    url: string;
+    body?: {
+        url: string;
+        type: string;
+        filename: string;
+    };
+}
+export interface AudioMessageType extends BaseMessage {
+    type: 'audio';
+    filename: string;
+    length: number;
+    file_length: number;
+    url?: string;
+    secret?: string;
+    filetype?: string;
+    body?: {
+        url: string;
+        type: string;
+        filename: string;
+    };
+    file: {
+        url: string;
+        filename: string;
+        filetype: 'audio';
+        data: Blob;
+        length: number;
+        duration: number;
+    };
+}
+export interface VideoMessageType extends BaseMessage {
+    type: 'video';
+    file: object;
+    filename: string;
+    length: number;
+    file_length: number;
+    url?: string;
+    secret?: string;
+    filetype?: string;
+    body?: {
+        url: string;
+        type: string;
+        filename: string;
+    };
+}
+export {};

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

@@ -0,0 +1,2 @@
+export default download;
+declare function download(data: any, strFileName: any, strMimeType: any): any;

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

@@ -0,0 +1,6 @@
+import { ChatType } from '../types/messageType';
+export declare function getConversationTime(time: number): string | undefined;
+export declare function parseChannel(channelId: string): {
+    chatType: ChatType;
+    conversationId: string;
+};

package/types/module/videoMessage/VideoMessage.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { VideoMessageType } from '../types/messageType';
+export interface VideoMessageProps {
+    videoMessage: VideoMessageType;
+    prefix?: string;
+    style?: React.CSSProperties;
+    status?: 'received' | 'read' | 'sent' | 'sending';
+}
+declare const VideoMessage: (props: VideoMessageProps) => JSX.Element;
+export { VideoMessage };

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

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

package/types/src/_utils/motion.d.ts

@@ -0,0 +1,2 @@
+declare const getTransitionName: (rootPrefixCls: string, motion: string, transitionName?: string) => string;
+export { getTransitionName };

package/types/src/_utils/placements.d.ts

@@ -0,0 +1,17 @@
+import type { BuildInPlacements } from 'rc-trigger';
+export interface AdjustOverflow {
+    adjustX?: 0 | 1;
+    adjustY?: 0 | 1;
+}
+export interface PlacementsConfig {
+    arrowWidth?: number;
+    horizontalArrowShift?: number;
+    verticalArrowShift?: number;
+    arrowPointAtCenter?: boolean;
+    autoAdjustOverflow?: boolean | AdjustOverflow;
+}
+export declare function getOverflowOptions(autoAdjustOverflow?: boolean | AdjustOverflow): {
+    adjustX: number;
+    adjustY: number;
+};
+export default function getPlacements(config: PlacementsConfig): BuildInPlacements;

package/types/src/_utils/reactNode.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export declare const isValidElement: typeof React.isValidElement;
+export declare function isFragment(child: React.ReactElement): boolean;
+declare type AnyObject = Record<PropertyKey, any>;
+declare type RenderProps = AnyObject | ((originProps: AnyObject) => AnyObject | void);
+export declare function replaceElement(element: React.ReactNode, replacement: React.ReactNode, props?: RenderProps): React.ReactNode;
+export declare function cloneElement(element: React.ReactNode, props?: RenderProps): React.ReactElement;
+export {};

package/types/src/_utils/ref.d.ts

@@ -0,0 +1,3 @@
+import type * as React from 'react';
+export declare function fillRef<T>(ref: React.Ref<T>, node: T): void;
+export declare function composeRef<T>(...refs: React.Ref<T>[]): React.Ref<T>;

package/types/src/_utils/styleChecker.d.ts

@@ -0,0 +1,2 @@
+export declare const canUseDom: () => boolean;
+export declare const canUseDocElement: () => false | HTMLElement;

package/types/src/_utils/type.d.ts

@@ -0,0 +1 @@
+export declare const tuple: <T extends string[]>(...args: T) => T;

package/types/src/_utils/warning.d.ts

@@ -0,0 +1,5 @@
+export declare function noop(): void;
+export declare function rcWarning(valid: boolean, message: string): void;
+declare type Warning = (valid: boolean, component: string, message?: string) => void;
+declare let warning: Warning;
+export default warning;

package/types/src/avatar/Avatar.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface AvatarProps {
+    size?: 'large' | 'small' | 'default' | number;
+    shape?: 'circle' | 'square';
+    src?: React.ReactNode;
+    icon?: React.ReactNode;
+    style?: React.CSSProperties;
+    prefixCls?: string;
+    className?: string;
+    children?: React.ReactNode;
+    alt?: string;
+    draggable?: boolean;
+    crossOrigin?: '' | 'anonymous' | 'use-credentials';
+    srcSet?: string;
+    onClick?: (e?: React.MouseEvent<HTMLElement>) => void;
+    onError?: () => boolean;
+}
+export declare const InternalAvatar: (props: any, ref: any) => JSX.Element;
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
+export default Avatar;

package/types/src/avatar/Group.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface GroupProps {
+    className?: string;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+    prefixCls?: string;
+    size: 'large' | 'small' | 'default' | number;
+    shape: 'circle' | 'square';
+}
+declare const Group: React.FC<GroupProps>;
+export default Group;

package/types/src/avatar/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/types/src/badge/Badge.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface BadgeProps {
+    /** Number to show in badge */
+    count?: React.ReactNode;
+    /** Max count to show */
+    overflowCount?: number;
+    /** Whether to show red dot without number */
+    dot?: boolean;
+    showZero?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+    text?: React.ReactNode;
+    size?: 'default' | 'small';
+    offset?: [number | string, number | string];
+    title?: string;
+    children?: React.ReactNode;
+    scrollNumberPrefixCls?: string;
+    prefixCls?: string;
+    color?: string;
+}
+export declare const Badge: ({ count, overflowCount, dot, showZero, style, className, text, size, offset, title, children, color, scrollNumberPrefixCls, prefixCls, ...restProps }: BadgeProps) => JSX.Element;

package/types/src/badge/ScrollNumber.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export interface ScrollNumberProps {
+    prefixCls?: string;
+    className?: string;
+    motionClassName?: string;
+    count?: string | number | null;
+    children?: React.ReactElement<HTMLElement>;
+    component?: string;
+    style?: React.CSSProperties;
+    title?: string | number | null;
+    show: boolean;
+}
+export interface ScrollNumberState {
+    animateStarted?: boolean;
+    count?: string | number | null;
+}
+declare const ScrollNumber: React.FC<ScrollNumberProps>;
+export default ScrollNumber;

package/types/src/badge/SingleNumber.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface UnitNumberProps {
+    prefixCls: string;
+    value: string | number;
+    offset?: number;
+    current?: boolean;
+}
+export interface SingleNumberProps {
+    prefixCls: string;
+    value: string;
+    count: number;
+}
+export default function SingleNumber(props: SingleNumberProps): JSX.Element;

package/types/src/badge/index.d.ts

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

package/types/src/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/src/button/index.d.ts

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

package/types/src/checkbox/Checkbox.d.ts

@@ -0,0 +1,11 @@
+import React, { ChangeEvent, ReactElement } from 'react';
+export interface CheckboxProps {
+    id?: string;
+    className?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    onChange?(e: ChangeEvent<HTMLInputElement>): void;
+}
+declare const Checkbox: ({ id, checked, disabled, children, className, onChange, }: CheckboxProps) => ReactElement;
+export { Checkbox };

package/types/src/checkbox/index.d.ts

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

package/types/src/config/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ConfigConsumerProps {
+    getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
+    iconPrefixCls?: any;
+}
+export declare const ConfigContext: React.Context<ConfigConsumerProps>;
+export declare const ConfigConsumer: React.Consumer<ConfigConsumerProps>;
+export declare const ConfigProvider: React.Provider<ConfigConsumerProps>;

package/types/src/dropdown/Dropdown.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+export interface DropdownProps {
+    className?: string;
+    children: ReactElement;
+    menu: ReactElement[];
+    isOpen?: boolean;
+}
+declare const Dropdown: ({ children, className, menu, isOpen }: DropdownProps) => JSX.Element;
+export { Dropdown };

package/types/src/dropdown/MenuItem.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement, MouseEvent } from 'react';
+export interface MenuItemProps {
+    className?: string;
+    disabled?: boolean;
+    children?: ReactElement;
+    onClick: (e: MouseEvent) => void;
+}
+declare const MenuItem: ({ className, disabled, children, onClick, }: MenuItemProps) => JSX.Element;
+export { MenuItem };