@webinex/chatify 1.0.2-rc3 → 2.0.0-alpha1

package/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/types/ui/Conversation/Message/MessageRow.d.ts

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

package/src/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/src/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/src/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/src/types/ui/Conversation/NextObserver/index.d.ts

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

package/src/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/src/types/ui/Conversation/ReadObserver/index.d.ts

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

package/src/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/src/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/src/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/SendingMessageContent.d.ts → src/types/ui/Conversation/SendingMessage/SendingMessageText.d.ts}

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

package/src/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/src/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/src/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/src/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/src/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/src/types/ui/Thread/ThreadActions.d.ts

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

package/src/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/src/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/src/types/ui/Thread/index.d.ts

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

package/src/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/src/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>>;