@droppii-org/chat-sdk 0.1.73 → 0.1.74

package/dist/components/biz-thread-detail/BizImageViewer.d.ts

@@ -1,8 +0,0 @@
-interface BizImageViewerProps {
-    images: string[];
-    initialIndex?: number;
-    onClose: () => void;
-}
-declare const BizImageViewer: ({ images, initialIndex, onClose, }: BizImageViewerProps) => import("react").ReactPortal;
-export default BizImageViewer;
-//# sourceMappingURL=BizImageViewer.d.ts.map

package/dist/components/biz-thread-detail/BizImageViewer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BizImageViewer.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizImageViewer.tsx"],"names":[],"mappings":"AAOA,UAAU,mBAAmB;IAC3B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,cAAc,GAAI,oCAIrB,mBAAmB,gCA2ErB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/biz-thread-detail/BizImageViewer.js

@@ -1,35 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { createPortal } from "react-dom";
-import clsx from "clsx";
-import { Icon } from "../../components/icon";
-const BizImageViewer = ({ images, initialIndex = 0, onClose, }) => {
-    var _a;
-    const [currentIndex, setCurrentIndex] = useState(initialIndex);
-    useEffect(() => {
-        const handleKeyDown = (e) => {
-            if (e.key === "Escape")
-                onClose();
-            if (e.key === "ArrowLeft")
-                setCurrentIndex((i) => Math.max(0, i - 1));
-            if (e.key === "ArrowRight")
-                setCurrentIndex((i) => Math.min(images.length - 1, i + 1));
-        };
-        document.addEventListener("keydown", handleKeyDown);
-        return () => document.removeEventListener("keydown", handleKeyDown);
-    }, [images.length, onClose]);
-    const handleDownload = () => {
-        const url = images[currentIndex];
-        const filename = url.substring(url.lastIndexOf("/") + 1) || "image";
-        const link = document.createElement("a");
-        link.href = url;
-        link.download = filename;
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-    };
-    const container = (_a = document.querySelector('[data-testid="biz-thread-detail-root"]')) !== null && _a !== void 0 ? _a : document.body;
-    return createPortal(_jsxs("div", { className: "absolute inset-0 z-[999] flex flex-col bg-black", children: [_jsxs("div", { className: "flex items-center justify-between px-4 pt-12 pb-4", children: [_jsx("button", { className: "flex h-10 w-10 items-center justify-center text-white text-xl", onClick: onClose, children: _jsx(Icon, { icon: "close-b", size: 24 }) }), _jsx("button", { className: "flex h-10 w-10 items-center justify-center text-white text-xl", onClick: handleDownload, children: _jsx(Icon, { icon: "download-o", size: 24 }) })] }), _jsx("div", { className: "flex min-h-0 flex-1 items-center justify-center overflow-hidden px-4", children: _jsx("img", { src: images[currentIndex], alt: "", className: "max-h-full max-w-full rounded-[24px] object-contain" }) }), _jsxs("div", { className: "flex flex-col items-center gap-2 pb-8 pt-4", children: [_jsxs("span", { className: "text-sm text-white", children: [currentIndex + 1, "/", images.length] }), _jsx("div", { className: "flex gap-1.5", children: images.map((_, i) => (_jsx("button", { className: clsx("h-1.5 w-1.5 rounded-full transition-colors", i === currentIndex ? "bg-white" : "bg-white/30"), onClick: () => setCurrentIndex(i) }, i))) })] })] }), container);
-};
-export default BizImageViewer;

package/dist/components/biz-thread-detail/BizLinkInputPreview.d.ts

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

package/dist/components/biz-thread-detail/BizLinkInputPreview.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BizLinkInputPreview.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizLinkInputPreview.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,wBAAwB;IACvC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,mBAAmB,GAAI,mBAAmB,wBAAwB,4CAoEvE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/biz-thread-detail/BizLinkInputPreview.js

@@ -1,16 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from "../../components/icon";
-import { useFetchUrlMetadata } from "../../hooks/common/useFetchUrlMetadata";
-import { getHostLabel } from "../../utils/bizLink";
-import { openBizLink } from "../../utils/openBizLink";
-import { useTranslation } from "react-i18next";
-const BizLinkInputPreview = ({ url, onRemove }) => {
-    const { t } = useTranslation("biz-inbox");
-    const { data, isLoading, isError } = useFetchUrlMetadata(url);
-    const handleOpen = () => {
-        openBizLink(url, t);
-    };
-    return (_jsxs("div", { "data-testid": "biz-link-input-preview", className: "flex w-full shrink-0 items-center gap-2 overflow-hidden bg-[#EAF5FF] pr-2", children: [_jsxs("button", { type: "button", onClick: handleOpen, className: "flex min-w-0 flex-1 items-center gap-2 py-0 pl-0 text-left", children: [_jsx("div", { className: "flex h-[51px] w-[51px] shrink-0 items-center justify-center overflow-hidden bg-[#EAF5FF]", children: isLoading ? (_jsx("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-[#1B3FE4] border-t-transparent" })) : (data === null || data === void 0 ? void 0 : data.image) ? (_jsx("img", { src: data.image, alt: "", className: "h-full w-full object-cover" })) : (_jsx(Icon, { icon: "link-alt-b", size: 24, className: "text-[#1B3FE4]" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [isLoading ? (_jsx("p", { className: "truncate text-[14px] font-medium leading-[1.6] text-[#393E40]", children: t("link_preview.loading") })) : (_jsxs(_Fragment, { children: [_jsx("p", { className: "truncate text-[14px] font-medium leading-[1.6] text-[#393E40]", children: (data === null || data === void 0 ? void 0 : data.title) || getHostLabel(url) }), ((data === null || data === void 0 ? void 0 : data.description) || !(data === null || data === void 0 ? void 0 : data.title)) && (_jsx("p", { className: "truncate text-[13px] leading-[1.6] text-[#747B7E]", children: (data === null || data === void 0 ? void 0 : data.description) || getHostLabel(url) }))] })), isError && !isLoading && (_jsx("p", { className: "truncate text-[13px] leading-[1.6] text-[#747B7E]", children: getHostLabel(url) }))] })] }), _jsx("button", { type: "button", onClick: onRemove, "data-testid": "biz-link-input-preview-remove", className: "flex h-4 w-4 shrink-0 items-center justify-center", "aria-label": t("link_preview.remove"), children: _jsx(Icon, { icon: "close-b", size: 16, className: "text-[#393E40]" }) })] }));
-};
-export default BizLinkInputPreview;

package/dist/components/biz-thread-detail/BizLinkMessageCard.d.ts

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

package/dist/components/biz-thread-detail/BizLinkMessageCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BizLinkMessageCard.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizLinkMessageCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,eAAe,CAAC;CAC3B;AAED,QAAA,MAAM,kBAAkB,GAAI,cAAc,uBAAuB,mDA8ChE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/biz-thread-detail/BizLinkMessageCard.js

@@ -1,17 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { getHostLabel } from "../../utils/bizLink";
-import { openBizLink } from "../../utils/openBizLink";
-const BizLinkMessageCard = ({ metadata }) => {
-    const { t } = useTranslation("biz-inbox");
-    const { url, title, description, image } = metadata;
-    if (!title && !description && !image) {
-        return null;
-    }
-    const handleOpen = () => {
-        openBizLink(url, t);
-    };
-    return (_jsxs("button", { type: "button", onClick: handleOpen, "data-testid": "biz-link-message-card", className: "flex w-full max-w-[292px] flex-col overflow-hidden rounded-[12px] border border-[rgba(57,62,64,0.1)] 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-[#393E40]", children: title })), _jsx("p", { className: "truncate text-[12px] font-medium leading-[1.6] tracking-[0.12px] text-[#1B3FE4]", children: getHostLabel(url) }), description && (_jsx("p", { className: "line-clamp-2 text-[12px] leading-[1.6] text-[#5C6366]", children: description }))] })] }));
-};
-export default BizLinkMessageCard;

package/dist/components/biz-thread-detail/BizLinkTextContent.d.ts

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

package/dist/components/biz-thread-detail/BizLinkTextContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BizLinkTextContent.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizLinkTextContent.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,QAAA,MAAM,kBAAkB,GAAI,UAAU,uBAAuB,4CAsB5D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/biz-thread-detail/BizLinkTextContent.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { parseBizTextWithLinks } from "../../utils/bizLink";
-import { openBizLink } from "../../utils/openBizLink";
-const BizLinkTextContent = ({ text }) => {
-    const { t } = useTranslation("biz-inbox");
-    const segments = parseBizTextWithLinks(text);
-    return (_jsx("span", { className: "min-w-0 whitespace-pre-wrap text-left [overflow-wrap:anywhere] text-[16px] leading-[160%] tracking-[0.16px] text-[#393E40]", children: segments.map((segment, index) => segment.type === "link" ? (_jsx("button", { type: "button", onClick: () => openBizLink(segment.url, t), className: "inline text-left font-medium text-[#1B3FE4] underline-offset-2 hover:underline", children: segment.value }, `${segment.url}-${index}`)) : (_jsx("span", { children: segment.value }, `text-${index}`))) }));
-};
-export default BizLinkTextContent;

package/dist/components/biz-thread-detail/BizMessageBubble.d.ts

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

package/dist/components/biz-thread-detail/BizMessageBubble.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BizMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizMessageBubble.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,qBAAqB;IACpC,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;CACnB;AA6BD,QAAA,MAAM,gBAAgB,GAAI,2DAMvB,qBAAqB,4CA8BvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/biz-thread-detail/BizMessageBubble.js

@@ -1,15 +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 BizMessageBubbleTail = ({ isMine }) => (_jsx("div", { className: "flex shrink-0 items-center justify-center", 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: isMine ? "#0051FF" : "#83899D", fillOpacity: "0.1" }) }) }) }));
-const BizMessageBubble = ({ isMine, content, senderName, showSenderName, showTip = true, }) => {
-    const bubbleClass = clsx("relative max-w-full p-2", showTip
-        ? isMine
-            ? "rounded-[20px] rounded-br-none"
-            : "rounded-[20px] rounded-bl-none"
-        : "rounded-[20px]", isMine ? "bg-[rgba(0,81,255,0.1)]" : "bg-[rgba(131,137,157,0.1)]");
-    return (_jsxs("div", { className: "relative flex items-end", "data-testid": "biz-message-bubble", children: [!isMine && showTip && _jsx(BizMessageBubbleTail, { isMine: isMine }), _jsx("div", { className: bubbleClass, 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-[#747B7E]", children: senderName })), _jsx("div", { className: "flex flex-col gap-2", children: content })] }) }), isMine && showTip && _jsx(BizMessageBubbleTail, { isMine: isMine })] }));
-};
-export default BizMessageBubble;

package/dist/components/biz-thread-detail/BizMessageContent.d.ts

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

package/dist/components/biz-thread-detail/BizMessageContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BizMessageContent.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizMessageContent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAalF,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,WAAW,CAAC;CACtB;AAgND,QAAA,MAAM,iBAAiB,GAAI,aAAa,sBAAsB,mDAyD7D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/biz-thread-detail/BizMessageContent.js

@@ -1,125 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import clsx from "clsx";
-import { MessageStatus, MessageType } from "@openim/wasm-client-sdk";
-import { Image, Spin } from "antd";
-import { Icon } from "../../components/icon";
-import { documentIcon } from "../../assets/svg";
-import { shortenFileName } from "../../components/message/footer/FilePreview";
-import BizLinkMessageCard from "./BizLinkMessageCard";
-import BizLinkTextContent from "./BizLinkTextContent";
-import BizImageViewer from "./BizImageViewer";
-import BizVideoViewer from "./BizVideoViewer";
-import { extractBizLinkUrls } from "../../utils/bizLink";
-import { formatDuration, renderFileSize } from "../../utils/common";
-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 BizPictureMessage = ({ message }) => {
-    var _a, _b, _c;
-    const [viewerVisible, setViewerVisible] = useState(false);
-    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 isSending = message.status === MessageStatus.Sending;
-    return (_jsxs("div", { className: "-mx-1", children: [_jsx(Spin, { spinning: isSending, children: _jsx("div", { className: "cursor-pointer", onClick: () => setViewerVisible(true), children: _jsx(Image, { src: sourceUrl, width: 205, height: 205, className: "rounded-xl object-cover", preview: false, placeholder: _jsx("div", { className: "flex h-[205px] w-[205px] items-center justify-center rounded-xl bg-black/10", children: _jsx(Spin, {}) }) }) }) }), viewerVisible && (_jsx(BizImageViewer, { images: [bigUrl], onClose: () => setViewerVisible(false) }))] }));
-};
-const BizMergeImageMessage = ({ message }) => {
-    var _a, _b;
-    const [viewerIndex, setViewerIndex] = useState(null);
-    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);
-    const imageUrls = 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) ||
-            "";
-        return ((_f = (_e = item.pictureElem) === null || _e === void 0 ? void 0 : _e.bigPicture) === null || _f === void 0 ? void 0 : _f.url) || sourceUrl;
-    });
-    return (_jsxs("div", { className: "-mx-1", children: [_jsx(Spin, { spinning: isSending, children: _jsx("div", { className: clsx("grid gap-1", MERGE_IMAGE_GRID_COLS_CLASS[cols]), children: subMessages.map((item, index) => {
-                        var _a, _b, _c, _d;
-                        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) ||
-                            "";
-                        return (_jsx("div", { className: "cursor-pointer", onClick: () => setViewerIndex(index), children: _jsx(Image, { src: sourceUrl, width: 100, height: 100, className: "rounded-xl object-cover", preview: false, placeholder: _jsx("div", { className: "flex h-[100px] w-[100px] items-center justify-center rounded-xl bg-black/10", children: _jsx(Spin, {}) }) }) }, item.clientMsgID));
-                    }) }) }), viewerIndex !== null && (_jsx(BizImageViewer, { images: imageUrls, initialIndex: viewerIndex, onClose: () => setViewerIndex(null) }))] }));
-};
-const BizVideoMessage = ({ message }) => {
-    var _a;
-    const [viewerVisible, setViewerVisible] = useState(false);
-    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 durationSeconds = ((_a = videoElem === null || videoElem === void 0 ? void 0 : videoElem.duration) !== null && _a !== void 0 ? _a : 0) / 1000;
-    const isSending = message.status === MessageStatus.Sending;
-    return (_jsxs("div", { className: "-mx-1", children: [_jsx(Spin, { spinning: isSending, children: _jsxs("div", { className: "relative h-[150px] w-[215px] cursor-pointer overflow-hidden rounded-xl", onClick: () => setViewerVisible(true), children: [_jsx("img", { src: posterUrl, alt: "", className: "h-full w-full object-cover" }), _jsx("div", { className: "absolute bottom-1 right-1 flex h-[18px] w-9 items-center justify-center rounded-xl bg-black/70", children: _jsx("span", { className: "text-[10px] leading-[1.6] text-white", children: formatDuration(durationSeconds) }) }), _jsx("div", { className: "absolute left-1/2 top-1/2 flex h-[50px] w-[50px] -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-2xl bg-black/60", children: _jsx(Icon, { icon: "play-b", size: 24, className: "text-white" }) })] }) }), viewerVisible && (_jsx(BizVideoViewer, { videoUrl: videoUrl, posterUrl: posterUrl, onClose: () => setViewerVisible(false) }))] }));
-};
-const BizFileMessage = ({ message }) => {
-    var _a;
-    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-[rgba(168,173,175,0.2)] 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-[#393E40]", children: shortenFileName(fileName) }), _jsx("span", { className: "truncate text-[13px] leading-[160%] text-[#5C6366]", 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-[#393E40]" }) }), _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-[#393E40]" }) })] })] }) }));
-};
-const BizMessageContent = ({ message }) => {
-    var _a, _b, _c, _d, _e;
-    if (message.contentType === MessageType.PictureMessage) {
-        return _jsx(BizPictureMessage, { message: message });
-    }
-    if (message.contentType === MessageType.FileMessage) {
-        return _jsx(BizFileMessage, { message: message });
-    }
-    if (message.contentType === MessageType.VideoMessage) {
-        return _jsx(BizVideoMessage, { message: message });
-    }
-    if (message.contentType === MessageType.MergeMessage) {
-        return _jsx(BizMergeImageMessage, { message: message });
-    }
-    const text = (_e = (_d = (_b = (_a = message.textElem) === null || _a === void 0 ? void 0 : _a.content) !== null && _b !== void 0 ? _b : (_c = message.urlTextElem) === null || _c === void 0 ? void 0 : _c.content) !== null && _d !== void 0 ? _d : message.content) !== null && _e !== void 0 ? _e : "";
-    const hasLinks = text ? extractBizLinkUrls(text).length > 0 : false;
-    if (message.contentType === MessageType.UrlTextMessage) {
-        let urlMetadata;
-        try {
-            const ex = JSON.parse(message.ex || "{}");
-            urlMetadata = ex.urlMetadata;
-        }
-        catch (_f) {
-            urlMetadata = undefined;
-        }
-        if (urlMetadata === null || urlMetadata === void 0 ? void 0 : urlMetadata.url) {
-            return (_jsxs("div", { className: "flex max-w-[292px] flex-col gap-2", children: [text && _jsx(BizLinkTextContent, { text: text }), _jsx(BizLinkMessageCard, { metadata: urlMetadata })] }));
-        }
-        return text ? _jsx(BizLinkTextContent, { text: text }) : null;
-    }
-    if (!text)
-        return null;
-    if (hasLinks) {
-        return _jsx(BizLinkTextContent, { text: text });
-    }
-    return (_jsx("p", { className: "whitespace-pre-wrap break-words text-[16px] leading-[160%] tracking-[0.16px] text-[#393E40]", children: text }));
-};
-export default BizMessageContent;

package/dist/components/biz-thread-detail/BizMessageList.d.ts

@@ -1,7 +0,0 @@
-import { type ReactNode } from "react";
-export interface BizMessageListProps {
-    bottomSlot?: ReactNode;
-}
-declare const BizMessageList: ({ bottomSlot }: BizMessageListProps) => import("react/jsx-runtime").JSX.Element;
-export default BizMessageList;
-//# sourceMappingURL=BizMessageList.d.ts.map

package/dist/components/biz-thread-detail/BizMessageList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BizMessageList.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizMessageList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAalD,MAAM,WAAW,mBAAmB;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,QAAA,MAAM,cAAc,GAAI,gBAAgB,mBAAmB,4CA0E1D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/biz-thread-detail/BizMessageList.js

@@ -1,35 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { Empty, Spin } from "antd";
-import { useTranslation } from "react-i18next";
-import { useChatContext } from "../../context/ChatContext";
-import MessageInfiniteScroll from "../../components/message/MessageInfiniteScroll";
-import { useMessage } from "../../hooks/message/useMessage";
-import { useMessageListScroll } from "../../hooks/message/useMessageListScroll";
-import useConversationStore from "../../store/conversation";
-import useAuthStore from "../../store/auth";
-import { isGroupChat as resolveIsGroupChat } from "../../utils/conversation";
-import emitter from "../../utils/events";
-import MessageItem from "../../components/message/item";
-const BizMessageList = ({ bottomSlot }) => {
-    const { t } = useTranslation("biz-inbox");
-    const { user } = useChatContext();
-    const authUserID = useAuthStore((state) => state.userID);
-    const conversation = useConversationStore((state) => state.conversationData);
-    const selectedConversationId = useConversationStore((state) => state.selectedConversationId);
-    const conversationId = selectedConversationId || (conversation === null || conversation === void 0 ? void 0 : conversation.conversationID) || "";
-    const isGroupChat = conversation ? resolveIsGroupChat(conversation) : false;
-    const messageController = useMessage(conversationId);
-    const { scrollRef, loadMoreOldMessage, handleInfiniteScroll, scrollToBottomIfAtBottom, } = useMessageListScroll(Object.assign({ conversationId, userId: (user === null || user === void 0 ? void 0 : user.userID) || authUserID }, messageController));
-    const { loadState, moreOldLoading } = messageController;
-    const isMessageLoading = !conversationId || loadState.initLoading;
-    useEffect(() => {
-        emitter.on("BIZ_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM", scrollToBottomIfAtBottom);
-        return () => {
-            emitter.off("BIZ_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM", scrollToBottomIfAtBottom);
-        };
-    }, [scrollToBottomIfAtBottom]);
-    return (_jsx("div", { "data-testid": "biz-message-list", className: "relative flex min-h-0 min-w-0 flex-1 flex-col overflow-x-hidden bg-white", children: isMessageLoading ? (_jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Spin, {}) })) : (_jsxs(MessageInfiniteScroll, { scrollRef: scrollRef, scrollableTargetId: "scrollableBizMessagesDiv", loadState: loadState, moreOldLoading: moreOldLoading, onLoadMoreOld: loadMoreOldMessage, onScroll: handleInfiniteScroll, containerClassName: "h-full", empty: _jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Empty, { description: t("empty.no_messages") }) }), children: [bottomSlot, loadState.messageList.map((message, index, array) => (_jsx(MessageItem, { message: message, allMessages: array, isGroupChat: isGroupChat, forceHideTip: index === 0 && !!bottomSlot }, message.clientMsgID)))] })) }));
-};
-export default BizMessageList;

package/dist/components/biz-thread-detail/BizMoreOptionItem.d.ts

@@ -1,8 +0,0 @@
-import type { BizMoreOptionConfig } from "../../constants/bizMoreOption";
-export interface BizMoreOptionItemProps {
-    option: BizMoreOptionConfig;
-    onSelect: (option: BizMoreOptionConfig) => void;
-}
-declare const BizMoreOptionItem: ({ option, onSelect }: BizMoreOptionItemProps) => import("react/jsx-runtime").JSX.Element;
-export default BizMoreOptionItem;
-//# sourceMappingURL=BizMoreOptionItem.d.ts.map

package/dist/components/biz-thread-detail/BizMoreOptionItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BizMoreOptionItem.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizMoreOptionItem.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAIrE,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACjD;AAED,QAAA,MAAM,iBAAiB,GAAI,sBAAsB,sBAAsB,4CA+BtE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/biz-thread-detail/BizMoreOptionItem.js

@@ -1,19 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import { Icon } from "../../components/icon";
-const ICON_SIZE = 24;
-const BizMoreOptionItem = ({ option, onSelect }) => {
-    const { t } = useTranslation("biz-inbox");
-    const label = t(option.labelKey);
-    const handleClick = () => {
-        if (!option.enabled)
-            return;
-        onSelect(option);
-    };
-    return (_jsxs("button", { type: "button", onClick: handleClick, disabled: !option.enabled, "aria-label": label, "data-testid": `biz-more-option-${option.labelKey}`, className: clsx("flex flex-col items-center gap-1 rounded-xl px-1 transition-colors", option.enabled
-            ? "active:bg-chat-bubble-neutral/[0.08]"
-            : "cursor-not-allowed opacity-40"), children: [_jsx("span", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-gray-200/10", children: _jsx(Icon, { icon: option.icon, size: ICON_SIZE, className: "text-gray-900" }) }), _jsx("span", { className: "line-clamp-2 text-center text-[12px] leading-[1.4] text-gray-900", children: label })] }));
-};
-export default BizMoreOptionItem;

package/dist/components/biz-thread-detail/BizMoreOptionPanel.d.ts

@@ -1,10 +0,0 @@
-import { BizMoreOptionConfig } from "../../constants/bizMoreOption";
-export interface BizMoreOptionPanelProps {
-    disabled?: boolean;
-    onSelectOption?: (option: BizMoreOptionConfig) => void;
-    onTriggerMediaInput?: () => void;
-    onTriggerDocumentInput?: () => void;
-}
-declare const BizMoreOptionPanel: ({ disabled, onSelectOption, onTriggerMediaInput, onTriggerDocumentInput, }: BizMoreOptionPanelProps) => import("react/jsx-runtime").JSX.Element;
-export default BizMoreOptionPanel;
-//# sourceMappingURL=BizMoreOptionPanel.d.ts.map

package/dist/components/biz-thread-detail/BizMoreOptionPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BizMoreOptionPanel.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizMoreOptionPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,mBAAmB,EACpB,MAAM,2BAA2B,CAAC;AAGnC,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACvD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,kBAAkB,GAAI,4EAKzB,uBAAuB,4CA8BzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/biz-thread-detail/BizMoreOptionPanel.js

@@ -1,20 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { BIZ_MORE_OPTIONS, } from "../../constants/bizMoreOption";
-import BizMoreOptionItem from "./BizMoreOptionItem";
-const BizMoreOptionPanel = ({ disabled = false, onSelectOption, onTriggerMediaInput, onTriggerDocumentInput, }) => {
-    const handleSelectOption = useCallback((option) => {
-        if (option.labelKey === "thread_detail.more_option.media") {
-            onTriggerMediaInput === null || onTriggerMediaInput === void 0 ? void 0 : onTriggerMediaInput();
-            return;
-        }
-        if (option.labelKey === "thread_detail.more_option.document") {
-            onTriggerDocumentInput === null || onTriggerDocumentInput === void 0 ? void 0 : onTriggerDocumentInput();
-            return;
-        }
-        onSelectOption === null || onSelectOption === void 0 ? void 0 : onSelectOption(option);
-    }, [onSelectOption, onTriggerMediaInput, onTriggerDocumentInput]);
-    return (_jsx("div", { "data-testid": "biz-more-option-panel", className: "grid grid-cols-4 gap-y-5 bg-white py-5", children: BIZ_MORE_OPTIONS.map((option) => (_jsx(BizMoreOptionItem, { option: Object.assign(Object.assign({}, option), { enabled: option.enabled && !disabled }), onSelect: handleSelectOption }, option.labelKey))) }));
-};
-export default BizMoreOptionPanel;

package/dist/components/biz-thread-detail/BizThreadDetailHeader.d.ts

@@ -1,8 +0,0 @@
-import type { ConversationItem } from "@openim/wasm-client-sdk";
-export interface BizThreadDetailHeaderProps {
-    conversation: ConversationItem;
-    onBack?: () => void;
-}
-declare const BizThreadDetailHeader: ({ conversation, onBack, }: BizThreadDetailHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export default BizThreadDetailHeader;
-//# sourceMappingURL=BizThreadDetailHeader.d.ts.map

package/dist/components/biz-thread-detail/BizThreadDetailHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BizThreadDetailHeader.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizThreadDetailHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAShE,MAAM,WAAW,0BAA0B;IACzC,YAAY,EAAE,gBAAgB,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAqBD,QAAA,MAAM,qBAAqB,GAAI,2BAG5B,0BAA0B,4CA6C5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/biz-thread-detail/BizThreadDetailHeader.js

@@ -1,19 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { Icon } from "../../components/icon";
-import BizThreadAvatar from "../../components/biz-inbox/BizThreadAvatar";
-import BizThreadTitle from "../../components/biz-inbox/BizThreadTitle";
-import { resolveConversationAvatarUrl, resolveConversationChatCategory, resolveConversationDisplayName, resolvePeerBadgeLabel, } from "../../utils/conversation";
-const HeaderIconButton = ({ icon, onClick, testId, }) => (_jsx("button", { type: "button", onClick: onClick, "data-testid": testId, className: "flex shrink-0 cursor-pointer items-center justify-center p-2 text-primary-400", children: _jsx(Icon, { icon: icon, size: 24 }) }));
-const BizThreadDetailHeader = ({ conversation, onBack, }) => {
-    const { t } = useTranslation("biz-inbox");
-    const displayName = resolveConversationDisplayName(conversation, t);
-    const avatarUrl = resolveConversationAvatarUrl(conversation);
-    const peerType = conversation.peerType;
-    const chatCategory = resolveConversationChatCategory(conversation);
-    const badgeLabel = resolvePeerBadgeLabel(peerType, t);
-    const subtitle = t("thread_detail.profile_hint");
-    return (_jsxs("div", { "data-testid": "biz-thread-detail-header", className: "flex w-full cursor-default items-center border-b border-gray-25 bg-white p-2 shadow-inset-gray-divider", children: [_jsx(HeaderIconButton, { icon: "arrow-left-o", onClick: onBack, testId: "biz-thread-detail-back" }), _jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2 px-1", "data-testid": "biz-thread-detail-profile", children: [_jsx(BizThreadAvatar, { peerType: peerType, chatCategory: chatCategory, displayName: displayName, avatarUrl: avatarUrl, badgeLabel: badgeLabel }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(BizThreadTitle, { peerType: peerType, chatCategory: chatCategory, displayName: displayName }), _jsx("p", { className: "truncate text-[10px] font-normal leading-[160%] tracking-[0.1px] text-gray-600 [font-feature-settings:'liga'_off,'clig'_off]", children: subtitle })] })] })] }));
-};
-export default BizThreadDetailHeader;

package/dist/components/biz-thread-detail/BizThreadDetailInput.d.ts

@@ -1,8 +0,0 @@
-export interface BizThreadDetailInputProps {
-    placeholder?: string;
-    onSendMessage?: (text: string) => void;
-    onInputChange?: (value: string) => void;
-}
-declare const BizThreadDetailInput: ({ placeholder, onSendMessage, onInputChange, }: BizThreadDetailInputProps) => import("react/jsx-runtime").JSX.Element;
-export default BizThreadDetailInput;
-//# sourceMappingURL=BizThreadDetailInput.d.ts.map

package/dist/components/biz-thread-detail/BizThreadDetailInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BizThreadDetailInput.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizThreadDetailInput.tsx"],"names":[],"mappings":"AA8BA,MAAM,WAAW,yBAAyB;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,QAAA,MAAM,oBAAoB,GAAI,gDAI3B,yBAAyB,4CAmY3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}