@droppii-org/chat-mobile 0.2.74 → 0.2.76

package/src/context/ChatDetailContext.tsx

@@ -15,11 +15,11 @@ import {
 } from '../types/chat';
 import { fechtCurrentConversationFlow } from '../hooks/flows/useCurrentConversationFlow';
 import { ChatEvent, type GroupPermissionUpdatedPayload } from '../types/events';
-import { useConversationStore } from '../store';
+import { useConversationStore, useUserStore } from '../store';
 import OpenIMSDK, {
-  GroupPermission,
   PeerType,
   type MessageItem,
+  type SelfUserInfo,
 } from '@droppii/openim-rn-client-sdk';
 import {
   DFlowContext,
@@ -40,7 +40,6 @@ export const ChatDetailContext = createContext<ChatDetailContextType>({
   conversation: undefined,
   quotedMessage: undefined,
   setQuotedMessage: () => {},
-  groupPermissions: [],
 });
 
 export const useChatDetailContext = (): ChatDetailContextType => {
@@ -60,6 +59,9 @@ export const ChatDetailProvider = ({ children }: ChatDetailProviderProps) => {
   const conversation = useConversationStore(
     (state) => state.map[conversationId]
   );
+
+  const user = useUserStore((state) => state.user);
+
   const [conversationFlow, setConverationFlow] = useState<
     IConversationFlow | undefined
   >(undefined);
@@ -68,26 +70,30 @@ export const ChatDetailProvider = ({ children }: ChatDetailProviderProps) => {
     undefined
   );
 
-  const [groupPermissions, setGroupPermissions] = useState<GroupPermission[]>(
-    []
+  const [groupUserInfo, setGroupUserInfo] = useState<SelfUserInfo | undefined>(
+    undefined
   );
 
+  const userInfo = useMemo(() => {
+    return conversation?.peerType === PeerType.Group ? groupUserInfo : user;
+  }, [user, groupUserInfo, conversation?.peerType]);
+
   useEffect(() => {
     const groupId = conversation?.groupID;
     if (!groupId) {
-      setGroupPermissions([]);
+      setGroupUserInfo(undefined);
       return;
     }
     OpenIMSDK.getSelfUserInfo(groupId)
-      .then((info) => setGroupPermissions(info?.permissions ?? []))
-      .catch(() => setGroupPermissions([]));
+      .then((info) => setGroupUserInfo(info))
+      .catch(() => setGroupUserInfo(undefined));
   }, [conversation?.groupID]);
 
   useEffect(() => {
     const sub = DeviceEventEmitter.addListener(
       ChatEvent.GroupPermissionUpdated,
-      ({ permissions }: GroupPermissionUpdatedPayload) => {
-        setGroupPermissions(permissions);
+      (next: GroupPermissionUpdatedPayload) => {
+        setGroupUserInfo((prev) => ({ ...prev, ...next }) as SelfUserInfo);
       }
     );
     return () => sub.remove();
@@ -183,7 +189,7 @@ export const ChatDetailProvider = ({ children }: ChatDetailProviderProps) => {
         quotedMessage,
         setQuotedMessage,
         conversationFlowMainMenu,
-        groupPermissions,
+        userInfo,
       }}
     >
       {children}

package/src/core/useChatListener.ts

@@ -55,6 +55,8 @@ export const useChatListener = () => {
   const onConversationChanged = useCallback(
     (conversations: ConversationItem[]) => {
       // console.log('[Listener] OnConversationChanged', conversations);
+
+      // return; // TEMPORARILY DISABLED: OnConversationChanged/OnNewConversation can
       const oldMap = useConversationStore.getState().map;
       const visibleConversations: ConversationItem[] = [];
 
@@ -101,17 +103,7 @@ export const useChatListener = () => {
   );
 
   const onNewConversation = useCallback((conversations: ConversationItem[]) => {
-    // console.log(
-    //   '[Listener] OnNewConversation',
-    //   conversations.map((c) => ({
-    //     conversationID: c.conversationID,
-    //     groupID: c.groupID,
-    //     isNotInGroup: c.isNotInGroup,
-    //     isGuardedRemoved: c.groupID
-    //       ? useConversationStore.getState().removedGroupIds.has(c.groupID)
-    //       : false,
-    //   }))
-    // );
+    // console.log('[Listener] OnNewConversation', conversations);
     useConversationStore.getState().updateConversations(conversations);
   }, []);
 
@@ -139,16 +131,8 @@ export const useChatListener = () => {
       queryClient.invalidateQueries({
         queryKey: conversationQueryKeys.groupInfo(member.groupID),
       });
-
-      // The current user (re)joined this group — lift the removal guard so
-      // a future OnConversationChanged/OnNewConversation for it isn't dropped.
-      if (member.userID === currentUserId) {
-        useConversationStore
-          .getState()
-          .restoreGroupConversation(member.groupID);
-      }
     },
-    [queryClient, currentUserId]
+    [queryClient]
   );
 
   const removeGroupConversation = useCallback(
@@ -159,15 +143,8 @@ export const useChatListener = () => {
     ) => {
       // console.log('[Listener] removeGroupConversation', { groupID, reason });
 
-      // TEMPORARILY DISABLED: OnConversationChanged/OnNewConversation can
-      // still race this removal and resurrect the conversation before the
-      // removedGroupIds guard is proven reliable. Flip this back to `true`
-      // once that race is confirmed fixed.
-      const REMOVE_FLOW_ENABLED: boolean = false;
-      if (!REMOVE_FLOW_ENABLED) return;
-
       const conversationID = getConversationID(SessionType.Group, groupID);
-      const conversation = useConversationStore.getState().map[conversationID];
+      // const conversation = useConversationStore.getState().map[conversationID];
       const isCurrentConversation =
         useConversationStore.getState().currentConversationId ===
         conversationID;
@@ -180,18 +157,25 @@ export const useChatListener = () => {
       queryClient.removeQueries({
         queryKey: conversationQueryKeys.groupInfo(groupID),
       });
-
-      ToastFlashMessage.show({
-        key: `group-removed-${groupID}`,
-        title: groupName || conversation?.showName || 'Nhóm',
-        body:
-          reason === 'dismissed'
-            ? 'Nhóm đã bị giải tán'
-            : reason === 'kicked'
-              ? 'Bạn đã bị mời khỏi nhóm'
-              : 'Bạn không còn trong nhóm này',
+      queryClient.invalidateQueries({
+        queryKey: conversationQueryKeys.joinedGroup(groupID),
+      });
+      queryClient.invalidateQueries({
+        queryKey: groupQueryKeys.public(),
+        exact: false,
       });
 
+      // ToastFlashMessage.show({
+      //   key: `group-removed-${groupID}`,
+      //   title: groupName || conversation?.showName || 'Nhóm',
+      //   body:
+      //     reason === 'dismissed'
+      //       ? 'Nhóm đã bị giải tán'
+      //       : reason === 'kicked'
+      //         ? 'Bạn đã bị mời khỏi nhóm'
+      //         : 'Bạn không còn trong nhóm này',
+      // });
+
       if (isCurrentConversation) {
         DeviceEventEmitter.emit(ChatEvent.GroupRemoved, {
           groupID,
@@ -204,11 +188,7 @@ export const useChatListener = () => {
 
   const onGroupMemberDeleted = useCallback(
     (member: GroupMemberItem) => {
-      // console.log('[Listener] OnGroupMemberDeleted', {
-      //   userID: member.userID,
-      //   groupID: member.groupID,
-      //   isCurrentUser: member.userID === currentUserId,
-      // });
+      console.log('[Listener] OnGroupMemberDeleted', member);
       queryClient.invalidateQueries({
         queryKey: conversationQueryKeys.groupInfo(member.groupID),
       });
@@ -224,10 +204,7 @@ export const useChatListener = () => {
 
   const onJoinedGroupDeleted = useCallback(
     (group: GroupItem) => {
-      // console.log('[Listener] OnJoinedGroupDeleted', {
-      //   groupID: group.groupID,
-      //   groupName: group.groupName,
-      // });
+      // console.log('[Listener] OnJoinedGroupDeleted', group);
       removeGroupConversation(group.groupID, group.groupName, 'left');
     },
     [removeGroupConversation]
@@ -246,12 +223,7 @@ export const useChatListener = () => {
 
   const OnGroupMemberInfoChanged = useCallback(
     (member: GroupMemberItem) => {
-      // console.log('[Listener] OnGroupMemberInfoChanged', {
-      //   userID: member.userID,
-      //   groupID: member.groupID,
-      //   permissions: member.permissions,
-      //   roleLevel: member.roleLevel,
-      // });
+      console.log('[Listener] OnGroupMemberInfoChanged', member);
       const conversation = useConversationStore
         .getState()
         .getCurrentConversation();
@@ -260,7 +232,11 @@ export const useChatListener = () => {
         member?.userID === currentUserId
       ) {
         DeviceEventEmitter.emit(ChatEvent.GroupPermissionUpdated, {
-          permissions: member.permissions ?? [],
+          nickname: member.nickname,
+          faceURL: member.faceURL,
+          roleLevel: member.roleLevel,
+          permissions: member.permissions,
+          ex: member.ex,
         });
       }
     },

package/src/hooks/groups/useDismissGroup.tsx

@@ -0,0 +1,80 @@
+import { useCallback } from 'react';
+import OpenIMSDK from '@droppii/openim-rn-client-sdk';
+import { KContainer, KLabel } from '@droppii/libs';
+import { UIUtils } from '../../utils/UIUtils';
+import { trans } from '../../translation';
+
+interface UseDismissGroupProps {
+  onSuccess?: () => void;
+}
+export function useDismissGroup({ onSuccess }: UseDismissGroupProps) {
+  const openDismissPopup = useCallback(() => {
+    return new Promise<void>((resolve, reject) => {
+      UIUtils.popup.open({
+        header: {
+          title: { text: trans('group:dismiss_confirm_title') },
+          alignment: 'center',
+        },
+        body: {
+          renderContent: () => {
+            return (
+              <KContainer.View padding={'1rem'} justifyContent alignItems>
+                <KLabel.Text typo="TextMdNormal" textAlign="center">
+                  {trans('group:dismiss_confirm_desc')}
+                </KLabel.Text>
+              </KContainer.View>
+            );
+          },
+        },
+        actions: {
+          buttons: [
+            {
+              label: trans('group:dismiss_confirm_secondary'),
+              kind: 'light',
+              onPress: () => reject(),
+              weight: 'medium',
+            },
+            {
+              label: trans('group:dismiss_confirm_primary'),
+              kind: 'danger',
+              onPress: () => resolve(),
+              isLightSolid: true,
+              weight: 'medium',
+            },
+          ],
+          type: 'horizontal-button',
+        },
+      });
+    });
+  }, []);
+
+  const dismissGroup = useCallback(
+    async (groupID?: string) => {
+      if (!groupID) return;
+
+      try {
+        await openDismissPopup();
+      } catch {
+        return;
+      }
+
+      try {
+        await OpenIMSDK.dismissGroup(groupID);
+        onSuccess?.();
+        UIUtils.toast.open({
+          title: trans('group:dismiss_toast_success'),
+          theme: 'light',
+        });
+      } catch (error) {
+        console.error('dismissGroup failed', error);
+        UIUtils.toast.open({
+          title: trans('chat:generic_error'),
+          theme: 'error',
+        });
+      }
+    },
+    [openDismissPopup, onSuccess]
+  );
+
+  return { dismissGroup };
+}

package/src/hooks/groups/useJoinGroup.ts

@@ -46,9 +46,7 @@ export const useJoinGroup = () => {
 
       OpenIMSDK.getSelfUserInfo(params.groupID)
         .then((info) => {
-          DeviceEventEmitter.emit(ChatEvent.GroupPermissionUpdated, {
-            permissions: info?.permissions ?? [],
-          });
+          DeviceEventEmitter.emit(ChatEvent.GroupPermissionUpdated, info);
         })
         .catch(() => {});
     },

package/src/hooks/useGroupPermission.ts

@@ -8,17 +8,18 @@ export const useHasGroupPermission = (
   permission: GroupPermission | GroupPermission[],
   mode: 'every' | 'some' = 'every'
 ): boolean => {
-  const { conversation, groupPermissions } = useChatDetailContext();
+  const { conversation, userInfo } = useChatDetailContext();
   const isNotGroup = conversation?.peerType !== PeerType.Group;
   const required = Array.isArray(permission) ? permission : [permission];
+  const granted = userInfo?.permissions || [];
 
   return useMemo(() => {
     if (isNotGroup) return true;
     return mode === 'every'
-      ? required.every((p) => groupPermissions?.includes(p))
-      : required.some((p) => groupPermissions?.includes(p));
+      ? required.every((p) => granted?.includes(p))
+      : required.some((p) => granted?.includes(p));
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [groupPermissions, isNotGroup, mode]);
+  }, [granted, isNotGroup, mode]);
 };
 
 export const useGuardedAction = <T extends (...args: any[]) => any>(

package/src/screens/ChatInfo/ChatInfo.tsx

@@ -11,6 +11,7 @@ import ChatInfoActions from './ChatInfoActions';
 import type { ChatInfoProps } from './types';
 import { trans } from '../../translation';
 import { isGroupConversation } from '../../utils/conversation';
+import { withChatDetailProvider } from '../../context';
 
 const ChatInfo = memo(
   ({
@@ -22,6 +23,7 @@ const ChatInfo = memo(
     onPressCreateGroup,
     onPressAddToGroup,
     onPressLeaveGroup,
+    onDismissGroup,
   }: ChatInfoProps) => {
     const navigation = useNavigation();
 
@@ -67,6 +69,7 @@ const ChatInfo = memo(
             onPressCreateGroup={onPressCreateGroup}
             onPressAddToGroup={onPressAddToGroup}
             onPressLeaveGroup={onPressLeaveGroup}
+            onDismissGroup={onDismissGroup}
           />
         </KContainer.ScrollView>
       </KContainer.Page>
@@ -74,4 +77,4 @@ const ChatInfo = memo(
   }
 );
 
-export default ChatInfo;
+export default withChatDetailProvider(ChatInfo);

package/src/screens/ChatInfo/ChatInfoActions.tsx

@@ -6,9 +6,14 @@ import {
   type KListItemBaseItemProps,
   KLabel,
 } from '@droppii/libs';
-import type { ConversationItem } from '@droppii/openim-rn-client-sdk';
+import {
+  GroupMemberRole,
+  type ConversationItem,
+} from '@droppii/openim-rn-client-sdk';
 import { usePinConversation } from '../../hooks/usePinConversation';
 import { trans } from '../../translation';
+import { useChatDetailContext } from '../../context';
+import { useDismissGroup } from '../../hooks/groups/useDismissGroup';
 
 interface ChatInfoActionsProps {
   conversation?: ConversationItem;
@@ -18,6 +23,7 @@ interface ChatInfoActionsProps {
   onPressCreateGroup?: () => void;
   onPressAddToGroup?: () => void;
   onPressLeaveGroup?: () => void;
+  onDismissGroup?: () => void;
 }
 
 const ChatInfoActions = memo(
@@ -29,10 +35,17 @@ const ChatInfoActions = memo(
     onPressCreateGroup,
     onPressAddToGroup,
     onPressLeaveGroup,
+    onDismissGroup,
   }: ChatInfoActionsProps) => {
     const { pinConversation, unpinConversation } = usePinConversation();
     const isPinned = Boolean(conversation?.isPinned);
     const showName = conversation?.showName || '';
+    const { userInfo } = useChatDetailContext();
+    const { dismissGroup } = useDismissGroup({ onSuccess: onDismissGroup });
+
+    const isOwner = useMemo(() => {
+      return userInfo?.roleLevel === GroupMemberRole.Owner;
+    }, [userInfo?.roleLevel]);
 
     const handlePinPress = useCallback(() => {
       if (isPinned) {
@@ -44,6 +57,11 @@ const ChatInfoActions = memo(
 
     const handleDeleteHistory = useCallback(() => {}, []);
 
+    const handleDismissGroup = useCallback(() => {
+      if (!conversation?.groupID) return;
+      dismissGroup(conversation?.groupID);
+    }, [dismissGroup, conversation?.groupID]);
+
     const primaryData = useMemo(() => {
       const items: KListItemBaseItemProps[] = [];
 
@@ -118,17 +136,40 @@ const ChatInfoActions = memo(
     ]);
 
     const dangerData: KListItemBaseItemProps[] = useMemo(() => {
+      const items: KListItemBaseItemProps[] = [];
       if (isGroup) {
-        return [
-          {
+        items.push({
+          leftNode: {
+            icon: {
+              vectorName: 'logout-o',
+              tintColor: KColors.danger.normal,
+            },
+          },
+          tintColor: KColors.danger.normal,
+          onPress: onPressLeaveGroup,
+          showChevron: false,
+          paddingH: '0.75rem',
+          paddingV: '0.75rem',
+          customLabel: (
+            <KLabel.Text
+              typo="TextMdMedium"
+              color={KColors.danger.normal}
+              numberOfLines={1}
+            >
+              {trans('chat:info_leave_group')}
+            </KLabel.Text>
+          ),
+        });
+        if (isOwner) {
+          items.push({
             leftNode: {
               icon: {
-                vectorName: 'logout-o',
+                vectorName: 'minus-circle-o',
                 tintColor: KColors.danger.normal,
               },
             },
             tintColor: KColors.danger.normal,
-            onPress: onPressLeaveGroup,
+            onPress: handleDismissGroup,
             showChevron: false,
             paddingH: '0.75rem',
             paddingV: '0.75rem',
@@ -138,39 +179,45 @@ const ChatInfoActions = memo(
                 color={KColors.danger.normal}
                 numberOfLines={1}
               >
-                {trans('chat:info_leave_group')}
+                {trans('chat:dismiss_group')}
               </KLabel.Text>
             ),
-          },
-        ];
+          });
+        }
       }
 
-      return [
-        {
-          label: trans('chat:info_delete_history'),
-          leftNode: {
-            icon: {
-              vectorName: 'trash-alt-o-1',
-              tintColor: KColors.danger.normal,
-            },
+      items.push({
+        label: trans('chat:info_delete_history'),
+        leftNode: {
+          icon: {
+            vectorName: 'trash-alt-o-1',
+            tintColor: KColors.danger.normal,
           },
-          tintColor: KColors.danger.normal,
-          onPress: handleDeleteHistory,
-          showChevron: false,
-          paddingH: '0.75rem',
-          paddingV: '0.75rem',
-          customLabel: (
-            <KLabel.Text
-              typo="TextMdMedium"
-              color={KColors.danger.normal}
-              numberOfLines={1}
-            >
-              {trans('chat:info_delete_history')}
-            </KLabel.Text>
-          ),
         },
-      ];
-    }, [isGroup, onPressLeaveGroup, handleDeleteHistory]);
+        tintColor: KColors.danger.normal,
+        onPress: handleDeleteHistory,
+        showChevron: false,
+        paddingH: '0.75rem',
+        paddingV: '0.75rem',
+        customLabel: (
+          <KLabel.Text
+            typo="TextMdMedium"
+            color={KColors.danger.normal}
+            numberOfLines={1}
+          >
+            {trans('chat:info_delete_history')}
+          </KLabel.Text>
+        ),
+      });
+
+      return items;
+    }, [
+      isGroup,
+      onPressLeaveGroup,
+      handleDeleteHistory,
+      isOwner,
+      handleDismissGroup,
+    ]);
 
     return (
       <>

package/src/screens/ChatInfo/types.ts

@@ -9,4 +9,5 @@ export interface ChatInfoProps {
   onPressCreateGroup?: () => void;
   onPressAddToGroup?: () => void;
   onPressLeaveGroup?: () => void;
+  onDismissGroup?: () => void;
 }

package/src/store/conversation.ts

@@ -19,13 +19,6 @@ export interface ConversationStore {
   map: Record<ConversationID, ConversationItem>;
   /** Signal incremented when a truly new conversation arrives and a full refetch is needed. */
   newConversationSignal: number;
-  /**
-   * Group IDs the user just left/was removed from. Any late-arriving SDK
-   * event (OnConversationChanged, OnNewConversation, ...) that still carries
-   * this group must not resurrect it — without this guard those events race
-   * with removeGroupConversation and silently undo the removal.
-   */
-  removedGroupIds: Set<string>;
   updateConversation(id: ConversationID, data: Partial<ConversationItem>): void;
   updateConversations(conversations: ConversationItem[]): void;
   /**
@@ -33,10 +26,8 @@ export interface ConversationStore {
    * Returns true if any conversation was not found in the store (triggers refetch).
    */
   removeConversation(id: ConversationID): void;
-  /** Removes a group's conversation and guards it against being re-added. */
+  /** Removes a group's conversation. */
   removeGroupConversation(groupID: string): void;
-  /** Lifts the removal guard once the user (re)joins the group. */
-  restoreGroupConversation(groupID: string): void;
   reset(): void;
 }
 
@@ -44,7 +35,6 @@ export const useConversationStore = create<ConversationStore>()((set, get) => ({
   list: [],
   map: {},
   newConversationSignal: 0,
-  removedGroupIds: new Set(),
   setCurrentConversation(id, userId, groupId) {
     set({
       currentConversationId: id,
@@ -64,7 +54,7 @@ export const useConversationStore = create<ConversationStore>()((set, get) => ({
 
     const merged = { ...existing, ...data };
     const nextMap = { ...get().map };
-    if (merged.isNotInGroup || get().removedGroupIds.has(merged.groupID)) {
+    if (merged.isNotInGroup) {
       delete nextMap[id];
     } else {
       nextMap[id] = merged;
@@ -72,19 +62,9 @@ export const useConversationStore = create<ConversationStore>()((set, get) => ({
     set(sortConversation(nextMap));
   },
   updateConversations(conversations) {
-    const removedGroupIds = get().removedGroupIds;
     const nextMap = conversations.reduce(
       (pre, curr) => {
-        if (curr.isNotInGroup || removedGroupIds.has(curr.groupID)) {
-          // console.log(
-          //   '[Store] updateConversations: dropping guarded/left group',
-          //   {
-          //     conversationID: curr.conversationID,
-          //     groupID: curr.groupID,
-          //     isNotInGroup: curr.isNotInGroup,
-          //     guarded: removedGroupIds.has(curr.groupID),
-          //   }
-          // );
+        if (curr.isNotInGroup) {
           delete pre[curr.conversationID];
         } else {
           pre[curr.conversationID] = curr;
@@ -113,22 +93,14 @@ export const useConversationStore = create<ConversationStore>()((set, get) => ({
     set({
       map: newMap,
       list: get().list.filter((item) => item !== conversationID),
-      removedGroupIds: new Set(get().removedGroupIds).add(groupID),
     });
   },
-  restoreGroupConversation(groupID) {
-    // console.log('[Store] restoreGroupConversation', { groupID });
-    const nextRemovedGroupIds = new Set(get().removedGroupIds);
-    nextRemovedGroupIds.delete(groupID);
-    set({ removedGroupIds: nextRemovedGroupIds });
-  },
   reset() {
     set({
       currentConversationId: undefined,
       list: [],
       map: {},
       newConversationSignal: 0,
-      removedGroupIds: new Set(),
     });
   },
 }));

package/src/translation/resources/i18n.ts

@@ -124,6 +124,7 @@ 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:dismiss_group': 'Giải tán nhóm',
   'chat:info_view_more': 'Xem thêm',
   'chat:group_description_title': 'Mô tả nhóm',
   'start': 'Bắt đầu',
@@ -174,6 +175,12 @@ const i18nKey: Record<string, string> = {
   'group:joined_group': 'Đã tham gia nhóm {{groupName}}',
   'group:public_group': 'Nhóm công khai',
   'group:private_group': 'Nhóm riêng tư',
+  'group:dismiss_confirm_title': 'Giải tán nhóm?',
+  'group:dismiss_confirm_desc':
+    'Tất cả thành viên và tin nhắn sẽ bị xoá. Bạn có chắc chắn muốn giải tán nhóm?',
+  'group:dismiss_confirm_primary': 'Giải tán',
+  'group:dismiss_confirm_secondary': 'Quay lại',
+  'group:dismiss_toast_success': 'Đã giải tán nhóm',
 };
 
 export default {

package/src/types/chat.ts

@@ -1,8 +1,8 @@
 import {
-  GroupPermission,
   MessageType,
   type ConversationItem,
   type MessageItem,
+  type SelfUserInfo,
 } from '@droppii/openim-rn-client-sdk';
 import type { PropsWithChildren } from 'react';
 import type { IUrlMetadata } from './common';
@@ -217,7 +217,7 @@ export interface ChatDetailContextType {
   quotedMessage?: MessageItem;
   setQuotedMessage: (item?: MessageItem) => void;
   conversationFlowMainMenu?: InputButtonItem[];
-  groupPermissions: GroupPermission[];
+  userInfo?: SelfUserInfo;
 }
 
 export interface ChatDetailProviderProps extends PropsWithChildren {}