@droppii-org/chat-sdk 0.1.72 → 0.1.74

package/dist/components/mediaCollection/ImageCollection.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MessageType } from "@openim/wasm-client-sdk";
-import { useSearchMessage } from "../../hooks/search/useSearchMessage";
-import InfiniteScroll from "react-infinite-scroll-component";
-import { Button, Empty, Image, Spin } from "antd";
-import { useCallback } from "react";
-import dayjs from "dayjs";
-import useConversationStore from "../../store/conversation";
-import { images } from "../../constants/images";
-import { useTranslation } from "react-i18next";
-import { DownloadOutlined } from "@ant-design/icons";
-const ImageCollection = () => {
-    const { t } = useTranslation();
-    const selectedSourceId = useConversationStore((state) => state.selectedSourceId);
-    const { groupedData, fetchNextPage, hasNextPage, dataFlatten, isLoading } = useSearchMessage({
-        payload: {
-            recvID: selectedSourceId,
-            contentType: MessageType.PictureMessage,
-        },
-    });
-    const handleDownload = (imageUrl) => {
-        if (!imageUrl)
-            return;
-        const link = document.createElement("a");
-        link.href = imageUrl;
-        link.download = imageUrl.substring(imageUrl.lastIndexOf("/") + 1);
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-    };
-    const renderItem = useCallback((date, items) => {
-        return (_jsxs("div", { className: "mb-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-500 px-3", children: dayjs(date).format("DD MMMM, YYYY") }), _jsx("div", { className: "grid grid-cols-3 justify-start gap-px py-2", children: items.map((item) => {
-                        var _a, _b, _c, _d;
-                        const imageContent = JSON.parse(((_a = item === null || item === void 0 ? void 0 : item.chatLog) === null || _a === void 0 ? void 0 : _a.content) || "{}");
-                        const sourceUrl = ((_b = imageContent.sourcePicture) === null || _b === void 0 ? void 0 : _b.url) ||
-                            ((_c = imageContent.snapshotPicture) === null || _c === void 0 ? void 0 : _c.url);
-                        return (_jsx("div", { className: "border inline-block w-full h-full aspect-square", children: _jsx(Image, { rootClassName: "cursor-pointer w-full h-full", className: "w-full !h-full object-cover", src: sourceUrl, preview: true, placeholder: _jsx("div", { className: "flex items-center justify-center", children: _jsx(Spin, {}) }), fallback: images.imageFailed }) }, (_d = item === null || item === void 0 ? void 0 : item.chatLog) === null || _d === void 0 ? void 0 : _d.clientMsgID));
-                    }) })] }, date));
-    }, []);
-    if (dataFlatten.length === 0 && !isLoading)
-        return _jsx(Empty, { description: t("no_media_files") });
-    if (isLoading)
-        return (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Spin, {}) }));
-    return (_jsx("div", { id: "scrollableImageDiv", className: "h-full overflow-auto", children: _jsx(Image.PreviewGroup, { preview: {
-                toolbarRender: (originalNode, info) => {
-                    var _a;
-                    const imageUrl = (_a = info === null || info === void 0 ? void 0 : info.image) === null || _a === void 0 ? void 0 : _a.url;
-                    return (_jsxs("div", { className: "flex flex-col justify-center gap-2", children: [originalNode, imageUrl && (_jsx(Button, { type: "primary", icon: _jsx(DownloadOutlined, {}), className: "self-center", onClick: () => handleDownload(imageUrl), children: t("download") }))] }));
-                },
-            }, 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: "scrollableImageDiv", children: Object.entries(groupedData).map(([date, items]) => renderItem(date, items)) }) }) }));
-};
-export default ImageCollection;

package/dist/components/mediaCollection/LinkCollection.d.ts

@@ -1,5 +0,0 @@
-declare const LinkCollection: ({ onClose }: {
-    onClose: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default LinkCollection;
-//# sourceMappingURL=LinkCollection.d.ts.map

package/dist/components/mediaCollection/LinkCollection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkCollection.d.ts","sourceRoot":"","sources":["../../../src/components/mediaCollection/LinkCollection.tsx"],"names":[],"mappings":"AA8DA,QAAA,MAAM,cAAc,GAAI,aAAa;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,4CAyH3D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/mediaCollection/LinkCollection.js

@@ -1,92 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dropdown, Empty, Spin } from "antd";
-import { useTranslation } from "react-i18next";
-import useConversationStore from "../../store/conversation";
-import { useSearchMessage } from "../../hooks/search/useSearchMessage";
-import { useCallback, useEffect, useState } from "react";
-import dayjs from "dayjs";
-import InfiniteScroll from "react-infinite-scroll-component";
-import { MessageType, SessionType } from "@openim/wasm-client-sdk";
-import { Icon } from "../../components/icon";
-import { DChatSDK } from "../../constants/sdk";
-import { useChatContext } from "../../context/ChatContext";
-import { message as antdMessage } from "antd";
-const LinkPreview = ({ url }) => {
-    const [title, setTitle] = useState("");
-    const [isLoading, setIsLoading] = useState(true);
-    useEffect(() => {
-        if (!url)
-            return;
-        setIsLoading(true);
-        fetch(`https://api.microlink.io?url=${encodeURIComponent(url)}`)
-            .then((res) => res.json())
-            .then((res) => {
-            var _a;
-            if ((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.title) {
-                setTitle(res.data.title);
-            }
-        })
-            .catch(() => {
-            setTitle("");
-        })
-            .finally(() => {
-            setIsLoading(false);
-        });
-    }, [url]);
-    return (_jsxs("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "flex flex-col truncate text-blue-600 cursor-pointer", title: title || url, children: [isLoading && (_jsx("span", { className: "font-medium truncate text-gray-900", children: url })), !isLoading &&
-                (title ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "font-medium truncate text-gray-900", children: title }), _jsx("span", { className: "text-sm text-gray-500 truncate", children: url })] })) : (_jsx("span", { className: "font-medium truncate text-gray-900", children: url })))] }));
-};
-const LinkCollection = ({ onClose }) => {
-    const { t } = useTranslation();
-    const selectedSourceId = useConversationStore((state) => state.selectedSourceId);
-    const { user } = useChatContext();
-    const onPressItem = async (message) => {
-        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);
-        onClose();
-    };
-    const { groupedData, fetchNextPage, hasNextPage, dataFlatten, isLoading } = useSearchMessage({
-        payload: {
-            recvID: selectedSourceId,
-            contentType: MessageType.UrlTextMessage,
-        },
-    });
-    const renderItem = useCallback((date, items) => {
-        return (_jsxs("div", { className: "px-3", children: [_jsx("span", { className: "text-sm font-medium text-gray-500 px-3", children: dayjs(date).format("DD MMMM, YYYY") }), _jsx("div", { className: "flex flex-col gap-1 mt-2", children: items.map((item) => {
-                        var _a, _b, _c;
-                        const urls = ((_b = JSON.parse(((_a = item === null || item === void 0 ? void 0 : item.chatLog) === null || _a === void 0 ? void 0 : _a.content) || "{}")) === null || _b === void 0 ? void 0 : _b.urls) || [];
-                        const menuItems = [
-                            {
-                                key: "open",
-                                label: t("view_message"),
-                                onClick: () => onPressItem(item.chatLog),
-                            },
-                        ];
-                        return (_jsx("div", { children: urls.map((url, index) => {
-                                var _a;
-                                return (_jsxs("div", { className: "bg-gray-100 flex gap-2 items-center p-2 mb-1", children: [_jsx("div", { className: "flex items-center justify-center shrink-0", children: _jsx(Icon, { icon: "link-b", size: 16 }) }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(LinkPreview, { url: url }) }), _jsx(Dropdown, { menu: { items: menuItems }, trigger: ["click"], placement: "bottomRight", children: _jsx("div", { className: "flex items-center justify-center shrink-0 cursor-pointer p-1 hover:bg-gray-200 rounded ml-2", onClick: (e) => e.stopPropagation(), children: _jsx(Icon, { icon: "more-horizontal-b", size: 16 }) }) })] }, `${(_a = item.chatLog) === null || _a === void 0 ? void 0 : _a.clientMsgID}-${index}`));
-                            }) }, (_c = item.chatLog) === null || _c === void 0 ? void 0 : _c.clientMsgID));
-                    }) })] }, date));
-    }, []);
-    if (dataFlatten.length === 0 && !isLoading)
-        return _jsx(Empty, { description: t("no_media_files") });
-    if (isLoading)
-        return (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Spin, {}) }));
-    return (_jsx("div", { id: "scrollableFileDiv", className: "h-full overflow-auto", children: _jsx(InfiniteScroll, { dataLength: Object.keys(groupedData).length, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableFileDiv", children: Object.entries(groupedData).map(([date, items]) => renderItem(date, items)) }) }));
-};
-export default LinkCollection;

package/dist/components/mediaCollection/VideoCollection.d.ts

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

package/dist/components/mediaCollection/VideoCollection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideoCollection.d.ts","sourceRoot":"","sources":["../../../src/components/mediaCollection/VideoCollection.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,eAAe,+CAyHpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/mediaCollection/VideoCollection.js

@@ -1,51 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MessageType } from "@openim/wasm-client-sdk";
-import { useSearchMessage } from "../../hooks/search/useSearchMessage";
-import InfiniteScroll from "react-infinite-scroll-component";
-import { Carousel, Empty, Image, Modal, Spin } from "antd";
-import { useCallback, useState } from "react";
-import dayjs from "dayjs";
-import useConversationStore from "../../store/conversation";
-import { useBoolean } from "ahooks";
-import { images } from "../../constants/images";
-import { Icon } from "../../components/icon";
-import { useTranslation } from "react-i18next";
-const VideoCollection = () => {
-    const { t } = useTranslation();
-    const selectedSourceId = useConversationStore((state) => state.selectedSourceId);
-    const { groupedData, fetchNextPage, hasNextPage, dataFlatten, isLoading } = useSearchMessage({
-        payload: {
-            recvID: selectedSourceId,
-            contentType: MessageType.VideoMessage,
-        },
-    });
-    const [open, { setTrue, setFalse }] = useBoolean(false);
-    const [currentIndex, setCurrentIndex] = useState(0);
-    const handleOpenPreview = (index) => {
-        setCurrentIndex(index);
-        setTrue();
-    };
-    const renderItem = useCallback((date, items) => {
-        return (_jsxs("div", { className: "mb-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-500 px-3", children: dayjs(date).format("DD MMMM, YYYY") }), _jsx("div", { className: "grid grid-cols-3 justify-start gap-px py-2", children: items.map((item) => {
-                        var _a, _b;
-                        const videoContent = JSON.parse(((_a = item === null || item === void 0 ? void 0 : item.chatLog) === null || _a === void 0 ? void 0 : _a.content) || "{}");
-                        const globalIndex = dataFlatten.findIndex((v) => { var _a, _b; return ((_a = v.chatLog) === null || _a === void 0 ? void 0 : _a.clientMsgID) === ((_b = item.chatLog) === null || _b === void 0 ? void 0 : _b.clientMsgID); });
-                        return (_jsxs("div", { className: "border relative w-full h-full aspect-square cursor-pointer", onClick: () => handleOpenPreview(globalIndex), children: [_jsx(Image, { rootClassName: "w-full h-full", src: videoContent.snapshotUrl, alt: "video thumbnail", className: "w-full !h-full object-cover", fallback: images.imageFailed }), _jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/30 text-white text-2xl", children: _jsx(Icon, { icon: "play-b", size: 24, color: "white" }) })] }, (_b = item === null || item === void 0 ? void 0 : item.chatLog) === null || _b === void 0 ? void 0 : _b.clientMsgID));
-                    }) })] }, date));
-    }, []);
-    if (dataFlatten.length === 0 && !isLoading)
-        return _jsx(Empty, { description: t("no_media_files") });
-    if (isLoading)
-        return (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Spin, {}) }));
-    return (_jsxs("div", { id: "scrollableVideoDiv", className: "h-full overflow-auto", children: [_jsx(InfiniteScroll, { dataLength: Object.keys(groupedData).length, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableVideoDiv", children: Object.entries(groupedData).map(([date, items]) => renderItem(date, items)) }), _jsx(Modal, { open: open, onCancel: setFalse, footer: null, centered: true, styles: {
-                    content: {
-                        padding: 0,
-                    },
-                }, children: _jsx(Carousel, { dots: true, infinite: false, initialSlide: currentIndex, afterChange: (i) => setCurrentIndex(i), children: dataFlatten.map((item, idx) => {
-                        var _a;
-                        const videoContent = JSON.parse(((_a = item === null || item === void 0 ? void 0 : item.chatLog) === null || _a === void 0 ? void 0 : _a.content) || "{}");
-                        const sourceUrl = videoContent.videoUrl;
-                        return (_jsx("div", { style: { textAlign: "center" }, children: _jsx("video", { src: sourceUrl, controls: true, autoPlay: idx === currentIndex, style: { width: "100%", maxHeight: "80vh" } }) }, idx));
-                    }) }) })] }));
-};
-export default VideoCollection;

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

@@ -1,9 +0,0 @@
-export declare enum MediaCollectionTabKey {
-    Image = "image",
-    Video = "video",
-    File = "file",
-    Link = "link"
-}
-declare const MediaCollection: () => import("react/jsx-runtime").JSX.Element;
-export default MediaCollection;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/mediaCollection/index.tsx"],"names":[],"mappings":"AAaA,oBAAY,qBAAqB;IAC/B,KAAK,UAAU;IACf,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED,QAAA,MAAM,eAAe,+CA8EpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/mediaCollection/index.js

@@ -1,57 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useBoolean } from "ahooks";
-import { Button, Drawer, Tabs } from "antd";
-import { Icon } from "../../components/icon";
-import { useTranslation } from "react-i18next";
-import ImageCollection from "./ImageCollection";
-import VideoCollection from "./VideoCollection";
-import { useIsMobile } from "../../hooks/common/useIsMobile";
-import { useMemo } from "react";
-import FileCollection from "./FileCollection";
-import LinkCollection from "./LinkCollection";
-export var MediaCollectionTabKey;
-(function (MediaCollectionTabKey) {
-    MediaCollectionTabKey["Image"] = "image";
-    MediaCollectionTabKey["Video"] = "video";
-    MediaCollectionTabKey["File"] = "file";
-    MediaCollectionTabKey["Link"] = "link";
-})(MediaCollectionTabKey || (MediaCollectionTabKey = {}));
-const MediaCollection = () => {
-    const { t } = useTranslation();
-    const [isOpen, { toggle }] = useBoolean(false);
-    const isMobile = useIsMobile();
-    const items = useMemo(() => {
-        if (!isOpen)
-            return [];
-        return [
-            {
-                key: MediaCollectionTabKey.Image,
-                label: t("image"),
-                children: _jsx(ImageCollection, {}),
-            },
-            {
-                key: MediaCollectionTabKey.Video,
-                label: t("video"),
-                children: _jsx(VideoCollection, {}),
-            },
-            {
-                key: MediaCollectionTabKey.File,
-                label: t("file"),
-                children: _jsx(FileCollection, {}),
-            },
-            {
-                key: MediaCollectionTabKey.Link,
-                label: t("link"),
-                children: _jsx(LinkCollection, { onClose: toggle }),
-            },
-        ];
-    }, [isOpen, t]);
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { type: "text", shape: "default", className: "text-gray-500 w-8 h-8 p-0", onClick: toggle, children: _jsx(Icon, { icon: "folder-o", size: 22 }) }), _jsx(Drawer, { open: isOpen, onClose: toggle, 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("library") }), _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: "flex-1 overflow-hidden", children: _jsx(Tabs, { defaultActiveKey: MediaCollectionTabKey.Image, items: items, className: "h-full" }) })] }) })] }));
-};
-export default MediaCollection;

package/dist/components/message/footer/QuotedMessage.d.ts

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

package/dist/components/message/footer/QuotedMessage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuotedMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/QuotedMessage.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,mBAAmB,sDA4C/B,CAAC"}

package/dist/components/message/footer/QuotedMessage.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import useConversationStore from "../../../store/conversation";
-import { Icon } from "../../../components/icon";
-import { useCallback } from "react";
-import { Button } from "antd";
-import { useChatContext } from "../../../context/ChatContext";
-import { generateContentBasedOnMessageType } from "../../../utils/common";
-export const QuotedMessageFooter = () => {
-    var _a;
-    const { t } = useTranslation();
-    const quotedMessage = useConversationStore((state) => state.quotedMessage);
-    const setQuotedMessage = useConversationStore((state) => state.setQuotedMessage);
-    const user = useChatContext().user;
-    const isMe = (quotedMessage === null || quotedMessage === void 0 ? void 0 : quotedMessage.sendID) === (user === null || user === void 0 ? void 0 : user.userID);
-    const handleClearQuotedMessage = useCallback(() => {
-        setQuotedMessage(null);
-    }, [setQuotedMessage]);
-    if (!quotedMessage)
-        return null;
-    return (_jsxs("div", { className: "flex flex-row items-center py-2 px-3 bg-blue-50 flex-1 gap-3", children: [_jsx("div", { className: "flex pr-3 items-center justify-items-center border-r-2 border-blue-500 h-full", children: _jsx(Icon, { icon: "arrow-forward-b", className: "text-blue-500", size: 16 }) }), _jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "text-sm font-medium", children: t("reply_to", {
-                            name: isMe ? t("your_self") : (quotedMessage === null || quotedMessage === void 0 ? void 0 : quotedMessage.senderNickname) || "",
-                        }) }), _jsx("p", { className: "text-sm text-gray-500 truncate", children: generateContentBasedOnMessageType(quotedMessage === null || quotedMessage === void 0 ? void 0 : quotedMessage.contentType, (_a = quotedMessage === null || quotedMessage === void 0 ? void 0 : quotedMessage.textElem) === null || _a === void 0 ? void 0 : _a.content) })] }), _jsx(Button, { type: "text", shape: "default", className: "text-gray-500 w-8 h-8 p-0", onClick: handleClearQuotedMessage, children: _jsx(Icon, { icon: "close-o", size: 16 }) })] }));
-};

package/dist/components/richTextEditor/RichTextEditor.d.ts

@@ -1,12 +0,0 @@
-import { UploadFile } from "antd";
-interface RichTextEditorProps {
-    initialHtml?: string;
-    placeholder?: string;
-    onChange?: (html: string, plainText: string) => void;
-    onFilesChange?: (files: UploadFile[]) => void;
-    minHeight?: string;
-    showMediaUpload?: boolean;
-}
-export default function RichTextEditor({ initialHtml, placeholder, onChange, onFilesChange, minHeight, showMediaUpload, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=RichTextEditor.d.ts.map

package/dist/components/richTextEditor/RichTextEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/richTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AA0ClC,UAAU,mBAAmB;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,WAAW,EACX,WAAW,EACX,QAAQ,EACR,aAAa,EACb,SAAmB,EACnB,eAAsB,GACvB,EAAE,mBAAmB,2CA6DrB"}

package/dist/components/richTextEditor/RichTextEditor.js

@@ -1,62 +0,0 @@
-"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/components/searchConversation/SearchAll.d.ts

@@ -1,8 +0,0 @@
-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 +0,0 @@
-{"version":3,"file":"SearchAll.d.ts","sourceRoot":"","sources":["../../../src/components/searchConversation/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/components/searchConversation/SearchAll.js

@@ -1,37 +0,0 @@
-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/components/searchConversation/SearchConversationAsMessages.d.ts

@@ -1,6 +0,0 @@
-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 +0,0 @@
-{"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,4CA2CzC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/dist/components/searchConversation/SearchConversationAsMessages.js

@@ -1,23 +0,0 @@
-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/components/searchConversation/SearchConversationAsUsers.d.ts

@@ -1,6 +0,0 @@
-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 +0,0 @@
-{"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,4CAoCvE,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/searchConversation/SearchConversationAsUsers.js

@@ -1,21 +0,0 @@
-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/components/searchConversation/SearchConversationMyInbox.d.ts

@@ -1,6 +0,0 @@
-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/components/searchConversation/SearchConversationMyInbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchConversationMyInbox.d.ts","sourceRoot":"","sources":["../../../src/components/searchConversation/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/components/searchConversation/SearchConversationMyInbox.js

@@ -1,24 +0,0 @@
-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/components/searchConversation/SearchDrawer.d.ts

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

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

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

package/dist/components/searchConversation/SearchDrawer.js

@@ -1,33 +0,0 @@
-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;