@droppii-org/chat-sdk 0.1.73 → 0.1.74

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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,19 +0,0 @@
-"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

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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-"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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,23 +0,0 @@
-"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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,8 +0,0 @@
-"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

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

@@ -1 +0,0 @@
-{"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

@@ -1,16 +0,0 @@
-"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

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

@@ -1 +0,0 @@
-{"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

@@ -1,35 +0,0 @@
-"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

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

@@ -1 +0,0 @@
-{"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

@@ -1,37 +0,0 @@
-"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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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"}