@droppii-org/chat-sdk 0.1.71 → 0.1.73

package/dist/src/components/rich-text-editor/RichTextEditor.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { LexicalComposer } from "@lexical/react/LexicalComposer";
+import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
+import { ContentEditable } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
+import { LinkPlugin } from "@lexical/react/LexicalLinkPlugin";
+import { ListPlugin } from "@lexical/react/LexicalListPlugin";
+import { OnChangePlugin } from "@lexical/react/LexicalOnChangePlugin";
+import { $generateHtmlFromNodes, $generateNodesFromDOM } from "@lexical/html";
+import { $getRoot } from "lexical";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { useEffect } from "react";
+import { ToolbarPlugin } from "../../components/message/footer/ToolbarPlugin";
+import MediaActions from "../../components/message/footer/MediaActions";
+import { FilePreviewList } from "../../components/message/footer/FilePreview";
+import { editorTheme, editorNodes, editorOnError, } from "../../components/message/footer/editorConfig";
+const EDITOR_CONFIG = {
+    namespace: "CannedResponseEditor",
+    theme: editorTheme,
+    onError: editorOnError,
+    nodes: editorNodes,
+};
+function HtmlPlugin({ initialHtml }) {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        if (!initialHtml)
+            return;
+        editor.update(() => {
+            const parser = new DOMParser();
+            const dom = parser.parseFromString(initialHtml, "text/html");
+            const nodes = $generateNodesFromDOM(editor, dom);
+            const root = $getRoot();
+            root.clear();
+            root.append(...nodes);
+        }, { tag: "initial-html" });
+    }, [editor, initialHtml]);
+    return null;
+}
+export default function RichTextEditor({ initialHtml, placeholder, onChange, onFilesChange, minHeight = "160px", showMediaUpload = true, }) {
+    const [listUploadFiles, setListUploadFiles] = useState([]);
+    const handleChange = (editorState, editor, tags) => {
+        if (tags.has("initial-html"))
+            return;
+        editorState.read(() => {
+            const html = $generateHtmlFromNodes(editor);
+            const plainText = $getRoot().getTextContent().trim();
+            onChange === null || onChange === void 0 ? void 0 : onChange(html, plainText);
+        });
+    };
+    const handleRemoveFile = (file) => {
+        const newList = listUploadFiles.filter((f) => f.uid !== file.uid);
+        setListUploadFiles(newList);
+        onFilesChange === null || onFilesChange === void 0 ? void 0 : onFilesChange(newList);
+    };
+    const handleFilesChange = (files) => {
+        setListUploadFiles(files);
+        onFilesChange === null || onFilesChange === void 0 ? void 0 : onFilesChange(files);
+    };
+    return (_jsxs(LexicalComposer, { initialConfig: EDITOR_CONFIG, children: [_jsxs("div", { className: "border border-gray-200 rounded-lg", children: [_jsx(FilePreviewList, { files: listUploadFiles, onRemove: handleRemoveFile }), _jsx("div", { className: "relative", children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: "px-3 py-2 text-sm outline-none", style: { minHeight } }), ErrorBoundary: LexicalErrorBoundary, placeholder: placeholder ? (_jsx("div", { className: "absolute top-2 left-3 pointer-events-none", children: _jsx("p", { className: "text-gray-400 text-sm", children: placeholder }) })) : null }) }), _jsxs("div", { className: "flex items-center border-t border-gray-100 px-2 py-1", children: [_jsx(ToolbarPlugin, {}), _jsx(MediaActions, { listUploadFiles: listUploadFiles, onFilesChange: handleFilesChange, showMediaUpload: showMediaUpload })] })] }), _jsx(LinkPlugin, {}), _jsx(ListPlugin, {}), _jsx(OnChangePlugin, { onChange: handleChange, ignoreSelectionChange: true }), _jsx(HtmlPlugin, { initialHtml: initialHtml })] }));
+}

package/dist/src/components/search-conversation/SearchAll.d.ts

@@ -0,0 +1,8 @@
+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/src/components/search-conversation/SearchAll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchAll.d.ts","sourceRoot":"","sources":["../../../../src/components/search-conversation/SearchAll.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,wBAAwB,EAAE,MAAM,GAAG,CAAC;AAG7C,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,4CA6G5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/src/components/search-conversation/SearchAll.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Empty, Spin } from "antd";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { useSearchMessage } from "../../hooks/search/useSearchMessage";
+import { MessageType } from "@openim/wasm-client-sdk";
+import { Icon } from "../../components/icon";
+import SearchItemAsMessage from "./item/SearchItemAsMessage";
+import { useGetSession } from "../../hooks/session/useGetSession";
+import SearchItemAsUser from "./item/SearchItemAsUser";
+import { SearchConversationTabKey } from ".";
+import { PAGE_SIZE } from "../../constants";
+const SearchConversationAll = ({ searchTerm = "", setActiveKey, }) => {
+    const { t } = useTranslation();
+    const { dataFlatten: messages, isLoading: isLoadingMessage, hasNextPage: hasNextPageMessage, } = useSearchMessage({
+        payload: {
+            searchTerm: searchTerm.trim(),
+            contentType: MessageType.TextMessage,
+        },
+        options: { pageSize: PAGE_SIZE.xs },
+    });
+    const { dataFlatten: sessions, isLoading: isLoadingSession, hasNextPage: hasNextPageSession, } = useGetSession({
+        filter: {
+            searchTerm: searchTerm.trim(),
+        },
+        options: { pageSize: PAGE_SIZE.xs },
+    });
+    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 min-h-[32px]", children: [_jsx("span", { className: "text-xs font-medium uppercase flex-1 text-gray-600", children: t("users") }), _jsx(Button, { type: "link", icon: _jsx(Icon, { icon: "angle-right-o", size: 18, className: "!align-[-4px]" }), iconPosition: "end", className: clsx("p-0 gap-1", !hasNextPageSession && "invisible"), 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 min-h-[32px]", children: [_jsx("span", { className: "text-xs font-medium uppercase flex-1 text-gray-600", children: t("messages") }), _jsx(Button, { type: "link", icon: _jsx(Icon, { icon: "angle-right-o", size: 18, className: "!align-[-4px]" }), iconPosition: "end", className: clsx("p-0 gap-1", !hasNextPageMessage && "invisible"), 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, displayTag: message.displayTag }))) })] }))] }));
+};
+export default SearchConversationAll;

package/dist/src/components/search-conversation/SearchConversationAsMessages.d.ts

@@ -0,0 +1,6 @@
+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/src/components/search-conversation/SearchConversationAsMessages.d.ts.map

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

package/dist/src/components/search-conversation/SearchConversationAsMessages.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Empty, Spin } from "antd";
+import { useTranslation } from "react-i18next";
+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();
+    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: "scrollableSearchMessagesTab", 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: "scrollableSearchMessagesTab", children: dataFlatten.map((item) => (_jsx(SearchItemAsMessage, { message: item.chatLog, searchTerm: searchTerm, displayTag: item.displayTag }))) }) }));
+};
+export default SearchConversationAsMessages;

package/dist/src/components/search-conversation/SearchConversationAsUsers.d.ts

@@ -0,0 +1,6 @@
+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/src/components/search-conversation/SearchConversationAsUsers.d.ts.map

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

package/dist/src/components/search-conversation/SearchConversationAsUsers.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Empty, Spin } from "antd";
+import { useTranslation } from "react-i18next";
+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();
+    const { dataFlatten, hasNextPage, fetchNextPage, isLoading } = useGetSession({
+        filter: {
+            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: "scrollableSearchUsersTab", 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: "scrollableSearchUsersTab", children: dataFlatten.map((item) => (_jsx(SearchItemAsUser, { session: item, searchTerm: searchTerm }))) }) }));
+};
+export default SearchConversationAsUsers;

package/dist/src/components/search-conversation/SearchConversationMyInbox.d.ts

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

package/dist/src/components/search-conversation/SearchConversationMyInbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchConversationMyInbox.d.ts","sourceRoot":"","sources":["../../../../src/components/search-conversation/SearchConversationMyInbox.tsx"],"names":[],"mappings":"AAQA,UAAU,8BAA8B;IACtC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,yBAAyB,GAAI,iBAEhC,8BAA8B,4CA2ChC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/src/components/search-conversation/SearchConversationMyInbox.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Empty, Spin } from "antd";
+import { useTranslation } from "react-i18next";
+import { useSearchMessage } from "../../hooks/search/useSearchMessage";
+import { MessageType } from "@openim/wasm-client-sdk";
+import SearchItemAsMessage from "./item/SearchItemAsMessage";
+const MY_INBOX_TAG = "MY_INBOX";
+const SearchConversationMyInbox = ({ searchTerm = "", }) => {
+    const { t } = useTranslation();
+    const { dataFlatten, hasNextPage, fetchNextPage, isLoading, isFetchingNextPage } = useSearchMessage({
+        payload: {
+            searchTerm: searchTerm.trim(),
+            contentType: MessageType.TextMessage,
+            tag: MY_INBOX_TAG,
+        },
+        options: { untilEmptyPage: true },
+    });
+    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 (_jsxs("div", { className: "overflow-auto", children: [dataFlatten.map((item) => (_jsx(SearchItemAsMessage, { message: item.chatLog, searchTerm: searchTerm, displayTag: item.displayTag }, item.chatLog.clientMsgID))), _jsx("div", { className: "flex justify-center py-2", children: _jsx(Button, { type: "link", loading: isFetchingNextPage, onClick: () => fetchNextPage(), children: t("see_more") }) })] }));
+};
+export default SearchConversationMyInbox;

package/dist/src/components/search-conversation/SearchDrawer.d.ts

@@ -0,0 +1,3 @@
+declare const SearchDrawer: () => import("react/jsx-runtime").JSX.Element;
+export default SearchDrawer;
+//# sourceMappingURL=SearchDrawer.d.ts.map

package/dist/src/components/search-conversation/SearchDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/search-conversation/SearchDrawer.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,YAAY,+CAgFjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/src/components/search-conversation/SearchDrawer.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Drawer, Input } from "antd";
+import { Icon } from "../../components/icon";
+import { useIsMobile } from "../../hooks/common/useIsMobile";
+import useBoolean from "ahooks/lib/useBoolean";
+import { useTranslation } from "react-i18next";
+import { useRef, useState } from "react";
+import SearchMessageOnCurrentConversation from "./SearchMessageOnCurrentConversation";
+const SearchDrawer = () => {
+    const { t } = useTranslation();
+    const searchInputRef = useRef(null);
+    const [isOpen, { toggle }] = useBoolean(false);
+    const [search, setSearch] = useState("");
+    const isMobile = useIsMobile();
+    const handleDrawerAfterOpenChange = (opened) => {
+        if (!opened) {
+            return;
+        }
+        requestAnimationFrame(() => {
+            var _a;
+            (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
+        });
+    };
+    return (_jsxs("div", { className: "inline-flex shrink-0", children: [_jsx(Button, { type: "text", shape: "default", className: "text-gray-500 w-8 h-8 p-0", onClick: toggle, children: _jsx(Icon, { icon: "search-o", size: 22 }) }), _jsx(Drawer, { open: isOpen, onClose: toggle, afterOpenChange: handleDrawerAfterOpenChange, mask: false, closeIcon: false, styles: {
+                    body: {
+                        padding: 0,
+                        height: "100%",
+                    },
+                }, getContainer: false, width: isMobile ? "100%" : 360, children: _jsxs("div", { className: "flex flex-col h-full", children: [_jsxs("div", { className: "flex items-center justify-between p-3", children: [_jsx("span", { className: "text-lg font-medium", children: t("search_message_title") }), _jsx(Button, { type: "text", shape: "default", className: "text-gray-500 w-8 h-8 p-0", onClick: toggle, children: _jsx(Icon, { icon: "close-b", size: 22 }) })] }), _jsx("div", { className: "px-3", children: _jsx(Input, { ref: searchInputRef, placeholder: t("search"), prefix: _jsx(Icon, { icon: "search-o", size: 18, className: "text-gray-400" }), onChange: (e) => {
+                                    setSearch(e.target.value);
+                                }, className: "rounded-lg text-sm", size: "large", allowClear: true, value: search, autoFocus: false }) }), _jsx("div", { className: "flex-1 py-3 overflow-auto", children: _jsx(SearchMessageOnCurrentConversation, { searchTerm: search, onClose: toggle }) })] }) })] }));
+};
+export default SearchDrawer;

package/dist/src/components/search-conversation/SearchMessageOnCurrentConversation.d.ts

@@ -0,0 +1,7 @@
+interface SearchMessageOnCurrentConversationProps {
+    searchTerm: string;
+    onClose: () => void;
+}
+declare const SearchMessageOnCurrentConversation: (props: SearchMessageOnCurrentConversationProps) => import("react/jsx-runtime").JSX.Element;
+export default SearchMessageOnCurrentConversation;
+//# sourceMappingURL=SearchMessageOnCurrentConversation.d.ts.map

package/dist/src/components/search-conversation/SearchMessageOnCurrentConversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchMessageOnCurrentConversation.d.ts","sourceRoot":"","sources":["../../../../src/components/search-conversation/SearchMessageOnCurrentConversation.tsx"],"names":[],"mappings":"AAQA,UAAU,uCAAuC;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AACD,QAAA,MAAM,kCAAkC,GACtC,OAAO,uCAAuC,4CAuD/C,CAAC;AAEF,eAAe,kCAAkC,CAAC"}

package/dist/src/components/search-conversation/SearchMessageOnCurrentConversation.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Empty, Spin } from "antd";
+import { useTranslation } from "react-i18next";
+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";
+import useConversationStore from "../../store/conversation";
+const SearchMessageOnCurrentConversation = (props) => {
+    const { searchTerm = "" } = props;
+    const { t } = useTranslation();
+    const conversationData = useConversationStore((state) => state.conversationData);
+    const { dataFlatten, hasNextPage, fetchNextPage, isLoading } = useSearchMessage({
+        payload: {
+            searchTerm: searchTerm.trim(),
+            contentType: MessageType.TextMessage,
+            recvID: conversationData === null || conversationData === void 0 ? void 0 : conversationData.groupID,
+        },
+    });
+    if (searchTerm.trim() === "")
+        return _jsx(Empty, { description: t("no_search_text") });
+    if (dataFlatten.length === 0 && !isLoading)
+        return _jsx(Empty, { description: t("no_result") });
+    if (isLoading)
+        return (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Spin, {}) }));
+    return (_jsx("div", { id: "scrollableCurrentConversationSearchMessages", 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: "scrollableCurrentConversationSearchMessages", children: dataFlatten.map((item) => (_jsx(SearchItemAsMessage, { message: item.chatLog, searchTerm: searchTerm, onClick: props === null || props === void 0 ? void 0 : props.onClose }))) }) }));
+};
+export default SearchMessageOnCurrentConversation;

package/dist/src/components/search-conversation/index.d.ts

@@ -0,0 +1,12 @@
+export declare enum SearchConversationTabKey {
+    All = "all",
+    MyInbox = "myInbox",
+    Users = "users",
+    Messages = "messages"
+}
+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/src/components/search-conversation/index.d.ts.map

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

package/dist/src/components/search-conversation/index.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tabs } from "antd";
+import { useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import SearchConversationAll from "./SearchAll";
+import SearchConversationMyInbox from "./SearchConversationMyInbox";
+import SearchConversationAsUsers from "./SearchConversationAsUsers";
+import SearchConversationAsMessages from "./SearchConversationAsMessages";
+export var SearchConversationTabKey;
+(function (SearchConversationTabKey) {
+    SearchConversationTabKey["All"] = "all";
+    SearchConversationTabKey["MyInbox"] = "myInbox";
+    SearchConversationTabKey["Users"] = "users";
+    SearchConversationTabKey["Messages"] = "messages";
+})(SearchConversationTabKey || (SearchConversationTabKey = {}));
+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, { searchTerm: searchTerm, setActiveKey: setActiveKey })),
+            },
+            {
+                key: SearchConversationTabKey.MyInbox,
+                label: t("my_inbox_tab"),
+                children: _jsx(SearchConversationMyInbox, { searchTerm: searchTerm }),
+            },
+            {
+                key: SearchConversationTabKey.Users,
+                label: t("users"),
+                children: _jsx(SearchConversationAsUsers, { searchTerm: searchTerm }),
+            },
+            {
+                key: SearchConversationTabKey.Messages,
+                label: t("messages"),
+                children: _jsx(SearchConversationAsMessages, { searchTerm: searchTerm }),
+            },
+        ];
+    }, [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), destroyOnHidden: true }) }));
+};
+export default SearchConversation;

package/dist/src/components/search-conversation/item/SearchItemAsMessage.d.ts

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

package/dist/src/components/search-conversation/item/SearchItemAsMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchItemAsMessage.d.ts","sourceRoot":"","sources":["../../../../../src/components/search-conversation/item/SearchItemAsMessage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAA4B,MAAM,yBAAyB,CAAC;AAehF,UAAU,wBAAwB;IAChC,OAAO,EAAE,WAAW,GAAG;QAAE,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CAuG3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/src/components/search-conversation/item/SearchItemAsMessage.js

@@ -0,0 +1,72 @@
+"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, sanitizeHtml, } 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";
+import { useMemo } from "react";
+import useAuthStore from "../../../store/auth";
+const SearchItemAsMessage = (props) => {
+    var _a;
+    const { t } = useTranslation();
+    const { message, searchTerm = "", displayTag, onClick } = props;
+    const { user } = useChatContext();
+    const isCrm = useAuthStore((state) => state.isCrm);
+    const conversationData = useConversationStore((state) => state.conversationData);
+    const useConversationDisplay = useMemo(() => {
+        if (isCrm)
+            return true;
+        return (user === null || user === void 0 ? void 0 : user.userID) === (message === null || message === void 0 ? void 0 : message.sendID);
+    }, [conversationData === null || conversationData === void 0 ? void 0 : conversationData.ex, message === null || message === void 0 ? void 0 : message.sendID, isCrm]);
+    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);
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+    };
+    let msgContent = "";
+    try {
+        msgContent =
+            (message === null || message === void 0 ? void 0 : message.isRevoked) === true
+                ? t("revoked")
+                : ((_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: useConversationDisplay
+                        ? message.senderFaceUrl
+                        : conversationData === null || conversationData === void 0 ? void 0 : conversationData.faceURL, alt: useConversationDisplay
+                        ? message.senderNickname
+                        : conversationData === null || conversationData === void 0 ? void 0 : conversationData.showName, children: useConversationDisplay
+                        ? message.senderNickname.charAt(0).toUpperCase()
+                        : conversationData === null || conversationData === void 0 ? void 0 : conversationData.showName.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: useConversationDisplay
+                                    ? message.senderNickname
+                                    : conversationData === null || conversationData === void 0 ? void 0 : conversationData.showName }), _jsx("span", { className: "text-xs text-gray-500", children: formatTimestamp(message.sendTime, {
+                                    hasTime: true,
+                                }) })] }), _jsxs("div", { className: "flex flex-col flex-1 min-w-0 gap-1", children: [_jsx("span", { className: "text-xs flex-1 text-gray-500 truncate", dangerouslySetInnerHTML: {
+                                    __html: sanitizeHtml(highlightSearch(msgContent, searchTerm)),
+                                } }), displayTag && (_jsx("span", { className: "text-[10px] text-blue-600 bg-blue-50 px-1.5 py-0.5 rounded w-fit truncate", children: displayTag }))] })] })] }, message.clientMsgID));
+};
+export default SearchItemAsMessage;

package/dist/src/components/search-conversation/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/src/components/search-conversation/item/SearchItemAsUser.d.ts.map

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

package/dist/src/components/search-conversation/item/SearchItemAsUser.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar, message } from "antd";
+import { highlightSearch, sanitizeHtml } from "../../../utils/common";
+import useConversationStore from "../../../store/conversation";
+import { useTranslation } from "react-i18next";
+const SearchItemAsUser = (props) => {
+    var _a, _b, _c, _d, _e, _f;
+    const { session, searchTerm = "" } = props;
+    const { t } = useTranslation();
+    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})` : ""}`;
+    const onPressItem = async () => {
+        if (!(session === null || session === void 0 ? void 0 : session.conversation)) {
+            return message.error(t("err_get_conversation"));
+        }
+        useConversationStore.getState().setConversationData(session.conversation);
+        useConversationStore
+            .getState()
+            .setSelectedConversationId(session.conversationId);
+    };
+    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(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: sanitizeHtml(highlightSearch(ownerName, searchTerm)),
+                    } }) })] }, session.id));
+};
+export default SearchItemAsUser;

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

@@ -0,0 +1,3 @@
+declare const DeskAssignedSession: () => import("react/jsx-runtime").JSX.Element;
+export default DeskAssignedSession;
+//# sourceMappingURL=DeskAssignedSession.d.ts.map

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

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

package/dist/src/components/session/DeskAssignedSession.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useBoolean } from "ahooks";
+import { Button, Layout } from "antd";
+import { useCallback, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { Icon } from "../../components/icon";
+import { useGetSessionSummary } from "../../hooks/session/useGetSessionSummary";
+import useSessionStore from "../../store/session";
+import emitter from "../../utils/events";
+import DeskTeamInbox from "./DeskTeamInbox";
+import SessionFilterMenu from "./SessionFilterMenu";
+const { Sider } = Layout;
+const DeskAssignedSession = () => {
+    const { t } = useTranslation();
+    const [collapsed, { toggle }] = useBoolean(false);
+    const setFilterSummary = useSessionStore((state) => state.setFilterSummary);
+    const filterSummary = useSessionStore((state) => state.filterSummary);
+    const { data: sessionSummary, refetch } = useGetSessionSummary();
+    const onFilterSelect = useCallback((filter) => setFilterSummary(filter), [setFilterSummary]);
+    useEffect(() => {
+        const handler = () => refetch();
+        emitter.on("UPDATE_SESSION", handler);
+        return () => {
+            emitter.off("UPDATE_SESSION", handler);
+        };
+    }, [refetch]);
+    if (collapsed) {
+        return (_jsx("div", { className: "flex flex-col items-center pt-4 border-r border-gray-200 bg-white", children: _jsx(Button, { type: "text", shape: "circle", className: "text-gray-500 w-8 h-8 p-0", onClick: toggle, children: _jsx(Icon, { icon: "angle-right-o", size: 22 }) }) }));
+    }
+    return (_jsx(Sider, { collapsible: true, collapsed: false, width: 220, className: "bg-white h-full border-r border-gray-200", trigger: null, children: _jsxs("div", { className: "flex flex-col h-full", children: [_jsxs("div", { className: "flex items-center justify-between p-4 border-b shrink-0", children: [_jsx("span", { className: "text-md font-semibold flex-1 truncate", children: "Droppii Livechat" }), _jsx(Button, { type: "text", className: "text-gray-500 w-8 h-8 p-0", onClick: toggle, children: _jsx(Icon, { icon: "angle-left-o", size: 22 }) })] }), _jsxs("div", { className: "flex-1 overflow-y-auto min-h-0", children: [_jsx("div", { className: "px-4 pt-4 pb-2 text-xs font-semibold text-gray-400 tracking-wider", children: t("my_messages") }), sessionSummary && (_jsx(SessionFilterMenu, { summary: sessionSummary, isActive: !filterSummary.teamId, filterSummary: filterSummary, onFilterSelect: onFilterSelect, activeCount: sessionSummary.activeSessionCount })), _jsx(DeskTeamInbox, {})] })] }) }));
+};
+export default DeskAssignedSession;

package/dist/src/components/session/DeskTeamInbox.d.ts

@@ -0,0 +1,3 @@
+declare const DeskTeamInbox: () => import("react/jsx-runtime").JSX.Element | null;
+export default DeskTeamInbox;
+//# sourceMappingURL=DeskTeamInbox.d.ts.map

package/dist/src/components/session/DeskTeamInbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeskTeamInbox.d.ts","sourceRoot":"","sources":["../../../../src/components/session/DeskTeamInbox.tsx"],"names":[],"mappings":"AAuDA,QAAA,MAAM,aAAa,sDAyElB,CAAC;AAEF,eAAe,aAAa,CAAC"}