@webinex/chatify 1.0.0-alpha00

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

@@ -0,0 +1,35 @@
+import { AxiosInstance } from 'axios';
+import { Account, AddChatRequest, AddMemberRequest, Chat, ChatListItem, Message, ReadRequest, RemoveMemberRequest, SendMessageRequest } from './models';
+export interface ChatifySignalRConfig {
+    hubUri?: string;
+    accessTokenFactory?: () => Promise<string>;
+    headersFactory?: () => Promise<Record<string, string>>;
+}
+export interface ChatifyClientConfig {
+    axios: AxiosInstance;
+    signalR: ChatifySignalRConfig;
+}
+export declare class ChatifyClient {
+    private _config;
+    private _connection;
+    private _subscribers;
+    private _reconnectSubscribers;
+    constructor(config: ChatifyClientConfig);
+    connect: () => Promise<void>;
+    subscribe: <T extends any[]>(method: string, subscriber: (args: T) => void) => () => ((args: any[]) => void)[];
+    subscribeReconnect: (subscriber: () => any) => () => (() => void)[];
+    private get axios();
+    accounts: () => Promise<Account[]>;
+    chats: () => Promise<ChatListItem[]>;
+    chat: (id: string) => Promise<Chat>;
+    addChat: (args: AddChatRequest) => Promise<string>;
+    messages: (args: {
+        chatId: string;
+        skip?: number;
+        take?: number;
+    }) => Promise<Message[]>;
+    send: (request: SendMessageRequest) => Promise<void>;
+    read: (request: ReadRequest) => Promise<void>;
+    removeMember: (request: RemoveMemberRequest) => Promise<void>;
+    addMember: (request: AddMemberRequest) => Promise<void>;
+}

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

@@ -0,0 +1,14 @@
+export * from './models';
+export * from './client';
+export * from './action';
+export * from './reducer';
+export * from './useChat';
+export * from './useChatList';
+export * from './useLoadMore';
+export * from './useMessages';
+export * from './useSignalR';
+export * from './useAccounts';
+export * from './useAddChat';
+export * from './useReadMonitor';
+export * from './useAddMember';
+export * from './useRemoveMember';

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

@@ -0,0 +1,64 @@
+export interface File {
+    name: string;
+    bytes: number;
+    ref: string;
+}
+export interface Account {
+    id: string;
+    name: string;
+    avatar: string;
+}
+export interface Message {
+    id: string;
+    chatId: string;
+    text: string;
+    files: File[];
+    sentAt: string;
+    sentBy: Account;
+    read: boolean;
+    requestId?: string;
+}
+export interface Chat {
+    id: string;
+    name: string;
+    members: Account[];
+}
+export interface ChatListItem {
+    id: string;
+    name: string;
+    message: Message;
+    unreadCount: number;
+}
+export interface SendMessageRequest {
+    chatId: string;
+    text: string;
+    files: File[];
+    requestId: string;
+}
+export interface MessageContent {
+    text: string;
+    files: File[];
+}
+export interface AddChatRequest {
+    requestId: string;
+    name: string;
+    message?: MessageContent;
+    members: string[];
+}
+export interface ReadRequest {
+    ids: string[];
+}
+export interface ReadEvent {
+    messageId: string;
+    chatId: string;
+}
+export interface RemoveMemberRequest {
+    chatId: string;
+    accountId: string;
+    deleteHistory: boolean;
+}
+export interface AddMemberRequest {
+    chatId: string;
+    accountId: string;
+    withHistory: boolean;
+}

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

@@ -0,0 +1,11 @@
+import React, { PropsWithChildren } from 'react';
+import { Action } from './action';
+import { State } from './state';
+export type Reducer = ReturnType<typeof useReducer>;
+type Subscriber = (state: State) => void;
+export declare function useReducer(): readonly [React.MutableRefObject<State>, (action: Action) => void, (subscriber: Subscriber) => () => void];
+export declare function ReducerProvider({ children }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
+export declare function useDispatch(): (action: Action) => void;
+export declare function useStateRef(): React.MutableRefObject<State>;
+export declare function useSelect<TResult>(select: (state: State) => TResult, deps: any[]): TResult;
+export {};

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

@@ -0,0 +1,25 @@
+export interface UIState {
+    view?: 'chat' | 'new-chat' | 'chat-settings';
+    chatId?: string;
+}
+export interface QueryState<TData> {
+    uninitialized: boolean;
+    isFetching: boolean;
+    error?: any;
+    data?: TData;
+}
+export interface MutationState {
+    isFetching: boolean;
+    error?: any;
+}
+export interface State {
+    ui: UIState;
+    query: Record<string, QueryState<any>>;
+    mutation: Record<string, MutationState>;
+    read: {
+        queued: string[];
+        sent: string[];
+        timestamp: number;
+    };
+}
+export declare const INITIAL_STATE: State;

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { SendMessageRequest } from './models';
+export interface UseAddMessageArgs {
+    chatId: string;
+}
+export declare function useAddMessage(args: UseAddMessageArgs): readonly [(args: Omit<SendMessageRequest, "chatId">) => void, import("./state").MutationState];

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { File, Message } from './models';
+import { QueryState } from './state';
+export type MessageState = ({
+    type: 'message';
+} & Message) | {
+    type: 'more';
+} | {
+    type: 'sending';
+    text: string;
+    files: File[];
+    requestId: string;
+};
+export declare function useMessages(args: {
+    chatId: string;
+}): QueryState<MessageState[]>;

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

@@ -0,0 +1,12 @@
+import { MutationState, State } from './state';
+export interface MutationApi<TResult> {
+    promise: Promise<TResult>;
+    state: State;
+    updateState: (mutation: (state: State) => State) => void;
+}
+export interface UseMutationArgs<TResult = unknown, TArgs = void> {
+    key: string;
+    queryFn: (args: TArgs) => Promise<TResult>;
+    onQueryStarted?: (args: TArgs, api: MutationApi<TResult>) => void;
+}
+export declare function useMutation<TResult = unknown, TArgs = void>(args: UseMutationArgs<TResult, TArgs>): readonly [(args: TArgs) => void, MutationState];

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

@@ -0,0 +1,7 @@
+import { QueryState } from './state';
+interface UseQueryArgs<TData> {
+    key: string;
+    queryFn: () => Promise<TData>;
+}
+export declare function useQuery<TData>(args: UseQueryArgs<TData>): QueryState<TData>;
+export {};

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

@@ -0,0 +1 @@
+export declare function useReadMonitor(): void;

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

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

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

@@ -0,0 +1 @@
+export declare function useSignalR(): void;

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

@@ -0,0 +1,3 @@
+export * from './ui';
+export * from './core';
+export * from './ChatifyContext';

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

@@ -0,0 +1 @@
+export declare function AddChat(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare function Aside(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export interface ChatProps {
+    id: string;
+}
+export declare function Chat(props: ChatProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export interface ChatBodyProps {
+    id: string;
+}
+export declare function ChatBody(props: ChatBodyProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export interface ChatHeaderProps {
+    id: string;
+}
+export declare function ChatHeader(props: ChatHeaderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare function ChatSettings(): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+import { Localizer } from './localizer';
+export interface ChatifyProps {
+    className?: string;
+    style?: CSSProperties;
+    localizer?: Localizer;
+}
+export declare function Chatify(props: ChatifyProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare function InputForm(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export interface LoadMoreProps {
+    chatId: string;
+}
+export declare function LoadMore(props: LoadMoreProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare function Main(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { Message as MessageModel } from '../core';
+export interface MessageProps {
+    message: MessageModel;
+}
+export declare function Message(props: MessageProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { Account, File } from '../core';
+import React from 'react';
+export interface MessageMdProps {
+    author?: Account;
+    text: string;
+    files: File[];
+    my: boolean;
+    read?: boolean;
+    sending?: boolean;
+    reading?: boolean;
+    timestamp: string;
+}
+export declare const MessageMd: React.ForwardRefExoticComponent<MessageMdProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,4 @@
+export interface MessageSkeletonProps {
+    count?: number;
+}
+export declare function MessageSkeleton(props: MessageSkeletonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { File } from '../core';
+export interface SendingMessageProps {
+    text: string;
+    files: File[];
+}
+export declare function SendingMessage(props: SendingMessageProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Localizer } from './localizer';
+export interface SystemMessageProps {
+    text: string;
+    sentAt: string;
+}
+export declare function formatSystemMessage(localizer: Localizer, text: string): React.ReactNode;
+export declare function SystemMessage(props: SystemMessageProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './Chatify';
+export * from './localizer';

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

@@ -0,0 +1,28 @@
+import React from 'react';
+export interface Localizer {
+    timestamp: (value: string) => string;
+    system: {
+        chatCreated: () => string;
+    };
+    message: {
+        read: () => React.ReactNode;
+        reading: () => React.ReactNode;
+        sending: () => React.ReactNode;
+    };
+    addChat: {
+        title: () => React.ReactNode;
+        name: {
+            label: () => React.ReactNode;
+            required: () => string;
+            max250: () => string;
+        };
+        members: {
+            label: () => React.ReactNode;
+            required: () => string;
+        };
+        submitBtn: () => React.ReactNode;
+    };
+}
+export declare const LocalizerContext: React.Context<Localizer>;
+export declare function useLocalizer(): Localizer;
+export declare const defaultLocalizer: Localizer;

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

@@ -0,0 +1,2 @@
+export * from './uniqBy';
+export * from './uniqId';

package/dist/esm/types/util/uniqBy.d.ts

@@ -0,0 +1 @@
+export declare function uniqBy<T, TKey extends string | number | symbol>(items: T[], selector: (x: T) => TKey): T[];

package/dist/esm/types/util/uniqId.d.ts

@@ -0,0 +1 @@
+export declare function uniqId(): string;

package/dist/index.d.ts

@@ -0,0 +1,290 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React, { CSSProperties, PropsWithChildren } from 'react';
+import { AxiosInstance } from 'axios';
+
+interface Localizer {
+    timestamp: (value: string) => string;
+    system: {
+        chatCreated: () => string;
+    };
+    message: {
+        read: () => React.ReactNode;
+        reading: () => React.ReactNode;
+        sending: () => React.ReactNode;
+    };
+    addChat: {
+        title: () => React.ReactNode;
+        name: {
+            label: () => React.ReactNode;
+            required: () => string;
+            max250: () => string;
+        };
+        members: {
+            label: () => React.ReactNode;
+            required: () => string;
+        };
+        submitBtn: () => React.ReactNode;
+    };
+}
+declare const LocalizerContext: React.Context<Localizer>;
+declare function useLocalizer(): Localizer;
+declare const defaultLocalizer: Localizer;
+
+interface ChatifyProps {
+    className?: string;
+    style?: CSSProperties;
+    localizer?: Localizer;
+}
+declare function Chatify(props: ChatifyProps): react_jsx_runtime.JSX.Element;
+
+interface File {
+    name: string;
+    bytes: number;
+    ref: string;
+}
+interface Account {
+    id: string;
+    name: string;
+    avatar: string;
+}
+interface Message {
+    id: string;
+    chatId: string;
+    text: string;
+    files: File[];
+    sentAt: string;
+    sentBy: Account;
+    read: boolean;
+    requestId?: string;
+}
+interface Chat {
+    id: string;
+    name: string;
+    members: Account[];
+}
+interface ChatListItem {
+    id: string;
+    name: string;
+    message: Message;
+    unreadCount: number;
+}
+interface SendMessageRequest {
+    chatId: string;
+    text: string;
+    files: File[];
+    requestId: string;
+}
+interface MessageContent {
+    text: string;
+    files: File[];
+}
+interface AddChatRequest {
+    requestId: string;
+    name: string;
+    message?: MessageContent;
+    members: string[];
+}
+interface ReadRequest {
+    ids: string[];
+}
+interface ReadEvent {
+    messageId: string;
+    chatId: string;
+}
+interface RemoveMemberRequest {
+    chatId: string;
+    accountId: string;
+    deleteHistory: boolean;
+}
+interface AddMemberRequest {
+    chatId: string;
+    accountId: string;
+    withHistory: boolean;
+}
+
+interface ChatifySignalRConfig {
+    hubUri?: string;
+    accessTokenFactory?: () => Promise<string>;
+    headersFactory?: () => Promise<Record<string, string>>;
+}
+interface ChatifyClientConfig {
+    axios: AxiosInstance;
+    signalR: ChatifySignalRConfig;
+}
+declare class ChatifyClient {
+    private _config;
+    private _connection;
+    private _subscribers;
+    private _reconnectSubscribers;
+    constructor(config: ChatifyClientConfig);
+    connect: () => Promise<void>;
+    subscribe: <T extends any[]>(method: string, subscriber: (args: T) => void) => () => ((args: any[]) => void)[];
+    subscribeReconnect: (subscriber: () => any) => () => (() => void)[];
+    private get axios();
+    accounts: () => Promise<Account[]>;
+    chats: () => Promise<ChatListItem[]>;
+    chat: (id: string) => Promise<Chat>;
+    addChat: (args: AddChatRequest) => Promise<string>;
+    messages: (args: {
+        chatId: string;
+        skip?: number;
+        take?: number;
+    }) => Promise<Message[]>;
+    send: (request: SendMessageRequest) => Promise<void>;
+    read: (request: ReadRequest) => Promise<void>;
+    removeMember: (request: RemoveMemberRequest) => Promise<void>;
+    addMember: (request: AddMemberRequest) => Promise<void>;
+}
+
+interface UIState {
+    view?: 'chat' | 'new-chat' | 'chat-settings';
+    chatId?: string;
+}
+interface QueryState<TData> {
+    uninitialized: boolean;
+    isFetching: boolean;
+    error?: any;
+    data?: TData;
+}
+interface MutationState {
+    isFetching: boolean;
+    error?: any;
+}
+interface State {
+    ui: UIState;
+    query: Record<string, QueryState<any>>;
+    mutation: Record<string, MutationState>;
+    read: {
+        queued: string[];
+        sent: string[];
+        timestamp: number;
+    };
+}
+
+declare const ACTIONS: {
+    query_fetch: (state: State, { key }: {
+        key: string;
+    }) => State;
+    query_resolve: (state: State, { key, data }: {
+        key: string;
+        data: any[];
+    }) => State;
+    query_reject: (state: State, { key, error }: {
+        key: string;
+        error: any;
+    }) => State;
+    mutation_fetch: (state: State, { key }: {
+        key: string;
+    }) => State;
+    mutation_resolve: (state: State, { key }: {
+        key: string;
+    }) => State;
+    mutation_reject: (state: State, { key, error }: {
+        key: string;
+        error: any;
+    }) => State;
+    update: (state: State, { mutation }: {
+        mutation: (state: State) => State;
+    }) => State;
+    chat_open: (state: State, { chatId }: {
+        chatId: string;
+    }) => State;
+    new_chat_open: (state: State) => State;
+    chat_settings_open: (state: State, { chatId }: {
+        chatId: string;
+    }) => State;
+    message_received: (state: State, { message, requestId }: {
+        message: Message;
+        requestId: string;
+    }) => State;
+    chat_created: (state: State, { chat }: {
+        chat: ChatListItem;
+        requestId?: string | undefined;
+    }) => State;
+    read: (state: State, { id, timestamp }: {
+        id: string;
+        timestamp: number;
+    }) => State;
+    read_send: (state: State, { ids }: {
+        ids: string[];
+    }) => State;
+    read_reject: (state: State, { ids, timestamp }: {
+        ids: string[];
+        timestamp: number;
+    }) => State;
+    read_received: (state: State, { events }: {
+        events: ReadEvent[];
+    }) => State;
+    member_added: (state: State, { chatId, account }: {
+        chatId: string;
+        account: Account;
+    }) => State;
+    member_removed: (state: State, { chatId, accountId, deleteHistory, me, }: {
+        chatId: string;
+        accountId: string;
+        deleteHistory: boolean;
+        me: string;
+    }) => State;
+};
+type Action = {
+    [K in keyof typeof ACTIONS]: {
+        type: K;
+        data: Parameters<(typeof ACTIONS)[K]>[1];
+    };
+}[keyof typeof ACTIONS];
+
+type Reducer = ReturnType<typeof useReducer>;
+type Subscriber = (state: State) => void;
+declare function useReducer(): readonly [React.MutableRefObject<State>, (action: Action) => void, (subscriber: Subscriber) => () => void];
+declare function ReducerProvider({ children }: PropsWithChildren<{}>): react_jsx_runtime.JSX.Element;
+declare function useDispatch(): (action: Action) => void;
+declare function useStateRef(): React.MutableRefObject<State>;
+declare function useSelect<TResult>(select: (state: State) => TResult, deps: any[]): TResult;
+
+declare function useChat(args: {
+    chatId: string;
+}): QueryState<Chat>;
+
+declare function useChatList(): QueryState<ChatListItem[]>;
+
+declare function useLoadMore({ chatId }: {
+    chatId: string;
+}): readonly [(args: void) => void, MutationState];
+
+type MessageState = ({
+    type: 'message';
+} & Message) | {
+    type: 'more';
+} | {
+    type: 'sending';
+    text: string;
+    files: File[];
+    requestId: string;
+};
+declare function useMessages(args: {
+    chatId: string;
+}): QueryState<MessageState[]>;
+
+declare function useSignalR(): void;
+
+declare function useAccounts(): QueryState<Account[]>;
+
+declare function useAddChat(): readonly [(args: AddChatRequest) => void, MutationState];
+
+declare function useReadMonitor(): void;
+
+declare function useAddMember(): readonly [(args: AddMemberRequest) => void, MutationState];
+
+declare function useRemoveMember(): readonly [(args: RemoveMemberRequest) => void, MutationState];
+
+declare function useClient(): ChatifyClient;
+declare function useMe(): string;
+interface ChatifyContextValue {
+    me: string;
+    client: ChatifyClient;
+}
+declare function ChatifyContext({ value, children }: PropsWithChildren<{
+    value: ChatifyContextValue;
+}>): react_jsx_runtime.JSX.Element;
+
+export { ACTIONS, Account, Action, AddChatRequest, AddMemberRequest, Chat, ChatListItem, Chatify, ChatifyClient, ChatifyClientConfig, ChatifyContext, ChatifyContextValue, ChatifyProps, ChatifySignalRConfig, File, Localizer, LocalizerContext, Message, MessageContent, MessageState, ReadEvent, ReadRequest, Reducer, ReducerProvider, RemoveMemberRequest, SendMessageRequest, defaultLocalizer, useAccounts, useAddChat, useAddMember, useChat, useChatList, useClient, useDispatch, useLoadMore, useLocalizer, useMe, useMessages, useReadMonitor, useReducer, useRemoveMember, useSelect, useSignalR, useStateRef };