@droppii-org/chat-mobile 0.2.23 → 0.2.25

package/src/screens/chat-detail/hooks/useAttachmentSendHandler.ts

@@ -1,386 +0,0 @@
-import { useCallback } from 'react';
-import RNFS from 'react-native-fs';
-import { isVideoFromPicker } from '../../../utils/imageUtils';
-import VideoThumbnailUtil from '../../../utils/videoThumbnail';
-import { ImageUploadAPI } from '../../../services/imageUpload';
-import UIUtils from '../../../utils/ui';
-import type { DMessageItem } from '../../../types/chat';
-import type { FileWithUploadStatus } from '../../../hooks/useFileAttachment';
-
-interface AttachmentItem {
-  image: any;
-  uploadedUrl?: string;
-  uploadProgress?: number;
-  error?: any;
-  isUploading?: boolean;
-}
-
-interface UseAttachmentSendHandlerProps {
-  selectedImages: AttachmentItem[];
-  selectedFiles: FileWithUploadStatus[];
-  sendAttachments: (
-    items: any[],
-    _: any,
-    onMessageSent?: (message: DMessageItem) => void
-  ) => Promise<boolean>;
-  clearAllImages: () => void;
-  clearAllFiles?: () => void;
-  onSend?: () => void;
-  onMessageSent?: (message: DMessageItem) => void;
-  textMessage?: string;
-  urlMetadata?: any;
-  onSendText?: (text: string, urlMetadata?: any) => void;
-}
-
-export const useAttachmentSendHandler = ({
-  selectedImages,
-  selectedFiles,
-  sendAttachments,
-  clearAllImages,
-  clearAllFiles,
-  onSend,
-  onMessageSent,
-  textMessage,
-  urlMetadata,
-  onSendText,
-}: UseAttachmentSendHandlerProps) => {
-  const handleSend = useCallback(async () => {
-    console.log('[ChatComposer] handleSend called', {
-      selectedImagesCount: selectedImages.length,
-      selectedImagesData: selectedImages.map((img: any) => ({
-        filename: img.image.filename,
-        isUploading: img.isUploading,
-        uploadedUrl: img.uploadedUrl ? 'SET' : 'MISSING',
-        uploadProgress: img.uploadProgress,
-      })),
-    });
-
-    // Separate images and videos from selectedImages
-    const actualImages = selectedImages.filter(
-      (img: any) => !isVideoFromPicker(img.image)
-    );
-    const videosFromGallery = selectedImages.filter((img: any) =>
-      isVideoFromPicker(img.image)
-    );
-
-    console.log('🎬 [ChatComposer] Separation result:', {
-      actualImagesCount: actualImages.length,
-      videosFromGalleryCount: videosFromGallery.length,
-      videosFromGalleryList: videosFromGallery.map((v: any) => ({
-        filename: v.image.filename,
-        uploadedUrl: v.uploadedUrl,
-      })),
-    });
-
-    const uploadedImages = actualImages.filter((img: any) => img.uploadedUrl);
-    const uploadedVideosFromGallery = videosFromGallery.filter(
-      (vid: any) => vid.uploadedUrl
-    );
-
-    // Auto-generate thumbnails for gallery videos
-    // Use unique ID per video to avoid race conditions and path mismatches
-    const galleryVideoThumbnails: Record<
-      string,
-      { url: string; size: number }
-    > = {};
-    const failedVideos: string[] = []; // Track failed videos
-
-    if (uploadedVideosFromGallery.length > 0) {
-      console.log(
-        '[ChatComposer] Auto-generating thumbnails for gallery videos...'
-      );
-
-      for (let idx = 0; idx < uploadedVideosFromGallery.length; idx++) {
-        const vidItem = uploadedVideosFromGallery[idx]!;
-        const videoId = vidItem.uploadedUrl || `video-${idx}`; // Use unique ID instead of path
-        let cachedVideoPath: string | null = null;
-
-        try {
-          const originalVideoPath = vidItem.image.path;
-          let videoDuration = (vidItem.image as any).duration || 0;
-          const videoMime = (vidItem.image as any).mime;
-          const filename = vidItem.image.filename || 'video.mp4';
-
-          console.log('[ChatComposer] Generating thumbnail for video:', {
-            index: idx,
-            filename,
-            originalVideoPath,
-            videoDuration,
-            videoMime,
-            uploadedUrl: vidItem.uploadedUrl,
-          });
-
-          // ✅ FIX: Validate duration is reasonable
-          if (videoDuration <= 0 || videoDuration > 3600000) {
-            // Duration should be between 0 and 1 hour (3600000ms)
-            console.warn(
-              '[ChatComposer] Invalid duration, using default:',
-              videoDuration
-            );
-            videoDuration = 5000; // Default 5 seconds
-          }
-
-          // Copy video to persistent location
-          const ext = filename.split('.').pop() || 'mp4';
-          // ✅ FIX: Use unique ID to avoid race condition
-          const cachedFileName = `thumb-cache-${idx}-${Date.now()}-${Math.random()
-            .toString(36)
-            .slice(2)}.${ext}`;
-          cachedVideoPath = `${RNFS.DocumentDirectoryPath}/${cachedFileName}`;
-
-          console.log('[ChatComposer] Copying video to cache:', {
-            from: originalVideoPath,
-            to: cachedVideoPath,
-          });
-
-          await RNFS.copyFile(originalVideoPath, cachedVideoPath);
-          console.log('[ChatComposer] Video cached successfully');
-
-          // ✅ FIX: Choose frame at 30-40% for better representation
-          // (not exactly middle, to avoid black frames/transitions)
-          const timeMs = Math.min(
-            Math.max(1000, Math.floor(videoDuration * 0.35)),
-            videoDuration - 1000
-          );
-
-          console.log('[ChatComposer] Thumbnail settings for video:', {
-            index: idx,
-            videoDuration,
-            timeMs,
-            quality: 80,
-            videoPath: cachedVideoPath,
-          });
-
-          // Generate thumbnail from cached copy
-          const thumbnail = await VideoThumbnailUtil.generateThumbnail(
-            cachedVideoPath,
-            {
-              time: timeMs,
-              quality: 80,
-              cacheId: `thumb-${idx}-${Date.now()}`,
-            }
-          );
-
-          if (!thumbnail) {
-            throw new Error('Failed to generate thumbnail');
-          }
-
-          console.log('[ChatComposer] Thumbnail generated for video:', {
-            index: idx,
-            path: thumbnail.path,
-            width: thumbnail.width,
-            height: thumbnail.height,
-          });
-
-          // Upload thumbnail
-          const baseName =
-            vidItem.image.filename?.split('.')[0] || `video-${idx}`;
-          const uploadedThumbnail = await ImageUploadAPI.uploadImageFile(
-            {
-              path: thumbnail.path,
-              filename: `thumb-${baseName}.jpg`,
-              size: 0,
-              width: thumbnail.width || 320,
-              height: thumbnail.height || 180,
-              mime: 'image/jpeg',
-            },
-            (progress) => {
-              console.log('[ChatComposer] Thumbnail upload progress:', {
-                videoIndex: idx,
-                percentage: progress,
-              });
-            }
-          );
-
-          if (!uploadedThumbnail?.url) {
-            throw new Error('No thumbnail URL returned');
-          }
-
-          // ✅ FIX: Store with unique ID instead of path
-          galleryVideoThumbnails[videoId] = {
-            url: uploadedThumbnail.url,
-            size: uploadedThumbnail.size || 0,
-          };
-
-          console.log('[ChatComposer] Thumbnail ready for video:', {
-            videoIndex: idx,
-            videoId,
-            url: uploadedThumbnail.url,
-            size: uploadedThumbnail.size,
-          });
-          console.log(
-            `✅ [ChatComposer] Video #${idx} THUMBNAIL URL: ${uploadedThumbnail.url}`
-          );
-        } catch (error) {
-          // ✅ FIX: Skip failed video instead of aborting all
-          const errorMsg =
-            error instanceof Error ? error.message : String(error);
-          console.error(
-            '[ChatComposer] Thumbnail generation error for video:',
-            idx,
-            errorMsg
-          );
-          failedVideos.push(vidItem.image.filename);
-
-          // Mark this video as failed (no thumbnail)
-          galleryVideoThumbnails[videoId] = { url: '', size: 0 };
-        } finally {
-          // Cleanup cached video file
-          if (cachedVideoPath) {
-            try {
-              await RNFS.unlink(cachedVideoPath);
-              console.log('[ChatComposer] Cleaned up cached video:', {
-                videoIndex: idx,
-                path: cachedVideoPath,
-              });
-            } catch (err) {
-              console.warn('[ChatComposer] Failed to clean cached video:', err);
-            }
-          }
-        }
-      }
-
-      // Show error about failed videos if any
-      if (failedVideos.length > 0) {
-        UIUtils.toast.open({
-          title: 'Thumbnail Generation Failed',
-          message: `Failed for: ${failedVideos.join(', ')}. Videos will be sent without thumbnails.`,
-          theme: 'warning',
-        });
-        console.warn(
-          '[ChatComposer] Failed to generate thumbnails for:',
-          failedVideos
-        );
-      }
-    }
-
-    const allUploadedVideos = [...uploadedVideosFromGallery];
-
-    console.log('[ChatComposer] handleSend summary:', {
-      actualImages: actualImages.length,
-      uploadedImages: uploadedImages.length,
-      videosFromGallery: videosFromGallery.length,
-      uploadedVideosFromGallery: uploadedVideosFromGallery.length,
-      allUploadedVideos: allUploadedVideos.length,
-    });
-
-    // Log thumbnail URLs
-    if (uploadedVideosFromGallery.length > 0) {
-      uploadedVideosFromGallery.forEach((vid: any, vidIdx: number) => {
-        // ✅ Use same key as storage: uploadedUrl or video-${idx}
-        const videoId = vid.uploadedUrl || `video-${vidIdx}`;
-        const thumbnail = galleryVideoThumbnails[videoId];
-        console.log(`✅ [ChatComposer] Gallery Video Thumbnail:`, {
-          filename: vid.image.filename,
-          videoId,
-          thumbnailUrl: thumbnail?.url || 'NOT FOUND',
-          videoUrl: vid.uploadedUrl,
-        });
-      });
-    }
-
-    // Send images and videos if any
-    if (uploadedImages.length > 0 || allUploadedVideos.length > 0) {
-      const attachmentItems = [
-        ...uploadedImages.map((img: any) => ({
-          ...img,
-          type: 'image' as const,
-        })),
-        // Videos from gallery picker with auto-generated thumbnails
-        ...uploadedVideosFromGallery.map((vid: any, vidIdx: number) => {
-          // ✅ Use same key as storage: uploadedUrl or video-${idx}
-          const videoId = vid.uploadedUrl || `video-${vidIdx}`;
-          const thumbnail = galleryVideoThumbnails[videoId];
-          return {
-            type: 'video' as const,
-            video: vid.image,
-            uploadProgress: vid.uploadProgress,
-            error: vid.error,
-            isUploading: vid.isUploading,
-            uploadedUrl: vid.uploadedUrl,
-            thumbnailUrl: thumbnail?.url,
-            thumbnailSize: thumbnail?.size,
-          };
-        }),
-      ];
-
-      console.log('[ChatComposer] Sending attachments...', {
-        imagesCount: uploadedImages.length,
-        videosCount: uploadedVideosFromGallery.length,
-        hasTextMessage: !!textMessage,
-      });
-
-      const success = await sendAttachments(
-        attachmentItems,
-        undefined,
-        onMessageSent
-      );
-
-      console.log('[ChatComposer] Attachments send result:', { success });
-
-      if (success) {
-        clearAllImages();
-        console.log('[ChatComposer] Images cleared after successful send');
-      }
-    }
-
-    // Send each file as its own individual message
-    const uploadedFiles = selectedFiles.filter(
-      (f) => f.uploadedUrl && !f.error
-    );
-    if (uploadedFiles.length > 0) {
-      console.log('[ChatComposer] Sending files individually:', {
-        count: uploadedFiles.length,
-      });
-      for (const file of uploadedFiles) {
-        await sendAttachments(
-          [
-            {
-              type: 'file' as const,
-              file: { path: file.uri, filename: file.name, size: file.size },
-              uploadProgress: 100,
-              error: null,
-              isUploading: false,
-              uploadedUrl: file.uploadedUrl,
-            },
-          ],
-          undefined,
-          onMessageSent
-        );
-      }
-      clearAllFiles?.();
-    }
-
-    // Send text last
-    if (textMessage && onSendText) {
-      console.log('[ChatComposer] Sending text message after attachments', {
-        hasPreview: !!urlMetadata,
-        previewUrl: urlMetadata?.url,
-      });
-      onSendText(textMessage, urlMetadata);
-      return;
-    }
-
-    const hasAnySent =
-      uploadedImages.length > 0 ||
-      allUploadedVideos.length > 0 ||
-      uploadedFiles.length > 0;
-    if (!hasAnySent) {
-      onSend?.();
-    }
-    return;
-  }, [
-    selectedImages,
-    selectedFiles,
-    sendAttachments,
-    clearAllImages,
-    clearAllFiles,
-    onSend,
-    onMessageSent,
-    textMessage,
-    urlMetadata,
-    onSendText,
-  ]);
-
-  return { handleSend };
-};

package/src/utils/giftedChatMessage.ts

@@ -1,137 +0,0 @@
-import { MessageStatus, MessageType } from '@droppii/openim-rn-client-sdk';
-import type { IMessage } from 'react-native-gifted-chat';
-import type { DChatMessageType } from '../types/message';
-import type { DMessageItem } from '../types/chat';
-import { resolveChatMessageType } from './resolveMessageType';
-
-export type DGiftedChatMessage = IMessage & {
-  openIMMessage: DMessageItem;
-  messageType: DChatMessageType;
-};
-
-const SYSTEM_MESSAGE_TYPES = new Set<MessageType>([
-  MessageType.FriendAdded,
-  MessageType.OANotification,
-  MessageType.GroupCreated,
-  MessageType.GroupInfoUpdated,
-  MessageType.MemberQuit,
-  MessageType.GroupOwnerTransferred,
-  MessageType.MemberKicked,
-  MessageType.MemberInvited,
-  MessageType.MemberEnter,
-  MessageType.GroupDismissed,
-  MessageType.GroupMemberMuted,
-  MessageType.GroupMemberCancelMuted,
-  MessageType.GroupMuted,
-  MessageType.GroupCancelMuted,
-  MessageType.GroupAnnouncementUpdated,
-  MessageType.GroupNameUpdated,
-  MessageType.RevokeMessage,
-]);
-
-const getMessageText = (message: DMessageItem): string => {
-  switch (message.contentType) {
-    case MessageType.TextMessage:
-      return message.textElem?.content ?? message.content;
-    case MessageType.AtTextMessage:
-      return message.atTextElem?.text ?? message.content;
-    case MessageType.QuoteMessage:
-      return message.quoteElem?.text ?? message.content;
-    case MessageType.PictureMessage:
-      return '';
-    case MessageType.VoiceMessage:
-      return message.soundElem?.sourceUrl ? '' : '[Tin nhắn thoại]';
-    case MessageType.VideoMessage:
-      return message.videoElem?.videoUrl ? '' : '[Video]';
-    case MessageType.FileMessage:
-      return message.fileElem?.fileName ?? message.content;
-    case MessageType.CardMessage:
-      return message.cardElem?.nickname ?? message.content;
-    case MessageType.LocationMessage:
-      return message.locationElem?.description ?? message.content;
-    case MessageType.CustomMessage:
-      return message.customElem?.description ?? message.content;
-    case MessageType.FaceMessage:
-      return '[Sticker]';
-    default:
-      if (message.notificationElem?.detail) {
-        return message.notificationElem.detail;
-      }
-      return message.content || '';
-  }
-};
-
-const mapMessageStatus = (
-  message: DMessageItem
-): Pick<IMessage, 'pending' | 'sent' | 'received'> => {
-  switch (message.status) {
-    case MessageStatus.Sending:
-      return { pending: true };
-    case MessageStatus.Succeed:
-      return { sent: true, received: message.isRead };
-    case MessageStatus.Failed:
-      return { pending: true };
-    default:
-      return {};
-  }
-};
-
-export const mapOpenIMMessageToGiftedChat = (
-  message: DMessageItem
-): DGiftedChatMessage => {
-  const gifted: DGiftedChatMessage = {
-    _id: message.clientMsgID || message.serverMsgID,
-    text: getMessageText(message),
-    createdAt: new Date(message.sendTime || message.createTime),
-    user: {
-      _id: String(message.sendID),
-      name: message.senderNickname,
-      avatar: message.senderFaceUrl || undefined,
-    },
-    openIMMessage: message,
-    messageType: resolveChatMessageType(message),
-    ...mapMessageStatus(message),
-  };
-
-  if (SYSTEM_MESSAGE_TYPES.has(message.contentType)) {
-    gifted.system = true;
-  }
-
-  if (message.contentType === MessageType.PictureMessage) {
-    const imageUrl =
-      message.pictureElem?.snapshotPicture?.url ||
-      message.pictureElem?.bigPicture?.url ||
-      message.pictureElem?.sourcePicture?.url;
-
-    if (imageUrl) {
-      gifted.image = imageUrl;
-    }
-  }
-
-  if (
-    message.contentType === MessageType.VideoMessage &&
-    message.videoElem?.videoUrl
-  ) {
-    gifted.video = message.videoElem.videoUrl;
-  }
-
-  if (
-    message.contentType === MessageType.VoiceMessage &&
-    message.soundElem?.sourceUrl
-  ) {
-    gifted.audio = message.soundElem.sourceUrl;
-  }
-
-  return gifted;
-};
-
-export const mapOpenIMMessagesToGiftedChat = (
-  messages: DMessageItem[]
-): DGiftedChatMessage[] => {
-  return messages
-    .map(mapOpenIMMessageToGiftedChat)
-    .sort(
-      (a, b) =>
-        new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
-    );
-};

package/src/utils/ui.ts

@@ -1,19 +0,0 @@
-import { Alert } from 'react-native';
-
-interface ToastConfig {
-  title?: string;
-  message?: string;
-  theme?: 'success' | 'danger' | 'warning' | 'info';
-}
-
-const UIUtils = {
-  toast: {
-    open: (config: ToastConfig) => {
-      const { title = 'Message', message = '' } = config;
-      Alert.alert(title, message);
-    },
-  },
-};
-
-export default UIUtils;
-export { UIUtils };