@webinex/chatify 1.0.0-rc2 → 1.0.1-rc3

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/types/ui/ChatName.d.ts

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

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

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

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

@@ -1,49 +0,0 @@
-import { CSSProperties, FC } from 'react';
-import { Localizer } from './localizer';
-import { Avatar } from './Avatar';
-import { ChatHeaderMembers } from './ChatHeaderMembers';
-import { ChatSettingsButton } from './ChatHeaderSettingsButton';
-import { Header } from './Header';
-import { AddChatButton } from './AddChatButton';
-import { Footer } from './Footer';
-import { ChatName } from './ChatName';
-import { ChatListItemBox, ChatListItemLastMessage, ChatListItemLastMessageAuthor, ChatListItemLastMessageContent, ChatListItemName, ChatListItemUnreadCount } from './ChatListItem';
-import { SendingMessage, SendingMessageContent, SendingMessageInfoBox, SendingMessageText } from './SendingMessage';
-import { MessageAuthor, MessageContent, MessageBox, MessageInfoBox, MessageReadObserver, MessageRow, MessageText } from './Message';
-import { Icon } from './Icon';
-import { SystemMessage } from './SystemMessage';
-export interface ChatifyCustomizeValue {
-    Avatar?: typeof Avatar.Component | null;
-    Header?: typeof Header.Component | null;
-    Footer?: typeof Footer.Component | null;
-    AddChatButton?: typeof AddChatButton.Component | null;
-    ChatHeaderMembers?: typeof ChatHeaderMembers.Component | null;
-    ChatSettingsButton?: typeof ChatSettingsButton.Component | null;
-    ChatName?: typeof ChatName.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;
-    SystemMessage?: typeof SystemMessage.Component | null;
-    SendingMessage?: typeof SendingMessage.Component | null;
-    SendingMessageBody?: typeof SendingMessageContent.Component | null;
-    SendingMessageInfoBox?: typeof SendingMessageInfoBox.Component | null;
-    SendingMessageText?: typeof SendingMessageText.Component | null;
-    MessageBox?: typeof MessageBox.Component | null;
-    MessageReadObserver?: typeof MessageReadObserver.Component | null;
-    MessageRow?: typeof MessageRow.Component | null;
-    MessageContent?: typeof MessageContent.Component | null;
-    MessageInfoBox?: typeof MessageInfoBox.Component | null;
-    MessageText?: typeof MessageText.Component | null;
-    MessageAuthor?: typeof MessageAuthor.Component | null;
-    Icon?: typeof Icon.Component | null;
-}
-export interface ChatifyProps {
-    className?: string;
-    style?: CSSProperties;
-    localizer?: Localizer;
-    customize?: ChatifyCustomizeValue;
-}
-export declare const Chatify: FC<ChatifyProps>;

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

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

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

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

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

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-export type IconType = 'attach' | 'send';
-export interface IconProps {
-    type: IconType;
-}
-export declare const ICONS: Record<IconType, React.ComponentType>;
-export declare const Icon: import("../util").Customizable<FC<IconProps>, string>;

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

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

package/dist/cjs/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/cjs/types/ui/Main.d.ts

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

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;
-      }),
-  });
-}