@droppii-org/chat-sdk 0.1.71 → 0.1.73

package/dist/src/components/message/item/FileMessage.d.ts

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

package/dist/src/components/message/item/FileMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileMessage.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/item/FileMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAMrE,UAAU,oBAAoB;IAC5B,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CAiEnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/src/components/message/item/FileMessage.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MessageStatus } from "@openim/wasm-client-sdk";
+import { Spin } from "antd";
+import { Icon } from "../../../components/icon";
+import { documentIcon } from "../../../assets/svg";
+import { renderFileSize, shortenFileName } from "../../../utils/common";
+const FileMessageItem = (props) => {
+    var _a;
+    const { message } = props;
+    const fileElem = message.fileElem;
+    const fileName = (fileElem === null || fileElem === void 0 ? void 0 : fileElem.fileName) || "";
+    const fileSize = (_a = fileElem === null || fileElem === void 0 ? void 0 : fileElem.fileSize) !== null && _a !== void 0 ? _a : 0;
+    const sourceUrl = (fileElem === null || fileElem === void 0 ? void 0 : fileElem.sourceUrl) || "";
+    const isSending = message.status === MessageStatus.Sending;
+    const hasUrl = !!sourceUrl;
+    const handleView = () => {
+        if (!hasUrl)
+            return;
+        window.open(sourceUrl, "_blank", "noopener,noreferrer");
+    };
+    const handleDownload = () => {
+        if (!hasUrl)
+            return;
+        const link = document.createElement("a");
+        link.href = sourceUrl;
+        link.setAttribute("download", fileName);
+        link.setAttribute("target", "_blank");
+        link.setAttribute("rel", "noopener noreferrer");
+        document.body.appendChild(link);
+        link.click();
+        link.remove();
+    };
+    return (_jsx(Spin, { spinning: isSending, children: _jsxs("div", { className: "flex h-[51px] w-[292px] items-center gap-3 rounded-xl border border-gray-200/20 bg-white px-3 py-1", children: [_jsx("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center overflow-hidden [&>svg]:h-6 [&>svg]:w-6", children: documentIcon }), _jsxs("div", { className: "flex min-w-0 w-[168px] flex-col justify-center", children: [_jsx("span", { className: "truncate text-[14px] font-medium leading-[160%] text-gray-900", children: shortenFileName(fileName) }), _jsx("span", { className: "truncate text-[13px] leading-[160%] text-gray-600", children: renderFileSize(fileSize) })] }), _jsxs("div", { className: "flex w-[52px] shrink-0 items-center justify-end gap-3", children: [_jsx("button", { type: "button", onClick: handleView, disabled: !hasUrl, "aria-label": "Xem file", className: !hasUrl ? "opacity-30" : undefined, children: _jsx(Icon, { icon: "eye-o", size: 20, className: "text-gray-900" }) }), _jsx("button", { type: "button", onClick: handleDownload, disabled: !hasUrl, "aria-label": "T\u1EA3i xu\u1ED1ng", className: !hasUrl ? "opacity-30" : undefined, children: _jsx(Icon, { icon: "download-o", size: 20, className: "text-gray-900" }) })] })] }) }));
+};
+export default FileMessageItem;

package/dist/src/components/message/item/ImageMessage.d.ts

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

package/dist/src/components/message/item/ImageMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageMessage.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/item/ImageMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAMrE,UAAU,qBAAqB;IAC7B,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CAyCrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/src/components/message/item/ImageMessage.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MessageStatus } from "@openim/wasm-client-sdk";
+import { Image, Spin } from "antd";
+import { useTranslation } from "react-i18next";
+import { renderImagePreviewToolbar } from "./imagePreviewToolbar";
+import { getImageMessageMinStyle } from "./mediaSize";
+const ImageMessageItem = (props) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const { message } = props;
+    const { t } = useTranslation();
+    const pictureElem = message.pictureElem;
+    const sourceUrl = ((_a = pictureElem === null || pictureElem === void 0 ? void 0 : pictureElem.sourcePicture) === null || _a === void 0 ? void 0 : _a.url) || ((_b = pictureElem === null || pictureElem === void 0 ? void 0 : pictureElem.snapshotPicture) === null || _b === void 0 ? void 0 : _b.url) || "";
+    const bigUrl = ((_c = pictureElem === null || pictureElem === void 0 ? void 0 : pictureElem.bigPicture) === null || _c === void 0 ? void 0 : _c.url) || sourceUrl;
+    const minStyle = getImageMessageMinStyle({
+        imageWidth: (_e = (_d = pictureElem === null || pictureElem === void 0 ? void 0 : pictureElem.sourcePicture) === null || _d === void 0 ? void 0 : _d.width) !== null && _e !== void 0 ? _e : (_f = pictureElem === null || pictureElem === void 0 ? void 0 : pictureElem.snapshotPicture) === null || _f === void 0 ? void 0 : _f.width,
+        imageHeight: (_h = (_g = pictureElem === null || pictureElem === void 0 ? void 0 : pictureElem.sourcePicture) === null || _g === void 0 ? void 0 : _g.height) !== null && _h !== void 0 ? _h : (_j = pictureElem === null || pictureElem === void 0 ? void 0 : pictureElem.snapshotPicture) === null || _j === void 0 ? void 0 : _j.height,
+        snapshotHeight: (_k = pictureElem === null || pictureElem === void 0 ? void 0 : pictureElem.snapshotPicture) === null || _k === void 0 ? void 0 : _k.height,
+    });
+    const isSending = message.status === MessageStatus.Sending;
+    return (_jsx(Spin, { spinning: isSending, children: _jsx("div", { className: "relative flex max-w-[200px] overflow-hidden rounded-xl", style: minStyle, children: _jsx(Image, { src: sourceUrl, width: minStyle.width, className: "block cursor-pointer rounded-xl object-cover", preview: {
+                    src: bigUrl,
+                    toolbarRender: (originalNode, info) => { var _a; return renderImagePreviewToolbar(originalNode, (_a = info === null || info === void 0 ? void 0 : info.image) === null || _a === void 0 ? void 0 : _a.url, t); },
+                }, placeholder: _jsx("div", { className: "flex items-center justify-center rounded-xl bg-black/10", style: minStyle, children: _jsx(Spin, {}) }) }) }) }));
+};
+export default ImageMessageItem;

package/dist/src/components/message/item/LinkCard.d.ts

@@ -0,0 +1,8 @@
+import type { UrlMetadataInfo } from "../../../types/chat";
+export interface LinkCardProps {
+    metadata: UrlMetadataInfo;
+    url?: string;
+}
+declare const LinkCard: ({ metadata, url }: LinkCardProps) => import("react/jsx-runtime").JSX.Element | null;
+export default LinkCard;
+//# sourceMappingURL=LinkCard.d.ts.map

package/dist/src/components/message/item/LinkCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/item/LinkCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,eAAe,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,QAAA,MAAM,QAAQ,GAAI,mBAAmB,aAAa,mDA6CjD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/src/components/message/item/LinkCard.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { getHostLabel } from "../../../utils/link";
+import { openLink } from "../../../utils/openLink";
+const LinkCard = ({ metadata, url }) => {
+    const { t } = useTranslation("conversation-inbox");
+    const { title, description, image } = metadata;
+    if (!title && !description && !image) {
+        return null;
+    }
+    const handleOpen = () => {
+        if (!url)
+            return;
+        openLink(url, t);
+    };
+    return (_jsxs("button", { type: "button", onClick: handleOpen, "data-testid": "link-message-card", className: "flex w-full max-w-[292px] flex-col overflow-hidden rounded-[12px] border border-gray-900/10 bg-white text-left", children: [image && (_jsx("div", { className: "aspect-[16/9] w-full overflow-hidden", children: _jsx("img", { src: image, alt: "", className: "h-full w-full object-cover" }) })), _jsxs("div", { className: "flex flex-col px-3 py-2", children: [title && (_jsx("p", { className: "truncate text-[14px] font-medium leading-[1.6] text-gray-900", children: title })), url && (_jsx("p", { className: "truncate text-[12px] font-medium leading-[1.6] tracking-[0.12px] text-primary-400", children: getHostLabel(url) })), description && (_jsx("p", { className: "line-clamp-2 text-[12px] leading-[1.6] text-gray-600", children: description }))] })] }));
+};
+export default LinkCard;

package/dist/src/components/message/item/LinkText.d.ts

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

package/dist/src/components/message/item/LinkText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkText.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/item/LinkText.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,QAAA,MAAM,QAAQ,GAAI,UAAU,aAAa,4CA2BxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/src/components/message/item/LinkText.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { parseTextWithLinks } from "../../../utils/link";
+import { openLink } from "../../../utils/openLink";
+import { MESSAGE_TEXT_CLASS } from "./textStyle";
+const LinkText = ({ text }) => {
+    const { t } = useTranslation("conversation-inbox");
+    const segments = parseTextWithLinks(text);
+    return (_jsx("span", { className: clsx("min-w-0 whitespace-pre-wrap text-left [overflow-wrap:anywhere]", MESSAGE_TEXT_CLASS), children: segments.map((segment, index) => segment.type === "link" ? (_jsx("button", { type: "button", onClick: () => openLink(segment.url, t), className: "inline text-left font-medium text-primary-400 underline-offset-2 hover:underline", children: segment.value }, `${segment.url}-${index}`)) : (_jsx("span", { children: segment.value }, `text-${index}`))) }));
+};
+export default LinkText;

package/dist/src/components/message/item/MergeImageMessage.d.ts

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

package/dist/src/components/message/item/MergeImageMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MergeImageMessage.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/item/MergeImageMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAMrE,UAAU,0BAA0B;IAClC,OAAO,EAAE,WAAW,CAAC;CACtB;AAQD,QAAA,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,4CA4C/D,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/src/components/message/item/MergeImageMessage.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MessageStatus } from "@openim/wasm-client-sdk";
+import { Image, Spin } from "antd";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { renderImagePreviewToolbar } from "./imagePreviewToolbar";
+const MERGE_IMAGE_GRID_COLS_CLASS = {
+    1: "grid-cols-[repeat(1,100px)]",
+    2: "grid-cols-[repeat(2,100px)]",
+    3: "grid-cols-[repeat(3,100px)]",
+};
+const MergeImageMessageItem = (props) => {
+    var _a, _b;
+    const { message } = props;
+    const { t } = useTranslation();
+    const subMessages = (_b = (_a = message.mergeElem) === null || _a === void 0 ? void 0 : _a.multiMessage) !== null && _b !== void 0 ? _b : [];
+    const isSending = message.status === MessageStatus.Sending;
+    const cols = Math.min(subMessages.length, 3);
+    return (_jsx("div", { className: "-mx-1", children: _jsx(Spin, { spinning: isSending, children: _jsx(Image.PreviewGroup, { preview: {
+                    toolbarRender: (originalNode, info) => { var _a; return renderImagePreviewToolbar(originalNode, (_a = info === null || info === void 0 ? void 0 : info.image) === null || _a === void 0 ? void 0 : _a.url, t); },
+                }, children: _jsx("div", { className: clsx("grid gap-1", MERGE_IMAGE_GRID_COLS_CLASS[cols]), children: subMessages.map((item) => {
+                        var _a, _b, _c, _d, _e, _f;
+                        const sourceUrl = ((_b = (_a = item.pictureElem) === null || _a === void 0 ? void 0 : _a.sourcePicture) === null || _b === void 0 ? void 0 : _b.url) ||
+                            ((_d = (_c = item.pictureElem) === null || _c === void 0 ? void 0 : _c.snapshotPicture) === null || _d === void 0 ? void 0 : _d.url) ||
+                            "";
+                        const bigUrl = ((_f = (_e = item.pictureElem) === null || _e === void 0 ? void 0 : _e.bigPicture) === null || _f === void 0 ? void 0 : _f.url) || sourceUrl;
+                        return (_jsx(Image, { src: sourceUrl, width: 100, height: 100, className: "cursor-pointer rounded-xl object-cover", preview: { src: bigUrl }, placeholder: _jsx("div", { className: "flex h-[100px] w-[100px] items-center justify-center rounded-xl bg-black/10", children: _jsx(Spin, {}) }) }, item.clientMsgID));
+                    }) }) }) }) }));
+};
+export default MergeImageMessageItem;

package/dist/src/components/message/item/MessageBubble.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+export interface MessageBubbleProps {
+    isMine: boolean;
+    content: ReactNode;
+    senderName?: string;
+    showSenderName?: boolean;
+    showTip?: boolean;
+    isInternal?: boolean;
+    id?: string;
+}
+declare const MessageBubble: ({ isMine, content, senderName, showSenderName, showTip, isInternal, id, }: MessageBubbleProps) => import("react/jsx-runtime").JSX.Element;
+export default MessageBubble;
+//# sourceMappingURL=MessageBubble.d.ts.map

package/dist/src/components/message/item/MessageBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/item/MessageBubble.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AA4CD,QAAA,MAAM,aAAa,GAAI,2EAQpB,kBAAkB,4CAsCpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/src/components/message/item/MessageBubble.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+const INCOMING_TAIL_PATH = "M1.3798 18H4V0C3.51762 4.5 3.34269 10.5 0.966518 14C-0.568384 16.2608 -0.159364 18 1.3798 18Z";
+const OUTGOING_TAIL_PATH = "M2.6202 18H0V0C0.482375 4.5 0.657308 10.5 3.03348 14C4.56838 16.2608 4.15936 18 2.6202 18Z";
+const MessageBubbleTail = ({ isMine, isInternal, }) => (_jsx("div", { className: clsx("flex shrink-0 items-center justify-center", isInternal
+        ? "text-chat-internal"
+        : isMine
+            ? "text-chat-bubble-mine"
+            : "text-chat-bubble-neutral"), children: _jsx("div", { className: "flex-none", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "4", height: "18", viewBox: "0 0 4 18", fill: "none", "aria-hidden": true, children: _jsx("path", { d: isMine ? OUTGOING_TAIL_PATH : INCOMING_TAIL_PATH, fill: "currentColor", fillOpacity: "0.1" }) }) }) }));
+const MessageBubble = ({ isMine, content, senderName, showSenderName, showTip = true, isInternal = false, id, }) => {
+    const bubbleClass = clsx("relative max-w-full p-2", showTip
+        ? isMine
+            ? "rounded-[20px] rounded-br-none"
+            : "rounded-[20px] rounded-bl-none"
+        : "rounded-[20px]", isInternal
+        ? "bg-chat-internal/10"
+        : isMine
+            ? "bg-chat-bubble-mine/10"
+            : "bg-chat-bubble-neutral/10");
+    return (_jsxs("div", { className: "relative flex items-end", "data-testid": "message-bubble", children: [!isMine && showTip && (_jsx(MessageBubbleTail, { isMine: isMine, isInternal: isInternal })), _jsx("div", { className: bubbleClass, id: id, children: _jsxs("div", { className: "flex flex-col gap-1 px-1", children: [showSenderName && senderName && (_jsx("span", { className: "text-[12px] font-medium leading-[160%] tracking-[0.12px] text-gray-400", children: senderName })), _jsx("div", { className: "flex flex-col gap-2", children: content })] }) }), isMine && showTip && (_jsx(MessageBubbleTail, { isMine: isMine, isInternal: isInternal }))] }));
+};
+export default MessageBubble;

package/dist/src/components/message/item/MessageStatusIndicator.d.ts

@@ -0,0 +1,8 @@
+import { MessageItem } from "@openim/wasm-client-sdk";
+interface Props {
+    message: MessageItem;
+    isLatest: boolean;
+}
+declare const MessageStatusIndicator: ({ message, isLatest }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export default MessageStatusIndicator;
+//# sourceMappingURL=MessageStatusIndicator.d.ts.map

package/dist/src/components/message/item/MessageStatusIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageStatusIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/item/MessageStatusIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAOrE,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,sBAAsB,GAAI,uBAAuB,KAAK,mDAkB3D,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/src/components/message/item/MessageStatusIndicator.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MessageStatus } from "@openim/wasm-client-sdk";
+import { LoadingOutlined, CheckCircleFilled, ExclamationCircleFilled, } from "@ant-design/icons";
+const MessageStatusIndicator = ({ message, isLatest }) => {
+    if (message.status === MessageStatus.Sending) {
+        return _jsx(LoadingOutlined, { className: "text-gray-400 text-sm" });
+    }
+    if (message.status === MessageStatus.Succeed && isLatest) {
+        return _jsx(CheckCircleFilled, { className: "text-blue-500 text-sm" });
+    }
+    if (message.status === MessageStatus.Failed) {
+        return (_jsx(ExclamationCircleFilled, { className: "text-red-500 text-sm" }));
+    }
+    return null;
+};
+export default MessageStatusIndicator;

package/dist/src/components/message/item/QuoteMessage.d.ts

@@ -0,0 +1,8 @@
+import { MessageItem } from "@openim/wasm-client-sdk";
+interface QuoteMessageItemProps {
+    message: MessageItem;
+    onPressQuoteMessage?: (clientMsgID: string) => void;
+}
+declare const QuoteMessageItem: ({ message, onPressQuoteMessage, }: QuoteMessageItemProps) => import("react/jsx-runtime").JSX.Element | null;
+export default QuoteMessageItem;
+//# sourceMappingURL=QuoteMessage.d.ts.map

package/dist/src/components/message/item/QuoteMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuoteMessage.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/item/QuoteMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAOtD,UAAU,qBAAqB;IAC7B,OAAO,EAAE,WAAW,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD;AAED,QAAA,MAAM,gBAAgB,GAAI,mCAGvB,qBAAqB,mDAkDvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/src/components/message/item/QuoteMessage.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { useCallback, useMemo } from "react";
+import useAuthStore from "../../../store/auth";
+import useConversationStore from "../../../store/conversation";
+import ReplyQuoteContent from "../../../components/message/reply/ReplyQuoteContent";
+const QuoteMessageItem = ({ message, onPressQuoteMessage, }) => {
+    var _a;
+    const userID = useAuthStore((state) => state.userID);
+    const isCrm = useAuthStore((state) => state.isCrm);
+    const conversationData = useConversationStore((state) => state.conversationData);
+    const { t } = useTranslation();
+    const isChatSupport = useMemo(() => {
+        var _a, _b, _c;
+        try {
+            return (_c = (_b = (_a = JSON.parse((conversationData === null || conversationData === void 0 ? void 0 : conversationData.ex) || "{}")) === null || _a === void 0 ? void 0 : _a.sessionInfo) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.botId;
+        }
+        catch (_d) {
+            return false;
+        }
+    }, [conversationData === null || conversationData === void 0 ? void 0 : conversationData.ex]);
+    const getDisplayName = useCallback(({ name, id }) => {
+        if (!name)
+            return "";
+        if (!isCrm && isChatSupport) {
+            return conversationData === null || conversationData === void 0 ? void 0 : conversationData.showName;
+        }
+        if (id === userID)
+            return t("you");
+        return name;
+    }, [isCrm, isChatSupport, conversationData === null || conversationData === void 0 ? void 0 : conversationData.showName, userID, t]);
+    const quoteMessage = (_a = message === null || message === void 0 ? void 0 : message.quoteElem) === null || _a === void 0 ? void 0 : _a.quoteMessage;
+    if (!quoteMessage)
+        return null;
+    const title = getDisplayName({
+        name: quoteMessage.senderNickname,
+        id: quoteMessage.sendID,
+    });
+    return (_jsx("div", { className: "flex cursor-pointer items-center overflow-hidden rounded-r-xl bg-white/70", onClick: () => onPressQuoteMessage === null || onPressQuoteMessage === void 0 ? void 0 : onPressQuoteMessage(quoteMessage.clientMsgID || ""), children: _jsx(ReplyQuoteContent, { message: quoteMessage, title: title }) }));
+};
+export default QuoteMessageItem;

package/dist/src/components/message/item/RevokeMessage.d.ts

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

package/dist/src/components/message/item/RevokeMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RevokeMessage.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/item/RevokeMessage.tsx"],"names":[],"mappings":"AAIA,UAAU,sBAAsB;CAAG;AACnC,QAAA,MAAM,iBAAiB,GAAI,GAAG,sBAAsB,4CAQnD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/src/components/message/item/RevokeMessage.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+const RevokeMessageItem = (_) => {
+    const { t } = useTranslation();
+    return (_jsx("span", { className: "whitespace-pre-wrap text-[16px] leading-[160%] italic text-gray-500", children: t("revoked") }));
+};
+export default RevokeMessageItem;

package/dist/src/components/message/item/SystemLogMessage.d.ts

@@ -0,0 +1,7 @@
+import { MessageItem } from "@openim/wasm-client-sdk";
+interface SystemLogMessageItemProps {
+    message: MessageItem;
+}
+declare const SystemLogMessageItem: ({ message }: SystemLogMessageItemProps) => import("react/jsx-runtime").JSX.Element | null;
+export default SystemLogMessageItem;
+//# sourceMappingURL=SystemLogMessage.d.ts.map

package/dist/src/components/message/item/SystemLogMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemLogMessage.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/item/SystemLogMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAOtD,UAAU,yBAAyB;IACjC,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,oBAAoB,GAAI,aAAa,yBAAyB,mDAuBnE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/src/components/message/item/SystemLogMessage.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getSystemLogMessageHtml, getSystemLogMessageText, } from "../../../utils/messageLog";
+import { sanitizeHtml } from "../../../utils/common";
+const SystemLogMessageItem = ({ message }) => {
+    const html = getSystemLogMessageHtml(message);
+    const text = getSystemLogMessageText(message);
+    if (!html && !text) {
+        return null;
+    }
+    if (html) {
+        return (_jsx("div", { className: "flex justify-center", children: _jsx("div", { dangerouslySetInnerHTML: { __html: sanitizeHtml(html) } }) }));
+    }
+    return (_jsx("div", { className: "flex justify-center", children: _jsx("span", { className: "rounded-full bg-gray-200 px-3 py-1.5 text-center text-[13px] font-normal text-gray-900", children: text }) }));
+};
+export default SystemLogMessageItem;

package/dist/src/components/message/item/TextMessage.d.ts

@@ -0,0 +1,7 @@
+import { MessageItem } from "@openim/wasm-client-sdk";
+interface TextMessageItemProps {
+    message: MessageItem;
+}
+declare const TextMessageItem: (props: TextMessageItemProps) => import("react/jsx-runtime").JSX.Element | null;
+export default TextMessageItem;
+//# sourceMappingURL=TextMessage.d.ts.map

package/dist/src/components/message/item/TextMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextMessage.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/item/TextMessage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAOtD,UAAU,oBAAoB;IAC5B,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,mDAgDnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/src/components/message/item/TextMessage.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { htmlHasFormatting, sanitizeHtml, stripHtml } from "../../../utils/common";
+import { extractLinkUrls } from "../../../utils/link";
+import LinkText from "./LinkText";
+import { MESSAGE_TEXT_CLASS } from "./textStyle";
+const TextMessageItem = (props) => {
+    var _a, _b, _c, _d;
+    const { message } = props;
+    let extendMessageInfo = null;
+    try {
+        extendMessageInfo = JSON.parse((message === null || message === void 0 ? void 0 : message.ex) || "{}");
+    }
+    catch (error) {
+        extendMessageInfo = {};
+        console.error("Failed to parse extendMessageInfo", error);
+    }
+    const richHtmlContent = ((_b = (_a = extendMessageInfo === null || extendMessageInfo === void 0 ? void 0 : extendMessageInfo.messageInfo) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.content) || "";
+    if (richHtmlContent && htmlHasFormatting(richHtmlContent)) {
+        const sanitizedContent = sanitizeHtml(richHtmlContent);
+        return (_jsx("div", { className: clsx("min-w-0 flex-1 whitespace-pre-line [overflow-wrap:anywhere]", MESSAGE_TEXT_CLASS), dangerouslySetInnerHTML: { __html: sanitizedContent } }));
+    }
+    const text = ((_c = message === null || message === void 0 ? void 0 : message.textElem) === null || _c === void 0 ? void 0 : _c.content) ||
+        ((_d = message === null || message === void 0 ? void 0 : message.quoteElem) === null || _d === void 0 ? void 0 : _d.text) ||
+        stripHtml(richHtmlContent) ||
+        "";
+    if (!text)
+        return null;
+    if (extractLinkUrls(text).length > 0) {
+        return _jsx(LinkText, { text: text });
+    }
+    return (_jsx("p", { className: clsx("min-w-0 whitespace-pre-wrap [overflow-wrap:anywhere]", MESSAGE_TEXT_CLASS), children: text }));
+};
+export default TextMessageItem;

package/dist/src/components/message/item/UrlTextMessage.d.ts

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

package/dist/src/components/message/item/UrlTextMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrlTextMessage.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/item/UrlTextMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAatD,UAAU,uBAAuB;IAC/B,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CAuEzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/src/components/message/item/UrlTextMessage.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { wrapLinksInHtml, sanitizeHtml, htmlHasFormatting, stripHtml, } from "../../../utils/common";
+import clsx from "clsx";
+import LinkText from "./LinkText";
+import LinkCard from "./LinkCard";
+import { MESSAGE_TEXT_CLASS } from "./textStyle";
+const UrlTextMessageItem = (props) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    const { message } = props;
+    let extendMessageInfo = null;
+    try {
+        extendMessageInfo = JSON.parse((message === null || message === void 0 ? void 0 : message.ex) || "{}");
+    }
+    catch (error) {
+        extendMessageInfo = {};
+        console.error("Failed to parse extendMessageInfo", error);
+    }
+    const richHtmlContent = ((_b = (_a = extendMessageInfo === null || extendMessageInfo === void 0 ? void 0 : extendMessageInfo.messageInfo) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.content) || "";
+    const urlMetadata = extendMessageInfo === null || extendMessageInfo === void 0 ? void 0 : extendMessageInfo.urlMetadata;
+    const metadataUrl = (_d = (_c = message === null || message === void 0 ? void 0 : message.urlTextElem) === null || _c === void 0 ? void 0 : _c.urls) === null || _d === void 0 ? void 0 : _d[0];
+    const hasUrlMetadata = !!(urlMetadata &&
+        (urlMetadata.title || urlMetadata.description || urlMetadata.image));
+    if (richHtmlContent && htmlHasFormatting(richHtmlContent)) {
+        const sanitizedContent = sanitizeHtml(wrapLinksInHtml(richHtmlContent));
+        return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { className: clsx("break-normal whitespace-pre-line flex-1", MESSAGE_TEXT_CLASS), style: { overflowWrap: "anywhere" }, dangerouslySetInnerHTML: { __html: sanitizedContent } }), hasUrlMetadata && urlMetadata && (_jsx(LinkCard, { metadata: urlMetadata, url: metadataUrl }))] }));
+    }
+    const text = (_k = (_j = (_h = (_f = (_e = message === null || message === void 0 ? void 0 : message.textElem) === null || _e === void 0 ? void 0 : _e.content) !== null && _f !== void 0 ? _f : (_g = message === null || message === void 0 ? void 0 : message.urlTextElem) === null || _g === void 0 ? void 0 : _g.content) !== null && _h !== void 0 ? _h : message === null || message === void 0 ? void 0 : message.content) !== null && _j !== void 0 ? _j : stripHtml(richHtmlContent)) !== null && _k !== void 0 ? _k : "";
+    if (hasUrlMetadata && urlMetadata) {
+        return (_jsxs("div", { className: "flex max-w-[292px] flex-col gap-2", children: [text && _jsx(LinkText, { text: text }), _jsx(LinkCard, { metadata: urlMetadata, url: metadataUrl })] }));
+    }
+    if (text) {
+        return _jsx(LinkText, { text: text });
+    }
+    return (_jsx("span", { className: clsx("break-normal whitespace-pre-line flex-1", MESSAGE_TEXT_CLASS), style: { overflowWrap: "anywhere" }, children: ((_m = (_l = message === null || message === void 0 ? void 0 : message.urlTextElem) === null || _l === void 0 ? void 0 : _l.urls) === null || _m === void 0 ? void 0 : _m[0]) || "" }));
+};
+export default UrlTextMessageItem;

package/dist/src/components/message/item/VideoMessage.d.ts

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

package/dist/src/components/message/item/VideoMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoMessage.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/item/VideoMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAIrE,UAAU,qBAAqB;IAC7B,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CAyBrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/src/components/message/item/VideoMessage.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MessageStatus } from "@openim/wasm-client-sdk";
+import { Spin } from "antd";
+import { getVideoMessageMinStyle } from "./mediaSize";
+const VideoMessageItem = (props) => {
+    const { message } = props;
+    const videoElem = message.videoElem;
+    const videoUrl = (videoElem === null || videoElem === void 0 ? void 0 : videoElem.videoUrl) || "";
+    const posterUrl = (videoElem === null || videoElem === void 0 ? void 0 : videoElem.snapshotUrl) || "";
+    const minStyle = getVideoMessageMinStyle({
+        imageWidth: videoElem === null || videoElem === void 0 ? void 0 : videoElem.snapshotWidth,
+        imageHeight: videoElem === null || videoElem === void 0 ? void 0 : videoElem.snapshotHeight,
+        snapshotHeight: videoElem === null || videoElem === void 0 ? void 0 : videoElem.snapshotHeight,
+    });
+    const isSending = message.status === MessageStatus.Sending;
+    return (_jsx(Spin, { spinning: isSending, children: _jsx("div", { className: "relative max-w-[200px] overflow-hidden rounded-xl", style: minStyle, children: _jsx("video", { src: videoUrl, poster: posterUrl, controls: true, className: "block rounded-xl object-cover", style: { width: minStyle.width } }) }) }));
+};
+export default VideoMessageItem;

package/dist/src/components/message/item/imagePreviewToolbar.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from "react";
+import type { TFunction } from "i18next";
+export declare const downloadImage: (imageUrl?: string) => void;
+export declare const renderImagePreviewToolbar: (originalNode: ReactNode, imageUrl: string | undefined, t: TFunction) => ReactNode;
+//# sourceMappingURL=imagePreviewToolbar.d.ts.map

package/dist/src/components/message/item/imagePreviewToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"imagePreviewToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/item/imagePreviewToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC,eAAO,MAAM,aAAa,GAAI,WAAW,MAAM,SAQ9C,CAAC;AAEF,eAAO,MAAM,yBAAyB,GACpC,cAAc,SAAS,EACvB,UAAU,MAAM,GAAG,SAAS,EAC5B,GAAG,SAAS,KACX,SAcF,CAAC"}

package/dist/src/components/message/item/imagePreviewToolbar.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "antd";
+import { Icon } from "../../../components/icon";
+export const downloadImage = (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);
+};
+export const renderImagePreviewToolbar = (originalNode, imageUrl, t) => (_jsxs("div", { className: "flex flex-col justify-center gap-2", children: [originalNode, imageUrl && (_jsx(Button, { type: "primary", icon: _jsx(Icon, { icon: "download-o", size: 16, className: "text-white" }), className: "self-center", onClick: () => downloadImage(imageUrl), children: t("download") }))] }));

package/dist/src/components/message/item/index.d.ts

@@ -0,0 +1,18 @@
+import { MessageItem as MessageItemType } from "@openim/wasm-client-sdk";
+interface MessageItemProps {
+    message: MessageItemType;
+    allMessages: MessageItemType[];
+    isGroupChat?: boolean;
+    forceHideTip?: boolean;
+    contextMenuOpen?: boolean;
+    onContextMenuOpenChange?: (open: boolean) => void;
+    onRevokeMessage?: (clientMsgID: string) => void;
+    onQuoteMessage?: (message: MessageItemType) => void;
+    onPressQuoteMessage?: (clientMsgID: string) => void;
+    onPinMessage?: (message: MessageItemType) => void;
+    onUnpinMessage?: (message: MessageItemType) => void;
+    enableLongPress?: boolean;
+}
+declare const MessageItem: ({ message, allMessages, isGroupChat, forceHideTip, contextMenuOpen, onContextMenuOpenChange, onRevokeMessage, onQuoteMessage, onPressQuoteMessage, onPinMessage, onUnpinMessage, enableLongPress, }: MessageItemProps) => import("react/jsx-runtime").JSX.Element | null;
+export default MessageItem;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/message/item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/message/item/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,IAAI,eAAe,EAG/B,MAAM,yBAAyB,CAAC;AAiCjC,UAAU,gBAAgB;IACxB,OAAO,EAAE,eAAe,CAAC;IACzB,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uBAAuB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,eAAe,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IACpD,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAeD,QAAA,MAAM,WAAW,GAAI,qMAalB,gBAAgB,mDA8QlB,CAAC;AAEF,eAAe,WAAW,CAAC"}