Feat: Message actions customisation [CRNS-438]

examples/SampleApp/App.tsx

@@ -1,11 +1,10 @@
 import React from 'react';
-import { LogBox, Platform, useColorScheme } from 'react-native';
+import { Alert, LogBox, Platform, Text, useColorScheme, View } from 'react-native';
 import { createDrawerNavigator } from '@react-navigation/drawer';
 import { DarkTheme, DefaultTheme, NavigationContainer } from '@react-navigation/native';
 import { createStackNavigator } from '@react-navigation/stack';
 import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Chat, OverlayProvider, ThemeProvider, useOverlayContext } from 'stream-chat-react-native';
-
 import { AppContext } from './src/context/AppContext';
 import { AppOverlayProvider } from './src/context/AppOverlayProvider';
 import { UserSearchProvider } from './src/context/UserSearchContext';

examples/SampleApp/android/app/build.gradle

@@ -197,11 +197,11 @@ dependencies {
     implementation platform('com.google.firebase:firebase-bom:25.12.0')
 
     // For animated GIF support
-    implementation 'com.facebook.fresco:animated-gif:2.0.0'
+    implementation 'com.facebook.fresco:animated-gif:2.6.0'
 
     // For WebP support, including animated WebP
-    implementation 'com.facebook.fresco:animated-webp:2.1.0'
-    implementation 'com.facebook.fresco:webpsupport:2.0.0'
+    implementation 'com.facebook.fresco:animated-webp:2.6.0'
+    implementation 'com.facebook.fresco:webpsupport:2.6.0'
 
     implementation 'com.google.firebase:firebase-crashlytics'
     implementation 'com.google.firebase:firebase-analytics'

examples/SampleApp/src/screens/ChannelScreen.tsx

@@ -1,7 +1,6 @@
 import React, { useContext, useEffect, useState } from 'react';
-import { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
+import type { Channel as StreamChatChannel } from 'stream-chat';
 import { RouteProp, useFocusEffect, useNavigation } from '@react-navigation/native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import {
   Channel,
   ChannelAvatar,
@@ -14,14 +13,15 @@ import {
   useTheme,
   useTypingString,
 } from 'stream-chat-react-native';
+import { Platform, StyleSheet, View } from 'react-native';
+import type { StackNavigationProp } from '@react-navigation/stack';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
-import { ScreenHeader } from '../components/ScreenHeader';
 import { AppContext } from '../context/AppContext';
+import { ScreenHeader } from '../components/ScreenHeader';
+import { TouchableOpacity } from 'react-native-gesture-handler';
 import { useChannelMembersStatus } from '../hooks/useChannelMembersStatus';
 
-import type { StackNavigationProp } from '@react-navigation/stack';
-import type { Channel as StreamChatChannel } from 'stream-chat';
-
 import type {
   LocalAttachmentType,
   LocalChannelType,

package/src/components/Channel/Channel.tsx

@@ -227,22 +227,17 @@ export type ChannelPropsWithContext<
       | 'animatedLongPress'
       | 'Attachment'
       | 'AttachmentActions'
-      | 'blockUser'
       | 'Card'
       | 'CardCover'
       | 'CardFooter'
       | 'CardHeader'
-      | 'copyMessage'
       | 'DateHeader'
       | 'deletedMessagesVisibilityType'
-      | 'deleteMessage'
       | 'disableTypingIndicator'
       | 'dismissKeyboardOnMessageTouch'
-      | 'editMessage'
       | 'FileAttachment'
       | 'FileAttachmentIcon'
       | 'FileAttachmentGroup'
-      | 'flagMessage'
       | 'FlatList'
       | 'forceAlignMessages'
       | 'formatDate'
@@ -279,22 +274,17 @@ export type ChannelPropsWithContext<
       | 'MessageStatus'
       | 'MessageSystem'
       | 'MessageText'
-      | 'muteUser'
       | 'myMessageTheme'
       | 'onDoubleTapMessage'
       | 'onLongPressMessage'
       | 'onPressInMessage'
       | 'onPressMessage'
       | 'OverlayReactionList'
-      | 'pinMessage'
-      | 'quotedReply'
       | 'ReactionList'
       | 'Reply'
-      | 'retry'
       | 'ScrollToBottomButton'
       | 'selectReaction'
       | 'supportedReactions'
-      | 'threadReply'
       | 'TypingIndicator'
       | 'TypingIndicatorContainer'
       | 'UrlPreview'
@@ -419,7 +409,6 @@ const ChannelWithContext = <
     AttachmentActions = AttachmentActionsDefault,
     autoCompleteSuggestionsLimit,
     autoCompleteTriggerSettings,
-    blockUser,
     Card = CardDefault,
     CardCover,
     CardFooter,
@@ -431,10 +420,8 @@ const ChannelWithContext = <
     CommandsButton = CommandsButtonDefault,
     compressImageQuality,
     CooldownTimer = CooldownTimerDefault,
-    copyMessage,
     DateHeader = DateHeaderDefault,
     deletedMessagesVisibilityType = 'always',
-    deleteMessage,
     disableIfFrozenChannel = true,
     disableKeyboardCompatibleView = false,
     disableTypingIndicator,
@@ -444,15 +431,13 @@ const ChannelWithContext = <
     doMarkReadRequest,
     doSendMessageRequest,
     doUpdateMessageRequest,
-    editMessage: editMessageProp,
     EmptyStateIndicator = EmptyStateIndicatorDefault,
     enableMessageGroupingByUser = true,
     enforceUniqueReaction = false,
     FileAttachment = FileAttachmentDefault,
     FileAttachmentGroup = FileAttachmentGroupDefault,
     FileAttachmentIcon = FileIconDefault,
     FileUploadPreview = FileUploadPreviewDefault,
-    flagMessage,
     FlatList = FlatListDefault,
     forceAlignMessages,
     formatDate,
@@ -519,7 +504,6 @@ const ChannelWithContext = <
     MessageText,
     MoreOptionsButton = MoreOptionsButtonDefault,
     mutesEnabled: mutesEnabledProp,
-    muteUser,
     myMessageTheme,
     newMessageStateUpdateThrottleInterval = defaultThrottleInterval,
     NetworkDownIndicator = NetworkDownIndicatorDefault,
@@ -531,16 +515,13 @@ const ChannelWithContext = <
     onPressMessage,
     openSuggestions,
     OverlayReactionList = OverlayReactionListDefault,
-    pinMessage,
     pinMessageEnabled: pinMessageEnabledProp,
     quotedRepliesEnabled: quotedRepliesEnabledProp,
-    quotedReply,
     ReactionList = ReactionListDefault,
     reactionsEnabled: reactionsEnabledProp,
     read,
     readEventsEnabled: readEventsEnabledProp,
     Reply = ReplyDefault,
-    retry,
     ScrollToBottomButton = ScrollToBottomButtonDefault,
     selectReaction,
     SendButton = SendButtonDefault,
@@ -563,7 +544,6 @@ const ChannelWithContext = <
     threadList,
     threadMessages,
     threadRepliesEnabled: threadRepliesEnabledProp,
-    threadReply,
     typing,
     typingEventsEnabled: typingEventsEnabledProp,
     TypingIndicator = TypingIndicatorDefault,
@@ -1749,24 +1729,19 @@ const ChannelWithContext = <
     animatedLongPress,
     Attachment,
     AttachmentActions,
-    blockUser,
     Card,
     CardCover,
     CardFooter,
     CardHeader,
     channelId,
-    copyMessage,
     DateHeader,
     deletedMessagesVisibilityType,
-    deleteMessage,
     disableTypingIndicator,
     dismissKeyboardOnMessageTouch,
-    editMessage: editMessageProp,
     enableMessageGroupingByUser,
     FileAttachment,
     FileAttachmentGroup,
     FileAttachmentIcon,
-    flagMessage,
     FlatList,
     forceAlignMessages,
     formatDate,
@@ -1804,27 +1779,22 @@ const ChannelWithContext = <
     MessageStatus,
     MessageSystem,
     MessageText,
-    muteUser,
     myMessageTheme,
     onDoubleTapMessage,
     onLongPressMessage,
     onPressInMessage,
     onPressMessage,
     OverlayReactionList,
-    pinMessage,
-    quotedReply,
     ReactionList,
     removeMessage,
     Reply,
-    retry,
     retrySendMessage,
     ScrollToBottomButton,
     selectReaction,
     setEditingState,
     setQuotedMessageState,
     supportedReactions,
     targetedMessage,
-    threadReply,
     TypingIndicator,
     TypingIndicatorContainer,
     updateMessage,

package/src/components/Channel/hooks/useCreateMessagesContext.ts

@@ -25,24 +25,19 @@ export const useCreateMessagesContext = <
   animatedLongPress,
   Attachment,
   AttachmentActions,
-  blockUser,
   Card,
   CardCover,
   CardFooter,
   CardHeader,
   channelId,
-  copyMessage,
   DateHeader,
   deletedMessagesVisibilityType,
-  deleteMessage,
   disableTypingIndicator,
   dismissKeyboardOnMessageTouch,
-  editMessage,
   enableMessageGroupingByUser,
   FileAttachment,
   FileAttachmentGroup,
   FileAttachmentIcon,
-  flagMessage,
   FlatList,
   forceAlignMessages,
   formatDate,
@@ -81,22 +76,18 @@ export const useCreateMessagesContext = <
   MessageSystem,
   MessageText,
   mutesEnabled,
-  muteUser,
   myMessageTheme,
   onDoubleTapMessage,
   onLongPressMessage,
   onPressInMessage,
   onPressMessage,
   OverlayReactionList,
-  pinMessage,
   pinMessageEnabled,
   quotedRepliesEnabled,
-  quotedReply,
   ReactionList,
   reactionsEnabled,
   removeMessage,
   Reply,
-  retry,
   retrySendMessage,
   ScrollToBottomButton,
   selectReaction,
@@ -105,7 +96,6 @@ export const useCreateMessagesContext = <
   supportedReactions,
   targetedMessage,
   threadRepliesEnabled,
-  threadReply,
   TypingIndicator,
   TypingIndicatorContainer,
   updateMessage,
@@ -127,23 +117,18 @@ export const useCreateMessagesContext = <
       animatedLongPress,
       Attachment,
       AttachmentActions,
-      blockUser,
       Card,
       CardCover,
       CardFooter,
       CardHeader,
-      copyMessage,
       DateHeader,
       deletedMessagesVisibilityType,
-      deleteMessage,
       disableTypingIndicator,
       dismissKeyboardOnMessageTouch,
-      editMessage,
       enableMessageGroupingByUser,
       FileAttachment,
       FileAttachmentGroup,
       FileAttachmentIcon,
-      flagMessage,
       FlatList,
       forceAlignMessages,
       formatDate,
@@ -182,22 +167,18 @@ export const useCreateMessagesContext = <
       MessageSystem,
       MessageText,
       mutesEnabled,
-      muteUser,
       myMessageTheme,
       onDoubleTapMessage,
       onLongPressMessage,
       onPressInMessage,
       onPressMessage,
       OverlayReactionList,
-      pinMessage,
       pinMessageEnabled,
       quotedRepliesEnabled,
-      quotedReply,
       ReactionList,
       reactionsEnabled,
       removeMessage,
       Reply,
-      retry,
       retrySendMessage,
       ScrollToBottomButton,
       selectReaction,
@@ -206,7 +187,6 @@ export const useCreateMessagesContext = <
       supportedReactions,
       targetedMessage,
       threadRepliesEnabled,
-      threadReply,
       TypingIndicator,
       TypingIndicatorContainer,
       updateMessage,