@droppii-org/chat-mobile 0.2.75 → 0.2.76

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/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 {}

package/src/types/events.ts

@@ -1,4 +1,4 @@
-import type { GroupPermission } from '@droppii/openim-rn-client-sdk';
+import type { SelfUserInfo } from '@droppii/openim-rn-client-sdk';
 
 export enum ChatEvent {
   ScrollToMessage = 'chat:scroll_to_message',
@@ -16,9 +16,7 @@ export interface MessageRevokedPayload {
   clientMsgID: string;
 }
 
-export interface GroupPermissionUpdatedPayload {
-  permissions: GroupPermission[];
-}
+export type GroupPermissionUpdatedPayload = Partial<SelfUserInfo>;
 
 export interface GroupRemovedPayload {
   groupID: string;