@webinex/chatify 1.0.0-rc2 → 1.0.0-rc3

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

@@ -1,18 +0,0 @@
-import { FC, Ref, RefObject } from 'react';
-import { Message } from '../core';
-export interface MessageBoxProps {
-    message: Message;
-}
-export interface MessageRowProps extends MessageBoxProps {
-    containerRef?: Ref<HTMLDivElement>;
-}
-export declare const MessageAuthor: import("../util").Customizable<FC<MessageBoxProps>, string>;
-export declare const MessageText: import("../util").Customizable<FC<MessageBoxProps>, string>;
-export declare const MessageInfoBox: import("../util").Customizable<FC<MessageBoxProps>, string>;
-export declare const MessageContent: import("../util").Customizable<FC<MessageBoxProps>, string>;
-export declare const MessageRow: import("../util").Customizable<FC<MessageRowProps>, string>;
-export declare const MessageBox: import("../util").Customizable<FC<MessageBoxProps>, string>;
-export interface MessageReadObserverProps extends MessageBoxProps {
-    messageRef: RefObject<HTMLDivElement | null>;
-}
-export declare const MessageReadObserver: import("../util").Customizable<FC<MessageReadObserverProps>, string>;

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

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

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

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { File } from '../core';
-export interface SendingMessageProps {
-    text: string;
-    files: File[];
-}
-export declare const SendingMessageText: import("../util").Customizable<FC<SendingMessageProps>, string>;
-export declare const SendingMessageInfoBox: import("../util").Customizable<FC<SendingMessageProps>, string>;
-export declare const SendingMessageContent: import("../util").Customizable<FC<SendingMessageProps>, string>;
-export declare const SendingMessage: import("../util").Customizable<FC<SendingMessageProps>, string>;

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

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { Localizer } from './localizer';
-export interface SystemMessageProps {
-    text: string;
-    sentAt: string;
-}
-export declare function formatSystemMessage(localizer: Localizer, text: string): React.ReactNode;
-export declare const SystemMessage: import("../util").Customizable<FC<SystemMessageProps>, string>;

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

@@ -1,11 +0,0 @@
-export * from './Chatify';
-export * from './Avatar';
-export * from './localizer';
-export * from './AddChatButton';
-export * from './Header';
-export * from './ChatHeader';
-export * from './ChatHeaderMembers';
-export * from './ChatListItem';
-export * from './Message';
-export * from './SystemMessage';
-export * from './Icon';

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

@@ -1,32 +0,0 @@
-import React from 'react';
-export interface Localizer {
-    timestamp: (value: string) => string;
-    system: {
-        chatCreated: () => string;
-        memberAdded: () => 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;
-    };
-    input: {
-        placeholder: () => string;
-    };
-}
-export declare const LocalizerContext: React.Context<Localizer>;
-export declare function useLocalizer(): Localizer;
-export declare const defaultLocalizer: Localizer;

package/dist/cjs/types/util/customize.d.ts

@@ -1,12 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-export type Customizable<TComponent extends React.ComponentType<any>, TKey extends string> = TComponent & {
-    Component: TComponent;
-    key: TKey;
-};
-export interface CustomizeProviderValue {
-    [key: string]: React.ComponentType<any> | null;
-}
-export declare function CustomizeProvider(props: PropsWithChildren<{
-    value: CustomizeProviderValue;
-}>): import("react/jsx-runtime").JSX.Element;
-export declare function customize<TComponent extends React.ComponentType<any>, TKey extends string>(key: TKey, Component: TComponent): Customizable<TComponent, TKey>;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +0,0 @@
-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

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

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

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

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

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

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

@@ -1,15 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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/useRemoveMember.d.ts

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

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

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

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

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

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

@@ -1,4 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

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

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

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-export interface ChatHeaderMembersProps {
-    id: string;
-}
-export declare const ChatHeaderMembers: import("../util").Customizable<FC<ChatHeaderMembersProps>, "ChatHeaderMembers">;

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

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-export interface ChatSettingsButtonProps {
-    id: string;
-}
-export declare const ChatSettingsButton: import("../util").Customizable<FC<ChatSettingsButtonProps>, "ChatSettingsButton">;

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

@@ -1,11 +0,0 @@
-import { ChatListItem as ChatListItemModel } from '../core';
-import { FC } from 'react';
-export interface ChatListItemBoxProps {
-    chat: ChatListItemModel;
-}
-export declare const ChatListItemName: import("../util").Customizable<FC<ChatListItemBoxProps>, "ChatListItemName">;
-export declare const ChatListItemUnreadCount: import("../util").Customizable<FC<ChatListItemBoxProps>, "ChatListItemUnreadCount">;
-export declare const ChatListItemLastMessage: import("../util").Customizable<FC<ChatListItemBoxProps>, "ChatListItemLastMessage">;
-export declare const ChatListItemLastMessageAuthor: import("../util").Customizable<FC<ChatListItemBoxProps>, string>;
-export declare const ChatListItemLastMessageContent: import("../util").Customizable<FC<ChatListItemBoxProps>, string>;
-export declare const ChatListItemBox: import("../util").Customizable<FC<ChatListItemBoxProps>, "ChatListItemBox">;

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

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

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

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const Footer: import("../util").Customizable<FC, "Footer">;

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

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const Header: import("../util").Customizable<FC, "Header">;

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

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

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

@@ -1,4 +0,0 @@
-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

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

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

@@ -1,18 +0,0 @@
-import { FC, Ref, RefObject } from 'react';
-import { Message } from '../core';
-export interface MessageBoxProps {
-    message: Message;
-}
-export interface MessageRowProps extends MessageBoxProps {
-    containerRef?: Ref<HTMLDivElement>;
-}
-export declare const MessageAuthor: import("../util").Customizable<FC<MessageBoxProps>, string>;
-export declare const MessageText: import("../util").Customizable<FC<MessageBoxProps>, string>;
-export declare const MessageInfoBox: import("../util").Customizable<FC<MessageBoxProps>, string>;
-export declare const MessageContent: import("../util").Customizable<FC<MessageBoxProps>, string>;
-export declare const MessageRow: import("../util").Customizable<FC<MessageRowProps>, string>;
-export declare const MessageBox: import("../util").Customizable<FC<MessageBoxProps>, string>;
-export interface MessageReadObserverProps extends MessageBoxProps {
-    messageRef: RefObject<HTMLDivElement | null>;
-}
-export declare const MessageReadObserver: import("../util").Customizable<FC<MessageReadObserverProps>, string>;

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

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { File } from '../core';
-export interface SendingMessageProps {
-    text: string;
-    files: File[];
-}
-export declare const SendingMessageText: import("../util").Customizable<FC<SendingMessageProps>, string>;
-export declare const SendingMessageInfoBox: import("../util").Customizable<FC<SendingMessageProps>, string>;
-export declare const SendingMessageContent: import("../util").Customizable<FC<SendingMessageProps>, string>;
-export declare const SendingMessage: import("../util").Customizable<FC<SendingMessageProps>, string>;

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

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { Localizer } from './localizer';
-export interface SystemMessageProps {
-    text: string;
-    sentAt: string;
-}
-export declare function formatSystemMessage(localizer: Localizer, text: string): React.ReactNode;
-export declare const SystemMessage: import("../util").Customizable<FC<SystemMessageProps>, string>;

package/src/core/useAccounts.tsx

@@ -1,11 +0,0 @@
-import { useClient } from '../ChatifyContext';
-import { useQuery } from './useQuery';
-
-export function useAccounts() {
-  const client = useClient();
-
-  return useQuery({
-    key: 'accounts',
-    queryFn: () => client.accounts(),
-  });
-}

package/src/core/useAddChat.tsx

@@ -1,12 +0,0 @@
-import { useClient } from '../ChatifyContext';
-import { AddChatRequest } from './models';
-import { useMutation } from './useMutation';
-
-export function useAddChat() {
-  const client = useClient();
-
-  return useMutation({
-    key: 'add-chat',
-    queryFn: (args: AddChatRequest) => client.addChat(args),
-  });
-}

package/src/core/useAddMember.tsx

@@ -1,12 +0,0 @@
-import { useClient } from '../ChatifyContext';
-import { AddMemberRequest } from './models';
-import { useMutation } from './useMutation';
-
-export function useAddMember() {
-  const client = useClient();
-
-  return useMutation({
-    key: 'add-member',
-    queryFn: (args: AddMemberRequest) => client.addMember(args),
-  });
-}

package/src/core/useAddMessage.tsx

@@ -1,40 +0,0 @@
-import { useClient } from '../ChatifyContext';
-import { SendMessageRequest } from './models';
-import { QueryState } from './state';
-import { MessageState } from './useMessages';
-import { useMutation } from './useMutation';
-
-export interface UseAddMessageArgs {
-  chatId: string;
-}
-
-export function useAddMessage(args: UseAddMessageArgs) {
-  const { chatId } = args;
-  const client = useClient();
-
-  return useMutation<unknown, Omit<SendMessageRequest, 'chatId'>>({
-    key: 'add.' + chatId,
-    queryFn: (args) => client.send({ chatId, ...args }),
-    onQueryStarted: async (args, { updateState }) => {
-      updateState((state) => {
-        state = {
-          ...state,
-          query: {
-            ...state.query,
-            ['messages.' + chatId]: {
-              ...state.query['messages.' + chatId],
-            },
-          },
-        };
-
-        const queryState: QueryState<MessageState[]> = state.query['messages.' + chatId];
-        queryState.data = [
-          { type: 'sending', text: args.text, requestId: args.requestId, files: args.files },
-          ...queryState.data!,
-        ];
-
-        return state;
-      });
-    },
-  });
-}

package/src/core/useChat.tsx

@@ -1,12 +0,0 @@
-import { useClient } from '../ChatifyContext';
-import { useQuery } from './useQuery';
-
-export function useChat(args: { chatId: string }) {
-  const { chatId } = args;
-  const client = useClient();
-
-  return useQuery({
-    key: 'chat.' + chatId,
-    queryFn: () => client.chat(chatId),
-  });
-}

package/src/core/useChatList.tsx

@@ -1,10 +0,0 @@
-import { useClient } from '../ChatifyContext';
-import { useQuery } from './useQuery';
-
-export function useChatList() {
-  const client = useClient();
-  return useQuery({
-    key: 'chat-list',
-    queryFn: () => client.chats(),
-  });
-}

package/src/core/useLoadMore.tsx

@@ -1,42 +0,0 @@
-import { useClient } from '../ChatifyContext';
-import { useMutation } from './useMutation';
-import { MessageState } from './useMessages';
-import { useStateRef } from './reducer';
-import { QueryState } from './state';
-
-export function useLoadMore({ chatId }: { chatId: string }) {
-  const state = useStateRef();
-  const client = useClient();
-
-  return useMutation({
-    key: 'more.' + chatId,
-    queryFn: () =>
-      client.messages({
-        chatId,
-        skip: state.current.query['messages.' + chatId].data.filter((x: MessageState) => x.type === 'message')
-          .length,
-        take: 15,
-      }),
-
-    onQueryStarted: async (_, { promise, updateState }) => {
-      const result = await promise;
-      updateState((state) => {
-        state = { ...state };
-        state.query = { ...state.query };
-        state.query['messages.' + chatId] = { ...state.query['messages.' + chatId] };
-        const value: QueryState<MessageState[]> = state.query['messages.' + chatId];
-        value.data = value.data?.filter((x) => x.type !== 'more');
-        value.data = [
-          ...value.data!,
-          ...result.map((x) => ({ type: 'message' as const, ...x, proceed: true })),
-        ];
-
-        if (result.length === 15) {
-          value.data = [...value.data!, { type: 'more' }];
-        }
-
-        return state;
-      });
-    },
-  });
-}

package/src/core/useMessages.tsx

@@ -1,23 +0,0 @@
-import { useClient } from '../ChatifyContext';
-import { File, Message } from './models';
-import { QueryState } from './state';
-import { useQuery } from './useQuery';
-
-export type MessageState =
-  | ({ type: 'message' } & Message)
-  | { type: 'more' }
-  | { type: 'sending'; text: string; files: File[]; requestId: string };
-
-export function useMessages(args: { chatId: string }): QueryState<MessageState[]> {
-  const { chatId } = args;
-  const client = useClient();
-
-  return useQuery({
-    key: 'messages.' + chatId,
-    queryFn: () =>
-      client.messages({ chatId, skip: 0, take: 15 }).then((x) => {
-        const result = x.map((message) => ({ type: 'message' as const, ...message, proceed: true }));
-        return x.length === 15 ? [...result, { type: 'more' as const }] : result;
-      }),
-  });
-}

package/src/core/useMutation.tsx

@@ -1,48 +0,0 @@
-import { useCallback } from 'react';
-import { useDispatch, useSelect, useStateRef } from './reducer';
-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;
-}
-
-const INITIAL_MUTATION_STATE: MutationState = { isFetching: false, error: undefined };
-
-export function useMutation<TResult = unknown, TArgs = void>(args: UseMutationArgs<TResult, TArgs>) {
-  const { key, queryFn, onQueryStarted } = args;
-  const dispatch = useDispatch();
-  const state = useStateRef();
-  const mutationState = useSelect((x) => x.mutation[args.key], []);
-
-  const invoke = useCallback((args: TArgs) => {
-    dispatch({ type: 'mutation_fetch', data: { key } });
-    const promise = queryFn(args);
-
-    promise
-      .then(() => {
-        dispatch({ type: 'mutation_resolve', data: { key } });
-      })
-      .catch((error) => dispatch({ type: 'mutation_reject', data: { key, error } }));
-
-    onQueryStarted &&
-      onQueryStarted(args, {
-        promise,
-        state: state.current,
-        updateState: (mutation: (state: State) => State) => {
-          dispatch({ type: 'update', data: { mutation } });
-        },
-      });
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return [invoke, mutationState ?? INITIAL_MUTATION_STATE] as const;
-}

package/src/core/useQuery.tsx

@@ -1,45 +0,0 @@
-import { useEffect } from 'react';
-import { useDispatch, useSelect, useStateRef } from './reducer';
-import { QueryState, State } from './state';
-
-interface UseQueryArgs<TData> {
-  key: string;
-  queryFn: () => Promise<TData>;
-}
-
-const INITIAL_QUERY_STATE: QueryState<any> = {
-  uninitialized: false,
-  isFetching: true,
-  data: undefined,
-  error: undefined,
-};
-
-function select<TData>(state: State, key: string): QueryState<TData> | undefined {
-  return (state.query as any)[key];
-}
-
-function useQueryState<TData>(key: string): QueryState<TData> | undefined {
-  return useSelect((x) => select<TData>(x, key), []);
-}
-
-export function useQuery<TData>(args: UseQueryArgs<TData>): QueryState<TData> {
-  const { key, queryFn } = args;
-  const state = useStateRef();
-  const dispatch = useDispatch();
-  const queryState = useQueryState<TData>(args.key);
-
-  useEffect(() => {
-    if (select(state.current, key)) {
-      return;
-    }
-
-    dispatch({ type: 'query_fetch', data: { key } });
-    queryFn()
-      .then((data) => dispatch({ type: 'query_resolve', data: { key, data: data as any } }))
-      .catch((error) => dispatch({ type: 'query_reject', data: { key, error } }));
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return queryState ?? INITIAL_QUERY_STATE;
-}

package/src/core/useRemoveMember.tsx

@@ -1,12 +0,0 @@
-import { useClient } from '../ChatifyContext';
-import { RemoveMemberRequest } from './models';
-import { useMutation } from './useMutation';
-
-export function useRemoveMember() {
-  const client = useClient();
-
-  return useMutation({
-    key: 'remove-member',
-    queryFn: (args: RemoveMemberRequest) => client.removeMember(args),
-  });
-}