@droppii-org/chat-sdk 0.0.26 → 0.0.28

package/dist/hooks/conversation/useConversation.js

@@ -1,55 +1,17 @@
-import { CbEvents, } from "@openim/wasm-client-sdk";
-import { useCallback, useEffect, useState } from "react";
+import { SessionType } from "@openim/wasm-client-sdk";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { DChatSDK } from "../../constants/sdk";
-export const useConversationList = (selectedThreadId) => {
-    const [conversationList, setConversationList] = useState([]);
-    const getAllConversationList = useCallback(async () => {
-        DChatSDK.getAllConversationList()
-            .then(({ data }) => {
-            setConversationList(data);
-        })
-            .catch((err) => {
-            console.log("getAllConversationList", err);
-        });
-    }, []);
-    const markConversationMessageAsRead = useCallback((conversationId) => {
-        if (!conversationId)
-            return;
-        DChatSDK.markConversationMessageAsRead(conversationId)
-            .then()
-            .catch(({ errCode, errMsg }) => {
-            // Failed call
-        });
-    }, []);
-    useEffect(() => {
-        getAllConversationList();
-    }, [getAllConversationList]);
-    useEffect(() => {
-        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, handler);
-        };
-    }, []);
-    useEffect(() => {
-        if (selectedThreadId) {
-            markConversationMessageAsRead(selectedThreadId);
-        }
-    }, [selectedThreadId, markConversationMessageAsRead]);
-    return {
-        conversationList,
-        getAllConversationList,
-        markConversationMessageAsRead,
-    };
+import useUsersInfoStore from "../../store/usersInfo";
+import { extractUserIdsFromConversations } from "../user/useUsersInfo";
+import { useChatContext } from "../../context/ChatContext";
+export const markConversationMessageAsRead = (conversationId) => {
+    if (!conversationId)
+        return;
+    DChatSDK.markConversationMessageAsRead(conversationId)
+        .then()
+        .catch(({ errCode, errMsg }) => {
+        console.error("markConversationMessageAsRead", errCode, errMsg);
+    });
 };
 export const useConversationDetail = ({ sourceID, sessionType, }) => {
     const [conversationDetail, setConversationDetail] = useState(null);
@@ -62,7 +24,7 @@ export const useConversationDetail = ({ sourceID, sessionType, }) => {
             setConversationDetail(data);
         })
             .catch((err) => {
-            console.log("getOneConversation", err);
+            console.error("getOneConversation", err);
         });
     }, [sourceID, sessionType]);
     useEffect(() => {
@@ -72,3 +34,36 @@ export const useConversationDetail = ({ sourceID, sessionType, }) => {
         conversationDetail,
     };
 };
+export const useConversationDisplayData = (conversation) => {
+    const { user } = useChatContext();
+    const usersInfo = useUsersInfoStore((state) => state.usersInfo);
+    const userInfo = useMemo(() => {
+        var _a;
+        if (!conversation)
+            return null;
+        const userId = (_a = extractUserIdsFromConversations([conversation])) === null || _a === void 0 ? void 0 : _a[0];
+        return usersInfo === null || usersInfo === void 0 ? void 0 : usersInfo[userId];
+    }, [conversation, usersInfo]);
+    const conversationDisplayData = useMemo(() => {
+        var _a, _b, _c, _d, _e;
+        if (!conversation)
+            return null;
+        const exConversationInfo = JSON.parse(conversation.ex || "{}");
+        const sessionInfo = exConversationInfo === null || exConversationInfo === void 0 ? void 0 : exConversationInfo.sessionInfo;
+        const isSupportGroup = conversation.conversationType === SessionType.Group &&
+            !!(sessionInfo === null || sessionInfo === void 0 ? void 0 : sessionInfo.data);
+        const isOwnerGroup = isSupportGroup && ((_a = sessionInfo === null || sessionInfo === void 0 ? void 0 : sessionInfo.data) === null || _a === void 0 ? void 0 : _a.ownerId) === (user === null || user === void 0 ? void 0 : user.userID);
+        const exUserInfo = JSON.parse((userInfo === null || userInfo === void 0 ? void 0 : userInfo.ex) || "{}");
+        return {
+            avatar: isSupportGroup && !isOwnerGroup
+                ? userInfo === null || userInfo === void 0 ? void 0 : userInfo.faceURL
+                : conversation === null || conversation === void 0 ? void 0 : conversation.faceURL,
+            displayName: isSupportGroup && !isOwnerGroup
+                ? `${userInfo === null || userInfo === void 0 ? void 0 : userInfo.nickname}${((_c = (_b = exUserInfo === null || exUserInfo === void 0 ? void 0 : exUserInfo.userInfo) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.username)
+                    ? ` (${(_e = (_d = exUserInfo === null || exUserInfo === void 0 ? void 0 : exUserInfo.userInfo) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.username})`
+                    : ""}`
+                : conversation === null || conversation === void 0 ? void 0 : conversation.showName,
+        };
+    }, [conversation, userInfo]);
+    return Object.assign({}, conversationDisplayData);
+};

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

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

package/dist/hooks/global/useGlobalEvent.js

@@ -1,14 +1,16 @@
 import { useEffect } from "react";
 import { DChatSDK } from "../../constants/sdk";
 import { CbEvents, MessageType, SessionType, } from "@openim/wasm-client-sdk";
-import { CustomType } from "../../types/chat";
+import { ConnectStatus, CustomType, SyncStatus } from "../../types/chat";
 import { pushNewMessage, updateOneMessage } from "../message/useMessage";
 import { useChatContext } from "../../context/ChatContext";
-import useConversationStore from "../conversation/useConversationStore";
+import useConversationStore from "../../store/conversation";
 const notPushType = [MessageType.TypingMessage, MessageType.RevokeMessage];
 export const useGlobalEvent = () => {
     const { user } = useChatContext();
-    const selectedSourceId = useConversationStore((state) => state.selectedSourceId);
+    const { updateConnectStatus, updateSyncStatus } = useChatContext();
+    const updateConversationList = useConversationStore((state) => state.updateConversationList);
+    const getConversationListByReq = useConversationStore((state) => state.getConversationListByReq);
     const revokedMessageHandler = ({ data }) => {
         updateOneMessage({
             clientMsgID: data.clientMsgID,
@@ -19,6 +21,7 @@ export const useGlobalEvent = () => {
         });
     };
     const inCurrentConversation = (newServerMsg) => {
+        const selectedSourceId = useConversationStore.getState().selectedSourceId;
         switch (newServerMsg.sessionType) {
             case SessionType.Single:
                 return (newServerMsg.sendID === selectedSourceId ||
@@ -52,14 +55,74 @@ export const useGlobalEvent = () => {
     const loginCheck = async () => {
         // check openIM token and user info
     };
+    const connectingHandler = () => {
+        updateConnectStatus(ConnectStatus.Connecting);
+    };
+    const connectSuccessHandler = () => {
+        updateConnectStatus(ConnectStatus.Connected);
+    };
+    const connectFailedHandler = () => {
+        updateConnectStatus(ConnectStatus.Disconnected);
+    };
+    const userTokenHandler = () => {
+        useChatContext().userTokenHandler();
+    };
+    const syncStartHandler = ({ data }) => {
+        updateSyncStatus(SyncStatus.Loading);
+    };
+    const syncFinishHandler = () => {
+        updateSyncStatus(SyncStatus.Success);
+        // getFriendListByReq();
+        // getGroupListByReq();
+        getConversationListByReq(false);
+        // getUnReadCountByReq();
+    };
+    const syncFailedHandler = () => {
+        updateSyncStatus(SyncStatus.Failed);
+    };
     const setIMListener = () => {
+        //account
+        DChatSDK.on(CbEvents.OnUserTokenExpired, userTokenHandler);
+        DChatSDK.on(CbEvents.OnUserTokenInvalid, userTokenHandler);
+        DChatSDK.on(CbEvents.OnConnecting, connectingHandler);
+        DChatSDK.on(CbEvents.OnConnectSuccess, connectSuccessHandler);
+        DChatSDK.on(CbEvents.OnConnectFailed, connectFailedHandler);
+        // sync
+        DChatSDK.on(CbEvents.OnSyncServerStart, syncStartHandler);
+        // DChatSDK.on(CbEvents.OnSyncServerProgress, syncProgressHandler);
+        DChatSDK.on(CbEvents.OnSyncServerFinish, syncFinishHandler);
+        DChatSDK.on(CbEvents.OnSyncServerFailed, syncFailedHandler);
         // message
         DChatSDK.on(CbEvents.OnRecvNewMessages, newMessageHandler);
         DChatSDK.on(CbEvents.OnNewRecvMessageRevoked, revokedMessageHandler);
+        // conversation
+        DChatSDK.on(CbEvents.OnConversationChanged, conversationChangeHandler);
+        DChatSDK.on(CbEvents.OnNewConversation, newConversationHandler);
     };
     const disposeIMListener = () => {
+        //account
+        DChatSDK.off(CbEvents.OnUserTokenExpired, userTokenHandler);
+        DChatSDK.off(CbEvents.OnUserTokenInvalid, userTokenHandler);
+        DChatSDK.off(CbEvents.OnConnecting, connectingHandler);
+        DChatSDK.off(CbEvents.OnConnectSuccess, connectSuccessHandler);
+        DChatSDK.off(CbEvents.OnConnectFailed, connectFailedHandler);
+        // sync
+        DChatSDK.off(CbEvents.OnSyncServerStart, syncStartHandler);
+        // DChatSDK.off(CbEvents.OnSyncServerProgress, syncProgressHandler);
+        DChatSDK.off(CbEvents.OnSyncServerFinish, syncFinishHandler);
+        DChatSDK.off(CbEvents.OnSyncServerFailed, syncFailedHandler);
         // message
         DChatSDK.off(CbEvents.OnRecvNewMessages, newMessageHandler);
+        // conversation
+        DChatSDK.off(CbEvents.OnConversationChanged, conversationChangeHandler);
+        DChatSDK.off(CbEvents.OnNewConversation, newConversationHandler);
+    };
+    // conversation
+    const conversationChangeHandler = ({ data }) => {
+        updateConversationList(data, "filter");
+    };
+    const newConversationHandler = ({ data }) => {
+        updateConversationList(data, "push");
     };
     /** LIFE CYCLE */
     useEffect(() => {

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,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;CAwIJ,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,KAoBM,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;AAO1B,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAIlC,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;CAwIJ,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,KAoBM,iBACN,CAAC"}

package/dist/hooks/message/useSendMessage.js

@@ -6,7 +6,7 @@ import { useChatContext } from "../../context/ChatContext";
 import { useCallback } from "react";
 import { pushNewMessage, updateOneMessage } from "./useMessage";
 import { emit } from "../../utils/events";
-import useConversationStore from "../conversation/useConversationStore";
+import useConversationStore from "../../store/conversation";
 export const createTextMessage = async (text) => {
     let textMessage = await DChatSDK.createTextMessage(text, new Date().getTime().toString())
         .then(({ data }) => {

package/dist/hooks/user/useUsersInfo.d.ts

@@ -0,0 +1,4 @@
+import { ConversationItem } from "@openim/wasm-client-sdk";
+export declare const extractUserIdsFromConversations: (conversations: ConversationItem[]) => string[];
+export declare const useSyncUsersInfo: () => void;
+//# sourceMappingURL=useUsersInfo.d.ts.map

package/dist/hooks/user/useUsersInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUsersInfo.d.ts","sourceRoot":"","sources":["../../../src/hooks/user/useUsersInfo.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAe,MAAM,yBAAyB,CAAC;AAKxE,eAAO,MAAM,+BAA+B,GAC1C,eAAe,gBAAgB,EAAE,aAkBlC,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAyB5B,CAAC"}

package/dist/hooks/user/useUsersInfo.js

@@ -0,0 +1,44 @@
+import { useCallback, useEffect } from "react";
+import useConversationStore from "../../store/conversation";
+import { SessionType } from "@openim/wasm-client-sdk";
+import useUsersInfoStore from "../../store/usersInfo";
+import { DChatSDK } from "../../constants/sdk";
+export const extractUserIdsFromConversations = (conversations) => {
+    const ids = conversations.reduce((acc, c) => {
+        var _a;
+        if (c.conversationType === SessionType.Single) {
+            acc.push(c.userID);
+        }
+        else if (c.conversationType === SessionType.Group) {
+            const exConversationInfo = JSON.parse(c.ex || "{}");
+            const sessionInfo = exConversationInfo === null || exConversationInfo === void 0 ? void 0 : exConversationInfo.sessionInfo;
+            if ((_a = sessionInfo === null || sessionInfo === void 0 ? void 0 : sessionInfo.data) === null || _a === void 0 ? void 0 : _a.ownerId) {
+                acc.push(sessionInfo.data.ownerId);
+            }
+        }
+        return acc;
+    }, []);
+    return Array.from(new Set(ids));
+};
+export const useSyncUsersInfo = () => {
+    const conversationList = useConversationStore((state) => state.conversationList);
+    const syncUsersInfo = useCallback(() => {
+        const userIds = extractUserIdsFromConversations(conversationList);
+        const { usersInfo, upsertUsers } = useUsersInfoStore.getState();
+        const needFetch = userIds.filter((id) => !usersInfo[id]);
+        if (needFetch.length > 0) {
+            DChatSDK.getUsersInfo(needFetch)
+                .then(({ data }) => {
+                upsertUsers(data);
+            })
+                .catch((error) => {
+                console.error("Error fetching users info:", error);
+            });
+        }
+    }, [conversationList]);
+    useEffect(() => {
+        if (!conversationList)
+            return;
+        syncUsersInfo();
+    }, [conversationList]);
+};

package/dist/index.d.ts

@@ -2,9 +2,12 @@ import DChatDeskMessage from "./screens/deskMessage";
 import DChatBubble from "./screens/chatBubble";
 import { Platform, LogLevel, SessionType, InitAndLoginConfig } from "@openim/wasm-client-sdk";
 import { Icon } from "./components/icon";
+import useUserStore from "./store/user";
+import useConversationStore from "./store/conversation";
 export { ChatProvider, useChatContext } from "./context/ChatContext";
 export { DChatDeskMessage, DChatBubble, Icon };
 export { useDChatAuth } from "./hooks/user/useAuth";
+export { useUserStore, useConversationStore };
 export { Platform as DChatPlatform, LogLevel as DChatLogLevel, SessionType as DChatSessionType, };
 export type { InitAndLoginConfig as DChatInitAndLoginConfig };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGrE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AAG/C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIpD,OAAO,EACL,QAAQ,IAAI,aAAa,EACzB,QAAQ,IAAI,aAAa,EACzB,WAAW,IAAI,gBAAgB,GAChC,CAAC;AAEF,YAAY,EAAE,kBAAkB,IAAI,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,YAAY,MAAM,cAAc,CAAC;AACxC,OAAO,oBAAoB,MAAM,sBAAsB,CAAC;AAGxD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGrE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AAG/C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC;AAI9C,OAAO,EACL,QAAQ,IAAI,aAAa,EACzB,QAAQ,IAAI,aAAa,EACzB,WAAW,IAAI,gBAAgB,GAChC,CAAC;AAEF,YAAY,EAAE,kBAAkB,IAAI,uBAAuB,EAAE,CAAC"}

package/dist/index.js

@@ -2,11 +2,15 @@ import DChatDeskMessage from "./screens/deskMessage";
 import DChatBubble from "./screens/chatBubble";
 import { Platform, LogLevel, SessionType, } from "@openim/wasm-client-sdk";
 import { Icon } from "./components/icon";
+import useUserStore from "./store/user";
+import useConversationStore from "./store/conversation";
 // Main exports for the SDK
 export { ChatProvider, useChatContext } from "./context/ChatContext";
 //Components
 export { DChatDeskMessage, DChatBubble, Icon };
 //Hooks
 export { useDChatAuth } from "./hooks/user/useAuth";
+//Store
+export { useUserStore, useConversationStore };
 // export * from "./types/sdk";
 export { Platform as DChatPlatform, LogLevel as DChatLogLevel, SessionType as DChatSessionType, };

package/dist/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.tsx"],"names":[],"mappings":"AAIA,OAAO,iBAAiB,CAAC;AAIzB,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,QAAA,MAAM,UAAU,GAAI,cAAc,eAAe,4CAGhD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.tsx"],"names":[],"mappings":"AAKA,OAAO,iBAAiB,CAAC;AAOzB,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,QAAA,MAAM,UAAU,GAAI,cAAc,eAAe,4CAehD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/layout/index.js

@@ -1,11 +1,18 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Spin } from "antd";
 import { useGlobalEvent } from "../hooks/global/useGlobalEvent";
 import dayjs from "dayjs";
 import "dayjs/locale/vi";
+import { useChatContext } from "../context/ChatContext";
+import { ConnectStatus, SyncStatus } from "../types/chat";
+import { useSyncUsersInfo } from "../hooks/user/useUsersInfo";
 dayjs.locale("vi");
 const MainLayout = ({ children }) => {
+    const { syncStatus, connectStatus } = useChatContext();
     useGlobalEvent();
-    return _jsx("div", { children: children });
+    useSyncUsersInfo();
+    return (_jsx(Spin, { spinning: syncStatus === SyncStatus.Loading &&
+            connectStatus === ConnectStatus.Connected, children: children }));
 };
 export default MainLayout;

package/dist/screens/chatBubble/index.d.ts

@@ -1,7 +1,5 @@
-import { SessionType } from "@openim/wasm-client-sdk";
 interface DChatBubbleProps {
-    sourceID: string;
-    sessionType: SessionType;
+    conversationID: string;
     className?: string;
 }
 declare const DChatBubble: (props: DChatBubbleProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/screens/chatBubble/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/chatBubble/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQtD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,mDAsB3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/chatBubble/index.tsx"],"names":[],"mappings":"AAMA,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,mDA4B3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/screens/chatBubble/index.js

@@ -2,26 +2,25 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import ChatBubble from "../../components/chatBubble/ChatBubble";
 import { useChatContext } from "../../context/ChatContext";
 import { ConnectStatus } from "../../types/chat";
-import { useConversationDetail } from "../../hooks/conversation/useConversation";
-import useConversationStore from "../../hooks/conversation/useConversationStore";
 import { useEffect } from "react";
+import useConversationStore from "../../store/conversation";
 const DChatBubble = (props) => {
-    const { sourceID, sessionType, className } = props;
+    const { conversationID, className } = props;
     const { connectStatus } = useChatContext();
-    const { conversationDetail } = useConversationDetail({
-        sourceID,
-        sessionType,
-    });
-    const setSelectedThreadId = useConversationStore((state) => state.setSelectedThreadId);
+    if (connectStatus !== ConnectStatus.Connected)
+        return null;
+    const conversationList = useConversationStore((state) => state.conversationList);
+    const setSelectedConversationId = useConversationStore((state) => state.setSelectedConversationId);
     const setConversationData = useConversationStore((state) => state.setConversationData);
     useEffect(() => {
-        if (!conversationDetail)
+        if (!conversationList)
             return;
-        setSelectedThreadId(conversationDetail.conversationID);
-        setConversationData(conversationDetail);
-    }, [conversationDetail]);
-    if (connectStatus !== ConnectStatus.Connected)
-        return null;
+        const conversation = conversationList.find((item) => item.conversationID === conversationID);
+        if (!conversation)
+            return;
+        setSelectedConversationId(conversation.conversationID);
+        setConversationData(conversation);
+    }, [conversationList, conversationID]);
     return _jsx(ChatBubble, { className: className });
 };
 export default DChatBubble;

package/dist/screens/deskMessage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/deskMessage/index.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,gBAAgB,+CA2BrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/deskMessage/index.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,gBAAgB,+CAqBrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/screens/deskMessage/index.js

@@ -6,11 +6,10 @@ import AssignedSessionFilter from "../../components/session/AssignedSessionFilte
 import { useChatContext } from "../../context/ChatContext";
 import { Spin } from "antd";
 import { ConnectStatus } from "../../types/chat";
-import useConversationStore from "../../hooks/conversation/useConversationStore";
+import useConversationStore from "../../store/conversation";
 const DChatDeskMessage = () => {
-    const conversationData = useConversationStore((state) => state.conversationData);
-    const selectedThreadId = useConversationStore((state) => state.selectedThreadId);
+    const selectedConversationId = useConversationStore((state) => state.selectedConversationId);
     const { connectStatus } = useChatContext();
-    return (_jsx(_Fragment, { children: connectStatus === ConnectStatus.Connected ? (_jsxs("div", { className: "flex flex-1 flex-row h-screen bg-gray-50", children: [_jsx(AssignedSessionFilter, {}), _jsx(DeskConversationList, {}), _jsx(MessageList, { conversationId: selectedThreadId, conversationData: conversationData })] })) : (_jsx("div", { className: "flex flex-1 flex-row h-screen bg-gray-50", children: connectStatus === ConnectStatus.Connecting && _jsx(Spin, { fullscreen: true }) })) }));
+    return (_jsx(_Fragment, { children: connectStatus === ConnectStatus.Connected ? (_jsxs("div", { className: "flex flex-1 flex-row h-screen bg-gray-50", children: [_jsx(AssignedSessionFilter, {}), _jsx(DeskConversationList, {}), _jsx(MessageList, { conversationId: selectedConversationId })] })) : (_jsx("div", { className: "flex flex-1 flex-row h-screen bg-gray-50", children: connectStatus === ConnectStatus.Connecting && _jsx(Spin, { fullscreen: true }) })) }));
 };
 export default DChatDeskMessage;

package/dist/store/conversation.d.ts

@@ -0,0 +1,4 @@
+import { ConversationStore } from "./type";
+declare const useConversationStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ConversationStore>>;
+export default useConversationStore;
+//# sourceMappingURL=conversation.d.ts.map

package/dist/store/conversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../src/store/conversation.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAmC,MAAM,QAAQ,CAAC;AAO5E,QAAA,MAAM,oBAAoB,gFA6IvB,CAAC;AAEJ,eAAe,oBAAoB,CAAC"}

package/dist/store/conversation.js

@@ -0,0 +1,119 @@
+import { SessionType, } from "@openim/wasm-client-sdk";
+import { create } from "zustand";
+import { DChatSDK } from "../constants/sdk";
+import { conversationSort, isGroupSession } from "../utils/imCommon";
+import useUserStore from "./user";
+import { markConversationMessageAsRead } from "../hooks/conversation/useConversation";
+const CONVERSATION_SPLIT_COUNT = 500;
+const useConversationStore = create((set, get) => ({
+    conversationData: null,
+    setConversationData: (data) => set({
+        conversationData: data,
+        selectedSourceId: (data === null || data === void 0 ? void 0 : data.conversationType) === SessionType.Group
+            ? data === null || data === void 0 ? void 0 : data.groupID
+            : data === null || data === void 0 ? void 0 : data.userID,
+    }),
+    selectedConversationId: "",
+    setSelectedConversationId: (threadId) => set({ selectedConversationId: threadId }),
+    selectedSourceId: "",
+    // assigned session
+    summary: null,
+    setSummary: (summary) => set({ summary }),
+    filterSummary: {
+        status: undefined,
+        tag: undefined,
+    },
+    setFilterSummary: (filterSummary) => set({ filterSummary }),
+    // conversation
+    conversationList: [],
+    currentConversation: undefined,
+    unreadCount: 0,
+    currentGroupInfo: undefined,
+    currentMemberInGroup: undefined,
+    getConversationListByReq: async (isOffset) => {
+        let tmpConversationList = [];
+        try {
+            const { data } = await DChatSDK.getConversationListSplit({
+                offset: isOffset ? get().conversationList.length : 0,
+                count: CONVERSATION_SPLIT_COUNT,
+            });
+            tmpConversationList = data;
+        }
+        catch (error) {
+            console.error("Error fetching conversation list:", error);
+            return true;
+        }
+        set((state) => ({
+            conversationList: [
+                ...(isOffset ? state.conversationList : []),
+                ...tmpConversationList,
+            ],
+        }));
+        return tmpConversationList.length === CONVERSATION_SPLIT_COUNT;
+    },
+    updateConversationList: (list, type) => {
+        const idx = list.findIndex((c) => { var _a; return c.conversationID === ((_a = get().currentConversation) === null || _a === void 0 ? void 0 : _a.conversationID); });
+        if (idx > -1) {
+            get().updateCurrentConversation(list[idx]);
+            markConversationMessageAsRead(list[idx].conversationID);
+        }
+        if (type === "filter") {
+            set((state) => ({
+                conversationList: conversationSort([...list, ...state.conversationList], state.conversationList),
+            }));
+            return;
+        }
+        let filterArr = [];
+        const chids = list.map((ch) => ch.conversationID);
+        filterArr = get().conversationList.filter((tc) => !chids.includes(tc.conversationID));
+        set(() => ({
+            conversationList: conversationSort([...list, ...filterArr]),
+        }));
+    },
+    updateCurrentConversation: async (conversation) => {
+        if (!conversation) {
+            set({ currentConversation: undefined });
+            return;
+        }
+        const prevConversation = get().currentConversation;
+        const toggleNewConversation = conversation.conversationID !== (prevConversation === null || prevConversation === void 0 ? void 0 : prevConversation.conversationID);
+        if (toggleNewConversation &&
+            isGroupSession(conversation.conversationType)) {
+            get().getCurrentGroupInfoByReq(conversation.groupID);
+            await get().getCurrentMemberInGroupByReq(conversation.groupID);
+        }
+        set(() => ({ currentConversation: Object.assign({}, conversation) }));
+    },
+    getCurrentGroupInfoByReq: async (groupID) => {
+        let groupInfo;
+        try {
+            const { data } = await DChatSDK.getSpecifiedGroupsInfo([groupID]);
+            groupInfo = data[0];
+        }
+        catch (error) {
+            console.error("Error fetching group info:", error);
+            return;
+        }
+        set(() => ({ currentGroupInfo: Object.assign({}, groupInfo) }));
+    },
+    getCurrentMemberInGroupByReq: async (groupID) => {
+        let memberInfo;
+        const selfID = useUserStore.getState().selfInfo.id;
+        try {
+            const { data } = await DChatSDK.getSpecifiedGroupMembersInfo({
+                groupID,
+                userIDList: [selfID],
+            });
+            memberInfo = data[0];
+        }
+        catch (error) {
+            set(() => ({ currentMemberInGroup: undefined }));
+            console.error("Error fetching group members:", error);
+            return;
+        }
+        set(() => ({
+            currentMemberInGroup: memberInfo ? Object.assign({}, memberInfo) : undefined,
+        }));
+    },
+}));
+export default useConversationStore;

package/dist/store/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./conversation";
+export * from "./user";
+//# sourceMappingURL=index.d.ts.map

package/dist/store/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/store/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC"}

package/dist/store/index.js

@@ -0,0 +1,2 @@
+export * from "./conversation";
+export * from "./user";

package/dist/store/user.d.ts

@@ -0,0 +1,4 @@
+import { UserStore } from "./type";
+declare const useUserStore: import("zustand").UseBoundStore<import("zustand").StoreApi<UserStore>>;
+export default useUserStore;
+//# sourceMappingURL=user.d.ts.map

package/dist/store/user.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user.d.ts","sourceRoot":"","sources":["../../src/store/user.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,QAAA,MAAM,YAAY,wEAKf,CAAC;AAEJ,eAAe,YAAY,CAAC"}

package/dist/store/user.js

@@ -0,0 +1,8 @@
+import { create } from "zustand";
+const useUserStore = create((set, get) => ({
+    selfInfo: {},
+    getSelfInfo: (data) => {
+        set({ selfInfo: data });
+    },
+}));
+export default useUserStore;

package/dist/store/usersInfo.d.ts

@@ -0,0 +1,4 @@
+import { UsersInfoStore } from "./type";
+declare const useUsersInfoStore: import("zustand").UseBoundStore<import("zustand").StoreApi<UsersInfoStore>>;
+export default useUsersInfoStore;
+//# sourceMappingURL=usersInfo.d.ts.map

package/dist/store/usersInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usersInfo.d.ts","sourceRoot":"","sources":["../../src/store/usersInfo.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAExC,QAAA,MAAM,iBAAiB,6EAUpB,CAAC;AAEJ,eAAe,iBAAiB,CAAC"}

package/dist/store/usersInfo.js

@@ -0,0 +1,12 @@
+import { create } from "zustand";
+const useUsersInfoStore = create((set, get) => ({
+    usersInfo: {},
+    upsertUsers: (list) => set((state) => {
+        const next = Object.assign({}, state.usersInfo);
+        list.forEach((u) => {
+            next[u.userID] = Object.assign(Object.assign({}, next[u.userID]), u);
+        });
+        return { usersInfo: next };
+    }),
+}));
+export default useUsersInfoStore;