@droppii-org/chat-sdk 0.0.20 → 0.0.22

package/dist/components/message/item/index.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import dayjs from "dayjs";
+import clsx from "clsx";
+import { Avatar } from "antd";
+import isToday from "dayjs/plugin/isToday";
+import { useChatContext } from "../../../context/ChatContext";
+import { MessageType, SessionType, } from "@openim/wasm-client-sdk";
+import TextMessageItem from "./TextMessage";
+import ImageMessageItem from "./ImageMessage";
+import FileMessageItem from "./FileMessage";
+import VideoMessageItem from "./VideoMessage";
+dayjs.extend(isToday);
+const MessageItem = ({ groupMessage }) => {
+    const { user } = useChatContext();
+    const messagesInGroup = (groupMessage === null || groupMessage === void 0 ? void 0 : groupMessage.messages) || [];
+    const isToday = dayjs(groupMessage === null || groupMessage === void 0 ? void 0 : groupMessage.sendTime).isToday();
+    const renderMessageByType = (message) => {
+        switch (message === null || message === void 0 ? void 0 : message.contentType) {
+            case MessageType.TextMessage:
+                return _jsx(TextMessageItem, { message: message });
+            case MessageType.PictureMessage:
+                return _jsx(ImageMessageItem, { message: message });
+            case MessageType.FileMessage:
+                return _jsx(FileMessageItem, { message: message });
+            case MessageType.VideoMessage:
+                return _jsx(VideoMessageItem, { message: message });
+            default:
+                return _jsx(TextMessageItem, { message: message });
+        }
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-2 my-4 mx-3 sm:mx-4", children: [_jsx("div", { className: "flex justify-center", children: _jsx("span", { className: "text-xs text-gray-600 text-center bg-neutral-100 px-2 py-1 rounded-full", children: dayjs(groupMessage === null || groupMessage === void 0 ? void 0 : groupMessage.sendTime).format(isToday ? "HH:mm" : "HH:mm, DD MMMM") }) }), messagesInGroup === null || messagesInGroup === void 0 ? void 0 : messagesInGroup.map((message, messageIndex) => {
+                var _a, _b, _c, _d;
+                const isMine = (message === null || message === void 0 ? void 0 : message.sendID) === (user === null || user === void 0 ? void 0 : user.userID);
+                const showAvatar = messageIndex === messagesInGroup.length - 1;
+                const showSenderName = messageIndex === 0 && (message === null || message === void 0 ? void 0 : message.sessionType) === SessionType.Group;
+                return (_jsx("div", { className: clsx("flex", isMine ? "justify-end" : "justify-start"), children: _jsxs("div", { className: clsx("flex flex-1 items-end gap-2", isMine ? "justify-end" : "justify-start"), children: [!isMine && (_jsx("div", { className: "flex items-center justify-center w-[32px] h-[32px]", children: showAvatar && (_jsx(Avatar, { children: ((_b = (_a = message === null || message === void 0 ? void 0 : message.senderNickname) === null || _a === void 0 ? void 0 : _a.charAt) === null || _b === void 0 ? void 0 : _b.call(_a, 0)) || "A" })) })), _jsxs("div", { className: "flex flex-col items-end flex-[0.8]", children: [!isMine && showSenderName && (_jsx("span", { className: "text-xs text-gray-500 mb-1 px-3", children: message === null || message === void 0 ? void 0 : message.senderNickname })), _jsxs("div", { className: clsx("px-3 py-2 rounded-2xl max-w-full break-words flex flex-col flex-1 text-gray-900 gap-1", isMine ? "bg-blue-100" : "bg-gray-100"), children: [(message === null || message === void 0 ? void 0 : message.contentType) === MessageType.MergeMessage ? (_jsxs("div", { children: [(_d = (_c = message === null || message === void 0 ? void 0 : message.mergeElem) === null || _c === void 0 ? void 0 : _c.multiMessage) === null || _d === void 0 ? void 0 : _d.map((item) => {
+                                                        return renderMessageByType(item);
+                                                    }), (message === null || message === void 0 ? void 0 : message.textElem) && (_jsx(TextMessageItem, { message: message }))] })) : (renderMessageByType(message)), _jsx("span", { className: clsx("text-xs text-gray-500 text-right text-gray-500"), children: dayjs(message === null || message === void 0 ? void 0 : message.sendTime).format("HH:mm") })] })] })] }) }, message === null || message === void 0 ? void 0 : message.clientMsgID));
+            })] }, groupMessage === null || groupMessage === void 0 ? void 0 : groupMessage.groupMessageID));
+};
+export default MessageItem;

package/dist/context/ChatContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/context/ChatContext.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,eAAe,EACf,iBAAiB,EAElB,MAAM,eAAe,CAAC;AAGvB,eAAO,MAAM,WAAW,0CAGtB,CAAC;AAEH,eAAO,MAAM,cAAc,uBAAgC,CAAC;AAE5D,eAAO,MAAM,YAAY,GAAI,qCAI1B,iBAAiB,4CAyEnB,CAAC"}
+{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/context/ChatContext.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,eAAe,EACf,iBAAiB,EAElB,MAAM,eAAe,CAAC;AAIvB,eAAO,MAAM,WAAW,0CAGtB,CAAC;AAEH,eAAO,MAAM,cAAc,uBAAgC,CAAC;AAE5D,eAAO,MAAM,YAAY,GAAI,qCAI1B,iBAAiB,4CA6EnB,CAAC"}

package/dist/context/ChatContext.js

@@ -4,6 +4,7 @@ import { createContext, useContext, useEffect, useState } from "react";
 import { CbEvents } from "@openim/wasm-client-sdk";
 import { ConnectStatus, } from "../types/chat";
 import { DChatSDK } from "../constants/sdk";
+import MainLayout from "../layout";
 export const ChatContext = createContext({
     user: null,
     connectStatus: ConnectStatus.Disconnected,
@@ -22,16 +23,20 @@ export const ChatProvider = ({ children, config, refetchToken, }) => {
         });
     };
     const handleLogin = (newToken) => {
-        DChatSDK.login(Object.assign(Object.assign({}, config), { token: newToken || config.token }))
-            .then((res) => {
-            getUserInfo();
-        })
-            .catch(({ errCode, errMsg }) => {
-            console.log("handleLogin", errCode, errMsg);
-        });
+        if (config) {
+            DChatSDK.login(Object.assign(Object.assign({}, config), { token: newToken || config.token }))
+                .then((res) => {
+                getUserInfo();
+            })
+                .catch(({ errCode, errMsg }) => {
+                console.log("handleLogin", errCode, errMsg);
+            });
+        }
     };
     useEffect(() => {
-        handleLogin();
+        if (config) {
+            handleLogin();
+        }
     }, [config]);
     useEffect(() => {
         DChatSDK.on(CbEvents.OnUserTokenExpired, () => {
@@ -67,5 +72,5 @@ export const ChatProvider = ({ children, config, refetchToken, }) => {
             DChatSDK.off(CbEvents.OnConnecting, () => { });
         };
     }, [refetchToken]);
-    return (_jsx(ChatContext.Provider, { value: { user, connectStatus }, children: children }));
+    return (_jsx(ChatContext.Provider, { value: { user, connectStatus }, children: _jsx(MainLayout, { children: children }) }));
 };

package/dist/hooks/conversation/useConversation.d.ts

@@ -2,6 +2,7 @@ import { ConversationItem, SessionType } from "@openim/wasm-client-sdk";
 export declare const useConversationList: (selectedThreadId?: string) => {
     conversationList: ConversationItem[];
     getAllConversationList: () => Promise<void>;
+    markConversationMessageAsRead: (conversationId: string) => void;
 };
 export declare const useConversationDetail: ({ sourceID, sessionType, }: {
     sourceID: string;

package/dist/hooks/conversation/useConversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useConversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useConversation.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,WAAW,EAEZ,MAAM,yBAAyB,CAAC;AAIjC,eAAO,MAAM,mBAAmB,GAAI,mBAAmB,MAAM;;;CA0C5D,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,4BAGnC;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;CAC1B;;CAuBA,CAAC"}
+{"version":3,"file":"useConversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useConversation.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,WAAW,EAEZ,MAAM,yBAAyB,CAAC;AAIjC,eAAO,MAAM,mBAAmB,GAAI,mBAAmB,MAAM;;;oDAgBxC,MAAM;CA+C1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,4BAGnC;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;CAC1B;;CAuBA,CAAC"}

package/dist/hooks/conversation/useConversation.js

@@ -12,27 +12,43 @@ export const useConversationList = (selectedThreadId) => {
             console.log("getAllConversationList", err);
         });
     }, []);
+    const markConversationMessageAsRead = useCallback((conversationId) => {
+        if (!conversationId)
+            return;
+        DChatSDK.markConversationMessageAsRead(conversationId)
+            .then()
+            .catch(({ errCode, errMsg }) => {
+            // Failed call
+        });
+    }, []);
     useEffect(() => {
         getAllConversationList();
     }, [getAllConversationList]);
     useEffect(() => {
-        DChatSDK.on(CbEvents.OnConversationChanged, ({ data }) => {
-            setConversationList(data);
-        });
+        const handler = ({ data }) => {
+            setConversationList((prev) => {
+                // Tạo map để cập nhật
+                const map = new Map(prev.map((c) => [c.conversationID, c]));
+                data.forEach((changed) => {
+                    map.set(changed.conversationID, changed);
+                });
+                return Array.from(map.values());
+            });
+        };
+        DChatSDK.on(CbEvents.OnConversationChanged, handler);
         return () => {
-            DChatSDK.off(CbEvents.OnConversationChanged, () => { });
+            DChatSDK.off(CbEvents.OnConversationChanged, handler);
         };
     }, []);
     useEffect(() => {
         if (selectedThreadId) {
-            DChatSDK.markConversationMessageAsRead(selectedThreadId).catch(({ errCode, errMsg }) => {
-                console.error("Failed to mark messages as read", errCode, errMsg);
-            });
+            markConversationMessageAsRead(selectedThreadId);
         }
-    }, [selectedThreadId]);
+    }, [selectedThreadId, markConversationMessageAsRead]);
     return {
         conversationList,
         getAllConversationList,
+        markConversationMessageAsRead,
     };
 };
 export const useConversationDetail = ({ sourceID, sessionType, }) => {

package/dist/hooks/conversation/useConversationStore.d.ts

@@ -0,0 +1,12 @@
+import { ConversationItem } from "@openim/wasm-client-sdk";
+interface ConversationStore {
+    conversationData: ConversationItem | null;
+    setConversationData: (data: ConversationItem) => void;
+    selectedThreadId: string;
+    selectedSourceId: string;
+    setSelectedThreadId: (threadId: string) => void;
+    setSelectedSourceId: (sourceId: string) => void;
+}
+declare const useConversationStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ConversationStore>>;
+export default useConversationStore;
+//# sourceMappingURL=useConversationStore.d.ts.map

package/dist/hooks/conversation/useConversationStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConversationStore.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useConversationStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAG3D,UAAU,iBAAiB;IACzB,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,mBAAmB,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACtD,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,QAAA,MAAM,oBAAoB,gFAOvB,CAAC;AAEJ,eAAe,oBAAoB,CAAC"}

package/dist/hooks/conversation/useConversationStore.js

@@ -0,0 +1,10 @@
+import { create } from "zustand";
+const useConversationStore = create((set) => ({
+    conversationData: null,
+    setConversationData: (data) => set({ conversationData: data }),
+    selectedThreadId: "",
+    setSelectedThreadId: (threadId) => set({ selectedThreadId: threadId }),
+    selectedSourceId: "",
+    setSelectedSourceId: (sourceId) => set({ selectedSourceId: sourceId }),
+}));
+export default useConversationStore;

package/dist/hooks/global/useGlobalEvent.d.ts

@@ -0,0 +1,2 @@
+export declare const useGlobalEvent: () => void;
+//# sourceMappingURL=useGlobalEvent.d.ts.map

package/dist/hooks/global/useGlobalEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGlobalEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/global/useGlobalEvent.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,cAAc,YAqF1B,CAAC"}

package/dist/hooks/global/useGlobalEvent.js

@@ -0,0 +1,78 @@
+import { useEffect } from "react";
+import { DChatSDK } from "../../constants/sdk";
+import { CbEvents, MessageType, SessionType, } from "@openim/wasm-client-sdk";
+import { CustomType } from "../../types/chat";
+import { pushNewMessage, updateOneMessage } from "../message/useMessage";
+import { useChatContext } from "../../context/ChatContext";
+import useConversationStore from "../conversation/useConversationStore";
+const notPushType = [MessageType.TypingMessage, MessageType.RevokeMessage];
+export const useGlobalEvent = () => {
+    const { user } = useChatContext();
+    const selectedSourceId = useConversationStore((state) => state.selectedSourceId);
+    const revokedMessageHandler = ({ data }) => {
+        updateOneMessage({
+            clientMsgID: data.clientMsgID,
+            contentType: MessageType.RevokeMessage,
+            notificationElem: {
+                detail: JSON.stringify(data),
+            },
+        });
+    };
+    const inCurrentConversation = (newServerMsg) => {
+        switch (newServerMsg.sessionType) {
+            case SessionType.Single:
+                return (newServerMsg.sendID === selectedSourceId ||
+                    ((user === null || user === void 0 ? void 0 : user.userID) && newServerMsg.recvID === selectedSourceId));
+            case SessionType.Group:
+            case SessionType.WorkingGroup:
+                return newServerMsg.groupID === selectedSourceId;
+            case SessionType.Notification:
+                return newServerMsg.sendID === selectedSourceId;
+            default:
+                return false;
+        }
+    };
+    const handleNewMessage = (newServerMsg) => {
+        if (newServerMsg.contentType === MessageType.CustomMessage) {
+            const customData = JSON.parse(newServerMsg.customElem.data);
+            if (CustomType.CallingInvite <= customData.customType &&
+                customData.customType <= CustomType.CallingHungup) {
+                return;
+            }
+        }
+        if (!inCurrentConversation(newServerMsg))
+            return;
+        if (!notPushType.includes(newServerMsg.contentType)) {
+            pushNewMessage(newServerMsg);
+        }
+    };
+    const newMessageHandler = ({ data }) => {
+        data.map((message) => handleNewMessage(message));
+    };
+    const loginCheck = async () => {
+        // check openIM token and user info
+    };
+    const setIMListener = () => {
+        // message
+        DChatSDK.on(CbEvents.OnRecvNewMessages, newMessageHandler);
+        DChatSDK.on(CbEvents.OnNewRecvMessageRevoked, revokedMessageHandler);
+    };
+    const disposeIMListener = () => {
+        // message
+        DChatSDK.off(CbEvents.OnRecvNewMessages, newMessageHandler);
+    };
+    /** LIFE CYCLE */
+    useEffect(() => {
+        loginCheck();
+        setIMListener();
+        window.addEventListener("online", () => {
+            DChatSDK.networkStatusChanged();
+        });
+        window.addEventListener("offline", () => {
+            DChatSDK.networkStatusChanged();
+        });
+        return () => {
+            disposeIMListener();
+        };
+    }, []);
+};

package/dist/hooks/message/useMessage.d.ts

@@ -1,12 +1,21 @@
 import { MessageItem } from "@openim/wasm-client-sdk";
 import { GroupMessageItem } from "../../types/chat";
-export declare const useMessage: (conversationId?: string) => {
-    groupMessages: GroupMessageItem[];
-    refetch: () => void;
-    markConversationMessageAsRead: (message?: MessageItem) => void;
-    isEnd?: boolean | undefined;
-    errCode?: number | undefined;
-    errMsg?: string | undefined;
-    messageList?: MessageItem[] | undefined;
+export declare const useMessage: (conversationId: string) => {
+    loadState: {
+        initLoading: boolean;
+        hasMoreOld: boolean;
+        messageList: MessageItem[];
+        groupMessageList: GroupMessageItem[];
+    };
+    latestLoadState: import("react").RefObject<{
+        initLoading: boolean;
+        hasMoreOld: boolean;
+        messageList: MessageItem[];
+        groupMessageList: GroupMessageItem[];
+    }>;
+    moreOldLoading: boolean;
+    getMoreOldMessages: (loadMore?: any) => Promise<void>;
 };
+export declare const pushNewMessage: (message: MessageItem) => void;
+export declare const updateOneMessage: (message: MessageItem) => void;
 //# sourceMappingURL=useMessage.d.ts.map

package/dist/hooks/message/useMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessage.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,WAAW,EACZ,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAqB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEvE,eAAO,MAAM,UAAU,GAAI,iBAAiB,MAAM;;;8CAgEnC,WAAW;;;;;CA8BzB,CAAC"}
+{"version":3,"file":"useMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessage.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAqB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAOvE,eAAO,MAAM,UAAU,GAAI,gBAAgB,MAAM;;;;qBAI1B,WAAW,EAAE;0BACR,gBAAgB,EAAE;;;;;qBADvB,WAAW,EAAE;0BACR,gBAAgB,EAAE;;;;CA8I7C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,SACpB,CAAC;AAChC,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,SACpB,CAAC"}

package/dist/hooks/message/useMessage.js

@@ -1,13 +1,22 @@
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { ViewType, CbEvents, } from "@openim/wasm-client-sdk";
+import { useEffect, useState } from "react";
+import { ViewType } from "@openim/wasm-client-sdk";
 import { DChatSDK } from "../../constants/sdk";
+import { v4 as uuidv4 } from "uuid";
+import { useLatest, useRequest } from "ahooks";
+import emitter, { emit } from "../../utils/events";
+const PAGE_SIZE = 50;
 export const useMessage = (conversationId) => {
-    const [dataMessages, setDataMessages] = useState(null);
-    const groupMessages = useMemo(() => {
-        var _a;
-        if (!dataMessages || !(dataMessages === null || dataMessages === void 0 ? void 0 : dataMessages.messageList))
+    const [loadState, setLoadState] = useState({
+        initLoading: true,
+        hasMoreOld: true,
+        messageList: [],
+        groupMessageList: [],
+    });
+    const latestLoadState = useLatest(loadState);
+    const parseGroupMessageList = (messageList) => {
+        if (!messageList)
             return [];
-        const mGroupMessages = (_a = dataMessages === null || dataMessages === void 0 ? void 0 : dataMessages.messageList) === null || _a === void 0 ? void 0 : _a.reduce((acc, cur) => {
+        const mGroupMessages = messageList === null || messageList === void 0 ? void 0 : messageList.reduce((acc, cur) => {
             const extendMessageInfo = JSON.parse((cur === null || cur === void 0 ? void 0 : cur.ex) || "{}");
             if (extendMessageInfo === null || extendMessageInfo === void 0 ? void 0 : extendMessageInfo.groupMessageID) {
                 const findGroupMessageIndex = acc.findIndex((item) => item.groupMessageID === (extendMessageInfo === null || extendMessageInfo === void 0 ? void 0 : extendMessageInfo.groupMessageID));
@@ -23,56 +32,93 @@ export const useMessage = (conversationId) => {
                     acc[findGroupMessageIndex].messages.push(cur);
                 }
             }
+            else {
+                acc.push({
+                    groupMessageID: uuidv4(),
+                    messages: [cur],
+                    sendID: cur.sendID,
+                    sendTime: cur.sendTime,
+                });
+            }
             return acc;
         }, []);
         return mGroupMessages;
-    }, [dataMessages]);
-    console.log("groupMessages", groupMessages);
-    const getAdvancedHistoryMessageList = useCallback(() => {
-        if (!conversationId)
-            return;
-        DChatSDK.getSelfUserInfo()
-            .then(({ data }) => {
-            console.log("getSelfUserInfo", data);
-        })
-            .catch(({ errCode, errMsg }) => {
-            console.log("getSelfUserInfo", errCode, errMsg);
-        });
-        DChatSDK.getAdvancedHistoryMessageList({
-            conversationID: conversationId,
-            count: 1000,
-            startClientMsgID: "",
+    };
+    const { loading: moreOldLoading, runAsync: getMoreOldMessages } = useRequest(async (loadMore = true) => {
+        var _a, _b;
+        const reqConversationID = conversationId;
+        const { data } = await DChatSDK.getAdvancedHistoryMessageList({
+            count: PAGE_SIZE,
+            startClientMsgID: loadMore
+                ? ((_b = (_a = latestLoadState.current) === null || _a === void 0 ? void 0 : _a.messageList[0]) === null || _b === void 0 ? void 0 : _b.clientMsgID) || ""
+                : "",
+            conversationID: conversationId !== null && conversationId !== void 0 ? conversationId : "",
             viewType: ViewType.History,
-        })
-            .then(({ data }) => {
-            setDataMessages(data);
-        })
-            .catch((err) => {
-            console.log("getAdvancedHistoryMessageList", err);
         });
-    }, [conversationId]);
-    const onRecvNewMessages = useCallback((data) => {
-        getAdvancedHistoryMessageList();
-    }, [getAdvancedHistoryMessageList]);
-    const markConversationMessageAsRead = useCallback((message) => {
-        if (!conversationId)
+        if (conversationId !== reqConversationID)
             return;
-        DChatSDK.markConversationMessageAsRead(conversationId)
-            .then()
-            .catch(({ errCode, errMsg }) => {
-            // Failed call
-        });
-    }, [conversationId]);
+        setTimeout(() => setLoadState((preState) => {
+            const messageList = [
+                ...data.messageList,
+                ...(loadMore ? preState.messageList : []),
+            ];
+            const groupMessageList = parseGroupMessageList(messageList);
+            return Object.assign(Object.assign({}, preState), { initLoading: false, hasMoreOld: !data.isEnd, messageList,
+                groupMessageList });
+        }));
+    }, {
+        manual: true,
+    });
+    const loadHistoryMessages = () => getMoreOldMessages(false);
     useEffect(() => {
-        getAdvancedHistoryMessageList();
-    }, [getAdvancedHistoryMessageList]);
+        const pushNewMessage = (message) => {
+            var _a, _b;
+            if ((_b = (_a = latestLoadState.current) === null || _a === void 0 ? void 0 : _a.messageList) === null || _b === void 0 ? void 0 : _b.find((item) => item.clientMsgID === message.clientMsgID)) {
+                return;
+            }
+            setLoadState((preState) => {
+                const messageList = [...preState.messageList, message];
+                const groupMessageList = parseGroupMessageList(messageList);
+                return Object.assign(Object.assign({}, preState), { messageList,
+                    groupMessageList });
+            });
+        };
+        const updateOneMessage = (message) => {
+            setLoadState((preState) => {
+                const tmpList = [...preState.messageList];
+                const idx = tmpList.findIndex((msg) => msg.clientMsgID === message.clientMsgID);
+                if (idx < 0) {
+                    return preState;
+                }
+                tmpList[idx] = Object.assign(Object.assign({}, tmpList[idx]), message);
+                const groupMessageList = parseGroupMessageList(tmpList);
+                return Object.assign(Object.assign({}, preState), { messageList: tmpList, groupMessageList });
+            });
+        };
+        emitter.on("PUSH_NEW_MSG", pushNewMessage);
+        emitter.on("UPDATE_ONE_MSG", updateOneMessage);
+        return () => {
+            emitter.off("PUSH_NEW_MSG", pushNewMessage);
+            emitter.off("UPDATE_ONE_MSG", updateOneMessage);
+        };
+    }, []);
     useEffect(() => {
-        DChatSDK.on(CbEvents.OnRecvNewMessages, ({ data }) => {
-            onRecvNewMessages(data);
-        });
+        loadHistoryMessages();
         return () => {
-            DChatSDK.off(CbEvents.OnRecvNewMessages, () => { });
+            setLoadState(() => ({
+                initLoading: true,
+                hasMoreOld: true,
+                messageList: [],
+                groupMessageList: [],
+            }));
         };
-    }, [onRecvNewMessages]);
-    return Object.assign(Object.assign({}, dataMessages), { groupMessages, refetch: getAdvancedHistoryMessageList, markConversationMessageAsRead });
+    }, [conversationId]);
+    return {
+        loadState,
+        latestLoadState,
+        moreOldLoading,
+        getMoreOldMessages,
+    };
 };
+export const pushNewMessage = (message) => emit("PUSH_NEW_MSG", message);
+export const updateOneMessage = (message) => emit("UPDATE_ONE_MSG", message);

package/dist/hooks/message/useSendMessage.d.ts

@@ -1,13 +1,25 @@
-import { MessageItem } from "@openim/wasm-client-sdk";
-import { ExtendMessageInfo } from "../../types/chat";
-interface SendMessageProps {
-    recvID: string;
-    groupID: string;
-}
+import { MergerMsgParams, MessageItem } from "@openim/wasm-client-sdk";
+import { ExtendMessageInfo, FileMsgParamsByFile, ImageMsgParamsByFile, VideoMsgParamsByFile } from "../../types/chat";
+import { UploadFile } from "antd";
 export declare const createTextMessage: (text: string) => Promise<MessageItem | null>;
-export declare const useSendMessage: (props: SendMessageProps) => {
-    sendTextMessage: (text: string, lastMessage?: MessageItem) => Promise<boolean>;
+export declare const createImageMessageByFile: (file: ImageMsgParamsByFile) => Promise<MessageItem | null>;
+export declare const createMergerMessage: (mergerMsgParams: MergerMsgParams) => Promise<MessageItem | null>;
+export declare const createVideoMessageByFile: (file: VideoMsgParamsByFile) => Promise<MessageItem | null>;
+export declare const createFileMessageByFile: (file: FileMsgParamsByFile) => Promise<MessageItem | null>;
+export declare const useSendMessage: (lastMessage?: MessageItem) => {
+    sendTextMessage: ({ plainText, richText, }: {
+        plainText: string;
+        richText: string;
+    }) => Promise<void>;
+    sendMergeMessage: ({ richText, plainText, files, }: {
+        richText: string;
+        plainText: string;
+        files: UploadFile[];
+    }) => Promise<void>;
 };
-export declare const generateExtendMessageInfo: (currentUserID: string, lastMessage?: MessageItem) => ExtendMessageInfo;
-export {};
+export declare const generateExtendMessageInfo: ({ richText, currentUserID, lastMessage, }: {
+    richText?: string;
+    currentUserID: string;
+    lastMessage?: MessageItem;
+}) => ExtendMessageInfo;
 //# sourceMappingURL=useSendMessage.d.ts.map

package/dist/hooks/message/useSendMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSendMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useSendMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAMrD,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,iBAAiB,GAAU,MAAM,MAAM,gCAanD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,gBAAgB;4BAKrC,MAAM,gBAAgB,WAAW;CAiCjD,CAAC;AAEF,eAAO,MAAM,yBAAyB,GACpC,eAAe,MAAM,EACrB,cAAc,WAAW,KAapB,iBACN,CAAC"}
+{"version":3,"file":"useSendMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useSendMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,WAAW,EAGZ,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,kBAAkB,CAAC;AAQ1B,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGlC,eAAO,MAAM,iBAAiB,GAAU,MAAM,MAAM,gCAanD,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAU,iBAAiB,eAAe,gCAazE,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAU,MAAM,mBAAmB,gCAatE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,cAAc,WAAW;gDAiCjD;QACD,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;KAClB;wDAwBE;QACD,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,UAAU,EAAE,CAAC;KACrB;CA4FJ,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,2CAIvC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,KAmBM,iBACN,CAAC"}