@webinex/chatify 1.0.2-rc3 → 2.0.0-alpha1

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

@@ -1,71 +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 } 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;
-    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,21 @@
+/// <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';
+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;
+}
+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,20 @@
+import React from 'react';
+import { MessageBase, MessageBody } from '../../core';
+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;
+}
+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/InputFilesBox.d.ts

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

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

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

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

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+export interface TextInputBoxProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSend: (value: string) => void;
+    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,14 @@
+import { InputBox } from './InputBox';
+import { InputFilesBox } from './InputFilesBox';
+import { InputSubmitButtonBox } from './InputSubmitButtonBox';
+import { InputTextBox } from './InputTextBox';
+export * from './InputBox';
+export * from './InputFilesBox';
+export * from './InputSubmitButtonBox';
+export * from './InputTextBox';
+export interface InputBoxCustomizeValue {
+    InputBox?: typeof InputBox.Component | null;
+    InputTextBox?: typeof InputTextBox.Component | null;
+    InputFilesBox?: typeof InputFilesBox.Component | null;
+    InputSubmitButtonBox?: typeof InputSubmitButtonBox.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/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,20 @@
+import { MessageAuthor } from './MessageAuthor';
+import { MessageBox } from './MessageBox';
+import { MessageContent } from './MessageContent';
+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 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;
+}

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>>;