@droppii-org/chat-sdk 0.1.73 → 0.1.75

package/dist/components/bizThreadDetail/BizThreadDetailInput.js

@@ -1,147 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { useTranslation } from "react-i18next";
-import clsx from "clsx";
-import { Icon } from "../../components/icon";
-import { useBizSendMessage } from "../../hooks/biz/useBizSendMessage";
-import useBizConversationStore from "../../store/bizConversation";
-import useBizMessageDraftStore from "../../store/bizMessageDraft";
-import { emit } from "../../utils/events";
-const MAX_LINES = 5;
-const CONTAINER_MIN_HEIGHT = 48;
-const BizThreadDetailInput = ({ placeholder, onSendMessage, onInputChange, }) => {
-    const { t } = useTranslation("biz-inbox");
-    const { sendTextMessage } = useBizSendMessage();
-    const conversationId = useBizConversationStore((state) => { var _a; return (_a = state.conversationData) === null || _a === void 0 ? void 0 : _a.conversationId; });
-    const setDraft = useBizMessageDraftStore((state) => state.setDraft);
-    const clearDraft = useBizMessageDraftStore((state) => state.clearDraft);
-    const containerRef = useRef(null);
-    const textareaRef = useRef(null);
-    const [value, setValue] = useState("");
-    const [isFocused, setIsFocused] = useState(false);
-    const [isSending, setIsSending] = useState(false);
-    const canSend = value.trim().length > 0 && !isSending;
-    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(() => {
-        var _a;
-        if (!conversationId) {
-            setValue("");
-            return;
-        }
-        const draft = (_a = useBizMessageDraftStore.getState().drafts[conversationId]) !== null && _a !== void 0 ? _a : "";
-        setValue(draft);
-        requestAnimationFrame(adjustTextareaHeight);
-    }, [conversationId, 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 handleChange = (nextValue) => {
-        setValue(nextValue);
-        if (conversationId) {
-            setDraft(conversationId, nextValue);
-        }
-        onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(nextValue);
-    };
-    const handleSend = async () => {
-        const text = value.trim();
-        if (!text || isSending)
-            return;
-        setIsSending(true);
-        try {
-            if (onSendMessage) {
-                onSendMessage(text);
-            }
-            else {
-                const sent = await sendTextMessage(text);
-                if (!sent)
-                    return;
-            }
-            setValue("");
-            if (conversationId) {
-                clearDraft(conversationId);
-            }
-            requestAnimationFrame(adjustTextareaHeight);
-        }
-        finally {
-            setIsSending(false);
-        }
-    };
-    const handleFocus = () => {
-        setIsFocused(true);
-        emit("BIZ_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM");
-    };
-    const handleBlur = () => {
-        setIsFocused(false);
-    };
-    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 (_jsx("div", { ref: containerRef, "data-testid": "biz-thread-detail-input", className: "flex w-full shrink-0 flex-col bg-[rgba(131,137,157,0.05)]", children: _jsxs("div", { className: "flex items-end gap-3 px-3 py-2", children: [_jsx("div", { className: clsx("flex min-w-0 flex-1 overflow-hidden rounded-xl border bg-white transition-shadow", isFocused
-                        ? "border-[#607CFB] shadow-[0px_0px_2px_rgba(27,63,228,0.5)]"
-                        : "border-[#DDDEDF]"), 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 bg-transparent text-[16px] leading-[1.6] tracking-[0.16px] text-black outline-none placeholder:text-[#747B7E]" }) }) }), _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-[#002BEB]" : "bg-[#002BEB] opacity-25"), children: _jsx(Icon, { icon: "send-b", size: 20, className: "text-white" }) }) })] }) }));
-};
-export default BizThreadDetailInput;

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

@@ -1,8 +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 BizMessageItem } from "./item/BizMessageItem";
-export type { BizMessageItemProps } from "./item/BizMessageItem";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/bizThreadDetail/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;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAClE,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/bizThreadDetail/index.js

@@ -1,4 +0,0 @@
-export { default as BizThreadDetailHeader } from "./BizThreadDetailHeader";
-export { default as BizThreadDetailInput } from "./BizThreadDetailInput";
-export { default as BizMessageList } from "./BizMessageList";
-export { default as BizMessageItem } from "./item/BizMessageItem";

package/dist/components/bizThreadDetail/item/BizMessageItem.d.ts

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

package/dist/components/bizThreadDetail/item/BizMessageItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BizMessageItem.d.ts","sourceRoot":"","sources":["../../../../src/components/bizThreadDetail/item/BizMessageItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQtD,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,WAAW,CAAC;IACrB,WAAW,EAAE,WAAW,EAAE,CAAC;CAC5B;AA4BD,QAAA,MAAM,cAAc,GAAI,0BAA0B,mBAAmB,mDA6CpE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/bizThreadDetail/item/BizMessageItem.js

@@ -1,20 +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 { formatTimestamp } from "../../../utils/common";
-import { getBizMessageDisplay } from "../../../utils/bizMessage";
-import BizMessageBubble from "../BizMessageBubble";
-const BizMessageAvatar = ({ avatarUrl }) => (_jsx("div", { className: "flex shrink-0 items-center pb-4", children: avatarUrl ? (_jsx("img", { src: avatarUrl, alt: "", className: "h-6 w-6 rounded-full object-cover" })) : (_jsx("div", { className: "flex h-6 w-6 items-center justify-center 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 }) => {
-    const userID = useAuthStore((state) => state.userID);
-    if (!userID)
-        return null;
-    const display = getBizMessageDisplay(message, allMessages, userID);
-    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 pl-3 pr-12", children: [display.showAvatar ? (_jsx(BizMessageAvatar, { avatarUrl: display.senderFaceUrl })) : (_jsx("div", { className: "w-6 shrink-0" })), _jsx("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: _jsx(BizMessageBubble, { isMine: display.isMine, content: display.content, 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: display.content, showTip: display.showTip }) }) })] }));
-};
-export default BizMessageItem;

package/dist/components/cannedResponse/CannedResponseBody.d.ts

@@ -1,8 +0,0 @@
-interface ICannedResponseBodyProps {
-    search?: string;
-    onSelectCannedResponse?: (content: string) => void;
-    cannedQuery?: string;
-}
-declare const CannedResponseBody: (props: ICannedResponseBodyProps) => import("react/jsx-runtime").JSX.Element;
-export default CannedResponseBody;
-//# sourceMappingURL=CannedResponseBody.d.ts.map

package/dist/components/cannedResponse/CannedResponseBody.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CannedResponseBody.d.ts","sourceRoot":"","sources":["../../../src/components/cannedResponse/CannedResponseBody.tsx"],"names":[],"mappings":"AAiBA,UAAU,wBAAwB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sBAAsB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AASD,QAAA,MAAM,kBAAkB,GAAI,OAAO,wBAAwB,4CA8M1D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/cannedResponse/CannedResponseBody.js

@@ -1,109 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Empty, Segmented, Spin } from "antd";
-import { useFetchMyTeams } from "../../hooks/team/useFetchMyTeam";
-import { useTranslation } from "react-i18next";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { CannedResponseVisibleScope } from "../../types/chat";
-import TeamItem from "./team/TeamItem";
-import { useFetchCannedResponse } from "../../hooks/cannedResponse/useFetchCannedResponse";
-import InfiniteScroll from "react-infinite-scroll-component";
-import { Icon } from "../../components/icon";
-import { sanitizeHtml } from "../../utils/common";
-import { useDebounce } from "ahooks";
-import clsx from "clsx";
-import emitter from "../../utils/events";
-import { isArray } from "lodash";
-import { useMessageFooterContext } from "../../components/message/footer";
-const parseIndex = (index, length) => {
-    if (index === null)
-        return null;
-    if (index < 0)
-        return 0;
-    if (index >= length)
-        return length - 1;
-    return index;
-};
-const CannedResponseBody = (props) => {
-    var _a, _b;
-    const { search, onSelectCannedResponse, cannedQuery } = props;
-    const { activeCannedIndex, setActiveCannedIndex, setMaxActiveCannedIndex } = useMessageFooterContext();
-    const itemRefs = useRef([]);
-    const { t } = useTranslation();
-    const { data: myTeams, isLoading: isLoadingTeams } = useFetchMyTeams();
-    const [scope, setScope] = useState(CannedResponseVisibleScope.TEAM);
-    const [selectedTeamId, setSelectedTeamId] = useState(undefined);
-    const [selectedCategoryId, setSelectedCategoryId] = useState(undefined);
-    const cannedQueryDebounced = useDebounce(cannedQuery, { wait: 300 });
-    const { dataFlatten: cannedResponses, fetchNextPage, hasNextPage, } = useFetchCannedResponse({
-        visibilityScope: scope,
-        teamId: selectedTeamId,
-        categoryId: selectedCategoryId,
-        shortcut: search || cannedQueryDebounced || "",
-    });
-    const validActiveCannedIndex = useMemo(() => {
-        return parseIndex(activeCannedIndex, (cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses.length) || 0);
-    }, [activeCannedIndex, cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses.length]);
-    const options = useMemo(() => {
-        return [
-            { label: t("team"), value: CannedResponseVisibleScope.TEAM },
-            { label: t("personal"), value: CannedResponseVisibleScope.PRIVATE },
-        ];
-    }, [t]);
-    const onSelectCategory = useCallback((teamId, categoryId) => {
-        setSelectedTeamId(teamId);
-        setSelectedCategoryId(categoryId);
-    }, []);
-    const renderTeamItem = useCallback((team, index) => {
-        return (_jsx(TeamItem, { team: team, onSelectCategory: onSelectCategory, selectedTeamId: selectedTeamId, selectedCategoryId: selectedCategoryId, defaultOpen: index === 0 }, team === null || team === void 0 ? void 0 : team.teamId));
-    }, [onSelectCategory, selectedTeamId, selectedCategoryId]);
-    useEffect(() => {
-        if (!isLoadingTeams && myTeams && myTeams.length > 0) {
-            setSelectedTeamId(myTeams[0].teamId);
-        }
-    }, [isLoadingTeams, myTeams]);
-    useEffect(() => {
-        const handler = (index) => {
-            var _a;
-            const validIndex = parseIndex(index, cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses.length);
-            if (validIndex !== null && !!(cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses[validIndex])) {
-                const htmlContent = ((_a = cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses[validIndex]) === null || _a === void 0 ? void 0 : _a.content) || "";
-                // 🔒 Sanitize HTML to prevent XSS attacks
-                const sanitizedContent = sanitizeHtml(htmlContent);
-                onSelectCannedResponse === null || onSelectCannedResponse === void 0 ? void 0 : onSelectCannedResponse(sanitizedContent);
-            }
-        };
-        emitter.on("CANNED_RESPONSE_SELECT", handler);
-        return () => {
-            emitter.off("CANNED_RESPONSE_SELECT", handler);
-        };
-    }, [cannedResponses, onSelectCannedResponse]);
-    useEffect(() => {
-        setActiveCannedIndex(0);
-    }, [search, cannedQueryDebounced, setActiveCannedIndex]);
-    useEffect(() => {
-        var _a, _b;
-        if (activeCannedIndex !== null) {
-            (_b = (_a = itemRefs.current) === null || _a === void 0 ? void 0 : _a[activeCannedIndex]) === null || _b === void 0 ? void 0 : _b.scrollIntoView({
-                block: "nearest",
-            });
-        }
-    }, [activeCannedIndex]);
-    useEffect(() => {
-        setMaxActiveCannedIndex((cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses.length) - 1 > 0 ? (cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses.length) - 1 : 0);
-    }, [cannedResponses, setMaxActiveCannedIndex]);
-    return (_jsxs("div", { className: "flex flex-1 flex-row h-[400px]", children: [_jsxs("div", { className: "w-[170px] p-2 border-r border-gray-200", children: [_jsx(Segmented, { options: options, block: true, size: "small", value: scope, onChange: setScope }), _jsx("div", { className: "overflow-y-auto h-full", children: scope === CannedResponseVisibleScope.TEAM && (_jsx("div", { className: "mt-1 flex flex-col", children: (_a = myTeams === null || myTeams === void 0 ? void 0 : myTeams.map) === null || _a === void 0 ? void 0 : _a.call(myTeams, (team, index) => renderTeamItem(team, index)) })) })] }), _jsxs("div", { id: "scrollableCannedDiv", className: "flex flex-col flex-1 h-full overflow-y-auto", children: [!!cannedQuery && !search && (_jsx("div", { className: "px-3 py-2 border-b border-gray-200", children: _jsxs("span", { className: "text-sm text-gray-500", children: [t("canned_response_quick_search_placeholder"), _jsx("span", { className: "text-blue-600", children: ` #${cannedQuery}` })] }) })), _jsx(InfiniteScroll, { dataLength: (cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses.length) || 0, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableCannedDiv", children: !isArray(cannedResponses) || (cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses.length) === 0 ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Empty, { image: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-gray-300" }), description: t("no_canned_response") }) })) : ((_b = cannedResponses === null || cannedResponses === void 0 ? void 0 : cannedResponses.map) === null || _b === void 0 ? void 0 : _b.call(cannedResponses, (canned, index) => {
-                            var _a, _b;
-                            const isActive = index === validActiveCannedIndex;
-                            const htmlContent = (canned === null || canned === void 0 ? void 0 : canned.content) || "";
-                            // 🔒 Sanitize HTML to prevent XSS attacks
-                            const sanitizedContent = sanitizeHtml(htmlContent);
-                            return (_jsxs("div", { ref: (el) => {
-                                    itemRefs.current[index] = el;
-                                }, className: clsx("flex flex-col flex-1 px-3 py-2 cursor-pointer hover:bg-blue-100 w-full border-b border-gray-200", isActive && "bg-blue-100"), onClick: () => onSelectCannedResponse === null || onSelectCannedResponse === void 0 ? void 0 : onSelectCannedResponse(sanitizedContent), children: [_jsxs("span", { className: "text-xs truncate text-gray-500", children: [`${((_a = canned === null || canned === void 0 ? void 0 : canned.category) === null || _a === void 0 ? void 0 : _a.name)
-                                                ? `${(_b = canned === null || canned === void 0 ? void 0 : canned.category) === null || _b === void 0 ? void 0 : _b.name} / `
-                                                : ""}`, _jsx("span", { className: "text-black", children: `${(canned === null || canned === void 0 ? void 0 : canned.name) || ""} ` }), _jsx("span", { children: "/" }), _jsx("span", { className: "text-blue-500", children: ` #${(canned === null || canned === void 0 ? void 0 : canned.shortcut) || ""}` })] }), _jsx("div", { dangerouslySetInnerHTML: {
-                                            __html: sanitizedContent,
-                                        }, className: "text-sm mt-1" })] }, canned === null || canned === void 0 ? void 0 : canned.id));
-                        })) })] })] }));
-};
-export default CannedResponseBody;

package/dist/components/cannedResponse/CannedResponseFooter.d.ts

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

package/dist/components/cannedResponse/CannedResponseFooter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CannedResponseFooter.d.ts","sourceRoot":"","sources":["../../../src/components/cannedResponse/CannedResponseFooter.tsx"],"names":[],"mappings":"AAGA,UAAU,0BAA0B;IAClC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,oBAAoB,GAAI,4BAE3B,0BAA0B,4CAgB5B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/cannedResponse/CannedResponseFooter.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { Icon } from "../../components/icon";
-const CannedResponseFooter = ({ openCreateCannedModal, }) => {
-    const { t } = useTranslation();
-    return (_jsx("div", { className: "flex items-center justify-end border-t border-gray-200 p-2", children: _jsxs("div", { className: "flex cursor-pointer items-center gap-1", onClick: openCreateCannedModal, children: [_jsx(Icon, { icon: "plus-circle-o", size: 16, className: "text-blue-500" }), _jsx("span", { className: "text-sm text-blue-500", children: t("add_canned_response") })] }) }));
-};
-export default CannedResponseFooter;

package/dist/components/cannedResponse/CannedResponseHeader.d.ts

@@ -1,8 +0,0 @@
-interface ICannedResponseHeaderProps {
-    onClose?: () => void;
-    search?: string;
-    setSearch?: (search: string) => void;
-}
-declare const CannedResponseHeader: (props: ICannedResponseHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export default CannedResponseHeader;
-//# sourceMappingURL=CannedResponseHeader.d.ts.map

package/dist/components/cannedResponse/CannedResponseHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CannedResponseHeader.d.ts","sourceRoot":"","sources":["../../../src/components/cannedResponse/CannedResponseHeader.tsx"],"names":[],"mappings":"AAKA,UAAU,0BAA0B;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,QAAA,MAAM,oBAAoB,GAAI,OAAO,0BAA0B,4CA+B9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/cannedResponse/CannedResponseHeader.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import CannedResponseIcon from "../../assets/svg/cannedResponse";
-import { Button, Input } from "antd";
-import { Icon } from "../../components/icon";
-const CannedResponseHeader = (props) => {
-    const { onClose, search, setSearch } = props;
-    const { t } = useTranslation();
-    return (_jsxs("div", { className: "px-3 py-2 flex flex-row items-center gap-2 border-b border-gray-200", children: [_jsxs("div", { className: "flex flex-row items-center gap-2", children: [_jsx(CannedResponseIcon, { size: 20, className: "text-blue-500" }), _jsx("span", { className: "text-base font-medium", children: t("canned_responses") })] }), _jsxs("div", { className: "flex flex-1 flex-row items-center justify-end gap-2", children: [_jsx(Input, { size: "large", placeholder: t("search"), prefix: _jsx(Icon, { icon: "search-o", size: 20, className: "text-gray-500" }), style: { width: 260 }, className: "text-sm", value: search, onChange: (e) => setSearch === null || setSearch === void 0 ? void 0 : setSearch(e.target.value) }), _jsx(Button, { type: "text", shape: "default", className: "text-gray-500 w-8 h-8 p-0", onClick: onClose, children: _jsx(Icon, { icon: "close-o", size: 16 }) })] })] }));
-};
-export default CannedResponseHeader;

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

@@ -1,8 +0,0 @@
-interface ICannedResponseProps {
-    onClose?: () => void;
-    openCreateCannedModal?: () => void;
-    cannedQuery?: string;
-}
-declare const CannedResponse: ({ onClose, openCreateCannedModal, cannedQuery, }: ICannedResponseProps) => import("react/jsx-runtime").JSX.Element;
-export default CannedResponse;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/cannedResponse/index.tsx"],"names":[],"mappings":"AASA,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,cAAc,GAAI,kDAIrB,oBAAoB,4CAgDtB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/cannedResponse/index.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useDebounce } from "ahooks";
-import CannedResponseBody from "./CannedResponseBody";
-import CannedResponseHeader from "./CannedResponseHeader";
-import { useCallback, useState } from "react";
-import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
-import { $getRoot } from "lexical";
-import { $generateNodesFromDOM } from "@lexical/html";
-import CannedResponseFooter from "./CannedResponseFooter";
-const CannedResponse = ({ onClose, openCreateCannedModal, cannedQuery = "", }) => {
-    const [editor] = useLexicalComposerContext();
-    const [search, setSearch] = useState("");
-    const debouncedSearch = useDebounce(search, {
-        wait: 300,
-    });
-    const onSelectCannedResponse = useCallback((content) => {
-        editor.update(() => {
-            const root = $getRoot();
-            // 1. Clear content cũ
-            root.clear();
-            // 2. Parse HTML -> DOM
-            const parser = new DOMParser();
-            const dom = parser.parseFromString(content, "text/html");
-            // 3. Convert DOM -> Lexical nodes
-            const nodes = $generateNodesFromDOM(editor, dom);
-            // 4. Append vào editor
-            root.append(...nodes);
-            // 5. Move cursor về cuối (optional nhưng nên có)
-            root.selectEnd();
-        });
-    }, [editor]);
-    return (_jsxs("div", { className: "w-[600px]", children: [_jsx(CannedResponseHeader, { onClose: onClose, search: search, setSearch: setSearch }), _jsx(CannedResponseBody, { search: debouncedSearch, onSelectCannedResponse: onSelectCannedResponse, cannedQuery: cannedQuery }), _jsx(CannedResponseFooter, { openCreateCannedModal: openCreateCannedModal })] }));
-};
-export default CannedResponse;

package/dist/components/cannedResponse/team/TeamItem.d.ts

@@ -1,11 +0,0 @@
-import { IMyTeamResponse } from "../../../types/dto";
-interface TeamItemProps {
-    team: IMyTeamResponse;
-    onSelectCategory?: (teamId: string, categoryId?: string) => void;
-    selectedTeamId?: string;
-    selectedCategoryId?: string;
-    defaultOpen?: boolean;
-}
-declare const TeamItem: ({ team, onSelectCategory, selectedTeamId, selectedCategoryId, defaultOpen, }: TeamItemProps) => import("react/jsx-runtime").JSX.Element;
-export default TeamItem;
-//# sourceMappingURL=TeamItem.d.ts.map

package/dist/components/cannedResponse/team/TeamItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TeamItem.d.ts","sourceRoot":"","sources":["../../../../src/components/cannedResponse/team/TeamItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAQ9C,UAAU,aAAa;IACrB,IAAI,EAAE,eAAe,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,QAAQ,GAAI,8EAMf,aAAa,4CAiFf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/cannedResponse/team/TeamItem.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFetchCannedCategories } from "../../../hooks/cannedResponse/useFetchCannedCategories";
-import { useBoolean } from "ahooks";
-import { Icon } from "../../../components/icon";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import { useCallback } from "react";
-const TeamItem = ({ team, onSelectCategory, selectedTeamId, selectedCategoryId, defaultOpen = false, }) => {
-    const { t } = useTranslation();
-    const [isOpen, { toggle }] = useBoolean(defaultOpen);
-    const { data: categories } = useFetchCannedCategories(team.teamId, isOpen);
-    const onToggle = useCallback(() => {
-        if (!isOpen && !selectedTeamId && !!(team === null || team === void 0 ? void 0 : team.teamId)) {
-            onSelectCategory === null || onSelectCategory === void 0 ? void 0 : onSelectCategory(team === null || team === void 0 ? void 0 : team.teamId, undefined);
-        }
-        toggle();
-    }, [toggle, isOpen, onSelectCategory, team === null || team === void 0 ? void 0 : team.teamId, selectedTeamId]);
-    return (_jsxs("div", { className: "border-b border-gray-200", children: [_jsxs("div", { className: "flex items-center justify-between py-2 cursor-pointer", onClick: onToggle, children: [_jsx("span", { className: "text-sm font-medium truncate flex-1", children: (team === null || team === void 0 ? void 0 : team.name) || "" }), _jsx(Icon, { icon: isOpen ? "angle-up-b" : "angle-down-b", size: 16, className: clsx(!isOpen && "text-gray-500") })] }), isOpen && (_jsxs("div", { className: "mb-2", children: [_jsx("div", { className: clsx("px-3 py-1 cursor-pointer hover:bg-gray-100 rounded-md", selectedTeamId &&
-                            selectedTeamId === (team === null || team === void 0 ? void 0 : team.teamId) &&
-                            !selectedCategoryId &&
-                            "bg-gray-100"), onClick: () => onSelectCategory === null || onSelectCategory === void 0 ? void 0 : onSelectCategory(team === null || team === void 0 ? void 0 : team.teamId, undefined), children: _jsx("span", { className: clsx("text-sm truncate", selectedTeamId === (team === null || team === void 0 ? void 0 : team.teamId) && !selectedCategoryId
-                                ? "font-medium text-blue-500"
-                                : "text-gray-500"), children: t("all") }) }, `${team.teamId}-all`), categories === null || categories === void 0 ? void 0 : categories.map((category) => {
-                        const isSelected = selectedTeamId &&
-                            selectedCategoryId &&
-                            selectedTeamId === (category === null || category === void 0 ? void 0 : category.teamId) &&
-                            selectedCategoryId === (category === null || category === void 0 ? void 0 : category.id);
-                        return (_jsx("div", { className: clsx("px-3 py-1 cursor-pointer hover:bg-gray-100 rounded-md", isSelected && "bg-gray-100"), onClick: () => onSelectCategory === null || onSelectCategory === void 0 ? void 0 : onSelectCategory(team === null || team === void 0 ? void 0 : team.teamId, category === null || category === void 0 ? void 0 : category.id), children: _jsx("span", { className: clsx("text-sm truncate", isSelected ? "font-medium text-blue-500" : "text-gray-500"), children: category === null || category === void 0 ? void 0 : category.name }) }, `${team.teamId}-${category.id}`));
-                    })] }))] }));
-};
-export default TeamItem;

package/dist/components/chatBubble/ChatBubble.d.ts

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

package/dist/components/chatBubble/ChatBubble.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatBubble.d.ts","sourceRoot":"","sources":["../../../src/components/chatBubble/ChatBubble.tsx"],"names":[],"mappings":"AAQA,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,GAAI,eAAe,eAAe,4CA4FjD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/chatBubble/ChatBubble.js

@@ -1,35 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { FloatButton, Drawer, Popover } from "antd";
-import { MessageOutlined, CloseOutlined } from "@ant-design/icons";
-import MessageList from "../../components/message/MessageList";
-import useConversationStore from "../../store/conversation";
-import { useIsMobile } from "../../hooks/common/useIsMobile";
-import { useBoolean } from "ahooks";
-const ChatBubble = ({ className }) => {
-    const isMobile = useIsMobile();
-    const selectedConversationId = useConversationStore((state) => state.selectedConversationId);
-    const searchClientMsgID = useConversationStore((state) => state.searchClientMsgID);
-    const unreadCount = useConversationStore((state) => { var _a; return ((_a = state.conversationData) === null || _a === void 0 ? void 0 : _a.unreadCount) || 0; });
-    const displayUnread = unreadCount > 99 ? "99+" : unreadCount;
-    const [isOpen, { setFalse: setOpenFalse, toggle: toggleChat }] = useBoolean(false);
-    if (isMobile) {
-        return (_jsxs(_Fragment, { children: [_jsx(FloatButton, { icon: isOpen ? _jsx(CloseOutlined, {}) : _jsx(MessageOutlined, {}), type: "primary", style: {
-                        right: 24,
-                        bottom: 24,
-                        width: 60,
-                        height: 60,
-                    }, onClick: toggleChat, className: className, badge: { count: displayUnread, color: "red" } }), _jsx(Drawer, { placement: "right", onClose: setOpenFalse, open: isOpen, mask: true, closable: false, styles: {
-                        body: { padding: 0 },
-                    }, classNames: {
-                        wrapper: "!z-[9999]",
-                    }, width: "100%", push: false, children: _jsx(MessageList, { conversationId: selectedConversationId, className: "flex-1", onClose: setOpenFalse, searchClientMsgID: searchClientMsgID }) })] }));
-    }
-    return (_jsx(Popover, { placement: "topLeft", trigger: "click", open: isOpen, destroyOnHidden: true, content: () => (_jsx("div", { className: "w-[400px] h-[600px]", children: _jsx(MessageList, { conversationId: selectedConversationId, className: "flex-1", onClose: setOpenFalse, searchClientMsgID: searchClientMsgID }) })), styles: { body: { padding: 0 } }, children: _jsx(FloatButton, { icon: isOpen ? _jsx(CloseOutlined, {}) : _jsx(MessageOutlined, {}), type: "primary", style: {
-                right: 24,
-                bottom: 24,
-                width: 60,
-                height: 60,
-            }, className: className, badge: { count: displayUnread, color: "red" }, onClick: toggleChat }) }));
-};
-export default ChatBubble;

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

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

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

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

package/dist/components/mediaCollection/FileCollection.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MessageType } from "@openim/wasm-client-sdk";
-import { useSearchMessage } from "../../hooks/search/useSearchMessage";
-import InfiniteScroll from "react-infinite-scroll-component";
-import { Empty, Spin } from "antd";
-import { useCallback } from "react";
-import dayjs from "dayjs";
-import useConversationStore from "../../store/conversation";
-import { useTranslation } from "react-i18next";
-import { documentIcon } from "../../assets/svg";
-import { shortenFileName } from "../../components/message/footer/FilePreview";
-import { renderFileSize } from "../../utils/common";
-const FileCollection = () => {
-    const { t } = useTranslation();
-    const selectedSourceId = useConversationStore((state) => state.selectedSourceId);
-    const { groupedData, fetchNextPage, hasNextPage, dataFlatten, isLoading } = useSearchMessage({
-        payload: {
-            recvID: selectedSourceId,
-            contentType: MessageType.FileMessage,
-        },
-    });
-    const handleDownload = (url, fileName) => {
-        if (!url) {
-            console.warn("Không có link file để tải");
-            return;
-        }
-        const link = document.createElement("a");
-        link.href = url;
-        if (fileName) {
-            link.setAttribute("download", fileName);
-        }
-        link.setAttribute("target", "_blank");
-        link.setAttribute("rel", "noopener noreferrer");
-        document.body.appendChild(link);
-        link.click();
-        link.remove();
-    };
-    const renderItem = useCallback((date, items) => {
-        return (_jsxs("div", { className: "px-3", children: [_jsx("span", { className: "text-sm font-medium text-gray-500", children: dayjs(date).format("DD MMMM, YYYY") }), _jsx("div", { className: "flex flex-col gap-1 mt-2", children: items.map((item) => {
-                        var _a, _b, _c;
-                        const fileContent = JSON.parse(((_a = item === null || item === void 0 ? void 0 : item.chatLog) === null || _a === void 0 ? void 0 : _a.content) || "{}");
-                        return (_jsxs("div", { className: "relative flex flex-row items-center gap-2 align-center bg-gray-100 rounded-md p-2 cursor-pointer", onClick: () => handleDownload((fileContent === null || fileContent === void 0 ? void 0 : fileContent.sourceUrl) || "", (fileContent === null || fileContent === void 0 ? void 0 : fileContent.fileName) || ""), children: [documentIcon, _jsxs("div", { className: "flex flex-col flex-1", children: [_jsx("span", { className: "text-sm font-medium", children: shortenFileName((fileContent === null || fileContent === void 0 ? void 0 : fileContent.fileName) || "", {
-                                                maxLength: 32,
-                                            }) }), _jsx("span", { className: "text-xs text-gray-500", children: `${renderFileSize(fileContent.fileSize || 0)}  -  ${dayjs(((_b = item === null || item === void 0 ? void 0 : item.chatLog) === null || _b === void 0 ? void 0 : _b.sendTime) || 0).format("HH:mm")}` })] })] }, (_c = item.chatLog) === null || _c === void 0 ? void 0 : _c.clientMsgID));
-                    }) })] }, date));
-    }, []);
-    if (dataFlatten.length === 0 && !isLoading)
-        return _jsx(Empty, { description: t("no_media_files") });
-    if (isLoading)
-        return (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Spin, {}) }));
-    return (_jsx("div", { id: "scrollableFileDiv", className: "h-full overflow-auto", children: _jsx(InfiniteScroll, { dataLength: Object.keys(groupedData).length, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableFileDiv", children: Object.entries(groupedData).map(([date, items]) => renderItem(date, items)) }) }));
-};
-export default FileCollection;

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

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

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

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