@droppii-org/chat-sdk 0.1.66 → 0.1.68

package/dist/components/conversation-detail/PinnedMessageBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinnedMessageBar.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/PinnedMessageBar.tsx"],"names":[],"mappings":"AA8GA,QAAA,MAAM,gBAAgB,sDAuErB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"PinnedMessageBar.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/PinnedMessageBar.tsx"],"names":[],"mappings":"AAgHA,QAAA,MAAM,gBAAgB,sDAyFrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/conversation-detail/PinnedMessageBar.js

@@ -1,5 +1,6 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
 import { MessageType } from "@openim/wasm-client-sdk";
@@ -9,6 +10,7 @@ import useAuthStore from "../../store/auth";
 import useConversationStore from "../../store/conversation";
 import { usePinnedMessages } from "../../hooks/message/usePinnedMessages";
 import { parseUrlMetadata } from "../../utils/common";
+import PinnedMessagesPanel from "./PinnedMessagesPanel";
 const PINNED_SUBTITLE_KEY_BY_TYPE = {
     [MessageType.UrlTextMessage]: "pinned_from_link",
     [MessageType.PictureMessage]: "pinned_from_image",
@@ -73,6 +75,7 @@ const PinnedMessageBar = () => {
     const selectedConversationId = useConversationStore((state) => state.selectedConversationId);
     const conversationId = selectedConversationId || (conversation === null || conversation === void 0 ? void 0 : conversation.conversationID) || "";
     const { pinnedMessageList, pinnedTotalCount } = usePinnedMessages(conversationId);
+    const [isPanelOpen, setIsPanelOpen] = useState(false);
     const latestPinnedMessage = pinnedMessageList[0];
     if (!latestPinnedMessage)
         return null;
@@ -80,16 +83,20 @@ const PinnedMessageBar = () => {
     const senderName = isMe
         ? t("your_self")
         : latestPinnedMessage.senderNickname || t("message_sender_unnamed");
+    const isRevoked = latestPinnedMessage.contentType === MessageType.RevokeMessage;
     const subtitleKey = PINNED_SUBTITLE_KEY_BY_TYPE[latestPinnedMessage.contentType] ||
         "pinned_from_text";
-    const title = getPinnedMessageTitle(latestPinnedMessage);
+    const title = isRevoked
+        ? t("revoked")
+        : getPinnedMessageTitle(latestPinnedMessage);
     const showTitle = !TITLE_LESS_MESSAGE_TYPES.includes(latestPinnedMessage.contentType) &&
         Boolean(title);
-    const hasThumbnail = latestPinnedMessage.contentType !== MessageType.TextMessage &&
+    const hasThumbnail = !isRevoked &&
+        latestPinnedMessage.contentType !== MessageType.TextMessage &&
         latestPinnedMessage.contentType !== MessageType.QuoteMessage;
     const hasFlushThumbnail = hasThumbnail &&
         latestPinnedMessage.contentType !== MessageType.FileMessage;
     const remainingPinnedCount = pinnedTotalCount - 1;
-    return (_jsxs("div", { "data-testid": "pinned-message-bar", className: clsx("flex w-full shrink-0 items-center gap-3 bg-gray-cool-25 pr-3", hasFlushThumbnail ? "py-0 pl-0" : "py-1 pl-3"), children: [hasThumbnail && _jsx(PinnedMessageThumbnail, { message: latestPinnedMessage }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [showTitle && (_jsx("p", { className: "truncate text-sm font-medium leading-[160%] text-gray-900", children: title })), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Icon, { icon: "thumbtack-b", size: 12, className: "text-primary-400" }), _jsx("p", { className: "truncate text-[13px] leading-[160%] text-gray-600", children: t(subtitleKey, { name: senderName }) })] })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [remainingPinnedCount > 0 && (_jsxs("span", { className: "flex min-w-[26px] items-center justify-center rounded-full border-2 border-white bg-gradient-danger-light px-1 text-xs font-bold leading-[160%] text-white", children: ["+", remainingPinnedCount] })), _jsx(Icon, { icon: "angle-down-o", size: 20, className: "text-gray-600" })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { "data-testid": "pinned-message-bar", role: "button", tabIndex: 0, onClick: () => setIsPanelOpen(true), className: clsx("flex w-full shrink-0 cursor-pointer items-center gap-3 bg-gray-cool-25 pr-3", hasFlushThumbnail ? "py-0 pl-0" : "py-1 pl-3"), children: [hasThumbnail && (_jsx(PinnedMessageThumbnail, { message: latestPinnedMessage })), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [showTitle && (_jsx("p", { className: "truncate text-sm font-medium leading-[160%] text-gray-900", children: title })), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Icon, { icon: "thumbtack-b", size: 12, className: "text-primary-400" }), _jsx("p", { className: "truncate text-[13px] leading-[160%] text-gray-600", children: t(subtitleKey, { name: senderName }) })] })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [remainingPinnedCount > 0 && (_jsxs("span", { className: "flex min-w-[26px] items-center justify-center rounded-full border-2 border-white bg-gradient-danger-light px-1 text-xs font-bold leading-[160%] text-white", children: ["+", remainingPinnedCount] })), _jsx(Icon, { icon: "angle-down-o", size: 20, className: "text-gray-600" })] })] }), _jsx(PinnedMessagesPanel, { open: isPanelOpen, onClose: () => setIsPanelOpen(false) })] }));
 };
 export default PinnedMessageBar;

package/dist/components/conversation-detail/PinnedMessagesPanel.js

@@ -26,9 +26,9 @@ const PinnedMessagesPanel = ({ open, onClose }) => {
         setOpenContextMenuId(null);
         try {
             await unpinMessage(conversationId, message.clientMsgID);
+            toastMessage.success(t("unpin_message_success"));
         }
         catch (error) {
-            console.error("unpinMessage failed", error);
             toastMessage.error(t("unpin_message_failed"));
         }
     };

package/dist/components/conversation-inbox/ConversationInboxItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationInboxItem.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-inbox/ConversationInboxItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAajE,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAC/C;AAQD,QAAA,MAAM,qBAAqB,GAAI,mBAAmB,0BAA0B,4CA2C3E,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"ConversationInboxItem.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-inbox/ConversationInboxItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAYjE,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAC/C;AAQD,QAAA,MAAM,qBAAqB,GAAI,mBAAmB,0BAA0B,4CA0C3E,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/conversation-inbox/ConversationInboxItem.js

@@ -4,7 +4,7 @@ import dayjs from "dayjs";
 import { useTranslation } from "react-i18next";
 import useAuthStore from "../../store/auth";
 import { formatTimestamp, parseLatestMessage } from "../../utils/common";
-import { isBotPeer, resolvePeerBadgeLabel, resolveConversationDisplayName, } from "../../utils/conversation";
+import { resolvePeerBadgeLabel, resolveConversationDisplayName, } from "../../utils/conversation";
 import { useConversationAvatarUrl } from "../../hooks/conversation/useConversationAvatarUrl";
 import ThreadCard from "../../components/conversation/ThreadCard";
 import ConversationPeerAvatar from "./ConversationPeerAvatar";
@@ -23,7 +23,7 @@ const ConversationInboxItem = ({ item, onClick }) => {
     const displayName = resolveConversationDisplayName(item, t);
     const avatarUrl = useConversationAvatarUrl(item);
     const badgeLabel = resolvePeerBadgeLabel(item.peerType, t);
-    const latestMessagePreview = parseLatestMessage(item.latestMsg, currentUserId, tCommon, isBotPeer(item));
+    const latestMessagePreview = parseLatestMessage(item.latestMsg, currentUserId, tCommon);
     const latestMessageTime = formatLatestMessageTime(item.latestMsgSendTime || null);
     const unreadCount = (_a = item.unreadCount) !== null && _a !== void 0 ? _a : 0;
     return (_jsx(ThreadCard, { testId: "conversation-inbox-thread-card", onClick: () => onClick(item), unreadCount: unreadCount, time: latestMessageTime, preview: latestMessagePreview, avatar: _jsx(ConversationPeerAvatar, { peerType: item.peerType, displayName: displayName, avatarUrl: avatarUrl, badgeLabel: badgeLabel }), title: _jsx(ConversationInboxTitle, { peerType: item.peerType, displayName: displayName, hasUnread: unreadCount > 0 }) }));

package/dist/components/message/item/CustomMessage.d.ts

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

package/dist/components/message/item/CustomMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/CustomMessage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMtD,UAAU,sBAAsB;IAC9B,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,iBAAiB,GAAI,aAAa,sBAAsB,mDAwC7D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/message/item/CustomMessage.js

@@ -0,0 +1,26 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { useChatContext } from "../../../context/ChatContext";
+import { parseCustomMessagePayload } from "../../../utils/customMessage";
+import { MESSAGE_TEXT_CLASS } from "./textStyle";
+const CustomMessageItem = ({ message }) => {
+    var _a, _b;
+    const { t } = useTranslation();
+    const { renderCustomMessage } = useChatContext();
+    const payload = parseCustomMessagePayload(message);
+    const renderedContent = renderCustomMessage === null || renderCustomMessage === void 0 ? void 0 : renderCustomMessage({ message, payload });
+    if (renderedContent) {
+        return _jsx(_Fragment, { children: renderedContent });
+    }
+    const fallbackText = ((_a = message === null || message === void 0 ? void 0 : message.textElem) === null || _a === void 0 ? void 0 : _a.content) || ((_b = message === null || message === void 0 ? void 0 : message.quoteElem) === null || _b === void 0 ? void 0 : _b.text);
+    if (fallbackText) {
+        return (_jsx("p", { className: clsx("min-w-0 whitespace-pre-wrap [overflow-wrap:anywhere]", MESSAGE_TEXT_CLASS), children: fallbackText }));
+    }
+    if (!payload) {
+        return null;
+    }
+    return (_jsx("p", { className: clsx("min-w-0 whitespace-pre-wrap [overflow-wrap:anywhere]", MESSAGE_TEXT_CLASS), children: t("invalid_message") }));
+};
+export default CustomMessageItem;

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

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

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

@@ -1,8 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { MessageType } from "@openim/wasm-client-sdk";
-import useAuthStore from "../../../store/auth";
 import { htmlHasFormatting, sanitizeHtml, stripHtml } from "../../../utils/common";
 import { extractLinkUrls } from "../../../utils/link";
 import LinkText from "./LinkText";
@@ -10,7 +8,6 @@ import { MESSAGE_TEXT_CLASS } from "./textStyle";
 const TextMessageItem = (props) => {
     var _a, _b, _c, _d;
     const { message } = props;
-    const isCrm = useAuthStore((state) => state.isCrm);
     let extendMessageInfo = null;
     try {
         extendMessageInfo = JSON.parse((message === null || message === void 0 ? void 0 : message.ex) || "{}");
@@ -19,9 +16,6 @@ const TextMessageItem = (props) => {
         extendMessageInfo = {};
         console.error("Failed to parse extendMessageInfo", error);
     }
-    if ((message === null || message === void 0 ? void 0 : message.contentType) === MessageType.CustomMessage && !isCrm) {
-        return null;
-    }
     const richHtmlContent = ((_b = (_a = extendMessageInfo === null || extendMessageInfo === void 0 ? void 0 : extendMessageInfo.messageInfo) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.content) || "";
     if (richHtmlContent && htmlHasFormatting(richHtmlContent)) {
         const sanitizedContent = sanitizeHtml(richHtmlContent);

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

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

package/dist/components/message/item/index.js

@@ -1,29 +1,22 @@
 import { createElement as _createElement } from "react";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import dayjs from "dayjs";
 import clsx from "clsx";
 import { Dropdown, message as toastMessage } from "antd";
 import { MessageStatus, MessageType, } from "@openim/wasm-client-sdk";
-import TextMessageItem from "./TextMessage";
-import ImageMessageItem from "./ImageMessage";
-import FileMessageItem from "./FileMessage";
-import VideoMessageItem from "./VideoMessage";
-import MergeImageMessageItem from "./MergeImageMessage";
 import MessageBubble from "./MessageBubble";
-import { getVisibleNeighbor, visibleTypeMessage, } from "../../../hooks/message/useMessage";
+import { renderBubbleContent } from "./renderMessageContent";
+import { getVisibleNeighbor, isMessageHiddenForViewer, } from "../../../hooks/message/useMessage";
 import { MSG_ITEM_CONTENT_PREFIX, MSG_ITEM_PREFIX } from "../../../constants";
 import { formatTimestamp } from "../../../utils/common";
 import useAuthStore from "../../../store/auth";
 import useConversationStore from "../../../store/conversation";
-import { useCallback, useMemo, useRef } from "react";
+import { useMemo, useRef } from "react";
 import { useLongPress } from "ahooks";
 import { Trans, useTranslation } from "react-i18next";
-import UrlTextMessageItem from "./UrlTextMessage";
 import MessageStatusIndicator from "./MessageStatusIndicator";
 import { useSendMessage, isMediaResendable, } from "../../../hooks/message/useSendMessage";
 import { Icon } from "../../../components/icon";
-import RevokeMessageItem from "./RevokeMessage";
-import QuoteMessageItem from "./QuoteMessage";
 import SystemLogMessageItem from "./SystemLogMessage";
 import { isSystemLogMessageType } from "../../../utils/messageLog";
 import { buildMessageToolboxMenuItems, getCopyableMessageText, isCopyableMessageType, isPinnableMessageType, MessageToolboxActionKey, MESSAGE_TOOLBOX_OVERLAY_CLASSNAME, useMessageToolboxVisibility, } from "../../../components/message/toolbox";
@@ -35,29 +28,6 @@ const MessageItem = ({ message, allMessages, isGroupChat = false, forceHideTip =
     const userID = useAuthStore((state) => state.userID);
     const isCrm = useAuthStore((state) => state.isCrm);
     const conversationData = useConversationStore((state) => state.conversationData);
-    const renderMessageByType = useCallback((item) => {
-        switch (item === null || item === void 0 ? void 0 : item.contentType) {
-            case MessageType.TextMessage:
-            case MessageType.QuoteMessage:
-                return _jsx(TextMessageItem, { message: item });
-            case MessageType.PictureMessage:
-                return _jsx(ImageMessageItem, { message: item });
-            case MessageType.FileMessage:
-                return _jsx(FileMessageItem, { message: item });
-            case MessageType.VideoMessage:
-                return _jsx(VideoMessageItem, { message: item });
-            case MessageType.MergeMessage:
-                return _jsx(MergeImageMessageItem, { message: item });
-            case MessageType.UrlTextMessage:
-                return _jsx(UrlTextMessageItem, { message: item });
-            case MessageType.LogTextMessage:
-                return _jsx(SystemLogMessageItem, { message: item });
-            case MessageType.RevokeMessage:
-                return _jsx(RevokeMessageItem, {});
-            default:
-                return _jsx(TextMessageItem, { message: item });
-        }
-    }, []);
     const { isDeliveredForUi, isRevocable, isMine } = useMessageToolboxVisibility(message, userID);
     const contextMenuItems = useMemo(() => {
         if ((message === null || message === void 0 ? void 0 : message.contentType) === MessageType.RevokeMessage ||
@@ -157,13 +127,7 @@ const MessageItem = ({ message, allMessages, isGroupChat = false, forceHideTip =
     const showAvatar = showPeerInfo && !isMine && !nextSameUser;
     const showSenderName = showPeerInfo && !isMine && !prevSameUser;
     const showTip = forceHideTip ? false : !nextSameUser;
-    if (!isCrm && isInternalMessage) {
-        return null;
-    }
-    if ((!isCrm &&
-        (MessageType.CustomMessage === (message === null || message === void 0 ? void 0 : message.contentType) ||
-            isSystemLogMessage)) ||
-        !visibleTypeMessage.includes(message === null || message === void 0 ? void 0 : message.contentType)) {
+    if (isMessageHiddenForViewer(message, isCrm)) {
         return null;
     }
     const messageContainerProps = {
@@ -176,16 +140,7 @@ const MessageItem = ({ message, allMessages, isGroupChat = false, forceHideTip =
             timeBreakNode,
             _jsx(SystemLogMessageItem, { message: message })));
     }
-    const renderBubbleContent = () => {
-        if (message === null || message === void 0 ? void 0 : message.quoteElem) {
-            return (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(QuoteMessageItem, { message: message, onPressQuoteMessage: onPressQuoteMessage }), renderMessageByType(message)] }));
-        }
-        if ((message === null || message === void 0 ? void 0 : message.contentType) === MessageType.MergeMessage) {
-            return (_jsxs(_Fragment, { children: [_jsx(MergeImageMessageItem, { message: message }), (message === null || message === void 0 ? void 0 : message.textElem) && _jsx(TextMessageItem, { message: message })] }));
-        }
-        return renderMessageByType(message);
-    };
-    const bubbleNode = (_jsx(MessageBubble, { isMine: isMine, isInternal: isInternalMessage, senderName: message === null || message === void 0 ? void 0 : message.senderNickname, showSenderName: showSenderName, showTip: showTip, id: `${MSG_ITEM_CONTENT_PREFIX}${message === null || message === void 0 ? void 0 : message.clientMsgID}`, content: renderBubbleContent() }));
+    const bubbleNode = (_jsx(MessageBubble, { isMine: isMine, isInternal: isInternalMessage, senderName: message === null || message === void 0 ? void 0 : message.senderNickname, showSenderName: showSenderName, showTip: showTip, id: `${MSG_ITEM_CONTENT_PREFIX}${message === null || message === void 0 ? void 0 : message.clientMsgID}`, content: renderBubbleContent(message, onPressQuoteMessage) }));
     const showPinnedBadge = Boolean(message === null || message === void 0 ? void 0 : message.isPinned) && Boolean(onPinMessage);
     const pinnedBadgeNode = showPinnedBadge ? (_jsx("span", { "data-testid": "message-pinned-badge", className: clsx("absolute -top-2.5 z-[1] flex h-[22px] w-[26px] items-center justify-center rounded-full border border-white bg-gray-25", isMine ? "left-0" : "right-0"), children: _jsx(Icon, { icon: "thumbtack-b", size: 12, className: "text-primary-400" }) })) : null;
     const wrappedBubble = hasContextMenu ? (_jsx(Dropdown, { menu: { items: contextMenuItems }, trigger: ["contextMenu"], open: contextMenuOpen, onOpenChange: onContextMenuOpenChange, overlayClassName: MESSAGE_TOOLBOX_OVERLAY_CLASSNAME, children: _jsxs("div", { ref: bubbleWrapperRef, className: "relative min-w-0", children: [bubbleNode, pinnedBadgeNode] }) })) : (_jsxs("div", { className: "relative min-w-0", children: [bubbleNode, pinnedBadgeNode] }));

package/dist/components/message/item/renderMessageContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderMessageContent.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/renderMessageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAe,MAAM,yBAAyB,CAAC;AAWtF,eAAO,MAAM,mBAAmB,GAAI,SAAS,eAAe,4CAuB3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,SAAS,eAAe,EACxB,sBAAsB,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,4CAwBpD,CAAC"}
+{"version":3,"file":"renderMessageContent.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/renderMessageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAe,MAAM,yBAAyB,CAAC;AAYtF,eAAO,MAAM,mBAAmB,GAAI,SAAS,eAAe,4CAyB3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,SAAS,eAAe,EACxB,sBAAsB,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,4CAwBpD,CAAC"}

package/dist/components/message/item/renderMessageContent.js

@@ -9,6 +9,7 @@ import UrlTextMessageItem from "./UrlTextMessage";
 import RevokeMessageItem from "./RevokeMessage";
 import QuoteMessageItem from "./QuoteMessage";
 import SystemLogMessageItem from "./SystemLogMessage";
+import CustomMessageItem from "./CustomMessage";
 export const renderMessageByType = (message) => {
     switch (message === null || message === void 0 ? void 0 : message.contentType) {
         case MessageType.TextMessage:
@@ -28,6 +29,8 @@ export const renderMessageByType = (message) => {
             return _jsx(SystemLogMessageItem, { message: message });
         case MessageType.RevokeMessage:
             return _jsx(RevokeMessageItem, {});
+        case MessageType.CustomMessage:
+            return _jsx(CustomMessageItem, { message: message });
         default:
             return _jsx(TextMessageItem, { message: message });
     }

package/dist/components/message/reply/ReplyQuoteContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReplyQuoteContent.d.ts","sourceRoot":"","sources":["../../../../src/components/message/reply/ReplyQuoteContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AASnE,eAAO,MAAM,oBAAoB,GAAI,aAAa,WAAW,YACb,CAAC;AAEjD,UAAU,sBAAsB;IAC9B,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,iBAAiB,GAAI,qBAG/B,sBAAsB,4CAsBxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ReplyQuoteContent.d.ts","sourceRoot":"","sources":["../../../../src/components/message/reply/ReplyQuoteContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AASnE,eAAO,MAAM,oBAAoB,GAAI,aAAa,WAAW,YACb,CAAC;AAEjD,UAAU,sBAAsB;IAC9B,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,iBAAiB,GAAI,qBAG/B,sBAAsB,4CAuBxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/message/reply/ReplyQuoteContent.js

@@ -12,6 +12,6 @@ export const ReplyQuoteContent = ({ message, title = "", }) => {
     var _a, _b;
     const { t } = useTranslation();
     const hasMedia = hasReplyMediaPreview(message.contentType);
-    return (_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-0.5 pr-2 self-stretch", children: [_jsx("div", { className: "w-[3px] shrink-0 self-stretch rounded bg-gray-cool-200" }), hasMedia && _jsx(ReplyPreviewMedia, { message: message }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center py-1 pl-2", children: [_jsx("p", { className: "truncate text-[14px] font-medium leading-[160%] text-gray-900", children: title }), _jsx("p", { className: "truncate text-[13px] leading-[160%] text-gray-400", children: generateContentBasedOnMessageType(message.contentType, ((_a = message.textElem) === null || _a === void 0 ? void 0 : _a.content) || ((_b = message.quoteElem) === null || _b === void 0 ? void 0 : _b.text), t) })] })] }));
+    return (_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-0.5 pr-2 self-stretch", children: [_jsx("div", { className: "w-[3px] shrink-0 self-stretch rounded bg-gray-cool-200" }), hasMedia && _jsx(ReplyPreviewMedia, { message: message }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center py-1 pl-2", children: [_jsx("p", { className: "truncate text-[14px] font-medium leading-[160%] text-gray-900", children: title }), _jsx("p", { className: "truncate text-[13px] leading-[160%] text-gray-400", children: generateContentBasedOnMessageType(message.contentType, ((_a = message.textElem) === null || _a === void 0 ? void 0 : _a.content) || ((_b = message.quoteElem) === null || _b === void 0 ? void 0 : _b.text), t, message.customElem) })] })] }));
 };
 export default ReplyQuoteContent;

package/dist/components/message/toolbox/MessageToolboxMenu.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { Icon } from "../../../components/icon";
-export const MESSAGE_TOOLBOX_OVERLAY_CLASSNAME = clsx("[&_.ant-dropdown-menu]:min-w-[200px]", "[&_.ant-dropdown-menu]:rounded-2xl", "[&_.ant-dropdown-menu]:p-0", "[&_.ant-dropdown-menu]:py-2", "[&_.ant-dropdown-menu]:shadow-message-toolbox", "[&_.ant-dropdown-menu-item]:rounded-none", "[&_.ant-dropdown-menu-item]:px-4", "[&_.ant-dropdown-menu-item]:py-1.5");
+export const MESSAGE_TOOLBOX_OVERLAY_CLASSNAME = clsx("[&_.ant-dropdown-menu]:min-w-[200px]", "[&_.ant-dropdown-menu]:rounded-2xl", "[&_.ant-dropdown-menu]:p-0", "[&_.ant-dropdown-menu]:py-2", "[&_.ant-dropdown-menu]:shadow-message-toolbox", "[&_.ant-dropdown-menu-item]:rounded-none", "[&_.ant-dropdown-menu-item]:!px-4", "[&_.ant-dropdown-menu-item]:!py-1.5");
 const ToolboxMenuRow = ({ icon, label, danger = false }) => (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Icon, { icon: icon, size: 24, className: danger ? "text-danger-400" : "text-gray-900" }), _jsx("span", { className: clsx("text-base font-medium", danger ? "text-danger-400" : "text-gray-900"), children: label })] }));
 export const buildMessageToolboxMenuItems = (actions) => actions.map((action) => ({
     key: action.key,

package/dist/components/message/toolbox/types.d.ts

@@ -2,6 +2,7 @@ export declare const MessageToolboxActionKey: {
     readonly REPLY: "REPLY";
     readonly PIN: "PIN";
     readonly UNPIN: "UNPIN";
+    readonly VIEW_ORIGINAL: "VIEW_ORIGINAL";
     readonly COPY_MESSAGE: "COPY_MESSAGE";
     readonly REVOKE: "REVOKE";
 };

package/dist/components/message/toolbox/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/message/toolbox/types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB;;;;;;CAM1B,CAAC;AAEX,MAAM,MAAM,uBAAuB,GACjC,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,OAAO,uBAAuB,CAAC,CAAC;AAEzE,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,uBAAuB,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/message/toolbox/types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB;;;;;;;CAO1B,CAAC;AAEX,MAAM,MAAM,uBAAuB,GACjC,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,OAAO,uBAAuB,CAAC,CAAC;AAEzE,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,uBAAuB,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}

package/dist/components/message/toolbox/types.js

@@ -2,6 +2,7 @@ export const MessageToolboxActionKey = {
     REPLY: "REPLY",
     PIN: "PIN",
     UNPIN: "UNPIN",
+    VIEW_ORIGINAL: "VIEW_ORIGINAL",
     COPY_MESSAGE: "COPY_MESSAGE",
     REVOKE: "REVOKE",
 };

package/dist/context/ChatContext.d.ts

@@ -2,5 +2,5 @@ import "../styles/global.css";
 import { ChatContextType, ChatProviderProps } from "../types/chat";
 export declare const ChatContext: import("react").Context<ChatContextType>;
 export declare const useChatContext: () => ChatContextType;
-export declare const ChatProvider: ({ children, config }: ChatProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChatProvider: ({ children, config, renderCustomMessage, }: ChatProviderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChatContext.d.ts.map

package/dist/context/ChatContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/context/ChatContext.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EACL,eAAe,EACf,iBAAiB,EAGlB,MAAM,cAAc,CAAC;AAStB,eAAO,MAAM,WAAW,0CAOtB,CAAC;AAEH,eAAO,MAAM,cAAc,uBAAgC,CAAC;AAE5D,eAAO,MAAM,YAAY,GAAI,sBAAsB,iBAAiB,4CAqGnE,CAAC"}
+{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/context/ChatContext.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EACL,eAAe,EACf,iBAAiB,EAGlB,MAAM,cAAc,CAAC;AAStB,eAAO,MAAM,WAAW,0CAOtB,CAAC;AAEH,eAAO,MAAM,cAAc,uBAAgC,CAAC;AAE5D,eAAO,MAAM,YAAY,GAAI,4CAI1B,iBAAiB,4CAsGnB,CAAC"}

package/dist/context/ChatContext.js

@@ -18,7 +18,7 @@ export const ChatContext = createContext({
     updateSyncStatus: () => { },
 });
 export const useChatContext = () => useContext(ChatContext);
-export const ChatProvider = ({ children, config }) => {
+export const ChatProvider = ({ children, config, renderCustomMessage, }) => {
     const [connectStatus, setConnectStatus] = useState(ConnectStatus.Disconnected);
     const [syncStatus, setSyncStatus] = useState(SyncStatus.Success);
     const [user, setUser] = useState(null);
@@ -91,5 +91,6 @@ export const ChatProvider = ({ children, config }) => {
             getSelfUserInfo,
             updateConnectStatus,
             updateSyncStatus,
+            renderCustomMessage,
         }, children: _jsx(ConfigProvider, { getPopupContainer: (triggerNode) => document.body, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(MainLayout, { children: children }) }) }) }));
 };

package/dist/hooks/global/useGlobalEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/global/useGlobalEvent.ts"],"names":[],"mappings":"AAmCA,eAAO,MAAM,cAAc,YAmV1B,CAAC"}
+{"version":3,"file":"useGlobalEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/global/useGlobalEvent.ts"],"names":[],"mappings":"AAqCA,eAAO,MAAM,cAAc,YA8U1B,CAAC"}

package/dist/hooks/global/useGlobalEvent.js

@@ -1,9 +1,11 @@
 import { useEffect } from "react";
+import { useLatest } from "ahooks";
 import { DChatSDK } from "../../constants/sdk";
 import { CbEvents, MessageType, SessionType, } from "@openim/wasm-client-sdk";
 import { BusinessNotificationType, ConnectStatus, CustomType, SyncStatus, } from "../../types/chat";
 import { pushNewMessage, updateOneMessage } from "../../hooks/message/useMessage";
 import { fetchPinnedMessages } from "../../hooks/message/usePinnedMessages";
+import { applyRevokedMessage } from "../../hooks/message/useRevokeMessage";
 import { useChatContext } from "../../context/ChatContext";
 import useConversationStore from "../../store/conversation";
 import useAuthStore from "../../store/auth";
@@ -17,6 +19,7 @@ import emitter from "../../utils/events";
 const notPushType = [MessageType.TypingMessage, MessageType.RevokeMessage];
 export const useGlobalEvent = () => {
     const { user } = useChatContext();
+    const userRef = useLatest(user);
     const queryClient = useQueryClient();
     const { updateConnectStatus, updateSyncStatus, getSelfUserInfo } = useChatContext();
     const updateConversationList = useConversationStore((state) => state.updateConversationList);
@@ -42,13 +45,7 @@ export const useGlobalEvent = () => {
         ]);
     };
     const revokedMessageHandler = ({ data }) => {
-        updateOneMessage({
-            clientMsgID: data.clientMsgID,
-            contentType: MessageType.RevokeMessage,
-            notificationElem: {
-                detail: JSON.stringify(data),
-            },
-        });
+        applyRevokedMessage(data.clientMsgID);
     };
     const messagePinnedHandler = ({ data }) => {
         updateOneMessage({
@@ -64,11 +61,12 @@ export const useGlobalEvent = () => {
         }
     };
     const inCurrentConversation = (newServerMsg) => {
+        var _a;
         const selectedSourceId = useConversationStore.getState().selectedSourceId;
         switch (newServerMsg.sessionType) {
             case SessionType.Single:
                 return (newServerMsg.sendID === selectedSourceId ||
-                    ((user === null || user === void 0 ? void 0 : user.userID) && newServerMsg.recvID === selectedSourceId));
+                    !!(((_a = userRef.current) === null || _a === void 0 ? void 0 : _a.userID) && newServerMsg.recvID === selectedSourceId));
             case SessionType.Group:
             case SessionType.WorkingGroup:
                 return newServerMsg.groupID === selectedSourceId;
@@ -79,7 +77,7 @@ export const useGlobalEvent = () => {
         }
     };
     const handleNewMessage = (newServerMsg) => {
-        var _a, _b;
+        var _a, _b, _c;
         let customData = null;
         if (newServerMsg.contentType === MessageType.CustomMessage) {
             const rawCustomData = (_b = (_a = newServerMsg.customElem) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.trim();
@@ -102,7 +100,7 @@ export const useGlobalEvent = () => {
         if (!notPushType.includes(newServerMsg.contentType)) {
             pushNewMessage(newServerMsg);
         }
-        if (newServerMsg.sendID !== (user === null || user === void 0 ? void 0 : user.userID)) {
+        if (newServerMsg.sendID !== ((_c = userRef.current) === null || _c === void 0 ? void 0 : _c.userID)) {
             queryClient.invalidateQueries({
                 queryKey: [QUERY_KEYS.GET_LIST_SESSION_BY_CONVERSATION],
             });

package/dist/hooks/message/useMessage.d.ts

@@ -1,5 +1,6 @@
 import { MessageItem, MessageType } from "@openim/wasm-client-sdk";
 export declare const visibleTypeMessage: MessageType[];
+export declare const isMessageHiddenForViewer: (message: MessageItem, isCrm: boolean) => boolean;
 export declare const useMessage: (conversationId?: string, searchClientMsgID?: string, enabled?: boolean, useAppHistory?: boolean) => {
     loadState: {
         initLoading: boolean;

package/dist/hooks/message/useMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessage.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,EACX,WAAW,EAEZ,MAAM,yBAAyB,CAAC;AAUjC,eAAO,MAAM,kBAAkB,eAgB9B,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,iBAAiB,MAAM,EACvB,oBAAoB,MAAM,EAC1B,iBAAc,EACd,uBAAqB;;;;;qBAeA,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;CA4RnC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,SACpB,CAAC;AAChC,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,SACpB,CAAC;AAClC,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,SACf,CAAC;AAEtC,eAAO,MAAM,kBAAkB,GAC7B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,KACzB,WAAW,GAAG,SAkBhB,CAAC"}
+{"version":3,"file":"useMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessage.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,EACX,WAAW,EAEZ,MAAM,yBAAyB,CAAC;AAYjC,eAAO,MAAM,kBAAkB,eAgB9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,SAAS,WAAW,EACpB,OAAO,OAAO,KACb,OAWF,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,iBAAiB,MAAM,EACvB,oBAAoB,MAAM,EAC1B,iBAAc,EACd,uBAAqB;;;;;qBAeA,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;CAiSnC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,SACpB,CAAC;AAChC,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,SACpB,CAAC;AAClC,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,SACf,CAAC;AAEtC,eAAO,MAAM,kBAAkB,GAC7B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,KACzB,WAAW,GAAG,SAkBhB,CAAC"}

package/dist/hooks/message/useMessage.js

@@ -8,6 +8,8 @@ import isEmpty from "lodash/isEmpty";
 import { useChatContext } from "../../context/ChatContext";
 import useAuthStore from "../../store/auth";
 import { ConnectStatus, SyncStatus } from "../../types/chat";
+import { isSystemLogMessageType } from "../../utils/messageLog";
+import { isRenderableCustomMessage } from "../../utils/customMessage";
 export const visibleTypeMessage = [
     MessageType.TextMessage,
     MessageType.PictureMessage,
@@ -25,6 +27,16 @@ export const visibleTypeMessage = [
     MessageType.RevokeMessage,
     MessageType.LogTextMessage,
 ];
+export const isMessageHiddenForViewer = (message, isCrm) => {
+    if (!visibleTypeMessage.includes(message === null || message === void 0 ? void 0 : message.contentType))
+        return true;
+    if (isCrm)
+        return false;
+    const isCustomMessage = MessageType.CustomMessage === (message === null || message === void 0 ? void 0 : message.contentType);
+    return (Boolean(message === null || message === void 0 ? void 0 : message.isInternal) ||
+        isSystemLogMessageType(message === null || message === void 0 ? void 0 : message.contentType) ||
+        (isCustomMessage && !isRenderableCustomMessage(message)));
+};
 export const useMessage = (conversationId, searchClientMsgID, enabled = true, useAppHistory = false) => {
     const { connectStatus, syncStatus } = useChatContext();
     const userID = useAuthStore((state) => state.userID);
@@ -176,7 +188,10 @@ export const useMessage = (conversationId, searchClientMsgID, enabled = true, us
                 return;
             }
             setLoadState((preState) => {
-                const messageList = [message, ...preState.messageList];
+                // sendTime is assigned once at creation (optimistic or server) and
+                // never changes afterwards, so sorting by it keeps messages in the
+                // right order regardless of network delay or how late seq comes back.
+                const messageList = [message, ...preState.messageList].sort((a, b) => (b.sendTime || 0) - (a.sendTime || 0));
                 return Object.assign(Object.assign({}, preState), { messageList });
             });
         };

package/dist/hooks/message/useRevokeMessage.d.ts

@@ -1,3 +1,4 @@
+export declare const applyRevokedMessage: (clientMsgID: string, conversationID?: string) => void;
 export declare const useRevokeMessage: () => {
     revokeMessage: (conversationID: string, clientMsgID: string) => Promise<void>;
     loading: boolean;

package/dist/hooks/message/useRevokeMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRevokeMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useRevokeMessage.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;CAiB5B,CAAC"}
+{"version":3,"file":"useRevokeMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useRevokeMessage.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,mBAAmB,GAC9B,aAAa,MAAM,EACnB,iBAAiB,MAAM,SAoBxB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;CAkB5B,CAAC"}

package/dist/hooks/message/useRevokeMessage.js

@@ -1,11 +1,33 @@
+import { MessageType } from "@openim/wasm-client-sdk";
 import { DChatSDK } from "../../constants/sdk";
 import { useRequest } from "ahooks";
+import { updateOneMessage } from "../../hooks/message/useMessage";
+import { fetchPinnedMessages } from "../../hooks/message/usePinnedMessages";
+import useConversationStore from "../../store/conversation";
+// Shared by the actor's own revoke call (conversationID known upfront) and by
+// the OnNewRecvMessageRevoked socket handler (conversationID unknown, so we
+// infer it from whichever conversation currently has this message pinned).
+export const applyRevokedMessage = (clientMsgID, conversationID) => {
+    const revokedPatch = {
+        clientMsgID,
+        contentType: MessageType.RevokeMessage,
+    };
+    updateOneMessage(revokedPatch);
+    useConversationStore.getState().updatePinnedMessage(revokedPatch);
+    const { selectedConversationId, conversationData, pinnedMessageList } = useConversationStore.getState();
+    const targetConversationId = conversationID || selectedConversationId || (conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID);
+    const isRevokedMessagePinned = pinnedMessageList.some((pinnedMessage) => pinnedMessage.clientMsgID === clientMsgID);
+    if (targetConversationId && isRevokedMessagePinned) {
+        void fetchPinnedMessages(targetConversationId);
+    }
+};
 export const useRevokeMessage = () => {
     const { loading, runAsync: revokeMessage } = useRequest(async (conversationID, clientMsgID) => {
         await DChatSDK.revokeMessage({
             conversationID,
             clientMsgID,
         });
+        applyRevokedMessage(clientMsgID, conversationID);
     }, {
         manual: true,
     });

package/dist/hooks/message/useSendCustomMessage.d.ts

@@ -0,0 +1,7 @@
+import { type UseSendMessageOptions } from "../../hooks/message/useSendMessage";
+export declare const useSendCustomMessage: (options?: UseSendMessageOptions) => {
+    sendCustomMessage: (payload: import("../..").CustomMessagePayload, sendOptions?: {
+        currentSession?: import("../../types/dto").ISessionResponse;
+    }) => Promise<boolean>;
+};
+//# sourceMappingURL=useSendCustomMessage.d.ts.map

package/dist/hooks/message/useSendCustomMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSendCustomMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useSendCustomMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,gCAAgC,CAAC;AAExC,eAAO,MAAM,oBAAoB,GAAI,UAAU,qBAAqB;;sBAK84a,CAAC;;CADl9a,CAAC"}

package/dist/hooks/message/useSendCustomMessage.js

@@ -0,0 +1,5 @@
+import { useSendMessage, } from "../../hooks/message/useSendMessage";
+export const useSendCustomMessage = (options) => {
+    const { sendCustomMessage } = useSendMessage(options);
+    return { sendCustomMessage };
+};

package/dist/hooks/message/useSendMessage.d.ts

@@ -1,4 +1,5 @@
-import { MergerMsgParams, MessageItem } from "@openim/wasm-client-sdk";
+import { CustomMsgParams, MergerMsgParams, MessageItem } from "@openim/wasm-client-sdk";
+import { type CustomMessagePayload } from "../../types/customMessage";
 import { BotFlowMeta, ExtendMessageInfo, FileMsgParamsByFile, ImageMsgParamsByFile, UrlMetadataInfo, VideoMsgParamsByFile } from "../../types/chat";
 import { UploadFile } from "antd";
 import { ISessionResponse } from "../../types/dto";
@@ -12,6 +13,8 @@ export declare const createMergerMessage: (mergerMsgParams: MergerMsgParams) =>
 export declare const createVideoMessageByFile: (file: VideoMsgParamsByFile) => Promise<MessageItem | null>;
 export declare const createFileMessageByFile: (file: FileMsgParamsByFile) => Promise<MessageItem | null>;
 export declare const createUrlTextMessage: (text: string, urls: string[]) => Promise<MessageItem | null>;
+export declare const createCustomMessageByParams: (params: CustomMsgParams) => Promise<MessageItem | null>;
+export declare const createCustomMessage: (payload: CustomMessagePayload) => Promise<MessageItem | null>;
 export declare const createQuoteMessage: (text: string, quotedMessage: MessageItem) => Promise<MessageItem | null>;
 export type SendMessageScrollEvent = "CHAT_LIST_SCROLL_TO_BOTTOM" | "CONVERSATION_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM";
 export interface OfflinePushMeta {
@@ -26,7 +29,7 @@ export interface UseSendMessageOptions {
     }) => OfflinePushMeta;
 }
 export declare const useSendMessage: (options?: UseSendMessageOptions) => {
-    sendMergeMessage: ({ richText, plainText, files, currentSession, isInternal, urlMetadata, flow, }: {
+    sendMergeMessage: ({ richText, plainText, files, currentSession, isInternal, urlMetadata, flow, customMessage, }: {
         richText: string;
         plainText: string;
         files?: UploadFile[];
@@ -34,6 +37,10 @@ export declare const useSendMessage: (options?: UseSendMessageOptions) => {
         isInternal: boolean;
         urlMetadata?: UrlMetadataInfo;
         flow?: BotFlowMeta;
+        customMessage?: CustomMessagePayload;
+    }) => Promise<boolean>;
+    sendCustomMessage: (payload: CustomMessagePayload, sendOptions?: {
+        currentSession?: ISessionResponse;
     }) => Promise<boolean>;
     resendMessage: (failedMessage: MessageItem) => Promise<void>;
 };