@webinex/chatify 2.0.0-alpha1 → 2.0.0-alpha12

package/dist/{esm/types → types}/core/client.d.ts

@@ -1,6 +1,6 @@
 import { AxiosInstance } from 'axios';
+import { Account, AddChatRequest, AddChatMemberRequest, Chat, ChatListItem, ChatMessage, ReadChatMessageEvent, ReadChatMessageRequest, RemoveChatMemberRequest, SendChatMessageRequest, UpdateChatNameRequest, SendThreadMessageRequest, Thread, ThreadMessage, ThreadWatchListItem as ThreadListItem, UpdateAccountRequest } from './types';
 import * as SignalR from '@microsoft/signalr';
-import { Account, AddChatRequest, AddChatMemberRequest, Chat, ChatListItem, ChatMessage, ReadChatMessageEvent, ReadChatMessageRequest, RemoveChatMemberRequest, SendChatMessageRequest, UpdateChatNameRequest, SendThreadMessageRequest, Thread, ThreadMessage, ThreadWatchListItem as ThreadListItem } from './types';
 export interface ChatifySignalRConfig {
     hubUri?: string;
     accessTokenFactory?: () => Promise<string>;
@@ -10,11 +10,11 @@ export interface ChatifyClientConfig {
     axios: AxiosInstance;
     signalR: ChatifySignalRConfig;
 }
-export declare const CHATIFY_SIGNALR_METHODS: readonly ["chatify://chat-new-message", "chatify://chat-created", "chatify://chat-message-read", "chatify://chat-member-added", "chatify://chat-member-removed", "chatify://chat-name-changed", "chatify://thread-created", "chatify://thread-message-new", "chatify://thread-message-read", "chatify://thread-watch-added", "chatify://thread-watch-removed"];
+export declare const CHATIFY_SIGNALR_METHODS: readonly ["chatify://chat-new-message", "chatify://chat-created", "chatify://chat-message-read", "chatify://chat-member-added", "chatify://chat-member-removed", "chatify://chat-name-changed", "chatify://thread-created", "chatify://thread-message-new", "chatify://thread-message-read", "chatify://thread-watch-added", "chatify://thread-watch-removed", "chatify://thread-updated"];
 export type ChatifySignalRMethod = (typeof CHATIFY_SIGNALR_METHODS)[number];
 export type ChatifySignalRArgsByMethod = {
-    'chatify://chat-new-message': [message: ChatMessage, requestId: string];
-    'chatify://chat-created': [chat: ChatListItem, requestId: string];
+    'chatify://chat-new-message': [message: ChatMessage];
+    'chatify://chat-created': [chat: ChatListItem];
     'chatify://chat-message-read': [events: ReadChatMessageEvent[]];
     'chatify://chat-member-added': [
         chatId: string,
@@ -37,6 +37,7 @@ export type ChatifySignalRArgsByMethod = {
     'chatify://thread-watch-added': [thread: ThreadListItem];
     'chatify://thread-watch-removed': [id: string];
     'chatify://thread-created': [thread: ThreadListItem, watch: boolean];
+    'chatify://thread-updated': [threadId: string, threadName: string];
 };
 export declare class ChatifyClient {
     private _config;
@@ -48,10 +49,14 @@ export declare class ChatifyClient {
     constructor(config: ChatifyClientConfig);
     connect: () => Promise<SignalR.HubConnection | undefined>;
     private createAndStartConnection;
-    subscribe: <TMethod extends "chatify://chat-created" | "chatify://chat-name-changed" | "chatify://chat-new-message" | "chatify://chat-message-read" | "chatify://chat-member-added" | "chatify://chat-member-removed" | "chatify://thread-created" | "chatify://thread-message-new" | "chatify://thread-message-read" | "chatify://thread-watch-added" | "chatify://thread-watch-removed">(method: TMethod, subscriber: (args: ChatifySignalRArgsByMethod[TMethod]) => void) => () => ((args: any[]) => void)[];
+    subscribe: <TMethod extends ChatifySignalRMethod>(method: TMethod, subscriber: (args: ChatifySignalRArgsByMethod[TMethod]) => void) => () => ((args: any[]) => void)[];
     subscribeReconnect: (subscriber: () => any) => () => (() => void)[];
-    private get axios();
-    accounts: () => Promise<Account[]>;
+    get axios(): AxiosInstance;
+    accounts: (args: {
+        ids?: string[];
+    }) => Promise<Account[]>;
+    currentUserAccount: () => Promise<Account>;
+    updateAccount: (request: UpdateAccountRequest) => Promise<void>;
     chats: () => Promise<ChatListItem[]>;
     chat: (id: string) => Promise<Chat>;
     addChat: (args: AddChatRequest) => Promise<string>;

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

@@ -1,23 +1,42 @@
+export interface Optional<TValue> {
+    hasValue: boolean;
+    value?: TValue | null;
+}
 export interface File {
     name: string;
     bytes: number;
     ref: string;
 }
+export interface Period {
+    start: string;
+    end: string;
+}
+export interface AutoReply {
+    text: string;
+    period: Period;
+}
 export interface Account {
     id: string;
     name: string;
     avatar: string;
+    autoReply: AutoReply | null;
+}
+export interface UpdateAccountRequest {
+    id: string;
+    autoReply?: Optional<AutoReply> | null;
+    name?: Optional<string> | null;
+    avatar?: Optional<string> | null;
+    active?: Optional<boolean> | null;
 }
 export interface MessageBase {
     id: string;
-    text: string;
+    text: string | null;
     files: File[];
     sentAt: string;
     sentBy: Account;
 }
 export interface ChatMessage extends MessageBase {
     chatId: string;
-    requestId?: string;
 }
 export interface Chat {
     id: string;
@@ -36,16 +55,14 @@ export interface ChatListItem {
 }
 export interface SendChatMessageRequest {
     chatId: string;
-    text: string;
+    text: string | null;
     files: File[];
-    requestId: string;
 }
 export interface MessageBody {
-    text: string;
+    text: string | null;
     files: File[];
 }
 export interface AddChatRequest {
-    requestId: string;
     name: string;
     message?: MessageBody;
     members: string[];
@@ -73,6 +90,7 @@ export interface UpdateChatNameRequest {
     name: string;
 }
 export declare function chatId(messageId: string): string;
+export declare function messageSequencePart(id: string): string;
 export interface ThreadWatchListItem {
     id: string;
     name: string;
@@ -99,6 +117,10 @@ export interface SendThreadMessageRequest {
     threadId: string;
     body: MessageBody;
 }
+export interface ListSegment<T> {
+    items: T[];
+    total: number;
+}
 export type SystemMessageText = 'chatify://chat-created' | 'chatify://member-added' | 'chatify://member-removed' | `chatify://chat-name-changed`;
 export declare function parseThreadMessageId(messageId: string): readonly [string, number];
 export declare function calcThreadUnreadCount(thread: Pick<ThreadWatchListItem, 'lastMessage' | 'lastReadMessageId'>): number;

package/dist/types/ui/Chat/ChatEditableHeaderName.d.ts

@@ -0,0 +1 @@
+export declare const ChatEditableHeaderName: import('../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/dist/types/ui/Chat/ChatHeaderActions.d.ts

@@ -0,0 +1 @@
+export declare const ChatHeaderActions: import('../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/dist/{esm/types → types}/ui/Chat/ChatView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConversationCustomizeValue, ConversationValue } from '../Conversation';
 import { ChatEditableHeaderName } from './ChatEditableHeaderName';
 import { ChatHeaderActions } from './ChatHeaderActions';
@@ -14,4 +13,4 @@ export interface ChatViewCustomizeValue extends ConversationCustomizeValue, Chat
     ChatView?: typeof ChatView.Component | null;
 }
 export declare const DEFAULT_CHAT_VIEW_CUSTOMIZE_VALUE: ConversationCustomizeValue;
-export declare const ChatView: import("../customize").Customizable<import("react").ComponentType<ChatProps>>;
+export declare const ChatView: import('../../index.ts').Customizable<import('react').ComponentType<ChatProps>>;

package/dist/types/ui/Chat/Members/ChatMembersButton.d.ts

@@ -0,0 +1 @@
+export declare const ChatMembersButton: import('../../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/dist/types/ui/Chat/Members/ChatMembersPanel.d.ts

@@ -0,0 +1 @@
+export declare const ChatMembersPanel: import('../../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/dist/types/ui/Chat/Members/ChatMembersPreview.d.ts

@@ -0,0 +1 @@
+export declare const ChatMembersPreview: import('../../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/dist/types/ui/ChatGroup/AutoReply/AutoReplyButton.d.ts

@@ -0,0 +1 @@
+export declare const AutoReplyButton: import('../../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/dist/types/ui/ChatGroup/AutoReply/AutoReplyForm.d.ts

@@ -0,0 +1,12 @@
+import { Dayjs } from 'dayjs';
+export interface AutoReplyFormValue {
+    period: [Dayjs, Dayjs];
+    text: string;
+}
+export interface AutoReplyFormProps {
+    value: AutoReplyFormValue;
+    onSubmit: (value: AutoReplyFormValue) => void;
+    busy?: boolean;
+}
+export declare const AUTO_REPLY_FORM_INITIAL_VALUE: AutoReplyFormValue;
+export declare const AutoReplyForm: import('../../../index.ts').Customizable<import('react').ComponentType<AutoReplyFormProps>>;

package/dist/types/ui/ChatGroup/AutoReply/AutoReplyPanel.d.ts

@@ -0,0 +1 @@
+export declare const AutoReplyPanel: import('../../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/dist/types/ui/ChatGroup/AutoReply/AutoReplyPeriodInput.d.ts

@@ -0,0 +1,4 @@
+export interface AutoReplyPeriodInputProps {
+    name: string;
+}
+export declare const AutoReplyPeriodInput: import('../../../index.ts').Customizable<import('react').ComponentType<AutoReplyPeriodInputProps>>;

package/dist/types/ui/ChatGroup/AutoReply/AutoReplyTextInput.d.ts

@@ -0,0 +1,4 @@
+export interface AutoReplyTextInputProps {
+    name: string;
+}
+export declare const AutoReplyTextInput: import('../../../index.ts').Customizable<import('react').ComponentType<AutoReplyTextInputProps>>;

package/dist/types/ui/ChatGroup/AutoReply/index.d.ts

@@ -0,0 +1,17 @@
+import { AutoReplyButton } from './AutoReplyButton';
+import { AutoReplyForm } from './AutoReplyForm';
+import { AutoReplyPanel } from './AutoReplyPanel';
+import { AutoReplyPeriodInput } from './AutoReplyPeriodInput';
+import { AutoReplyTextInput } from './AutoReplyTextInput';
+export * from './AutoReplyButton';
+export * from './AutoReplyForm';
+export * from './AutoReplyPanel';
+export * from './AutoReplyPeriodInput';
+export * from './AutoReplyTextInput';
+export interface AutoReplyCustomizeValue {
+    AutoReplyButton?: typeof AutoReplyButton.Component | null;
+    AutoReplyForm?: typeof AutoReplyForm.Component | null;
+    AutoReplyPanel?: typeof AutoReplyPanel.Component | null;
+    AutoReplyPeriodInput?: typeof AutoReplyPeriodInput.Component | null;
+    AutoReplyTextInput?: typeof AutoReplyTextInput.Component | null;
+}

package/dist/{esm/types → types}/ui/ChatGroup/ChatGroupContext.d.ts

@@ -1,12 +1,13 @@
 import { PropsWithChildren } from 'react';
 export interface ChatGroupContext {
-    view: 'chat' | 'new-chat' | null;
+    view: 'chat' | 'new-chat' | 'auto-reply' | null;
     chatId: string | null;
     showMembers: boolean;
     none(): void;
     openChat(chatId: string): void;
     toggleNewChat(): void;
     toggleMembers(): void;
+    toggleAutoReply(): void;
 }
 export declare function useChatGroupContext(): ChatGroupContext;
 export declare function ChatGroupContext(props: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;

package/dist/{esm/types → types}/ui/ChatGroup/ChatGroupPanel.d.ts

@@ -2,9 +2,10 @@ import { CSSProperties, FC } from 'react';
 import { Localizer } from '../localizer';
 import { CreateChatPanelCustomizeValue } from './Create';
 import { ChatGroupLayoutCustomizeValue } from './Layout';
-import { ChatListCustomizeValue } from './List';
+import { ChatListPanelCustomizeValue } from './List';
 import { ChatViewCustomizeValue } from '../Chat';
-export interface ChatGroupCustomizeValue extends ChatViewCustomizeValue, CreateChatPanelCustomizeValue, ChatListCustomizeValue, ChatGroupLayoutCustomizeValue {
+import { AutoReplyCustomizeValue } from './AutoReply';
+export interface ChatGroupCustomizeValue extends ChatViewCustomizeValue, AutoReplyCustomizeValue, CreateChatPanelCustomizeValue, ChatListPanelCustomizeValue, ChatGroupLayoutCustomizeValue {
 }
 export interface ChatifyProps {
     className?: string;

package/dist/types/ui/ChatGroup/Create/CreateChatButton.d.ts

@@ -0,0 +1 @@
+export declare const CreateChatButton: import('../../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/{src → dist}/types/ui/ChatGroup/Create/CreateChatForm.d.ts

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

package/dist/types/ui/ChatGroup/Create/CreateChatMemberInput.d.ts

@@ -0,0 +1,4 @@
+export interface CreateChatMemberInputProps {
+    name: string;
+}
+export declare const CreateChatMemberInput: import('../../../index.ts').Customizable<import('react').ComponentType<CreateChatMemberInputProps>>;

package/dist/types/ui/ChatGroup/Create/CreateChatNameInput.d.ts

@@ -0,0 +1,4 @@
+export interface CreateChatNameInputProps {
+    name: string;
+}
+export declare const CreateChatNameInput: import('../../../index.ts').Customizable<import('react').ComponentType<CreateChatNameInputProps>>;

package/dist/types/ui/ChatGroup/Create/CreateChatPanel.d.ts

@@ -0,0 +1 @@
+export declare const CreateChatPanel: import('../../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/dist/types/ui/ChatGroup/Layout/ChatGroupActions.d.ts

@@ -0,0 +1 @@
+export declare const ChatGroupActions: import('../../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/dist/types/ui/ChatGroup/Layout/ChatGroupAside.d.ts

@@ -0,0 +1 @@
+export declare const ChatGroupAside: import('../../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/dist/types/ui/ChatGroup/Layout/ChatGroupBody.d.ts

@@ -0,0 +1 @@
+export declare const ChatGroupBody: import('../../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/dist/types/ui/ChatGroup/Layout/ChatGroupFooter.d.ts

@@ -0,0 +1 @@
+export declare const ChatGroupFooter: import('../../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/dist/types/ui/ChatGroup/Layout/ChatGroupHeader.d.ts

@@ -0,0 +1 @@
+export declare const ChatGroupHeader: import('../../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/dist/types/ui/ChatGroup/Layout/ChatGroupMain.d.ts

@@ -0,0 +1 @@
+export declare const ChatGroupMain: import('../../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/{src → dist}/types/ui/ChatGroup/Layout/index.d.ts

@@ -1,14 +1,17 @@
+import { ChatGroupActions } from './ChatGroupActions';
 import { ChatGroupAside } from './ChatGroupAside';
 import { ChatGroupHeader } from './ChatGroupHeader';
 import { ChatGroupFooter } from './ChatGroupFooter';
 import { ChatGroupMain } from './ChatGroupMain';
 import { ChatGroupBody } from './ChatGroupBody';
+export * from './ChatGroupActions';
 export * from './ChatGroupAside';
 export * from './ChatGroupHeader';
 export * from './ChatGroupFooter';
 export * from './ChatGroupMain';
 export * from './ChatGroupBody';
 export interface ChatGroupLayoutCustomizeValue {
+    ChatGroupActions?: typeof ChatGroupActions.Component | null;
     ChatGroupAside?: typeof ChatGroupAside.Component | null;
     ChatGroupHeader?: typeof ChatGroupHeader.Component | null;
     ChatGroupFooter?: typeof ChatGroupFooter.Component | null;

package/dist/types/ui/ChatGroup/List/ChatListPanel.d.ts

@@ -0,0 +1 @@
+export declare const ChatListPanel: import('../../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/dist/types/ui/ChatGroup/List/index.d.ts

@@ -0,0 +1,6 @@
+import { ChatListCustomizeValue } from '../../common';
+import { ChatListPanel } from './ChatListPanel';
+export * from './ChatListPanel';
+export type ChatListPanelCustomizeValue = ChatListCustomizeValue & {
+    ChatListPanel?: typeof ChatListPanel.Component | null;
+};

package/dist/{esm/types → types}/ui/ChatGroup/index.d.ts

@@ -1,3 +1,4 @@
+export * from './AutoReply';
 export * from './Create';
 export * from './Layout';
 export * from './List';

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

@@ -0,0 +1,9 @@
+import { ChatPanel } from './Chat';
+import { ChatGroupPanel } from './ChatGroup';
+import { ThreadPanel } from './Thread';
+export interface ChatifyType {
+    Thread: typeof ThreadPanel;
+    ChatGroup: typeof ChatGroupPanel;
+    Chat: typeof ChatPanel;
+}
+export declare const Chatify: ChatifyType;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConversationHeader } from './ConversationHeader';
 import { ConversationBody } from './ConversationBody';
 import { ConversationName } from './ConversationName';
@@ -9,6 +8,7 @@ import { MessageCustomizeValue } from './Message';
 import { SendingMessageCustomizeValue } from './SendingMessage';
 import { SystemMessageCustomizeValue } from './SystemMessage';
 import { CommonCustomizeValue } from '../common';
+import { Flippo } from '@webinex/flippo';
 export interface ConversationProps extends Omit<ConversationContextValue, keyof ConversationValue> {
     value: ConversationValue;
 }
@@ -17,5 +17,6 @@ export interface ConversationCustomizeValue extends InputBoxCustomizeValue, Mess
     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>>;
+export declare const Conversation: import('../../index.ts').Customizable<import('react').ComponentType<ConversationProps>>;

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

@@ -0,0 +1 @@
+export declare const ConversationActions: import('../../index.ts').Customizable<import('react').ComponentType<unknown>>;

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

@@ -0,0 +1 @@
+export declare const ConversationBody: import('../../index.ts').Customizable<import('react').ComponentType<unknown>>;

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

@@ -1,5 +1,6 @@
-import React from 'react';
+import { default as React } from 'react';
 import { MessageBase, MessageBody } from '../../core';
+import { Flippo } from '@webinex/flippo';
 export interface ConversationValue {
     id: string;
     name: string;
@@ -11,10 +12,12 @@ export interface ConversationContextValue extends ConversationValue {
     hasMore?: boolean;
     nextLoading: boolean;
     noReadTracking?: boolean;
-    isReading: (id: string) => boolean;
+    isReading?: (id: string) => boolean;
     onNext: () => void;
-    onSend: (message: MessageBody) => void;
-    onRead: (id: string) => void;
+    onSend?: (message: MessageBody) => void;
+    onRead?: (id: string) => void;
+    flippo?: Flippo;
+    onClose?: () => void;
 }
 export declare const ConversationContext: React.Context<ConversationContextValue>;
 export declare function useConversation(): ConversationContextValue;

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

@@ -0,0 +1 @@
+export declare const ConversationHeader: import('../../index.ts').Customizable<import('react').ComponentType<unknown>>;

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

@@ -0,0 +1 @@
+export declare const ConversationName: import('../../index.ts').Customizable<import('react').ComponentType<unknown>>;

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

@@ -0,0 +1 @@
+export declare const InputBox: import('../../../index.ts').Customizable<import('react').ComponentType<unknown>>;

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

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

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

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

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

@@ -0,0 +1,11 @@
+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('../../../index.ts').Customizable<import('react').ComponentType<InputFilesBoxProps>>;
+export declare const InputFilesBox: import('../../../index.ts').Customizable<import('react').ComponentType<InputFilesBoxProps>>;

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

@@ -0,0 +1,6 @@
+export interface InputSubmitButtonBoxProps {
+    onSubmit: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+}
+export declare const InputSubmitButtonBox: import('../../../index.ts').Customizable<import('react').ComponentType<InputSubmitButtonBoxProps>>;

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

@@ -3,6 +3,7 @@ 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>>;
+export declare const InputTextBox: import('../../../index.ts').Customizable<import('react').ComponentType<TextInputBoxProps>>;

package/{src → dist}/types/ui/Conversation/InputBox/index.d.ts

@@ -1,14 +1,21 @@
 import { InputBox } from './InputBox';
-import { InputFilesBox } from './InputFilesBox';
+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/types/ui/Conversation/Message/MessageAuthor.d.ts

@@ -0,0 +1,2 @@
+import { MessageBoxProps } from './MessageBox';
+export declare const MessageAuthor: import('../../../index.ts').Customizable<import('react').ComponentType<MessageBoxProps>>;

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

@@ -0,0 +1,5 @@
+import { MessageBase } from '../../../core';
+export interface MessageBoxProps {
+    message: MessageBase;
+}
+export declare const MessageBox: import('../../../index.ts').Customizable<import('react').ComponentType<MessageBoxProps>>;

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

@@ -0,0 +1,2 @@
+import { MessageBoxProps } from './MessageBox';
+export declare const MessageContent: import('../../../index.ts').Customizable<import('react').ComponentType<MessageBoxProps>>;

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

@@ -0,0 +1,5 @@
+import { File } from '../../../core';
+export interface MessageFileProps {
+    file: File;
+}
+export declare const MessageFile: import('../../../index.ts').Customizable<import('react').ComponentType<MessageFileProps>>;

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

@@ -0,0 +1,2 @@
+import { MessageBoxProps } from './MessageBox';
+export declare const MessageFileList: import('../../../index.ts').Customizable<import('react').ComponentType<MessageBoxProps>>;

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

@@ -0,0 +1,2 @@
+import { MessageBoxProps } from './MessageBox';
+export declare const MessageInfoBox: import('../../../index.ts').Customizable<import('react').ComponentType<MessageBoxProps>>;

package/dist/{esm/types → types}/ui/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('../../../index.ts').Customizable<import('react').ComponentType<MessageRowProps>>;

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

@@ -0,0 +1,2 @@
+import { MessageBoxProps } from './MessageBox';
+export declare const MessageText: import('../../../index.ts').Customizable<import('react').ComponentType<MessageBoxProps>>;

package/{src → dist}/types/ui/Conversation/Message/index.d.ts

@@ -1,6 +1,8 @@
 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';
@@ -10,6 +12,8 @@ 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;
@@ -17,4 +21,6 @@ export interface MessageCustomizeValue {
     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/types/ui/Conversation/SendingMessage/SendingMessageBox.d.ts

@@ -0,0 +1,6 @@
+import { File } from '../../../core';
+export interface SendingMessageBoxProps {
+    text: string;
+    files: File[];
+}
+export declare const SendingMessageBox: import('../../../index.ts').Customizable<import('react').ComponentType<SendingMessageBoxProps>>;

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

@@ -0,0 +1,2 @@
+import { SendingMessageBoxProps } from './SendingMessageBox';
+export declare const SendingMessageContent: import('../../../index.ts').Customizable<import('react').ComponentType<SendingMessageBoxProps>>;

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

@@ -0,0 +1,2 @@
+import { SendingMessageBoxProps } from './SendingMessageBox';
+export declare const SendingMessageInfoBox: import('../../../index.ts').Customizable<import('react').ComponentType<SendingMessageBoxProps>>;

package/dist/types/ui/Conversation/SendingMessage/SendingMessageText.d.ts

@@ -0,0 +1,2 @@
+import { SendingMessageBoxProps } from './SendingMessageBox';
+export declare const SendingMessageText: import('../../../index.ts').Customizable<import('react').ComponentType<SendingMessageBoxProps>>;

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

@@ -0,0 +1,5 @@
+import { MessageBase } from '../../../core';
+export interface SystemMessageBoxProps {
+    message: MessageBase;
+}
+export declare const SystemMessageBox: import('../../../index.ts').Customizable<import('react').ComponentType<SystemMessageBoxProps>>;

package/{src → dist}/types/ui/Conversation/SystemMessage/SystemMessageRow.d.ts

@@ -6,4 +6,4 @@ export interface SystemMessageRowProps {
     containerRef?: Ref<HTMLDivElement>;
 }
 export declare function formatSystemMessage(localizer: Localizer, text: string): React.ReactNode;
-export declare const SystemMessageRow: import("../../customize").Customizable<import("react").ComponentType<SystemMessageRowProps>>;
+export declare const SystemMessageRow: import('../../../index.ts').Customizable<import('react').ComponentType<SystemMessageRowProps>>;

package/dist/types/ui/Thread/ThreadActions.d.ts

@@ -0,0 +1 @@
+export declare const ThreadActions: import('../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/dist/{esm/types → types}/ui/Thread/ThreadContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface ThreadContextValue {
     id: string;
     watch: boolean;

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

@@ -0,0 +1,5 @@
+import { Account } from '../../core';
+export interface AvatarProps {
+    account: Account;
+}
+export declare const Avatar: import('../../index.ts').Customizable<import('react').ComponentType<AvatarProps>>;