@droppii-org/chat-mobile 0.2.6 → 0.2.8

package/lib/module/screens/chat-detail/components/ChatMessageInput.js

@@ -0,0 +1,93 @@
+"use strict";
+
+import { memo, useCallback } from 'react';
+import { Platform, StyleSheet, TextInput } from 'react-native';
+import { KContainer, KImage, KColors, KSpacingValue } from '@droppii/libs';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const INPUT_FONT_SIZE = 16;
+const INPUT_LINE_HEIGHT = 22.4;
+const INPUT_MAX_HEIGHT = INPUT_LINE_HEIGHT * 5;
+const IS_IOS = Platform.OS === 'ios';
+export const ChatMessageInput = /*#__PURE__*/memo(({
+  value,
+  placeholder = 'Nhập tin nhắn...',
+  onChangeText,
+  onFocus,
+  onBlur,
+  onContentSizeChange,
+  isInputFocused,
+  isMultilineInput,
+  onEmojiPress,
+  inputRef
+}) => {
+  const renderEmojiNode = useCallback(() => /*#__PURE__*/_jsx(KContainer.Touchable, {
+    marginR: "0.5rem",
+    onPress: onEmojiPress,
+    children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+      name: "sticker-o",
+      size: 24,
+      color: KColors.gray.normal
+    })
+  }), [onEmojiPress]);
+  return /*#__PURE__*/_jsx(KContainer.View, {
+    flex: true,
+    marginL: "0.75rem",
+    style: styles.inputWrapper,
+    children: /*#__PURE__*/_jsxs(KContainer.View, {
+      row: true,
+      alignItems: isMultilineInput ? 'flex-end' : 'center',
+      brW: 1,
+      brC: isInputFocused ? KColors.palette.primary.w400 : KColors.palette.gray.w100,
+      background: KColors.white,
+      paddingL: "0.75rem",
+      style: styles.inputContainer,
+      children: [/*#__PURE__*/_jsx(KContainer.View, {
+        marginR: "0.75rem",
+        children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+          name: "chat-suggest-o",
+          size: 24,
+          color: KColors.gray.normal
+        })
+      }), /*#__PURE__*/_jsx(TextInput, {
+        ref: inputRef,
+        placeholder: placeholder,
+        placeholderTextColor: KColors.palette.gray.w200,
+        value: value,
+        onChangeText: onChangeText,
+        onFocus: onFocus,
+        onBlur: onBlur,
+        onContentSizeChange: onContentSizeChange,
+        multiline: true,
+        blurOnSubmit: false,
+        scrollEnabled: true,
+        allowFontScaling: false,
+        underlineColorAndroid: KColors.transparent,
+        selectionColor: KColors.selector,
+        textAlignVertical: isMultilineInput ? 'top' : 'center',
+        style: [styles.textInput]
+      }), renderEmojiNode()]
+    })
+  });
+});
+ChatMessageInput.displayName = 'ChatMessageInput';
+const styles = StyleSheet.create({
+  inputWrapper: {
+    overflow: 'hidden'
+  },
+  inputContainer: {
+    borderRadius: KSpacingValue['1.25rem'],
+    minHeight: 48,
+    paddingVertical: KSpacingValue['0.25rem']
+  },
+  textInput: {
+    flex: 1,
+    maxHeight: INPUT_MAX_HEIGHT,
+    fontSize: INPUT_FONT_SIZE,
+    lineHeight: INPUT_LINE_HEIGHT,
+    color: KColors.palette.gray.w900,
+    paddingVertical: IS_IOS ? 0 : 4,
+    paddingHorizontal: IS_IOS ? 2 : 0,
+    includeFontPadding: false
+  }
+});
+//# sourceMappingURL=ChatMessageInput.js.map

package/lib/module/screens/chat-detail/components/ChatMessageInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","Platform","StyleSheet","TextInput","KContainer","KImage","KColors","KSpacingValue","jsx","_jsx","jsxs","_jsxs","INPUT_FONT_SIZE","INPUT_LINE_HEIGHT","INPUT_MAX_HEIGHT","IS_IOS","OS","ChatMessageInput","value","placeholder","onChangeText","onFocus","onBlur","onContentSizeChange","isInputFocused","isMultilineInput","onEmojiPress","inputRef","renderEmojiNode","Touchable","marginR","onPress","children","VectorIcons","name","size","color","gray","normal","View","flex","marginL","style","styles","inputWrapper","row","alignItems","brW","brC","palette","primary","w400","w100","background","white","paddingL","inputContainer","ref","placeholderTextColor","w200","multiline","blurOnSubmit","scrollEnabled","allowFontScaling","underlineColorAndroid","transparent","selectionColor","selector","textAlignVertical","textInput","displayName","create","overflow","borderRadius","minHeight","paddingVertical","maxHeight","fontSize","lineHeight","w900","paddingHorizontal","includeFontPadding"],"sourceRoot":"../../../../../src","sources":["screens/chat-detail/components/ChatMessageInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/chat-detail/conversationHeader.utils.js

@@ -1,31 +1,29 @@
 "use strict";
 
-import { DChatType } from "../../types/chat.js";
+import { PeerType } from '@droppii/openim-rn-client-sdk';
 export const getConversationTitle = conversation => {
   if (!conversation) {
     return 'Tin nhắn';
   }
-  return conversation.peer?.fullName ?? conversation.peer?.username ?? conversation.showName ?? 'Tin nhắn';
+  return conversation.showName ?? 'Tin nhắn';
 };
 export const getConversationAvatarUri = conversation => {
-  return conversation?.peer?.avatar ?? conversation?.faceURL ?? null;
+  return conversation?.faceURL ?? null;
 };
 export const getConversationSubtitle = conversation => {
   if (!conversation) {
     return undefined;
   }
-  if (conversation?.chatType === DChatType.GROUP) {
-    const unreadLabel = (conversation?.unreadCount ?? 0) > 0 ? `${conversation.unreadCount} tin nhắn mới` : 'Không có tin mới';
+  if (conversation.peerType === PeerType.Group) {
+    const unreadLabel = (conversation.unreadCount ?? 0) > 0 ? `${conversation.unreadCount} tin nhắn mới` : 'Không có tin mới';
     return `20 thành viên • ${unreadLabel}`;
   }
-  if (conversation?.applicationType === 'MALL') {
+  if (conversation.peerType === PeerType.Customer || conversation.applicationType === 'MALL') {
     return '338,5K Đã bán • 4,2K Theo dõi';
   }
-
-  // const lastMessageText = getLastMessageText(conversation.lastMessage);
   return 'Nhấn để xem thông tin';
 };
 export const shouldShowAddMember = conversation => {
-  return conversation?.chatType === DChatType.GROUP;
+  return conversation?.peerType === PeerType.Group;
 };
 //# sourceMappingURL=conversationHeader.utils.js.map

package/lib/module/screens/chat-detail/conversationHeader.utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["DChatType","getConversationTitle","conversation","peer","fullName","username","showName","getConversationAvatarUri","avatar","faceURL","getConversationSubtitle","undefined","chatType","GROUP","unreadLabel","unreadCount","applicationType","shouldShowAddMember"],"sourceRoot":"../../../../src","sources":["screens/chat-detail/conversationHeader.utils.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,qBAAkB;AAG5C,OAAO,MAAMC,oBAAoB,GAC/BC,YAAgC,IACrB;EACX,IAAI,CAACA,YAAY,EAAE;IACjB,OAAO,UAAU;EACnB;EAEA,OACEA,YAAY,CAACC,IAAI,EAAEC,QAAQ,IAC3BF,YAAY,CAACC,IAAI,EAAEE,QAAQ,IAC3BH,YAAY,CAACI,QAAQ,IACrB,UAAU;AAEd,CAAC;AAED,OAAO,MAAMC,wBAAwB,GACnCL,YAAgC,IACd;EAClB,OAAOA,YAAY,EAAEC,IAAI,EAAEK,MAAM,IAAIN,YAAY,EAAEO,OAAO,IAAI,IAAI;AACpE,CAAC;AAED,OAAO,MAAMC,uBAAuB,GAClCR,YAAgC,IACT;EACvB,IAAI,CAACA,YAAY,EAAE;IACjB,OAAOS,SAAS;EAClB;EAEA,IAAIT,YAAY,EAAEU,QAAQ,KAAKZ,SAAS,CAACa,KAAK,EAAE;IAC9C,MAAMC,WAAW,GACf,CAACZ,YAAY,EAAEa,WAAW,IAAI,CAAC,IAAI,CAAC,GAChC,GAAGb,YAAY,CAACa,WAAW,eAAe,GAC1C,kBAAkB;IACxB,OAAO,mBAAmBD,WAAW,EAAE;EACzC;EAEA,IAAIZ,YAAY,EAAEc,eAAe,KAAK,MAAM,EAAE;IAC5C,OAAO,+BAA+B;EACxC;;EAEA;EACA,OAAO,uBAAuB;AAChC,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAC9Bf,YAAgC,IACpB;EACZ,OAAOA,YAAY,EAAEU,QAAQ,KAAKZ,SAAS,CAACa,KAAK;AACnD,CAAC","ignoreList":[]}
+{"version":3,"names":["PeerType","getConversationTitle","conversation","showName","getConversationAvatarUri","faceURL","getConversationSubtitle","undefined","peerType","Group","unreadLabel","unreadCount","Customer","applicationType","shouldShowAddMember"],"sourceRoot":"../../../../src","sources":["screens/chat-detail/conversationHeader.utils.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,+BAA+B;AAGxD,OAAO,MAAMC,oBAAoB,GAC/BC,YAAgC,IACrB;EACX,IAAI,CAACA,YAAY,EAAE;IACjB,OAAO,UAAU;EACnB;EAEA,OAAOA,YAAY,CAACC,QAAQ,IAAI,UAAU;AAC5C,CAAC;AAED,OAAO,MAAMC,wBAAwB,GACnCF,YAAgC,IACd;EAClB,OAAOA,YAAY,EAAEG,OAAO,IAAI,IAAI;AACtC,CAAC;AAED,OAAO,MAAMC,uBAAuB,GAClCJ,YAAgC,IACT;EACvB,IAAI,CAACA,YAAY,EAAE;IACjB,OAAOK,SAAS;EAClB;EAEA,IAAIL,YAAY,CAACM,QAAQ,KAAKR,QAAQ,CAACS,KAAK,EAAE;IAC5C,MAAMC,WAAW,GACf,CAACR,YAAY,CAACS,WAAW,IAAI,CAAC,IAAI,CAAC,GAC/B,GAAGT,YAAY,CAACS,WAAW,eAAe,GAC1C,kBAAkB;IACxB,OAAO,mBAAmBD,WAAW,EAAE;EACzC;EAEA,IACER,YAAY,CAACM,QAAQ,KAAKR,QAAQ,CAACY,QAAQ,IAC3CV,YAAY,CAACW,eAAe,KAAK,MAAM,EACvC;IACA,OAAO,+BAA+B;EACxC;EAEA,OAAO,uBAAuB;AAChC,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAC9BZ,YAAgC,IACpB;EACZ,OAAOA,YAAY,EAAEM,QAAQ,KAAKR,QAAQ,CAACS,KAAK;AAClD,CAAC","ignoreList":[]}

package/lib/module/screens/chat-detail/hooks/useAttachmentSendHandler.js

@@ -0,0 +1,221 @@
+"use strict";
+
+import { useCallback } from 'react';
+import RNFS from 'react-native-fs';
+import { isVideoFromPicker } from "../../../utils/imageUtils.js";
+import VideoThumbnailUtil from "../../../utils/videoThumbnail.js";
+import { ImageUploadAPI } from "../../../services/imageUpload.js";
+import UIUtils from "../../../utils/ui.js";
+export const useAttachmentSendHandler = ({
+  selectedImages,
+  sendAttachments,
+  clearAllImages,
+  onSend,
+  onMessageSent,
+  textMessage,
+  urlMetadata,
+  onSendText
+}) => {
+  const handleSend = useCallback(async () => {
+    console.log('[ChatComposer] handleSend called', {
+      selectedImagesCount: selectedImages.length,
+      selectedImagesData: selectedImages.map(img => ({
+        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 => !isVideoFromPicker(img.image));
+    const videosFromGallery = selectedImages.filter(img => isVideoFromPicker(img.image));
+    console.log('🎬 [ChatComposer] Separation result:', {
+      actualImagesCount: actualImages.length,
+      videosFromGalleryCount: videosFromGallery.length,
+      videosFromGalleryList: videosFromGallery.map(v => ({
+        filename: v.image.filename,
+        uploadedUrl: v.uploadedUrl
+      }))
+    });
+    const uploadedImages = actualImages.filter(img => img.uploadedUrl);
+    const uploadedVideosFromGallery = videosFromGallery.filter(vid => vid.uploadedUrl);
+
+    // Auto-generate thumbnails for gallery videos
+    const galleryVideoThumbnails = {};
+    if (uploadedVideosFromGallery.length > 0) {
+      console.log('[ChatComposer] Auto-generating thumbnails for gallery videos...');
+      for (const vidItem of uploadedVideosFromGallery) {
+        let cachedVideoPath = null;
+        try {
+          const originalVideoPath = vidItem.image.path;
+          const videoDuration = vidItem.image.duration || 0;
+          const videoMime = vidItem.image.mime;
+          const filename = vidItem.image.filename || 'video.mp4';
+          console.log('[ChatComposer] Generating thumbnail for:', {
+            filename,
+            originalVideoPath,
+            videoDuration,
+            videoMime,
+            uploadedUrl: vidItem.uploadedUrl
+          });
+
+          // Copy video to persistent location
+          const ext = filename.split('.').pop() || 'mp4';
+          const cachedFileName = `thumb-cache-${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');
+
+          // Use smaller time offset if video is very short
+          const timeMs = Math.min(1000, Math.floor(videoDuration / 2));
+          console.log('[ChatComposer] Thumbnail settings:', {
+            timeMs,
+            quality: 80,
+            videoPath: cachedVideoPath
+          });
+
+          // Generate thumbnail from cached copy
+          const thumbnail = await VideoThumbnailUtil.generateThumbnail(cachedVideoPath, {
+            time: timeMs,
+            quality: 80
+          });
+          if (!thumbnail) {
+            throw new Error('Failed to generate thumbnail');
+          }
+          console.log('[ChatComposer] Thumbnail generated:', {
+            path: thumbnail.path,
+            width: thumbnail.width,
+            height: thumbnail.height
+          });
+
+          // Upload thumbnail
+          const baseName = vidItem.image.filename?.split('.')[0] || 'video';
+          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:', {
+              percentage: progress
+            });
+          });
+          if (!uploadedThumbnail?.url) {
+            throw new Error('No thumbnail URL returned');
+          }
+
+          // Store thumbnail data
+          galleryVideoThumbnails[vidItem.image.path] = {
+            url: uploadedThumbnail.url,
+            size: uploadedThumbnail.size || 0
+          };
+          console.log('[ChatComposer] Thumbnail ready:', {
+            url: uploadedThumbnail.url,
+            size: uploadedThumbnail.size
+          });
+          console.log(`✅ [ChatComposer] THUMBNAIL URL: ${uploadedThumbnail.url}`);
+        } catch (error) {
+          console.error('[ChatComposer] Thumbnail generation error:', error);
+          UIUtils.toast.open({
+            title: 'Thumbnail Error',
+            message: `Failed to generate thumbnail for ${vidItem.image.filename}`,
+            theme: 'danger'
+          });
+          return;
+        } finally {
+          // Cleanup cached video file
+          if (cachedVideoPath) {
+            try {
+              await RNFS.unlink(cachedVideoPath);
+              console.log('[ChatComposer] Cleaned up cached video:', {
+                path: cachedVideoPath
+              });
+            } catch (err) {
+              console.warn('[ChatComposer] Failed to clean cached video:', err);
+            }
+          }
+        }
+      }
+    }
+    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 => {
+        const thumbnail = galleryVideoThumbnails[vid.image.path];
+        console.log(`✅ [ChatComposer] Gallery Video Thumbnail:`, {
+          filename: vid.image.filename,
+          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 => ({
+        ...img,
+        type: 'image'
+      })),
+      // Videos from gallery picker with auto-generated thumbnails
+      ...uploadedVideosFromGallery.map(vid => {
+        const thumbnail = galleryVideoThumbnails[vid.image.path];
+        return {
+          type: 'video',
+          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 text message after attachments (follows attachment priority order)
+        // Note: urlMetadata is only passed if preview is still visible (not dismissed)
+        if (textMessage && onSendText) {
+          console.log('[ChatComposer] Sending text message after attachments', {
+            hasPreview: !!urlMetadata,
+            previewUrl: urlMetadata?.url
+          });
+          onSendText(textMessage, urlMetadata);
+        }
+      }
+      return;
+    }
+
+    // Send text message only if no attachments
+    onSend?.();
+  }, [selectedImages, sendAttachments, clearAllImages, onSend, onMessageSent, textMessage, urlMetadata, onSendText]);
+  return {
+    handleSend
+  };
+};
+//# sourceMappingURL=useAttachmentSendHandler.js.map

package/lib/module/screens/chat-detail/hooks/useAttachmentSendHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","RNFS","isVideoFromPicker","VideoThumbnailUtil","ImageUploadAPI","UIUtils","useAttachmentSendHandler","selectedImages","sendAttachments","clearAllImages","onSend","onMessageSent","textMessage","urlMetadata","onSendText","handleSend","console","log","selectedImagesCount","length","selectedImagesData","map","img","filename","image","isUploading","uploadedUrl","uploadProgress","actualImages","filter","videosFromGallery","actualImagesCount","videosFromGalleryCount","videosFromGalleryList","v","uploadedImages","uploadedVideosFromGallery","vid","galleryVideoThumbnails","vidItem","cachedVideoPath","originalVideoPath","path","videoDuration","duration","videoMime","mime","ext","split","pop","cachedFileName","Date","now","Math","random","toString","slice","DocumentDirectoryPath","from","to","copyFile","timeMs","min","floor","quality","videoPath","thumbnail","generateThumbnail","time","Error","width","height","baseName","uploadedThumbnail","uploadImageFile","size","progress","percentage","url","error","toast","open","title","message","theme","unlink","err","warn","allUploadedVideos","forEach","thumbnailUrl","videoUrl","attachmentItems","type","video","thumbnailSize","imagesCount","videosCount","hasTextMessage","success","undefined","hasPreview","previewUrl"],"sourceRoot":"../../../../../src","sources":["screens/chat-detail/hooks/useAttachmentSendHandler.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/chat-detail/hooks/useChatComposerAnimation.js

@@ -0,0 +1,114 @@
+"use strict";
+
+import { useCallback, useEffect, useRef } from 'react';
+import { Keyboard } from 'react-native';
+import { runOnJS, useAnimatedReaction, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useKeyboardState, useReanimatedKeyboardAnimation } from 'react-native-keyboard-controller';
+const ACCESSORY_ANIMATION_MS = 250;
+const ACCESSORY_SETTLE_MS = 150;
+export const useChatComposerAnimation = ({
+  isAttachmentOpen,
+  panelHeight,
+  onAttachmentOpenChange
+}) => {
+  const isSwitchingToAttachmentRef = useRef(false);
+  const panelHeightSV = useSharedValue(panelHeight);
+  const attachmentHeightSV = useSharedValue(0);
+  const switchKeyboardHeightSV = useSharedValue(0);
+  const isKeyboardToAttachmentSwitchSV = useSharedValue(false);
+  const isKeyboardVisible = useKeyboardState(state => state.isVisible);
+  const keyboardHeight = useKeyboardState(state => state.height);
+  const {
+    progress: keyboardProgress
+  } = useReanimatedKeyboardAnimation();
+  useEffect(() => {
+    panelHeightSV.value = panelHeight;
+  }, [panelHeight, panelHeightSV]);
+  const openAttachment = useCallback(() => {
+    attachmentHeightSV.value = withTiming(panelHeight, {
+      duration: ACCESSORY_ANIMATION_MS
+    });
+    onAttachmentOpenChange(true);
+  }, [attachmentHeightSV, panelHeight, onAttachmentOpenChange]);
+  const closeAttachment = useCallback(() => {
+    attachmentHeightSV.value = withTiming(0, {
+      duration: ACCESSORY_ANIMATION_MS
+    });
+    onAttachmentOpenChange(false);
+  }, [attachmentHeightSV, onAttachmentOpenChange]);
+  const finishKeyboardToAttachmentSwitch = useCallback(() => {
+    if (!isSwitchingToAttachmentRef.current) {
+      return;
+    }
+    isSwitchingToAttachmentRef.current = false;
+    isKeyboardToAttachmentSwitchSV.value = false;
+    const targetHeight = panelHeightSV.value;
+    const startHeight = switchKeyboardHeightSV.value;
+    if (Math.abs(startHeight - targetHeight) < 1) {
+      attachmentHeightSV.value = targetHeight;
+      return;
+    }
+    attachmentHeightSV.value = withTiming(targetHeight, {
+      duration: ACCESSORY_SETTLE_MS
+    });
+  }, [attachmentHeightSV, isKeyboardToAttachmentSwitchSV, panelHeightSV, switchKeyboardHeightSV]);
+  useEffect(() => {
+    if (!isKeyboardVisible && isSwitchingToAttachmentRef.current) {
+      finishKeyboardToAttachmentSwitch();
+    }
+  }, [finishKeyboardToAttachmentSwitch, isKeyboardVisible]);
+  useAnimatedReaction(() => ({
+    switching: isKeyboardToAttachmentSwitchSV.value,
+    progress: keyboardProgress.value
+  }), (current, previous) => {
+    if (current.switching && current.progress === 0 && (previous?.progress ?? 1) > 0) {
+      runOnJS(finishKeyboardToAttachmentSwitch)();
+    }
+  }, [finishKeyboardToAttachmentSwitch]);
+  useEffect(() => {
+    // Close panel when keyboard becomes visible (unless doing keyboard↔panel switch)
+    // Don't depend on closeAttachment to avoid triggering effect when callback changes
+    if (!isSwitchingToAttachmentRef.current && isKeyboardVisible && isAttachmentOpen) {
+      attachmentHeightSV.value = withTiming(0, {
+        duration: ACCESSORY_ANIMATION_MS
+      });
+      onAttachmentOpenChange(false);
+    }
+  }, [isAttachmentOpen, isKeyboardVisible, attachmentHeightSV, onAttachmentOpenChange]);
+  const accessorySlotStyle = useAnimatedStyle(() => {
+    if (isKeyboardToAttachmentSwitchSV.value) {
+      return {
+        height: switchKeyboardHeightSV.value * (1 - keyboardProgress.value)
+      };
+    }
+    return {
+      height: attachmentHeightSV.value
+    };
+  });
+  const toggleAttachmentVisibility = useCallback(() => {
+    // Use animated value as source of truth, not stale state
+    const isOpen = attachmentHeightSV.value > 0;
+    if (isOpen) {
+      closeAttachment();
+      return;
+    }
+    if (isKeyboardVisible && keyboardHeight > 0) {
+      // Dismiss keyboard first, then open attachment
+      Keyboard.dismiss();
+      isSwitchingToAttachmentRef.current = true;
+      switchKeyboardHeightSV.value = keyboardHeight;
+      isKeyboardToAttachmentSwitchSV.value = true;
+      onAttachmentOpenChange(true);
+      return;
+    }
+    openAttachment();
+  }, [closeAttachment, isKeyboardVisible, keyboardHeight, isKeyboardToAttachmentSwitchSV, onAttachmentOpenChange, switchKeyboardHeightSV, openAttachment, attachmentHeightSV]);
+  return {
+    attachmentHeightSV,
+    accessorySlotStyle,
+    toggleAttachmentVisibility,
+    openAttachment,
+    closeAttachment
+  };
+};
+//# sourceMappingURL=useChatComposerAnimation.js.map

package/lib/module/screens/chat-detail/hooks/useChatComposerAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","Keyboard","runOnJS","useAnimatedReaction","useAnimatedStyle","useSharedValue","withTiming","useKeyboardState","useReanimatedKeyboardAnimation","ACCESSORY_ANIMATION_MS","ACCESSORY_SETTLE_MS","useChatComposerAnimation","isAttachmentOpen","panelHeight","onAttachmentOpenChange","isSwitchingToAttachmentRef","panelHeightSV","attachmentHeightSV","switchKeyboardHeightSV","isKeyboardToAttachmentSwitchSV","isKeyboardVisible","state","isVisible","keyboardHeight","height","progress","keyboardProgress","value","openAttachment","duration","closeAttachment","finishKeyboardToAttachmentSwitch","current","targetHeight","startHeight","Math","abs","switching","previous","accessorySlotStyle","toggleAttachmentVisibility","isOpen","dismiss"],"sourceRoot":"../../../../../src","sources":["screens/chat-detail/hooks/useChatComposerAnimation.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/chat-detail/hooks/useChatComposerState.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import { useState, useMemo, useRef } from 'react';
+export const useChatComposerState = value => {
+  const [isAttachmentOpen, setIsAttachmentOpen] = useState(false);
+  const [isInputFocused, setIsInputFocused] = useState(false);
+  const [isInputWrapped, setIsInputWrapped] = useState(false);
+  const inputRef = useRef(null);
+  const isMultilineInput = useMemo(() => {
+    if (!value) {
+      return false;
+    }
+    return value.includes('\n') || isInputWrapped;
+  }, [isInputWrapped, value]);
+  return {
+    isAttachmentOpen,
+    setIsAttachmentOpen,
+    isInputFocused,
+    setIsInputFocused,
+    isInputWrapped,
+    setIsInputWrapped,
+    isMultilineInput,
+    inputRef
+  };
+};
+//# sourceMappingURL=useChatComposerState.js.map

package/lib/module/screens/chat-detail/hooks/useChatComposerState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useMemo","useRef","useChatComposerState","value","isAttachmentOpen","setIsAttachmentOpen","isInputFocused","setIsInputFocused","isInputWrapped","setIsInputWrapped","inputRef","isMultilineInput","includes"],"sourceRoot":"../../../../../src","sources":["screens/chat-detail/hooks/useChatComposerState.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAajD,OAAO,MAAMC,oBAAoB,GAC/BC,KAAa,IACkB;EAC/B,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGN,QAAQ,CAAC,KAAK,CAAC;EAC/D,MAAM,CAACO,cAAc,EAAEC,iBAAiB,CAAC,GAAGR,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAM,CAACS,cAAc,EAAEC,iBAAiB,CAAC,GAAGV,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAMW,QAAQ,GAAGT,MAAM,CAAM,IAAI,CAAC;EAElC,MAAMU,gBAAgB,GAAGX,OAAO,CAAC,MAAM;IACrC,IAAI,CAACG,KAAK,EAAE;MACV,OAAO,KAAK;IACd;IAEA,OAAOA,KAAK,CAACS,QAAQ,CAAC,IAAI,CAAC,IAAIJ,cAAc;EAC/C,CAAC,EAAE,CAACA,cAAc,EAAEL,KAAK,CAAC,CAAC;EAE3B,OAAO;IACLC,gBAAgB;IAChBC,mBAAmB;IACnBC,cAAc;IACdC,iBAAiB;IACjBC,cAAc;IACdC,iBAAiB;IACjBE,gBAAgB;IAChBD;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/screens/chat-detail/index.js

@@ -2,7 +2,6 @@
 
 export { default as ChatDetail } from "./ChatDetail.js";
 export { default as ChatDetailHeader } from "./ChatDetailHeader.js";
-export { ChatList } from "./ChatList.js";
 export { ChatComposer } from "./ChatComposer.js";
 export { ChatQuickActions } from "./ChatQuickActions.js";
 export { ChatAttachmentPanel } from "./ChatAttachmentPanel.js";

package/lib/module/screens/chat-detail/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","ChatDetail","ChatDetailHeader","ChatList","ChatComposer","ChatQuickActions","ChatAttachmentPanel","DEFAULT_Chat_QUICK_ACTIONS","DEFAULT_ATTACHMENT_ACTIONS","DEFAULT_ATTACHMENT_PANEL_HEIGHT","getConversationTitle","getConversationAvatarUri","getConversationSubtitle","shouldShowAddMember","DChatMessageType","CUSTOM_MESSAGE_DATA_TYPE","mapOpenIMMessageToGiftedChat","mapOpenIMMessagesToGiftedChat"],"sourceRoot":"../../../../src","sources":["screens/chat-detail/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,iBAAc;AACpD,SAASD,OAAO,IAAIE,gBAAgB,QAAQ,uBAAoB;AAChE,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,mBAAmB,QAAQ,0BAAuB;AAC3D,SACEC,0BAA0B,EAC1BC,0BAA0B,EAC1BC,+BAA+B,QAC1B,gBAAa;AACpB,SACEC,oBAAoB,EACpBC,wBAAwB,EACxBC,uBAAuB,EACvBC,mBAAmB,QACd,+BAA4B;AAenC,SACEC,gBAAgB,EAChBC,wBAAwB,QACnB,wBAAqB;AAE5B,SACEC,4BAA4B,EAC5BC,6BAA6B,QACxB,kCAA+B","ignoreList":[]}
+{"version":3,"names":["default","ChatDetail","ChatDetailHeader","ChatComposer","ChatQuickActions","ChatAttachmentPanel","DEFAULT_Chat_QUICK_ACTIONS","DEFAULT_ATTACHMENT_ACTIONS","DEFAULT_ATTACHMENT_PANEL_HEIGHT","getConversationTitle","getConversationAvatarUri","getConversationSubtitle","shouldShowAddMember","DChatMessageType","CUSTOM_MESSAGE_DATA_TYPE","mapOpenIMMessageToGiftedChat","mapOpenIMMessagesToGiftedChat"],"sourceRoot":"../../../../src","sources":["screens/chat-detail/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,iBAAc;AACpD,SAASD,OAAO,IAAIE,gBAAgB,QAAQ,uBAAoB;AAChE,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,mBAAmB,QAAQ,0BAAuB;AAC3D,SACEC,0BAA0B,EAC1BC,0BAA0B,EAC1BC,+BAA+B,QAC1B,gBAAa;AACpB,SACEC,oBAAoB,EACpBC,wBAAwB,EACxBC,uBAAuB,EACvBC,mBAAmB,QACd,+BAA4B;AAenC,SACEC,gBAAgB,EAChBC,wBAAwB,QACnB,wBAAqB;AAC5B,SACEC,4BAA4B,EAC5BC,6BAA6B,QACxB,kCAA+B","ignoreList":[]}

package/lib/module/screens/chat-detail/legend/LegendChatMessage.js

@@ -1,20 +1,26 @@
 "use strict";
 
 import { memo } from 'react';
-import { LegendTextMessage, LegendImageMessage, LegendVideoMessage, LegendFileMessage } from "./message-types.js";
-import { DChatMessageType as MessageTypeEnum } from "../../../types/message.js";
+import { MessageType } from '@droppii/openim-rn-client-sdk';
+import { TextMessage } from "../../../components/messages/textMessage/index.js";
+import { ImageMessage } from "../../../components/messages/imageMessage/index.js";
+import { VideoMessage } from "../../../components/messages/videoMessage/index.js";
+import { FileMessage } from "../../../components/messages/fileMessage/index.js";
+import { LinkMessage } from "../../../components/messages/linkMessage/index.js";
+import { MergedMessage } from "../../../components/messages/mergedMessage/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-// Message type to component mapping
+// OpenIM message types (not all exposed as MessageType enum)
+const MERGED_MESSAGE_TYPE = 107; // MergerMessage - merged/grouped messages
+
 const messageComponentMap = {
-  [MessageTypeEnum.Text]: LegendTextMessage,
-  [MessageTypeEnum.Image]: LegendImageMessage,
-  [MessageTypeEnum.Video]: LegendVideoMessage,
-  [MessageTypeEnum.File]: LegendFileMessage,
-  [MessageTypeEnum.Link]: LegendTextMessage,
-  // Link renders as text for now
-  [MessageTypeEnum.Order]: LegendTextMessage,
-  // Order renders as text for now
-  [MessageTypeEnum.Unsupported]: LegendTextMessage // Unsupported renders as text for now
+  [MessageType.TextMessage]: TextMessage,
+  [MessageType.AtTextMessage]: TextMessage,
+  [MessageType.QuoteMessage]: TextMessage,
+  [MessageType.UrlTextMessage]: LinkMessage,
+  [MessageType.PictureMessage]: ImageMessage,
+  [MessageType.VideoMessage]: VideoMessage,
+  [MessageType.FileMessage]: FileMessage,
+  [MERGED_MESSAGE_TYPE]: MergedMessage
 };
 
 /**
@@ -23,24 +29,25 @@ const messageComponentMap = {
  */
 export const LegendChatMessage = /*#__PURE__*/memo(({
   message,
-  messageType,
   isOutgoing,
-  createdAtTime
+  createdAtTime,
+  onMediaPress
 }) => {
-  const MessageComponent = messageComponentMap[messageType];
+  const MessageComponent = messageComponentMap[message?.contentType] ?? TextMessage;
 
-  // Fallback to text message if type not found
-  if (!MessageComponent) {
-    return /*#__PURE__*/_jsx(LegendTextMessage, {
-      message: message,
-      isOutgoing: isOutgoing,
-      createdAtTime: createdAtTime
-    });
+  // Only pass onMediaPress to components that use it
+  const mediaTypes = [MessageType.PictureMessage, MessageType.VideoMessage, MERGED_MESSAGE_TYPE];
+  const hasMediaPress = mediaTypes.includes(message?.contentType) && onMediaPress;
+  const props = {
+    message,
+    isOutgoing,
+    createdAtTime
+  };
+  if (hasMediaPress) {
+    props.onMediaPress = onMediaPress;
   }
   return /*#__PURE__*/_jsx(MessageComponent, {
-    message: message,
-    isOutgoing: isOutgoing,
-    createdAtTime: createdAtTime
+    ...props
   });
 });
 LegendChatMessage.displayName = 'LegendChatMessage';