fix: add action to sample app only

Author: khushal87

examples/SampleApp/src/utils/messageActions.tsx

@@ -2,6 +2,7 @@ import { Alert } from 'react-native';
 import { StreamChat } from 'stream-chat';
 import {
   Colors,
+  Delete,
   messageActions,
   MessageActionsParams,
   Time,
@@ -20,7 +21,7 @@ export function channelMessageActions({
   t: TranslationContextValue['t'];
   colors?: typeof Colors;
 }) {
-  const { dismissOverlay } = params;
+  const { dismissOverlay, updateMessage } = params;
   const actions = messageActions(params);
 
   // We cannot use the useMessageReminder hook here because it is a hook.
@@ -88,6 +89,30 @@ export function channelMessageActions({
     title: reminder ? 'Remove Reminder' : 'Remind Me',
     icon: <Bell height={24} width={24} />,
   });
+  actions.push({
+    action: async () => {
+      Alert.alert('Delete for me', 'Are you sure you want to delete this message for me?', [
+        {
+          text: 'Cancel',
+          style: 'cancel',
+        },
+        {
+          text: 'Delete',
+          onPress: async () => {
+            const { message: deletedMessage } = await chatClient.deleteMessage(params.message.id, {
+              deleteForMe: true,
+            });
+            updateMessage(deletedMessage);
+            dismissOverlay();
+          },
+          style: 'destructive',
+        },
+      ]);
+    },
+    actionType: 'deleteForMe',
+    icon: <Delete fill={colors?.accent_red} size={24} />,
+    title: t('Delete for me'),
+  });
 
   return actions;
 }

package/src/components/Channel/Channel.tsx

@@ -321,7 +321,6 @@ export type ChannelPropsWithContext = Pick<ChannelContextValue, 'channel'> &
       | 'giphyVersion'
       | 'handleBan'
       | 'handleCopy'
-      | 'handleDeleteForMe'
       | 'handleDelete'
       | 'handleEdit'
       | 'handleFlag'
@@ -580,7 +579,6 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     handleAttachButtonPress,
     handleBan,
     handleCopy,
-    handleDeleteForMe,
     handleDelete,
     handleEdit,
     handleFlag,
@@ -1839,7 +1837,6 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     handleBan,
     handleCopy,
     handleDelete,
-    handleDeleteForMe,
     handleEdit,
     handleFlag,
     handleMarkUnread,

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

@@ -33,7 +33,6 @@ export const useCreateMessagesContext = ({
   handleBan,
   handleCopy,
   handleDelete,
-  handleDeleteForMe,
   handleEdit,
   handleFlag,
   handleMarkUnread,
@@ -151,7 +150,6 @@ export const useCreateMessagesContext = ({
       handleBan,
       handleCopy,
       handleDelete,
-      handleDeleteForMe,
       handleEdit,
       handleFlag,
       handleMarkUnread,

package/src/components/Message/Message.tsx

@@ -155,7 +155,6 @@ export type MessagePropsWithContext = Pick<
     | 'handleBan'
     | 'handleCopy'
     | 'handleDelete'
-    | 'handleDeleteForMe'
     | 'handleEdit'
     | 'handleFlag'
     | 'handleMarkUnread'
@@ -229,7 +228,6 @@ const MessageWithContext = (props: MessagePropsWithContext) => {
     groupStyles = ['bottom'],
     handleBan,
     handleCopy,
-    handleDeleteForMe,
     handleDelete,
     handleEdit,
     handleFlag,
@@ -517,7 +515,6 @@ const MessageWithContext = (props: MessagePropsWithContext) => {
     banUser,
     copyMessage,
     deleteMessage,
-    deleteForMeMessage,
     editMessage,
     flagMessage,
     handleReaction,
@@ -538,7 +535,6 @@ const MessageWithContext = (props: MessagePropsWithContext) => {
     handleBan,
     handleCopy,
     handleDelete,
-    handleDeleteForMe,
     handleEdit,
     handleFlag,
     handleMarkUnread,
@@ -570,7 +566,6 @@ const MessageWithContext = (props: MessagePropsWithContext) => {
       : messageActionsProp({
           banUser,
           copyMessage,
-          deleteForMe: deleteForMeMessage,
           deleteMessage,
           dismissOverlay,
           editMessage,
@@ -588,6 +583,7 @@ const MessageWithContext = (props: MessagePropsWithContext) => {
           showMessageReactions,
           threadReply,
           unpinMessage,
+          updateMessage,
         });
 
   const actionHandlers: MessageActionHandlers = {

package/src/components/Message/hooks/useMessageActionHandlers.ts

@@ -19,7 +19,6 @@ export const useMessageActionHandlers = ({
   sendReaction,
   setEditingState,
   setQuotedMessage,
-  updateMessage,
 }: Pick<
   MessagesContextValue,
   | 'sendReaction'
@@ -72,17 +71,6 @@ export const useMessageActionHandlers = ({
     );
   };
 
-  const handleDeleteForMeMessage = async () => {
-    try {
-      const { message: deletedMessage } = await client.deleteMessage(message.id, {
-        deleteForMe: true,
-      });
-      updateMessage(deletedMessage);
-    } catch (error) {
-      console.log('Error deleting message for me:', error);
-    }
-  };
-
   const handleToggleMuteUser = async () => {
     if (!message.user?.id) {
       return;
@@ -199,7 +187,6 @@ export const useMessageActionHandlers = ({
 
   return {
     handleCopyMessage,
-    handleDeleteForMeMessage,
     handleDeleteMessage,
     handleEditMessage,
     handleFlagMessage,

package/src/components/Message/hooks/useMessageActions.tsx

@@ -38,7 +38,6 @@ export type MessageActionsHookProps = Pick<
   | 'sendReaction'
   | 'handleBan'
   | 'handleCopy'
-  | 'handleDeleteForMe'
   | 'handleDelete'
   | 'handleEdit'
   | 'handleFlag'
@@ -73,7 +72,6 @@ export const useMessageActions = ({
   enforceUniqueReaction,
   handleBan,
   handleCopy,
-  handleDeleteForMe,
   handleDelete,
   handleEdit,
   handleFlag,
@@ -103,7 +101,6 @@ export const useMessageActions = ({
   } = useTheme();
   const {
     handleCopyMessage,
-    handleDeleteForMeMessage,
     handleDeleteMessage,
     handleEditMessage,
     handleFlagMessage,
@@ -187,20 +184,6 @@ export const useMessageActions = ({
     titleStyle: { color: accent_red },
   };
 
-  const deleteForMeMessage: MessageActionType = {
-    action: () => {
-      dismissOverlay();
-      if (handleDeleteForMe) {
-        handleDeleteForMe(message);
-      }
-      handleDeleteForMeMessage();
-    },
-    actionType: 'deleteForMe',
-    icon: <Delete fill={accent_red} size={24} />,
-    title: t('Delete for me'),
-    titleStyle: { color: accent_red },
-  };
-
   const editMessage: MessageActionType = {
     action: () => {
       dismissOverlay();
@@ -338,7 +321,6 @@ export const useMessageActions = ({
   return {
     banUser,
     copyMessage,
-    deleteForMeMessage,
     deleteMessage,
     editMessage,
     flagMessage,

package/src/components/Message/utils/messageActions.ts

@@ -1,4 +1,5 @@
 import type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';
+import type { MessagesContextValue } from '../../../contexts/messagesContext/MessagesContext';
 import type { OwnCapabilitiesContextValue } from '../../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';
 import { isClipboardAvailable } from '../../../native';
 
@@ -25,9 +26,8 @@ export type MessageActionsParams = {
   showMessageReactions: boolean;
   threadReply: MessageActionType;
   unpinMessage: MessageActionType;
-  // Optional Actions
-  deleteForMe?: MessageActionType;
-} & Pick<MessageContextValue, 'message' | 'isMyMessage'>;
+} & Pick<MessageContextValue, 'message' | 'isMyMessage'> &
+  Pick<MessagesContextValue, 'updateMessage'>;
 
 export type MessageActionsProp = (param: MessageActionsParams) => MessageActionType[];
 

package/src/contexts/messagesContext/MessagesContext.tsx

@@ -404,8 +404,6 @@ export type MessagesContextValue = Pick<MessageContextValue, 'isMessageAIGenerat
   handleBan?: (message: LocalMessage) => Promise<void>;
   /** Handler to access when a copy message action is invoked */
   handleCopy?: (message: LocalMessage) => Promise<void>;
-  /** Handler to access when a delete for me message action is invoked */
-  handleDeleteForMe?: (message: LocalMessage) => Promise<void>;
   /** Handler to access when a delete message action is invoked */
   handleDelete?: (message: LocalMessage) => Promise<void>;
   /** Handler to access when an edit message action is invoked */