@droppii-org/chat-sdk 0.0.19 → 0.0.20

package/dist/components/chatBubble/ChatBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatBubble.d.ts","sourceRoot":"","sources":["../../../src/components/chatBubble/ChatBubble.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGtD,UAAU,eAAe;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,GAAI,uDAKjB,eAAe,4CAmDjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/{ChatBubble.js → chatBubble/ChatBubble.js}

@@ -3,8 +3,8 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useState } from "react";
 import { FloatButton, Drawer } from "antd";
 import { MessageOutlined, CloseOutlined } from "@ant-design/icons";
-import MessageList from "./message/MessageList";
-import { useConversationDetail } from "../hooks/conversation/useConversation";
+import MessageList from "../message/MessageList";
+import { useConversationDetail } from "../../hooks/conversation/useConversation";
 const ChatBubble = ({ conversationId, sourceID, sessionType, className, }) => {
     const { conversationDetail } = useConversationDetail({
         sourceID,

package/dist/components/conversation/DeskConversationList.d.ts

@@ -1,8 +1,7 @@
 interface DeskConversationListProps {
     onConversationSelect?: (conversationId: string, threadId: string) => void;
-    selectedConversationId?: string;
     className?: string;
 }
-declare const DeskConversationList: ({ onConversationSelect, selectedConversationId, className, }: DeskConversationListProps) => import("react/jsx-runtime").JSX.Element;
+declare const DeskConversationList: ({ onConversationSelect, className, }: DeskConversationListProps) => import("react/jsx-runtime").JSX.Element;
 export default DeskConversationList;
 //# sourceMappingURL=DeskConversationList.d.ts.map

package/dist/components/conversation/DeskConversationList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeskConversationList.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/DeskConversationList.tsx"],"names":[],"mappings":"AAkHA,UAAU,yBAAyB;IACjC,oBAAoB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmDD,QAAA,MAAM,oBAAoB,GAAI,8DAI3B,yBAAyB,4CAiK3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"DeskConversationList.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/DeskConversationList.tsx"],"names":[],"mappings":"AAwGA,UAAU,yBAAyB;IACjC,oBAAoB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,oBAAoB,GAAI,sCAG3B,yBAAyB,4CAiL3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/conversation/DeskConversationList.js

@@ -1,168 +1,127 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
+import { useState, useEffect, useCallback } from "react";
 import { useRouter, useSearchParams, usePathname } from "next/navigation";
+import { Input, Avatar, Badge, Empty } from "antd";
+import { SessionType } from "@openim/wasm-client-sdk";
 import { useConversationList } from "../../hooks/conversation/useConversation";
 import { Icon } from "../icon";
-const mockConversations = [
-    {
-        id: "1",
-        threadId: "thread_001",
-        name: "Phương Huyền (phhuyen2110)",
-        username: "phhuyen2110",
-        avatar: "https://i.pinimg.com/736x/55/e5/ed/55e5edbb1a5b5f6e4f3cefc98de629ca.jpg",
-        lastMessage: "Customer: hi Livechat Obefe",
-        timestamp: "27/07",
-        unreadCount: 1,
-        isOnline: true,
-        status: "unassigned",
-        source: "obefe",
-    },
-    {
-        id: "2",
-        threadId: "thread_002",
-        name: "Phương Huyền (phhuyen2110)",
-        username: "phhuyen2110",
-        avatar: "https://i.pinimg.com/736x/55/e5/ed/55e5edbb1a5b5f6e4f3cefc98de629ca.jpg",
-        lastMessage: "Customer: hi Livechat Obefe",
-        timestamp: "27/07",
-        unreadCount: 1,
-        isOnline: true,
-        status: "slow",
-        source: "obefe",
-    },
-    {
-        id: "3",
-        threadId: "thread_003",
-        name: "Phương Huyền (phhuyen2110)",
-        username: "phhuyen2110",
-        avatar: "https://i.pinimg.com/736x/55/e5/ed/55e5edbb1a5b5f6e4f3cefc98de629ca.jpg",
-        lastMessage: "Customer: hi Livechat Obefe",
-        timestamp: "27/07",
-        unreadCount: 1,
-        isOnline: true,
-        status: "waiting",
-        source: "obefe",
-    },
-    {
-        id: "4",
-        threadId: "thread_004",
-        name: "Phương Huyền (phhuyen2110)",
-        username: "phhuyen2110",
-        avatar: "https://i.pinimg.com/736x/55/e5/ed/55e5edbb1a5b5f6e4f3cefc98de629ca.jpg",
-        lastMessage: "Customer: hi Livechat Obefe",
-        timestamp: "27/07",
-        unreadCount: 1,
-        isOnline: true,
-        status: "not_replied",
-        source: "obefe",
-    },
-    {
-        id: "5",
-        threadId: "thread_005",
-        name: "Phương Huyền (phhuyen2110)",
-        username: "phhuyen2110",
-        avatar: "https://i.pinimg.com/736x/55/e5/ed/55e5edbb1a5b5f6e4f3cefc98de629ca.jpg",
-        lastMessage: "Customer: hi Livechat Obefe",
-        timestamp: "27/07",
-        unreadCount: 1,
-        isOnline: true,
-        status: "processing",
-        source: "obefe",
-    },
-    {
-        id: "6",
-        threadId: "thread_006",
-        name: "Phương Huyền (phhuyen2110)",
-        username: "phhuyen2110",
-        avatar: "https://i.pinimg.com/736x/55/e5/ed/55e5edbb1a5b5f6e4f3cefc98de629ca.jpg",
-        lastMessage: "Customer: hi Livechat Obefe",
-        timestamp: "27/07",
-        unreadCount: 1,
-        isOnline: true,
-        status: "closed",
-        source: "obefe",
-    },
-];
-const getStatusIcon = (status) => {
-    switch (status) {
-        case "unassigned":
-            return {
-                icon: "user-del-o",
-                bgColor: "bg-red-100",
-                iconColor: "text-red-500",
-            };
-        case "slow":
-            return {
-                icon: "warning-square-o",
-                bgColor: "bg-orange-100",
-                iconColor: "text-orange-500",
-            };
-        case "waiting":
-            return {
-                icon: "time-circle-o",
-                bgColor: "bg-yellow-100",
-                iconColor: "text-yellow-600",
-            };
-        case "not_replied":
-            return {
-                icon: "arrow-reply-o",
-                bgColor: "bg-orange-100",
-                iconColor: "text-orange-500",
-            };
-        case "processing":
-            return {
-                icon: "play-b",
-                bgColor: "bg-blue-100",
-                iconColor: "text-blue-500",
-            };
-        case "paused":
-            return {
-                icon: "pause-b",
-                bgColor: "bg-gray-100",
-                iconColor: "text-gray-500",
-            };
-        case "closed":
-            return {
-                icon: "check-b",
-                bgColor: "bg-green-100",
-                iconColor: "text-green-500",
-            };
-        default:
-            return null;
+import { useChatContext } from "../../context/ChatContext";
+import useMessageStore from "../../hooks/zustand/useMessageStore";
+import { useMessage } from "../../hooks/message/useMessage";
+const parseLatestMessage = (latestMsg, currentUserId) => {
+    var _a;
+    if (!latestMsg)
+        return "";
+    try {
+        const msgData = JSON.parse(latestMsg);
+        // Check for text message (textElem)
+        if ((_a = msgData.textElem) === null || _a === void 0 ? void 0 : _a.content) {
+            const isMe = currentUserId && msgData.sendID === currentUserId;
+            const sender = isMe ? "Me" : (msgData === null || msgData === void 0 ? void 0 : msgData.senderNickname) || msgData.sendID;
+            return `${sender}: ${msgData.textElem.content}`;
+        }
+        // TODO: Handle other message types (fileElem, videoElem, etc.)
+        // For now, return empty string for non-text messages
+        // This can be enhanced later to show appropriate previews
+        return "Tin nhắn không khả dụng";
     }
+    catch (error) {
+        console.error("Error parsing latest message:", error);
+        return "";
+    }
+};
+// Utility function to format timestamp
+const formatTimestamp = (timestamp) => {
+    if (!timestamp)
+        return "";
+    const date = new Date(timestamp);
+    const now = new Date();
+    const diffInMs = now.getTime() - date.getTime();
+    const diffInDays = Math.floor(diffInMs / (1000 * 60 * 60 * 24));
+    if (diffInDays === 0) {
+        // Today - show time
+        return date.toLocaleTimeString("vi-VN", {
+            hour: "2-digit",
+            minute: "2-digit",
+            hour12: false,
+        });
+    }
+    else if (diffInDays === 1) {
+        // Yesterday
+        return "Hôm qua";
+    }
+    else if (diffInDays < 7) {
+        // This week - show day name
+        return date.toLocaleDateString("vi-VN", { weekday: "long" });
+    }
+    else {
+        // Older - show date
+        return date.toLocaleDateString("vi-VN", {
+            day: "2-digit",
+            month: "2-digit",
+        });
+    }
+};
+// Transform API data to UI-friendly format
+const transformConversationData = (apiData, currentUserId) => {
+    return apiData.map((conv) => (Object.assign(Object.assign({}, conv), { id: conv.conversationID, threadId: conv.conversationID, name: conv.showName || "Unknown User", username: conv.userID || conv.groupID || "", avatar: conv.faceURL ||
+            "https://i.pinimg.com/736x/55/e5/ed/55e5edbb1a5b5f6e4f3cefc98de629ca.jpg", lastMessage: parseLatestMessage(conv.latestMsg, currentUserId), timestamp: formatTimestamp(conv.latestMsgSendTime), unreadCount: conv.unreadCount, isOnline: true, source: conv.conversationType === 3 ? "group" : "direct" })));
 };
-const DeskConversationList = ({ onConversationSelect, selectedConversationId, className = "", }) => {
-    const { conversationList } = useConversationList();
+const DeskConversationList = ({ onConversationSelect, className = "", }) => {
     const [searchQuery, setSearchQuery] = useState("");
     const router = useRouter();
     const pathname = usePathname();
     const searchParams = useSearchParams();
-    console.log(conversationList);
-    const currentThreadId = searchParams.get("threadId");
-    const [selectedThreadId, setSelectedThreadId] = useState(currentThreadId);
-    useEffect(() => {
-        setSelectedThreadId(currentThreadId);
-    }, [currentThreadId]);
-    const conversations = mockConversations;
+    const { user } = useChatContext();
+    const selectedThreadId = useMessageStore((state) => state.selectedThreadId);
+    const setSelectedThreadId = useMessageStore((state) => state.setSelectedThreadId);
+    const setSelectedSourceId = useMessageStore((state) => state.setSelectedSourceId);
+    const { markConversationMessageAsRead } = useMessage(selectedThreadId);
+    const { conversationList } = useConversationList(selectedThreadId);
+    // Transform real conversation data from the API
+    const conversations = transformConversationData(conversationList || [], user === null || user === void 0 ? void 0 : user.userID);
     const filteredConversations = conversations.filter((conv) => conv.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
         conv.lastMessage.toLowerCase().includes(searchQuery.toLowerCase()));
     const handleConversationClick = (conversation) => {
         const newSearchParams = new URLSearchParams(searchParams);
-        newSearchParams.set("threadId", conversation.threadId);
+        newSearchParams.set("threadId", conversation.id);
         router.push(`${pathname}?${newSearchParams.toString()}`);
-        setSelectedThreadId(conversation.threadId);
-        onConversationSelect === null || onConversationSelect === void 0 ? void 0 : onConversationSelect(conversation.id, conversation.threadId);
+        setSelectedThreadId(conversation.id);
+        onConversationSelect === null || onConversationSelect === void 0 ? void 0 : onConversationSelect(conversation.id, conversation.id);
     };
-    return (_jsxs("div", { className: `flex flex-col h-full bg-white border-r border-gray-200 ${className}`, children: [_jsx("div", { className: "p-3 border-b border-gray-200", children: _jsxs("div", { className: "relative", children: [_jsx(Icon, { icon: "search-o", size: 18, className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" }), _jsx("input", { type: "text", placeholder: "T\u00ECm ki\u1EBFm", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "w-full pl-10 pr-4 py-2.5 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm" })] }) }), _jsxs("div", { className: "flex-1 overflow-y-auto", children: [filteredConversations.map((conversation) => (_jsxs("div", { onClick: () => handleConversationClick(conversation), className: `relative p-3 border-b border-gray-100 hover:bg-gray-50 cursor-pointer transition-colors ${selectedThreadId === conversation.threadId
+    const onSetSelectedSourceId = useCallback(() => {
+        const selectedConversation = conversations.findIndex((conv) => conv.id === selectedThreadId);
+        if (selectedConversation !== -1) {
+            const conversation = conversations[selectedConversation];
+            const sourceId = conversation.conversationType === SessionType.Group
+                ? conversation.groupID
+                : conversation.userID;
+            setSelectedSourceId(sourceId);
+        }
+    }, [conversationList, selectedThreadId]);
+    useEffect(() => {
+        const threadId = searchParams.get("threadId");
+        if (threadId) {
+            setSelectedThreadId(threadId);
+        }
+        else if (conversations.length > 0) {
+            setSelectedThreadId(conversations[0].id);
+            const newSearchParams = new URLSearchParams(searchParams);
+            newSearchParams.set("threadId", conversations[0].id);
+            router.replace(`${pathname}?${newSearchParams.toString()}`);
+        }
+    }, [searchParams, conversations.length]);
+    useEffect(() => {
+        if (!!selectedThreadId) {
+            markConversationMessageAsRead();
+            onSetSelectedSourceId();
+        }
+    }, [selectedThreadId, onSetSelectedSourceId, markConversationMessageAsRead]);
+    return (_jsxs("div", { className: `flex flex-col h-full bg-white border-r border-gray-200 ${className}`, children: [_jsx("div", { className: "p-3 border-b border-gray-200", children: _jsx(Input, { placeholder: "T\u00ECm ki\u1EBFm", prefix: _jsx(Icon, { icon: "search-o", size: 18, className: "text-gray-400" }), value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "rounded-lg" }) }), _jsxs("div", { className: "flex-1 overflow-y-auto", children: [filteredConversations.map((conversation) => (_jsxs("div", { onClick: () => handleConversationClick(conversation), className: `relative p-3 border-b border-gray-100 hover:bg-gray-50 cursor-pointer transition-colors ${selectedThreadId === conversation.threadId
                             ? "bg-blue-50"
-                            : "bg-white"}`, children: [selectedThreadId === conversation.threadId && (_jsx("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-blue-500" })), _jsxs("div", { className: "flex items-start gap-3", children: [_jsxs("div", { className: "relative flex-shrink-0", children: [_jsx("img", { src: conversation.avatar, alt: conversation.name, className: "w-12 h-12 rounded-full object-cover" }), conversation.isOnline && (_jsx("div", { className: "absolute -bottom-0.5 -right-0.5 w-4 h-4 bg-green-500 border-2 border-white rounded-full" }))] }), _jsx("div", { className: "flex-1 min-w-0", children: _jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h3", { className: "font-semibold text-gray-900 text-sm truncate", children: conversation.name }), _jsx("p", { className: "text-xs text-gray-500 truncate mt-0.5", children: conversation.lastMessage })] }), _jsxs("div", { className: "flex flex-col items-end gap-1 ml-2", children: [_jsx("span", { className: "text-xs text-gray-400", children: conversation.timestamp }), _jsxs("div", { className: "flex items-center gap-1", children: [conversation.unreadCount > 0 && (_jsx("span", { className: "inline-flex items-center justify-center w-5 h-5 text-xs font-medium text-white bg-red-500 rounded-full", children: conversation.unreadCount })), (() => {
-                                                                    const statusIcon = getStatusIcon(conversation.status);
-                                                                    if (!statusIcon)
-                                                                        return null;
-                                                                    return (_jsx("div", { className: `w-5 h-5 ${statusIcon.bgColor} rounded-full flex items-center justify-center`, children: _jsx(Icon, { icon: statusIcon.icon, size: 12, className: statusIcon.iconColor }) }));
-                                                                })()] })] })] }) })] })] }, conversation.id))), filteredConversations.length === 0 && (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-gray-500", children: [_jsx(Icon, { icon: "chat-square-b", size: 48, className: "text-gray-300 mb-4" }), _jsx("p", { className: "text-lg font-medium mb-2", children: "Kh\u00F4ng t\u00ECm th\u1EA5y cu\u1ED9c tr\u00F2 chuy\u1EC7n" }), _jsx("p", { className: "text-sm text-center", children: searchQuery
-                                    ? "Thử tìm kiếm với từ khóa khác"
-                                    : "Chưa có cuộc trò chuyện nào" })] }))] })] }));
+                            : "bg-white"}`, children: [selectedThreadId === conversation.threadId && (_jsx("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-blue-500" })), _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "relative flex-shrink-0", children: _jsx(Badge, { dot: conversation.isOnline, status: conversation.isOnline ? "success" : "default", offset: [-2, 36], children: _jsx(Avatar, { size: 48, src: conversation.avatar, alt: conversation.name }) }) }), _jsx("div", { className: "flex-1 min-w-0", children: _jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h3", { className: "font-semibold text-gray-900 text-sm truncate", children: conversation.name }), _jsx("p", { className: "text-xs text-gray-500 truncate mt-0.5", children: conversation.lastMessage })] }), _jsxs("div", { className: "flex flex-col items-end gap-1 ml-2", children: [_jsx("span", { className: "text-xs text-gray-400", children: conversation.timestamp }), _jsx("div", { className: "flex items-center gap-1", children: conversation.unreadCount > 0 && (_jsx(Badge, { count: conversation.unreadCount })) })] })] }) })] })] }, conversation.id))), filteredConversations.length === 0 && (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Empty, { image: _jsx(Icon, { icon: "chat-square-b", size: 48, className: "text-gray-300" }), description: _jsxs("div", { children: [_jsx("p", { className: "text-lg font-medium mb-2 text-gray-500", children: "Kh\u00F4ng t\u00ECm th\u1EA5y cu\u1ED9c tr\u00F2 chuy\u1EC7n" }), _jsx("p", { className: "text-sm text-gray-400", children: searchQuery
+                                            ? "Thử tìm kiếm với từ khóa khác"
+                                            : "Chưa có cuộc trò chuyện nào" })] }) }) }))] })] }));
 };
 export default DeskConversationList;

package/dist/components/message/MessageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/message/MessageList.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,gBAAgB,EAGtB,MAAM,yBAAyB,CAAC;AASjC,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAyL3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/message/MessageList.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,gBAAgB,EAGtB,MAAM,yBAAyB,CAAC;AAkBjC,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CA0O3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/message/MessageList.js

@@ -1,4 +1,15 @@
 "use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SessionType, } from "@openim/wasm-client-sdk";
 import { useChatContext } from "../../context/ChatContext";
@@ -7,11 +18,14 @@ import { Avatar, Button, Input, Tooltip } from "antd";
 import { Icon } from "../icon";
 import { useCallback, useEffect, useRef, useState } from "react";
 import clsx from "clsx";
-import { useSendMessage } from "../../hooks/message/useSendMessage";
+import { useSendMessage, } from "../../hooks/message/useSendMessage";
+import InfiniteLoader from "react-window-infinite-loader";
+import { VariableSizeList as List, } from "react-window";
+import AutoSizer from "react-virtualized-auto-sizer";
 const MessageList = (props) => {
     var _a, _b;
     const { conversationId, conversationData, onClose } = props;
-    const { messageList, refetch } = useMessage(conversationId);
+    const { messageList, groupMessages, refetch } = useMessage(conversationId);
     const scrollRef = useRef(null);
     const shouldScrollToBottomRef = useRef(true);
     const lastMessageCountRef = useRef((messageList === null || messageList === void 0 ? void 0 : messageList.length) || 0);
@@ -25,6 +39,7 @@ const MessageList = (props) => {
             : (conversationData === null || conversationData === void 0 ? void 0 : conversationData.groupID) || "",
     });
     const [textMessage, setTextMessage] = useState("");
+    const [composing, setComposing] = useState(false);
     const [showScrollToBottomButton, setShowScrollToBottomButton] = useState(false);
     const scrollToBottom = useCallback((force = false) => {
         if (scrollRef.current) {
@@ -51,20 +66,27 @@ const MessageList = (props) => {
         setShowScrollToBottomButton(distanceFromBottom > SCROLL_DOWN_THRESHOLD &&
             !shouldScrollToBottomRef.current);
     }, []);
-    const onSendTextMessage = async () => {
+    const onSendTextMessage = useCallback(async () => {
         setTextMessage("");
-        const res = await sendTextMessage(textMessage);
+        const lastMessage = messageList === null || messageList === void 0 ? void 0 : messageList[(messageList === null || messageList === void 0 ? void 0 : messageList.length) - 1];
+        const res = await sendTextMessage(textMessage, lastMessage);
         if (res) {
             refetch();
         }
-    };
-    const renderMessageItem = useCallback((message) => {
-        var _a, _b, _c;
-        const isMine = (message === null || message === void 0 ? void 0 : message.sendID) === (user === null || user === void 0 ? void 0 : user.userID);
-        return (_jsx("div", { className: clsx("flex", isMine ? "justify-end" : "justify-start"), children: _jsxs("div", { className: "flex items-end gap-2", children: [!isMine && (_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-start", children: [!isMine && (_jsx("span", { className: "text-xs text-gray-500 mb-1 px-3", children: message === null || message === void 0 ? void 0 : message.senderNickname })), _jsx("div", { className: clsx("px-3 py-2 sm:px-4 sm:py-2 rounded-2xl max-w-full break-words", isMine
-                                    ? "bg-blue-500 text-white"
-                                    : "bg-gray-100 text-gray-900"), children: _jsx("p", { className: "text-sm sm:text-base whitespace-pre-wrap", children: ((_c = message === null || message === void 0 ? void 0 : message.textElem) === null || _c === void 0 ? void 0 : _c.content) || "Tin nhắn không khả dụng" }) })] })] }) }, message === null || message === void 0 ? void 0 : message.clientMsgID));
-    }, [user === null || user === void 0 ? void 0 : user.userID]);
+    }, [textMessage, sendTextMessage, refetch, messageList]);
+    const renderMessageItem = useCallback((listItemProps) => {
+        const { index } = listItemProps;
+        const groupMessage = groupMessages === null || groupMessages === void 0 ? void 0 : groupMessages[index];
+        const messagesInGroup = (groupMessage === null || groupMessage === void 0 ? void 0 : groupMessage.messages) || [];
+        return (_jsxs("div", { children: [_jsx("div", { children: groupMessage === null || groupMessage === void 0 ? void 0 : groupMessage.sendTime }), messagesInGroup === null || messagesInGroup === void 0 ? void 0 : messagesInGroup.map((message) => {
+                    var _a, _b, _c;
+                    const isMine = (message === null || message === void 0 ? void 0 : message.sendID) === (user === null || user === void 0 ? void 0 : user.userID);
+                    return (_jsx("div", { className: clsx("flex", isMine ? "justify-end" : "justify-start"), children: _jsxs("div", { className: "flex items-end gap-2", children: [!isMine && (_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-start", children: [!isMine && (_jsx("span", { className: "text-xs text-gray-500 mb-1 px-3", children: message === null || message === void 0 ? void 0 : message.senderNickname })), _jsx("div", { className: clsx("px-3 py-2 sm:px-4 sm:py-2 rounded-2xl max-w-full break-words", isMine
+                                                ? "bg-blue-500 text-white"
+                                                : "bg-gray-100 text-gray-900"), children: _jsx("p", { className: "text-sm sm:text-base whitespace-pre-wrap", children: ((_c = message === null || message === void 0 ? void 0 : message.textElem) === null || _c === void 0 ? void 0 : _c.content) ||
+                                                    "Tin nhắn không khả dụng" }) })] })] }) }, message === null || message === void 0 ? void 0 : message.clientMsgID));
+                })] }));
+    }, [user === null || user === void 0 ? void 0 : user.userID, groupMessages]);
     useEffect(() => {
         const currentMessageCount = (messageList === null || messageList === void 0 ? void 0 : messageList.length) || 0;
         const previousMessageCount = lastMessageCountRef.current;
@@ -82,10 +104,20 @@ const MessageList = (props) => {
         }
         lastMessageCountRef.current = currentMessageCount;
     }, [messageList, user === null || user === void 0 ? void 0 : user.userID, scrollToBottom]);
-    return (_jsxs("div", { className: "flex flex-col flex-1 relative h-full bg-white", children: [_jsxs("div", { className: "px-4 py-3 flex items-center border-b gap-3", children: [_jsx(Avatar, { src: conversationData === null || conversationData === void 0 ? void 0 : conversationData.faceURL, children: ((_b = (_a = conversationData === null || conversationData === void 0 ? void 0 : conversationData.showName) === 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 flex-1", children: [_jsx("p", { children: (conversationData === null || conversationData === void 0 ? void 0 : conversationData.showName) || "" }), _jsx("p", { className: "text-xs text-gray-500", children: "2 thành viên" })] }), _jsx(Button, { type: "text", shape: "circle", icon: _jsx(Icon, { icon: "align-justify-o", size: 24 }) }), !!onClose && (_jsx(Button, { type: "text", shape: "circle", icon: _jsx(Icon, { icon: "close-b", size: 24 }), onClick: onClose }))] }), _jsx("div", { className: "flex flex-col flex-1 min-h-0", children: _jsx("div", { className: "relative h-full h-full", children: _jsx("div", { ref: scrollRef, className: "h-full overflow-y-auto p-3 sm:p-4 flex flex-col gap-2", children: messageList === null || messageList === void 0 ? void 0 : messageList.map((message) => renderMessageItem(message)) }) }) }), _jsx("div", { className: "border-t px-4 py-3", children: _jsx("div", { className: "border rounded-lg bg-gray-50", children: _jsxs("div", { className: "px-4 py-3 flex items-center gap-4", children: [_jsx(Input, { placeholder: "Nh\u1EADp tin nh\u1EAFn", size: "small", variant: "borderless", value: textMessage, onChange: (e) => setTextMessage(e.target.value), onKeyDown: (e) => {
+    return (_jsxs("div", { className: "flex flex-col flex-1 relative h-full bg-white", children: [_jsxs("div", { className: "px-4 py-3 flex items-center border-b gap-3", children: [_jsx(Avatar, { src: conversationData === null || conversationData === void 0 ? void 0 : conversationData.faceURL, children: ((_b = (_a = conversationData === null || conversationData === void 0 ? void 0 : conversationData.showName) === 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 flex-1", children: [_jsx("p", { children: (conversationData === null || conversationData === void 0 ? void 0 : conversationData.showName) || "" }), _jsx("p", { className: "text-xs text-gray-500", children: "2 thành viên" })] }), _jsx(Button, { type: "text", shape: "circle", icon: _jsx(Icon, { icon: "align-justify-o", size: 24 }) }), !!onClose && (_jsx(Button, { type: "text", shape: "circle", icon: _jsx(Icon, { icon: "close-b", size: 24 }), onClick: onClose }))] }), _jsx("div", { className: "flex flex-col flex-1 min-h-0", children: _jsx("div", { className: "relative h-full", children: _jsx(AutoSizer, { children: ({ height, width }) => (_jsx(InfiniteLoader, { isItemLoaded: () => true, loadMoreItems: () => { }, itemCount: (groupMessages === null || groupMessages === void 0 ? void 0 : groupMessages.length) || 0, children: (_a) => {
+                                var { onItemsRendered, ref } = _a, rest = __rest(_a, ["onItemsRendered", "ref"]);
+                                return (_jsx(List, Object.assign({ ref: ref }, rest, { itemCount: (groupMessages === null || groupMessages === void 0 ? void 0 : groupMessages.length) || 0, onItemsRendered: onItemsRendered, height: height, width: width, itemSize: (index) => {
+                                        const groupMessage = groupMessages === null || groupMessages === void 0 ? void 0 : groupMessages[index];
+                                        const messagesInGroup = (groupMessage === null || groupMessage === void 0 ? void 0 : groupMessage.messages) || [];
+                                        return (messagesInGroup === null || messagesInGroup === void 0 ? void 0 : messagesInGroup.length) * 50;
+                                    }, children: renderMessageItem })));
+                            } })) }) }) }), _jsx("div", { className: "border-t px-4 py-3", children: _jsx("div", { className: "border rounded-lg bg-gray-50", children: _jsxs("div", { className: "px-4 py-3 flex items-center gap-4", children: [_jsx(Input, { placeholder: "Nh\u1EADp tin nh\u1EAFn", size: "small", variant: "borderless", value: textMessage, onChange: (e) => setTextMessage(e.target.value), onKeyDown: (e) => {
+                                    if (composing) {
+                                        return;
+                                    }
                                     if (e.key === "Enter") {
                                         onSendTextMessage();
                                     }
-                                } }), _jsx(Tooltip, { title: "G\u1EEDi tin nh\u1EAFn", children: _jsx(Button, { type: "primary", shape: "circle", size: "middle", icon: _jsx(Icon, { icon: "send-b", color: "white", size: 16 }), disabled: textMessage.length === 0, onClick: onSendTextMessage }) })] }) }) })] }));
+                                }, onCompositionStart: () => setComposing(true), onCompositionEnd: () => setComposing(false) }), _jsx(Tooltip, { title: "G\u1EEDi tin nh\u1EAFn", children: _jsx(Button, { type: "primary", shape: "circle", size: "middle", icon: _jsx(Icon, { icon: "send-b", color: "white", size: 16 }), disabled: textMessage.length === 0, onClick: onSendTextMessage }) })] }) }) })] }));
 };
 export default MessageList;

package/dist/constants/index.d.ts

@@ -0,0 +1,2 @@
+export declare const coreWasmPath = "https://droppiistg.blob.core.windows.net/droppii-stg-public/3315964d-11d5-4d27-8af7-d2ec2354994f.wasm";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,0GACgF,CAAC"}

package/dist/constants/index.js

@@ -0,0 +1 @@
+export const coreWasmPath = "https://droppiistg.blob.core.windows.net/droppii-stg-public/3315964d-11d5-4d27-8af7-d2ec2354994f.wasm";

package/dist/constants/sdk.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.d.ts","sourceRoot":"","sources":["../../src/constants/sdk.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,eAAO,MAAM,QAAQ,EAAE,UAAU,CAAC,OAAO,MAAM,CAI7C,CAAC"}
+{"version":3,"file":"sdk.d.ts","sourceRoot":"","sources":["../../src/constants/sdk.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGjD,eAAO,MAAM,QAAQ,EAAE,UAAU,CAAC,OAAO,MAAM,CAI7C,CAAC"}

package/dist/constants/sdk.js

@@ -1,5 +1,7 @@
 import { getSDK } from "@openim/wasm-client-sdk";
+import { coreWasmPath } from "./index";
 export const DChatSDK = getSDK({
-    coreWasmPath: "https://pub-b11e10131a914403b2a326ec38f7e99f.r2.dev/openIM.wasm",
+    coreWasmPath,
     sqlWasmPath: "/sql-wasm.wasm",
+    debug: process.env.NODE_ENV === "development",
 });

package/dist/context/ChatContext.d.ts

@@ -1,5 +1,5 @@
 import { ChatContextType, ChatProviderProps } from "../types/chat";
 export declare const ChatContext: import("react").Context<ChatContextType>;
 export declare const useChatContext: () => ChatContextType;
-export declare const ChatProvider: ({ children, config }: ChatProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChatProvider: ({ children, config, refetchToken, }: ChatProviderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChatContext.d.ts.map

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,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAInE,eAAO,MAAM,WAAW,0CAEtB,CAAC;AAEH,eAAO,MAAM,cAAc,uBAAgC,CAAC;AAE5D,eAAO,MAAM,YAAY,GAAI,sBAAsB,iBAAiB,4CAkCnE,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;AAGvB,eAAO,MAAM,WAAW,0CAGtB,CAAC;AAEH,eAAO,MAAM,cAAc,uBAAgC,CAAC;AAE5D,eAAO,MAAM,YAAY,GAAI,qCAI1B,iBAAiB,4CAyEnB,CAAC"}

package/dist/context/ChatContext.js

@@ -1,14 +1,16 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useState } from "react";
-import { Spin } from "antd";
+import { CbEvents } from "@openim/wasm-client-sdk";
+import { ConnectStatus, } from "../types/chat";
 import { DChatSDK } from "../constants/sdk";
 export const ChatContext = createContext({
     user: null,
+    connectStatus: ConnectStatus.Disconnected,
 });
 export const useChatContext = () => useContext(ChatContext);
-export const ChatProvider = ({ children, config }) => {
-    const [loading, setLoading] = useState(true);
+export const ChatProvider = ({ children, config, refetchToken, }) => {
+    const [connectStatus, setConnectStatus] = useState(ConnectStatus.Disconnected);
     const [user, setUser] = useState(null);
     const getUserInfo = () => {
         DChatSDK.getSelfUserInfo()
@@ -19,11 +21,10 @@ export const ChatProvider = ({ children, config }) => {
             console.log("getSelfUserInfo", errCode, errMsg);
         });
     };
-    const handleLogin = () => {
-        DChatSDK.login(config)
+    const handleLogin = (newToken) => {
+        DChatSDK.login(Object.assign(Object.assign({}, config), { token: newToken || config.token }))
             .then((res) => {
             getUserInfo();
-            setLoading(false);
         })
             .catch(({ errCode, errMsg }) => {
             console.log("handleLogin", errCode, errMsg);
@@ -32,5 +33,39 @@ export const ChatProvider = ({ children, config }) => {
     useEffect(() => {
         handleLogin();
     }, [config]);
-    return (_jsx(ChatContext.Provider, { value: { user }, children: loading ? _jsx(Spin, { fullscreen: true }) : children }));
+    useEffect(() => {
+        DChatSDK.on(CbEvents.OnUserTokenExpired, () => {
+            console.log("OnUserTokenExpired");
+            refetchToken().then((token) => {
+                if (!!token) {
+                    handleLogin(token);
+                }
+            });
+        });
+        DChatSDK.on(CbEvents.OnUserTokenInvalid, () => {
+            console.log("OnUserTokenInvalid");
+            refetchToken().then((token) => {
+                if (!!token) {
+                    handleLogin(token);
+                }
+            });
+        });
+        DChatSDK.on(CbEvents.OnConnectSuccess, () => {
+            setConnectStatus(ConnectStatus.Connected);
+        });
+        DChatSDK.on(CbEvents.OnConnecting, () => {
+            setConnectStatus(ConnectStatus.Connecting);
+        });
+        DChatSDK.on(CbEvents.OnConnectFailed, () => {
+            setConnectStatus(ConnectStatus.Disconnected);
+        });
+        return () => {
+            DChatSDK.off(CbEvents.OnUserTokenExpired, () => { });
+            DChatSDK.off(CbEvents.OnUserTokenInvalid, () => { });
+            DChatSDK.off(CbEvents.OnConnectSuccess, () => { });
+            DChatSDK.off(CbEvents.OnConnectFailed, () => { });
+            DChatSDK.off(CbEvents.OnConnecting, () => { });
+        };
+    }, [refetchToken]);
+    return (_jsx(ChatContext.Provider, { value: { user, connectStatus }, children: children }));
 };

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

@@ -1,6 +1,7 @@
 import { ConversationItem, SessionType } from "@openim/wasm-client-sdk";
-export declare const useConversationList: () => {
+export declare const useConversationList: (selectedThreadId?: string) => {
     conversationList: ConversationItem[];
+    getAllConversationList: () => Promise<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,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAIxE,eAAO,MAAM,mBAAmB;;CAoC/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,4BAGnC;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;CAC1B;;CAwBA,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;;;CA0C5D,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

@@ -1,35 +1,38 @@
+import { CbEvents, } from "@openim/wasm-client-sdk";
 import { useCallback, useEffect, useState } from "react";
 import { DChatSDK } from "../../constants/sdk";
-export const useConversationList = () => {
+export const useConversationList = (selectedThreadId) => {
     const [conversationList, setConversationList] = useState([]);
     const getAllConversationList = useCallback(async () => {
         DChatSDK.getAllConversationList()
             .then(({ data }) => {
-            console.log("getAllConversationList", data);
             setConversationList(data);
         })
             .catch((err) => {
             console.log("getAllConversationList", err);
         });
     }, []);
-    const getOneConversation = useCallback(async () => {
-        DChatSDK.getOneConversation({
-            sourceID: "3408237279",
-            sessionType: 3,
-        })
-            .then(({ data }) => {
-            console.log("getOneConversation", data);
-        })
-            .catch((err) => {
-            console.log("getOneConversation", err);
-        });
-    }, []);
     useEffect(() => {
         getAllConversationList();
-        getOneConversation();
     }, [getAllConversationList]);
+    useEffect(() => {
+        DChatSDK.on(CbEvents.OnConversationChanged, ({ data }) => {
+            setConversationList(data);
+        });
+        return () => {
+            DChatSDK.off(CbEvents.OnConversationChanged, () => { });
+        };
+    }, []);
+    useEffect(() => {
+        if (selectedThreadId) {
+            DChatSDK.markConversationMessageAsRead(selectedThreadId).catch(({ errCode, errMsg }) => {
+                console.error("Failed to mark messages as read", errCode, errMsg);
+            });
+        }
+    }, [selectedThreadId]);
     return {
         conversationList,
+        getAllConversationList,
     };
 };
 export const useConversationDetail = ({ sourceID, sessionType, }) => {
@@ -40,7 +43,6 @@ export const useConversationDetail = ({ sourceID, sessionType, }) => {
             sessionType,
         })
             .then(({ data }) => {
-            console.log("getOneConversation", data);
             setConversationDetail(data);
         })
             .catch((err) => {

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

@@ -1,6 +1,9 @@
 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;

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;AAGjC,eAAO,MAAM,UAAU,GAAI,iBAAiB,MAAM;;;;;;CAqDjD,CAAC"}
+{"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"}

package/dist/hooks/message/useMessage.js

@@ -1,8 +1,33 @@
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { ViewType, CbEvents, } from "@openim/wasm-client-sdk";
 import { DChatSDK } from "../../constants/sdk";
 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))
+            return [];
+        const mGroupMessages = (_a = dataMessages === null || dataMessages === void 0 ? void 0 : dataMessages.messageList) === null || _a === void 0 ? void 0 : _a.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));
+                if (findGroupMessageIndex === -1) {
+                    acc.push({
+                        groupMessageID: extendMessageInfo.groupMessageID,
+                        messages: [cur],
+                        sendID: cur.sendID,
+                        sendTime: cur.sendTime,
+                    });
+                }
+                else {
+                    acc[findGroupMessageIndex].messages.push(cur);
+                }
+            }
+            return acc;
+        }, []);
+        return mGroupMessages;
+    }, [dataMessages]);
+    console.log("groupMessages", groupMessages);
     const getAdvancedHistoryMessageList = useCallback(() => {
         if (!conversationId)
             return;
@@ -20,7 +45,6 @@ export const useMessage = (conversationId) => {
             viewType: ViewType.History,
         })
             .then(({ data }) => {
-            console.log("getAdvancedHistoryMessageList", data);
             setDataMessages(data);
         })
             .catch((err) => {
@@ -30,17 +54,25 @@ export const useMessage = (conversationId) => {
     const onRecvNewMessages = useCallback((data) => {
         getAdvancedHistoryMessageList();
     }, [getAdvancedHistoryMessageList]);
+    const markConversationMessageAsRead = useCallback((message) => {
+        if (!conversationId)
+            return;
+        DChatSDK.markConversationMessageAsRead(conversationId)
+            .then()
+            .catch(({ errCode, errMsg }) => {
+            // Failed call
+        });
+    }, [conversationId]);
     useEffect(() => {
         getAdvancedHistoryMessageList();
     }, [getAdvancedHistoryMessageList]);
     useEffect(() => {
         DChatSDK.on(CbEvents.OnRecvNewMessages, ({ data }) => {
-            console.log("OnRecvNewMessages123", data);
             onRecvNewMessages(data);
         });
         return () => {
             DChatSDK.off(CbEvents.OnRecvNewMessages, () => { });
         };
     }, [onRecvNewMessages]);
-    return Object.assign(Object.assign({}, dataMessages), { refetch: getAdvancedHistoryMessageList });
+    return Object.assign(Object.assign({}, dataMessages), { groupMessages, refetch: getAdvancedHistoryMessageList, markConversationMessageAsRead });
 };

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

@@ -1,10 +1,13 @@
+import { MessageItem } from "@openim/wasm-client-sdk";
+import { ExtendMessageInfo } from "../../types/chat";
 interface SendMessageProps {
     recvID: string;
     groupID: string;
 }
-export declare const createTextMessage: (text: string) => Promise<import("@openim/wasm-client-sdk").MessageItem | null>;
+export declare const createTextMessage: (text: string) => Promise<MessageItem | null>;
 export declare const useSendMessage: (props: SendMessageProps) => {
-    sendTextMessage: (text: string) => Promise<boolean>;
+    sendTextMessage: (text: string, lastMessage?: MessageItem) => Promise<boolean>;
 };
+export declare const generateExtendMessageInfo: (currentUserID: string, lastMessage?: MessageItem) => ExtendMessageInfo;
 export {};
 //# 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":"AAGA,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,iBAAiB,GAAU,MAAM,MAAM,kEAUnD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,gBAAgB;4BAIf,MAAM;CAsB5C,CAAC"}
+{"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"}

package/dist/hooks/message/useSendMessage.js

@@ -1,41 +1,54 @@
 import { DChatSDK } from "../../constants/sdk";
+import dayjs from "dayjs";
+import { v4 as uuidv4 } from "uuid";
 import { useChatContext } from "../../context/ChatContext";
+import { useCallback } from "react";
 export const createTextMessage = async (text) => {
-    let textMessage = await DChatSDK.createTextMessage(text)
+    let textMessage = await DChatSDK.createTextMessage(text, new Date().getTime().toString())
         .then(({ data }) => {
         return data;
     })
         .catch(({ errCode, errMsg }) => {
-        console.log("createTextMessage", errCode, errMsg);
+        console.error("createTextMessage", errCode, errMsg);
         return null;
     });
     return textMessage;
 };
 export const useSendMessage = (props) => {
-    const { user } = useChatContext();
     const { recvID, groupID } = props;
-    const sendTextMessage = async (text) => {
+    const { user } = useChatContext();
+    const sendTextMessage = useCallback(async (text, lastMessage) => {
         let result = false;
         if (!recvID && !groupID)
             return false;
         const textMessage = await createTextMessage(text);
-        console.log("textMessage", textMessage);
         if (!textMessage)
             return false;
+        const extendMessageInfo = generateExtendMessageInfo((user === null || user === void 0 ? void 0 : user.userID) || "", lastMessage);
         try {
             await DChatSDK.sendMessage({
                 recvID,
                 groupID,
-                message: textMessage,
-            });
+                message: Object.assign(Object.assign({}, textMessage), { ex: JSON.stringify(extendMessageInfo) || "{}" }),
+            }, new Date().getTime().toString());
             result = true;
         }
         catch (error) {
             console.log("sendMessage", error);
         }
         return result;
-    };
+    }, [recvID, groupID, user]);
     return {
         sendTextMessage,
     };
 };
+export const generateExtendMessageInfo = (currentUserID, lastMessage) => {
+    const diffSendTime = dayjs().diff(lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.sendTime, "minutes");
+    const isSameSender = (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.sendID) === currentUserID;
+    const lastMessageExtendMessageInfo = JSON.parse((lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.ex) || "{}");
+    return {
+        groupMessageID: isSameSender && diffSendTime <= 5
+            ? (lastMessageExtendMessageInfo === null || lastMessageExtendMessageInfo === void 0 ? void 0 : lastMessageExtendMessageInfo.groupMessageID) || uuidv4()
+            : uuidv4(),
+    };
+};

package/dist/hooks/zustand/useMessageStore.d.ts

@@ -0,0 +1,9 @@
+interface MessageStore {
+    selectedThreadId: string;
+    selectedSourceId: string;
+    setSelectedThreadId: (threadId: string) => void;
+    setSelectedSourceId: (sourceId: string) => void;
+}
+declare const useMessageStore: import("zustand").UseBoundStore<import("zustand").StoreApi<MessageStore>>;
+export default useMessageStore;
+//# sourceMappingURL=useMessageStore.d.ts.map

package/dist/hooks/zustand/useMessageStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessageStore.d.ts","sourceRoot":"","sources":["../../../src/hooks/zustand/useMessageStore.ts"],"names":[],"mappings":"AAEA,UAAU,YAAY;IACpB,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,eAAe,2EAKlB,CAAC;AAEJ,eAAe,eAAe,CAAC"}

package/dist/hooks/zustand/useMessageStore.js

@@ -0,0 +1,8 @@
+import { create } from "zustand";
+const useMessageStore = create((set) => ({
+    selectedThreadId: "",
+    setSelectedThreadId: (threadId) => set({ selectedThreadId: threadId }),
+    selectedSourceId: "",
+    setSelectedSourceId: (sourceId) => set({ selectedSourceId: sourceId }),
+}));
+export default useMessageStore;

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-import DChatDeskMessage from "./screens/desk-message";
+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 ChatBubble from "./components/ChatBubble";
 export { ChatProvider, useChatContext } from "./context/ChatContext";
-export { DChatDeskMessage, ChatBubble, Icon };
+export { DChatDeskMessage, DChatBubble, Icon };
 export { useDChatAuth } from "./hooks/user/useAuth";
 export { Platform as DChatPlatform, LogLevel as DChatLogLevel, SessionType as DChatSessionType, };
 export type { InitAndLoginConfig as DChatInitAndLoginConfig };

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,wBAAwB,CAAC;AACtD,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AAGjD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGrE,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;AAG9C,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;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"}

package/dist/index.js

@@ -1,11 +1,11 @@
-import DChatDeskMessage from "./screens/desk-message";
+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 ChatBubble from "./components/ChatBubble";
 // Main exports for the SDK
 export { ChatProvider, useChatContext } from "./context/ChatContext";
 //Components
-export { DChatDeskMessage, ChatBubble, Icon };
+export { DChatDeskMessage, DChatBubble, Icon };
 //Hooks
 export { useDChatAuth } from "./hooks/user/useAuth";
 // export * from "./types/sdk";

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

@@ -0,0 +1,10 @@
+import { SessionType } from "@openim/wasm-client-sdk";
+interface DChatBubbleProps {
+    conversationId: string;
+    sourceID: string;
+    sessionType: SessionType;
+    className?: string;
+}
+declare const DChatBubble: (props: DChatBubbleProps) => import("react/jsx-runtime").JSX.Element | null;
+export default DChatBubble;
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/screens/chatBubble/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import ChatBubble from "../../components/chatBubble/ChatBubble";
+import { useChatContext } from "../../context/ChatContext";
+import { ConnectStatus } from "../../types/chat";
+const DChatBubble = (props) => {
+    const { conversationId, sourceID, sessionType, className } = props;
+    const { connectStatus } = useChatContext();
+    if (connectStatus !== ConnectStatus.Connected)
+        return null;
+    return (_jsx(ChatBubble, { conversationId: conversationId, sourceID: sourceID, sessionType: sessionType, className: className }));
+};
+export default DChatBubble;

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

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

package/dist/screens/deskMessage/index.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { SessionType } from "@openim/wasm-client-sdk";
+import MessageList from "../../components/message/MessageList";
+import DeskConversationList from "../../components/conversation/DeskConversationList";
+import { useConversationDetail } from "../../hooks/conversation/useConversation";
+import AssignedSessionFilter from "../../components/session/AssignedSessionFilter";
+import useMessageStore from "../../hooks/zustand/useMessageStore";
+import { useChatContext } from "../../context/ChatContext";
+import { Spin } from "antd";
+import { ConnectStatus } from "../../types/chat";
+const DChatDeskMessage = () => {
+    const selectedThreadId = useMessageStore((state) => state.selectedThreadId);
+    const selectedSourceId = useMessageStore((state) => state.selectedSourceId);
+    const { conversationDetail } = useConversationDetail({
+        sourceID: selectedSourceId,
+        sessionType: SessionType.Group,
+    });
+    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: conversationDetail })] })) : (_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/styles/global.css

@@ -1 +1 @@
-*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.absolute{position:absolute}.relative{position:relative}.-bottom-0\.5{bottom:-.125rem}.-right-0\.5{right:-.125rem}.bottom-0{bottom:0}.left-0{left:0}.left-3{left:.75rem}.top-0{top:0}.top-1\/2{top:50%}.\!z-\[9999\]{z-index:9999!important}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mt-0\.5{margin-top:.125rem}.flex{display:flex}.inline-flex{display:inline-flex}.h-12{height:3rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0}.w-1{width:.25rem}.w-12{width:3rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-64{width:16rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-r-2{border-right-width:2px}.border-t{border-top-width:1px}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-3{padding:.75rem}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}@media (min-width:640px){.sm\:p-4{padding:1rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.top-0{top:0}.\!z-\[9999\]{z-index:9999!important}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mt-0\.5{margin-top:.125rem}.flex{display:flex}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0}.w-1{width:.25rem}.w-64{width:16rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-r-2{border-right-width:2px}.border-t{border-top-width:1px}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-3{padding:.75rem}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-left{text-align:left}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}@media (min-width:640px){.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}

package/dist/types/chat.d.ts

@@ -1,9 +1,23 @@
-import { InitAndLoginConfig, SelfUserInfo } from "@openim/wasm-client-sdk";
+import { InitAndLoginConfig, MessageItem, SelfUserInfo } from "@openim/wasm-client-sdk";
+export declare enum ConnectStatus {
+    Disconnected = 0,
+    Connected = 1,
+    Connecting = 2
+}
 export interface ChatContextType {
     user: SelfUserInfo | null;
+    connectStatus: ConnectStatus;
 }
 export interface ChatProviderProps {
     children: React.ReactNode;
     config: InitAndLoginConfig;
+    refetchToken: () => Promise<string>;
+}
+export interface GroupMessageItem extends Pick<MessageItem, "sendID" | "sendTime"> {
+    groupMessageID: string;
+    messages: MessageItem[];
+}
+export interface ExtendMessageInfo {
+    groupMessageID: string;
 }
 //# sourceMappingURL=chat.d.ts.map

package/dist/types/chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../src/types/chat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE3E,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,kBAAkB,CAAC;CAC5B"}
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../src/types/chat.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,WAAW,EACX,YAAY,EACb,MAAM,yBAAyB,CAAC;AAEjC,oBAAY,aAAa;IACvB,YAAY,IAAI;IAChB,SAAS,IAAI;IACb,UAAU,IAAI;CACf;AACD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,kBAAkB,CAAC;IAC3B,YAAY,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,UAAU,CAAC;IAChD,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,MAAM,CAAC;CACxB"}

package/dist/types/chat.js

@@ -1 +1,6 @@
-export {};
+export var ConnectStatus;
+(function (ConnectStatus) {
+    ConnectStatus[ConnectStatus["Disconnected"] = 0] = "Disconnected";
+    ConnectStatus[ConnectStatus["Connected"] = 1] = "Connected";
+    ConnectStatus[ConnectStatus["Connecting"] = 2] = "Connecting";
+})(ConnectStatus || (ConnectStatus = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@droppii-org/chat-sdk",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "description": "Droppii React Chat SDK",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -64,13 +64,21 @@
   "dependencies": {
     "@openim/wasm-client-sdk": "3.8.3-patch.10",
     "@tailwindcss/postcss": "^4.1.12",
+    "@types/react-window": "^1.8.8",
+    "@types/react-window-infinite-loader": "^1.0.9",
     "antd": "^5.27.0",
     "clsx": "^2.0.0",
+    "dayjs": "^1.11.13",
     "lucide-react": "^0.263.1",
     "postcss": "^8.5.6",
     "react-icomoon": "^2.6.1",
+    "react-virtualized-auto-sizer": "^1.0.26",
+    "react-window": "^1.8.11",
+    "react-window-infinite-loader": "^1.0.10",
     "tailwind-merge": "^2.0.0",
-    "tailwindcss": "^3.3.0"
+    "tailwindcss": "^3.3.0",
+    "uuid": "^11.1.0",
+    "zustand": "^5.0.7"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/dist/components/ChatBubble.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatBubble.d.ts","sourceRoot":"","sources":["../../src/components/ChatBubble.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGtD,UAAU,eAAe;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,GAAI,uDAKjB,eAAe,4CAmDjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/screens/desk-message/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/index.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,gBAAgB,+CAcrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/screens/desk-message/index.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SessionType } from "@openim/wasm-client-sdk";
-import MessageList from "../../components/message/MessageList";
-import DeskConversationList from "../../components/conversation/DeskConversationList";
-import { useConversationDetail } from "../../hooks/conversation/useConversation";
-const DChatDeskMessage = () => {
-    const { conversationDetail } = useConversationDetail({
-        sourceID: "3408237279",
-        sessionType: SessionType.Group,
-    });
-    return (_jsxs("div", { className: "flex flex-1 flex-row h-screen bg-gray-50", children: [_jsx(DeskConversationList, {}), _jsx(MessageList, { conversationId: "sg_3408237279", conversationData: conversationDetail })] }));
-};
-export default DChatDeskMessage;