@webinex/chatify 1.0.0-rc2 → 1.0.0-rc3

package/dist/esm/types/core/action.d.ts

@@ -1,72 +1,140 @@
 import type { State } from './state';
-import { Account, ChatListItem, Message, ReadEvent } from './models';
+import { Account, Chat, ChatListItem, Message, ReadEvent, File } from './models';
 export declare const ACTIONS: {
-    query_fetch: (state: State, { key }: {
-        key: string;
-    }) => State;
-    query_resolve: (state: State, { key, data }: {
-        key: string;
-        data: any[];
-    }) => State;
-    query_reject: (state: State, { key, error }: {
-        key: string;
-        error: any;
-    }) => State;
-    mutation_fetch: (state: State, { key }: {
-        key: string;
-    }) => State;
-    mutation_resolve: (state: State, { key }: {
-        key: string;
-    }) => State;
-    mutation_reject: (state: State, { key, error }: {
-        key: string;
-        error: any;
-    }) => State;
     update: (state: State, { mutation }: {
         mutation: (state: State) => State;
-    }) => State;
-    chat_open: (state: State, { chatId }: {
+    }) => void;
+    messages_fetch: (state: State, { chatId }: {
         chatId: string;
-    }) => State;
-    new_chat_open: (state: State) => State;
-    chat_settings_open: (state: State, { chatId }: {
+    }) => void;
+    messages_fulfilled: (state: State, { chatId, messages, hasMore }: {
         chatId: string;
-    }) => State;
-    message_received: (state: State, { message, requestId }: {
+        messages: Message[];
+        hasMore: boolean;
+    }) => void;
+    messages_rejected: (state: State, { chatId, error }: {
+        chatId: string;
+        error: any;
+    }) => void;
+    fetchNext_fetch: (state: State, { chatId }: {
+        chatId: string;
+    }) => void;
+    fetchNext_fulfilled: (state: State, { chatId, messages, hasMore }: {
+        chatId: string;
+        messages: Message[];
+        hasMore: boolean;
+    }) => void;
+    fetchNext_rejected: (state: State, { chatId, error }: {
+        chatId: string;
+        error: any;
+    }) => void;
+    chatList_fetch: (state: State) => void;
+    chatList_fulfilled: (state: State, { chats }: {
+        chats: ChatListItem[];
+    }) => void;
+    chatList_rejected: (state: State, { error }: {
+        error: any;
+    }) => void;
+    removeMember_fetch: (state: State) => void;
+    removeMember_fulfilled: (state: State) => void;
+    removeMember_rejected: (state: State, { error }: {
+        error: any;
+    }) => void;
+    addMember_fetch: (state: State) => void;
+    addMember_fulfilled: (state: State) => void;
+    addMember_rejected: (state: State, { error }: {
+        error: any;
+    }) => void;
+    updateChatName_fetch: (state: State) => void;
+    updateChatName_fulfilled: (state: State) => void;
+    updateChatName_rejected: (state: State, { error }: {
+        error: any;
+    }) => void;
+    addChat_fetch: (state: State) => void;
+    addChat_fulfilled: (state: State) => void;
+    addChat_rejected: (state: State, { error }: {
+        error: any;
+    }) => void;
+    accounts_fetch: (state: State) => void;
+    accounts_fulfilled: (state: State, { accounts }: {
+        accounts: Account[];
+    }) => void;
+    accounts_rejected: (state: State, { error }: {
+        error: any;
+    }) => void;
+    chat_open: (state: State, { chatId }: {
+        chatId: string;
+    }) => void;
+    new_chat_open: (state: State) => void;
+    toggle_members_view: (state: State) => void;
+    message_received: (state: State, { message, requestId, me }: {
         message: Message;
         requestId: string;
-    }) => State;
+        me: string;
+    }) => void;
     chat_created: (state: State, { chat }: {
         chat: ChatListItem;
         requestId?: string | undefined;
-    }) => State;
+    }) => void;
     read: (state: State, { id, timestamp }: {
         id: string;
         timestamp: number;
-    }) => State;
-    read_send: (state: State, { ids }: {
-        ids: string[];
-    }) => State;
-    read_reject: (state: State, { ids, timestamp }: {
-        ids: string[];
+    }) => void;
+    read_send: (state: State, { id }: {
+        id: string;
+    }) => void;
+    read_reject: (state: State, { id, timestamp }: {
+        id: string;
         timestamp: number;
-    }) => State;
+    }) => void;
     read_received: (state: State, { events }: {
         events: ReadEvent[];
-    }) => State;
-    member_added: (state: State, { chatId, chatName, account, me, message, }: {
+    }) => void;
+    member_added: (state: State, { chatId, chatName, account, me, message, withHistory, }: {
         chatId: string;
         chatName: string;
         account: Account;
         me: string;
         message: Message;
+        withHistory: boolean;
     }) => State;
-    member_removed: (state: State, { chatId, accountId, deleteHistory, me, }: {
+    member_removed: (state: State, { chatId, accountId, deleteHistory, me, message, }: {
         chatId: string;
         accountId: string;
         deleteHistory: boolean;
         me: string;
-    }) => State;
+        message: Message;
+    }) => void;
+    chat_fetch: (state: State, { chatId }: {
+        chatId: string;
+    }) => void;
+    chat_fulfilled: (state: State, { chat }: {
+        chat: Chat;
+    }) => void;
+    chat_rejected: (state: State, { chatId, error }: {
+        chatId: string;
+        error: any;
+    }) => void;
+    send_fetch: (state: State, { chatId, text, files, requestId, }: {
+        chatId: string;
+        text: string;
+        files: File[];
+        requestId: string;
+    }) => void;
+    send_fulfilled: (state: State, { chatId, requestId }: {
+        chatId: string;
+        requestId: string;
+    }) => void;
+    send_rejected: (state: State, { chatId, requestId, error }: {
+        chatId: string;
+        requestId: string;
+        error: any;
+    }) => void;
+    chatNameChanged_received: (state: State, { chatId, newName, message }: {
+        chatId: string;
+        newName: string;
+        message: Message;
+    }) => void;
 };
 export type Action = {
     [K in keyof typeof ACTIONS]: {

package/dist/esm/types/core/client.d.ts

@@ -1,5 +1,5 @@
 import { AxiosInstance } from 'axios';
-import { Account, AddChatRequest, AddMemberRequest, Chat, ChatListItem, Message, ReadRequest, RemoveMemberRequest, SendMessageRequest } from './models';
+import { Account, AddChatRequest, AddMemberRequest, Chat, ChatListItem, Message, ReadRequest, RemoveMemberRequest, SendMessageRequest, UpdateChatNameRequest } from './models';
 export interface ChatifySignalRConfig {
     hubUri?: string;
     accessTokenFactory?: () => Promise<string>;
@@ -31,5 +31,6 @@ export declare class ChatifyClient {
     send: (request: SendMessageRequest) => Promise<void>;
     read: (request: ReadRequest) => Promise<void>;
     removeMember: (request: RemoveMemberRequest) => Promise<void>;
+    updateChatName: (request: UpdateChatNameRequest) => Promise<void>;
     addMember: (request: AddMemberRequest) => Promise<void>;
 }

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

@@ -2,13 +2,16 @@ export * from './models';
 export * from './client';
 export * from './action';
 export * from './reducer';
-export * from './useChat';
-export * from './useChatList';
-export * from './useLoadMore';
-export * from './useMessages';
+export * from './state';
+export * from './useGetChatQuery';
+export * from './useGetChatListQuery';
+export * from './useFetchNextMutation';
+export * from './useGetMessagesQuery';
 export * from './useSignalRMonitor';
-export * from './useAccounts';
-export * from './useAddChat';
+export * from './useGetAccountsQuery';
+export * from './useAddChatMutation';
 export * from './useReadMonitor';
-export * from './useAddMember';
-export * from './useRemoveMember';
+export * from './useAddMemberMutation';
+export * from './useRemoveMemberMutation';
+export * from './useSendMutation';
+export * from './useUpdateChatNameMutation';

package/dist/esm/types/core/models.d.ts

@@ -15,7 +15,6 @@ export interface Message {
     files: File[];
     sentAt: string;
     sentBy: Account;
-    read: boolean;
     requestId?: string;
 }
 export interface Chat {
@@ -27,7 +26,9 @@ export interface ChatListItem {
     id: string;
     name: string;
     message: Message;
-    unreadCount: number;
+    totalUnreadCount: number;
+    active: boolean;
+    lastReadMessageId: string | null;
 }
 export interface SendMessageRequest {
     chatId: string;
@@ -46,11 +47,12 @@ export interface AddChatRequest {
     members: string[];
 }
 export interface ReadRequest {
-    ids: string[];
+    id: string;
 }
 export interface ReadEvent {
-    messageId: string;
     chatId: string;
+    newLastReadMessageId: string;
+    readCount: number;
 }
 export interface RemoveMemberRequest {
     chatId: string;
@@ -62,3 +64,7 @@ export interface AddMemberRequest {
     accountId: string;
     withHistory: boolean;
 }
+export interface UpdateChatNameRequest {
+    id: string;
+    name: string;
+}

package/dist/esm/types/core/state.d.ts

@@ -1,5 +1,17 @@
+import { Account, Chat, ChatListItem, Message, SendMessageRequest, File } from './models';
+export type MessageState = ({
+    type: 'message';
+} & Message) | {
+    type: 'next';
+} | {
+    type: 'sending';
+    text: string;
+    files: File[];
+    requestId: string;
+};
 export interface UIState {
-    view?: 'chat' | 'new-chat' | 'chat-settings';
+    view?: 'chat' | 'new-chat';
+    showMembers: boolean;
     chatId?: string;
 }
 export interface QueryState<TData> {
@@ -12,14 +24,31 @@ export interface MutationState {
     isFetching: boolean;
     error?: any;
 }
+export interface QueueState<TValue> {
+    queued: TValue[];
+    processing: TValue[];
+    timestamp: number;
+}
 export interface State {
     ui: UIState;
-    query: Record<string, QueryState<any>>;
-    mutation: Record<string, MutationState>;
-    read: {
-        queued: string[];
-        sent: string[];
-        timestamp: number;
+    query: {
+        messages: Record<string, QueryState<MessageState[]>>;
+        chats: Record<string, QueryState<Chat>>;
+        chatList: QueryState<ChatListItem[]>;
+        accounts: QueryState<Account[]>;
+    };
+    mutation: {
+        fetchNext: MutationState;
+        removeMember: MutationState;
+        addMember: MutationState;
+        updateChatName: MutationState;
+        addChat: MutationState;
+        send: MutationState;
+    };
+    queue: {
+        read: QueueState<string>;
+        send: QueueState<SendMessageRequest>;
     };
 }
+export declare const INITIAL_QUERY_STATE: QueryState<any>;
 export declare const INITIAL_STATE: State;

package/dist/esm/types/core/useAddChatMutation.d.ts

@@ -0,0 +1,2 @@
+import { AddChatRequest } from './models';
+export declare function useAddChatMutation(): readonly [(args: AddChatRequest) => void, import("./state").MutationState];

package/dist/esm/types/core/useAddMemberMutation.d.ts

@@ -0,0 +1,2 @@
+import { AddMemberRequest } from './models';
+export declare function useAddMemberMutation(): readonly [(args: AddMemberRequest) => void, import("./state").MutationState];

package/dist/esm/types/core/useFetchNextMutation.d.ts

@@ -0,0 +1,3 @@
+export declare function useFetchNextMutation({ chatId }: {
+    chatId: string;
+}): readonly [() => void, import("./state").MutationState];

package/dist/esm/types/core/useGetAccountsQuery.d.ts

@@ -0,0 +1 @@
+export declare function useGetAccountsQuery(): import("./state").QueryState<import("./models").Account[]>;

package/dist/esm/types/core/useGetChatListQuery.d.ts

@@ -0,0 +1 @@
+export declare function useGetChatListQuery(): import("./state").QueryState<import("./models").ChatListItem[]>;

package/dist/{cjs/types/core/useChat.d.ts → esm/types/core/useGetChatQuery.d.ts}

@@ -1,3 +1,3 @@
-export declare function useChat(args: {
+export declare function useGetChatQuery(args: {
     chatId: string;
 }): import("./state").QueryState<import("./models").Chat>;

package/dist/esm/types/core/useGetMessagesQuery.d.ts

@@ -0,0 +1,4 @@
+import { MessageState, QueryState } from './state';
+export declare function useGetMessagesQuery(args: {
+    chatId: string;
+}): QueryState<MessageState[]>;

package/dist/esm/types/core/useRemoveMemberMutation.d.ts

@@ -0,0 +1,2 @@
+import { RemoveMemberRequest } from './models';
+export declare function useRemoveMemberMutation(): readonly [(args: RemoveMemberRequest) => void, import("./state").MutationState];

package/dist/esm/types/core/useSendMutation.d.ts

@@ -0,0 +1,2 @@
+import { SendMessageRequest } from './models';
+export declare function useSendMutation(): readonly [(args: SendMessageRequest) => void, import("./state").MutationState];

package/dist/esm/types/core/useUpdateChatNameMutation.d.ts

@@ -0,0 +1,2 @@
+import { UpdateChatNameRequest } from './models';
+export declare function useUpdateChatNameMutation(): readonly [(args: UpdateChatNameRequest) => void, import("./state").MutationState];

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

@@ -1,2 +1,2 @@
-import { FC } from 'react';
-export declare const AddChatButton: import("../util").Customizable<FC, "AddChatButton">;
+/// <reference types="react" />
+export declare const AddChatButton: import("./customize").Customizable<import("react").ComponentType<unknown>>;

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

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

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

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

package/dist/esm/types/ui/ChatList/ChatListItemBox.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ChatListItem as ChatListItemModel } from '../../core';
+export interface ChatListItemBoxProps {
+    chat: ChatListItemModel;
+}
+export declare const ChatListItemBox: import("../customize").Customizable<import("react").ComponentType<ChatListItemBoxProps>>;

package/dist/esm/types/ui/ChatList/ChatListItemLastMessage.d.ts

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

package/dist/esm/types/ui/ChatList/ChatListItemLastMessageAuthor.d.ts

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

package/dist/esm/types/ui/ChatList/ChatListItemLastMessageContent.d.ts

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

package/dist/esm/types/ui/ChatList/ChatListItemName.d.ts

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

package/dist/esm/types/ui/ChatList/ChatListItemUnreadCount.d.ts

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

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

@@ -0,0 +1,7 @@
+export * from './ChatList';
+export * from './ChatListItemBox';
+export * from './ChatListItemLastMessage';
+export * from './ChatListItemLastMessageAuthor';
+export * from './ChatListItemLastMessageContent';
+export * from './ChatListItemName';
+export * from './ChatListItemUnreadCount';

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
+/// <reference types="react" />
 export interface ChatNameProps {
     name: string;
 }
-export declare const ChatName: import("../util").Customizable<FC<ChatNameProps>, "ChatName">;
+export declare const ChatName: import("./customize").Customizable<import("react").ComponentType<ChatNameProps>>;

package/dist/esm/types/ui/ChatPanel/ChatBody.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface ChatBodyProps {
+    id: string;
+}
+export declare const ChatBody: import("../customize").Customizable<import("react").ComponentType<ChatBodyProps>>;

package/dist/esm/types/ui/ChatPanel/ChatHeader.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface ChatHeaderProps {
+    id: string;
+}
+export declare const ChatHeader: import("../customize").Customizable<import("react").ComponentType<ChatHeaderProps>>;

package/dist/esm/types/ui/ChatPanel/ChatHeaderMembers.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface ChatHeaderMembersProps {
+    id: string;
+}
+export declare const ChatHeaderMembers: import("../customize").Customizable<import("react").ComponentType<ChatHeaderMembersProps>>;

package/dist/esm/types/ui/ChatPanel/ChatHeaderName.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface ChatHeaderNameProps {
+    id: string;
+}
+export declare const ChatHeaderName: import("../customize").Customizable<import("react").ComponentType<ChatHeaderNameProps>>;

package/dist/esm/types/ui/ChatPanel/ChatMembersButton.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface ChatMembersButtonProps {
+    id: string;
+}
+export declare const ChatMembersButton: import("../customize").Customizable<import("react").ComponentType<ChatMembersButtonProps>>;

package/dist/esm/types/ui/ChatPanel/ChatMembersPanel.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface ChatMembersPanelProps {
+    id: string;
+}
+export declare const ChatMembersPanel: import("../customize").Customizable<import("react").ComponentType<ChatMembersPanelProps>>;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface ChatPanelProps {
+    id: string;
+}
+export declare const ChatPanel: import("../customize").Customizable<import("react").ComponentType<ChatPanelProps>>;

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

@@ -0,0 +1,6 @@
+export * from './ChatBody';
+export * from './ChatHeader';
+export * from './ChatHeaderMembers';
+export * from './ChatHeaderName';
+export * from './ChatPanel';
+export * from './ChatMembersButton';

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

@@ -1,43 +1,65 @@
 import { CSSProperties, FC } from 'react';
 import { Localizer } from './localizer';
 import { Avatar } from './Avatar';
-import { ChatHeaderMembers } from './ChatHeaderMembers';
-import { ChatSettingsButton } from './ChatHeaderSettingsButton';
-import { Header } from './Header';
+import { ChatHeaderMembers } from './ChatPanel/ChatHeaderMembers';
+import { ChatMembersButton } from './ChatPanel/ChatMembersButton';
 import { AddChatButton } from './AddChatButton';
-import { Footer } from './Footer';
 import { ChatName } from './ChatName';
-import { ChatListItemBox, ChatListItemLastMessage, ChatListItemLastMessageAuthor, ChatListItemLastMessageContent, ChatListItemName, ChatListItemUnreadCount } from './ChatListItem';
-import { SendingMessage, SendingMessageContent, SendingMessageInfoBox, SendingMessageText } from './SendingMessage';
-import { MessageAuthor, MessageContent, MessageBox, MessageInfoBox, MessageReadObserver, MessageRow, MessageText } from './Message';
+import { Aside, Main, Body, Footer, Header } from './Layout';
+import { ChatListItemBox, ChatListItemLastMessageContent, ChatListItemLastMessageAuthor, ChatListItemLastMessage, ChatListItemUnreadCount, ChatListItemName } 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 { SystemMessage } from './SystemMessage';
+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 {
-    Avatar?: typeof Avatar.Component | null;
-    Header?: typeof Header.Component | null;
-    Footer?: typeof Footer.Component | null;
-    AddChatButton?: typeof AddChatButton.Component | null;
-    ChatHeaderMembers?: typeof ChatHeaderMembers.Component | null;
-    ChatSettingsButton?: typeof ChatSettingsButton.Component | null;
-    ChatName?: typeof ChatName.Component | null;
+    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;
-    SystemMessage?: typeof SystemMessage.Component | null;
-    SendingMessage?: typeof SendingMessage.Component | null;
-    SendingMessageBody?: typeof SendingMessageContent.Component | null;
-    SendingMessageInfoBox?: typeof SendingMessageInfoBox.Component | null;
-    SendingMessageText?: typeof SendingMessageText.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;
-    MessageReadObserver?: typeof MessageReadObserver.Component | null;
-    MessageRow?: typeof MessageRow.Component | null;
     MessageContent?: typeof MessageContent.Component | null;
     MessageInfoBox?: typeof MessageInfoBox.Component | null;
+    MessageRow?: typeof MessageRow.Component | null;
     MessageText?: typeof MessageText.Component | null;
-    MessageAuthor?: typeof MessageAuthor.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 {

package/dist/esm/types/ui/CreateChatPanel/CreateChatForm.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface CreateChatFormValue {
+    name: string;
+    members: string[];
+}
+export interface CreateChatFormProps {
+    value?: CreateChatFormValue;
+    onSubmit: (value: CreateChatFormValue) => void;
+    busy?: boolean;
+}
+export declare const CreateChatForm: import("../customize").Customizable<import("react").ComponentType<CreateChatFormProps>>;

package/dist/esm/types/ui/CreateChatPanel/CreateChatMemberInput.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface CreateChatMemberInputProps {
+    name: string;
+}
+export declare const CreateChatMemberInput: import("../customize").Customizable<import("react").ComponentType<CreateChatMemberInputProps>>;

package/dist/esm/types/ui/CreateChatPanel/CreateChatNameInput.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface CreateChatNameInputProps {
+    name: string;
+}
+export declare const CreateChatNameInput: import("../customize").Customizable<import("react").ComponentType<CreateChatNameInputProps>>;

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

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

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

@@ -0,0 +1,4 @@
+export * from './CreateChatForm';
+export * from './CreateChatMemberInput';
+export * from './CreateChatNameInput';
+export * from './CreateChatPanel';