@webinex/chatify 2.0.0-alpha7 → 2.0.0-alpha9

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

@@ -11,5 +11,5 @@ export declare const __settings: ChatifyApiSettings;
 declare const TAG_TYPES: readonly ["chat", "account", "message", "thread", "thread-message"];
 export interface BaseApiEndpointBuilder extends EndpointBuilder<BaseQueryFn, (typeof TAG_TYPES)[number], 'chatify'> {
 }
-export declare const __baseApi: import("@reduxjs/toolkit/query").Api<BaseQueryFn, {}, "chatify", "chat" | "account" | "message" | "thread" | "thread-message", typeof import("@reduxjs/toolkit/query").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName>;
+export declare const __baseApi: import('@reduxjs/toolkit/query').Api<BaseQueryFn, {}, "chatify", "chat" | "account" | "message" | "thread" | "thread-message", typeof import('@reduxjs/toolkit/query').coreModuleName | typeof import('@reduxjs/toolkit/query/react').reactHooksModuleName>;
 export {};

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>;
@@ -49,10 +49,11 @@ 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" | "chatify://thread-updated">(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();
+    get axios(): AxiosInstance;
     accounts: () => 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,12 +1,32 @@
+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;
@@ -70,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;
@@ -96,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/{esm/types → types}/ui/ChatGroup/ChatGroupPanel.d.ts

@@ -2,9 +2,9 @@ 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 {
+export interface ChatGroupCustomizeValue extends ChatViewCustomizeValue, 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/dist/{esm/types → 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/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/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/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,7 +8,7 @@ import { MessageCustomizeValue } from './Message';
 import { SendingMessageCustomizeValue } from './SendingMessage';
 import { SystemMessageCustomizeValue } from './SystemMessage';
 import { CommonCustomizeValue } from '../common';
-import type { Flippo } from '@webinex/flippo';
+import { Flippo } from '@webinex/flippo';
 export interface ConversationProps extends Omit<ConversationContextValue, keyof ConversationValue> {
     value: ConversationValue;
 }
@@ -20,4 +19,4 @@ export interface ConversationCustomizeValue extends InputBoxCustomizeValue, Mess
     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,6 +1,6 @@
-import React from 'react';
+import { default as React } from 'react';
 import { MessageBase, MessageBody } from '../../core';
-import type { Flippo } from '@webinex/flippo';
+import { Flippo } from '@webinex/flippo';
 export interface ConversationValue {
     id: string;
     name: string;
@@ -12,11 +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

@@ -6,4 +6,4 @@ export interface TextInputBoxProps {
     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/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/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/dist/{esm/types → 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>>;

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

@@ -0,0 +1,16 @@
+import { ChatListValue } from './ChatListValue';
+export interface ChatListProps {
+    className?: string;
+    items: ChatListValue[];
+    selected: string | null;
+    onSelect?: (id: string) => void;
+    /**
+     * If true, do not show read status.
+     */
+    noRead?: boolean;
+    /**
+     * If set, shows a message at the bottom indicating that only the top N chats are shown.
+     */
+    top?: number;
+}
+export declare const ChatList: import('../../../index.ts').Customizable<import('react').ComponentType<ChatListProps>>;

package/dist/types/ui/common/ChatList/ChatListItemAvatar.d.ts

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

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

@@ -0,0 +1,9 @@
+import { ChatListValue } from './ChatListValue';
+export interface ChatListItemBoxProps {
+    chat: ChatListValue;
+    /**
+     * If true, do not show read status.
+     */
+    noRead?: boolean;
+}
+export declare const ChatListItemBox: import('../../../index.ts').Customizable<import('react').ComponentType<ChatListItemBoxProps>>;

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

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

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

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

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

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

package/dist/types/ui/common/ChatList/ChatListItemLastMessageSentAt.d.ts

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

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

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

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

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

package/dist/types/ui/common/ChatList/ChatListValue.d.ts

@@ -0,0 +1,8 @@
+import { MessageBase } from '../../../core';
+export interface ChatListValue {
+    id: string;
+    name: string;
+    lastMessage: MessageBase;
+    totalUnreadCount?: number;
+    lastReadMessageId?: string | null;
+}

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

@@ -16,6 +16,7 @@ export * from './ChatListItemLastMessageContent';
 export * from './ChatListItemLastMessageSentAt';
 export * from './ChatListItemName';
 export * from './ChatListItemUnreadCount';
+export * from './ChatListValue';
 export interface ChatListCustomizeValue {
     ChatList?: typeof ChatList.Component | null;
     ChatListItemAvatar?: typeof ChatListItemAvatar.Component | null;

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

@@ -0,0 +1,21 @@
+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('../../index.ts').Customizable<import('react').ComponentType<IconProps>>;

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

@@ -0,0 +1,4 @@
+export interface MessageSkeletonProps {
+    count?: number;
+}
+export declare const MessageSkeleton: import('../../index.ts').Customizable<import('react').ComponentType<MessageSkeletonProps>>;

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

@@ -4,6 +4,7 @@ import { MessageSkeleton } from './MessageSkeleton';
 export * from './Avatar';
 export * from './Icon';
 export * from './MessageSkeleton';
+export * from './ChatList';
 export interface CommonCustomizeValue {
     Avatar?: typeof Avatar.Component | null;
     Icon?: typeof Icon.Component | null;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type Customizable<TComponent extends React.ComponentType<any>> = TComponent & {
     Component: TComponent;
     key: string;

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

@@ -6,6 +6,4 @@ export * from './Chat';
 export * from './ChatGroup';
 export * from './Conversation';
 export * from './Thread';
-export * from './common/Icon';
-export * from './common/Avatar';
-export * from './common/MessageSkeleton';
+export * from './common';

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

@@ -1,6 +1,6 @@
-import React from 'react';
+import { default as React } from 'react';
 import { SystemMessageText } from '../core';
-export interface Localizer {
+export interface LocalizerBase {
     isToday: (value: string) => boolean;
     timestamp: (value: string) => string;
     dateTime: (value: string) => string;
@@ -34,6 +34,11 @@ export interface Localizer {
         kb: (value: number) => string;
         mb: (value: number) => string;
     };
+    chatList: {
+        topShown: (count: number) => string;
+    };
+}
+export interface Localizer extends LocalizerBase {
 }
 export declare const LocalizerContext: React.Context<Localizer>;
 export declare function useLocalizer(): Localizer;