@droppii-org/chat-sdk 0.1.73 → 0.1.75

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

@@ -1,251 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { useBoolean } from "ahooks";
-import clsx from "clsx";
-import { Icon } from "../../components/icon";
-import { useSendMessage } from "../../hooks/message/useSendMessage";
-import useAuthStore from "../../store/auth";
-import useConversationStore from "../../store/conversation";
-import useBizMessageDraftStore from "../../store/bizMessageDraft";
-import { resolveConversationAvatarUrl, resolveConversationDisplayName, } from "../../utils/conversation";
-import { emit } from "../../utils/events";
-import { extractLinkUrls } from "../../utils/link";
-import { useFetchUrlMetadata } from "../../hooks/common/useFetchUrlMetadata";
-import { processAndValidateDocuments, processAndValidateFiles, } from "../../utils/fileValidation";
-import { FilePreviewList } from "../../components/message/footer/FilePreview";
-import LinkInputPreview from "../../components/message/footer/LinkInputPreview";
-import BizMoreOptionPanel from "./BizMoreOptionPanel";
-const MAX_LINES = 5;
-const CONTAINER_MIN_HEIGHT = 48;
-const BizThreadDetailInput = ({ placeholder, onSendMessage, onInputChange, }) => {
-    const { t } = useTranslation("biz-inbox");
-    const { t: tCommon } = useTranslation("common");
-    const conversationData = useConversationStore((state) => state.conversationData);
-    const selectedConversationId = useConversationStore((state) => state.selectedConversationId);
-    const conversationId = selectedConversationId || (conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID) || "";
-    const isConversationReady = !!conversationData && (!!conversationData.userID || !!conversationData.groupID);
-    const sendMessageOptions = useMemo(() => ({
-        scrollEvent: "BIZ_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM",
-        resolveOfflinePushMeta: () => ({
-            title: conversationData
-                ? resolveConversationDisplayName(conversationData, t)
-                : "Droppii Chat",
-            icon: (conversationData && resolveConversationAvatarUrl(conversationData)) ||
-                "",
-            conversationId: (conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID) || "",
-        }),
-    }), [conversationData, t]);
-    const { sendMergeMessage } = useSendMessage(sendMessageOptions);
-    const userID = useAuthStore((state) => state.userID);
-    const setDraft = useBizMessageDraftStore((state) => state.setDraft);
-    const clearDraft = useBizMessageDraftStore((state) => state.clearDraft);
-    const containerRef = useRef(null);
-    const textareaRef = useRef(null);
-    const mediaInputRef = useRef(null);
-    const documentInputRef = useRef(null);
-    const [value, setValue] = useState("");
-    const [listUploadFiles, setListUploadFiles] = useState([]);
-    const [isVideoLoading, setIsVideoLoading] = useState(false);
-    const [isFocused, setIsFocused] = useState(false);
-    const [isSending, setIsSending] = useState(false);
-    const [previewDismissed, setPreviewDismissed] = useState(false);
-    const [isMoreOptionOpen, { setFalse: closeMoreOption, toggle: toggleMoreOption },] = useBoolean(false);
-    const previewUrl = useMemo(() => {
-        const urls = extractLinkUrls(value);
-        return urls.length === 1 ? urls[0] : null;
-    }, [value]);
-    const showLinkPreview = !!previewUrl && !previewDismissed;
-    const { data: previewMetadata } = useFetchUrlMetadata(previewUrl !== null && previewUrl !== void 0 ? previewUrl : "", showLinkPreview);
-    useEffect(() => {
-        setPreviewDismissed(false);
-    }, [previewUrl]);
-    const hasFiles = listUploadFiles.length > 0;
-    const canSend = (value.trim().length > 0 || hasFiles) &&
-        !isSending &&
-        isConversationReady &&
-        !isVideoLoading;
-    const getTextareaHeights = useCallback(() => {
-        const textarea = textareaRef.current;
-        if (!textarea)
-            return null;
-        const lineHeight = parseFloat(window.getComputedStyle(textarea).lineHeight);
-        return {
-            lineHeight,
-            maxHeight: lineHeight * MAX_LINES,
-        };
-    }, []);
-    const adjustTextareaHeight = useCallback(() => {
-        const textarea = textareaRef.current;
-        const heights = getTextareaHeights();
-        if (!textarea || !heights)
-            return;
-        textarea.style.height = `${heights.lineHeight}px`;
-        const scrollHeight = textarea.scrollHeight;
-        const nextHeight = Math.min(Math.max(scrollHeight, heights.lineHeight), heights.maxHeight);
-        textarea.style.height = `${nextHeight}px`;
-        textarea.style.overflowY =
-            scrollHeight > heights.maxHeight ? "auto" : "hidden";
-    }, [getTextareaHeights]);
-    useEffect(() => {
-        closeMoreOption();
-        setListUploadFiles([]);
-        setIsVideoLoading(false);
-    }, [conversationId, userID, closeMoreOption]);
-    useEffect(() => {
-        var _a;
-        if (!conversationId || !userID) {
-            setValue("");
-            return;
-        }
-        const draft = (_a = useBizMessageDraftStore.getState().drafts[`${userID}:${conversationId}`]) !== null && _a !== void 0 ? _a : "";
-        setValue(draft);
-        requestAnimationFrame(adjustTextareaHeight);
-    }, [conversationId, userID, adjustTextareaHeight]);
-    useEffect(() => {
-        adjustTextareaHeight();
-    }, [value, adjustTextareaHeight]);
-    useEffect(() => {
-        if (!isFocused)
-            return;
-        const handlePointerDown = (event) => {
-            var _a, _b;
-            if ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))
-                return;
-            (_b = textareaRef.current) === null || _b === void 0 ? void 0 : _b.blur();
-        };
-        document.addEventListener("pointerdown", handlePointerDown);
-        return () => document.removeEventListener("pointerdown", handlePointerDown);
-    }, [isFocused]);
-    useEffect(() => {
-        const viewport = window.visualViewport;
-        if (!viewport)
-            return;
-        const handleViewportChange = () => {
-            if (document.activeElement === textareaRef.current) {
-                emit("BIZ_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM");
-            }
-        };
-        viewport.addEventListener("resize", handleViewportChange);
-        return () => viewport.removeEventListener("resize", handleViewportChange);
-    }, []);
-    const handleMediaInputChange = useCallback((event) => {
-        var _a;
-        const files = Array.from((_a = event.target.files) !== null && _a !== void 0 ? _a : []);
-        if (files.length === 0)
-            return;
-        const validFiles = processAndValidateFiles(files, {
-            t: tCommon,
-            currentUploadedFiles: listUploadFiles,
-        });
-        if (validFiles.length > 0) {
-            setListUploadFiles((prev) => [...prev, ...validFiles]);
-            const hasVideo = validFiles.some((f) => { var _a; return (_a = f.originFileObj) === null || _a === void 0 ? void 0 : _a.type.startsWith("video/"); });
-            if (hasVideo)
-                setIsVideoLoading(true);
-        }
-        event.target.value = "";
-    }, [tCommon, listUploadFiles]);
-    const handleDocumentInputChange = useCallback((event) => {
-        var _a;
-        const files = Array.from((_a = event.target.files) !== null && _a !== void 0 ? _a : []);
-        if (files.length === 0)
-            return;
-        const validFiles = processAndValidateDocuments(files, tCommon);
-        if (validFiles.length > 0) {
-            setListUploadFiles((prev) => [...prev, ...validFiles]);
-        }
-        event.target.value = "";
-    }, [tCommon]);
-    const handleRemoveFile = useCallback((uid) => {
-        setListUploadFiles((prev) => prev.filter((f) => f.uid !== uid));
-        setIsVideoLoading(false);
-    }, []);
-    const handleChange = (nextValue) => {
-        setValue(nextValue);
-        if (conversationId && userID) {
-            setDraft(userID, conversationId, nextValue);
-        }
-        onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(nextValue);
-    };
-    const handleSend = async () => {
-        const text = value.trim();
-        if ((!text && !hasFiles) || isSending)
-            return;
-        setIsSending(true);
-        try {
-            if (onSendMessage) {
-                onSendMessage(text);
-            }
-            else {
-                const urlMetadata = showLinkPreview && previewUrl && previewMetadata
-                    ? {
-                        url: previewUrl,
-                        title: previewMetadata.title,
-                        description: previewMetadata.description,
-                        image: previewMetadata.image,
-                    }
-                    : undefined;
-                const sent = await sendMergeMessage({
-                    plainText: text,
-                    richText: "",
-                    files: listUploadFiles,
-                    isInternal: false,
-                    urlMetadata,
-                });
-                if (!sent)
-                    return;
-                setListUploadFiles([]);
-            }
-            setValue("");
-            if (conversationId && userID) {
-                clearDraft(userID, conversationId);
-            }
-            requestAnimationFrame(adjustTextareaHeight);
-        }
-        finally {
-            setIsSending(false);
-        }
-    };
-    const handleFocus = () => {
-        setIsFocused(true);
-        closeMoreOption();
-        emit("BIZ_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM");
-    };
-    const handleBlur = () => {
-        setIsFocused(false);
-    };
-    const handleToggleMoreOption = () => {
-        var _a;
-        if (!isMoreOptionOpen) {
-            (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-        }
-        toggleMoreOption();
-    };
-    const insertNewline = (textarea) => {
-        const { selectionStart, selectionEnd } = textarea;
-        const nextValue = value.slice(0, selectionStart) + "\n" + value.slice(selectionEnd);
-        handleChange(nextValue);
-        requestAnimationFrame(() => {
-            textarea.selectionStart = selectionStart + 1;
-            textarea.selectionEnd = selectionStart + 1;
-            adjustTextareaHeight();
-        });
-    };
-    const handleKeyDown = (event) => {
-        if (event.key !== "Enter")
-            return;
-        if (event.shiftKey) {
-            event.preventDefault();
-            insertNewline(event.currentTarget);
-            return;
-        }
-        event.preventDefault();
-        void handleSend();
-    };
-    return (_jsxs("div", { ref: containerRef, "data-testid": "biz-thread-detail-input", className: "flex w-full shrink-0 flex-col bg-chat-bubble-neutral/[0.05]", children: [_jsx("input", { ref: mediaInputRef, type: "file", accept: "image/jpeg,image/png,image/jpg,video/*", multiple: true, className: "hidden", onChange: handleMediaInputChange }), _jsx("input", { ref: documentInputRef, type: "file", accept: ".pdf,.doc,.docx", multiple: true, className: "hidden", onChange: handleDocumentInputChange }), listUploadFiles.length > 0 && (_jsx(FilePreviewList, { files: listUploadFiles, onRemove: (file) => handleRemoveFile(file.uid), onVideoReady: () => setIsVideoLoading(false) })), showLinkPreview && previewUrl && (_jsx(LinkInputPreview, { url: previewUrl, onRemove: () => setPreviewDismissed(true) })), _jsxs("div", { className: "flex items-end gap-3 px-3 py-2", children: [_jsx("div", { className: "flex shrink-0 items-center", children: _jsx("button", { type: "button", onClick: handleToggleMoreOption, "aria-label": t("thread_detail.more_option.toggle"), "aria-expanded": isMoreOptionOpen, "data-testid": "biz-thread-detail-more-option-toggle", className: "flex py-3 items-center justify-center rounded-full", children: isMoreOptionOpen ? (_jsx(Icon, { icon: "close-circle-o", size: 24, className: "text-primary-400" })) : (_jsx(Icon, { icon: "plus-circle-o", size: 24, className: "text-gray-900" })) }) }), _jsx("div", { className: clsx("flex min-w-0 flex-1 overflow-hidden rounded-xl border bg-white transition-shadow", isFocused
-                            ? "border-primary-200 shadow-primary-focus"
-                            : "border-gray-50"), style: { minHeight: CONTAINER_MIN_HEIGHT }, children: _jsx("div", { className: "flex min-w-0 flex-[1_0_0] items-center gap-2 self-stretch px-3 py-1", children: _jsx("textarea", { ref: textareaRef, value: value, rows: 1, onChange: (event) => handleChange(event.target.value), onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t("thread_detail.input_placeholder"), "data-testid": "biz-thread-detail-message-input", className: "biz-message-input-scrollbar min-h-0 min-w-0 flex-1 resize-none appearance-none border-0 bg-transparent p-0 text-[16px] leading-[1.6] tracking-[0.16px] text-black outline-none ring-0 placeholder:text-gray-400 focus:border-0 focus:outline-none focus:ring-0" }) }) }), _jsx("div", { className: "flex shrink-0 items-center pb-1", children: _jsx("button", { type: "button", onClick: () => void handleSend(), disabled: !canSend, "data-testid": "biz-thread-detail-send", className: clsx("flex h-10 w-10 items-center justify-center rounded-full", canSend ? "bg-chat-send" : "bg-chat-send opacity-25"), children: _jsx(Icon, { icon: "send-b", size: 20, className: "text-white" }) }) })] }), isMoreOptionOpen && (_jsx(BizMoreOptionPanel, { disabled: !isConversationReady, onTriggerMediaInput: () => { var _a; return (_a = mediaInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, onTriggerDocumentInput: () => { var _a; return (_a = documentInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); } }))] }));
-};
-export default BizThreadDetailInput;

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

@@ -1,8 +0,0 @@
-interface BizVideoViewerProps {
-    videoUrl: string;
-    posterUrl?: string;
-    onClose: () => void;
-}
-declare const BizVideoViewer: ({ videoUrl, posterUrl, onClose }: BizVideoViewerProps) => import("react").ReactPortal;
-export default BizVideoViewer;
-//# sourceMappingURL=BizVideoViewer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BizVideoViewer.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizVideoViewer.tsx"],"names":[],"mappings":"AAQA,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAID,QAAA,MAAM,cAAc,GAAI,kCAAkC,mBAAmB,gCAyM5E,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -1,103 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
-import { createPortal } from "react-dom";
-import { Icon } from "../../components/icon";
-import { ExpandIcon } from "../../assets/svg";
-import { formatDuration } from "../../utils/common";
-const SKIP_SECONDS = 10;
-const BizVideoViewer = ({ videoUrl, posterUrl, onClose }) => {
-    var _a;
-    const containerRef = useRef(null);
-    const videoRef = useRef(null);
-    const [isPlaying, setIsPlaying] = useState(false);
-    const [isMuted, setIsMuted] = useState(false);
-    const [isFullscreen, setIsFullscreen] = useState(false);
-    const [currentTime, setCurrentTime] = useState(0);
-    const [duration, setDuration] = useState(0);
-    const togglePlay = () => {
-        const video = videoRef.current;
-        if (!video)
-            return;
-        if (video.paused) {
-            void video.play();
-        }
-        else {
-            video.pause();
-        }
-    };
-    const skip = (seconds) => {
-        const video = videoRef.current;
-        if (!video)
-            return;
-        const max = video.duration || Infinity;
-        video.currentTime = Math.min(Math.max(video.currentTime + seconds, 0), max);
-        setCurrentTime(video.currentTime);
-    };
-    const toggleFullscreen = () => {
-        var _a, _b;
-        const el = containerRef.current;
-        if (!el)
-            return;
-        if (!document.fullscreenElement) {
-            void ((_a = el.requestFullscreen) === null || _a === void 0 ? void 0 : _a.call(el));
-        }
-        else {
-            void ((_b = document.exitFullscreen) === null || _b === void 0 ? void 0 : _b.call(document));
-        }
-    };
-    useEffect(() => {
-        const handleKeyDown = (event) => {
-            if (event.key === "Escape")
-                onClose();
-            if (event.key === " ") {
-                event.preventDefault();
-                togglePlay();
-            }
-            if (event.key === "ArrowLeft")
-                skip(-SKIP_SECONDS);
-            if (event.key === "ArrowRight")
-                skip(SKIP_SECONDS);
-        };
-        document.addEventListener("keydown", handleKeyDown);
-        return () => document.removeEventListener("keydown", handleKeyDown);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [onClose]);
-    useEffect(() => {
-        const handleFullscreenChange = () => setIsFullscreen(document.fullscreenElement === containerRef.current);
-        document.addEventListener("fullscreenchange", handleFullscreenChange);
-        return () => document.removeEventListener("fullscreenchange", handleFullscreenChange);
-    }, []);
-    useEffect(() => {
-        var _a;
-        (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.play().catch(() => { });
-    }, []);
-    const toggleMute = () => {
-        const video = videoRef.current;
-        if (!video)
-            return;
-        video.muted = !video.muted;
-        setIsMuted(video.muted);
-    };
-    const handleSeek = (event) => {
-        const video = videoRef.current;
-        if (!video)
-            return;
-        const value = Number(event.target.value);
-        video.currentTime = value;
-        setCurrentTime(value);
-    };
-    const handleDownload = () => {
-        const filename = videoUrl.substring(videoUrl.lastIndexOf("/") + 1) || "video";
-        const link = document.createElement("a");
-        link.href = videoUrl;
-        link.download = filename;
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-    };
-    const remainingTime = Math.max(duration - currentTime, 0);
-    const container = (_a = document.querySelector('[data-testid="biz-thread-detail-root"]')) !== null && _a !== void 0 ? _a : document.body;
-    return createPortal(_jsxs("div", { ref: containerRef, 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: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("button", { type: "button", className: "flex h-10 w-10 items-center justify-center text-white", onClick: onClose, "aria-label": "\u0110\u00F3ng", children: _jsx(Icon, { icon: "close-b", size: 24 }) }), _jsx("button", { type: "button", className: "flex h-10 w-10 items-center justify-center text-white", onClick: toggleFullscreen, "aria-label": isFullscreen ? "Thu nhỏ" : "Toàn màn hình", children: _jsx(ExpandIcon, { size: 20 }) })] }), _jsx("button", { type: "button", className: "flex h-10 w-10 items-center justify-center text-white", onClick: handleDownload, "aria-label": "T\u1EA3i xu\u1ED1ng", children: _jsx(Icon, { icon: "download-o", size: 24 }) })] }), _jsxs("div", { className: "relative flex min-h-0 flex-1 items-center justify-center overflow-hidden px-4", children: [_jsx("video", { ref: videoRef, src: videoUrl, poster: posterUrl, className: "max-h-full max-w-full rounded-[24px] object-contain", onPlay: () => setIsPlaying(true), onPause: () => setIsPlaying(false), onTimeUpdate: (event) => setCurrentTime(event.currentTarget.currentTime), onLoadedMetadata: (event) => setDuration(event.currentTarget.duration), onClick: togglePlay }), _jsxs("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-between px-8", children: [_jsx("button", { type: "button", className: "pointer-events-auto relative flex h-9 w-9 items-center justify-center text-white", onClick: () => skip(-SKIP_SECONDS), "aria-label": "L\u00F9i 10 gi\u00E2y", children: _jsx(Icon, { icon: "arrow-reload-o", size: 30 }) }), !isPlaying && (_jsx("button", { type: "button", className: "pointer-events-auto flex h-[50px] w-[50px] shrink-0 items-center justify-center rounded-2xl bg-black/60", onClick: togglePlay, "aria-label": "Ph\u00E1t", children: _jsx(Icon, { icon: "play-b", size: 24, className: "text-white" }) })), _jsx("button", { type: "button", className: "pointer-events-auto relative flex h-9 w-9 items-center justify-center text-white", onClick: () => skip(SKIP_SECONDS), "aria-label": "Ti\u1EBFn 10 gi\u00E2y", children: _jsx(Icon, { icon: "arrow-reload-o", size: 30, className: "-scale-x-100" }) })] })] }), _jsx("div", { className: "flex flex-col gap-2 px-4 pb-8 pt-4", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-9 shrink-0 text-xs text-white", children: formatDuration(currentTime) }), _jsx("input", { type: "range", min: 0, max: duration || 0, step: 0.1, value: currentTime, onChange: handleSeek, className: "h-1 flex-1 cursor-pointer appearance-none rounded-full bg-white/30 accent-white" }), _jsxs("span", { className: "w-9 shrink-0 text-right text-xs text-white", children: ["-", formatDuration(remainingTime)] }), _jsx("button", { type: "button", onClick: toggleMute, className: "flex h-6 w-6 shrink-0 items-center justify-center text-white", "aria-label": "\u00C2m l\u01B0\u1EE3ng", children: _jsx(Icon, { icon: isMuted ? "volume-off-o" : "volume-up-o", size: 20 }) })] }) })] }), container);
-};
-export default BizVideoViewer;

package/dist/components/biz-thread-detail/bot/BotButtonMessage.d.ts

@@ -1,10 +0,0 @@
-import type { BotButtonOption } from "../../../types/conversation";
-export interface BotButtonMessageProps {
-    buttons: BotButtonOption[];
-    disabled?: boolean;
-    onSelect: (actionId: string) => void;
-    onRestart: () => void;
-}
-declare const BotButtonMessage: ({ buttons, disabled, onSelect, onRestart, }: BotButtonMessageProps) => import("react/jsx-runtime").JSX.Element | null;
-export default BotButtonMessage;
-//# sourceMappingURL=BotButtonMessage.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BotButtonMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/biz-thread-detail/bot/BotButtonMessage.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAI5D,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,QAAA,MAAM,gBAAgB,GAAI,6CAKvB,qBAAqB,mDA4EvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/biz-thread-detail/bot/BotButtonMessage.js

@@ -1,30 +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";
-import MessageBubble from "../../../components/message/item/MessageBubble";
-import { BOT_BUTTON_MENU_THRESHOLD, BOT_DEFAULT_BUTTON_ID, } from "../../../constants/botFlow";
-const CHEVRON_SIZE = 20;
-const BotButtonMessage = ({ buttons, disabled, onSelect, onRestart, }) => {
-    const { t } = useTranslation("biz-inbox");
-    if (buttons.length === 0)
-        return null;
-    const isMenuStyle = buttons.length > BOT_BUTTON_MENU_THRESHOLD;
-    const handleSelect = (actionId) => {
-        if (disabled)
-            return;
-        if (actionId === BOT_DEFAULT_BUTTON_ID) {
-            onRestart();
-            return;
-        }
-        onSelect(actionId);
-    };
-    const optionsNode = isMenuStyle ? (_jsx("div", { className: "flex flex-col overflow-hidden rounded-xl bg-white", children: buttons.map((option, index) => (_jsxs("button", { type: "button", disabled: disabled, onClick: () => handleSelect(option.id), className: clsx("flex items-center gap-4 px-3 py-2 text-left transition-colors", index !== buttons.length - 1 && "border-b border-gray-25", disabled && "cursor-not-allowed opacity-60"), children: [_jsx("span", { className: "flex-1 text-[16px] font-medium leading-[1.6] text-gray-900", children: option.id === BOT_DEFAULT_BUTTON_ID
-                        ? t("thread_detail.bot.restart")
-                        : option.label }), _jsx(Icon, { icon: "angle-right-o", size: CHEVRON_SIZE, className: "text-gray-900" })] }, option.id))) })) : (_jsx("div", { className: "flex flex-col gap-2", children: buttons.map((option) => (_jsx("button", { type: "button", disabled: disabled, onClick: () => handleSelect(option.id), className: clsx("flex flex-1 items-center justify-center gap-2 rounded-lg border border-primary-400 bg-primary-25 px-3 py-2", "text-center text-[14px] font-[510] leading-[160%] text-primary-400 transition-colors", disabled && "cursor-not-allowed opacity-60"), children: _jsx("span", { children: option.id === BOT_DEFAULT_BUTTON_ID
-                    ? t("thread_detail.bot.restart")
-                    : option.label }) }, option.id))) }));
-    return (_jsx("div", { className: "flex min-w-0 flex-col gap-2 px-3 py-1 sm:px-4", children: _jsx("div", { className: "flex min-w-0 items-end justify-start pl-3 pr-12", children: _jsx("div", { className: "flex min-w-0 max-w-[75%] flex-col items-start", children: _jsx(MessageBubble, { isMine: false, content: optionsNode }) }) }) }));
-};
-export default BotButtonMessage;

package/dist/components/biz-thread-detail/bot/BotFlowContext.d.ts

@@ -1,10 +0,0 @@
-import type { BotButtonOption } from "../../../types/biz";
-export interface BotFlowContextValue {
-    buttons: BotButtonOption[];
-    disabled: boolean;
-    onSelect: (actionId: string) => void;
-    onRestart: () => void;
-}
-export declare const BotFlowProvider: import("react").Provider<BotFlowContextValue>;
-export declare const useBotFlowContext: () => BotFlowContextValue;
-//# sourceMappingURL=BotFlowContext.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BotFlowContext.d.ts","sourceRoot":"","sources":["../../../../src/components/biz-thread-detail/bot/BotFlowContext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAWD,eAAO,MAAM,eAAe,+CAA0B,CAAC;AAEvD,eAAO,MAAM,iBAAiB,2BAAmC,CAAC"}

package/dist/components/biz-thread-detail/bot/BotFlowContext.js

@@ -1,11 +0,0 @@
-"use client";
-import { createContext, useContext } from "react";
-const noop = () => { };
-const BotFlowContext = createContext({
-    buttons: [],
-    disabled: false,
-    onSelect: noop,
-    onRestart: noop,
-});
-export const BotFlowProvider = BotFlowContext.Provider;
-export const useBotFlowContext = () => useContext(BotFlowContext);

package/dist/components/biz-thread-detail/bot/BotStartButton.d.ts

@@ -1,8 +0,0 @@
-export interface BotStartButtonProps {
-    label: string;
-    onClick: () => void;
-    disabled?: boolean;
-}
-declare const BotStartButton: ({ label, onClick, disabled }: BotStartButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default BotStartButton;
-//# sourceMappingURL=BotStartButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BotStartButton.d.ts","sourceRoot":"","sources":["../../../../src/components/biz-thread-detail/bot/BotStartButton.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,GAAI,8BAA8B,mBAAmB,4CAkBxE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/biz-thread-detail/bot/BotStartButton.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import { Icon } from "../../../components/icon";
-const ICON_SIZE = 20;
-const BotStartButton = ({ label, onClick, disabled }) => {
-    return (_jsxs("button", { type: "button", onClick: onClick, disabled: disabled, className: clsx("flex h-12 w-full items-center justify-center gap-2 rounded-lg", "text-[16px] font-medium leading-[1.6] text-white transition-colors", disabled
-            ? "cursor-not-allowed bg-primary-400/60"
-            : "bg-primary-400 active:bg-primary-400/90"), children: [_jsx(Icon, { icon: "chat-square-o", size: ICON_SIZE, className: "text-white" }), _jsx("span", { children: label })] }));
-};
-export default BotStartButton;

package/dist/components/biz-thread-detail/bot/index.d.ts

@@ -1,5 +0,0 @@
-export { default as BotStartButton } from "./BotStartButton";
-export type { BotStartButtonProps } from "./BotStartButton";
-export { default as BotButtonMessage } from "./BotButtonMessage";
-export type { BotButtonMessageProps } from "./BotButtonMessage";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/biz-thread-detail/bot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/biz-thread-detail/bot/index.js

@@ -1,2 +0,0 @@
-export { default as BotStartButton } from "./BotStartButton";
-export { default as BotButtonMessage } from "./BotButtonMessage";

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

@@ -1,10 +0,0 @@
-export { default as BizThreadDetailHeader } from "./BizThreadDetailHeader";
-export type { BizThreadDetailHeaderProps } from "./BizThreadDetailHeader";
-export { default as BizThreadDetailInput } from "./BizThreadDetailInput";
-export type { BizThreadDetailInputProps } from "./BizThreadDetailInput";
-export { default as BizMessageList } from "./BizMessageList";
-export { default as BizMoreOptionPanel } from "./BizMoreOptionPanel";
-export type { BizMoreOptionPanelProps } from "./BizMoreOptionPanel";
-export { default as BizMoreOptionItem } from "./BizMoreOptionItem";
-export type { BizMoreOptionItemProps } from "./BizMoreOptionItem";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAExE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -1,5 +0,0 @@
-export { default as BizThreadDetailHeader } from "./BizThreadDetailHeader";
-export { default as BizThreadDetailInput } from "./BizThreadDetailInput";
-export { default as BizMessageList } from "./BizMessageList";
-export { default as BizMoreOptionPanel } from "./BizMoreOptionPanel";
-export { default as BizMoreOptionItem } from "./BizMoreOptionItem";

package/dist/components/biz-thread-detail/item/BizMessageItem.d.ts

@@ -1,9 +0,0 @@
-import { MessageItem } from "@openim/wasm-client-sdk";
-export interface BizMessageItemProps {
-    message: MessageItem;
-    allMessages: MessageItem[];
-    isGroupChat?: boolean;
-}
-declare const BizMessageItem: ({ message, allMessages, isGroupChat, }: BizMessageItemProps) => import("react/jsx-runtime").JSX.Element | null;
-export default BizMessageItem;
-//# sourceMappingURL=BizMessageItem.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BizMessageItem.d.ts","sourceRoot":"","sources":["../../../../src/components/biz-thread-detail/item/BizMessageItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAStD,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,EAAE,WAAW,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAyBD,QAAA,MAAM,cAAc,GAAI,wCAIrB,mBAAmB,mDA0DrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/biz-thread-detail/item/BizMessageItem.js

@@ -1,27 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from "../../../components/icon";
-import useAuthStore from "../../../store/auth";
-import { visibleTypeMessage } from "../../../hooks/message/useMessage";
-import { formatTimestamp } from "../../../utils/common";
-import { getBizMessageDisplay, shouldHideBizMessage } from "../../../utils/bizMessage";
-import BizMessageBubble from "../BizMessageBubble";
-import BizMessageContent from "../BizMessageContent";
-const BizMessageAvatar = ({ avatarUrl }) => avatarUrl ? (_jsx("img", { src: avatarUrl, alt: "", className: "h-6 w-6 shrink-0 self-end rounded-full object-cover" })) : (_jsx("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center self-end rounded-full bg-[#0C5CFF]", children: _jsx(Icon, { icon: "droppii-o-1", size: 14, className: "text-white" }) }));
-const BizMessageTime = ({ sendTime }) => (_jsx("div", { className: "flex w-full items-center px-4 py-1", children: _jsx("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: _jsx("p", { className: "w-full break-words text-center text-[12px] font-normal leading-[160%] tracking-normal text-[#747B7E]", children: formatTimestamp(sendTime, { hasTime: true }) }) }) }));
-const BizMessageItem = ({ message, allMessages, isGroupChat = false, }) => {
-    const userID = useAuthStore((state) => state.userID);
-    if (!userID)
-        return null;
-    if (shouldHideBizMessage(message) ||
-        !visibleTypeMessage.includes(message.contentType)) {
-        return null;
-    }
-    const display = getBizMessageDisplay(message, allMessages, userID, isGroupChat);
-    if (!display.isMine) {
-        return (_jsxs("div", { className: "flex w-full flex-col pb-1", "data-testid": "biz-message-item", children: [display.showTimeBreak && _jsx(BizMessageTime, { sendTime: display.sendTime }), _jsxs("div", { className: "flex w-full items-end gap-1 pl-3 pr-12", children: [isGroupChat &&
-                            (display.showAvatar ? (_jsx(BizMessageAvatar, { avatarUrl: display.senderFaceUrl })) : (_jsx("div", { className: "h-6 w-6 shrink-0 self-end" }))), _jsx("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: _jsx(BizMessageBubble, { isMine: display.isMine, content: _jsx(BizMessageContent, { message: message }), senderName: display.senderName, showSenderName: display.showSenderName, showTip: display.showTip }) })] })] }));
-    }
-    return (_jsxs("div", { className: "flex w-full flex-col pb-1", "data-testid": "biz-message-item", children: [display.showTimeBreak && _jsx(BizMessageTime, { sendTime: display.sendTime }), _jsx("div", { className: "flex w-full justify-end pl-12 pr-3", children: _jsx("div", { className: "flex min-w-0 max-w-[calc(100%-48px)] flex-col items-end gap-1", children: _jsx(BizMessageBubble, { isMine: display.isMine, content: _jsx(BizMessageContent, { message: message }), showTip: display.showTip }) }) })] }));
-};
-export default BizMessageItem;

package/dist/components/bizInbox/BizCommunityTabPlaceholder.d.ts

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

package/dist/components/bizInbox/BizCommunityTabPlaceholder.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BizCommunityTabPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/bizInbox/BizCommunityTabPlaceholder.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,0BAA0B,+CAkB/B,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/dist/components/bizInbox/BizCommunityTabPlaceholder.js

@@ -1,10 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { TeamOutlined } from "@ant-design/icons";
-import { BIZ_INBOX_TEST_IDS } from "../../constants/bizInbox";
-const BizCommunityTabPlaceholder = () => {
-    const { t } = useTranslation("bizInbox");
-    return (_jsxs("div", { role: "status", "data-testid": BIZ_INBOX_TEST_IDS.COMMUNITY_PLACEHOLDER, className: "flex flex-1 flex-col items-center justify-center gap-3 p-8 text-center", children: [_jsx(TeamOutlined, { "aria-hidden": true, className: "text-5xl text-primary-500" }), _jsx("div", { className: "text-lg font-semibold text-neutral-900", children: t("community_tab.coming_soon.title") }), _jsx("div", { className: "max-w-md text-sm text-neutral-500", children: t("community_tab.coming_soon.description") })] }));
-};
-export default BizCommunityTabPlaceholder;

package/dist/components/bizInbox/BizContactListSkeleton.d.ts

@@ -1,6 +0,0 @@
-export interface BizContactListSkeletonProps {
-    itemCount?: number;
-}
-declare const BizContactListSkeleton: ({ itemCount, }: BizContactListSkeletonProps) => import("react/jsx-runtime").JSX.Element;
-export default BizContactListSkeleton;
-//# sourceMappingURL=BizContactListSkeleton.d.ts.map

package/dist/components/bizInbox/BizContactListSkeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BizContactListSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/bizInbox/BizContactListSkeleton.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,2BAA2B;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,sBAAsB,GAAI,gBAE7B,2BAA2B,4CAsB7B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/bizInbox/BizContactListSkeleton.js

@@ -1,8 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BIZ_INBOX_DEFAULTS, BIZ_INBOX_TEST_IDS, } from "../../constants/bizInbox";
-const BizContactListSkeleton = ({ itemCount = BIZ_INBOX_DEFAULTS.CONTACT_LIST_SKELETON_COUNT, }) => {
-    const items = Array.from({ length: itemCount }, (_, index) => index);
-    return (_jsx("div", { "data-testid": BIZ_INBOX_TEST_IDS.CONTACT_LIST_SKELETON, className: "flex h-full w-72 flex-col gap-3 border-r border-neutral-200 bg-neutral-50 p-4", children: items.map((index) => (_jsxs("div", { className: "flex items-center gap-3 rounded-lg bg-white p-3 shadow-sm", children: [_jsx("div", { className: "h-10 w-10 animate-pulse rounded-full bg-neutral-200" }), _jsxs("div", { className: "flex flex-1 flex-col gap-2", children: [_jsx("div", { className: "h-3 w-1/2 animate-pulse rounded bg-neutral-200" }), _jsx("div", { className: "h-2.5 w-1/3 animate-pulse rounded bg-neutral-200" })] })] }, index))) }));
-};
-export default BizContactListSkeleton;

package/dist/components/bizInbox/BizCreateGroupButton.d.ts

@@ -1,7 +0,0 @@
-export interface BizCreateGroupButtonProps {
-    onClick: () => void;
-    disabled?: boolean;
-}
-declare const BizCreateGroupButton: ({ onClick, disabled }: BizCreateGroupButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default BizCreateGroupButton;
-//# sourceMappingURL=BizCreateGroupButton.d.ts.map

package/dist/components/bizInbox/BizCreateGroupButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BizCreateGroupButton.d.ts","sourceRoot":"","sources":["../../../src/components/bizInbox/BizCreateGroupButton.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,oBAAoB,GAAI,uBAA+B,yBAAyB,4CAiBrF,CAAC;AAEF,eAAe,oBAAoB,CAAC"}