Merge pull request #2912 from GetStream/fix/backport-attachment-thumbnail-fix

fix: backport attachment thumbnail fix

Author: isekovanic

package/src/components/Attachment/Gallery.tsx

@@ -330,6 +330,7 @@ const GalleryThumbnail = <
       onLongPress={(event) => {
         if (onLongPress) {
           onLongPress({
+            additionalInfo: { thumbnail },
             emitter: 'gallery',
             event,
           });
@@ -338,6 +339,7 @@ const GalleryThumbnail = <
       onPress={(event) => {
         if (onPress) {
           onPress({
+            additionalInfo: { thumbnail },
             defaultHandler: defaultOnPress,
             emitter: 'gallery',
             event,
@@ -347,6 +349,7 @@ const GalleryThumbnail = <
       onPressIn={(event) => {
         if (onPressIn) {
           onPressIn({
+            additionalInfo: { thumbnail },
             defaultHandler: defaultOnPress,
             emitter: 'gallery',
             event,

package/src/components/Message/Message.tsx

@@ -48,6 +48,7 @@ import {
   isEditedMessage,
   MessageStatusTypes,
 } from '../../utils/utils';
+import type { Thumbnail } from '../Attachment/utils/buildGallery/types';
 
 import {
   isMessageWithStylesReadByAndDateSeparator,
@@ -65,35 +66,56 @@ export type TouchableEmitter =
   | 'messageReplies'
   | 'reactionList';
 
+export type TextMentionTouchableHandlerAdditionalInfo<
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = { user?: UserResponse<StreamChatGenerics> };
+
 export type TextMentionTouchableHandlerPayload<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   emitter: 'textMention';
-  additionalInfo?: { user?: UserResponse<StreamChatGenerics> };
+  additionalInfo?: TextMentionTouchableHandlerAdditionalInfo<StreamChatGenerics>;
 };
 
+export type UrlTouchableHandlerAdditionalInfo = { url?: string };
+
 export type UrlTouchableHandlerPayload = {
   emitter: 'textLink' | 'card';
-  additionalInfo?: { url?: string };
+  additionalInfo?: UrlTouchableHandlerAdditionalInfo;
 };
 
+export type FileAttachmentTouchableHandlerAdditionalInfo<
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = { attachment?: Attachment<StreamChatGenerics> };
+
 export type FileAttachmentTouchableHandlerPayload<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   emitter: 'fileAttachment';
-  additionalInfo?: { attachment?: Attachment<StreamChatGenerics> };
+  additionalInfo?: FileAttachmentTouchableHandlerAdditionalInfo<StreamChatGenerics>;
+};
+
+export type GalleryThumbnailTouchableHandlerAdditionalInfo = { thumbnail?: Thumbnail };
+
+export type GalleryThumbnailTouchableHandlerPayload = {
+  emitter: 'gallery';
+  additionalInfo?: GalleryThumbnailTouchableHandlerAdditionalInfo;
 };
 
 export type TouchableHandlerPayload = {
   defaultHandler?: () => void;
   event?: GestureResponderEvent;
 } & (
   | {
-      emitter?: Exclude<TouchableEmitter, 'textMention' | 'textLink' | 'card' | 'fileAttachment'>;
+      emitter?: Exclude<
+        TouchableEmitter,
+        'textMention' | 'textLink' | 'card' | 'fileAttachment' | 'gallery'
+      >;
     }
   | TextMentionTouchableHandlerPayload
   | UrlTouchableHandlerPayload
   | FileAttachmentTouchableHandlerPayload
+  | GalleryThumbnailTouchableHandlerPayload
 );
 
 export type MessageTouchableHandlerPayload<