@droppii-org/chat-sdk 0.0.33 → 0.0.35

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

@@ -2,33 +2,20 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import dayjs from "dayjs";
 import clsx from "clsx";
 import { Avatar } from "antd";
-import isToday from "dayjs/plugin/isToday";
 import { useChatContext } from "../../../context/ChatContext";
-import { MessageType, SessionType, } from "@openim/wasm-client-sdk";
+import { MessageType, } from "@openim/wasm-client-sdk";
 import TextMessageItem from "./TextMessage";
 import ImageMessageItem from "./ImageMessage";
 import FileMessageItem from "./FileMessage";
 import VideoMessageItem from "./VideoMessage";
-dayjs.extend(isToday);
-const visibleTypeMessage = [
-    MessageType.TextMessage,
-    MessageType.PictureMessage,
-    MessageType.VoiceMessage,
-    MessageType.VideoMessage,
-    MessageType.FileMessage,
-    MessageType.AtTextMessage,
-    MessageType.MergeMessage,
-    MessageType.CardMessage,
-    MessageType.LocationMessage,
-    MessageType.CustomMessage,
-    MessageType.QuoteMessage,
-    MessageType.FaceMessage,
-];
-const MessageItem = ({ groupMessage }) => {
+import { getVisibleNeighbor, visibleTypeMessage, } from "../../../hooks/message/useMessage";
+import { MSG_ITEM_CONTENT_PREFIX, MSG_ITEM_PREFIX } from "../../../constants";
+import { formatTimestamp } from "../../../utils/common";
+const BREAK_TIME = 5;
+const MessageItem = ({ message, allMessages }) => {
+    var _a, _b, _c, _d;
     const { user } = useChatContext();
-    const messagesInGroup = (groupMessage === null || groupMessage === void 0 ? void 0 : groupMessage.messages) || [];
-    const isToday = dayjs(groupMessage === null || groupMessage === void 0 ? void 0 : groupMessage.sendTime).isToday();
-    const isVisibleGroup = messagesInGroup === null || messagesInGroup === void 0 ? void 0 : messagesInGroup.some((message) => visibleTypeMessage.includes(message === null || message === void 0 ? void 0 : message.contentType));
+    const isVisibleGroup = visibleTypeMessage.includes(message === null || message === void 0 ? void 0 : message.contentType);
     const renderMessageByType = (message) => {
         switch (message === null || message === void 0 ? void 0 : message.contentType) {
             case MessageType.TextMessage:
@@ -45,16 +32,21 @@ const MessageItem = ({ groupMessage }) => {
     };
     if (!isVisibleGroup)
         return null;
-    return (_jsxs("div", { className: "flex flex-col gap-2 my-4 mx-3 sm:mx-4", children: [_jsx("div", { className: "flex justify-center", children: _jsx("span", { className: "text-xs text-gray-600 text-center bg-neutral-100 px-2 py-1 rounded-full", children: dayjs(groupMessage === null || groupMessage === void 0 ? void 0 : groupMessage.sendTime).format(isToday ? "HH:mm" : "HH:mm, DD MMMM") }) }), messagesInGroup === null || messagesInGroup === void 0 ? void 0 : messagesInGroup.map((message, messageIndex) => {
-                var _a, _b, _c, _d;
-                if (!visibleTypeMessage.includes(message === null || message === void 0 ? void 0 : message.contentType))
-                    return null;
-                const isMine = (message === null || message === void 0 ? void 0 : message.sendID) === (user === null || user === void 0 ? void 0 : user.userID);
-                const showAvatar = messageIndex === messagesInGroup.length - 1;
-                const showSenderName = messageIndex === 0 && (message === null || message === void 0 ? void 0 : message.sessionType) === SessionType.Group;
-                return (_jsx("div", { className: clsx("flex", isMine ? "justify-end" : "justify-start"), children: _jsxs("div", { className: clsx("flex flex-1 items-end gap-2", isMine ? "justify-end" : "justify-start"), children: [!isMine && (_jsx("div", { className: "flex items-center justify-center w-[32px] h-[32px]", children: showAvatar && (_jsx(Avatar, { children: ((_b = (_a = message === null || message === void 0 ? void 0 : message.senderNickname) === null || _a === void 0 ? void 0 : _a.charAt) === null || _b === void 0 ? void 0 : _b.call(_a, 0)) || "A" })) })), _jsxs("div", { className: clsx("flex flex-col flex-[0.8]", isMine ? "items-end" : "items-start"), children: [!isMine && showSenderName && (_jsx("span", { className: "text-xs text-gray-500 mb-1 px-3", children: message === null || message === void 0 ? void 0 : message.senderNickname })), _jsxs("div", { className: clsx("px-3 py-2 rounded-2xl max-w-full break-words flex flex-col flex-1 text-gray-900 gap-1", isMine ? "bg-blue-100" : "bg-white"), children: [(message === null || message === void 0 ? void 0 : message.contentType) === MessageType.MergeMessage ? (_jsxs("div", { children: [(_d = (_c = message === null || message === void 0 ? void 0 : message.mergeElem) === null || _c === void 0 ? void 0 : _c.multiMessage) === null || _d === void 0 ? void 0 : _d.map((item) => {
-                                                        return renderMessageByType(item);
-                                                    }), (message === null || message === void 0 ? void 0 : message.textElem) && (_jsx(TextMessageItem, { message: message }))] })) : (renderMessageByType(message)), _jsx("span", { className: clsx("text-xs text-gray-500 text-right text-gray-500"), children: dayjs(message === null || message === void 0 ? void 0 : message.sendTime).format("HH:mm") })] })] })] }) }, message === null || message === void 0 ? void 0 : message.clientMsgID));
-            })] }, groupMessage === null || groupMessage === void 0 ? void 0 : groupMessage.groupMessageID));
+    const isMine = (message === null || message === void 0 ? void 0 : message.sendID) === (user === null || user === void 0 ? void 0 : user.userID);
+    const previousMessage = getVisibleNeighbor(allMessages, message, "prev");
+    const nextMessage = getVisibleNeighbor(allMessages, message, "next");
+    const prevSameUser = (previousMessage === null || previousMessage === void 0 ? void 0 : previousMessage.sendID) === (message === null || message === void 0 ? void 0 : message.sendID);
+    const nextSameUser = (nextMessage === null || nextMessage === void 0 ? void 0 : nextMessage.sendID) === (message === null || message === void 0 ? void 0 : message.sendID);
+    const prevTimeBreak = !previousMessage ||
+        dayjs(message.sendTime).diff(previousMessage.sendTime, "minute") >
+            BREAK_TIME;
+    const nextTimeBreak = !nextMessage ||
+        dayjs(nextMessage.sendTime).diff(message.sendTime, "minute") > BREAK_TIME;
+    const showTimeBreak = prevTimeBreak;
+    const isFirstInGroup = prevTimeBreak || !prevSameUser;
+    const isLastInGroup = nextTimeBreak || !nextSameUser;
+    return (_jsxs("div", { className: "flex flex-col gap-2 py-1 px-3 sm:p x-4", id: `${MSG_ITEM_PREFIX}${message === null || message === void 0 ? void 0 : message.clientMsgID}`, children: [showTimeBreak && (_jsx("div", { className: "flex justify-center", children: _jsx("span", { className: "text-xs text-gray-600 text-center bg-neutral-100 px-2 py-1 rounded-full", children: formatTimestamp(message.sendTime) }) })), _jsx("div", { className: clsx("flex", isMine ? "justify-end" : "justify-start"), children: _jsxs("div", { className: clsx("flex flex-1 items-end gap-2", isMine ? "justify-end" : "justify-start"), children: [!isMine && (_jsx("div", { className: "flex items-center justify-center w-[32px] h-[32px]", children: isLastInGroup && (_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: clsx("flex flex-col flex-[0.8]", isMine ? "items-end" : "items-start"), children: [isFirstInGroup && !isMine && (_jsx("span", { className: "text-xs text-gray-500 mb-1 px-3", children: message === null || message === void 0 ? void 0 : message.senderNickname })), _jsxs("div", { className: clsx("px-3 py-2 rounded-2xl max-w-full break-words flex flex-col flex-1 text-gray-900 gap-1", isMine ? "bg-blue-100" : "bg-white"), id: `${MSG_ITEM_CONTENT_PREFIX}${message === null || message === void 0 ? void 0 : message.clientMsgID}`, children: [(message === null || message === void 0 ? void 0 : message.contentType) === MessageType.MergeMessage ? (_jsxs("div", { children: [(_d = (_c = message === null || message === void 0 ? void 0 : message.mergeElem) === null || _c === void 0 ? void 0 : _c.multiMessage) === null || _d === void 0 ? void 0 : _d.map((item) => {
+                                                    return renderMessageByType(item);
+                                                }), (message === null || message === void 0 ? void 0 : message.textElem) && _jsx(TextMessageItem, { message: message })] })) : (renderMessageByType(message)), _jsx("span", { className: clsx("text-xs text-gray-500 text-right text-gray-500"), children: dayjs(message === null || message === void 0 ? void 0 : message.sendTime).format("HH:mm") })] })] })] }) }, message === null || message === void 0 ? void 0 : message.clientMsgID)] }, message === null || message === void 0 ? void 0 : message.clientMsgID));
 };
 export default MessageItem;

package/dist/components/searchConversation/SearchAll.d.ts

@@ -1,3 +1,8 @@
-declare const SearchConversationAll: () => import("react/jsx-runtime").JSX.Element;
+import { SearchConversationTabKey } from ".";
+interface SearchConversationAllProps {
+    searchTerm: string;
+    setActiveKey: (key: SearchConversationTabKey) => void;
+}
+declare const SearchConversationAll: ({ searchTerm, setActiveKey, }: SearchConversationAllProps) => import("react/jsx-runtime").JSX.Element;
 export default SearchConversationAll;
 //# sourceMappingURL=SearchAll.d.ts.map

package/dist/components/searchConversation/SearchAll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchAll.d.ts","sourceRoot":"","sources":["../../../src/components/searchConversation/SearchAll.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,qBAAqB,+CAI1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"SearchAll.d.ts","sourceRoot":"","sources":["../../../src/components/searchConversation/SearchAll.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,wBAAwB,EAAE,MAAM,GAAG,CAAC;AAE7C,UAAU,0BAA0B;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,GAAG,EAAE,wBAAwB,KAAK,IAAI,CAAC;CACvD;AACD,QAAA,MAAM,qBAAqB,GAAI,+BAG5B,0BAA0B,4CAkH5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/searchConversation/SearchAll.js

@@ -1,8 +1,32 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Empty } from "antd";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Empty, Spin } from "antd";
 import { useTranslation } from "react-i18next";
-const SearchConversationAll = () => {
+import { useSearchMessage } from "../../hooks/search/useSearchMessage";
+import { MessageType } from "@openim/wasm-client-sdk";
+import { Icon } from "../icon";
+import SearchItemAsMessage from "./item/SearchItemAsMessage";
+import { useGetSession } from "../../hooks/session/useGetSession";
+import SearchItemAsUser from "./item/SearchItemAsUser";
+import { SearchConversationTabKey } from ".";
+const SearchConversationAll = ({ searchTerm = "", setActiveKey, }) => {
     const { t } = useTranslation();
-    return _jsx(Empty, { description: t("no_conversation") });
+    const { dataFlatten: messages, isLoading: isLoadingMessage, hasNextPage: hasNextPageMessage, } = useSearchMessage({
+        payload: {
+            searchTerm: searchTerm.trim(),
+            contentType: MessageType.TextMessage,
+        },
+        options: { pageSize: 5 },
+    });
+    const { dataFlatten: sessions, isLoading: isLoadingSession, hasNextPage: hasNextPageSession, } = useGetSession({
+        searchTerm: searchTerm.trim(),
+    }, { pageSize: 5 });
+    if (searchTerm.trim() === "" ||
+        (messages.length === 0 && sessions.length === 0)) {
+        return (_jsx("div", { className: "h-full overflow-auto", children: _jsx(Empty, { description: t("no_conversation") }) }));
+    }
+    if (isLoadingMessage || isLoadingSession) {
+        return (_jsx("div", { className: "h-full overflow-auto flex items-center justify-center", children: _jsx(Spin, {}) }));
+    }
+    return (_jsxs("div", { className: "h-full overflow-auto", children: [sessions.length > 0 && (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between px-3", children: [_jsx("span", { className: "text-xs font-medium uppercase flex-1 text-gray-600", children: t("users") }), hasNextPageSession && (_jsx(Button, { type: "link", icon: _jsx(Icon, { icon: "angle-right-o", size: 18, className: "!align-[-4px]" }), iconPosition: "end", className: "p-0 gap-1", onClick: () => setActiveKey === null || setActiveKey === void 0 ? void 0 : setActiveKey(SearchConversationTabKey.Users), children: t("see_more") }))] }), _jsx("div", { children: sessions.map((session) => (_jsx(SearchItemAsUser, { session: session, searchTerm: searchTerm }))) })] })), messages.length > 0 && (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between px-3", children: [_jsx("span", { className: "text-xs font-medium uppercase flex-1 text-gray-600", children: t("messages") }), hasNextPageMessage && (_jsx(Button, { type: "link", icon: _jsx(Icon, { icon: "angle-right-o", size: 18, className: "!align-[-4px]" }), iconPosition: "end", className: "p-0 gap-1", onClick: () => setActiveKey === null || setActiveKey === void 0 ? void 0 : setActiveKey(SearchConversationTabKey.Messages), children: t("see_more") }))] }), _jsx("div", { children: messages.map((message) => (_jsx(SearchItemAsMessage, { message: message.chatLog, searchTerm: searchTerm }))) })] }))] }));
 };
 export default SearchConversationAll;

package/dist/components/searchConversation/SearchConversationAsMessages.d.ts

@@ -1,3 +1,6 @@
-declare const SearchConversationAsMessages: () => import("react/jsx-runtime").JSX.Element;
+interface SearchConversationAsMessagesProps {
+    searchTerm: string;
+}
+declare const SearchConversationAsMessages: (props: SearchConversationAsMessagesProps) => import("react/jsx-runtime").JSX.Element;
 export default SearchConversationAsMessages;
 //# sourceMappingURL=SearchConversationAsMessages.d.ts.map

package/dist/components/searchConversation/SearchConversationAsMessages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchConversationAsMessages.d.ts","sourceRoot":"","sources":["../../../src/components/searchConversation/SearchConversationAsMessages.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,4BAA4B,+CAIjC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}
+{"version":3,"file":"SearchConversationAsMessages.d.ts","sourceRoot":"","sources":["../../../src/components/searchConversation/SearchConversationAsMessages.tsx"],"names":[],"mappings":"AAOA,UAAU,iCAAiC;IACzC,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,4BAA4B,GAChC,OAAO,iCAAiC,4CAuCzC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/dist/components/searchConversation/SearchConversationAsMessages.js

@@ -1,8 +1,23 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Empty } from "antd";
+import { Empty, Spin } from "antd";
 import { useTranslation } from "react-i18next";
-const SearchConversationAsMessages = () => {
+import { useSearchMessage } from "../../hooks/search/useSearchMessage";
+import { MessageType } from "@openim/wasm-client-sdk";
+import InfiniteScroll from "react-infinite-scroll-component";
+import SearchItemAsMessage from "./item/SearchItemAsMessage";
+const SearchConversationAsMessages = (props) => {
+    const { searchTerm = "" } = props;
     const { t } = useTranslation();
-    return _jsx(Empty, { description: t("no_conversation") });
+    const { dataFlatten, hasNextPage, fetchNextPage, isLoading } = useSearchMessage({
+        payload: {
+            searchTerm: searchTerm.trim(),
+            contentType: MessageType.TextMessage,
+        },
+    });
+    if ((dataFlatten.length === 0 && !isLoading) || searchTerm.trim() === "")
+        return _jsx(Empty, { description: t("no_conversation") });
+    if (isLoading)
+        return (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Spin, {}) }));
+    return (_jsx("div", { id: "scrollableVideoDiv", className: "h-full overflow-auto", children: _jsx(InfiniteScroll, { dataLength: dataFlatten.length, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableVideoDiv", children: dataFlatten.map((item) => (_jsx(SearchItemAsMessage, { message: item.chatLog, searchTerm: searchTerm }))) }) }));
 };
 export default SearchConversationAsMessages;

package/dist/components/searchConversation/SearchConversationAsUsers.d.ts

@@ -1,3 +1,6 @@
-declare const SearchConversationAsUsers: () => import("react/jsx-runtime").JSX.Element;
+interface SearchConversationAsUsersProps {
+    searchTerm: string;
+}
+declare const SearchConversationAsUsers: (props: SearchConversationAsUsersProps) => import("react/jsx-runtime").JSX.Element;
 export default SearchConversationAsUsers;
 //# sourceMappingURL=SearchConversationAsUsers.d.ts.map

package/dist/components/searchConversation/SearchConversationAsUsers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchConversationAsUsers.d.ts","sourceRoot":"","sources":["../../../src/components/searchConversation/SearchConversationAsUsers.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,yBAAyB,+CAI9B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"SearchConversationAsUsers.d.ts","sourceRoot":"","sources":["../../../src/components/searchConversation/SearchConversationAsUsers.tsx"],"names":[],"mappings":"AAMA,UAAU,8BAA8B;IACtC,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,yBAAyB,GAAI,OAAO,8BAA8B,4CAkCvE,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/searchConversation/SearchConversationAsUsers.js

@@ -1,8 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Empty } from "antd";
+import { Empty, Spin } from "antd";
 import { useTranslation } from "react-i18next";
-const SearchConversationAsUsers = () => {
+import InfiniteScroll from "react-infinite-scroll-component";
+import SearchItemAsUser from "./item/SearchItemAsUser";
+import { useGetSession } from "../../hooks/session/useGetSession";
+const SearchConversationAsUsers = (props) => {
+    const { searchTerm = "" } = props;
     const { t } = useTranslation();
-    return _jsx(Empty, { description: t("no_conversation") });
+    const { dataFlatten, hasNextPage, fetchNextPage, isLoading } = useGetSession({
+        searchTerm: searchTerm.trim(),
+    });
+    if ((dataFlatten.length === 0 && !isLoading) || searchTerm.trim() === "")
+        return _jsx(Empty, { description: t("no_conversation") });
+    if (isLoading)
+        return (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Spin, {}) }));
+    return (_jsx("div", { id: "scrollableVideoDiv", className: "h-full overflow-auto", children: _jsx(InfiniteScroll, { dataLength: dataFlatten.length, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableVideoDiv", children: dataFlatten.map((item) => (_jsx(SearchItemAsUser, { session: item, searchTerm: searchTerm }))) }) }));
 };
 export default SearchConversationAsUsers;

package/dist/components/searchConversation/index.d.ts

@@ -3,6 +3,9 @@ export declare enum SearchConversationTabKey {
     Users = "users",
     Messages = "messages"
 }
-declare const SearchConversation: () => import("react/jsx-runtime").JSX.Element;
+interface SearchConversationProps {
+    searchTerm: string;
+}
+declare const SearchConversation: ({ searchTerm }: SearchConversationProps) => import("react/jsx-runtime").JSX.Element;
 export default SearchConversation;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/searchConversation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/searchConversation/index.tsx"],"names":[],"mappings":"AASA,oBAAY,wBAAwB;IAClC,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,QAAA,MAAM,kBAAkB,+CA4BvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/searchConversation/index.tsx"],"names":[],"mappings":"AASA,oBAAY,wBAAwB;IAClC,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,UAAU,uBAAuB;IAC/B,UAAU,EAAE,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,kBAAkB,GAAI,gBAAgB,uBAAuB,4CA0ClE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/searchConversation/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Tabs } from "antd";
-import { useMemo } from "react";
+import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import SearchConversationAll from "./SearchAll";
 import SearchConversationAsUsers from "./SearchConversationAsUsers";
@@ -12,27 +12,28 @@ export var SearchConversationTabKey;
     SearchConversationTabKey["Users"] = "users";
     SearchConversationTabKey["Messages"] = "messages";
 })(SearchConversationTabKey || (SearchConversationTabKey = {}));
-const SearchConversation = () => {
+const SearchConversation = ({ searchTerm }) => {
     const { t } = useTranslation();
+    const [activeKey, setActiveKey] = useState(SearchConversationTabKey.All);
     const items = useMemo(() => {
         return [
             {
                 key: SearchConversationTabKey.All,
                 label: t("all"),
-                children: _jsx(SearchConversationAll, {}),
+                children: (_jsx(SearchConversationAll, { searchTerm: searchTerm, setActiveKey: setActiveKey })),
             },
             {
                 key: SearchConversationTabKey.Users,
                 label: t("users"),
-                children: _jsx(SearchConversationAsUsers, {}),
+                children: _jsx(SearchConversationAsUsers, { searchTerm: searchTerm }),
             },
             {
                 key: SearchConversationTabKey.Messages,
                 label: t("messages"),
-                children: _jsx(SearchConversationAsMessages, {}),
+                children: _jsx(SearchConversationAsMessages, { searchTerm: searchTerm }),
             },
         ];
-    }, [t]);
-    return (_jsx("div", { children: _jsx(Tabs, { defaultActiveKey: SearchConversationTabKey.All, items: items }) }));
+    }, [t, searchTerm]);
+    return (_jsx("div", { className: "h-full", children: _jsx(Tabs, { defaultActiveKey: SearchConversationTabKey.All, items: items, className: "h-full", activeKey: activeKey, onChange: (key) => setActiveKey(key) }) }));
 };
 export default SearchConversation;

package/dist/components/searchConversation/item/SearchItemAsMessage.d.ts

@@ -0,0 +1,8 @@
+import { MessageItem } from "@openim/wasm-client-sdk";
+interface SearchItemAsMessageProps {
+    message: MessageItem;
+    searchTerm: string;
+}
+declare const SearchItemAsMessage: (props: SearchItemAsMessageProps) => import("react/jsx-runtime").JSX.Element;
+export default SearchItemAsMessage;
+//# sourceMappingURL=SearchItemAsMessage.d.ts.map

package/dist/components/searchConversation/item/SearchItemAsMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchItemAsMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/searchConversation/item/SearchItemAsMessage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AASnE,UAAU,wBAAwB;IAChC,OAAO,EAAE,WAAW,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CAwE3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/searchConversation/item/SearchItemAsMessage.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SessionType } from "@openim/wasm-client-sdk";
+import { Avatar } from "antd";
+import { formatTimestamp, highlightSearch } from "../../../utils/common";
+import { DChatSDK } from "../../../constants/sdk";
+import { useChatContext } from "../../../context/ChatContext";
+import { message as antdMessage } from "antd";
+import { useTranslation } from "react-i18next";
+import useConversationStore from "../../../store/conversation";
+const SearchItemAsMessage = (props) => {
+    var _a;
+    const { t } = useTranslation();
+    const { message, searchTerm = "" } = props;
+    const { user } = useChatContext();
+    const onPressItem = async () => {
+        const { data } = await DChatSDK.getOneConversation({
+            sourceID: message.sessionType === SessionType.Group
+                ? message.groupID
+                : (user === null || user === void 0 ? void 0 : user.userID) !== message.sendID
+                    ? message.sendID
+                    : message.recvID,
+            sessionType: message.sessionType,
+        });
+        if (!data) {
+            return antdMessage.error(t("err_get_conversation"));
+        }
+        useConversationStore
+            .getState()
+            .setConversationData(data, message.clientMsgID);
+        useConversationStore
+            .getState()
+            .setSelectedConversationId(data.conversationID);
+    };
+    let msgContent = "";
+    try {
+        msgContent = ((_a = JSON.parse((message === null || message === void 0 ? void 0 : message.content) || "{}")) === null || _a === void 0 ? void 0 : _a.content) || "";
+    }
+    catch (error) {
+        console.error("Failed to parse message content", error);
+        if (typeof (message === null || message === void 0 ? void 0 : message.content) === "string") {
+            msgContent = message === null || message === void 0 ? void 0 : message.content;
+        }
+    }
+    return (_jsxs("div", { className: "py-3 px-2 flex items-center gap-3 hover:bg-gray-100 hover:rounded-sm cursor-pointer border-b mx-1", onClick: onPressItem, children: [_jsx("div", { children: _jsx(Avatar, { size: "large", src: message.senderFaceUrl, alt: message.senderNickname, children: message.senderNickname.charAt(0).toUpperCase() }) }), _jsxs("div", { className: "flex flex-col flex-1 min-w-0 gap-1", children: [_jsxs("div", { className: "flex flex-1 items-center justify-between", children: [_jsx("span", { className: "text-sm flex-1 font-semibold truncate", children: message.senderNickname }), _jsx("span", { className: "text-xs text-gray-500", children: formatTimestamp(message.sendTime, {
+                                    hasTime: false,
+                                }) })] }), _jsx("div", { className: "flex flex-col flex-1 min-w-0", children: _jsx("span", { className: "text-xs flex-1 text-gray-500 truncate", dangerouslySetInnerHTML: {
+                                __html: highlightSearch(msgContent, searchTerm),
+                            } }) })] })] }, message.clientMsgID));
+};
+export default SearchItemAsMessage;

package/dist/components/searchConversation/item/SearchItemAsUser.d.ts

@@ -0,0 +1,8 @@
+import { ISessionByStatus } from "../../../store/type";
+interface SearchItemAsUserProps {
+    session: ISessionByStatus;
+    searchTerm: string;
+}
+declare const SearchItemAsUser: (props: SearchItemAsUserProps) => import("react/jsx-runtime").JSX.Element;
+export default SearchItemAsUser;
+//# sourceMappingURL=SearchItemAsUser.d.ts.map

package/dist/components/searchConversation/item/SearchItemAsUser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchItemAsUser.d.ts","sourceRoot":"","sources":["../../../../src/components/searchConversation/item/SearchItemAsUser.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,UAAU,qBAAqB;IAC7B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CA4BrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/searchConversation/item/SearchItemAsUser.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar } from "antd";
+import { highlightSearch } from "../../../utils/common";
+const SearchItemAsUser = (props) => {
+    var _a, _b, _c, _d, _e, _f;
+    const { session, searchTerm = "" } = props;
+    const ownerName = `${(_a = session.owner) === null || _a === void 0 ? void 0 : _a.fullName}${((_b = session.owner) === null || _b === void 0 ? void 0 : _b.username) ? ` (${(_c = session.owner) === null || _c === void 0 ? void 0 : _c.username})` : ""}`;
+    return (_jsxs("div", { className: "py-3 px-2 flex items-center gap-3 hover:bg-gray-100 hover:rounded-sm cursor-pointer border-b mx-1", children: [_jsx(Avatar, { size: "large", src: (_d = session.owner) === null || _d === void 0 ? void 0 : _d.avatar, alt: (_e = session.owner) === null || _e === void 0 ? void 0 : _e.username, children: (_f = session.owner) === null || _f === void 0 ? void 0 : _f.fullName.charAt(0).toUpperCase() }), _jsx("div", { className: "flex flex-col flex-1 min-w-0", children: _jsx("p", { className: "text-sm font-semibold truncate", dangerouslySetInnerHTML: {
+                        __html: highlightSearch(ownerName, searchTerm),
+                    } }) })] }, session.id));
+};
+export default SearchItemAsUser;

package/dist/components/session/DeskAssignedSession.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeskAssignedSession.d.ts","sourceRoot":"","sources":["../../../src/components/session/DeskAssignedSession.tsx"],"names":[],"mappings":"AAeA,QAAA,MAAM,mBAAmB,+CAkNxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"DeskAssignedSession.d.ts","sourceRoot":"","sources":["../../../src/components/session/DeskAssignedSession.tsx"],"names":[],"mappings":"AAeA,QAAA,MAAM,mBAAmB,+CAwNxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/session/DeskAssignedSession.js

@@ -16,7 +16,7 @@ const DeskAssignedSession = () => {
     const setFilterSummary = useSessionStore((state) => state.setFilterSummary);
     const { data: sessionSummary } = useGetSessionSummary();
     const menuItems = useMemo(() => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         return [
             {
                 label: t("active_sessions"),
@@ -26,7 +26,7 @@ const DeskAssignedSession = () => {
                     {
                         label: t("unassigned"),
                         key: SESSION_STATUS_ENUM.UNASSIGNED,
-                        icon: (_jsx(Icon, { icon: "user-del-o", size: 18, className: "text-orange-500" })),
+                        icon: (_jsx(Icon, { icon: "user-del-o", size: 18, className: "!text-amber-500" })),
                         onClick: () => {
                             setFilterSummary({
                                 status: SESSION_STATUS_ENUM.UNASSIGNED,
@@ -38,19 +38,19 @@ const DeskAssignedSession = () => {
                     {
                         label: t("slow_processing"),
                         key: TAG_ENUM.SLOW_PROCESSING,
-                        icon: (_jsx(Icon, { icon: "warning-square-o", size: 18, className: "text-red-500" })),
+                        icon: (_jsx(Icon, { icon: "warning-square-o", size: 18, className: "!text-red-500" })),
                         onClick: () => {
                             setFilterSummary({
                                 status: undefined,
                                 tag: TAG_ENUM.SLOW_PROCESSING,
                             });
                         },
-                        extra: (_jsx("span", { className: "text-xs text-gray-500", children: ((_d = (_c = sessionSummary === null || sessionSummary === void 0 ? void 0 : sessionSummary.sessionStatuses) === null || _c === void 0 ? void 0 : _c.find((s) => s.type === TAG_ENUM.SLOW_PROCESSING)) === null || _d === void 0 ? void 0 : _d.count) || "" })),
+                        extra: (_jsx("span", { className: "text-xs text-gray-500", children: ((_d = (_c = sessionSummary === null || sessionSummary === void 0 ? void 0 : sessionSummary.tagCounts) === null || _c === void 0 ? void 0 : _c.find((s) => s.type === TAG_ENUM.SLOW_PROCESSING)) === null || _d === void 0 ? void 0 : _d.count) || "" })),
                     },
                     {
                         label: t("waiting_process"),
                         key: SESSION_STATUS_ENUM.WAITING_PROCESS,
-                        icon: (_jsx(Icon, { icon: "time-circle-o", size: 18, className: "text-orange-400" })),
+                        icon: (_jsx(Icon, { icon: "time-circle-o", size: 18, className: "!text-orange-400" })),
                         onClick: () => {
                             setFilterSummary({
                                 status: SESSION_STATUS_ENUM.WAITING_PROCESS,
@@ -62,14 +62,14 @@ const DeskAssignedSession = () => {
                     {
                         label: t("awaiting_reply"),
                         key: TAG_ENUM.AWAITING_REPLY,
-                        icon: (_jsx(Icon, { icon: "arrow-reply-o", size: 18, className: "text-purple-500" })),
+                        icon: (_jsx(Icon, { icon: "arrow-reply-o", size: 18, className: "!text-purple-500" })),
                         onClick: () => {
                             setFilterSummary({
                                 status: undefined,
                                 tag: TAG_ENUM.AWAITING_REPLY,
                             });
                         },
-                        extra: (_jsx("span", { className: "text-xs text-gray-500", children: ((_h = (_g = sessionSummary === null || sessionSummary === void 0 ? void 0 : sessionSummary.sessionStatuses) === null || _g === void 0 ? void 0 : _g.find((s) => s.type === TAG_ENUM.AWAITING_REPLY)) === null || _h === void 0 ? void 0 : _h.count) || "" })),
+                        extra: (_jsx("span", { className: "text-xs text-gray-500", children: ((_h = (_g = sessionSummary === null || sessionSummary === void 0 ? void 0 : sessionSummary.tagCounts) === null || _g === void 0 ? void 0 : _g.find((s) => s.type === TAG_ENUM.AWAITING_REPLY)) === null || _h === void 0 ? void 0 : _h.count) || "" })),
                     },
                     {
                         label: t("in_process"),
@@ -93,14 +93,13 @@ const DeskAssignedSession = () => {
                                 tag: TAG_ENUM.TEMPORARILY_PAUSED,
                             });
                         },
-                        extra: (_jsx("span", { className: "text-xs text-gray-500", children: ((_m = (_l = sessionSummary === null || sessionSummary === void 0 ? void 0 : sessionSummary.sessionStatuses) === null || _l === void 0 ? void 0 : _l.find((s) => s.type === TAG_ENUM.TEMPORARILY_PAUSED)) === null || _m === void 0 ? void 0 : _m.count) || "" })),
+                        extra: (_jsx("span", { className: "text-xs text-gray-500", children: ((_m = (_l = sessionSummary === null || sessionSummary === void 0 ? void 0 : sessionSummary.tagCounts) === null || _l === void 0 ? void 0 : _l.find((s) => s.type === TAG_ENUM.TEMPORARILY_PAUSED)) === null || _m === void 0 ? void 0 : _m.count) || "" })),
                     },
                 ],
-                expandIcon: undefined,
-                extra: (_jsx("span", { className: "text-xs text-gray-500", children: ((_p = (_o = sessionSummary === null || sessionSummary === void 0 ? void 0 : sessionSummary.sessionStatuses) === null || _o === void 0 ? void 0 : _o.find((s) => s.type === SESSION_STATUS_ENUM.IN_PROCESS)) === null || _p === void 0 ? void 0 : _p.count) || "" })),
+                extra: (_jsx("span", { className: "text-xs text-gray-500", children: ((_p = (_o = sessionSummary === null || sessionSummary === void 0 ? void 0 : sessionSummary.sessionStatuses) === null || _o === void 0 ? void 0 : _o.find((s) => s.type === SESSION_STATUS_ENUM.IN_PROCESS)) === null || _p === void 0 ? void 0 : _p.count) || "100" })),
             },
             {
-                label: t("closed_sessions"),
+                label: (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "ant-menu-title-content ant-menu-title-content-with-extra flex-1", children: t("closed_sessions") }), _jsx("span", { className: "text-xs text-gray-500", children: (sessionSummary === null || sessionSummary === void 0 ? void 0 : sessionSummary.completedSessionCount) || "" })] })),
                 key: "CLOSED_SESSIONS",
                 icon: _jsx(Icon, { icon: "check-square-o", size: 20 }),
                 onClick: () => {
@@ -109,10 +108,9 @@ const DeskAssignedSession = () => {
                         tag: undefined,
                     });
                 },
-                extra: (_jsx("span", { className: "text-xs text-gray-500", children: ((_r = (_q = sessionSummary === null || sessionSummary === void 0 ? void 0 : sessionSummary.sessionStatuses) === null || _q === void 0 ? void 0 : _q.find((s) => s.type === SESSION_STATUS_ENUM.COMPLETED)) === null || _r === void 0 ? void 0 : _r.count) || "" })),
             },
         ];
     }, [sessionSummary]);
-    return (_jsxs(Sider, { collapsible: true, collapsed: collapsed, onCollapse: toggle, width: 220, className: "bg-white h-full border-r border-gray-200", trigger: null, children: [_jsxs("div", { className: clsx("flex items-center p-4 border-b", collapsed ? "justify-center" : "justify-between"), children: [!collapsed && (_jsx("span", { className: "text-md font-semibold flex-1 truncate", children: "Droppii Staging" })), _jsx(Button, { type: "text", shape: "default", className: "text-gray-500 w-8 h-8 p-0", onClick: toggle, children: _jsx(Icon, { icon: collapsed ? "angle-right-o" : "angle-left-o", size: 22 }) })] }), _jsx(Menu, { defaultSelectedKeys: [SESSION_STATUS_ENUM.UNASSIGNED], defaultOpenKeys: ["ACTIVE_SESSIONS"], mode: "inline", items: menuItems, inlineIndent: 12 })] }));
+    return (_jsxs(Sider, { collapsible: true, collapsed: collapsed, onCollapse: toggle, width: 220, className: "bg-white h-full border-r border-gray-200", trigger: null, children: [_jsxs("div", { className: clsx("flex items-center p-4 border-b", collapsed ? "justify-center" : "justify-between"), children: [!collapsed && (_jsx("span", { className: "text-md font-semibold flex-1 truncate", children: "Droppii Staging" })), _jsx(Button, { type: "text", shape: "default", className: "text-gray-500 w-8 h-8 p-0", onClick: toggle, children: _jsx(Icon, { icon: collapsed ? "angle-right-o" : "angle-left-o", size: 22 }) })] }), _jsx(Menu, { defaultSelectedKeys: [SESSION_STATUS_ENUM.IN_PROCESS], defaultOpenKeys: ["ACTIVE_SESSIONS"], mode: "inline", items: menuItems, inlineIndent: 12, expandIcon: _jsx("span", { className: "text-xs text-gray-500", children: sessionSummary === null || sessionSummary === void 0 ? void 0 : sessionSummary.activeSessionCount }) })] }));
 };
 export default DeskAssignedSession;

package/dist/constants/index.d.ts

@@ -11,4 +11,7 @@ export declare const TAG_ENUM: {
     SLOW_PROCESSING: string;
     TEMPORARILY_PAUSED: string;
 };
+export declare const PAGE_SIZE = 50;
+export declare const MSG_ITEM_PREFIX = "msg-item-";
+export declare const MSG_ITEM_CONTENT_PREFIX = "msg-item-content-";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,0GACgF,CAAC;AAE1G,eAAO,MAAM,mBAAmB;;;;;CAK/B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;CAKpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,0GACgF,CAAC;AAE1G,eAAO,MAAM,mBAAmB;;;;;CAK/B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;CAKpB,CAAC;AAEF,eAAO,MAAM,SAAS,KAAK,CAAC;AAE5B,eAAO,MAAM,eAAe,cAAc,CAAC;AAC3C,eAAO,MAAM,uBAAuB,sBAAsB,CAAC"}

package/dist/constants/index.js

@@ -11,3 +11,6 @@ export const TAG_ENUM = {
     SLOW_PROCESSING: "SLOW_PROCESSING",
     TEMPORARILY_PAUSED: "TEMPORARILY_PAUSED",
 };
+export const PAGE_SIZE = 50;
+export const MSG_ITEM_PREFIX = "msg-item-";
+export const MSG_ITEM_CONTENT_PREFIX = "msg-item-content-";

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

@@ -1 +1 @@
-{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/context/ChatContext.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EACL,eAAe,EACf,iBAAiB,EAGlB,MAAM,eAAe,CAAC;AAQvB,eAAO,MAAM,WAAW,0CAOtB,CAAC;AAEH,eAAO,MAAM,cAAc,uBAAgC,CAAC;AAE5D,eAAO,MAAM,YAAY,GAAI,sBAAsB,iBAAiB,4CAsDnE,CAAC"}
+{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/context/ChatContext.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EACL,eAAe,EACf,iBAAiB,EAGlB,MAAM,eAAe,CAAC;AAQvB,eAAO,MAAM,WAAW,0CAOtB,CAAC;AAEH,eAAO,MAAM,cAAc,uBAAgC,CAAC;AAE5D,eAAO,MAAM,YAAY,GAAI,sBAAsB,iBAAiB,4CAuDnE,CAAC"}

package/dist/context/ChatContext.js

@@ -45,6 +45,7 @@ export const ChatProvider = ({ children, config }) => {
                 platformID: config.platformID,
                 userID: config.userID,
                 wsAddress: config.wsAddr,
+                applicationType: config.applicationType,
             });
         }
     }, [config]);

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

@@ -1,21 +1,24 @@
-import { MessageItem } from "@openim/wasm-client-sdk";
-import { GroupMessageItem } from "../../types/chat";
-export declare const useMessage: (conversationId: string) => {
+import { MessageItem, MessageType } from "@openim/wasm-client-sdk";
+export declare const visibleTypeMessage: MessageType[];
+export declare const useMessage: (conversationId: string, searchClientMsgID?: string) => {
     loadState: {
         initLoading: boolean;
         hasMoreOld: boolean;
+        hasMoreNew: boolean;
         messageList: MessageItem[];
-        groupMessageList: GroupMessageItem[];
     };
     latestLoadState: import("react").RefObject<{
         initLoading: boolean;
         hasMoreOld: boolean;
+        hasMoreNew: boolean;
         messageList: MessageItem[];
-        groupMessageList: GroupMessageItem[];
     }>;
     moreOldLoading: boolean;
     getMoreOldMessages: (loadMore?: any) => Promise<void>;
+    moreNewLoading: boolean;
+    getMoreNewMessages: (loadMore?: any) => Promise<void>;
 };
 export declare const pushNewMessage: (message: MessageItem) => void;
 export declare const updateOneMessage: (message: MessageItem) => void;
+export declare const getVisibleNeighbor: (allMessages: MessageItem[], current: MessageItem, direction: "prev" | "next") => MessageItem | undefined;
 //# sourceMappingURL=useMessage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessage.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAqB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAOvE,eAAO,MAAM,UAAU,GAAI,gBAAgB,MAAM;;;;qBAI1B,WAAW,EAAE;0BACR,gBAAgB,EAAE;;;;;qBADvB,WAAW,EAAE;0BACR,gBAAgB,EAAE;;;;CA8I7C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,SACpB,CAAC;AAChC,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,SACpB,CAAC"}
+{"version":3,"file":"useMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessage.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQ7E,eAAO,MAAM,kBAAkB,eAa9B,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,gBAAgB,MAAM,EACtB,oBAAoB,MAAM;;;;;qBAML,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;CAmMnC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,SACpB,CAAC;AAChC,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,SACpB,CAAC;AAElC,eAAO,MAAM,kBAAkB,GAC7B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,KACzB,WAAW,GAAG,SAiBhB,CAAC"}