fix: change MessageSwipeLeftContent to MessageSwipeContent

Author: khushal87

package/src/components/Channel/Channel.tsx

@@ -141,7 +141,7 @@ import { MessageReplies as MessageRepliesDefault } from '../Message/MessageSimpl
 import { MessageRepliesAvatars as MessageRepliesAvatarsDefault } from '../Message/MessageSimple/MessageRepliesAvatars';
 import { MessageSimple as MessageSimpleDefault } from '../Message/MessageSimple/MessageSimple';
 import { MessageStatus as MessageStatusDefault } from '../Message/MessageSimple/MessageStatus';
-import { MessageSwipeLeftContent as MessageSwipeLeftContentDefault } from '../Message/MessageSimple/MessageSwipeLeftContent';
+import { MessageSwipeContent as MessageSwipeContentDefault } from '../Message/MessageSimple/MessageSwipeContent';
 import { MessageTimestamp as MessageTimestampDefault } from '../Message/MessageSimple/MessageTimestamp';
 import { ReactionListBottom as ReactionListBottomDefault } from '../Message/MessageSimple/ReactionList/ReactionListBottom';
 import { ReactionListTop as ReactionListTopDefault } from '../Message/MessageSimple/ReactionList/ReactionListTop';
@@ -350,7 +350,7 @@ export type ChannelPropsWithContext<
       | 'messageTextNumberOfLines'
       | 'MessageTimestamp'
       | 'MessageUserReactions'
-      | 'MessageSwipeLeftContent'
+      | 'MessageSwipeContent'
       | 'myMessageTheme'
       | 'onLongPressMessage'
       | 'onPressInMessage'
@@ -624,7 +624,7 @@ const ChannelWithContext = <
     MessageRepliesAvatars = MessageRepliesAvatarsDefault,
     MessageSimple = MessageSimpleDefault,
     MessageStatus = MessageStatusDefault,
-    MessageSwipeLeftContent = MessageSwipeLeftContentDefault,
+    MessageSwipeContent = MessageSwipeContentDefault,
     MessageSystem = MessageSystemDefault,
     MessageText,
     messageTextNumberOfLines,
@@ -1869,7 +1869,7 @@ const ChannelWithContext = <
     MessageRepliesAvatars,
     MessageSimple,
     MessageStatus,
-    MessageSwipeLeftContent,
+    MessageSwipeContent,
     MessageSystem,
     MessageText,
     messageTextNumberOfLines,

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

@@ -76,7 +76,7 @@ export const useCreateMessagesContext = <
   MessageRepliesAvatars,
   MessageSimple,
   MessageStatus,
-  MessageSwipeLeftContent,
+  MessageSwipeContent,
   MessageSystem,
   MessageText,
   messageTextNumberOfLines,
@@ -192,7 +192,7 @@ export const useCreateMessagesContext = <
       MessageRepliesAvatars,
       MessageSimple,
       MessageStatus,
-      MessageSwipeLeftContent,
+      MessageSwipeContent,
       MessageSystem,
       MessageText,
       messageTextNumberOfLines,

package/src/components/Message/MessageSimple/MessageSimple.tsx

@@ -73,7 +73,7 @@ export type MessageSimplePropsWithContext<
     | 'MessagePinnedHeader'
     | 'MessageReplies'
     | 'MessageStatus'
-    | 'MessageSwipeLeftContent'
+    | 'MessageSwipeContent'
     | 'ReactionListBottom'
     | 'reactionListPosition'
     | 'ReactionListTop'
@@ -107,7 +107,7 @@ const MessageSimpleWithContext = <
     MessagePinnedHeader,
     MessageReplies,
     MessageStatus,
-    MessageSwipeLeftContent,
+    MessageSwipeContent,
     onlyEmojis,
     otherAttachments,
     ReactionListBottom,
@@ -277,7 +277,7 @@ const MessageSimpleWithContext = <
               ref={swipeableRef}
               renderLeftActions={() => {
                 if (enableSwipeToReply) {
-                  return MessageSwipeLeftContent ? <MessageSwipeLeftContent /> : null;
+                  return MessageSwipeContent ? <MessageSwipeContent /> : null;
                 } else {
                   return null;
                 }
@@ -289,7 +289,6 @@ const MessageSimpleWithContext = <
             <Swipeable
               containerStyle={[styles.contentWrapper, contentWrapper]}
               friction={2}
-              rightThreshold={100}
               onSwipeableWillOpen={() => {
                 if (!swipeableRef.current) return;
                 clearQuotedMessageState();
@@ -300,11 +299,12 @@ const MessageSimpleWithContext = <
               ref={swipeableRef}
               renderRightActions={() => {
                 if (enableSwipeToReply) {
-                  return MessageSwipeLeftContent ? <MessageSwipeLeftContent /> : null;
+                  return MessageSwipeContent ? <MessageSwipeContent /> : null;
                 } else {
                   return null;
                 }
               }}
+              rightThreshold={100}
             >
               {renderMessageBubble}
             </Swipeable>
@@ -470,7 +470,7 @@ export const MessageSimple = <
     MessagePinnedHeader,
     MessageReplies,
     MessageStatus,
-    MessageSwipeLeftContent,
+    MessageSwipeContent,
     myMessageTheme,
     ReactionListBottom,
     reactionListPosition,
@@ -500,7 +500,7 @@ export const MessageSimple = <
         MessagePinnedHeader,
         MessageReplies,
         MessageStatus,
-        MessageSwipeLeftContent,
+        MessageSwipeContent,
         myMessageTheme,
         onlyEmojis,
         otherAttachments,

…essageSimple/MessageSwipeLeftContent.tsx …ge/MessageSimple/MessageSwipeContent.tsxpackage/src/components/Message/MessageSimple/MessageSwipeLeftContent.tsx renamed to package/src/components/Message/MessageSimple/MessageSwipeContent.tsx package/src/components/Message/MessageSimple/MessageSwipeLeftContent.tsx renamed to package/src/components/Message/MessageSimple/MessageSwipeContent.tsx

@@ -4,7 +4,7 @@ import { StyleSheet, View } from 'react-native';
 import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 import { CurveLineLeftUp } from '../../../icons';
 
-export const MessageSwipeLeftContent = () => {
+export const MessageSwipeContent = () => {
   const {
     theme: {
       colors: { grey },

package/src/contexts/messagesContext/MessagesContext.tsx

@@ -471,7 +471,7 @@ export type MessagesContextValue<
    * Custom message header component
    */
   MessageHeader?: React.ComponentType<MessageFooterProps<StreamChatGenerics>>;
-  MessageSwipeLeftContent?: React.ComponentType;
+  MessageSwipeContent?: React.ComponentType;
   /** Custom UI component for message text */
   MessageText?: React.ComponentType<MessageTextProps<StreamChatGenerics>>;
   /**