@droppii-org/chat-mobile 0.2.76 → 0.2.78

package/src/hooks/groups/useLeaveGroup.ts

@@ -0,0 +1,104 @@
+import OpenIMSDK, {
+  GroupMemberRole,
+  GroupVisibility,
+} from '@droppii/openim-rn-client-sdk';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { conversationQueryKeys, groupQueryKeys } from '../query-keys';
+import { UIUtils } from '../../utils/UIUtils';
+import { trans } from '../../translation';
+
+const showOwnerBlockedModal = () => {
+  UIUtils.alert.open({
+    title: trans('chat:leave_group_blocked_title'),
+    message: trans('chat:leave_group_blocked_desc'),
+    primaryIndex: 0,
+    buttonType: 'horizontal-button',
+    buttons: [
+      { label: trans('chat:leave_group_blocked_button'), kind: 'primary' },
+    ],
+  });
+};
+
+const confirmLeaveGroup = (visibility?: GroupVisibility) =>
+  new Promise<void>((resolve, reject) => {
+    console.log('confirmLeaveGroup', visibility);
+    UIUtils.alert.open({
+      title: trans('chat:leave_group_confirm_title'),
+      message: trans(
+        visibility === GroupVisibility.Public
+          ? 'chat:leave_group_confirm_desc_public'
+          : 'chat:leave_group_confirm_desc_private'
+      ),
+      primaryIndex: 1,
+      buttonType: 'horizontal-button',
+      buttons: [
+        {
+          label: trans('chat:leave_group_confirm_secondary'),
+          kind: 'light',
+          onPress: reject,
+        },
+        {
+          label: trans('chat:leave_group_confirm_primary'),
+          kind: 'danger',
+          onPress: resolve,
+        },
+      ],
+    });
+  });
+
+export const useLeaveGroup = () => {
+  const queryClient = useQueryClient();
+
+  const mutation = useMutation({
+    mutationKey: groupQueryKeys.leave(),
+    mutationFn: (groupID: string) => OpenIMSDK.quitGroup(groupID),
+    onSuccess: (_data, groupID) => {
+      queryClient.invalidateQueries({
+        queryKey: conversationQueryKeys.joinedGroup(groupID),
+      });
+    },
+    onError: () => {
+      UIUtils.toast.open({
+        title: trans('chat:generic_error'),
+        theme: 'error',
+      });
+    },
+  });
+
+  const leaveGroup = async (groupID: string, visibility?: GroupVisibility) => {
+    try {
+      // The owner must transfer ownership before leaving — block instead of
+      // showing the confirm modal.
+      const selfInfo = await OpenIMSDK.getSelfUserInfo(groupID);
+      if (selfInfo?.roleLevel === GroupMemberRole.Owner) {
+        showOwnerBlockedModal();
+        return false;
+      }
+      try {
+        await confirmLeaveGroup(visibility);
+      } catch {
+        return false;
+      }
+
+      // Revalidate right before submitting — role/membership may have
+      // changed while the confirm modal was open.
+      const latestSelfInfo = await OpenIMSDK.getSelfUserInfo(groupID);
+      if (latestSelfInfo?.roleLevel === GroupMemberRole.Owner) {
+        showOwnerBlockedModal();
+        return false;
+      }
+
+      await mutation.mutateAsync(groupID);
+      return true;
+    } catch (error) {
+      console.error('leaveGroup failed', error);
+      UIUtils.toast.open({
+        title: trans('chat:generic_error'),
+        theme: 'error',
+      });
+      return false;
+    }
+  };
+
+  return { leaveGroup, isLeavingGroup: mutation.isPending };
+};

package/src/hooks/message/useSendMessage.ts

@@ -9,7 +9,6 @@ import type {
   SendMsgParams,
 } from '@droppii/openim-rn-client-sdk';
 import {
-  GroupPermission,
   MessageStatus,
   MessageType,
   SessionType,
@@ -34,8 +33,8 @@ import type { StickerItem } from '../../types/sticker';
 import { useQueryClient } from '@tanstack/react-query';
 import { stickerQueryKeys } from '../query-keys';
 import { getMessagePreview } from '../../utils/messageUtils';
-import { trans } from '../../translation';
-import { useGuardedAction } from '../useGroupPermission';
+import { useCanSendMessage } from '../useGroupPermission';
+import { UIUtils } from '../../utils/UIUtils';
 
 const buildSendParams = (
   message: MessageItem,
@@ -61,6 +60,8 @@ export const useSendMessage = () => {
   const updateOneMessage = useMessageStore((state) => state.updateOneMessage);
   const { quotedMessage, setQuotedMessage } = useChatDetailContext();
   const queryClient = useQueryClient();
+  const { allowed: isSendMessageAllowed, reason: sendDeniedReason } =
+    useCanSendMessage();
 
   const dispatchSend = useCallback(
     async (
@@ -104,6 +105,14 @@ export const useSendMessage = () => {
       customMessage?: CustomMessagePayload;
       sticker?: StickerItem;
     }) => {
+      if (!isSendMessageAllowed) {
+        UIUtils.toast.open({
+          title: sendDeniedReason,
+          theme: 'info',
+        });
+        return;
+      }
+
       const currentConversation = useConversationStore
         .getState()
         .getCurrentConversation();
@@ -188,6 +197,8 @@ export const useSendMessage = () => {
       quotedMessage,
       setQuotedMessage,
       queryClient,
+      isSendMessageAllowed,
+      sendDeniedReason,
     ]
   );
 
@@ -252,16 +263,8 @@ export const useSendMessage = () => {
     markMessageRevoked(message.clientMsgID);
   }, []);
 
-  const sendMessageWithPermission = useGuardedAction(
-    GroupPermission.SendMessage,
-    sendMessage,
-    {
-      deniedMessage: trans('chat:no_send_permission'),
-    }
-  );
-
   return {
-    sendMessage: sendMessageWithPermission,
+    sendMessage,
     retryMessage,
     revokeMessage,
   };

package/src/hooks/query-keys.ts

@@ -68,4 +68,5 @@ export const groupQueryKeys = {
   publicSearch: (keyword: string) =>
     [...groupQueryKeys.public(), keyword] as const,
   join: () => [...groupQueryKeys.all, 'join'] as const,
+  leave: () => [...groupQueryKeys.all, 'leave'] as const,
 };

package/src/hooks/useConversationList.ts

@@ -23,26 +23,17 @@ export function useConversationList({
   const query = useQuery({
     queryKey: [...conversationQueryKeys.list(applicationType), page],
     enabled: enabled !== false,
+    staleTime: 1000 * 60 * 1, // 5 minutes
     queryFn: async () => {
       const offset = (page - 1) * 500;
-      const [conversations, joinedGroups] = await Promise.all([
-        OpenIMSDK.getConversationListSplitApp({
-          offset,
-          count: 500,
-          applicationType,
-        }),
-        OpenIMSDK.getJoinedGroupList(),
-      ]);
+      const conversations = await OpenIMSDK.getConversationListSplitApp({
+        offset,
+        count: 500,
+        applicationType,
+      });
 
-      const joinedGroupIds = new Set(joinedGroups.map((g) => g.groupID));
-      const resolved = conversations.map((conversation) =>
-        conversation.groupID && !joinedGroupIds.has(conversation.groupID)
-          ? { ...conversation, isNotInGroup: true }
-          : conversation
-      );
-
-      useConversationStore.getState().updateConversations(resolved);
-      return resolved;
+      useConversationStore.getState().updateConversations(conversations);
+      return conversations;
     },
   });
 

package/src/hooks/useGroupPermission.ts

@@ -1,4 +1,8 @@
-import { PeerType, type GroupPermission } from '@droppii/openim-rn-client-sdk';
+import {
+  GroupMemberRole,
+  GroupPermission,
+  GroupStatus,
+} from '@droppii/openim-rn-client-sdk';
 import { useChatDetailContext } from '../context';
 import { useCallback, useMemo } from 'react';
 import { trans } from '../translation';
@@ -8,18 +12,17 @@ export const useHasGroupPermission = (
   permission: GroupPermission | GroupPermission[],
   mode: 'every' | 'some' = 'every'
 ): boolean => {
-  const { conversation, userInfo } = useChatDetailContext();
-  const isNotGroup = conversation?.peerType !== PeerType.Group;
+  const { isGroupConversation, userInfo } = useChatDetailContext();
   const required = Array.isArray(permission) ? permission : [permission];
   const granted = userInfo?.permissions || [];
 
   return useMemo(() => {
-    if (isNotGroup) return true;
+    if (!isGroupConversation) return true;
     return mode === 'every'
       ? required.every((p) => granted?.includes(p))
       : required.some((p) => granted?.includes(p));
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [granted, isNotGroup, mode]);
+  }, [isGroupConversation, mode]);
 };
 
 export const useGuardedAction = <T extends (...args: any[]) => any>(
@@ -42,3 +45,41 @@ export const useGuardedAction = <T extends (...args: any[]) => any>(
     [allowed, action, options?.deniedMessage]
   ) as T;
 };
+
+export const useHasRoleLevel = (minRoleLevel: GroupMemberRole): boolean => {
+  const { isGroupConversation, userInfo } = useChatDetailContext();
+
+  return useMemo(() => {
+    if (!isGroupConversation) return true;
+    return (userInfo?.roleLevel ?? GroupMemberRole.Normal) >= minRoleLevel;
+  }, [isGroupConversation, userInfo?.roleLevel, minRoleLevel]);
+};
+
+export const useCanSendMessage = (): {
+  allowed: boolean;
+  reason?: string;
+} => {
+  const { userInfo, groupInfo, isGroupConversation } = useChatDetailContext();
+
+  const hasRolePermission = useMemo(
+    () => userInfo?.permissions?.includes(GroupPermission.SendMessage) ?? false,
+    [userInfo?.permissions]
+  );
+  const isOwnerOrAdmin = useHasRoleLevel(GroupMemberRole.Admin);
+
+  if (!isGroupConversation) return { allowed: true };
+
+  if (!hasRolePermission)
+    return {
+      allowed: false,
+      reason: trans('group:cannot_send_message'),
+    };
+
+  if (groupInfo?.status === GroupStatus.Muted && !isOwnerOrAdmin) {
+    return {
+      allowed: false,
+      reason: trans('group:messaging_muted_by_owner'),
+    };
+  }
+  return { allowed: true };
+};

package/src/screens/ChatInfo/ChatInfo.tsx

@@ -1,8 +1,9 @@
-import { memo } from 'react';
+import { memo, useCallback } from 'react';
 import { KContainer, KNavigation } from '@droppii/libs';
 import { useNavigation } from '@react-navigation/native';
 import { useGetConversationTarget } from '../../hooks/conversation/useGetConversationDetail';
 import { useGetGroupInfo } from '../../hooks/conversation/useGetGroupInfo';
+import { useLeaveGroup } from '../../hooks/groups/useLeaveGroup';
 import { useConversation } from '../../store';
 import ChatInfoProfile from './ChatInfoProfile';
 import ChatInfoMediaRow from './ChatInfoMediaRow';
@@ -10,8 +11,8 @@ import ChatInfoDescriptionRow from './ChatInfoDescriptionRow';
 import ChatInfoActions from './ChatInfoActions';
 import type { ChatInfoProps } from './types';
 import { trans } from '../../translation';
-import { isGroupConversation } from '../../utils/conversation';
 import { withChatDetailProvider } from '../../context';
+import { useChatDetailContext } from '../../context';
 
 const ChatInfo = memo(
   ({
@@ -30,10 +31,30 @@ const ChatInfo = memo(
     const conversation = useConversation(conversationId);
     const { data: target } = useGetConversationTarget(conversationId);
     const isTargetActive = target ? target.isActive : true;
-    const isGroup = isGroupConversation(conversation);
+    const isGroup = useChatDetailContext().isGroupConversation;
+
     const { data: groupInfo } = useGetGroupInfo(
       isGroup ? conversation?.groupID : undefined
     );
+    const { leaveGroup } = useLeaveGroup();
+
+    const handleLeaveGroup = useCallback(async () => {
+      if (!conversation?.groupID) return;
+
+      const didLeave = await leaveGroup(
+        conversation.groupID,
+        groupInfo?.visibility
+      );
+      if (didLeave) {
+        (onPressLeaveGroup ?? navigation.goBack)();
+      }
+    }, [
+      conversation?.groupID,
+      groupInfo?.visibility,
+      leaveGroup,
+      navigation.goBack,
+      onPressLeaveGroup,
+    ]);
 
     return (
       <KContainer.Page flex edges={['bottom']} background="#EBEDF2">
@@ -56,10 +77,7 @@ const ChatInfo = memo(
           />
           <ChatInfoMediaRow onPressMedia={onPressMedia} />
           <KContainer.VisibleView visible={isGroup}>
-            <ChatInfoDescriptionRow
-              introduction={groupInfo?.introduction}
-              groupName={conversation?.showName}
-            />
+            <ChatInfoDescriptionRow groupName={conversation?.showName} />
           </KContainer.VisibleView>
           <ChatInfoActions
             conversation={conversation}
@@ -68,7 +86,7 @@ const ChatInfo = memo(
             onPressOrders={onPressOrders}
             onPressCreateGroup={onPressCreateGroup}
             onPressAddToGroup={onPressAddToGroup}
-            onPressLeaveGroup={onPressLeaveGroup}
+            onPressLeaveGroup={handleLeaveGroup}
             onDismissGroup={onDismissGroup}
           />
         </KContainer.ScrollView>

package/src/screens/ChatInfo/ChatInfoDescriptionRow.tsx

@@ -3,9 +3,9 @@ import { StyleSheet, type TextLayoutEvent } from 'react-native';
 import { KContainer, KLabel, KColors } from '@droppii/libs';
 import { trans } from '../../translation';
 import GroupDescriptionModal from './GroupDescriptionModal';
+import { useChatDetailContext } from '../../context';
 
 interface ChatInfoDescriptionRowProps {
-  introduction?: string;
   groupName?: string;
 }
 
@@ -13,7 +13,8 @@ const EXTRA_TEXT_LENGTH = 14; // Length of "...View More" text
 const MAX_LINES = 2;
 
 const ChatInfoDescriptionRow = memo(
-  ({ introduction, groupName }: ChatInfoDescriptionRowProps) => {
+  ({ groupName }: ChatInfoDescriptionRowProps) => {
+    const introduction = useChatDetailContext().groupInfo?.introduction;
     const [modalVisible, setModalVisible] = useState(false);
     const handlePressDescription = useCallback(() => setModalVisible(true), []);
     const handleCloseDescription = useCallback(

package/src/screens/chat-detail/ChatComposer.tsx

@@ -63,11 +63,8 @@ import { ChatCurrentQuotedMessage } from './ChatCurrentQuotedMessage';
 import { useSendMessage } from '../../hooks/message/useSendMessage';
 import { openBotMenuSheet } from './BotMenuSheet';
 import { UIUtils } from '../../utils/UIUtils';
-import { GroupPermission, PeerType } from '@droppii/openim-rn-client-sdk';
-import {
-  useGuardedAction,
-  useHasGroupPermission,
-} from '../../hooks/useGroupPermission';
+import { PeerType } from '@droppii/openim-rn-client-sdk';
+import { useCanSendMessage } from '../../hooks/useGroupPermission';
 import { useIsJoinedGroup } from '../../hooks/useIsJoinedGroup';
 
 interface ChatComposerInternalProps {
@@ -107,9 +104,8 @@ export const ChatComposer = memo(
     const { mutateAsync: closeSupportSession } = useCloseSupportSession();
     const { sendMessage } = useSendMessage();
     const compose = useChatCompose();
-    const isSendMessageAllowed = useHasGroupPermission(
-      GroupPermission.SendMessage
-    );
+    const { allowed: isSendMessageAllowed, reason: sendDeniedReason } =
+      useCanSendMessage();
 
     const { data: isJoinedGroup } = useIsJoinedGroup(conversation?.groupID);
 
@@ -149,20 +145,22 @@ export const ChatComposer = memo(
       onAttachmentOpenChange: setIsAttachmentOpen,
     });
 
-    const handleSend = useGuardedAction(
-      GroupPermission.SendMessage,
-      useCallback(async () => {
-        if (compose.isUploading || !compose.canSend) return;
-        try {
-          await compose.send();
-        } catch (error) {
-          if (__DEV__) console.error('[ChatComposer] Failed to send:', error);
-        }
-      }, [compose]),
-      {
-        deniedMessage: trans('chat:no_send_permission'),
+    const handleSend = useCallback(async () => {
+      if (!isSendMessageAllowed) {
+        UIUtils.toast.open({
+          title: sendDeniedReason,
+          theme: 'info',
+        });
+        return;
       }
-    );
+
+      if (compose.isUploading || !compose.canSend) return;
+      try {
+        await compose.send();
+      } catch (error) {
+        if (__DEV__) console.error('[ChatComposer] Failed to send:', error);
+      }
+    }, [compose, isSendMessageAllowed, sendDeniedReason]);
 
     const handleInputFocus = useCallback(() => {
       setIsInputFocused(true);
@@ -474,7 +472,7 @@ export const ChatComposer = memo(
       );
     } else if (!isSendMessageAllowed) {
       content = (
-        <KContainer.View row alignItems justifyContent>
+        <KContainer.View row alignItems justifyContent paddingT={'1rem'}>
           <KContainer.View marginR="0.25rem">
             <KImage.VectorIcons
               name="info-circle-o"
@@ -482,9 +480,7 @@ export const ChatComposer = memo(
               color={KColors.palette.gray.w600}
             />
           </KContainer.View>
-          <KLabel.Text typo="TextXsNormal">
-            {trans('group:cannot_send_message')}
-          </KLabel.Text>
+          <KLabel.Text typo="TextXsNormal">{sendDeniedReason}</KLabel.Text>
         </KContainer.View>
       );
     } else {

package/src/screens/chat-detail/ChatDetailHeader.tsx

@@ -11,9 +11,8 @@ import { NamePrefixIcon } from '../../components/ThreadCard/NamePrefixIcon';
 import type { ChatDetailHeaderProps } from './types';
 import { getConversationSubtitle } from './conversationHeader.utils';
 import { useGetUsersInfo } from '../../hooks/users/useGetUsersInfo';
-import { useGetGroupInfo } from '../../hooks/conversation/useGetGroupInfo';
-import { isGroupConversation } from '../../utils/conversation';
 import { useGetConversationDetail } from '../../hooks/conversation/useGetConversationDetail';
+import { useChatDetailContext } from '../../context';
 
 const ChatDetailHeader = memo(
   ({
@@ -34,11 +33,7 @@ const ChatDetailHeader = memo(
     const { data: usersInfo } = useGetUsersInfo(
       targetUserId ? [targetUserId] : []
     );
-
-    const isGroup = isGroupConversation(conversation);
-    const { data: groupInfo } = useGetGroupInfo(
-      isGroup ? conversation?.groupID : undefined
-    );
+    const memberCount = useChatDetailContext().groupInfo?.memberCount;
 
     const { faceURL, showName } = useMemo(() => {
       const userInfo = usersInfo?.[0];
@@ -135,24 +130,14 @@ const ChatDetailHeader = memo(
                   color={KColors.palette.gray.w500}
                   numberOfLines={1}
                 >
-                  {getConversationSubtitle(
-                    conversation,
-                    groupInfo?.memberCount
-                  )}
+                  {getConversationSubtitle(conversation, memberCount)}
                 </KLabel.Text>
               )}
             </KContainer.View>
           </KContainer.Touchable>
         </KContainer.View>
       ),
-      [
-        onBack,
-        onPressAvatar,
-        conversation,
-        faceURL,
-        showName,
-        groupInfo?.memberCount,
-      ]
+      [onBack, onPressAvatar, conversation, faceURL, showName, memberCount]
     );
 
     return (

package/src/translation/resources/i18n.ts

@@ -75,16 +75,31 @@ const i18nKey: Record<string, string> = {
   'chat:group_created_by': '{{sender}} đã tạo nhóm',
   'msg_type_group_name_updated': 'Đã đổi tên nhóm',
   'chat:group_name_updated_by': '{{sender}} đã đổi tên nhóm',
+  'chat:group_name_updated_by_named':
+    '{{sender}} đã đổi tên nhóm thành {{newGroupName}}',
   'msg_type_group_info_updated': 'Đã cập nhật thông tin nhóm',
   'chat:group_info_updated_by': '{{sender}} đã cập nhật thông tin nhóm',
   'msg_type_member_quit': 'Đã rời khỏi nhóm',
-  'chat:member_quit_by': '{{sender}} đã rời khỏi nhóm',
+  'chat:member_quit_by': '{{sender}} đã rời nhóm',
   'msg_type_group_owner_transferred': 'Đã chuyển quyền trưởng nhóm',
   'chat:group_owner_transferred_by': '{{sender}} đã chuyển quyền trưởng nhóm',
+  'chat:group_owner_transferred_by_named':
+    '{{sender}} đã chuyển quyền trưởng nhóm cho {{memberName}}',
   'msg_type_member_kicked': 'Đã xoá thành viên khỏi nhóm',
   'chat:member_kicked_by': '{{sender}} đã xoá thành viên khỏi nhóm',
+  'chat:member_kicked_by_named': '{{sender}} đã xoá {{names}} khỏi nhóm',
   'msg_type_member_invited': 'Đã thêm thành viên vào nhóm',
   'chat:member_invited_by': '{{sender}} đã thêm thành viên vào nhóm',
+  'chat:member_invited_by_named': '{{sender}} đã thêm {{names}} vào nhóm',
+  'msg_type_group_member_set_admin': 'Đã chỉ định quản trị viên mới',
+  'chat:group_member_set_admin_by':
+    '{{sender}} đã đặt {{memberName}} làm quản trị viên',
+  'chat:group_member_set_admin_by_generic':
+    '{{sender}} đã đặt một thành viên làm quản trị viên',
+  'msg_type_message_pinned': 'Đã ghim một tin nhắn',
+  'chat:group_message_pinned_by': '{{sender}} đã ghim một tin nhắn',
+  'msg_type_message_unpinned': 'Đã bỏ ghim một tin nhắn',
+  'chat:group_message_unpinned_by': '{{sender}} đã bỏ ghim một tin nhắn',
   'msg_type_member_enter': 'Đã tham gia nhóm',
   'chat:member_enter_by': '{{sender}} đã tham gia nhóm',
   'msg_type_group_dismissed': 'Nhóm đã bị giải tán',
@@ -124,6 +139,17 @@ const i18nKey: Record<string, string> = {
   'chat:info_unpin_message': 'Bỏ ghim trò chuyện',
   'chat:info_delete_history': 'Xoá lịch sử trò chuyện',
   'chat:info_leave_group': 'Rời nhóm',
+  'chat:leave_group_confirm_title': 'Rời nhóm?',
+  'chat:leave_group_confirm_desc_private':
+    'Sau khi rời nhóm, bạn sẽ không thể xem tin nhắn từ cuộc trò chuyện này nữa. Bạn có chắc chắn muốn rời khỏi nhóm?',
+  'chat:leave_group_confirm_desc_public':
+    'Sau khi rời nhóm, bạn sẽ không thể nhắn tin hay nhận thông báo từ cuộc trò chuyện này nữa. Bạn có chắc chắn muốn rời khỏi nhóm?',
+  'chat:leave_group_confirm_primary': 'Rời nhóm',
+  'chat:leave_group_confirm_secondary': 'Ở lại nhóm',
+  'chat:leave_group_blocked_title': 'Không thể rời nhóm',
+  'chat:leave_group_blocked_desc':
+    'Bạn không thể rời nhóm khi đang là chủ nhóm, vui lòng chuyển quyền chủ nhóm cho thành viên khác và thử lại!',
+  'chat:leave_group_blocked_button': 'Đã hiểu',
   'chat:dismiss_group': 'Giải tán nhóm',
   'chat:info_view_more': 'Xem thêm',
   'chat:group_description_title': 'Mô tả nhóm',
@@ -172,6 +198,8 @@ const i18nKey: Record<string, string> = {
   'group:join': 'Tham gia',
   'group:not_in_group': 'Bạn cần tham gia nhóm để gửi tin nhắn',
   'group:cannot_send_message': 'Bạn không thể gửi tin nhắn vào nhóm này',
+  'group:messaging_muted_by_owner':
+    'Chỉ chủ nhóm và quản trị viên được phép gửi tin nhắn',
   'group:joined_group': 'Đã tham gia nhóm {{groupName}}',
   'group:public_group': 'Nhóm công khai',
   'group:private_group': 'Nhóm riêng tư',

package/src/types/chat.ts

@@ -1,6 +1,7 @@
 import {
   MessageType,
   type ConversationItem,
+  type GroupItem,
   type MessageItem,
   type SelfUserInfo,
 } from '@droppii/openim-rn-client-sdk';
@@ -206,6 +207,7 @@ export interface MessageStore {
 export interface ChatDetailContextType {
   conversationFlow?: IConversationFlow;
   isBotConversation: boolean;
+  isGroupConversation: boolean;
   setConverationFlowStep: (
     step?: IConversationFlowStep,
     isEnd?: boolean,
@@ -218,6 +220,7 @@ export interface ChatDetailContextType {
   setQuotedMessage: (item?: MessageItem) => void;
   conversationFlowMainMenu?: InputButtonItem[];
   userInfo?: SelfUserInfo;
+  groupInfo?: GroupItem | null;
 }
 
 export interface ChatDetailProviderProps extends PropsWithChildren {}

package/src/utils/legendListMessage.ts

@@ -28,8 +28,12 @@ export const getMessageText = (message: MessageItem): string => {
     case MessageType.FaceMessage:
       return '[Sticker]';
     default:
+      // Never surface the raw notification payload as message text — it
+      // contains other users' userID/nickname/faceURL/permissions and would
+      // render verbatim as a normal chat bubble for any content type that
+      // isn't (yet) mapped in GROUP_NOTIFICATION_TEXT.
       if (message.notificationElem?.detail) {
-        return message.notificationElem.detail;
+        return '';
       }
       return message.content || '';
   }