@webinex/chatify 2.0.0-build10 → 2.0.0-build2

package/src/ui/ChatGroup/ChatGroupPanel.tsx

@@ -4,7 +4,7 @@ import { CreateChatPanelCustomizeValue } from './Create';
 import { ChatGroupBody, ChatGroupFooter, ChatGroupHeader, ChatGroupLayoutCustomizeValue } from './Layout';
 import { ChatListCustomizeValue } from './List';
 import { ChatGroupContext, useChatGroupContext } from './ChatGroupContext';
-import { chatifyApi } from '../../core';
+import { useGetChatListQuery } from '../../core';
 import { CustomizeContext } from '../customize';
 import { ChatViewCustomizeValue } from '../Chat';
 
@@ -23,7 +23,7 @@ export interface ChatifyProps {
 
 function Content(props: Pick<ChatifyProps, 'className' | 'style'>) {
   const { className = '', style } = props;
-  const { data: chats } = chatifyApi.useGetChatListQuery();
+  const { data: chats } = useGetChatListQuery();
   const { openChat, none, chatId } = useChatGroupContext();
   const openFirstChatRef = useRef(false);
 

package/src/ui/ChatGroup/Create/CreateChatMemberInput.tsx

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { chatifyApi } from '../../../core';
+import { chatifyApi, useGetAccountListQuery } from '../../../core';
 import { customize } from '../../customize';
 import { Checkbox, Form, List } from 'antd';
 import { useLocalizer } from '../../localizer';
@@ -16,7 +16,7 @@ interface CheckboxListProps {
 
 function CheckboxList(props: CheckboxListProps) {
   const { value, onChange } = props;
-  const { data: accounts, isFetching } = chatifyApi.useGetAccountListQuery();
+  const { data: accounts, isFetching } = useGetAccountListQuery();
   const me = chatifyApi.settings.me();
   const dataSource = useMemo(() => accounts?.filter((x) => x.id !== me) ?? [], [accounts, me]);
 

package/src/ui/ChatGroup/Create/CreateChatPanel.tsx

@@ -1,4 +1,4 @@
-import { chatifyApi } from '../../../core';
+import { useAddChatMutation } from '../../../core';
 import { useCallback } from 'react';
 import { useLocalizer } from '../../localizer';
 import { CreateChatForm, CreateChatFormValue } from './CreateChatForm';
@@ -8,7 +8,7 @@ import { Icon } from '../../common/Icon';
 import { useChatGroupContext } from '../ChatGroupContext';
 
 function useSubmit() {
-  const [add, { isLoading }] = chatifyApi.useAddChatMutation();
+  const [add, { isLoading }] = useAddChatMutation();
   const { openChat } = useChatGroupContext();
 
   const onSubmit = useCallback(

package/src/ui/ChatGroup/Layout/ChatGroupMain.tsx

@@ -2,11 +2,11 @@ import { customize } from '../../customize';
 import { CreateChatPanel } from '../Create';
 import { ChatView } from '../../Chat';
 import { useChatGroupContext } from '../ChatGroupContext';
-import { chatifyApi } from '../../../core';
+import { useChatListItem } from '../../../core';
 
 export const ChatGroupMain = customize('ChatGroupMain', () => {
   const { chatId, view } = useChatGroupContext();
-  const chat = chatifyApi.useChatListItem(chatId);
+  const chat = useChatListItem(chatId);
 
   return (
     <div className="wxchtf-main">

package/src/ui/ChatGroup/List/ChatList.tsx

@@ -1,7 +1,7 @@
 import { Menu, MenuProps } from 'antd';
 import { useCallback, useMemo } from 'react';
 import type { MenuItemType } from 'antd/es/menu/hooks/useItems';
-import { chatifyApi } from '../../../core';
+import { useGetChatListQuery } from '../../../core';
 import { ChatListItemBox } from './ChatListItemBox';
 import { customize } from '../../customize';
 import { useChatGroupContext } from '../ChatGroupContext';
@@ -16,7 +16,7 @@ function useOnSelect() {
 }
 
 function useMenuItems() {
-  const { data: chats } = chatifyApi.useGetChatListQuery();
+  const { data: chats } = useGetChatListQuery();
 
   return useMemo<MenuItemType[] | undefined>(() => {
     return chats

package/src/ui/Conversation/NextObserver/NextMessagesObserver.tsx

@@ -10,13 +10,13 @@ export function NextMessagesObserver(props: NextMessagesObserverProps) {
   const { onLoad, loading } = props;
   const [intersecting, setIntersecting] = useState(false);
   const ref = useRef<HTMLDivElement | null>(null);
-  const timerRef = useRef<number>();
+  const timerRef = useRef<NodeJS.Timer>();
 
   const observer = useMemo(
     () =>
       new IntersectionObserver(([entry]) => {
         if (entry.isIntersecting) {
-          timerRef.current = window.setTimeout(() => setIntersecting(true), 200);
+          timerRef.current = setTimeout(() => setIntersecting(true), 200);
         } else {
           clearTimeout(timerRef.current!);
         }

package/src/ui/Thread/ThreadPanel.tsx

@@ -1,5 +1,16 @@
 import { useCallback, useEffect, useMemo } from 'react';
-import { MessageBody, chatifyApi, parseThreadMessageId } from '../../core';
+import {
+  MessageBody,
+  chatifyApi,
+  parseThreadMessageId,
+  useFetchNextThreadMessageListMutation,
+  useGetThreadMessageListQuery,
+  useGetThreadMessageReadQueueQuery,
+  useGetThreadQuery,
+  useReadThreadMessageMutation,
+  useSendThreadMessageMutation,
+  useWatchThreadMutation,
+} from '../../core';
 import { Conversation, ConversationCustomizeValue, ConversationProps } from '../Conversation';
 import { ThreadContext, ThreadContextValue } from './ThreadContext';
 import { Localizer, LocalizerContext, defaultLocalizer } from '../localizer';
@@ -20,24 +31,24 @@ export interface ThreadPanelProps {
 
 function usePanelState(props: ThreadPanelProps) {
   const { threadId } = props;
-  const { data: thread } = chatifyApi.useGetThreadQuery({ id: threadId });
-  const { data: messageList } = chatifyApi.useGetThreadMessageListQuery({ threadId });
+  const { data: thread } = useGetThreadQuery({ id: threadId });
+  const { data: messageList } = useGetThreadMessageListQuery({ threadId });
   const { id, name, archive, lastReadMessageId, watch } = thread ?? {};
   const { messages, hasMore } = messageList ?? {};
 
-  const [read] = chatifyApi.useReadThreadMessageMutation();
+  const [read] = useReadThreadMessageMutation();
   const onRead = useCallback((id: string) => read({ id }), [read]);
 
-  const [fetchNext, { isLoading: isFetchNextLoading }] = chatifyApi.useFetchNextThreadMessageListMutation();
+  const [fetchNext, { isLoading: isFetchNextLoading }] = useFetchNextThreadMessageListMutation();
   const onNext = useCallback(() => fetchNext({ threadId }), [fetchNext, threadId]);
 
-  const [send] = chatifyApi.useSendThreadMessageMutation();
+  const [send] = useSendThreadMessageMutation();
   const onSend = useCallback(
     (message: MessageBody) => send({ body: message, threadId }).unwrap(),
     [threadId, send],
   );
 
-  const { data: readQueue } = chatifyApi.useGetThreadMessageReadQueueQuery();
+  const { data: readQueue } = useGetThreadMessageReadQueueQuery();
 
   const conversation = useMemo(() => {
     if (!id) {
@@ -75,7 +86,7 @@ function usePanelState(props: ThreadPanelProps) {
     watch,
   ]);
 
-  const [watchThread] = chatifyApi.useWatchThreadMutation();
+  const [watchThread] = useWatchThreadMutation();
 
   const threadContext = useMemo<ThreadContextValue | null>(
     () =>