@webinex/chatify 1.0.3-rc3 → 2.0.0-alpha3

package/dist/esm/types/ui/Chatify.d.ts

@@ -1,72 +1,8 @@
-import { CSSProperties, FC } from 'react';
-import { Localizer } from './localizer';
-import { Avatar } from './Avatar';
-import { ChatHeaderMembers } from './ChatPanel/ChatHeaderMembers';
-import { ChatMembersButton } from './ChatPanel/ChatMembersButton';
-import { AddChatButton } from './AddChatButton';
-import { ChatName } from './ChatName';
-import { Aside, Main, Body, Footer, Header } from './Layout';
-import { ChatListItemBox, ChatListItemLastMessageContent, ChatListItemLastMessageAuthor, ChatListItemLastMessage, ChatListItemUnreadCount, ChatListItemName, ChatListItemLastMessageSentAt } from './ChatList';
-import { SendingMessageBox, SendingMessageContent, SendingMessageInfoBox, SendingMessageText } from './SendingMessage';
-import { MessageBox, MessageRow, MessageContent, MessageText, MessageAuthor, MessageInfoBox } from './Message';
-import { MessageReadObserver } from './MessageReadObserver';
-import { Icon } from './Icon';
-import { SystemMessageRow } from './SystemMessage/SystemMessageRow';
-import { ChatList } from './ChatList';
-import { ChatBody, ChatHeader, ChatHeaderName, ChatPanel } from './ChatPanel';
-import { InputBox, InputFilesBox, InputSubmitButtonBox, InputTextBox } from './InputBox';
-import { SystemMessageBox } from './SystemMessage';
-import { CreateChatForm, CreateChatMemberInput, CreateChatNameInput, CreateChatPanel } from './CreateChatPanel';
-export interface ChatifyCustomizeValue {
-    ChatList?: typeof ChatList.Component | null;
-    ChatListItemBox?: typeof ChatListItemBox.Component | null;
-    ChatListItemName?: typeof ChatListItemName.Component | null;
-    ChatListItemUnreadCount?: typeof ChatListItemUnreadCount.Component | null;
-    ChatListItemLastMessage?: typeof ChatListItemLastMessage.Component | null;
-    ChatListItemLastMessageAuthor?: typeof ChatListItemLastMessageAuthor.Component | null;
-    ChatListItemLastMessageContent?: typeof ChatListItemLastMessageContent.Component | null;
-    ChatListItemLastMessageSentAt?: typeof ChatListItemLastMessageSentAt.Component | null;
-    Header?: typeof Header.Component | null;
-    Footer?: typeof Footer.Component | null;
-    Body?: typeof Body.Component | null;
-    Main?: typeof Main.Component | null;
-    Aside?: typeof Aside.Component | null;
-    MessageAuthor?: typeof MessageAuthor.Component | null;
-    MessageBox?: typeof MessageBox.Component | null;
-    MessageContent?: typeof MessageContent.Component | null;
-    MessageInfoBox?: typeof MessageInfoBox.Component | null;
-    MessageRow?: typeof MessageRow.Component | null;
-    MessageText?: typeof MessageText.Component | null;
-    SendingMessageBox?: typeof SendingMessageBox.Component | null;
-    SendingMessageContent?: typeof SendingMessageContent.Component | null;
-    SendingMessageInfoBox?: typeof SendingMessageInfoBox.Component | null;
-    SendingMessageText?: typeof SendingMessageText.Component | null;
-    ChatBody?: typeof ChatBody.Component | null;
-    ChatHeader?: typeof ChatHeader.Component | null;
-    ChatHeaderMembers?: typeof ChatHeaderMembers.Component | null;
-    ChatHeaderName?: typeof ChatHeaderName.Component | null;
-    ChatPanel?: typeof ChatPanel.Component | null;
-    ChatMembersButton?: typeof ChatMembersButton.Component | null;
-    InputBox?: typeof InputBox.Component | null;
-    InputFilesBox?: typeof InputFilesBox.Component | null;
-    InputSubmitButtonBox?: typeof InputSubmitButtonBox.Component | null;
-    InputTextBox?: typeof InputTextBox.Component | null;
-    SystemMessageBox?: typeof SystemMessageBox.Component | null;
-    SystemMessageRow?: typeof SystemMessageRow.Component | null;
-    CreateChatForm?: typeof CreateChatForm.Component | null;
-    CreateChatMemberInput?: typeof CreateChatMemberInput.Component | null;
-    CreateChatNameInput?: typeof CreateChatNameInput.Component | null;
-    CreateChatPanel?: typeof CreateChatPanel.Component | null;
-    MessageReadObserver?: typeof MessageReadObserver.Component | null;
-    Avatar?: typeof Avatar.Component | null;
-    AddChatButton?: typeof AddChatButton.Component | null;
-    ChatName?: typeof ChatName.Component | null;
-    Icon?: typeof Icon.Component | null;
-}
-export interface ChatifyProps {
-    className?: string;
-    style?: CSSProperties;
-    localizer?: Localizer;
-    customize?: ChatifyCustomizeValue;
-}
-export declare const Chatify: FC<ChatifyProps>;
+/// <reference types="react" />
+import { ChatPanel } from './Chat';
+import { ThreadPanel } from './Thread';
+export declare const Chatify: {
+    Thread: typeof ThreadPanel;
+    ChatGroup: import("react").FC<import("./ChatGroup").ChatifyProps>;
+    Chat: typeof ChatPanel;
+};

package/dist/esm/types/ui/Conversation/Conversation.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { ConversationHeader } from './ConversationHeader';
+import { ConversationBody } from './ConversationBody';
+import { ConversationName } from './ConversationName';
+import { ConversationContextValue, ConversationValue } from './ConversationContext';
+import { InputBoxCustomizeValue } from './InputBox';
+import { ConversationActions } from './ConversationActions';
+import { MessageCustomizeValue } from './Message';
+import { SendingMessageCustomizeValue } from './SendingMessage';
+import { SystemMessageCustomizeValue } from './SystemMessage';
+import { CommonCustomizeValue } from '../common';
+import type { Flippo } from '@webinex/flippo';
+export interface ConversationProps extends Omit<ConversationContextValue, keyof ConversationValue> {
+    value: ConversationValue;
+}
+export interface ConversationCustomizeValue extends InputBoxCustomizeValue, MessageCustomizeValue, SendingMessageCustomizeValue, SystemMessageCustomizeValue, CommonCustomizeValue {
+    ConversationActions?: typeof ConversationActions.Component | null;
+    ConversationBody?: typeof ConversationBody.Component | null;
+    ConversationHeader?: typeof ConversationHeader.Component | null;
+    ConversationName?: typeof ConversationName.Component | null;
+    flippo?: Flippo;
+}
+export declare const Conversation: import("../customize").Customizable<import("react").ComponentType<ConversationProps>>;

package/dist/esm/types/ui/Conversation/ConversationActions.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ConversationActions: import("../customize").Customizable<import("react").ComponentType<unknown>>;

package/dist/esm/types/ui/Conversation/ConversationBody.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ConversationBody: import("../customize").Customizable<import("react").ComponentType<unknown>>;

package/dist/esm/types/ui/Conversation/ConversationContext.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { MessageBase, MessageBody } from '../../core';
+import type { Flippo } from '@webinex/flippo';
+export interface ConversationValue {
+    id: string;
+    name: string;
+    active: boolean;
+    lastReadMessageId: string | null;
+}
+export interface ConversationContextValue extends ConversationValue {
+    messages?: MessageBase[];
+    hasMore?: boolean;
+    nextLoading: boolean;
+    noReadTracking?: boolean;
+    isReading: (id: string) => boolean;
+    onNext: () => void;
+    onSend: (message: MessageBody) => void;
+    onRead: (id: string) => void;
+    flippo?: Flippo;
+}
+export declare const ConversationContext: React.Context<ConversationContextValue>;
+export declare function useConversation(): ConversationContextValue;

package/dist/esm/types/ui/Conversation/ConversationHeader.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ConversationHeader: import("../customize").Customizable<import("react").ComponentType<unknown>>;

package/dist/esm/types/ui/Conversation/ConversationName.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ConversationName: import("../customize").Customizable<import("react").ComponentType<unknown>>;

package/dist/esm/types/ui/Conversation/InputBox/InputBox.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const InputBox: import("../../customize").Customizable<import("react").ComponentType<unknown>>;

package/dist/esm/types/ui/Conversation/InputBox/InputBoxFile.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { File } from '../../../core';
+export interface InputBoxFileProps {
+    file: File;
+    disabled?: boolean;
+    onDelete: (file: File) => void;
+}
+export declare const InputBoxFile: import("../../customize").Customizable<import("react").ComponentType<InputBoxFileProps>>;

package/dist/esm/types/ui/Conversation/InputBox/InputBoxFileList.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { File } from '../../../core';
+export interface InputBoxFileListProps {
+    files: File[];
+    disabled?: boolean;
+    onDelete: (file: File) => void;
+}
+export declare const InputBoxFileList: import("../../customize").Customizable<import("react").ComponentType<InputBoxFileListProps>>;

package/dist/esm/types/ui/Conversation/InputBox/InputFilesBox.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { File } from '../../../core';
+export interface InputFilesBoxProps {
+    value: File[];
+    accept?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    onAddedClick?: () => void;
+    onUpload: (value: globalThis.File[]) => void;
+}
+export declare const InputFileButton: import("../../customize").Customizable<import("react").ComponentType<InputFilesBoxProps>>;
+export declare const InputFilesBox: import("../../customize").Customizable<import("react").ComponentType<InputFilesBoxProps>>;

package/dist/esm/types/ui/Conversation/InputBox/InputSubmitButtonBox.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface InputSubmitButtonBoxProps {
+    onSubmit: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+}
+export declare const InputSubmitButtonBox: import("../../customize").Customizable<import("react").ComponentType<InputSubmitButtonBoxProps>>;

package/dist/esm/types/ui/Conversation/InputBox/InputTextBox.d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+export interface TextInputBoxProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSend: (value: string) => void;
+    disabled?: boolean;
+    inputRef?: RefObject<HTMLTextAreaElement>;
+}
+export declare const InputTextBox: import("../../customize").Customizable<import("react").ComponentType<TextInputBoxProps>>;

package/dist/esm/types/ui/Conversation/InputBox/index.d.ts

@@ -0,0 +1,21 @@
+import { InputBox } from './InputBox';
+import { InputBoxFile } from './InputBoxFile';
+import { InputBoxFileList } from './InputBoxFileList';
+import { InputFileButton, InputFilesBox } from './InputFilesBox';
+import { InputSubmitButtonBox } from './InputSubmitButtonBox';
+import { InputTextBox } from './InputTextBox';
+export * from './InputBox';
+export * from './InputFilesBox';
+export * from './InputSubmitButtonBox';
+export * from './InputTextBox';
+export * from './InputBoxFileList';
+export * from './InputBoxFile';
+export interface InputBoxCustomizeValue {
+    InputBox?: typeof InputBox.Component | null;
+    InputTextBox?: typeof InputTextBox.Component | null;
+    InputFilesBox?: typeof InputFilesBox.Component | null;
+    InputSubmitButtonBox?: typeof InputSubmitButtonBox.Component | null;
+    InputBoxFileList?: typeof InputBoxFileList.Component | null;
+    InputBoxFile?: typeof InputBoxFile.Component | null;
+    InputFileButton?: typeof InputFileButton.Component | null;
+}

package/dist/esm/types/ui/Conversation/Message/MessageAuthor.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { MessageBoxProps } from './MessageBox';
+export declare const MessageAuthor: import("../../customize").Customizable<import("react").ComponentType<MessageBoxProps>>;

package/dist/esm/types/ui/Conversation/Message/MessageBox.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { MessageBase } from '../../../core';
+export interface MessageBoxProps {
+    message: MessageBase;
+}
+export declare const MessageBox: import("../../customize").Customizable<import("react").ComponentType<MessageBoxProps>>;

package/dist/esm/types/ui/Conversation/Message/MessageContent.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { MessageBoxProps } from './MessageBox';
+export declare const MessageContent: import("../../customize").Customizable<import("react").ComponentType<MessageBoxProps>>;

package/dist/esm/types/ui/Conversation/Message/MessageFile.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { File } from '../../../core';
+export interface MessageFileProps {
+    file: File;
+}
+export declare const MessageFile: import("../../customize").Customizable<import("react").ComponentType<MessageFileProps>>;

package/dist/esm/types/ui/Conversation/Message/MessageFileList.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { MessageBoxProps } from './MessageBox';
+export declare const MessageFileList: import("../../customize").Customizable<import("react").ComponentType<MessageBoxProps>>;

package/dist/esm/types/ui/Conversation/Message/MessageInfoBox.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { MessageBoxProps } from './MessageBox';
+export declare const MessageInfoBox: import("../../customize").Customizable<import("react").ComponentType<MessageBoxProps>>;

package/dist/esm/types/ui/{Message → Conversation/Message}/MessageRow.d.ts

@@ -3,4 +3,4 @@ import { MessageBoxProps } from './MessageBox';
 export interface MessageRowProps extends MessageBoxProps {
     containerRef?: Ref<HTMLDivElement>;
 }
-export declare const MessageRow: import("../customize").Customizable<import("react").ComponentType<MessageRowProps>>;
+export declare const MessageRow: import("../../customize").Customizable<import("react").ComponentType<MessageRowProps>>;

package/dist/esm/types/ui/Conversation/Message/MessageText.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { MessageBoxProps } from './MessageBox';
+export declare const MessageText: import("../../customize").Customizable<import("react").ComponentType<MessageBoxProps>>;

package/dist/esm/types/ui/Conversation/Message/index.d.ts

@@ -0,0 +1,26 @@
+import { MessageAuthor } from './MessageAuthor';
+import { MessageBox } from './MessageBox';
+import { MessageContent } from './MessageContent';
+import { MessageFile } from './MessageFile';
+import { MessageFileList } from './MessageFileList';
+import { MessageInfoBox } from './MessageInfoBox';
+import { MessageRow } from './MessageRow';
+import { MessageText } from './MessageText';
+export * from './MessageAuthor';
+export * from './MessageBox';
+export * from './MessageContent';
+export * from './MessageInfoBox';
+export * from './MessageRow';
+export * from './MessageText';
+export * from './MessageFileList';
+export * from './MessageFile';
+export interface MessageCustomizeValue {
+    MessageAuthor?: typeof MessageAuthor.Component | null;
+    MessageBox?: typeof MessageBox.Component | null;
+    MessageContent?: typeof MessageContent.Component | null;
+    MessageInfoBox?: typeof MessageInfoBox.Component | null;
+    MessageRow?: typeof MessageRow.Component | null;
+    MessageText?: typeof MessageText.Component | null;
+    MessageFileList?: typeof MessageFileList.Component | null;
+    MessageFile?: typeof MessageFile.Component | null;
+}

package/dist/esm/types/ui/Conversation/NextObserver/NextMessagesObserver.d.ts

@@ -0,0 +1,5 @@
+export interface NextMessagesObserverProps {
+    onLoad: () => void;
+    loading: boolean;
+}
+export declare function NextMessagesObserver(props: NextMessagesObserverProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/ui/Conversation/NextObserver/index.d.ts

@@ -0,0 +1 @@
+export * from './NextMessagesObserver';

package/dist/esm/types/ui/Conversation/ReadObserver/MessageReadObserver.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+import { MessageBoxProps } from '../Message';
+export interface MessageReadObserverProps extends MessageBoxProps {
+    messageRef: RefObject<HTMLDivElement | null>;
+}
+export declare function MessageReadObserver(props: MessageReadObserverProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/types/ui/Conversation/ReadObserver/index.d.ts

@@ -0,0 +1 @@
+export * from './MessageReadObserver';

package/dist/esm/types/ui/Conversation/SendingMessage/SendingMessageBox.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { File } from '../../../core';
+export interface SendingMessageBoxProps {
+    text: string;
+    files: File[];
+}
+export declare const SendingMessageBox: import("../../customize").Customizable<import("react").ComponentType<SendingMessageBoxProps>>;

package/dist/esm/types/ui/Conversation/SendingMessage/SendingMessageContent.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { SendingMessageBoxProps } from './SendingMessageBox';
+export declare const SendingMessageContent: import("../../customize").Customizable<import("react").ComponentType<SendingMessageBoxProps>>;

package/dist/esm/types/ui/Conversation/SendingMessage/SendingMessageInfoBox.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { SendingMessageBoxProps } from './SendingMessageBox';
+export declare const SendingMessageInfoBox: import("../../customize").Customizable<import("react").ComponentType<SendingMessageBoxProps>>;

package/dist/esm/types/ui/{SendingMessage/SendingMessageInfoBox.d.ts → Conversation/SendingMessage/SendingMessageText.d.ts}

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import type { SendingMessageBoxProps } from './SendingMessageBox';
-export declare const SendingMessageInfoBox: import("../customize").Customizable<import("react").ComponentType<SendingMessageBoxProps>>;
+export declare const SendingMessageText: import("../../customize").Customizable<import("react").ComponentType<SendingMessageBoxProps>>;

package/dist/esm/types/ui/Conversation/SendingMessage/index.d.ts

@@ -0,0 +1,14 @@
+import { SendingMessageBox } from './SendingMessageBox';
+import { SendingMessageContent } from './SendingMessageContent';
+import { SendingMessageInfoBox } from './SendingMessageInfoBox';
+import { SendingMessageText } from './SendingMessageText';
+export * from './SendingMessageBox';
+export * from './SendingMessageContent';
+export * from './SendingMessageInfoBox';
+export * from './SendingMessageText';
+export interface SendingMessageCustomizeValue {
+    SendingMessageBox?: typeof SendingMessageBox.Component | null;
+    SendingMessageContent?: typeof SendingMessageContent.Component | null;
+    SendingMessageInfoBox?: typeof SendingMessageInfoBox.Component | null;
+    SendingMessageText?: typeof SendingMessageText.Component | null;
+}

package/dist/esm/types/ui/Conversation/SystemMessage/SystemMessageBox.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { MessageBase } from '../../../core';
+export interface SystemMessageBoxProps {
+    message: MessageBase;
+}
+export declare const SystemMessageBox: import("../../customize").Customizable<import("react").ComponentType<SystemMessageBoxProps>>;

package/dist/esm/types/ui/Conversation/SystemMessage/SystemMessageRow.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'react';
+import { Localizer } from '../../localizer';
+import { MessageBase } from '../../../core';
+export interface SystemMessageRowProps {
+    message: MessageBase;
+    containerRef?: Ref<HTMLDivElement>;
+}
+export declare function formatSystemMessage(localizer: Localizer, text: string): React.ReactNode;
+export declare const SystemMessageRow: import("../../customize").Customizable<import("react").ComponentType<SystemMessageRowProps>>;

package/dist/esm/types/ui/Conversation/SystemMessage/index.d.ts

@@ -0,0 +1,8 @@
+import { SystemMessageBox } from './SystemMessageBox';
+import { SystemMessageRow } from './SystemMessageRow';
+export * from './SystemMessageBox';
+export * from './SystemMessageRow';
+export interface SystemMessageCustomizeValue {
+    SystemMessageBox?: typeof SystemMessageBox.Component | null;
+    SystemMessageRow?: typeof SystemMessageRow.Component | null;
+}

package/dist/esm/types/ui/Conversation/index.d.ts

@@ -0,0 +1,12 @@
+export * from './InputBox';
+export * from './Message';
+export * from './NextObserver';
+export * from './ReadObserver';
+export * from './SendingMessage';
+export * from './SystemMessage';
+export * from './ConversationActions';
+export * from './ConversationBody';
+export * from './ConversationHeader';
+export * from './ConversationName';
+export * from './ConversationContext';
+export * from './Conversation';

package/dist/esm/types/ui/{InputBox/InputFilesBox.d.ts → Thread/ThreadActions.d.ts}

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const InputFilesBox: import("../customize").Customizable<import("react").ComponentType<unknown>>;
+export declare const ThreadActions: import("../customize").Customizable<import("react").ComponentType<unknown>>;

package/dist/esm/types/ui/Thread/ThreadContext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ThreadContextValue {
+    id: string;
+    watch: boolean;
+    onWatch: (value: boolean) => void;
+}
+export declare const ThreadContext: React.Context<ThreadContextValue>;
+export declare function useThreadContext(): ThreadContextValue;

package/dist/esm/types/ui/Thread/ThreadPanel.d.ts

@@ -0,0 +1,14 @@
+import { ConversationCustomizeValue } from '../Conversation';
+import { Localizer } from '../localizer';
+import { ThreadActions } from './ThreadActions';
+import { CommonCustomizeValue } from '../common';
+export interface ThreadCustomizeValue extends ConversationCustomizeValue, CommonCustomizeValue {
+    ThreadActions?: typeof ThreadActions.Component | null;
+}
+export interface ThreadPanelProps {
+    threadId: string;
+    className?: string;
+    customize?: ThreadCustomizeValue;
+    localizer?: Localizer;
+}
+export declare function ThreadPanel(props: ThreadPanelProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/types/ui/Thread/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ThreadActions';
+export * from './ThreadPanel';
+export * from './ThreadContext';

package/dist/esm/types/ui/color.d.ts

@@ -0,0 +1,6 @@
+interface ColorOptions {
+    saturation?: number;
+    lightness?: number;
+}
+export declare function color(value: string, options?: ColorOptions): string;
+export {};

package/dist/esm/types/ui/common/Avatar.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Account } from '../../core';
+export interface AvatarProps {
+    account: Account;
+}
+export declare const Avatar: import("../customize").Customizable<import("react").ComponentType<AvatarProps>>;

package/dist/esm/types/ui/common/Icon.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export type IconType = keyof typeof ICONS;
+export interface IconProps {
+    type: IconType;
+}
+export declare const ICONS: {
+    attach: import("react").ForwardRefExoticComponent<Omit<import("@ant-design/icons/lib/components/AntdIcon").AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    send: import("react").ForwardRefExoticComponent<Omit<import("@ant-design/icons/lib/components/AntdIcon").AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    'remove-member': import("react").ForwardRefExoticComponent<Omit<import("@ant-design/icons/lib/components/AntdIcon").AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    'remove-member-delete-history': import("react").ForwardRefExoticComponent<Omit<import("@ant-design/icons/lib/components/AntdIcon").AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    'add-member': import("react").ForwardRefExoticComponent<Omit<import("@ant-design/icons/lib/components/AntdIcon").AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    'add-member-with-history': import("react").ForwardRefExoticComponent<Omit<import("@ant-design/icons/lib/components/AntdIcon").AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    members: import("react").ForwardRefExoticComponent<Omit<import("@ant-design/icons/lib/components/AntdIcon").AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    edit: import("react").ForwardRefExoticComponent<Omit<import("@ant-design/icons/lib/components/AntdIcon").AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    close: import("react").ForwardRefExoticComponent<Omit<import("@ant-design/icons/lib/components/AntdIcon").AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    chat: import("react").ForwardRefExoticComponent<Omit<import("@ant-design/icons/lib/components/AntdIcon").AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    watch: import("react").ForwardRefExoticComponent<Omit<import("@ant-design/icons/lib/components/AntdIcon").AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    unwatch: import("react").ForwardRefExoticComponent<Omit<import("@ant-design/icons/lib/components/AntdIcon").AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    'delete-file': import("react").ForwardRefExoticComponent<Omit<import("@ant-design/icons/lib/components/AntdIcon").AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    'open-file': import("react").ForwardRefExoticComponent<Omit<import("@ant-design/icons/lib/components/AntdIcon").AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+export declare const Icon: import("../customize").Customizable<import("react").ComponentType<IconProps>>;

package/dist/esm/types/ui/common/MessageSkeleton.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface MessageSkeletonProps {
+    count?: number;
+}
+export declare const MessageSkeleton: import("../customize").Customizable<import("react").ComponentType<MessageSkeletonProps>>;

package/dist/esm/types/ui/common/index.d.ts

@@ -0,0 +1,11 @@
+import { Avatar } from './Avatar';
+import { Icon } from './Icon';
+import { MessageSkeleton } from './MessageSkeleton';
+export * from './Avatar';
+export * from './Icon';
+export * from './MessageSkeleton';
+export interface CommonCustomizeValue {
+    Avatar?: typeof Avatar.Component | null;
+    Icon?: typeof Icon.Component | null;
+    MessageSkeleton?: typeof MessageSkeleton.Component | null;
+}

package/dist/esm/types/ui/customize.d.ts

@@ -1,11 +1,9 @@
-import React, { PropsWithChildren } from 'react';
+import React from 'react';
 export type Customizable<TComponent extends React.ComponentType<any>> = TComponent & {
     Component: TComponent;
+    key: string;
 };
-export interface CustomizeProviderValue {
-    [key: string]: React.ComponentType<any> | null;
-}
-export declare function CustomizeProvider(props: PropsWithChildren<{
-    value: CustomizeProviderValue;
-}>): import("react/jsx-runtime").JSX.Element;
+export declare const CustomizeContext: React.Context<Record<string, any>>;
+export declare function useCustomizeContext<TValue>(): TValue;
+export declare function useCustomize<TCustom extends Customizable<React.ComponentType<any>>>(custom: TCustom): TCustom["Component"] | null;
 export declare function customize<TComponent extends React.ComponentType<any>>(key: string, Component: TComponent): TComponent extends React.ComponentType<infer X> ? Customizable<React.ComponentType<X>> : never;

package/dist/esm/types/ui/index.d.ts

@@ -1,11 +1,11 @@
+export * from './color';
+export * from './customize';
 export * from './Chatify';
-export * from './Avatar';
 export * from './localizer';
-export * from './AddChatButton';
-export * from './Layout/Header';
-export * from './ChatPanel/ChatHeader';
-export * from './ChatPanel/ChatHeaderMembers';
-export * from './ChatList/ChatListItemBox';
-export * from './Message/MessageBox';
-export * from './SystemMessage/SystemMessageBox';
-export * from './Icon';
+export * from './Chat';
+export * from './ChatGroup';
+export * from './Conversation';
+export * from './Thread';
+export * from './common/Icon';
+export * from './common/Avatar';
+export * from './common/MessageSkeleton';

package/dist/esm/types/ui/localizer.d.ts

@@ -1,14 +1,10 @@
 import React from 'react';
+import { SystemMessageText } from '../core';
 export interface Localizer {
     isToday: (value: string) => boolean;
     timestamp: (value: string) => string;
     dateTime: (value: string) => string;
-    system: {
-        chatCreated: () => string;
-        memberAdded: () => string;
-        memberRemoved: () => string;
-        chatNameChanged: (newName: string) => string;
-    };
+    system: Record<SystemMessageText, (key: SystemMessageText, payload: any | null) => string>;
     message: {
         read: () => React.ReactNode;
         reading: () => React.ReactNode;
@@ -33,6 +29,11 @@ export interface Localizer {
     settings: {
         members: () => string;
     };
+    size: {
+        bytes: (value: number) => string;
+        kb: (value: number) => string;
+        mb: (value: number) => string;
+    };
 }
 export declare const LocalizerContext: React.Context<Localizer>;
 export declare function useLocalizer(): Localizer;

package/dist/esm/types/ui/useFormatter.d.ts

@@ -0,0 +1,3 @@
+export declare function useFormatter(): {
+    size: (value: number) => string;
+};